{"id":47710,"date":"2026-08-13T16:26:41","date_gmt":"2026-08-13T15:26:41","guid":{"rendered":"https:\/\/ocs.com\/uk\/?post_type=services&#038;p=47710"},"modified":"2026-08-20T14:14:03","modified_gmt":"2026-08-20T13:14:03","slug":"commercial-solar-panels-and-battery-storage","status":"publish","type":"services","link":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/","title":{"rendered":"Commercial Solar Panels and Battery Storage"},"content":{"rendered":"\n    <section x-data=\"fullWidthBanner\"  data-animate-container=\"waterfall\"  class=\"w-full pb-10 md:pb-[72px] \">\n        <div x-ref=\"fullWidthSlider\" data-animate=\"item\" class=\"splide full-width-banner w-full\">\n            <div class=\"splide__track h-[calc(100vh-102px)] lg:h-[calc(100vh-146px)]\">\n                <ul x-ref=\"fullWidthSplideList\" x-cloak class=\"splide__list\">\n                                            <li class=\"splide__slide w-full h-full relative \" x-ref=\"heroAsset\">\n                                                                                            <picture class=\"\">\n                                    <source srcset=\" https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-Banner-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-Banner-1024x459.jpg\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-Banner-1536x688.jpg\" type=\"image\/jpg\">\n                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-Banner-1536x688.jpg\" class=\"w-full h-full object-cover object-center rounded-[32px]\" alt=\"Rows of solar panels are mounted on a roof, reflecting sunlight as the sun sets or rises in the background, creating a bright, warm glow.\">\n                                <\/picture>\n                                                        <div class=\"hidden lg:flex absolute z-40 bottom-[44px] right-[44px] flex-row items-center gap-4\">\n                                                                                            <\/div>\n                                                        <div class=\"absolute w-full h-full inset-0 p-6 lg:p-[44px] rounded-[32px] bg-black\/40 md:bg-transparent\">\n                                <div class=\"w-full h-full flex flex-col items-start justify-end gap-6 lg:gap-8\">\n                                                                            <div class=\"flex flex-wrap items-center gap-[18px] mb-2 max-w-[654px]\">\n                                                                                            <div class=\"max-h-[70px] h-[70px] \">\n                                                    <picture>\n                                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/Energy-Services-Lozenge-\u2013-colour-no-OCS-1.svg\" type=\"image\/jpg\">\n                                                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/Energy-Services-Lozenge-\u2013-colour-no-OCS-1.svg\" class=\"h-full w-full object-contain\" style=\"width: initial\" width=\"124\" alt=\"A green button with a gradient effect displaying the white text Energy Services.\">\n                                                    <\/picture>\n                                                <\/div>\n                                                                                    <\/div>\n                                                                                                                                                            <h1 class=\"text-white text-[40px] font-medium leading-[44px] -tracking-[0.5px] lg:text-[52px] lg:leading-[58px] text-crop max-w-[654px]\">\n                                                Commercial Solar Panels and Battery Storage                                            <\/h1>\n                                                                                                                                                        <p class=\"text-white text-[22px] leading-[30px] -tracking-[0.5px] text-crop max-w-[654px]\">\n                                            Take greater control of energy costs, carbon reduction and energy resilience with commercial solar panels and battery storage designed around your estate, infrastructure and operation.                                        <\/p>\n                                                                                                                                                    <div class=\"relative flex flex-wrap self-end items-center gap-4 justify-between w-full\">\n                                            <div class=\"relative flex flex-wrap items-center gap-4\">\n                                                <a href=\"#contact-form\" class=\"btn btn-themed\" target=\"\">\n                                                    Connect with our 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                                                                                                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n            <\/div>\n        <\/div>\n        <\/section>\n\n\n            <section id=\"block_acf-block-6a86fd9a8b8f3\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-2-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-2.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-2.jpg\" alt=\"Three people in hard hats and yellow safety vests examine documents while kneeling among rows of solar panels on a rooftop under bright sunlight.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Take Control of Your Energy Costs, Carbon Reduction &#038; Energy Resilience<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p class=\"p1\">Volatile energy markets, net zero commitments and demands for operational continuity are changing how organisations manage energy.<\/p>\n<p class=\"p1\"><span data-teams=\"true\">Clean energy and storage enable you to generate, store and use energy more effectively, reducing costs, strengthening resilience and lowering carbon emissions.<\/span><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Solar and Storage Expertise \u2013 Full delivery from design and delivery to maintenance and optimisation. Ground-mount, Roof-mount, Car ports, Floating solar, Battery storage (BESS)        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Funding Flexibility \u2013 Shaping programmes around your chosen funding model: Capital Purchase or Power Purchase Agreement.        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n<section\n    x-data=\"stats\"\n    id=\"block_acf-block-6a86fd9a8b939\"\n    class=\"max-w-8xl mx-auto w-full px-6 lg:px-[88px] py-6 md:py-[72px]  \"\n        data-animate-container=\"waterfall\">\n            <div\n            class=\"rounded-[32px] p-6 sm:p-8 lg:p-11\"\n            style=\"background-image: linear-gradient(236.739deg, #293771 6.25%, #281e4a 40.43%);\"        >\n            <div class=\"flex flex-col gap-8\">\n\n                            <div class=\"flex flex-col lg:flex-row gap-6 items-start justify-between\">\n                                            <div\n                            data-animate-container=\"text\"                            class=\"flex-1 flex flex-col gap-6 min-w-0\"\n                        >\n                                                            <h2\n                                    data-animate=\"heading\"                                    class=\"text-white font-medium text-[28px] leading-[36px] lg:text-[36px] lg:leading-[44px] -tracking-[0.25px]\"\n                                >\n                                    Clean Energy Delivery in Numbers                                <\/h2>\n                                                                                        <div\n                                    data-animate=\"prose\"                                    class=\"prose max-w-none prose-p:m-0 prose-p:text-[18px] prose-p:leading-[26px] lg:prose-p:text-[20px] prose-p:font-normal [&#038;_p]:!text-white\"\n                                >\n                                    <p class=\"p1\">Our solar projects are already generating clean power across customer sites, reducing carbon emissions and supporting greater energy resilience.<\/p>\n                                <\/div>\n                                                    <\/div>\n                    \n                                            <div class=\"bg-[#6b6b6b]\/20 flex gap-2 items-center px-4 py-3 rounded-3xl shrink-0\">\n                                                            <span class=\"flex w-2.5 h-2.5 rounded-full bg-[#41ad48]\" aria-hidden=\"true\"><\/span>\n                                                        <span class=\"text-white text-base leading-6 font-normal whitespace-nowrap\">\n                                Proven Delivery                            <\/span>\n                        <\/div>\n                                    <\/div>\n            \n                            <ul\n                    data-animate-container=\"cards\"                    class=\"flex flex-wrap justify-center gap-6\"\n                >\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(25%-1.125rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6 justify-between min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            <span x-intersect.once=\"animateNumber($el)\">50<\/span>+                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                Megawatts of Solar Installed                                            <\/p>\n                                                                                                                            <p class=\"text-[#dbdada] font-medium text-[14px] leading-[1.2]\">\n                                                Equivalent to 140 football pitches                                            <\/p>\n                                                                            <\/div>\n                                                            <\/div>\n\n                                                            <div\n                                                                            x-data=\"{ shown: false }\"\n                                        x-intersect.once=\"shown = true\"\n                                                                        class=\"relative w-full bg-[#2a3872] h-1 rounded-full\"\n                                >\n                                    <div\n                                        class=\"absolute left-0 top-0 h-1 rounded-full themed-icon-bg transition-[width] duration-[1500ms] ease-out\"\n                                        :style=\"`width: ${shown ? 100 : 0}%`\"\n                                    ><\/div>\n                                                                            <span\n                                            class=\"absolute top-1\/2 -translate-y-1\/2 w-7 h-7 transition-[left] duration-[1500ms] ease-out\"\n                                            :style=\"`left: calc(${shown ? 100 : 0}% - 16px)`\"\n                                            aria-hidden=\"true\"\n                                        >\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n                                                <g filter=\"url(#filter0_f_10442_160321)\">\n                                                    <circle cx=\"14\" cy=\"14\" r=\"6\" fill=\"white\"\/>\n                                                <\/g>\n                                                <defs>\n                                                    <filter id=\"filter0_f_10442_160321\" x=\"0\" y=\"0\" width=\"28\" height=\"28\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/>\n                                                        <feGaussianBlur stdDeviation=\"4\" result=\"effect1_foregroundBlur_10442_160321\"\/>\n                                                    <\/filter>\n                                                <\/defs>\n                                            <\/svg>\n                                        <\/span>\n                                                                    <\/div>\n                                                    <\/li>\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(25%-1.125rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6 justify-between min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            <span x-intersect.once=\"animateNumber($el)\">43<\/span>M                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                kWh Power Generated                                            <\/p>\n                                                                                                                            <p class=\"text-[#dbdada] font-medium text-[14px] leading-[1.2]\">\n                                                Enough to power 12,300 UK homes for a year                                            <\/p>\n                                                                            <\/div>\n                                                            <\/div>\n\n                                                            <div\n                                                                            x-data=\"{ shown: false }\"\n                                        x-intersect.once=\"shown = true\"\n                                                                        class=\"relative w-full bg-[#2a3872] h-1 rounded-full\"\n                                >\n                                    <div\n                                        class=\"absolute left-0 top-0 h-1 rounded-full themed-icon-bg transition-[width] duration-[1500ms] ease-out\"\n                                        :style=\"`width: ${shown ? 100 : 0}%`\"\n                                    ><\/div>\n                                                                            <span\n                                            class=\"absolute top-1\/2 -translate-y-1\/2 w-7 h-7 transition-[left] duration-[1500ms] ease-out\"\n                                            :style=\"`left: calc(${shown ? 100 : 0}% - 16px)`\"\n                                            aria-hidden=\"true\"\n                                        >\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n                                                <g filter=\"url(#filter0_f_10442_160321)\">\n                                                    <circle cx=\"14\" cy=\"14\" r=\"6\" fill=\"white\"\/>\n                                                <\/g>\n                                                <defs>\n                                                    <filter id=\"filter0_f_10442_160321\" x=\"0\" y=\"0\" width=\"28\" height=\"28\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/>\n                                                        <feGaussianBlur stdDeviation=\"4\" result=\"effect1_foregroundBlur_10442_160321\"\/>\n                                                    <\/filter>\n                                                <\/defs>\n                                            <\/svg>\n                                        <\/span>\n                                                                    <\/div>\n                                                    <\/li>\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(25%-1.125rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6 justify-between min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            <span x-intersect.once=\"animateNumber($el)\">8000<\/span>                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                Tonnes of CO\u2082e Emissions Saved                                            <\/p>\n                                                                                                                            <p class=\"text-[#dbdada] font-medium text-[14px] leading-[1.2]\">\n                                                Equivalent to 1,750 cars taken off the road for a year                                            <\/p>\n                                                                            <\/div>\n                                                            <\/div>\n\n                                                            <div\n                                                                            x-data=\"{ shown: false }\"\n                                        x-intersect.once=\"shown = true\"\n                                                                        class=\"relative w-full bg-[#2a3872] h-1 rounded-full\"\n                                >\n                                    <div\n                                        class=\"absolute left-0 top-0 h-1 rounded-full themed-icon-bg transition-[width] duration-[1500ms] ease-out\"\n                                        :style=\"`width: ${shown ? 100 : 0}%`\"\n                                    ><\/div>\n                                                                            <span\n                                            class=\"absolute top-1\/2 -translate-y-1\/2 w-7 h-7 transition-[left] duration-[1500ms] ease-out\"\n                                            :style=\"`left: calc(${shown ? 100 : 0}% - 16px)`\"\n                                            aria-hidden=\"true\"\n                                        >\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n                                                <g filter=\"url(#filter0_f_10442_160321)\">\n                                                    <circle cx=\"14\" cy=\"14\" r=\"6\" fill=\"white\"\/>\n                                                <\/g>\n                                                <defs>\n                                                    <filter id=\"filter0_f_10442_160321\" x=\"0\" y=\"0\" width=\"28\" height=\"28\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/>\n                                                        <feGaussianBlur stdDeviation=\"4\" result=\"effect1_foregroundBlur_10442_160321\"\/>\n                                                    <\/filter>\n                                                <\/defs>\n                                            <\/svg>\n                                        <\/span>\n                                                                    <\/div>\n                                                    <\/li>\n                                            <li\n                            data-animate=\"card\"                            class=\"basis-full sm:basis-[calc(50%-0.75rem)] xl:basis-[calc(25%-1.125rem)] flex flex-col bg-[#281e4a] border border-ocs-gray rounded-3xl p-8 lg:p-10 gap-6 justify-between min-h-[220px] lg:min-h-[274px]\"\n                        >\n                            <div class=\"flex flex-col gap-6\">\n                                                                    <div class=\"flex gap-1 items-start\">\n                                                                                <span class=\"text-white text-[44px] leading-[52px] lg:text-[52px] lg:leading-[58px] font-semibold -tracking-[0.5px] whitespace-nowrap\">\n                                            <span x-intersect.once=\"animateNumber($el)\">12300<\/span>                                        <\/span>\n                                    <\/div>\n                                \n                                                                    <div class=\"flex flex-col gap-3\">\n                                                                                    <p class=\"text-white font-medium text-[20px] leading-[28px]\">\n                                                UK Homes Powered for a Year                                            <\/p>\n                                                                                                                            <p class=\"text-[#dbdada] font-medium text-[14px] leading-[1.2]\">\n                                                Equivalent to 43 million kWh of electricity                                            <\/p>\n                                                                            <\/div>\n                                                            <\/div>\n\n                                                            <div\n                                                                            x-data=\"{ shown: false }\"\n                                        x-intersect.once=\"shown = true\"\n                                                                        class=\"relative w-full bg-[#2a3872] h-1 rounded-full\"\n                                >\n                                    <div\n                                        class=\"absolute left-0 top-0 h-1 rounded-full themed-icon-bg transition-[width] duration-[1500ms] ease-out\"\n                                        :style=\"`width: ${shown ? 100 : 0}%`\"\n                                    ><\/div>\n                                                                            <span\n                                            class=\"absolute top-1\/2 -translate-y-1\/2 w-7 h-7 transition-[left] duration-[1500ms] ease-out\"\n                                            :style=\"`left: calc(${shown ? 100 : 0}% - 16px)`\"\n                                            aria-hidden=\"true\"\n                                        >\n                                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n                                                <g filter=\"url(#filter0_f_10442_160321)\">\n                                                    <circle cx=\"14\" cy=\"14\" r=\"6\" fill=\"white\"\/>\n                                                <\/g>\n                                                <defs>\n                                                    <filter id=\"filter0_f_10442_160321\" x=\"0\" y=\"0\" width=\"28\" height=\"28\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                                                        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/>\n                                                        <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/>\n                                                        <feGaussianBlur stdDeviation=\"4\" result=\"effect1_foregroundBlur_10442_160321\"\/>\n                                                    <\/filter>\n                                                <\/defs>\n                                            <\/svg>\n                                        <\/span>\n                                                                    <\/div>\n                                                    <\/li>\n                                    <\/ul>\n            \n        <\/div>\n    <\/div>\n<\/section>\n\n\n        <section id=\"block_acf-block-6a86fd9a8b981\"   data-animate-container=\"waterfall\"  class=\"flex flex-col py-6 md:py-[44px] max-w-8xl mx-auto px-4 overflow-hidden  \" >\n                <div data-animate=\"item\" class=\" py-12 md:py-16  rounded-[32px]\n                                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #F7FBF7\" >\n                            <div x-data=\"fmCarousel\"  data-animate-container=\"text\"  class=\"block-fm-services-carousel relative splide !flex flex-col md:flex-row items-stretch h-full min-h-[407px] justify-between gap-10 md:gap-8 pb-[80px] md:pb-0\" x-ref=\"fmSlider\" data-bg-color=\"#F7FBF7\">\n    <div class=\"flex-none  pl-6 md:pl-0  flex flex-col items-start justify-center gap-6 w-full md:max-w-[400px]\">\n                    <h2 data-animate=\"heading\" class=\"text-crop text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Commercial Solar Panels and Solar PV Solutions<\/h2>\n                            <p data-animate=\"prose\" class=\"text-left text-ocs-blue-navy text-xl\">Every site presents a different opportunity for solar generation. We design and deliver commercial solar PV solutions around your available space, energy demand and operational requirements.<\/p>\n        \n                <!-- Desktop Slider Arrows -->\n                    <div data-animate=\"button\" class=\" splide__arrows absolute bottom-0 left-0 right-0 md:relative flex gap-3 flex-row justify-center\">\n                <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n                <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <\/div>\n            <div class=\"splide__track w-full  md:-mr-[42px] lg:-mr-[72px]\">\n            <ul  data-animate-container=\"cards\"  class=\"splide__list\">\n                                                                                        <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] mx-auto group content-stretch\">\n                                <div class=\"w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/04\/Healthcare-Energy-Services-Smart-Building-Solar-1-1024x767.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Rooftop Solar\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Rooftop Solar<\/h3>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Turn unused roof space into an energy generating asset, helping reduce grid dependency and energy costs without requiring additional land.<\/p>\n                                                                            <\/div>\n                                <\/div>\n                            <\/li>\n                                                                                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] mx-auto group content-stretch\">\n                                <div class=\"w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2373aace-b962-4700-91ee-5885ecb0919a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Ground Mounted Solar\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Ground Mounted Solar<\/h3>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Use suitable land for solar generation at greater scale, with systems designed around your site conditions, energy demand and operational requirements.<\/p>\n                                                                            <\/div>\n                                <\/div>\n                            <\/li>\n                                                                                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] mx-auto group content-stretch\">\n                                <div class=\"w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Energy-Services-Castleview-Low-Carbon-Vehicle-Hub-1024x874.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Solar Carports\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Solar Carports<\/h3>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Make more of existing parking areas by combining solar generation with practical infrastructure, with options for EV charging and battery storage.<\/p>\n                                                                            <\/div>\n                                <\/div>\n                            <\/li>\n                                                                                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-stretch justify-start gap-6 w-full max-w-[400px] mx-auto group content-stretch\">\n                                <div class=\"w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-full min-h-[383px] md:min-h-[250px] rounded-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-4.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full min-h-[383px] md:min-h-[250px] object-cover object-center rounded-[24px]\" alt=\"Floating Solar\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"absolute bottom-0 left-0 right-0 md:-mt-8 md:relative z-20 flex flex-col rounded-3xl p-8 gap-4  bg-white \">\n                                        <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Floating Solar<\/h3>\n                                                                                                                                <\/div>\n\n                                                                                    <p class=\"text-ocs-blue-navy\">Use suitable water assets for on site renewable generation, reducing pressure on valuable land while making productive use of available space.<\/p>\n                                                                            <\/div>\n                                <\/div>\n                            <\/li>\n                                                                        <\/ul>\n        <\/div>\n    <\/div>                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6a86fd9a8b9b7\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-5-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-5.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-5.jpg\" alt=\"A row of white, container-like battery storage units is set up outdoors near an electrical substation with metal pylons and power lines under a partly cloudy sky.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Battery Energy Storage Systems (BESS)<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p class=\"p1\">Commercial battery storage helps you make better use of the energy you generate. Store excess solar power ready for use when you need it, while creating capacity for larger solar systems where grid connections are restricted.<\/p>\n<p class=\"p1\">Our specialists integrate solar and battery storage around your site, energy requirements and infrastructure, helping you capture more of the power generated and use it more effectively.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Maximise Excess Solar Generation &#8211; Store excess solar power ready for use when it is needed, rather than losing valuable generation.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Increase Solar Capacity &#8211; Battery storage can create capacity for larger solar systems where grid connections are restricted.        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Solar and Storage Integration &#8211; Integrate battery systems with solar arrays to capture more generated energy and store power for use on demand.        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"energy-framework\"  class=\"block_best_pillars max-w-8xl mx-auto py-6 md:py-[72px] px-4 md:px-[88px] w-full  \"  data-animate-container=\"waterfall\"   x-data=\"{\n                visibleForm: 'pillar0',\n                accordion: 0,\n                markerWidth: 0,\n                markerHeight: 0,\n                markerTransform: 0,\n                init() {\n                    this.updateMarker(this.$refs.pillar0);\n                },\n                changeForm(key) {\n                    this.visibleForm = key;\n                    this.updateMarker(this.$event.target);\n                },\n                updateMarker(button) {\n                    this.markerWidth = `${button.offsetWidth}px`;\n                    this.markerHeight = `${button.offsetHeight}px`;\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            }\" @resize.window=\"updateMarker($refs[visibleForm])\" >\n        <div data-animate=\"item\" class=\"w-full px-6 flex flex-col justify-center gap-8 md:gap-16  py-8 md:p-8 lg:p-[54px]  rounded-3xl\" style=\"background-color: #F7FBF7\">\n            <div class=\"flex flex-col gap-6\">\n                                    <div  data-animate-container=\"text\"  class=\"mx-auto text-center flex flex-col justify-center gap-6\">\n                                                    <h3 data-animate=\"heading\" class=\"max-w-[882px] mx-auto text-ocs-gray-nav font-medium text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] text-crop\">\n                                Five-Stage Clean Energy Delivery Model                            <\/h3>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[28px] font-medium max-w-[680px] mx-auto\">\n                                Every solar project follows our five stage model, providing a clear route from initial assessment through to long term performance.                            <\/p>\n                                            <\/div>\n                                <!-- change pillar button -->\n                                    <div data-animate=\"item\" class=\"hidden mx-auto lg:flex justify-center w-full overflow-hidden\">\n                        <div class=\"relative flex flex-row overflow-x-auto bg-white  border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                                                            <button x-ref=\"pillar0\" @click=\"changeForm('pillar0')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar0' ? 'text-white' : 'text-themed'\">\n                                    Discover                                <\/button>\n                                                            <button x-ref=\"pillar1\" @click=\"changeForm('pillar1')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar1' ? 'text-white' : 'text-themed'\">\n                                    Design                                <\/button>\n                                                            <button x-ref=\"pillar2\" @click=\"changeForm('pillar2')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar2' ? 'text-white' : 'text-themed'\">\n                                    Deliver                                <\/button>\n                                                            <button x-ref=\"pillar3\" @click=\"changeForm('pillar3')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar3' ? 'text-white' : 'text-themed'\">\n                                    Maintain                                <\/button>\n                                                            <button x-ref=\"pillar4\" @click=\"changeForm('pillar4')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleForm == 'pillar4' ? 'text-white' : 'text-themed'\">\n                                    Optimise                                <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-1.5 w-full h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n            <!-- pillars content -->\n            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Hard-Services-Discover-Design-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Hard-Services-Discover-Design-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Hard-Services-Discover-Design-1024x1024.jpg\" alt=\"Two construction workers in high-visibility jackets and OCS-branded hard hats review plans together outdoors at a worksite, with trees and equipment visible in the background.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 0 ? accordion = null : accordion = 0\" :aria-expanded=\"accordion === 0\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Understanding the Opportunity<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 0\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 0\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\">Assess your site, energy requirements and commercial solar potential to establish a clear starting point.<\/p>\n<p class=\"p2\"><strong>What Discovery Covers<\/strong><\/p>\n<ul>\n<li class=\"p1\">Site and energy requirements<\/li>\n<li class=\"p1\">Commercial solar opportunities<\/li>\n<li class=\"p1\">Initial project considerations<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Discover Phase in Detail <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar0'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Hard-Services-Discover-Design-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Hard-Services-Discover-Design-1024x1024.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/01\/OCS-Energy-Services-Hard-Services-Discover-Design-1024x1024.jpg\" alt=\"Two construction workers in high-visibility jackets and OCS-branded hard hats review plans together outdoors at a worksite, with trees and equipment visible in the background.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Understanding the Opportunity<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\">Assess your site, energy requirements and commercial solar potential to establish a clear starting point.<\/p>\n<p class=\"p2\"><strong>What Discovery Covers<\/strong><\/p>\n<ul>\n<li class=\"p1\">Site and energy requirements<\/li>\n<li class=\"p1\">Commercial solar opportunities<\/li>\n<li class=\"p1\">Initial project considerations<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Discover Phase in Detail <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg\" alt=\"Two people in safety vests review architectural plans on a tablet while standing next to solar panels. One person points at the screen, and a paper with diagrams is visible in the other\u2019s hand.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 1 ? accordion = null : accordion = 1\" :aria-expanded=\"accordion === 1\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Developing the Right Solution<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 1\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\">Shape a commercial solar PV and battery storage solution around your site, infrastructure and objectives.<\/p>\n<p class=\"p2\"><b>What Design Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Solar PV system design<\/li>\n<li class=\"p1\">Battery storage requirements<\/li>\n<li class=\"p1\">Commercial and delivery options<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Design Phase in Detail <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar1'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-6.jpg\" alt=\"Two people in safety vests review architectural plans on a tablet while standing next to solar panels. One person points at the screen, and a paper with diagrams is visible in the other\u2019s hand.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Developing the Right Solution<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\">Shape a commercial solar PV and battery storage solution around your site, infrastructure and objectives.<\/p>\n<p class=\"p2\"><b>What Design Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Solar PV system design<\/li>\n<li class=\"p1\">Battery storage requirements<\/li>\n<li class=\"p1\">Commercial and delivery options<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Design Phase in Detail <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/d68ae0c1-fbdb-40c3-8101-aabf0962990a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/d68ae0c1-fbdb-40c3-8101-aabf0962990a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d68ae0c1-fbdb-40c3-8101-aabf0962990a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 2 ? accordion = null : accordion = 2\" :aria-expanded=\"accordion === 2\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Turning Plans into Delivery<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 2\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 2\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\">Take your project from design through commercial solar installation with clear accountability throughout.<\/p>\n<p class=\"p2\"><b>What Delivery Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Project delivery<\/li>\n<li class=\"p1\">Solar installation<\/li>\n<li class=\"p1\">Testing and commissioning<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Deliver Phase in Detail <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar2'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/d68ae0c1-fbdb-40c3-8101-aabf0962990a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/d68ae0c1-fbdb-40c3-8101-aabf0962990a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d68ae0c1-fbdb-40c3-8101-aabf0962990a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Turning Plans into Delivery<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\">Take your project from design through commercial solar installation with clear accountability throughout.<\/p>\n<p class=\"p2\"><b>What Delivery Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Project delivery<\/li>\n<li class=\"p1\">Solar installation<\/li>\n<li class=\"p1\">Testing and commissioning<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Deliver Phase in Detail <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-7-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-7.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-7.jpg\" alt=\"Two workers in orange safety vests and white helmets stand in front of large solar panels outdoors, inspecting or discussing the solar power installation on a sunny day.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 3 ? accordion = null : accordion = 3\" :aria-expanded=\"accordion === 3\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Supporting Long Term Performance<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 3\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 3\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\">Keep commercial solar and battery storage assets performing effectively throughout their operational life.<\/p>\n<p class=\"p2\"><b>What Maintenance Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Planned solar maintenance<\/li>\n<li class=\"p1\">System performance<\/li>\n<li class=\"p1\">Ongoing technical support<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Maintain Phase in Detail <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar3'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-7-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-7.jpg\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-7.jpg\" alt=\"Two workers in orange safety vests and white helmets stand in front of large solar panels outdoors, inspecting or discussing the solar power installation on a sunny day.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Supporting Long Term Performance<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\">Keep commercial solar and battery storage assets performing effectively throughout their operational life.<\/p>\n<p class=\"p2\"><b>What Maintenance Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Planned solar maintenance<\/li>\n<li class=\"p1\">System performance<\/li>\n<li class=\"p1\">Ongoing technical support<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Maintain Phase in Detail <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                            \n                                                    \n                                    <div  data-animate-container=\"cards\"  class=\"group flex lg:hidden\">\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center w-full\">\n                                                            <div data-animate=\"image\" class=\"relative overflow-hidden w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8dcb8f3e-7899-4290-aced-12a076219fd5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8dcb8f3e-7899-4290-aced-12a076219fd5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8dcb8f3e-7899-4290-aced-12a076219fd5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Rows of solar panels are in the foreground, with green trees and modern city skyscrapers in the background under a partly cloudy sky at sunset.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 lg:py-[45px]\">\n                                                                            <button type=\"button\" @click=\"accordion === 4 ? accordion = null : accordion = 4\" :aria-expanded=\"accordion === 4\" class=\"flex flex-row items-center justify-between gap-4 w-full text-left\">\n                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Getting More From Your Assets<\/h2>\n                                            <span class=\"rounded-full border border-ocs-orange-light flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                                <svg x-show=\"accordion === 4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path d=\"M4.16699 10.5H15.8337\" stroke=\"#FE5000\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                                <\/svg>\n                                                <svg x-show=\"accordion !== 4\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"#FE5000\" \/>\n                                                <\/svg>\n                                            <\/span>\n                                        <\/button>\n                                                                                                                <div x-cloak x-show=\"accordion === 4\" x-collapse>\n                                            <div class=\"flex flex-col gap-6 pt-6\">\n                                                                                                    <div class=\"text-ocs-blue-navy prose\">\n                                                        <p class=\"p1\">Use monitoring and insight to support the ongoing performance of your solar and battery storage systems.<\/p>\n<p class=\"p2\"><b>What Optimisation Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Performance monitoring<\/li>\n<li class=\"p1\">System optimisation<\/li>\n<li class=\"p1\">Future opportunities<\/li>\n<\/ul>\n                                                    <\/div>\n                                                                                                <!-- buttons -->\n                                                                                                                                                                                                                        <div class=\"w-max max-w-full\">\n                                                                \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Optimise Phase in Detail <\/a>                                                            <\/div>\n                                                                                                                                                                                                        <\/div>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                    <\/div>\n                    <div  data-animate-container=\"cards\"  class=\"hidden lg:block\" x-show=\"visibleForm == 'pillar4'\" x-cloak>\n                        <div data-animate=\"card\"  data-animate-container=\"images\"  class=\"group relative flex flex-col lg:flex-row gap-8 lg:gap-16 items-stretch justify-center\">\n                                                            <div data-animate=\"image\" class=\"relative w-full lg:w-1\/2 lg:min-h-[400px] lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-auto rounded-[32px]\">\n                                                                            <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8dcb8f3e-7899-4290-aced-12a076219fd5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/8dcb8f3e-7899-4290-aced-12a076219fd5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8dcb8f3e-7899-4290-aced-12a076219fd5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Rows of solar panels are in the foreground, with green trees and modern city skyscrapers in the background under a partly cloudy sky at sunset.\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute inset-0 object-cover w-full h-full rounded-[32px]\" \/>\n                                        <\/picture>\n                                                                    <\/div>\n                                                                                        <div  data-animate-container=\"text\"  class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-6 lg:py-[45px]\">\n                                                                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] text-crop\">Getting More From Your Assets<\/h2>\n                                                                                                                <div data-animate=\"prose\" class=\"text-ocs-blue-navy prose\">\n                                            <p class=\"p1\">Use monitoring and insight to support the ongoing performance of your solar and battery storage systems.<\/p>\n<p class=\"p2\"><b>What Optimisation Covers<\/b><\/p>\n<ul>\n<li class=\"p1\">Performance monitoring<\/li>\n<li class=\"p1\">System optimisation<\/li>\n<li class=\"p1\">Future opportunities<\/li>\n<\/ul>\n                                        <\/div>\n                                                                        <!-- buttons -->\n                                                                                                                                                                        <div data-animate=\"button\" class=\"w-max max-w-full\">\n                                                    \n<a href=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/ocs-energy-services-five-stage-framework-brochure\/#five-stage-framework-brochure\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed-outline\" target=\"_self\">\n    See the Optimise Phase in Detail <\/a>                                                <\/div>\n                                                                                                                                                        <\/div>\n                                                    <\/div>\n                    <\/div>\n                                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-6a86fd9a8ba72\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-8-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-8.jpg\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage-8.jpg\" alt=\"Aerial view of workers in orange vests installing or inspecting large solar panels on a white industrial building rooftop.\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Flexible Funding for Clean Energy Projects<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>The right funding approach can be as important as the technology itself.<\/p>\n<p>We work with customers to explore routes that align clean energy investment with wider financial and operational priorities, helping organisations move from identified opportunity to delivery.<\/p>\n<p>Whether your priority is capital investment, reducing upfront expenditure or developing a longer term energy strategy, our specialists can help identify an appropriate route forward.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Capital Purchase         <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Power Purchase Agreement         <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6a86fd9a8c2ae\"  data-animate-container=\"waterfall\"  class=\"py-6 md:py-[72px]  block-case-studies-slider splide  flex flex-col max-w-8xl mx-auto px-4  \" >\n                <div >\n            <div data-animate=\"item\" class=\"related-customer-stories__container relative pb-[128px]  pt-10 md:py-16  flex flex-col items-center justify-between gap-12 rounded-[32px]  md:flex-row md:pl-[48px] lg:pl-[72px]\" style=\"background-color: #F7FBF7\">\n                                    <div data-animate-container=\"text\"  class=\"flex flex-col w-full h-auto  md:pl-0 md:pr-0 lg:pl-0  gap-6 items-center md:items-start justify-start  md:max-w-[400px] \">\n                                                    <h2 data-animate=\"heading\" class=\" text-center md:text-left text-crop text-[30px] md:text-[44px] leading-[38px] md:leading-[54px] -tracking-[0.5px] text-crop font-medium text-ocs-gray-nav\">Flagship Projects<\/h2>\n                                                                            <p data-animate=\"prose\" class=\" text-center md:text-left  text-ocs-blue-navy text-xl\">See how our solar and storage solutions are helping customers generate cleaner energy, reduce carbon emissions and strengthen energy resilience.<\/p>\n                        \n                                                <!-- Desktop Slider Arrows -->\n                                                    <div data-animate=\"button\" class=\"splide__arrows absolute bottom-12 md:bottom-16 left-0 right-0 md:right-auto md:left-12 lg:left-[72px]  flex !space-x-3 flex-row justify-center\">\n                                <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                <\/button>\n                                <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                <\/button>\n                            <\/div>\n                                            <\/div>\n                                                    <div class=\"splide__track w-full\">\n                        <ul data-animate-container=\"cards\"  class=\" splide__list w-full\">\n                                                            <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/commercial-solar-panel-installation-forfar\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] rounded-t-[24px] z-0\">\n                                            <picture>\n                                                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Commercial-Solar-Panel-Installation-at-Forfar-Wastewater-Treatment-Works-768x768.jpg\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"h-[70px] w-[152px] flex flex-none rounded-3xl items-center justify-center border border-[#F8E1DB] bg-white p-4\">\n                                                                <picture>\n                                                                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Scottish-Water-Horizons-Logo-300x141.png\" class=\"w-full h-full max-h-[45px] object-scale-down object-center\" alt=\"A glass of water reflects a sky and landscape, forming a V shape. Next to it, text reads Scottish Water Horizons in blue and green.\">\n                                                                <\/picture>\n                                                            <\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Utilities<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                Commercial Solar Panel Installation at Forfar Wastewater Treatment Works                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/delivering-sustainable-transport-infrastructure-for-a-net-zero-future\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] rounded-t-[24px] z-0\">\n                                            <picture>\n                                                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cf2aa94e-9774-4261-a6cd-cdaad325c36e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"h-[70px] w-[152px] flex flex-none rounded-3xl items-center justify-center border border-[#F8E1DB] bg-white p-4\">\n                                                                <picture>\n                                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/70bf7a1e-c120-4c97-aa89-aa0484fae686\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-full h-full max-h-[45px] object-scale-down object-center\" alt=\"Scottish Government logo featuring a blue and white St Andrew\u2019s Cross flag and bilingual text reading Scottish Government and Riaghaltas na h-Alba.\">\n                                                                <\/picture>\n                                                            <\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Government<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                Delivering Sustainable Transport Infrastructure for a Net Zero Future                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/ocs-delivers-future-proofed-sustainable-energy-centre-design-and-build\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] rounded-t-[24px] z-0\">\n                                            <picture>\n                                                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bc0fec1b-615f-4767-a13f-ce7687d11494\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"h-[70px] w-[152px] flex flex-none rounded-3xl items-center justify-center border border-[#F8E1DB] bg-white p-4\">\n                                                                <picture>\n                                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e96a1768-9e3f-4f03-a95d-401b906bc45b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-full h-full max-h-[45px] object-scale-down object-center\" alt=\"A lowercase blue g is superimposed over a larger, purple lowercase g on a white background.\">\n                                                                <\/picture>\n                                                            <\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Government<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                OCS delivers future-proofed sustainable energy centre design and build                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/customer-stories\/ocs-and-stirling-council-bring-clean-energy-to-4800-homes\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] rounded-t-[24px] z-0\">\n                                            <picture>\n                                                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c731f59d-0a27-469d-8467-7e2c1963ca56\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"h-[70px] w-[152px] flex flex-none rounded-3xl items-center justify-center border border-[#F8E1DB] bg-white p-4\">\n                                                                <picture>\n                                                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cf00cc02-a51a-4043-ac50-30990629a028\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-full h-full max-h-[45px] object-scale-down object-center\" alt=\"Stirling Council logo with a large stylized green S and a dark purple curved line resembling a road, surrounded by the words Stirling Council in a curved purple font.\">\n                                                                <\/picture>\n                                                            <\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Government<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                OCS and Stirling Council Bring Clean Energy to 4,800 Homes                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                            <\/ul>\n                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/section>\n\n\n    <section id=\"block_acf-block-6a86fd9a8c2e0\"  data-animate-container=\"waterfall\"  class=\"py-6 md:py-16 flex flex-col items-center gap-8 xl:gap-12  \">\n        <div data-animate=\"item\"  data-animate-container=\"text\"  class=\"max-w-8xl w-full mx-auto px-4 md:px-12 lg:px-[88px] flex flex-col items-center text-center gap-6 lg:gap-8\">\n                            <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-3xl md:text-4xl leading-[38px] md:leading-[44px] -tracking-[0.5px]\">\n                    Proven, Trusted, Accredited                <\/h2>\n                                        <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[26px] max-w-2xl\">\n                    Our clean energy projects are supported by recognised industry accreditations, robust standards and experienced teams. These frameworks underpin how we design, deliver and maintain solar and battery storage projects, with a clear focus on safety, quality and compliance.                <\/p>\n                                <\/div>\n\n                    <div class=\"w-full relative\">\n                <div\n                    class=\"absolute z-10 inset-y-0 left-0 w-16 md:w-24 backdrop-blur-[2px] from-white via-white\/60 to-transparent bg-gradient-to-r from-0% via-50% to-100% pointer-events-none [mask-image:linear-gradient(to_right,black,transparent)]\">\n                <\/div>\n\n                <div  data-animate=\"slider-row\"  class=\"splide logos-tickertape-slider w-full\">\n                    <div class=\"relative splide__track\">\n                        <ul class=\"splide__list\">\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/AcclaimAccred-new-300x102.png\" alt=\"Acclaim - Once For All SSIP logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/CarbonReduce-Certified-Badge-2024-300x300.png\" alt=\"Achilles Carbon Reduce logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Link-Up-Stamp-Silver-scaled-1-300x208.png\" alt=\"Achilles Link-up \u2013 Silver logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Achilles-UVDB-\u2013-Silver-300x208.jpg\" alt=\"Achilles UVDB \u2013 Silver+ logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Avetta-SSIP.jpg\" alt=\"Avetta SSIP logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/bbe7186b-a995-4511-a8b6-3dea0eb86108\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Contractors Health and Safety Assessment Scheme (CHAS) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/CIPS-Professional-ethics-265x300.jpg\" alt=\"Chartered Institute of Procurement &amp; Supply (CIPS) \u2013 Corporate Ethical Procurement logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/CIRAS-\u2013-Rail-Safety-Reporting-300x208.png\" alt=\"CIRAS \u2013 Rail Safety Reporting logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/cyber-essentials-plus-300x300.png\" alt=\"Cyber Essentials Plus logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/d5fd961c-0ea4-4a1a-a2db-f726d35c7e15\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Disability Confident Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/b0ab8073-6bc2-4dd2-88be-dbc19c6578be\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"EcoVadis logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Gas-Industry-Registration-Scheme-GIRS-300x208.png\" alt=\"Gas Industry Registration Scheme (GIRS) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/FSQS-Financial-Services-Qualification-System-JOSCAR-Joint-Supply-Chain-Accreditation-Register-300x300.png\" alt=\"FSQS (Financial Services Qualification System) &amp; JOSCAR (Joint Supply Chain Accreditation Register) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/47c660fb-25bd-473d-aed1-81b1c06c8834\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 14001 \u2013 Environmental Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/d7da8544-12a6-400a-841a-47b7f05e57f8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 22301 \u2013 Business Continuity logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/8d48a64f-3de6-4a44-976e-dbbf9dae04c0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 27001 \u2013 Information Security logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/df8cd131-d9b4-47bd-9bf9-162b1c865357\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 45001 \u2013 Health &amp; Safety Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/282f4c65-7809-481a-b9b6-10b28e945123\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"ISO 50001 \u2013 Energy Management logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/MCS-Microgeneration-Certification-Scheme-300x208.png\" alt=\"MCS (Microgeneration Certification Scheme) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c8a50fe3-21a6-41ab-8637-24e5fca57f5c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Oil Firing Technical Association (OFTEC) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Renewable-Energy-Consumer-Code-RECC-300x208.png\" alt=\"Renewable Energy Consumer Code (RECC) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Railway-Industry-Supplier-Qualification-Scheme-RISQS-300x208.png\" alt=\"Railway Industry Supplier Qualification Scheme (RISQS) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/f20b4e74-4cb5-493a-95e3-20ea814d0f46\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"SafeContractor logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/SMAS-Worksafe-SSIP-300x208.png\" alt=\"SMAS Worksafe (SSIP) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Race-at-Work-Charter-300x300.png\" alt=\"Race at Work Charter logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Slave-Free-Alliance-300x208.png\" alt=\"Slave-Free Alliance logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/LGBT-Corporate-Member-1-300x300.png\" alt=\"LGBT+ Corporate Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/ef9eac2f-0750-4faa-9471-a374ffc7c4eb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Menopause Friendly \u2013 Accredited Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/National-Autistic-Society-300x208.png\" alt=\"National Autistic Society \u2013 Autism Friendly Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Alzheimers-Society-\u2013-Working-to-Become-Dementia-Friendly-300x208.png\" alt=\"Alzheimer&#039;s Society \u2013 Working to Become Dementia Friendly logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Armed-Forces-Covenant-\u2013-Proudly-Supporting-Those-Who-Serve-300x300.png\" alt=\"Armed Forces Covenant \u2013 Proudly Supporting Those Who Serve logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Living-Wage-Recognised-Service-Provider-300x300.png\" alt=\"Living Wage Foundation \u2013 Recognised Service Provider logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Baton-of-Hope-300x300.png\" alt=\"Baton of Hope \u2013 Supporter logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/c9e1183b-c8c3-4dd8-9437-27d5b6c7f38b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"Pledge to Net Zero logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ucarecdn.com\/3d948176-51b2-4c36-b899-bb9c74e9961f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"CDP \u2013 Carbon Disclosure Project Discloser logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Business-Services-Association-BSA-300x208.png\" alt=\"Business Services Association (BSA) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/UK-ASEAN-Business-Council-\u2013-Member-300x208.png\" alt=\"UK-ASEAN Business Council \u2013 Member logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/RoSPA-\u2013-Royal-Society-for-the-Prevention-of-Accidents-300x208.png\" alt=\"RoSPA \u2013 Royal Society for the Prevention of Accidents logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/IOSH-Approved-Training-Provider-300x208.png\" alt=\"IOSH \u2013 Approved Training Provider logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/ILM-\u2013-Approved-Centre-Institute-of-Leadership-Management-300x300.png\" alt=\"ILM \u2013 Approved Centre (Institute of Leadership &amp; Management) logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Highfield-Qualifications-\u2013-Approved-Centre-300x208.png\" alt=\"Highfield Qualifications \u2013 Approved Centre logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/NCFE-\u2013-Approved-Centre-300x208.png\" alt=\"NCFE \u2013 Approved Centre logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/ProTrainings.eu-\u2013-Approved-Centre-300x300.png\" alt=\"ProTrainings.eu \u2013 Approved Centre logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/matrix-Standard-\u2013-Quality-Standard-for-Information-Advice-and-Guidance-300x208.png\" alt=\"matrix Standard \u2013 Quality Standard for Information, Advice and Guidance logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                            <li class=\"relative splide__slide w-max flex items-center justify-center\">\n                                    <a  class=\"flex rounded-3xl items-center justify-center w-[121px] h-[106px] shrink-0 border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                                                    <img decoding=\"async\" class=\"min-w-full min-h-full max-w-full max-h-full object-contain overflow-visible \" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/06\/Mindful-Employer-300x208.png\" alt=\"Mindful Employer logo\">\n                                                                            <\/a>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div\n                    class=\"absolute z-10 inset-y-0 right-0 w-16 md:w-24 backdrop-blur-[2px] from-white via-white\/60 to-transparent bg-gradient-to-l from-0% via-50% to-100% pointer-events-none [mask-image:linear-gradient(to_left,black,transparent)]\">\n                <\/div>\n            <\/div>\n            <\/section>\n\n\n\n\n    <section id=\"news-insights\"  data-animate-container=\"waterfall\"  class=\"block-dynamic-homepage-blog-section max-w-8xl mx-auto  splide \">\n        <div data-animate=\"item\" class=\"relative py-6 md:py-[72px] flex flex-col gap-12 md:gap-16 rounded-[32px] bg-white\">\n                            <div data-animate-container=\"text\"  class=\"px-6 flex flex-col items-center justify-center gap-2 lg:gap-3 w-full sm:max-w-[672px] lg:max-w-[768px] mx-auto\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Explore the Latest Energy News and Projects We Deliver to Customers<\/h2>\n                                                                            <\/div>\n            \n                            <div class=\"relative\">\n                    <div data-animate=\"item\" class=\"splide__track\">\n                        <ul class=\"splide__list gap-4 md:gap-8\">\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/data-centre-energy-efficiency-trends-2026\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-1024x768.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Data-Centre-1024x768.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"What\u2019s Next in Data Centres: Energy Efficiency and the Trends Shaping 2026\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Data Centres<\/span>\n                                    |                    <span>Energy Services<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            What\u2019s Next in Data Centres: Energy Efficiency and the Trends Shaping 2026        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/Steve-Clifford-Director-of-Data-Centres-OCS-UK-Ireland-300x300.jpeg\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Steve Clifford - Director of Data Centres, OCS UK &#038; Ireland \">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Steve Clifford &#8211; Director of Data Centres, OCS UK &#038; Ireland                     <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        14 Aug, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/deliver-installing-solar-pv-at-scale-at-glasgow-sheriff-court\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/IMG_7067-1024x623.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/08\/IMG_7067-1024x623.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Deliver | Installing Solar PV at Scale at Glasgow Sheriff Court\">\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>Public Sector<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Deliver | Installing Solar PV at Scale at Glasgow Sheriff Court        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        06 Aug, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/ocs-announces-recommended-acquisition-of-mitie\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Hard-Services-BBC-1024x768.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Hard-Services-BBC-1024x768.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"OCS Announces Recommended Acquisition of Mitie\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Acquisitions<\/span>\n                                    |                    <span>industry news<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            OCS Announces Recommended Acquisition of Mitie        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        OCS Team                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        21 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/rising-heat-failing-cooling-how-fm-keeps-sites-running-as-the-uk-warms\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f1f585d-9d0f-4e9c-89ec-00997f800e9e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Rising Heat, Failing Cooling: How FM Keeps Sites Running as the UK Warms\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Energy Services<\/span>\n                                    |                    <span>Facilities Management<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Rising Heat, Failing Cooling: How FM Keeps Sites Running as the UK Warms        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/6d0b7088-ff33-46d9-849d-b49e7d389a1c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Nick Maggs, Managing Director, Hard Services \u2013 OCS UK\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Nick Maggs, Managing Director, Hard Services \u2013 OCS UK                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        16 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/net-zero-and-beyond-why-delivery-is-now-the-real-challenge\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/OCS-Energy-Services-Hard-Services-Solar-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/OCS-Energy-Services-Hard-Services-Solar-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Net Zero and Beyond: Why Delivery Is Now the Real Challenge\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Energy Services<\/span>\n                                    |                    <span>Net Zero Week<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Net Zero and Beyond: Why Delivery Is Now the Real Challenge        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/39d23558-3ff8-49c1-a7b1-f92fdade8c6d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Graeme Hamilton - Managing Director \u2013 Energy, OCS UK &#038; Ireland\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Graeme Hamilton &#8211; Managing Director \u2013 Energy, OCS UK &#038; Ireland                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        08 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                            <li class=\"splide__slide dynamic-homepage-slide self-stretch xl:!self-center\">\n                                    <a href=\"https:\/\/ocs.com\/uk\/news\/net-zero-beyond-energy-management-operations\/\" class=\"group relative rounded-3xl p-4 md:p-8 flex overflow-hidden h-[400px] transition duration-150 ease-in\">\n            <picture>\n            <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Energy-Services-Engineer-1024x1024.jpg\" type=\"image\/jpg\">\n            <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/07\/OCS-Energy-Services-Engineer-1024x1024.jpg\" class=\"absolute top-0 left-0 right-0 w-full h-[400px] object-cover object-center rounded-3xl group-hover:scale-110 transition duration-150 ease-in \" alt=\"Net Zero and Beyond: Why Energy Management Must Move From Strategy to Operations\">\n        <\/picture>\n    \n    <div class=\"dynamic-homepage-gradient-slide rounded-3xl absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n    <\/div>\n    <div class=\"dynamic-homepage-overlay-slide rounded-3xl absolute top-0 left-0 right-0 w-full h-full\">\n    <\/div>\n\n    <div class=\"rounded-3xl text-element w-full h-full relative z-20 flex flex-col justify-end\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-white\/75 mb-2\">\n\n                                                        <span>Energy Services<\/span>\n                                    |                    <span>Net Zero Week<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-2xl font-medium leading-7 line-clamp-2 text-white\">\n            Net Zero and Beyond: Why Energy Management Must Move From Strategy to Operations        <\/h2>\n                <div class=\"author-element flex flex-row justify-between gap-2 items-end\">\n            <div class=\"flex items-center mt-4 space-x-3\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/39d23558-3ff8-49c1-a7b1-f92fdade8c6d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Graeme Hamilton - Managing Director \u2013 Energy, OCS UK &amp; Ireland\">\n                <div>\n                    <p class=\"text-sm font-semibold leading-5 text-white\">\n                        Graeme Hamilton &#8211; Managing Director \u2013 Energy, OCS UK &amp; Ireland                    <\/p>\n                    <p class=\"text-sm leading-5 text-white\">\n                        06 Jul, 2026                    <\/p>\n                <\/div>\n            <\/div>\n            <div class=\"text-sm text-white underline font-semibold underline-offset-[2px]\">\n                Read more            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"dynamic-homepage-edge-fade dynamic-homepage-edge-fade--left\" aria-hidden=\"true\"><\/div>\n                    <div class=\"dynamic-homepage-edge-fade dynamic-homepage-edge-fade--right\" aria-hidden=\"true\"><\/div>\n                <\/div>\n                <div class=\"px-4 md:px-[56px] lg:px-[80px] flex flex-row items-center justify-center gap-4 md:gap-8\">\n                    <!-- progress bar -->\n                    <div class=\"dynamic-homepage-blog-section-progress bg-themed-light w-full h-1 rounded-full relative\">\n                        <div class=\"dynamic-homepage-blog-section-progress-bar themed-icon-bg rounded-full h-1\" style=\"transition: width 400ms ease;\"><\/div>\n                    <\/div>\n                    <!-- arrows -->\n                    <div class=\"-mt-4 splide__arrows flex !space-x-4 flex-row justify-center py-2\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg class=\"text-themed\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg class=\"text-themed\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                            <svg class=\"autoplay-progress text-themed absolute -top-[2px] -left-[2px]\" height=\"42\" width=\"42\" data-stroke-offset=\"122.5\">\n                                <circle class=\"circle origin-center -rotate-90\" cx=\"50%\" cy=\"50%\" r=\"19.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-dasharray=\"122.5\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n\n\n        <section id=\"contact-form\"  data-animate-container=\"waterfall\"  class=\"cta-collapsible max-w-8xl w-full mx-auto px-4 py-6 md:py-[72px] lg:px-8         cta-collapsible-bg-image cta-collapsible-navy\n         \">\n        <div data-animate=\"item\" class=\"relative rounded-[32px] px-6 py-12 md:px-12 md:py-14 lg:px-[72px] lg:py-24 flex flex-col gap-10 lg:flex-row lg:gap-16\" style=\"\">\n                            <picture class=\"absolute inset-0 w-full h-full rounded-[32px] overflow-hidden\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Energy-Services-Blurred-Background-768x768.jpg\" media=\"(max-width: 640px)\">\n                    <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Energy-Services-Blurred-Background-1024x576.jpg\" media=\"(max-width: 1536px)\">\n                    <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/03\/Energy-Services-Blurred-Background.jpg\"\n                        alt=\"A blurry image with gradients of green and teal colours blending together, creating an abstract and soft visual effect.\"\n                        class=\"w-full h-full object-cover object-center\">\n                <\/picture>\n                            \n            <div data-animate-container=\"text\"  class=\"relative w-full flex flex-col items-center gap-10 lg:items-start\">\n\n                \n                                    <div class=\"flex flex-col gap-10 lg:max-w-[777px] mx-auto text-left \">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                Talk to Our Clean Energy Team                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                Planning a commercial solar, battery storage or wider clean energy project? Our specialists can help you identify the right solution for your site, estate and energy requirements.                            <\/p>\n                                                                                                <\/div>\n                \n            <\/div>\n\n                            <div data-animate=\"item\" class=\"relative w-full flex-none lg:w-[55%] cta-side\">\n                                            <div class=\"w-full mb-6 md:mb-4 \">\n                            <script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital form-has-collapsible-sections_wrapper cs-theme--simple_wrapper cs-image-size--cover_wrapper cs-image-corners--round_wrapper collapsible-sections-single-opens_wrapper collapsible-sections-description-title_wrapper collapsible-sections-footer-after_last_wrapper' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_52' ><style>#gform_wrapper_52[data-form-index=\"0\"].gform-theme,[data-parent-form=\"52_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_52' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n                            <h2 class=\"gform_title\">Energy Services &#8211; Contact Form (Collapsible)<\/h2>\n                            <p class='gform_description'><\/p>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; indicates required fields<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_52' id='gform_52' 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\/47710#gf_52' data-formid='52' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_52' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_52_34\" 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_52_34'>Comments<\/label><div class='ginput_container'><input name='input_34' id='input_52_34' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_52_34'>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_52_30\" aria-expanded=\"true\" data-target=\"#collapsible-section_52_30\"  id=\"field_52_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_52_30\" class=\"collapsible-sections-collapsible-body gform-theme__no-reset--el\" aria-labelledby=\"field_52_30\" style=\"\"><\/div><div id=\"field_52_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_52_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_52_1' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_52_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_52_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_52_14' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_52_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_52_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_52_22' type='text' value='' class='large'     aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_52_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_52_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_52_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_52_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_52_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_52_12' type='email' value='' class='large'    aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_52_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_52_25'>Phone<\/label><div class='ginput_container ginput_container_phone'><input name='input_25' id='input_52_25' type='tel' value='' class='large'    aria-invalid=\"false\"   \/><\/div><\/div><div role=\"button\" tabindex=\"0\" aria-pressed=\"false\" aria-controls=\"collapsible-section_52_32\" aria-expanded=\"false\" data-target=\"#collapsible-section_52_32\"  id=\"field_52_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_52_32\" class=\"collapsible-sections-collapsible-body gform-theme__no-reset--el\" aria-labelledby=\"field_52_32\" style=\"display:none;\"><\/div><div id=\"field_52_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_52_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_52_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='Government &amp; Public Sector' >Defence<\/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 &amp; Insurance<\/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='Manufacturing' >Pharmaceuticals and Life Sciences<\/option><option value='Transportation' >Rail<\/option><option value='Retail' >Retail<\/option><option value='Media &amp; Telecommunications' >Telecommunications<\/option><option value='Transportation' >Transport<\/option><option value='Utilities' >Utilities<\/option><option value='Arts, Entertainment &amp; Leisure' >Venues &amp; Events<\/option><option value='Professional Services' >Workplace<\/option><\/select><\/div><\/div><div id=\"field_52_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_52_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_52_17' class='textarea small'     aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_52_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_52_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_52_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='43' class='gform_hidden' \/><\/div><\/fieldset><fieldset id=\"field_52_33\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield--width-full field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >Consent<\/legend><div class='ginput_container ginput_container_consent'><input name='input_33.1' id='input_52_33_1' type='checkbox' value='1'    aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_52_33_1' >I would like to receive occasional updates, insights and relevant information from OCS.<\/label><input type='hidden' name='input_33.2' value='I would like to receive occasional updates, insights and relevant information from OCS.' class='gform_hidden' \/><input type='hidden' name='input_33.3' value='43' class='gform_hidden' \/><\/div><\/fieldset><div id=\"field_52_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_52_29'>CAPTCHA<\/label><div id='input_52_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_52' 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=52&amp;title=1&amp;description=1&amp;tabindex=0&amp;theme=orbital&amp;hash=3cc560e30d3e5d3a31bd6f529702cd85' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_52' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_52' id='gform_theme_52' value='orbital' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_52' id='gform_style_settings_52' value='' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_52' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='52' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='GBP' value='b0wzXqVUY\/PE10utJ+2cefsrCjCYQjDF0kXhTu8FzFi5ajCCjHQ\/vLf2iGXBZli9CIjQdWOCF88gId+WTOVX6XJPYS\/iGfbPv16FmVUSvP3Eq1c=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_52' value='WyJ7XCIzMVwiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJjMGUwYzA0YWQyZGY2YzJmMzk1YmUzYjliMWRiYTdiOFwiLFwiN2ZjOTc0MjhhMjg0ZTUwNGE0OTYzM2ExNDRjMTcxYjJcIl0sXCIyN1wiOltcIjk3ZGJmMDAzYTlkMTdiNDAwNzcwZjE1Njg5MjU1YjZhXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiODkzZmQwYmFhMDFmZmQ4MmQ5YTRmZWVhNzUwN2ZkNGVcIixcIjk2MDgyYTU3ZDhkYzE0ZWM5OGRkNjliMzdjNmI3OGI0XCIsXCJjM2NjYjdmYjBlMDdiMWFhMmI1YTNiMzIxNzM1ZDcyMlwiLFwiOTNjMmE1MGE5ZWNlYzI3ZWI0NTg1NGViNjNhOWIxNmZcIixcIjgxMGM2NDg2MWI5YzEzYmE1ZjIxNzY2MjdhZmFkNDgxXCIsXCIxZjU5NTk0MTNlNzQ5ZjhiMjdiMmE1NGJiMmNiNTc1N1wiLFwiNDQ3NzYwYTM1ODlhZGY4MjY3ZDYwNGIwZDZhZmQwMDdcIixcIjg5M2ZkMGJhYTAxZmZkODJkOWE0ZmVlYTc1MDdmZDRlXCIsXCI5M2MyYTUwYTllY2VjMjdlYjQ1ODU0ZWI2M2E5YjE2ZlwiLFwiNGNjNTYyMmViYWJmNjJhY2I2NzMwZWVmZDBlY2YzMjhcIixcIjQ1OTY3MDRmM2E1OWRmYzVjZWE4ODkxNGExZDlkZmI4XCIsXCIyMWFkZDY5YmY3NWViMDdkNWNjMmVmMmYwNGYxOGE5MVwiLFwiYzNjY2I3ZmIwZTA3YjFhYTJiNWEzYjMyMTczNWQ3MjJcIixcIjIxYWRkNjliZjc1ZWIwN2Q1Y2MyZWYyZjA0ZjE4YTkxXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiNzc0YjIyMDZiYTYzOGFiZGIwYjg0MjAzNjcwMDgwNmZcIixcImMzY2NiN2ZiMGUwN2IxYWEyYjVhM2IzMjE3MzVkNzIyXCIsXCJhYTYxM2YwYWZkY2I1YmUxNjk2MjcyYjAyOWQzZjYwZVwiLFwiMjViZjE1NTBlMTMyYTE5ZThjNDRhZjEzNTYwZDk1NDlcIixcIjgxMGM2NDg2MWI5YzEzYmE1ZjIxNzY2MjdhZmFkNDgxXCIsXCIyN2ZkYjE1M2U2N2ExNjM4MDhlNDBmZTE4OWQ5NzIwY1wiXSxcIjEzLjFcIjpcIjBkN2UyZDYxYTJiMjAxODRhMmI1NTc4Mjg5MGNmNmI0XCIsXCIxMy4yXCI6XCJlZTYyMDEzZTI2NTViZGMwYTgxNTE1ZDc5NDE3ZGIzZlwiLFwiMTMuM1wiOlwiNDI4NWJiMjY3Njc0ZjY3NDA5YzI1OTYwMDA5NzllYTlcIixcIjMzLjFcIjpcIjBkN2UyZDYxYTJiMjAxODRhMmI1NTc4Mjg5MGNmNmI0XCIsXCIzMy4yXCI6XCI0ZDc5YWQyZmYwNDVjMGZlY2RhYTQ3MGUwOTVkYTRlMlwiLFwiMzMuM1wiOlwiNDI4NWJiMjY3Njc0ZjY3NDA5YzI1OTYwMDA5NzllYTlcIn0iLCI0NTZmZWQzMTQ5YTAwNjE2OGY3ZTI4OGQ3YTUyYWQ0ZiJd' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_52' id='gform_target_page_number_52' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_52' id='gform_source_page_number_52' 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_52' id='gform_ajax_frame_52' title='This iframe contains the logic required to handle Ajax powered Gravity Forms.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 52, 'https:\/\/ocs.com\/app\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery('#gform_ajax_frame_52').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_52');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_52').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_52').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_52').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_52').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_52').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_52').val();gformInitSpinner( 52, 'https:\/\/ocs.com\/app\/plugins\/gravityforms\/images\/spinner.svg', false );jQuery(document).trigger('gform_page_loaded', [52, current_page]);window['gf_submitting_52'] = 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_52').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_52').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [52]);window['gf_submitting_52'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_52').text());}else{jQuery('#gform_52').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"52\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_52\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_52\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_52\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 52, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n                        <\/div>\n                                    <\/div>\n            \n            \n        <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-6a86fd9a8c34a\"  x-data=\"{ accordion: null }\" data-animate-container=\"waterfall\"  class=\"block-faqs max-w-8xl mx-auto w-full py-6 md:py-[72px] px-4 lg:px-[88px] flex flex-col gap-8 md:gap-16  \">\n                                    <div data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"heading font-medium text-[36px] md:text-[44px] text-ocs-gray-nav\">Frequently Asked Questions<\/h2>\n                <\/div>\n                                        <ul data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"faq-ul w-full grid grid-cols-1 md:grid-cols-2 auto-flow-row gap-x-8 auto-cols-min\">\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47807\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47807' : (accordion != 'block_acf-block-6a86fd9a8c34a-47807') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47807' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">What are commercial solar panels?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47807'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47807'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47807'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Commercial solar panels use solar PV technology to generate renewable electricity for businesses and other organisations. Systems can be installed across rooftops, land, car parks and, where appropriate, water assets.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47809\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47809' : (accordion != 'block_acf-block-6a86fd9a8c34a-47809') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47809' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">What are the benefits of solar panels for businesses?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47809'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47809'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47809'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Business solar panels can help reduce reliance on grid electricity, lower exposure to energy costs and support carbon reduction targets. The potential benefit depends on factors including site suitability, energy consumption and the size and design of the system.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47811\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47811' : (accordion != 'block_acf-block-6a86fd9a8c34a-47811') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47811' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Can commercial solar panels be combined with battery storage?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47811'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47811'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47811'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Yes. Solar and battery storage can work together by storing generated electricity for use at another time. This can increase the amount of on site generated energy an organisation can use and provide greater flexibility over its energy consumption.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47813\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47813' : (accordion != 'block_acf-block-6a86fd9a8c34a-47813') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47813' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Where can commercial solar PV be installed?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47813'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47813'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47813'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Commercial solar PV can be deployed across suitable rooftops, land and car parks, with floating solar also an option for certain water assets. The right solution depends on available space, infrastructure, energy requirements and site conditions.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47815\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47815' : (accordion != 'block_acf-block-6a86fd9a8c34a-47815') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47815' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Do you provide commercial solar panel installation?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47815'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47815'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47815'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Yes. We support commercial solar installation from initial assessment and design through to project delivery and ongoing performance.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47817\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47817' : (accordion != 'block_acf-block-6a86fd9a8c34a-47817') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47817' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Do commercial solar panels require maintenance?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47817'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47817'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47817'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Commercial solar maintenance helps protect system performance and identify issues that could affect generation. The appropriate maintenance approach depends on the system, site and operating environment.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47819\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47819' : (accordion != 'block_acf-block-6a86fd9a8c34a-47819') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47819' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">What is commercial battery storage?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47819'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47819'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47819'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Commercial battery storage stores electricity so it can be used at a different time. It can work alongside solar generation or as part of a wider commercial energy strategy to improve control, flexibility and resilience.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-6a86fd9a8c34a-47822\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-6a86fd9a8c34a-47822' : (accordion != 'block_acf-block-6a86fd9a8c34a-47822') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-6a86fd9a8c34a-47822' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Can commercial solar and battery storage support net zero targets?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47822'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-6a86fd9a8c34a-47822'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-6a86fd9a8c34a-47822'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<div>\n<p>Yes. Commercial solar panels and battery storage can help reduce reliance on grid electricity, lower carbon emissions and support wider decarbonisation plans across your estate.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n                    \n    <\/section>\n\n\n\n    <section class=\"divider w-full h-8 md:h-16 bg-white\">\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>End-to-end carbon and energy services that improve efficiency, cut emissions and support net zero goals.<\/p>\n","protected":false},"featured_media":10000028407,"parent":224,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-47710","services","type-services","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Commercial Solar Panels &amp; Battery Storage - Energy Services - OCS - UK<\/title>\n<meta name=\"description\" content=\"Commercial solar panels and battery storage for businesses, including rooftop, ground mounted, carport and floating solar solutions.\" \/>\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\/energy-services\/commercial-solar-panels-and-battery-storage\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Commercial Solar Panels and Battery Storage\" \/>\n<meta property=\"og:description\" content=\"Commercial solar panels and battery storage for businesses, including rooftop, ground mounted, carport and floating solar solutions.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UK\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T13:14:03+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=\"5 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\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/\",\"name\":\"Commercial Solar Panels & Battery Storage - Energy Services - OCS - UK\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/08\\\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage.jpg\",\"datePublished\":\"2026-08-13T15:26:41+00:00\",\"dateModified\":\"2026-08-20T13:14:03+00:00\",\"description\":\"Commercial solar panels and battery storage for businesses, including rooftop, ground mounted, carport and floating solar solutions.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/08\\\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage.jpg\",\"contentUrl\":\"https:\\\/\\\/ocs.com\\\/app\\\/uploads\\\/2026\\\/08\\\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/commercial-solar-panels-and-battery-storage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hard Services\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Energy Services\",\"item\":\"https:\\\/\\\/ocs.com\\\/uk\\\/services\\\/hard-services\\\/energy-services\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Commercial Solar Panels and Battery Storage\"}]},{\"@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":"Commercial Solar Panels & Battery Storage - Energy Services - OCS - UK","description":"Commercial solar panels and battery storage for businesses, including rooftop, ground mounted, carport and floating solar solutions.","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\/energy-services\/commercial-solar-panels-and-battery-storage\/","og_locale":"en_GB","og_type":"article","og_title":"Commercial Solar Panels and Battery Storage","og_description":"Commercial solar panels and battery storage for businesses, including rooftop, ground mounted, carport and floating solar solutions.","og_url":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/","og_site_name":"OCS - UK","article_modified_time":"2026-08-20T13:14:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/","url":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/","name":"Commercial Solar Panels & Battery Storage - Energy Services - OCS - UK","isPartOf":{"@id":"https:\/\/ocs.com\/uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/#primaryimage"},"thumbnailUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage.jpg","datePublished":"2026-08-13T15:26:41+00:00","dateModified":"2026-08-20T13:14:03+00:00","description":"Commercial solar panels and battery storage for businesses, including rooftop, ground mounted, carport and floating solar solutions.","breadcrumb":{"@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/#primaryimage","url":"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage.jpg","contentUrl":"https:\/\/ocs.com\/app\/uploads\/2026\/08\/OCS-Energy-Services-Commercial-Solar-Panels-and-Battery-Storage.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/commercial-solar-panels-and-battery-storage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/uk\/"},{"@type":"ListItem","position":2,"name":"Hard Services","item":"https:\/\/ocs.com\/uk\/services\/hard-services\/"},{"@type":"ListItem","position":3,"name":"Energy Services","item":"https:\/\/ocs.com\/uk\/services\/hard-services\/energy-services\/"},{"@type":"ListItem","position":4,"name":"Commercial Solar Panels and Battery Storage"}]},{"@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\/47710","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":77,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services\/47710\/revisions"}],"predecessor-version":[{"id":48504,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services\/47710\/revisions\/48504"}],"up":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/services\/224"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/uk\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/uk\/wp-json\/wp\/v2\/media?parent=47710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}