{"id":4317,"date":"2024-01-29T09:58:54","date_gmt":"2024-01-29T09:58:54","guid":{"rendered":"https:\/\/ocs.com\/id\/?post_type=services&#038;p=4317"},"modified":"2024-01-29T09:58:54","modified_gmt":"2024-01-29T09:58:54","slug":"confidential-documents","status":"publish","type":"services","link":"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/","title":{"rendered":"Confidential Documents"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-6597c0f62e0a8\" data-animate-container=\"waterfall\"  class=\"block-hero max-w-8xl mx-auto px-6  md:pb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative\">\n            <div x-ref=\"heroSlider\" class=\"h-[280px] sm:h-[400px] lg:h-[544px] rounded-3xl splide\">\n                <div class=\"splide__track rounded-t-3xl lg:rounded-3xl h-full\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide w-full h-full relative\" x-ref=\"heroAsset\">\n                                                                                                        <picture class=\"h-full flex\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/03d99f8a-1558-4120-ad18-91d1571c90aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/03d99f8a-1558-4120-ad18-91d1571c90aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/03d99f8a-1558-4120-ad18-91d1571c90aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/03d99f8a-1558-4120-ad18-91d1571c90aa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" class=\"w-full h-full object-cover object-center rounded-t-3xl lg:rounded-3xl\" alt=\"\">\n                                    <\/picture>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative lg:absolute rounded-3xl w-full flex flex-col gap-8 md:gap-10 lg:gap-12 items-start justify-between text-ocs-gray-nav py-8 px-6 md:px-10 lg:p-16 -translate-y-6 mb-6 overflow-hidden lg:top-8 lg:left-8 lg:bottom-8 lg:max-w-[636px] lg:translate-y-0 lg:mb-0\" style=\"background-color: #FFFFFF\">\n\n                \n                <div data-animate-container=\"text\"  class=\"flex flex-col gap-8 md:gap-10 items-start lg:justify-center\">\n                    \n\n                                            <h1 data-animate=\"heading\" class=\"relative text-[40px] font-medium leading-[44px] -tracking-[0.5px] lg:text-[52px] lg:leading-[58px] text-crop\">\n                            Confidential Documents                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>Many businesses deal with confidential physical documents every day, and it\u2019s imperative from both a legal and reputational perspective that they are disposed of securely to ensure data privacy and protection.<\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n\n            <section id=\"block_acf-block-6597c0f62e0ef\"  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:\/\/ucarecdn.com\/d9351f22-e2c4-4be1-9eae-09efa014e67d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/d9351f22-e2c4-4be1-9eae-09efa014e67d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/d9351f22-e2c4-4be1-9eae-09efa014e67d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" 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\">Dispose of confidential documents with confidence <\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>With today\u2019s privacy and protection regulations, including GDPR, it\u2019s essential that any confidential documentation is disposed of securely.<br \/>\nOur secure shredding service ensures you meet all data privacy and protection regulations, protecting both yourself and your customers and clients.<\/p>\n<p>We provide lockable consoles, bags and secure bins, transport to shredding facilities, CCTV monitoring of your waste and a certificate of destruction. You can have peace of mind that your confidential documents have been disposed of correctly, and you\u2019re complying with every relevant regulation \u2013 keeping your brand reputation intact and your business safe.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-6597c0f62e108\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/1140991e-63c7-4070-8432-caba06d879c3\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/1140991e-63c7-4070-8432-caba06d879c3\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/1140991e-63c7-4070-8432-caba06d879c3\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" 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\">Helping reduce your environmental impact<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Wherever possible, we will reclaim packaging material from any waste, including steel, glass, aluminium, cardboard, wood and plastic.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6597c0f62e11f\" data-animate-container=\"waterfall\"  class=\" block-customer-stories-slider splide  max-w-8xl mx-auto w-full py-6 md:py-[72px] lg:px-[88px] flex flex-col gap-14 \" x-data=\"{\n            visibleStory: 'story0',\n            currentImage: '',\n            currentAlt: '',\n            markerWidth: 0,\n            markerHeight: 0,\n            markerTransform: 0,\n            init() {\n                this.updateMarker(this.$refs.story0);\n                this.currentImage = 'https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n                this.currentAlt = '';\n            },\n            changeForm(key) {\n                this.visibleStory = key;\n                this.updateMarker(this.$event.target);\n            },\n            updateMarker(button) {\n                this.markerWidth = `${button.offsetWidth}px`;\n                this.markerHeight = `${button.offsetHeight}px`;\n                if (window.innerWidth < 768) {\n                    this.markerTransform = `translateY(${button.offsetTop}px) translateX(0)`;\n                } else {\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            },\n            changeImage(value, alt){\n                this.currentImage = value;\n                this.currentAlt = alt;\n            }\n        }\" @resize.window=\"visibleStory = 'story0'; updateMarker($refs.story0)\">\n                    <div data-animate-container=\"text\" >\n                <h2 data-animate=\"heading\" class=\"font-medium px-6 lg:px-0 w-full text-center text-ocs-gray-nav text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] -tracking-[0.5px] text-crop\">\n                    Discover how we\u2019re helping people and places across the world be the best they can be.                 <\/h2>\n            <\/div>\n                            <ul data-animate=\"item\" class=\"px-6 lg:px-0 flex flex-row flex-wrap items-center justify-center gap-x-10 gap-y-8 lg:gap-16 w-full h-full md:-mt-2\">\n                                                                <\/ul>\n                            <!-- mobile + tablet -->\n            <div class=\"lg:hidden relative pb-20 md:pb-0\">\n                <div class=\"splide__track w-full\">\n                    <ul data-animate=\"item\" class=\"splide__list w-full lg:w-1\/2\">\n                        <!-- change story button -->\n                        <div class=\"hidden lg:flex mx-auto justify-center w-max border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                            <div class=\"relative flex flex-col md:flex-row\">\n                                                                                                        <button x-ref=\"story0\" @click=\"changeForm('story0')\" 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=\"visibleStory == 'story0' ? 'text-white' : 'text-themed'\">\n                                        Hard Services                                    <\/button>\n                                                                                                        <button x-ref=\"story1\" @click=\"changeForm('story1')\" 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=\"visibleStory == 'story1' ? 'text-white' : 'text-themed'\">\n                                        Catering                                    <\/button>\n                                                                                                        <button x-ref=\"story2\" @click=\"changeForm('story2')\" 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=\"visibleStory == 'story2' ? 'text-white' : 'text-themed'\">\n                                        Carbon &amp; Energy Management                                    <\/button>\n                                                                <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-0 w-full h-9 md: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                        <!-- stories list -->\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/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-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px]\" style=\"background-color: #FFFFFF\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0<\/h3>\n                                        \n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/id\/customer-stories\/enhancing-londons-natural-heritage-with-the-royal-parks\/\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/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-[314px] object-cover object-center rounded-t-[24px]\" alt=\"NHS food transformation that&#8217;s having a positive environmental impact in the community\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px]\" style=\"background-color: #FFFFFF\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">NHS food transformation that&#8217;s having a positive environmental impact in the community<\/h3>\n                                        \n                                                                                    <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">Our collaboration with the NHS exemplifies our commitment to elevating the standard of food services through high-end mass catering, ensuring nutritional excellence and balanced meals. By transforming the quality of food, we enhance the dining experience and contribute positively to the health and well-being of patients and hospital teams.<\/p>\n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/id\/customer-stories\/how-we-reduced-food-waste-at-east-london-nhs-foundation-trust-by-97-3\/\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f05f792-967d-48f1-8d52-45a6b5df63c2\/-\/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-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Improving sustainability at Greenham Business Park by focusing on CO2 reduction\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px]\" style=\"background-color: #FFFFFF\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">Improving sustainability at Greenham Business Park by focusing on CO2 reduction<\/h3>\n                                        \n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/id\/customer-stories\/improving-sustainability-at-greenham-business-park-by-focusing-on-co2-reduction\/\" aria-label=\"Go to the Improving sustainability at Greenham Business Park by focusing on CO2 reduction story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"\" aria-label=\"Go to the Improving sustainability at Greenham Business Park by focusing on CO2 reduction story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                    <div class=\"splide__arrows absolute lg:hidden md:relative md:mt-[56px] py-2 bottom-0 left-0 right-0 flex gap-4 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 border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n\n            <!-- desktop -->\n            <div data-animate=\"item\" class=\"hidden lg:flex relative pb-20 md:pb-0\">\n                <ul class=\"relative z-10 w-full lg:w-1\/2 rounded-[32px] -mr-8 py-12 px-10 flex flex-col justify-between gap-10\" style=\"background-color: #FFFFFF\">\n                    <!-- change story button -->\n                    <div class=\"max-w-full flex justify-start w-max border border-themed-light p-1 rounded-3xl md:rounded-full bg-white\">\n                        <div class=\"relative flex flex-col md:flex-row\">\n                                                                                            <button x-ref=\"story0\" @click=\"\n                                        changeForm('story0'), \n                                        changeImage('https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story0' ? 'text-white' : 'text-themed'\">\n                                    Hard Services                                <\/button>\n                                                                                            <button x-ref=\"story1\" @click=\"\n                                        changeForm('story1'), \n                                        changeImage('https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story1' ? 'text-white' : 'text-themed'\">\n                                    Catering                                <\/button>\n                                                                                            <button x-ref=\"story2\" @click=\"\n                                        changeForm('story2'), \n                                        changeImage('https:\/\/ucarecdn.com\/0f05f792-967d-48f1-8d52-45a6b5df63c2\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story2' ? 'text-white' : 'text-themed'\">\n                                    Carbon &amp; Energy Management                                <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-0 w-full h-9 md: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                    <!-- stories list -->\n                                            <li x-show=\"visibleStory == 'story0'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/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-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0<\/h3>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/id\/customer-stories\/enhancing-londons-natural-heritage-with-the-royal-parks\/\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                            <li x-show=\"visibleStory == 'story1'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/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-[314px] object-cover object-center rounded-t-[24px]\" alt=\"NHS food transformation that&#8217;s having a positive environmental impact in the community\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">NHS food transformation that&#8217;s having a positive environmental impact in the community<\/h3>\n                                    \n                                                                            <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">Our collaboration with the NHS exemplifies our commitment to elevating the standard of food services through high-end mass catering, ensuring nutritional excellence and balanced meals. By transforming the quality of food, we enhance the dining experience and contribute positively to the health and well-being of patients and hospital teams.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/id\/customer-stories\/how-we-reduced-food-waste-at-east-london-nhs-foundation-trust-by-97-3\/\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                            <li x-show=\"visibleStory == 'story2'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0f05f792-967d-48f1-8d52-45a6b5df63c2\/-\/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-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Improving sustainability at Greenham Business Park by focusing on CO2 reduction\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">Improving sustainability at Greenham Business Park by focusing on CO2 reduction<\/h3>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/id\/customer-stories\/improving-sustainability-at-greenham-business-park-by-focusing-on-co2-reduction\/\" aria-label=\"Go to the Improving sustainability at Greenham Business Park by focusing on CO2 reduction story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"\" aria-label=\"Go to the Improving sustainability at Greenham Business Park by focusing on CO2 reduction story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n\n                <div class=\"group relative overflow-hidden w-[calc(50%+32px)] h-full min-h-[690px] z-0 rounded-r-[32px] transition duration-150 ease-in\">\n                    <picture>\n                        <source :srcset=\"currentImage\" media=\"(max-width: 1024px)\" type=\"image\/jpg\">\n                        <source :srcset=\"currentImage\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                        <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in  absolute top-0 left-0 right-0 w-full h-full min-h-[690px] object-cover object-center rounded-r-[32px]\" alt=\"\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n\n                    <\/section>\n\n\n    <section  data-animate-container=\"waterfall\"  class=\"max-w-8xl mx-auto md:px-12 lg:px-[88px] py-6 md:py-[72px] \">\n                    <div  data-animate-container=\"text\"  class=\"max-w-[616px] mx-auto px-4 md:px-0 flex flex-col items-center gap-6 mb-6\">\n                                                    <h2 data-animate=\"prose\" class=\"text-center leading-6 text-ocs-gray-nav\">\n                        Accreditations &amp; Certifications                    <\/h2>\n                            <\/div>\n                <div data-animate=\"item\" class=\"flex overflow-x-auto md:justify-center md:overflow-x-hidden px-4 md:px-0\">\n            <div  data-animate-container=\"cards\"  class=\"inline-flex items-center justify-center gap-6 md:flex-wrap\">\n                                                            <a data-animate=\"card\" href=\"https:\/\/google.co.uk\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ucarecdn.com\/666955ef-5a05-4b94-b5f7-f6e71663d33c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\n                                                    <\/a>\n                                                                                <a data-animate=\"card\" href=\"https:\/\/google.co.uk\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ucarecdn.com\/915bb748-da64-4dd7-bb29-3c1d51ac5d3a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\n                                                    <\/a>\n                                                                                <a data-animate=\"card\" href=\"https:\/\/google.co.uk\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ucarecdn.com\/14a096e2-6d72-4604-9cfe-b62b59ce2872\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"\">\n                                                    <\/a>\n                                                                                <a data-animate=\"card\" href=\"https:\/\/google.co.uk\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"A beige abstract shape with a curved line inside a rounded square appears above the text Coming soon on an orange background.\">\n                                                    <\/a>\n                                                                                <a data-animate=\"card\" href=\"https:\/\/google.co.uk\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"A beige abstract shape with a curved line inside a rounded square appears above the text Coming soon on an orange background.\">\n                                                    <\/a>\n                                                                                <a data-animate=\"card\" href=\"https:\/\/google.co.uk\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\" target=\"_blank\" rel=\"noopener noreferrer\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" alt=\"A beige abstract shape with a curved line inside a rounded square appears above the text Coming soon on an orange background.\">\n                                                    <\/a>\n                                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n            <section id=\"block_acf-block-6597c0f62e158\"  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:\/\/ucarecdn.com\/d9351f22-e2c4-4be1-9eae-09efa014e67d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/d9351f22-e2c4-4be1-9eae-09efa014e67d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/d9351f22-e2c4-4be1-9eae-09efa014e67d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" 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\">OCS\u2019s ESG commitment <\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>At OCS, we are in a position to make a tangible difference to people and the planet.<br \/>\nAs a provider of essential services with over 120,000 employees across 26 countries, we have real power to bring about positive change in the communities we serve.<\/p>\n<p>By partnering with us on waste and recycling, we can help you deliver measurable outcomes that align with your ESG strategy.<\/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            Working with you to increase recycling rates         <\/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            Helping you move towards zero waste in landfill        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                            <div  data-animate-container=\"text\" >\n                    <div  data-animate=\"button\"  class=\"flex flex-row gap-4 items-center\">\n                                                                                    \n<a href=\"\/contact-us\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed \"  target=\"_self\" >\n    Find out more <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n<section x-data=\"stats\" id=\"block_acf-block-6597c0f62e18e\"  data-animate-container=\"waterfall\"  class=\"count-up-stats max-w-8xl mx-auto py-6 md:py-[72px] px-4 \">\n    <div data-animate=\"item\" class=\"count-up-stats__container xl:px-[72px] rounded-[32px] py-8 md:py-16 \" style=\"background-color: #FFFFFF\">\n\n        <div class=\"flex flex-col lg:flex-row gap-8 xl:gap-[88px] items-center lg:px-10 xl:px-0\">\n    <div class=\"w-full lg:w-1\/2 px-6 md:px-10 lg:px-0 lg:max-w-[864px] mx-auto flex flex-col gap-8 lg:order-last\">\n\n                    <div  data-animate-container=\"text\" >\n                <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-crop text-ocs-gray-nav mb-2\">\n                    We are OCS                <\/h2>\n            <\/div>\n        \n                    <div  data-animate-container=\"text\" >\n                <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose max-w-none\">\n                    <p>With more than 120,000 people operating in 26 countries, OCS is on a mission to make people and places the best they can be.<\/p>\n<p>Why? Because every human being deserves the right conditions and the opportunity to thrive.<\/p>\n                <\/div>\n            <\/div>\n        \n\n        <!-- icons -->\n                <!-- buttons -->\n                <!-- quote -->\n        \n    <\/div>\n\n    <div class=\"w-full lg:w-1\/2 splide\" x-ref=\"statsSlider\">\n        <div class=\"splide__track\">\n            <ul  data-animate-container=\"cards\"  class=\"grid md:grid-cols-2 splide__list lg:!grid md:gap-4 lg:gap-6\">\n                                                                                        <li data-animate=\"card\" class=\"splide__slide min-w-[240px] lg:min-w-0 flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-4 py-6 gap-4\">\n                                <div class=\"flex flex-col justify-start items-start gap-4 -mt-2\">\n                                    <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                                    <svg class=\"w-6 h-6 themed-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 25\">\n                                                <g clip-path=\"url(#a)\">\n                                                    <path fill=\"#0E1854\" d=\"M.976 11.297a.976.976 0 1 1 0 1.952.976.976 0 0 1 0-1.952Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 24.233c-5.353 0-10.084-3.6-11.506-8.754a.772.772 0 1 1 1.489-.41c1.238 4.486 5.357 7.62 10.017 7.62 5.73 0 10.39-4.66 10.39-10.39 0-5.729-4.66-10.39-10.39-10.39-4.62 0-8.73 3.1-9.994 7.538a.773.773 0 0 1-1.485-.423C2.039 3.926 6.759.364 12.066.364 18.646.365 24 5.72 24 12.3s-5.354 11.934-11.934 11.934Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.172 9.08c-3.154 0-6.12-1.23-8.353-3.463a.772.772 0 1 1 1.092-1.092 10.203 10.203 0 0 0 7.261 3.01c2.742 0 5.32-1.068 7.262-3.01a.772.772 0 1 1 1.092 1.092 11.737 11.737 0 0 1-8.354 3.463Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M10.603 23.532a.77.77 0 0 1-.546-.226c-6.053-6.052-6.053-15.9 0-21.952a.772.772 0 1 1 1.092 1.092c-5.45 5.45-5.45 14.318 0 19.768a.772.772 0 0 1-.546 1.318ZM13.53 23.532a.772.772 0 0 1-.546-1.318c5.45-5.45 5.45-14.318 0-19.768a.772.772 0 1 1 1.092-1.092c6.052 6.052 6.052 15.9 0 21.952a.77.77 0 0 1-.546.226Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M19.98 20.278a.77.77 0 0 1-.546-.226 10.203 10.203 0 0 0-7.262-3.01c-2.741 0-5.32 1.069-7.261 3.01a.772.772 0 1 1-1.092-1.092 11.737 11.737 0 0 1 8.353-3.463c3.154 0 6.12 1.23 8.354 3.463a.772.772 0 0 1-.546 1.318ZM22.74 13.071H3.565a.772.772 0 1 1 0-1.544h19.177a.772.772 0 0 1 0 1.544Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 23.776a.772.772 0 0 1-.772-.772V1.412a.772.772 0 0 1 1.544 0v21.592a.772.772 0 0 1-.772.772Z\" \/>\n                                                <\/g>\n                                                <defs>\n                                                    <clipPath id=\"a\">\n                                                        <path fill=\"#fff\" d=\"M0 .364h24v23.87H0z\" \/>\n                                                    <\/clipPath>\n                                                <\/defs>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                            <h3 class=\"text-themed font-medium text-[24px] leading-[30px] -tracking-[0.5px] text-crop\">\n                                            <span x-intersect.once=\"animateNumber($el)\">120000<\/span>                                        <\/h3>\n                                                                    <\/div>\n                                                                    <p class=\"text-ocs-blue-navy font-medium text-sm leading-5\">\n                                        OCS colleagues across the globe                                    <\/p>\n                                                            <\/li>\n                                                                                                <li data-animate=\"card\" class=\"splide__slide min-w-[240px] lg:min-w-0 flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-4 py-6 gap-4\">\n                                <div class=\"flex flex-col justify-start items-start gap-4 -mt-2\">\n                                    <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                                    <svg class=\"w-6 h-6 themed-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 25\">\n                                                <g clip-path=\"url(#a)\">\n                                                    <path fill=\"#0E1854\" d=\"M.976 11.297a.976.976 0 1 1 0 1.952.976.976 0 0 1 0-1.952Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 24.233c-5.353 0-10.084-3.6-11.506-8.754a.772.772 0 1 1 1.489-.41c1.238 4.486 5.357 7.62 10.017 7.62 5.73 0 10.39-4.66 10.39-10.39 0-5.729-4.66-10.39-10.39-10.39-4.62 0-8.73 3.1-9.994 7.538a.773.773 0 0 1-1.485-.423C2.039 3.926 6.759.364 12.066.364 18.646.365 24 5.72 24 12.3s-5.354 11.934-11.934 11.934Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.172 9.08c-3.154 0-6.12-1.23-8.353-3.463a.772.772 0 1 1 1.092-1.092 10.203 10.203 0 0 0 7.261 3.01c2.742 0 5.32-1.068 7.262-3.01a.772.772 0 1 1 1.092 1.092 11.737 11.737 0 0 1-8.354 3.463Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M10.603 23.532a.77.77 0 0 1-.546-.226c-6.053-6.052-6.053-15.9 0-21.952a.772.772 0 1 1 1.092 1.092c-5.45 5.45-5.45 14.318 0 19.768a.772.772 0 0 1-.546 1.318ZM13.53 23.532a.772.772 0 0 1-.546-1.318c5.45-5.45 5.45-14.318 0-19.768a.772.772 0 1 1 1.092-1.092c6.052 6.052 6.052 15.9 0 21.952a.77.77 0 0 1-.546.226Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M19.98 20.278a.77.77 0 0 1-.546-.226 10.203 10.203 0 0 0-7.262-3.01c-2.741 0-5.32 1.069-7.261 3.01a.772.772 0 1 1-1.092-1.092 11.737 11.737 0 0 1 8.353-3.463c3.154 0 6.12 1.23 8.354 3.463a.772.772 0 0 1-.546 1.318ZM22.74 13.071H3.565a.772.772 0 1 1 0-1.544h19.177a.772.772 0 0 1 0 1.544Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 23.776a.772.772 0 0 1-.772-.772V1.412a.772.772 0 0 1 1.544 0v21.592a.772.772 0 0 1-.772.772Z\" \/>\n                                                <\/g>\n                                                <defs>\n                                                    <clipPath id=\"a\">\n                                                        <path fill=\"#fff\" d=\"M0 .364h24v23.87H0z\" \/>\n                                                    <\/clipPath>\n                                                <\/defs>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                            <h3 class=\"text-themed font-medium text-[24px] leading-[30px] -tracking-[0.5px] text-crop\">\n                                            <span x-intersect.once=\"animateNumber($el)\">8000<\/span>+                                        <\/h3>\n                                                                    <\/div>\n                                                                    <p class=\"text-ocs-blue-navy font-medium text-sm leading-5\">\n                                        Regular customers                                     <\/p>\n                                                            <\/li>\n                                                                                                <li data-animate=\"card\" class=\"splide__slide min-w-[240px] lg:min-w-0 flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-4 py-6 gap-4\">\n                                <div class=\"flex flex-col justify-start items-start gap-4 -mt-2\">\n                                    <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                                    <svg class=\"w-6 h-6 themed-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 25\">\n                                                <g clip-path=\"url(#a)\">\n                                                    <path fill=\"#0E1854\" d=\"M.976 11.297a.976.976 0 1 1 0 1.952.976.976 0 0 1 0-1.952Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 24.233c-5.353 0-10.084-3.6-11.506-8.754a.772.772 0 1 1 1.489-.41c1.238 4.486 5.357 7.62 10.017 7.62 5.73 0 10.39-4.66 10.39-10.39 0-5.729-4.66-10.39-10.39-10.39-4.62 0-8.73 3.1-9.994 7.538a.773.773 0 0 1-1.485-.423C2.039 3.926 6.759.364 12.066.364 18.646.365 24 5.72 24 12.3s-5.354 11.934-11.934 11.934Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.172 9.08c-3.154 0-6.12-1.23-8.353-3.463a.772.772 0 1 1 1.092-1.092 10.203 10.203 0 0 0 7.261 3.01c2.742 0 5.32-1.068 7.262-3.01a.772.772 0 1 1 1.092 1.092 11.737 11.737 0 0 1-8.354 3.463Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M10.603 23.532a.77.77 0 0 1-.546-.226c-6.053-6.052-6.053-15.9 0-21.952a.772.772 0 1 1 1.092 1.092c-5.45 5.45-5.45 14.318 0 19.768a.772.772 0 0 1-.546 1.318ZM13.53 23.532a.772.772 0 0 1-.546-1.318c5.45-5.45 5.45-14.318 0-19.768a.772.772 0 1 1 1.092-1.092c6.052 6.052 6.052 15.9 0 21.952a.77.77 0 0 1-.546.226Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M19.98 20.278a.77.77 0 0 1-.546-.226 10.203 10.203 0 0 0-7.262-3.01c-2.741 0-5.32 1.069-7.261 3.01a.772.772 0 1 1-1.092-1.092 11.737 11.737 0 0 1 8.353-3.463c3.154 0 6.12 1.23 8.354 3.463a.772.772 0 0 1-.546 1.318ZM22.74 13.071H3.565a.772.772 0 1 1 0-1.544h19.177a.772.772 0 0 1 0 1.544Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 23.776a.772.772 0 0 1-.772-.772V1.412a.772.772 0 0 1 1.544 0v21.592a.772.772 0 0 1-.772.772Z\" \/>\n                                                <\/g>\n                                                <defs>\n                                                    <clipPath id=\"a\">\n                                                        <path fill=\"#fff\" d=\"M0 .364h24v23.87H0z\" \/>\n                                                    <\/clipPath>\n                                                <\/defs>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                            <h3 class=\"text-themed font-medium text-[24px] leading-[30px] -tracking-[0.5px] text-crop\">\n                                            <span x-intersect.once=\"animateNumber($el)\">124<\/span>+                                        <\/h3>\n                                                                    <\/div>\n                                                                    <p class=\"text-ocs-blue-navy font-medium text-sm leading-5\">\n                                        years of experience and innovation                                     <\/p>\n                                                            <\/li>\n                                                                                                <li data-animate=\"card\" class=\"splide__slide min-w-[240px] lg:min-w-0 flex flex-col rounded-3xl bg-white border border-[#ECECF2] justify-between px-4 py-6 gap-4\">\n                                <div class=\"flex flex-col justify-start items-start gap-4 -mt-2\">\n                                    <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                                    <svg class=\"w-6 h-6 themed-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 25\">\n                                                <g clip-path=\"url(#a)\">\n                                                    <path fill=\"#0E1854\" d=\"M.976 11.297a.976.976 0 1 1 0 1.952.976.976 0 0 1 0-1.952Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 24.233c-5.353 0-10.084-3.6-11.506-8.754a.772.772 0 1 1 1.489-.41c1.238 4.486 5.357 7.62 10.017 7.62 5.73 0 10.39-4.66 10.39-10.39 0-5.729-4.66-10.39-10.39-10.39-4.62 0-8.73 3.1-9.994 7.538a.773.773 0 0 1-1.485-.423C2.039 3.926 6.759.364 12.066.364 18.646.365 24 5.72 24 12.3s-5.354 11.934-11.934 11.934Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.172 9.08c-3.154 0-6.12-1.23-8.353-3.463a.772.772 0 1 1 1.092-1.092 10.203 10.203 0 0 0 7.261 3.01c2.742 0 5.32-1.068 7.262-3.01a.772.772 0 1 1 1.092 1.092 11.737 11.737 0 0 1-8.354 3.463Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M10.603 23.532a.77.77 0 0 1-.546-.226c-6.053-6.052-6.053-15.9 0-21.952a.772.772 0 1 1 1.092 1.092c-5.45 5.45-5.45 14.318 0 19.768a.772.772 0 0 1-.546 1.318ZM13.53 23.532a.772.772 0 0 1-.546-1.318c5.45-5.45 5.45-14.318 0-19.768a.772.772 0 1 1 1.092-1.092c6.052 6.052 6.052 15.9 0 21.952a.77.77 0 0 1-.546.226Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M19.98 20.278a.77.77 0 0 1-.546-.226 10.203 10.203 0 0 0-7.262-3.01c-2.741 0-5.32 1.069-7.261 3.01a.772.772 0 1 1-1.092-1.092 11.737 11.737 0 0 1 8.353-3.463c3.154 0 6.12 1.23 8.354 3.463a.772.772 0 0 1-.546 1.318ZM22.74 13.071H3.565a.772.772 0 1 1 0-1.544h19.177a.772.772 0 0 1 0 1.544Z\" \/>\n                                                    <path fill=\"currentColor\" d=\"M12.066 23.776a.772.772 0 0 1-.772-.772V1.412a.772.772 0 0 1 1.544 0v21.592a.772.772 0 0 1-.772.772Z\" \/>\n                                                <\/g>\n                                                <defs>\n                                                    <clipPath id=\"a\">\n                                                        <path fill=\"#fff\" d=\"M0 .364h24v23.87H0z\" \/>\n                                                    <\/clipPath>\n                                                <\/defs>\n                                            <\/svg>\n                                                                            <\/div>\n                                                                            <h3 class=\"text-themed font-medium text-[24px] leading-[30px] -tracking-[0.5px] text-crop\">\n                                            <span x-intersect.once=\"animateNumber($el)\">26<\/span>+                                        <\/h3>\n                                                                    <\/div>\n                                                                    <p class=\"text-ocs-blue-navy font-medium text-sm leading-5\">\n                                        countries in which OCS provides services                                     <\/p>\n                                                            <\/li>\n                                                                                                                    <\/ul>\n        <\/div>\n\n                    <div data-animate=\"item\" class=\"splide__arrows lg:hidden static flex items-center justify-center !space-x-4 py-2 mt-8\">\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>\n    <\/div>\n<\/section>\n\n\n        <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-6597c0f62e1a7\" class=\"flex flex-col py-6 md:py-[72px] 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: #FEFAF9\" >\n                            <div x-data=\"fmCarousel\" class=\"block-fm-services-carousel relative splide !flex flex-col md:flex-row items-center justify-between gap-10 md:gap-8 pb-[80px] md:pb-0\" x-ref=\"fmSlider\" data-bg-color=\"#FEFAF9\">\n    <div  data-animate-container=\"text\"  class=\"flex-none  pl-6 md:pl-0  flex flex-col items-start justify-start 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\">Waste and recycling services<\/h2>\n                            <p data-animate=\"prose\" class=\"text-left text-ocs-blue-navy text-xl\">Our range of waste and recycling services includes\u2026 <\/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 flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/id\/services\/waste-recycling\/\" aria-label=\"Go to page: Waste &amp; Recycling\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/598aed57-322c-420e-9503-cb8409f66e59\/-\/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-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Waste &amp; Recycling\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px]  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\">Waste &amp; Recycling<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Waste management and recycling services that support your operation and ESG goals.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/id\/services\/waste-recycling\/hazardous-waste\/\" aria-label=\"Go to page: Hazardous Waste\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/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-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Hazardous Waste\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px]  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\">Hazardous Waste<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Best practices to maximise recycling and manage waste.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/id\/services\/waste-recycling\/recycling\/\" aria-label=\"Go to page: Recycling\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/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-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Recycling\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px]  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\">Recycling<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Best practices to maximise recycling and manage waste.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/\" aria-label=\"Go to page: Confidential Documents\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e77af95-105c-4d18-a4ed-6e3e5eb17d58\/-\/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-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Confidential Documents\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px]  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\">Confidential Documents<\/h3>\n                                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                            <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                            <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                        <\/svg>\n                                    <\/div>\n                                <\/div>\n                                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Best practices to maximise recycling and manage waste.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n        <\/div>\n    \n<\/div>                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-6597c0f62e1ba\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 py-6 md:py-[72px] cta-block   \">\n        <div data-animate=\"item\" style=\"background-color: #0E1854;\" 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 items-center text-[#FDFDFE] overflow-hidden \">\n            <div class=\"absolute inset-0 z-0 overflow-hidden rounded-[32px] pointer-events-none\">\n                                                    <div class=\"absolute inset-0 w-full opacity-10 text-themed-lightest\">\n                                            <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative w-full flex flex-col gap-10 items-center\">\n\n                \n                                    <div class=\"flex flex-col gap-6 md:gap-10 max-w-[582px] lg:max-w-[777px] mx-auto text-center\">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                Connect with your OCS team                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                We&#8217;re ready to deliver the best experiences, productivity, practices, resilience and outcomes and we look forward to connecting with you and your team.                            <\/p>\n                                                                        <\/div>\n                \n            <\/div>\n\n            \n                            <div  data-animate-container=\"text\" >\n                                        \n<a href=\"\/contact-us\/\" class=\"!text-base  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black  btn-themed \"  target=\"_self\" >\n    Contact Us <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Best practices to maximise recycling and manage waste.<\/p>\n","protected":false},"featured_media":0,"parent":236,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4317","services","type-services","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Confidential Documents - OCS - Indonesia<\/title>\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\/id\/services\/waste-recycling\/confidential-documents\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Confidential Documents\" \/>\n<meta property=\"og:description\" content=\"Best practices to maximise recycling and manage waste.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Indonesia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/confidential-documents\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/confidential-documents\\\/\",\"name\":\"Confidential Documents - OCS - Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\"},\"datePublished\":\"2024-01-29T09:58:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/confidential-documents\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/confidential-documents\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/confidential-documents\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Waste &amp; Recycling\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Confidential Documents\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/\",\"name\":\"OCS - Indonesia\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Confidential Documents - OCS - Indonesia","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\/id\/services\/waste-recycling\/confidential-documents\/","og_locale":"en_US","og_type":"article","og_title":"Confidential Documents","og_description":"Best practices to maximise recycling and manage waste.","og_url":"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/","og_site_name":"OCS - Indonesia","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/","url":"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/","name":"Confidential Documents - OCS - Indonesia","isPartOf":{"@id":"https:\/\/ocs.com\/id\/#website"},"datePublished":"2024-01-29T09:58:54+00:00","breadcrumb":{"@id":"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/id\/services\/waste-recycling\/confidential-documents\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/id\/"},{"@type":"ListItem","position":2,"name":"Waste &amp; Recycling","item":"https:\/\/ocs.com\/id\/services\/waste-recycling\/"},{"@type":"ListItem","position":3,"name":"Confidential Documents"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/id\/#website","url":"https:\/\/ocs.com\/id\/","name":"OCS - Indonesia","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/4317","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/types\/services"}],"version-history":[{"count":1,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/4317\/revisions"}],"predecessor-version":[{"id":18871,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/4317\/revisions\/18871"}],"up":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/236"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/media?parent=4317"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}