{"id":17203,"date":"2024-01-29T09:43:39","date_gmt":"2024-01-29T09:43:39","guid":{"rendered":"https:\/\/ocs.com\/id\/sejarah-warisan\/"},"modified":"2025-05-28T13:13:42","modified_gmt":"2025-05-28T12:13:42","slug":"sejarah-warisan","status":"publish","type":"page","link":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id","title":{"rendered":"Sejarah &amp; Warisan Leluhur"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-678df720e1bdb\" 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\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/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: #FEFAF9\">\n\n                                    <!-- stripy circle -->\n                    <svg class=\"absolute -top-[26px] -right-[112px] w-[280px] h-[280px] sm:w-[400px] sm:h-[338px] sm:-top-[33px] sm:-right-[88px] lg:w-[345px] lg:h-[347px] lg:-top-[53px] lg:-right-[76px] text-[#fae8e3]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 345 348\" preserveAspectRatio=\"none\">\n                        <g fill=\"currentColor\">\n                            <path d=\"M37.763 65.46 64.38 38.674a173.12 173.12 0 0 1 21.277-14.72L23.135 86.87a174.285 174.285 0 0 1 14.628-21.41ZM4.894 131.987c.777-3.131 1.639-6.228 2.582-9.289l113.785-114.5a170.68 170.68 0 0 1 9.231-2.6L4.894 131.987ZM.068 163.603c.147-2.442.344-4.87.59-7.284L154.672 1.336c2.399-.248 4.812-.446 7.239-.594L.068 163.603ZM.444 189.985A176.37 176.37 0 0 1 0 183.742L181.924.674a173.1 173.1 0 0 1 6.204.447L.444 189.985ZM4.071 213.09c-.415-1.83-.8-3.672-1.158-5.524L205.6 3.606c1.841.359 3.671.747 5.49 1.165L4.071 213.09ZM10.127 233.758a173.1 173.1 0 0 1-1.713-4.967L226.692 9.141c1.656.55 3.301 1.125 4.935 1.723l-221.5 222.894ZM18.155 252.44a173.983 173.983 0 0 1-2.175-4.502L245.72 16.755a171.56 171.56 0 0 1 4.473 2.188L18.155 252.44ZM27.888 269.407a175.49 175.49 0 0 1-2.583-4.091L262.988 26.139c1.368.847 2.723 1.714 4.065 2.599L27.888 269.407ZM39.168 284.817a173.977 173.977 0 0 1-2.96-3.712L278.679 37.11c1.244.976 2.474 1.969 3.689 2.978l-243.2 244.729ZM51.912 298.754a174.74 174.74 0 0 1-3.32-3.348L292.89 49.571a174.152 174.152 0 0 1 3.327 3.342L51.912 298.754ZM66.1 311.237a174.123 174.123 0 0 1-3.684-2.984l243.241-244.77a174.342 174.342 0 0 1 2.965 3.706L66.099 311.237ZM81.765 322.234a172.453 172.453 0 0 1-4.059-2.605l239.255-240.76c.882 1.348 1.745 2.71 2.59 4.084L81.765 322.234ZM99.006 331.645c-1.501-.711-2.99-1.443-4.466-2.196L326.72 95.808a172.535 172.535 0 0 1 2.182 4.494L99.006 331.645ZM118.002 339.29a172.923 172.923 0 0 1-4.927-1.732L334.779 114.46a173.589 173.589 0 0 1 1.72 4.958L118.002 339.29ZM139.057 344.863a171.346 171.346 0 0 1-5.48-1.176L340.87 135.091c.418 1.828.807 3.666 1.168 5.515L139.057 344.863ZM162.689 347.844a172.903 172.903 0 0 1-6.19-.461l188.043-189.226c.189 2.066.342 4.143.458 6.229L162.689 347.844ZM189.868 347.253c-2.391.241-4.797.432-7.216.572l162.33-163.351a175.2 175.2 0 0 1-.569 7.262L189.868 347.253ZM223.135 340.537a170.58 170.58 0 0 1-9.181 2.549l126.318-127.112a173.708 173.708 0 0 1-2.533 9.239L223.135 340.537ZM278.57 311.515a173.062 173.062 0 0 1-20.231 13.668l64.142-64.545a174.297 174.297 0 0 1-13.583 20.358l-30.328 30.519Z\" \/>\n                        <\/g>\n                    <\/svg>\n                \n                <div data-animate-container=\"text\"  class=\"flex flex-col gap-8 md:gap-10 items-start lg:justify-center\">\n                                                                    <a data-animate=\"button\" href=\"https:\/\/ocs.com\/id\/karir\/?lang=id\" class=\"relative group flex items-center text-sm w-fit gap-1 pl-1 py-1 pr-2.5 bg-white border border-themed-light rounded-full font-medium text-center leading-[18px]\" target=\"\">\n                                                            <span class=\"themed-icon-bg text-white px-2.5 py-1.5 rounded-full mr-1\">\n                                    Bergabunglah dengan Misi Kami                                <\/span>\n                                                        Karir                            <svg class=\"w-4 h-4 group-hover:translate-x-1 duration-150 flex-none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                <path stroke=\"#181924\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3.332 8h9.333m0 0L8 3.335m4.666 4.667L8 12.667\" \/>\n                            <\/svg>\n                        <\/a>\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                            Sejarah dan warisan leluhur                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>Berawal dari operasional layanan kebersihan yang dilakukan oleh satu orang pada tahun 1900, kami kini berkembang secara global dengan cakupan tim yang beragam yang memiliki lebih dari 120.000 kolega di bidang manajemen fasilitas di seluruh dunia.<\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n\n    <section id=\"block_acf-block-678df720e34b6\"  data-animate-container=\"waterfall\"  class=\"  block-timeline-white  splide max-w-8xl mx-auto flex flex-col \">\n        <div data-animate=\"item\" class=\"relative pb-[120px]  pt-6 md:pt-[44px] md:pb-[44px] flex flex-col items-center justify-between gap-8 md:gap-16 rounded-[32px]\" style=\" background-color: #FFFFFF\">\n            <div class=\"px-6  lg:px-[88px]  flex flex-none flex-col md:flex-row items-center md:items-end justify-between gap-6 w-full\">\n                <div  data-animate-container=\"text\"  class=\"flex flex-col w-full items-center md:items-start gap-6\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center md:text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Sejarah kami<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center md:text-left text-ocs-blue-navy text-xl\">Dari awal hingga saat ini, kisah OCS menunjukkan dedikasi kepada orang-orang, konsistensi, dan hasil.<\/p>\n                                    <\/div>\n                <!-- Desktop Slider Arrows -->\n                                    <div data-animate=\"item\" class=\"w-full md:w-auto py-2 md:py-0 splide__arrows absolute md:relative bottom-8 md:bottom-0 left-0 right-16 xl:right-[88px] flex gap-3 flex-row items-center justify-center\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed text-themed\" 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 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 text-themed\" 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                            <div  data-animate-container=\"waterfall\"  class=\"splide__track w-full\">\n                    <ul data-animate=\"item\" class=\"splide__list\">\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"New Century diluncurkan\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1900                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">New Century diluncurkan<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS lahir ketika Frederick William Goodliffe mendirikan The New Century Window and General Cleaning Company.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/1c432607-11c7-4a3f-8c48-fd34126aea64\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Mempertahankan bisnis keluarga\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1928                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Mempertahankan bisnis keluarga<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Putra ketiga Frederick, George, bergabung dengan bisnis ini. Ia mengikuti jejak kakak laki-lakinya, Gilbert dan Tom, yang masing-masing bergabung pada tahun 1912 dan 1920.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ad24b0ba-9b34-4247-81c2-b1df1ef21a87\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Dari Layanan Pembersihan Jendela hingga FM Terintegrasi\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1930                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Dari Layanan Pembersihan Jendela hingga FM Terintegrasi<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Office Cleaning Services (OCS) dibentuk, mulanya hanya sebagai perusahaan pembersih sebelum beralih ke layanan lain dan memberikan solusi terintegrasi untuk pelanggan.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cbda3859-11c4-4a39-ac2e-299973b99f42\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Bisnis yang berkembang pesat\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1950                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Bisnis yang berkembang pesat<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Setelah Frederick (pendiri) meninggal dunia pada tahun 1947, putra-putranya mengembangkan bisnis ini, pindah ke tempat yang lebih besar, dan membangun jaringan cabang.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/eb009a3b-04eb-432c-a489-f503a18841b3\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Melayani semua sektor\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1958                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Melayani semua sektor<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Serangkaian akuisisi dilakukan dan bisnis didiversifikasi ke industri baru.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/da23a640-2cae-431d-b482-caaa8fe94944\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Cakupan dan ekspansi di seluruh Inggris\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1963                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Cakupan dan ekspansi di seluruh Inggris<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Pada tahun 1963, jaringan cabang OCS telah berkembang hingga mencakup wilayah Birmingham, Manchester, Glasgow, Bristol, Rochester, Southampton, Gloucester, Dunstable, Croydon, Ilford, West Drayton, dan Bournemouth.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e0d88356-7920-46c2-a280-c953496a0e69\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Perjalanan kami di dunia penerbangan dimulai\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1966                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Perjalanan kami di dunia penerbangan dimulai<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Pada tahun 1966, tim OCS dianugerahi kontrak penerbangan pertama mereka dengan Dan-Air yang berbasis di Gatwick, London.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ba1cf500-3182-46bc-baaa-b9370dd2af0b\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"PCS, merek kami yang berbasis di Thailand, dibentuk\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1967                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">PCS, merek kami yang berbasis di Thailand, dibentuk<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Sebagai brand yang sama dengan OCS, PCS hadir menyediakan layanan serupa. Saat ini PCS menjadi salah satu perusahaan terbesar di Thailand dengan hampir 40.000 rekan kerja.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7736a9cb-8207-4615-b860-6be240fc482b\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Lebih dari 60 perusahaan terakumulasi\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1978                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Lebih dari 60 perusahaan terakumulasi<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Pada tahun 1978, usaha keluarga ini telah berkembang hingga mencakup seluruh kawasan Inggris (UK), memiliki lebih dari 50 cabang yang melayani semua wilayah Kepulauan Inggris dengan lebih dari 60 Perusahaan Asosiasi yang sebagian besarnya beraliansi dalam industri kebersihan, mengimbangi teknologi yang terus berkembang dan kebutuhan pelanggan yang beragam.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b8ba55ec-4608-476e-94c1-82d309839c19\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Inovasi periklanan\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1984                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Inovasi periklanan<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS menerbitkan buletin rutin dan pembaruan dengan periode iklan yang humoris.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/19a8f492-dc2f-4eca-b106-2679e62f2129\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Ekspansi ke Eropa\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1985                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Ekspansi ke Eropa<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Grup Perusahaan OCS telah mendunia, beroperasi di 8 negara di seluruh dunia termasuk Irlandia, Portugal, Belanda, Kanada, Hong Kong, dan Spanyol, dalam banyak lini layanan yang ada saat ini, seperti Kebersihan, Pengendalian Hama, Keamanan, Technical Maintenance, dan Pembersihan Jendela.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bb310f50-1eb2-456c-92a7-15a85106a555\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Memenangkan Kontrak Channel Tunnel\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1992                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Memenangkan Kontrak Channel Tunnel<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Pada tahun 1992 OCS membentuk kemitraan dengan operator Prancis untuk menyediakan dukungan layanan pemeliharaan dan pembersihan Channel Tunnel.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/421e2491-a892-49e6-b365-1be47fb542a0\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Mempertahankan Royal Warrant\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1992                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Mempertahankan Royal Warrant<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">30.000 kolega di Inggris, Irlandia, Eropa, Kanada, dan, Far East. Kami menjadi perusahaan pemeliharaan dan pembersihan properti terbesar di Inggris yang berfokus kuat pada kebijakan lingkungan, termasuk menggunakan bahan kimia biodegradable, memilah limbah kantor untuk didaur ulang, dan armada kendaraan bebas timah. Kebijakan ini membantu bisnis mempertahankan Surat Perintah Kerajaan dari Yang Mulia Ratu.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7f659c5c-4505-41ec-9e05-b2b666007da6\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2002                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                                                                <p class=\"text-[#FEFAF9]\">Rob Legge, CEO OCS Group, pertama kali mendirikan Ecocleen pada tahun 1997 dan menggabungkannya dengan Executive Group pada tahun 1999 sebelum menyelesaikan Pembelian Manajemen (Management Buyout\/MBO) pada tahun 2003. Seiring pertumbuhan yang luas, baik secara organik maupun melalui akuisisi, pada tahun 2018 Rob menjual operasi UKL ke Atalian.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3f3aa595-d93c-4ed8-acb3-2fb7b0c1aba0\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Servest ditetapkan sebagai pemain global\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2007                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servest ditetapkan sebagai pemain global<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Servest, sebuah bisnis berbasis di Afrika Selatan yang didirikan pada tahun 1997 ingin berekspansi ke pasar Eropa. Mereka membeli operasional bisnis Inggris pada tahun 2007, dan Servest UK dibentuk dengan Rob Legge sebagai pimpinan perusahaan baru di Inggris, dengan ekspansi lebih jauh ke Eropa ke depannya.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2ca5c23f-309b-47c5-a79f-d0d9be1dd4df\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Servest UK membangun Reputasi Berskala Nasional\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2007                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servest UK membangun Reputasi Berskala Nasional<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Penghargaan kontrak nasional yang signifikan dari Primark dengan 40 toko di seluruh Inggris memberikan Servest jejak geografis dan infrastruktur untuk membangun bisnis di seluruh Inggris. Hubungan dengan Primark terus berkembang sejak saat itu, dan tetap menjadi mitra utama hingga saat ini.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bdb06a20-e431-4043-889a-832f7c0cbcfc\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Servest UK berekspansi, lebih dari sekadar Cleaning Service\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2012                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Servest UK berekspansi, lebih dari sekadar Cleaning Service<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Menilik akuisisi Stag Security Services oleh Servest UK pada Mei 2012, ekspansi pertama perusahaan di luar kebersihan dengan cepat diikuti oleh akuisisi lainnya, kali ini berfokus pada katering dengan 7 Day Catering sebagai bagian dari grup pada bulan Desember. Hal ini memberikan Servest UK 3 lini layanan yang jelas: Kebersihan, Keamanan, dan Katering.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/47f237c0-e063-4425-b9d3-88d7fccee032\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Ekspansi berlanjut untuk Servest UK\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2016                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Ekspansi berlanjut untuk Servest UK<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Bisnis ini menyelesaikan tiga akuisisi pada tahun 2016, menambahkan Catering Academy, Arthur McKay, dan Accuro Catering ke dalam grup perusahaan yang berkembang di Inggris, yang menempatkannya di jalur yang tepat untuk menjadi pemain signifikan dan diakui di pasar FM Inggris.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/68904289-1d2c-44a7-8fa2-c4b58f26f6a9\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Skema Lanyard Bunga Matahari\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2016                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Skema Lanyard Bunga Matahari<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Bekerja sama dengan Bandara Gatwick, OCS meluncurkan Skema Lanyard Bunga Matahari yang sekarang diakui secara global. Skema ini metode yang bijaksana kepada penumpang untuk memberikan informasi jika mereka membutuhkan bantuan tambahan karena keterbatasan gerak dan disabilitas tersembunyi.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e85b74c-8300-46c1-9412-870ce2f28f8b\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Akuisisi layanan otomotif mendorong pertumbuhan yang berkelanjutan\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2018                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Akuisisi layanan otomotif mendorong pertumbuhan yang berkelanjutan<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Akuisisi Aktrion Group memungkinkan Servest menapakkan kaki ke sebagai sektor yang lebih besar, seperti percetakan, otomotif, makanan, dan transportasi serta meningkatkan presensinya di Eropa, dengan beroperasi di 10 negara Eropa.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b79c5376-9778-4356-a855-b0f204a13416\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Pertumbuhan yang cepat dan penjualan Servest yang sukses\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2018                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Pertumbuhan yang cepat dan penjualan Servest yang sukses<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Menyusul pembentukan joint venture pada tahun 2016 antara Servest dan Atalian, kedua perusahaan layanan fasilitas internasional terkemuka ini secara resmi bergabung untuk menciptakan Atalian Servest pada tahun 2018.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/34cd6884-195a-472e-ba32-b4972af90009\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"OCS Foundation diluncurkan\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2019                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">OCS Foundation diluncurkan<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Dibentuk sebagai badan amal yang berfokus meningkatkan dan memberikan nilai sosial, warisan, dan dampak positif. Yayasan ini telah membantu hampir 200 orang yang mungkin mengalami kesulitan dalam mendapatkan pekerjaan yang berkelanjutan.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a2358678-52e5-4037-9300-c99e31f29684\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Kontrak keamanan di COP 26\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2022                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Kontrak keamanan di COP 26<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">COP26 atau Konferensi Perubahan Iklim Perserikatan Bangsa-bangsa ke-26 merupakan sebuah pertemuan berskala global yang diadakan pada tahun 2021 untuk membahas dan mengoordinasikan upaya internasional dalam melawan perubahan iklim.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2612c448-01e4-4b67-bda5-ad6e90119982\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Atalian Servest dan OCS Merge\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Atalian Servest dan OCS Merge<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Sebuah tim yang terdiri dari 120.000 kolega dibentuk dengan lebih dari 8.000 pelanggan dan visi baru serta misi yang ditegaskan kembali oleh CEO Grup, Rob Legge.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/25c9ff28-e94b-4891-aa91-8466af7eef7a\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Peluncuran TRUE Values\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Peluncuran TRUE Values<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">Menyusul merger dan diluncurkannya visi dan misi perusahaan, OCS TRUE Values diluncurkan sebagai prinsip panduan untuk bisnis yang beragam, inklusif, dan dinamis demi membuat perubahan yang berarti.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/271e9034-cc3b-4f12-88b3-e712c7feb0ae\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Target Net Zero diumumkan\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Target Net Zero diumumkan<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS berinvestasi dalam inisiatif Lingkungan, Tata Kelola dan Sosial (ESG), upaya ini sejalan dengan diumumkannya target global Net Zero 2040.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c1b46de8-17b5-4b2e-85ee-21369147444a\/-\/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-[520px] object-cover object-center rounded-[24px]\" alt=\"Peluncuran OCS NEW Brand\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2024                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">Peluncuran OCS NEW Brand<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">OCS meluncurkan merek global baru yang memiliki visi untuk menjadi perusahaan FM terbaik dalam bisnis ini dengan menjadikan orang dan tempat versi terbaik mereka, sekaligus memberikan pengalaman, produktivitas, praktik, resiliensi, dan hasil terbaik bagi kolega, pelanggan, dan komunitas.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-678df720e3505\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #FEFAF9\" style=\"background-color:#FEFAF9\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Awal yang sederhana pada tahun 1900<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">Sejarah panjang kami dimulai pada tahun 1900 melalui dorongan dan visi satu orang, beserta seorang pembersih jendela paruh waktu, alat pel, dan wadah embernya.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Pendiri, Frederick William Goodliffe<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Sejarah New Century, yang sekarang dikenal sebagai OCS, adalah kisah hebat tentang visi, ekspansi, dan adaptasi. Didirikan pada awal abad ke-20 oleh Frederick William Goodliffe, perusahaan ini mengawali perjalanan sebagai layanan pembersihan jendela yang sederhana. Goodliffe memulai usahanya pada tahun 1900 dengan hanya satu karyawan paruh waktu, tangga, ember, dan gerobak dorong.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Seorang pekerja dan embernya<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Visinya tentang bisnis yang berfokus pada pelanggan menjadi dasar pertumbuhan dan evolusi yang luar biasa selama lebih dari satu abad. Frederick Goodliffe, seorang pria yang sangat inovatif di zamannya, mungkin tidak pernah membayangkan usaha kecilnya akan bertransformasi menjadi bisnis global seperti sekarang ini. OCS saat ini adalah bukti dari visinya dengan tim yang terdiri dari lebih dari 120.000 orang lebih yang melayani lebih dari 8.000 pelanggan.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Reputasi Marketing New Century<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Pada awal abad ke-20, pemasaran masih belum seformal saat ini. Pendekatan Frederick Goodliffe lebih bergantung pada promosi dari mulut ke mulut dan membangun reputasi yang kuat di lingkup lokal. Adapun layanan customer-centric tetap menjadi prinsip utama perusahaan hingga saat ini.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Pendiri, Frederick William Goodliffe<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Sejarah New Century, yang sekarang dikenal sebagai OCS, adalah kisah hebat tentang visi, ekspansi, dan adaptasi. Didirikan pada awal abad ke-20 oleh Frederick William Goodliffe, perusahaan ini mengawali perjalanan sebagai layanan pembersihan jendela yang sederhana. Goodliffe memulai usahanya pada tahun 1900 dengan hanya satu karyawan paruh waktu, tangga, ember, dan gerobak dorong.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Seorang pekerja dan embernya<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Visinya tentang bisnis yang berfokus pada pelanggan menjadi dasar pertumbuhan dan evolusi yang luar biasa selama lebih dari satu abad. Frederick Goodliffe, seorang pria yang sangat inovatif di zamannya, mungkin tidak pernah membayangkan usaha kecilnya akan bertransformasi menjadi bisnis global seperti sekarang ini. OCS saat ini adalah bukti dari visinya dengan tim yang terdiri dari lebih dari 120.000 orang lebih yang melayani lebih dari 8.000 pelanggan.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Reputasi Marketing New Century<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Pada awal abad ke-20, pemasaran masih belum seformal saat ini. Pendekatan Frederick Goodliffe lebih bergantung pada promosi dari mulut ke mulut dan membangun reputasi yang kuat di lingkup lokal. Adapun layanan customer-centric tetap menjadi prinsip utama perusahaan hingga saat ini.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\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                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-678df720e352a\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F7FBF7\" style=\"background-color:#F7FBF7\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Dari New Century menjadi OCS<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">Seiring dengan bisnis perusahaan yang menuju rebranding pertamanya, kolega di New Century menyelamatkan orang-orang dari gedung yang terbakar.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Pahlawan super pembersih jendela<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Tom Spurrier, seorang kolega New Century (OCS), menghentikan mobil pembersih jendelanya di Mile End Road ketika melihat sebuah gedung yang terbakar. Dia segera mengerahkan tangganya dan mengevakuasi enam anak perempuan ke tempat yang aman sebelum pemadam kebakaran tiba. Apresiasi setinggi-tingginya untuk Tom!  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Peluncuran nama baru OCS pada 1930<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Dari yang semula bernama New Century Window and General Cleaning Company, perusahaan ini berganti nama menjadi Office Cleaning Services (OCS) pada tahun 1930 untuk beradaptasi dengan kebutuhan pelanggan di bawah kepemimpinan putra-putra Frederick.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Setiap publisitas adalah publisitas yang baik<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Di bawah kepemimpinan ketiga putra Goodliffe, bisnis ini terus berkembang dengan mengakuisisi para pesaing sehingga dengan cepat memperluas jangkauan pasar dan layanan yang beragam. Sebagai pelopor dari bakat wirausahawan seperti Richard Branson, mereka juga melakukan publisitas yang kuat untuk menjadi berita utama.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Pahlawan super pembersih jendela<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Tom Spurrier, seorang kolega New Century (OCS), menghentikan mobil pembersih jendelanya di Mile End Road ketika melihat sebuah gedung yang terbakar. Dia segera mengerahkan tangganya dan mengevakuasi enam anak perempuan ke tempat yang aman sebelum pemadam kebakaran tiba. Apresiasi setinggi-tingginya untuk Tom!  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Peluncuran nama baru OCS pada 1930<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Dari yang semula bernama New Century Window and General Cleaning Company, perusahaan ini berganti nama menjadi Office Cleaning Services (OCS) pada tahun 1930 untuk beradaptasi dengan kebutuhan pelanggan di bawah kepemimpinan putra-putra Frederick.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Setiap publisitas adalah publisitas yang baik<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Di bawah kepemimpinan ketiga putra Goodliffe, bisnis ini terus berkembang dengan mengakuisisi para pesaing sehingga dengan cepat memperluas jangkauan pasar dan layanan yang beragam. Sebagai pelopor dari bakat wirausahawan seperti Richard Branson, mereka juga melakukan publisitas yang kuat untuk menjadi berita utama.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\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                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-678df720e354a\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #F7FBF7\" style=\"background-color:#F7FBF7\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Tweet tahun 1960-an<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">OCS memelopori metode cleaning yang inovatif dan ilmiah &#8211; termasuk penggunaan bahan kimia pembersih keset yang dapat menghilangkan debu.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Twitterer OCS tahun 1960-an<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Setiap hari di Kantor Pusat OCS di London, seekor burung berkicau terbang dan berkunjung. Menurut arsip, &#8220;Setiap hari burung pipit cockney nakal ini membawa &#8216;Musik saat Anda bekerja&#8217; dan berkicau dengan riang, melompat dari jendela ke jendela untuk menyebarkan humor yang menular kepada semua temannya.&#8221;<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Kampanye Iklan OCS terus berlanjut<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Karena OCS terus bertumbuh, menangkap pangsa pasar, dan membuat akuisisi strategis, kampanye iklan yang dilakukan pun tidak pernah berhenti untuk berbagi inovasi terbaru dan manfaat pelanggan.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Keluar dari resesi dengan kekuatan<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Di bawah nama baru OCS, tim ini berhasil melewati tahun tujuh puluhan yang sulit, yang pada tahun 1979 ditunjukkan dalam wujud persatuan &#8211; dengan bangga dihiasi tiga huruf OCS yang terkenal.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Twitterer OCS tahun 1960-an<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Setiap hari di Kantor Pusat OCS di London, seekor burung berkicau terbang dan berkunjung. Menurut arsip, &#8220;Setiap hari burung pipit cockney nakal ini membawa &#8216;Musik saat Anda bekerja&#8217; dan berkicau dengan riang, melompat dari jendela ke jendela untuk menyebarkan humor yang menular kepada semua temannya.&#8221;<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Kampanye Iklan OCS terus berlanjut<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Karena OCS terus bertumbuh, menangkap pangsa pasar, dan membuat akuisisi strategis, kampanye iklan yang dilakukan pun tidak pernah berhenti untuk berbagi inovasi terbaru dan manfaat pelanggan.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Keluar dari resesi dengan kekuatan<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Di bawah nama baru OCS, tim ini berhasil melewati tahun tujuh puluhan yang sulit, yang pada tahun 1979 ditunjukkan dalam wujud persatuan &#8211; dengan bangga dihiasi tiga huruf OCS yang terkenal.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\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                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-678df720e356a\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] #FEFAF9\" style=\"background-color:#FEFAF9\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Lebih dari 100 tahun inovasi<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">Pendekatan OCS terhadap metode pembersihan yang inovatif dan ilmiah &#8211; termasuk bahan kimia pembersih keset pintu yang dapat menghilangkan debu.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img :src=\"currentImage\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Layanan adalah sebuah ilmu pengetahuan<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Arsip menunjukkan Nyonya Allen, yang telah bekerja di OCS selama 25 tahun pada awal tahun 60-an, mengungkapkan bahwa layanan (hampir) sama seperti ilmu pengetahuan. Dia jelas memiliki pemikiran yang maju di zamannya. Sementara itu, Ny. Bromley memiliki beberapa kesuksesan pribadi saat berlibur.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Keset pintu penghilang debu dan kelembapan<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Kampanye iklan tahun 1960-an ini menggambarkan apa yang tampak seperti pria keren dan tenang yang santai dan tampaknya tidak terpengaruh oleh cuaca buruk di luar ruangan &#8211; semua berkat keset pintu yang ditingkatkan secara kimiawi yang menarik pasir, serpihan, debu, dan kelembapan.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Penghargaan untuk bintang-bintang awal kita<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Buletin arsip OCS menampilkan artikel penghargaan reguler atas penyampaian layanan jangka panjang, tindakan heroik, dan kinerja hebat secara keseluruhan. Organisasi yang berpikiran maju dalam segala hal.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Layanan adalah sebuah ilmu pengetahuan<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Arsip menunjukkan Nyonya Allen, yang telah bekerja di OCS selama 25 tahun pada awal tahun 60-an, mengungkapkan bahwa layanan (hampir) sama seperti ilmu pengetahuan. Dia jelas memiliki pemikiran yang maju di zamannya. Sementara itu, Ny. Bromley memiliki beberapa kesuksesan pribadi saat berlibur.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Keset pintu penghilang debu dan kelembapan<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Kampanye iklan tahun 1960-an ini menggambarkan apa yang tampak seperti pria keren dan tenang yang santai dan tampaknya tidak terpengaruh oleh cuaca buruk di luar ruangan &#8211; semua berkat keset pintu yang ditingkatkan secara kimiawi yang menarik pasir, serpihan, debu, dan kelembapan.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">Penghargaan untuk bintang-bintang awal kita<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">Buletin arsip OCS menampilkan artikel penghargaan reguler atas penyampaian layanan jangka panjang, tindakan heroik, dan kinerja hebat secara keseluruhan. Organisasi yang berpikiran maju dalam segala hal.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\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                    <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-678df720e357d\"  data-animate-container=\"waterfall\"  class=\"block-blog-section max-w-8xl mx-auto lg:px-4 py-6 md:py-[72px]   \">\n        <div data-animate=\"item\" class=\"relative py-12 md:py-16  lg:px-16 flex flex-col gap-12 md:gap-16 rounded-[32px] \" style=\" background-color: #FEFAF9\">\n                            <div  data-animate-container=\"text\"  class=\"px-4 md:px-[88px] lg:px-0 flex flex-col items-center justify-center gap-6 lg:gap-8 w-full max-w-[366px] sm:max-w-[672px] lg:max-w-[768px] mx-auto\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Sejarah terbaru kami<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">Cari tahu lebih lanjut mengenai dunia OCS saat ini.<\/p>\n                                                        <\/div>\n            \n                                                <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-678df720e3591\"  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=\"https:\/\/ocs.com\/id\/hubungi-kami\/?lang=id\" 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    Hubungi <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Membuat orang dan tempat menjadi yang terbaik yang mereka bisa<\/p>\n","protected":false},"author":62,"featured_media":7689,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17203","page","type-page","status-publish","has-post-thumbnail","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>Sejarah dan Warisan OCS - Awal Sederhana pada tahun 1900<\/title>\n<meta name=\"description\" content=\"Sejarah dan warisan OCS. Dimulai pada tahun 1900 melalui drive dan visi satu orang, dan pembersih jendela paruh waktu, pel tangga dan ember.\" \/>\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\/sejarah-warisan\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sejarah &amp; Warisan Leluhur\" \/>\n<meta property=\"og:description\" content=\"Sejarah dan warisan OCS. Dimulai pada tahun 1900 melalui drive dan visi satu orang, dan pembersih jendela paruh waktu, pel tangga dan ember.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Indonesia\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-28T12:13:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/\" \/>\n\t<meta property=\"og:image:width\" content=\"1664\" \/>\n\t<meta property=\"og:image:height\" content=\"1038\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id\",\"url\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id\",\"name\":\"Sejarah dan Warisan OCS - Awal Sederhana pada tahun 1900\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"datePublished\":\"2024-01-29T09:43:39+00:00\",\"dateModified\":\"2025-05-28T12:13:42+00:00\",\"description\":\"Sejarah dan warisan OCS. Dimulai pada tahun 1900 melalui drive dan visi satu orang, dan pembersih jendela paruh waktu, pel tangga dan ember.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"width\":1664,\"height\":1038},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/id\\\/sejarah-warisan\\\/?lang=id#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Sejarah &amp; Warisan Leluhur\"}]},{\"@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":"Sejarah dan Warisan OCS - Awal Sederhana pada tahun 1900","description":"Sejarah dan warisan OCS. Dimulai pada tahun 1900 melalui drive dan visi satu orang, dan pembersih jendela paruh waktu, pel tangga dan ember.","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\/sejarah-warisan\/","og_locale":"en_US","og_type":"article","og_title":"Sejarah &amp; Warisan Leluhur","og_description":"Sejarah dan warisan OCS. Dimulai pada tahun 1900 melalui drive dan visi satu orang, dan pembersih jendela paruh waktu, pel tangga dan ember.","og_url":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id","og_site_name":"OCS - Indonesia","article_modified_time":"2025-05-28T12:13:42+00:00","og_image":[{"width":1664,"height":1038,"url":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id","url":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id","name":"Sejarah dan Warisan OCS - Awal Sederhana pada tahun 1900","isPartOf":{"@id":"https:\/\/ocs.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","datePublished":"2024-01-29T09:43:39+00:00","dateModified":"2025-05-28T12:13:42+00:00","description":"Sejarah dan warisan OCS. Dimulai pada tahun 1900 melalui drive dan visi satu orang, dan pembersih jendela paruh waktu, pel tangga dan ember.","breadcrumb":{"@id":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id#primaryimage","url":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","contentUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","width":1664,"height":1038},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/id\/sejarah-warisan\/?lang=id#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/id\/"},{"@type":"ListItem","position":2,"name":"Sejarah &amp; Warisan Leluhur"}]},{"@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\/pages\/17203","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/comments?post=17203"}],"version-history":[{"count":16,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/pages\/17203\/revisions"}],"predecessor-version":[{"id":21373,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/pages\/17203\/revisions\/21373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/media\/7689"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/id\/wp-json\/wp\/v2\/media?parent=17203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}