{"id":18463,"date":"2024-01-29T09:58:54","date_gmt":"2024-01-29T09:58:54","guid":{"rendered":"https:\/\/ocs.com\/id\/?post_type=services&#038;p=18463"},"modified":"2024-01-29T09:58:54","modified_gmt":"2024-01-29T09:58:54","slug":"dokumen-rahasia","status":"publish","type":"services","link":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id","title":{"rendered":"Dokumen Rahasia"},"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                            Dokumen Rahasia                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>Banyak bisnis berurusan dengan dokumen fisik rahasia setiap hari, dan sangat penting dari perspektif hukum dan reputasi bahwa mereka dibuang dengan aman untuk memastikan privasi dan perlindungan data.<\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\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\">Buang dokumen rahasia dengan percaya diri  <\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Dengan peraturan privasi dan perlindungan saat ini, termasuk GDPR, dokumentasi rahasia apa pun harus dibuang dengan aman.<br \/>\nLayanan penghancuran aman kami memastikan Anda memenuhi semua peraturan privasi dan perlindungan data, melindungi diri Anda sendiri dan pelanggan serta klien Anda.<\/p>\n<p>Kami menyediakan konsol yang dapat dikunci, tas dan tempat sampah yang aman, transportasi ke fasilitas penghancuran, pemantauan CCTV limbah Anda dan sertifikat pemusnahan. Anda dapat merasa tenang bahwa dokumen rahasia Anda telah dibuang dengan benar, dan Anda mematuhi setiap peraturan yang relevan \u2013 menjaga reputasi merek Anda tetap utuh dan bisnis Anda aman.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\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\">Membantu mengurangi dampak lingkungan Anda<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Jika memungkinkan, kami akan mereklamasi bahan kemasan dari limbah apa pun, termasuk baja, kaca, aluminium, kardus, kayu, dan plastik.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\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                    Temukan bagaimana kami membantu orang dan tempat di seluruh dunia menjadi yang terbaik.                  <\/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    <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                        Akreditasi &amp;; Sertifikasi                    <\/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            <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\">Komitmen ESG OCS  <\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Di OCS, kami berada dalam posisi untuk membuat perbedaan nyata bagi manusia dan planet ini.<br \/>\nSebagai penyedia layanan penting dengan lebih dari 120.000 karyawan di 26 negara, kami memiliki kekuatan nyata untuk membawa perubahan positif dalam komunitas yang kami layani.<\/p>\n<p>Dengan bermitra dengan kami dalam hal limbah dan daur ulang, kami dapat membantu Anda memberikan hasil terukur yang selaras dengan strategi LST Anda.<\/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            Bekerja dengan Anda untuk meningkatkan tingkat daur ulang          <\/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            Membantu Anda bergerak menuju nol limbah di TPA        <\/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    <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                    Kami adalah 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>Dengan lebih dari 120.000 orang yang beroperasi di 26 negara, OCS memiliki misi untuk membuat orang dan tempat menjadi yang terbaik yang mereka bisa.<\/p>\n<p>Mengapa? Karena setiap manusia berhak mendapatkan kondisi yang tepat dan kesempatan untuk berkembang.<\/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                                        Kolega OCS di seluruh dunia                                    <\/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                                        Pelanggan reguler                                      <\/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                                        tahun pengalaman dan inovasi                                      <\/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                                        negara-negara di mana OCS menyediakan layanan                                      <\/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        <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\">Layanan limbah dan daur ulang<\/h2>\n                            <p data-animate=\"prose\" class=\"text-left text-ocs-blue-navy text-xl\">Berbagai layanan limbah dan daur ulang kami meliputi&#8230;  <\/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        <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>Praktik terbaik untuk memaksimalkan daur ulang dan mengelola limbah.<\/p>\n","protected":false},"featured_media":0,"parent":18493,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18463","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>Dokumen Rahasia - 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\/limbah-daur-ulang\/dokumen-rahasia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dokumen Rahasia\" \/>\n<meta property=\"og:description\" content=\"Praktik terbaik untuk memaksimalkan daur ulang dan mengelola limbah.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id\" \/>\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\\\/limbah-daur-ulang\\\/dokumen-rahasia\\\/?lang=id\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/limbah-daur-ulang\\\/dokumen-rahasia\\\/?lang=id\",\"name\":\"Dokumen Rahasia - OCS - Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\"},\"datePublished\":\"2024-01-29T09:58:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/limbah-daur-ulang\\\/dokumen-rahasia\\\/?lang=id#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/limbah-daur-ulang\\\/dokumen-rahasia\\\/?lang=id\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/limbah-daur-ulang\\\/dokumen-rahasia\\\/?lang=id#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengelolaan Limbah &amp; Daur Ulang\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/services\\\/limbah-daur-ulang\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Dokumen Rahasia\"}]},{\"@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":"Dokumen Rahasia - 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\/limbah-daur-ulang\/dokumen-rahasia\/","og_locale":"en_US","og_type":"article","og_title":"Dokumen Rahasia","og_description":"Praktik terbaik untuk memaksimalkan daur ulang dan mengelola limbah.","og_url":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id","og_site_name":"OCS - Indonesia","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id","url":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id","name":"Dokumen Rahasia - OCS - Indonesia","isPartOf":{"@id":"https:\/\/ocs.com\/id\/#website"},"datePublished":"2024-01-29T09:58:54+00:00","breadcrumb":{"@id":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/dokumen-rahasia\/?lang=id#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/id\/"},{"@type":"ListItem","position":2,"name":"Pengelolaan Limbah &amp; Daur Ulang","item":"https:\/\/ocs.com\/id\/services\/limbah-daur-ulang\/"},{"@type":"ListItem","position":3,"name":"Dokumen Rahasia"}]},{"@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\/18463","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":4,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/18463\/revisions"}],"predecessor-version":[{"id":18481,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/18463\/revisions\/18481"}],"up":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/services\/18493"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/media?parent=18463"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}