{"id":4324,"date":"2024-01-29T09:58:53","date_gmt":"2024-01-29T09:58:53","guid":{"rendered":"https:\/\/ocs.com\/id\/?post_type=services&#038;p=4324"},"modified":"2024-01-29T09:58:53","modified_gmt":"2024-01-29T09:58:53","slug":"waste-collection","status":"publish","type":"services","link":"https:\/\/ocs.com\/id\/services\/waste-recycling\/waste-collection\/","title":{"rendered":"Waste collection and disposal"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-6597c19bc8678\" 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\/541ecf1d-da5f-4ba6-8b38-2d9bb19ea42f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/541ecf1d-da5f-4ba6-8b38-2d9bb19ea42f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/541ecf1d-da5f-4ba6-8b38-2d9bb19ea42f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/541ecf1d-da5f-4ba6-8b38-2d9bb19ea42f\/-\/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                            Waste collection and disposal                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>Businesses will always produce waste, and disposing of it in a responsible and safe manner is critically important \u2013 while ensuring minimal disruption to your business.<\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n\n            <section id=\"block_acf-block-6597c19bc86a1\"  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\">Creating your waste collection and disposal strategy <\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Every day, waste needs to be disposed of \u2013 and getting your waste disposal organised correctly is hugely important.<br \/>\nWe\u2019ll work with you to audit your waste streams to ensure you\u2019ve got the most appropriate systems in place, and segregate what can be recycled to minimise landfill.<br \/>\nOf course, we will always dispose of your waste in the safest way, ensuring you meet your corporate responsibilities and comply with legal obligations.<\/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            Reliable        <\/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            Professional        <\/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            Accredited        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-6597c19bc86b9\" 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-6597c19bc86f0\"  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-6597c19bc8719\"  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 their 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-6597c19bc872c\" 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-6597c19bc8740\"  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-4324","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>Waste collection and disposal - 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\/waste-collection\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Waste collection and disposal\" \/>\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\/waste-collection\/\" \/>\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\\\/waste-collection\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/waste-collection\\\/\",\"name\":\"Waste collection and disposal - OCS - Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\"},\"datePublished\":\"2024-01-29T09:58:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/waste-collection\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/waste-collection\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/waste-recycling\\\/waste-collection\\\/#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\":\"Waste collection and disposal\"}]},{\"@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":"Waste collection and disposal - 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\/waste-collection\/","og_locale":"en_US","og_type":"article","og_title":"Waste collection and disposal","og_description":"Best practices to maximise recycling and manage waste.","og_url":"https:\/\/ocs.com\/id\/services\/waste-recycling\/waste-collection\/","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\/waste-collection\/","url":"https:\/\/ocs.com\/id\/services\/waste-recycling\/waste-collection\/","name":"Waste collection and disposal - OCS - Indonesia","isPartOf":{"@id":"https:\/\/ocs.com\/id\/#website"},"datePublished":"2024-01-29T09:58:53+00:00","breadcrumb":{"@id":"https:\/\/ocs.com\/id\/services\/waste-recycling\/waste-collection\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/id\/services\/waste-recycling\/waste-collection\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/id\/services\/waste-recycling\/waste-collection\/#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":"Waste collection and disposal"}]},{"@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\/4324","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\/4324\/revisions"}],"predecessor-version":[{"id":18870,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/4324\/revisions\/18870"}],"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=4324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}