{"id":1498,"date":"2023-10-20T14:23:11","date_gmt":"2023-10-20T13:23:11","guid":{"rendered":"https:\/\/ocs.com\/sa\/?page_id=1498"},"modified":"2025-05-28T14:00:48","modified_gmt":"2025-05-28T13:00:48","slug":"about-ocs","status":"publish","type":"page","link":"https:\/\/ocs.com\/sa\/about-ocs\/","title":{"rendered":"About OCS"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-683708fec76d4\" 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:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-1024x404.jpg\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-1536x606.jpg\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-1536x606.jpg\" 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                                    <div class=\"absolute w-[942px] h-[494px] -left-[376px] -bottom-[271px] md:w-[1259px] md:h-[660px] md:-left-[418px] md:-bottom-[228px] ocs-decoration text-[#fae8e3]\">\n                        <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1259\/661;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                    <\/div>\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\/sa\/locations\/\" 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                                    Find Your Country                                <\/span>\n                                                        Locations                            <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                            Welcome to OCS                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p class=\"p2\"><span class=\"s3\">We&#8217;re a global facilities services business with 130,000 colleagues and 8,000 customers across the UK, Europe, APAC and Middle East regions.<\/span><\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n    <section x-data=\"stats\" id=\"block_acf-block-683708fec7711\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl mx-auto px-4 py-6 md:py-[72px] overflow-hidden \">\n        <div data-animate=\"item\" class=\"py-16 xl:px-[72px] rounded-[32px] px-6 md:px-10 flex flex-col gap-24 md:gap-16 lg:gap-[134px] relative overflow-hidden \" style=\"background-color: #FFFFFF;\">\n                        <div class=\"hidden md:block absolute top-1\/2 -translate-y-1\/2 left-0 right-0 pointer-events-none scale-125 ocs-decoration\" style=\"color: #FFFFFF\">\n                                <div class=\"relative\">\n                    <img src=\"https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/dot-ellipse-dots.svg?v=1794242732\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" class=\"max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1512\/800;height:auto;\">                    <svg class=\"absolute inset-0 w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 1512 800\" aria-hidden=\"true\"><g filter=\"url(#dot-ellipse-glow)\"><path fill=\"currentColor\" fill-opacity=\".8\" fill-rule=\"evenodd\" d=\"M1488.3 23.727H-8v752.255h1496.3V23.727ZM740.149 746.019c252.459 0 457.121-154.982 457.121-346.162 0-191.18-204.662-346.162-457.121-346.162-252.459 0-457.118 154.982-457.118 346.162 0 191.18 204.659 346.162 457.118 346.162Z\" clip-rule=\"evenodd\"\/><\/g><defs><filter id=\"dot-ellipse-glow\" width=\"1543.1\" height=\"799.058\" x=\"-31.4\" y=\".327\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/><feGaussianBlur result=\"effect1_foregroundBlur_2044_100029\" stdDeviation=\"11.7\"\/><\/filter><\/defs><\/svg>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative flex flex-col gap-12\">\n            <div  data-animate-container=\"text\"  class=\"max-w-[864px] mx-auto flex flex-col gap-6\">\n\n                            <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-crop text-ocs-gray-nav text-center\">\n                    History, colleagues, customers and vision                <\/h2>\n            \n                            <div data-animate=\"prose\" class=\"prose prose-p:text-xl prose-p:font-medium max-w-none prose-p:leading-7 text-center prose-p:text-ocs-gray-nav\">\n                    We share a group-wide vision and mission to become the best provider of facilities services for colleagues, customers and communities by making people and places the best they can be.                <\/div>\n            \n        <\/div>\n    \n            <ul  data-animate-container=\"cards\"  class=\"grid sm:grid-cols-2 xl:grid-cols-4 gap-6\">\n                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/5d3aab21-a715-4381-abb6-5e4af42133af\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/5d3aab21-a715-4381-abb6-5e4af42133af\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"150 years' experience\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">125<\/span>yrs                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                History and experience in facilities services                            <\/p>\n                                            <\/li>\n                                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/95a29f29-c54c-4c50-a4cd-23c0557969d8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/95a29f29-c54c-4c50-a4cd-23c0557969d8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Reliable customers icon\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">130000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Colleagues across more than 30 countries                            <\/p>\n                                            <\/li>\n                                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/a1e719ab-d105-4e98-b9bd-8f602b945e52\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a1e719ab-d105-4e98-b9bd-8f602b945e52\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Retention\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">8000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Customers supported across multiple sectors                            <\/p>\n                                            <\/li>\n                                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/12c7c84c-78b9-4903-b08e-daab7943e65c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/12c7c84c-78b9-4903-b08e-daab7943e65c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Guarding\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">1<\/span>                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Group-wide shared vision and mission                            <\/p>\n                                            <\/li>\n                                    <\/ul>\n    <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-683708fec772e\" class=\"flex flex-col py-6 md:py-[72px] max-w-8xl mx-auto px-4 overflow-hidden  \" >\n                <div data-animate=\"item\" class=\" py-12 md:py-16  rounded-[32px]                 px-6                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #FEFAF9;\" >\n                                <div  data-animate-container=\"text\"  class=\"mb-10 flex flex-col lg:flex-row items-start lg:items-end justify-between gap-6\">\n                    <div class=\"flex flex-col items-start justify-start gap-6 w-full max-w-[926px]\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-[36px] lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Core Services<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl\">Services that we provide to make people and places the best they can be include cleaning, catering, hard services, pest control, security and facilities management.<\/p>\n                            <\/div>\n                                        \n<a href=\"https:\/\/ocs.com\/sa\/services\/\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    View All Services <\/a>            <\/div>\n    <ul  data-animate-container=\"cards\"  class=\"grid gap-8 grid-cols-1  md:grid-cols-2 \">\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/services\/commercial-cleaning-services\/\" aria-label=\"Go to page: Cleaning\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/805f95d7-ac60-4868-9102-1f1b61e330e8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Cleaning\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Cleaning<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Cleaning services that deliver optimum health and hygiene for the best experiences and outcomes.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/services\/hard-services\/\" aria-label=\"Go to page: Hard Services\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/971a7346-046d-4172-864e-6adc251a5570\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Hard Services\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Hard Services<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Planned and preventative maintenance (PPM), minor works and capital projects.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/services\/pest-control-services\/\" aria-label=\"Go to page: Pest Control\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d8db85dc-52fe-4a54-8586-bbb3d49314db\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Pest Control\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Pest Control<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Keep unwanted visitors at bay, protecting your facilities and your reputation.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/services\/facilities-management\/\" aria-label=\"Go to page: Facilities Management\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0e83009e-1b62-4654-9f5d-e58bc1312596\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Facilities Management\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Facilities Management<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Facilities Management of self-delivered services for the private and public sector.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n            <\/ul>\n                    <\/div>\n    <\/section>\n\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-683708fec7742\" class=\"flex flex-col py-6 md:py-[72px] max-w-8xl mx-auto px-4 overflow-hidden  \" >\n                <div data-animate=\"item\" class=\" py-12 md:py-16  rounded-[32px]                 px-6                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #F7FBF7;\" >\n                                <div  data-animate-container=\"text\"  class=\"mb-10 flex flex-col lg:flex-row items-start lg:items-end justify-between gap-6\">\n                    <div class=\"flex flex-col items-start justify-start gap-6 w-full max-w-[926px]\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-[36px] lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Sector Specialists<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl\">Our sector-dedicated teams have the expertise, energy and understanding necessary to deliver best outcomes for your industry.<\/p>\n                            <\/div>\n                                        \n<a href=\"https:\/\/ocs.com\/sa\/sectors\/\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Visit Sectors Page <\/a>            <\/div>\n    <ul  data-animate-container=\"cards\"  class=\"grid gap-8 grid-cols-1  md:grid-cols-2 lg:grid-cols-3 \">\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/aviation\/\" aria-label=\"Go to page: Aviation\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9c313caf-f2ff-4333-bfe4-81fc6d85193f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Aviation\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Aviation<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Aviation sector-specialist services including Passengers with Reduced Mobility (PRM).<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/commercial\/\" aria-label=\"Go to page: Commercial\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ff068a19-7daf-41a7-9fa6-63473f42c689\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Commercial\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Commercial<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Enhanced workplace experiences for increased productivity and retention.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/distribution-transport-and-logistics\/\" aria-label=\"Go to page: Distribution &amp; Logistics\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/97f524e4-ec65-4c4b-a46d-576709e82c3d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Distribution &amp; Logistics\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Distribution &amp; Logistics<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Optimising logistics hubs &#8211; keeping your team in motion and commitments met.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/education\/\" aria-label=\"Go to page: Education\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/fd682049-d826-4af0-b841-8a47b53b9acc\/-\/preview\/-\/mirror\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Education\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Education<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Inspiring the environments where learning and development thrive.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/healthcare\/\" aria-label=\"Go to page: Healthcare\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ad785b36-a553-486e-8d36-a6c99797706a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Healthcare\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Healthcare<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Supporting those teams responsible for mental and physical wellness.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/government-public-sector\/\" aria-label=\"Go to page: Government\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3bcd9e0a-3e71-42e4-a7d6-d6582ae44854\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Government\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Government<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Safety, security and continuity for the Public Sector delivered through best practice.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/retail\/\" aria-label=\"Go to page: Retail\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c9aca03d-18ca-4b54-a65d-42d9be3f519c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Retail\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Retail<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Presenting your retail environment as your customers and consumers expect to find it.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/manufacturing\/\" aria-label=\"Go to page: Manufacturing\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f4393678-e825-4512-af65-1433d3d33e9d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Manufacturing\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Manufacturing<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Maintaining efficient plants and product lines for the manufacturing industry.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/media\/\" aria-label=\"Go to page: Media &amp; Broadcast\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/75eec728-a039-4b46-a53a-7e638690f4e6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Media &amp; Broadcast\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Media &amp; Broadcast<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Ensuring continuity and uptime for your teams, viewers, listeners and fans.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/hospitality\/\" aria-label=\"Go to page: Hospitality\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d618d81d-b3e7-45de-b29c-ae40e3155a60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Hospitality\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Hospitality<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Creating the right first impression for positive and memorable experiences.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/rail\/\" aria-label=\"Go to page: Rail\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b4a8dccc-011a-4b39-9cd2-47c548935644\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Rail\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Rail<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Aviation services including Passengers with Restricted Mobility (PRM). <\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/transport\/\" aria-label=\"Go to page: Transport\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0de7f027-d59a-485f-87b1-67400728e7bc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Transport\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Transport<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Helping to keep you, your teams, packages and passengers moving efficiently.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/venues-events\/\" aria-label=\"Go to page: Venues &amp; Events\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e97f9fab-fe2c-4011-82f1-256da42c2895\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Venues &amp; Events\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Venues &amp; Events<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">It&#8217;s responsibility to ensure the best experience for fans and players.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/data-centres\/\" aria-label=\"Go to page: Data Centres\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bc9aecf3-4016-4bb0-b6e9-863e474b18ce\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Data Centres\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Data Centres<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Maintaining business continuity and the avoidance of interruption.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/sa\/sectors\/construction\/\" aria-label=\"Go to page: Construction\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/95f9cb0c-26a6-46f1-8c33-21634a3cc5fb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Construction\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-mt-8 relative z-20 flex flex-col ocs-on-light  bg-white  rounded-3xl p-8 gap-4 min-h-[164px]\">\n                        <div class=\"flex flex-row justify-between items-center gap-4\">\n                                                            <h3 class=\"text-crop text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] font-medium text-ocs-gray-nav -tracking-[0.5px]\">Construction<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Safety, security and continuity for the Public Sector delivered through best practice.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n            <\/ul>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-683708fec775e\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/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-16  px-6 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-16 \" style=\"background-color: #FEFAF9;\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full max-w-[680px] 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\">Guided by our TRUE Values<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl font-medium\">Trust, Respect, Unity and Empowerment. They underpin our approach to business &#8211; doing the right thing in the right way &#8211; the OCS way.<\/p>\n                            <\/div>\n                            <div  data-animate-container=\"cards\"  class=\"flex flex-col lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block relative overflow-hidden group 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 decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" 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-[18px]\" :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 ocs-rail bg-themed-lightest\">\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\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative 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-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/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-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">Trust<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">Honesty, consistency and excellence.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">Built and maintained through transparency and communication.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative 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-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/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-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">Respect<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">People, planet and purpose.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">The starting point and ongoing position for all our interaction and impact.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative 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-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/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-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">Unity<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">Inclusive, diverse and together.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">One team working for the betterment of each other and the environment.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','OCS colleagues, TRUE values', '3')\" @mouseleave=\"valueHovered == null\" class=\"relative 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 == '3' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '3' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/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-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"OCS colleagues, TRUE values\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">Empowerment<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">Dynamic, driven and agile.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">Providing the tools and skills to do more and achieve great things.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-683708fec7783\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/fc61e14a-956b-4f00-9597-09b360d9db94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/fc61e14a-956b-4f00-9597-09b360d9db94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/fc61e14a-956b-4f00-9597-09b360d9db94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Striving to become the best<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p><span style=\"font-weight: 400\">Our BEST strategy underpins our mission to make people and places the best they can be. We help our customers create the best experiences, enhance productivity, refine practices and foster resilience for the best outcomes. <\/span><\/p>\n<p><span style=\"font-weight: 400\">This strategy is rooted <a href=\"https:\/\/ocs.com\/sa\/about-ocs\/true-values\/\">TRUE Values<\/a> \u2013 Trust, Respect, Unity, and Empowerment \u2013 these principles guide every interaction with our customers, colleagues, partners and the communities that we proudly serve.\u00a0<\/span><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Best Experiences        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Best Productivity        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Best Practices        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Best Resilience        <\/div>\n    <\/div>                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            Best Outcomes        <\/div>\n    <\/div>                                    <\/div>\n                        <!-- buttons -->\n                            <div  data-animate-container=\"text\" >\n                    <div  data-animate=\"button\"  class=\"flex flex-row gap-4 items-center\">\n                                                                                    \n<a href=\"https:\/\/ocs.com\/sa\/about-ocs\/vision-mission\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    View Our Best Pillars <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-683708fec77a5\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl \" style=\"background-color: #F7FBF7;\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/c6fabf4c-9fce-4145-b2a4-bc584f9a760e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/c6fabf4c-9fce-4145-b2a4-bc584f9a760e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/c6fabf4c-9fce-4145-b2a4-bc584f9a760e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">Our ESG commitments, actions and policy<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Our approach to <a href=\"https:\/\/ocs.com\/sa\/environmental\/\">Environmental<\/a>, <a href=\"https:\/\/ocs.com\/sa\/social\/\">Social<\/a>, and <a href=\"https:\/\/ocs.com\/sa\/governance\/\">Governance<\/a> (ESG) is straightforward and action-oriented. We recognise our responsibility to effect positive change, impacting the lives of our colleagues, the satisfaction of our customers, and the well-being of the communities we serve.<\/p>\n<p><span style=\"font-weight: 400\">Our ESG efforts integrate into every aspect of our business, from adopting sustainable practices and promoting social responsibility to ensuring robust and ethical governance. This commitment is about doing the right thing and making a tangible difference whilst continually seeking ways to improve.<\/span><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                            <div  data-animate-container=\"text\" >\n                    <div  data-animate=\"button\"  class=\"flex flex-row gap-4 items-center\">\n                                                                                    \n<a href=\"https:\/\/ocs.com\/sa\/esg\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Our ESG Commitments <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-683708fec77be\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl \" style=\"background-color: #F7FBF7;\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/e7554dd0-f9fd-4664-8d92-3ef797d511fc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/e7554dd0-f9fd-4664-8d92-3ef797d511fc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/e7554dd0-f9fd-4664-8d92-3ef797d511fc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">OCS Foundation and People into Work Scheme<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Established in 2019, the OCS Foundation was formed to tackle some of the causes and effects of poverty in the UK. Many of our regions have equivalent foundations, including PCS in Thailand, all doing important work within their communities.<\/p>\n<p>Through investment in partnerships with organisations that share our vision and passion, we deliver initiatives, research and outcomes that have a positive impact on public policy and practice.<\/p>\n<p>Our OCS Foundation&#8217;s core programme, People into Work, helps people who face significant barriers to employment join and flourish in the workforce.<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                            <div  data-animate-container=\"text\" >\n                    <div  data-animate=\"button\"  class=\"flex flex-row gap-4 items-center\">\n                                                                                    \n<a href=\"https:\/\/ocs.com\/sa\/ocs-foundation\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Visit OCS Foundations <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-683708fec77d4\" data-animate-container=\"waterfall\"  class=\" block-customer-stories-slider splide  max-w-8xl mx-auto w-full py-6 md:py-[72px] lg:px-[88px] flex flex-col gap-14 \" x-data=\"{\n            visibleStory: 'story0',\n            currentImage: '',\n            currentAlt: '',\n            markerWidth: 0,\n            markerHeight: 0,\n            markerTransform: 0,\n            init() {\n                this.updateMarker(this.$refs.story0);\n                this.currentImage = 'https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n                this.currentAlt = '';\n            },\n            changeForm(key) {\n                this.visibleStory = key;\n                this.updateMarker(this.$event.target);\n            },\n            updateMarker(button) {\n                this.markerWidth = `${button.offsetWidth}px`;\n                this.markerHeight = `${button.offsetHeight}px`;\n                if (window.innerWidth < 768) {\n                    this.markerTransform = `translateY(${button.offsetTop}px) translateX(0)`;\n                } else {\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            },\n            changeImage(value, alt){\n                this.currentImage = value;\n                this.currentAlt = alt;\n            }\n        }\" @resize.window=\"visibleStory = 'story0'; updateMarker($refs.story0)\">\n                    <div data-animate-container=\"text\" >\n                <h2 data-animate=\"heading\" class=\"font-medium px-6 lg:px-0 w-full text-center text-ocs-gray-nav text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] -tracking-[0.5px] text-crop\">\n                    Your mission becomes our mission                <\/h2>\n            <\/div>\n                            <ul data-animate=\"item\" class=\"px-6 lg:px-0 flex flex-row flex-wrap items-center justify-center gap-x-10 gap-y-8 lg:gap-16 w-full h-full md:-mt-2\">\n                                                                <\/ul>\n                            <!-- mobile + tablet -->\n            <div class=\"lg:hidden relative pb-20 md:pb-0\">\n                <div class=\"splide__track w-full\">\n                    <ul data-animate=\"item\" class=\"splide__list w-full lg:w-1\/2\">\n                        <!-- change story button -->\n                        <div class=\"hidden lg:flex mx-auto justify-center w-max border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                            <div class=\"relative flex flex-col md:flex-row\">\n                                                                                                        <button x-ref=\"story0\" @click=\"changeForm('story0')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story0' ? 'text-white' : 'text-themed'\">\n                                        Catering                                    <\/button>\n                                                                                                        <button x-ref=\"story1\" @click=\"changeForm('story1')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story1' ? 'text-white' : 'text-themed'\">\n                                        Hard Services                                    <\/button>\n                                                                                                        <button x-ref=\"story2\" @click=\"changeForm('story2')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story2' ? 'text-white' : 'text-themed'\">\n                                        Security                                    <\/button>\n                                                                <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-0 w-full h-9 md:h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- stories list -->\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"NHS food transformation that&#8217;s having a positive environmental impact in the community\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px] \" style=\"background-color: #FEFAF9;\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">NHS food transformation that&#8217;s having a positive environmental impact in the community<\/h3>\n                                        \n                                                                                    <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">Our collaboration with the NHS exemplifies our commitment to elevating the standard of food services through high-end mass catering, ensuring nutritional excellence and balanced meals. By transforming the quality of food, we enhance the dining experience and contribute positively to the health and well-being of patients and hospital teams.<\/p>\n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/how-we-reduced-food-waste-at-east-london-nhs-foundation-trust-by-97-3\/\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px] \" style=\"background-color: #FEFAF9;\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0<\/h3>\n                                        \n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/enhancing-londons-natural-heritage-with-the-royal-parks\/\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7182dafa-0d73-4037-aa95-788c46389d7d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Safeguarding our customers site and technology with guarding and cyber security.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px] \" style=\"background-color: #FEFAF9;\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">Safeguarding our customers site and technology with guarding and cyber security.<\/h3>\n                                        \n                                                                                    <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">A multinational corporation at the forefront&#8230;<\/p>\n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/safeguarding-our-customers-site-and-technology\/\" aria-label=\"Go to the Safeguarding our customers site and technology with guarding and cyber security. story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/\" aria-label=\"Go to the Safeguarding our customers site and technology with guarding and cyber security. story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                    <div class=\"splide__arrows absolute lg:hidden md:relative md:mt-[56px] py-2 bottom-0 left-0 right-0 flex gap-4 flex-row justify-center\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n\n            <!-- desktop -->\n            <div data-animate=\"item\" class=\"hidden lg:flex relative pb-20 md:pb-0\">\n                <ul class=\"relative z-10 w-full lg:w-1\/2 rounded-[32px] -mr-8 py-12 px-10 flex flex-col justify-between gap-10 \" style=\"background-color: #FEFAF9;\">\n                    <!-- change story button -->\n                    <div class=\"max-w-full flex justify-start w-max ocs-on-light border border-themed-light p-1 rounded-3xl md:rounded-full bg-white\">\n                        <div class=\"relative flex flex-col md:flex-row\">\n                                                                                            <button x-ref=\"story0\" @click=\"\n                                        changeForm('story0'), \n                                        changeImage('https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story0' ? 'text-white' : 'text-themed'\">\n                                    Catering                                <\/button>\n                                                                                            <button x-ref=\"story1\" @click=\"\n                                        changeForm('story1'), \n                                        changeImage('https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story1' ? 'text-white' : 'text-themed'\">\n                                    Hard Services                                <\/button>\n                                                                                            <button x-ref=\"story2\" @click=\"\n                                        changeForm('story2'), \n                                        changeImage('https:\/\/ucarecdn.com\/7182dafa-0d73-4037-aa95-788c46389d7d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story2' ? 'text-white' : 'text-themed'\">\n                                    Security                                <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-0 w-full h-9 md:h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- stories list -->\n                                            <li x-show=\"visibleStory == 'story0'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"NHS food transformation that&#8217;s having a positive environmental impact in the community\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">NHS food transformation that&#8217;s having a positive environmental impact in the community<\/h3>\n                                    \n                                                                            <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">Our collaboration with the NHS exemplifies our commitment to elevating the standard of food services through high-end mass catering, ensuring nutritional excellence and balanced meals. By transforming the quality of food, we enhance the dining experience and contribute positively to the health and well-being of patients and hospital teams.<\/p>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/how-we-reduced-food-waste-at-east-london-nhs-foundation-trust-by-97-3\/\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/\" aria-label=\"Go to the NHS food transformation that&#8217;s having a positive environmental impact in the community story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                            <li x-show=\"visibleStory == 'story1'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0<\/h3>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/enhancing-londons-natural-heritage-with-the-royal-parks\/\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/\" aria-label=\"Go to the Driving sustainability goals to enhance London\u2019s natural heritage with The Royal Parks\u00a0 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                            <li x-show=\"visibleStory == 'story2'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7182dafa-0d73-4037-aa95-788c46389d7d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"Safeguarding our customers site and technology with guarding and cyber security.\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">Safeguarding our customers site and technology with guarding and cyber security.<\/h3>\n                                    \n                                                                            <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">A multinational corporation at the forefront&#8230;<\/p>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/safeguarding-our-customers-site-and-technology\/\" aria-label=\"Go to the Safeguarding our customers site and technology with guarding and cyber security. story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"https:\/\/ocs.com\/sa\/customer-stories\/\" aria-label=\"Go to the Safeguarding our customers site and technology with guarding and cyber security. story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n\n                <div class=\"group relative overflow-hidden w-[calc(50%+32px)] h-full min-h-[690px] z-0 rounded-r-[32px] transition duration-150 ease-in\">\n                    <picture>\n                        <source :srcset=\"currentImage\" media=\"(max-width: 1024px)\" type=\"image\/jpg\">\n                        <source :srcset=\"currentImage\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                        <img decoding=\"async\" :src=\"currentImage\" :alt=\"currentAlt\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in  absolute top-0 left-0 right-0 w-full h-full min-h-[690px] object-cover object-center rounded-r-[32px]\" alt=\"\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n\n                            <div class=\"flex flex-col md:flex-row gap-6 items-center justify-center\">\n                                    <p class=\"text-ocs-gray-nav\">Trusted by over 8,000 customers worldwide.<\/p>\n                                                    \n<a href=\"https:\/\/ocs.com\/sa\/contact-us\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Contact Our Team <\/a>                            <\/div>\n            <\/section>\n\n\n        <section id=\"block_acf-block-683708fec77e7\"  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  text-themed-lightest opacity-10\">\n                        <span aria-hidden=\"true\" class=\"block w-full h-full max-w-none pointer-events-none\" style=\"aspect-ratio:1440\/656;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;\"><\/span>                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative w-full flex flex-col gap-10 items-center\">\n\n                \n                                    <div class=\"flex flex-col gap-6 md:gap-10 max-w-[582px] lg:max-w-[777px] mx-auto text-center\">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                Connect with your OCS team                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                We&#8217;re ready to deliver the best experiences, productivity, practices, resilience and outcomes and we look forward to connecting with you and your team.                            <\/p>\n                                                                        <\/div>\n                \n            <\/div>\n\n            \n                            <div  data-animate-container=\"text\" >\n                                        \n<a href=\"\/contact-us\/\" class=\"!text-base  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Contact Us <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n    <section id=\"block_acf-block-683708fec77f9\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 mb-6 md:mb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative mx-auto rounded-[32px] \" style=\"background-color: #FEFAF9;\">\n\n            <div class=\"absolute inset-0 overflow-hidden rounded-[32px] pointer-events-none\">\n                \n                                    <div class=\"absolute left-0 top-0 w-full h-full overflow-hidden\">\n                        <div class=\"absolute z-0 top-[259px] md:top-[202px] lg:top-[200px] -left-[82px] md:-left-[191px] lg:-left-[245px] -rotate-[6deg] w-full h-full scale-150 ocs-decoration text-[#ffede5]\">\n                            <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1408\/323;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative z-20 py-16 lg:py-[100px] px-6 lg:px-0 w-full max-w-[880px] mx-auto flex flex-col justify-center items-center gap-8 rounded-[32px] md:gap-12\">\n                                                    <p class=\"font-medium text-[22px] leading-[30px] text-ocs-blue\">Est. 1900<\/p>\n                                                    <h2 data-animate=\"heading\" class=\"text-crop -tracking-[0.5px] text-ocs-gray-nav font-medium text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] text-center\">\n                        History &amp; Heritage                    <\/h2>\n                                                        <div data-animate=\"prose\"  class=\"text-ocs-gray-nav text-xl text-center\">\n                            Spanning 124 years, our company&#8217;s history and heritage have been instrumental in shaping our approach to service. This extensive experience offers a solid foundation for delivering the best customer experience and outcomes for colleagues, customers and communities.                        <\/div>\n                                        <div class=\"flex flex-row items-center gap-4 w-full mx-auto flex-wrap justify-center\">\n                                                                                \n<a href=\"https:\/\/ocs.com\/sa\/history-and-heritage\/\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Visit History &amp; Heritage <\/a>                                                                    <\/div>\n                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-683708fec7ad7\"  data-animate-container=\"waterfall\"  class=\"block-blog-section max-w-8xl mx-auto lg:px-4  splide  \">\n        <div data-animate=\"item\" class=\"relative py-6 md:py-[72px]  lg:px-16 flex flex-col gap-12 md:gap-16 rounded-[32px] \" style=\"background-color: #FFFFFF;\">\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\">OCS insights and updates<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">Stay connected with our mission, people and progress.<\/p>\n                                                                                        \n<a href=\"https:\/\/ocs.com\/sa\/news-media\/\" class=\"mt-6 md:mt-0 w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    See All News &amp; Media <\/a>                                    <\/div>\n            \n                            <div class=\"splide__track\">\n                    <ul  data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"splide__list lg:!grid grid-cols-2 lg:gap-8\">\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/sa\/news\/strengthening-safety-reliability-and-operational-excellence-in-saudi-arabias-facilities-management-sector\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/STOP-1024x768.jpeg\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/STOP-1024x768.jpeg\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"Strengthening Safety, Reliability and Operational Excellence in Saudi Arabia\u2019s Facilities Management Sector\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Health &amp; Safety<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Strengthening Safety, Reliability and Operational Excellence in Saudi Arabia\u2019s Facilities Management Sector        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            As Saudi Arabia\u2019s built environment expands under Vision 2030, facilities management teams must deliver safe, reliable and resilient operations. The STOP framework helps strengthen awareness, decision-making and operational discipline across complex and fast-evolving environments.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    17 Feb, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/sa\/news\/fm-indonesia-forum-2026-strengthens-regional-momentum-for-future%e2%80%91ready-facility-management\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/956c7163-fcb3-4d6d-9737-d1b219a1b4a9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/956c7163-fcb3-4d6d-9737-d1b219a1b4a9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"FM Indonesia Forum 2026 Strengthens Regional Momentum for Future\u2011Ready Facility Management\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>News<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            FM Indonesia Forum 2026 Strengthens Regional Momentum for Future\u2011Ready Facility Management        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            FM Indonesia Forum 2026 brought together leaders from government, business and the FM sector in Jakarta to discuss AI, ESG and the future of facilities management. The event also marked the introduction of IFMA to Indonesia, strengthening regional momentum toward professionalised, standards-led FM.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    15 Jan, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/sa\/news\/the-growing-uk-asean-business-corridor-and-what-it-means-for-critical-infrastructure-readiness\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/d4af43c3-54c8-440a-a39f-d91362301bc4\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d4af43c3-54c8-440a-a39f-d91362301bc4\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"The Growing UK-ASEAN Business Corridor and What It Means for Critical Infrastructure Readiness\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>News<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            The Growing UK-ASEAN Business Corridor and What It Means for Critical Infrastructure Readiness        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            Growing UK-ASEAN engagement is increasing expectations for stable, compliant, and well-documented infrastructure across Southeast Asia. As trade, digital finance, and energy cooperation expand, facilities must strengthen system reliability, audit readiness, and environmental performance. Consistent facilities management supports this regional growth by ensuring safe, resilient, and scalable operations.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    01 Dec, 2025                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/sa\/news\/why-iso-standards-matter-in-facilities-management\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/653f913d-32b0-4152-9b24-0f4a48da91cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/653f913d-32b0-4152-9b24-0f4a48da91cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"Why ISO Standards Matter in Facilities Management\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Health &amp; Safety<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Why ISO Standards Matter in Facilities Management        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            ISO standards form the backbone of consistent, safe, and high-quality facilities management. Guided by ISO 9001, 14001, and 45001, OCS ensures reliability, accountability, and continuous improvement across all operations while supporting sustainability and operational excellence.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    26 Nov, 2025                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                            <\/ul>\n                <\/div>\n                <!-- arrows -->\n                <div data-animate=\"item\" class=\"-mt-4 splide__arrows lg:hidden flex !space-x-4 flex-row justify-center py-2\">\n                    <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                            <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                    <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center ocs-arrow border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                            <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Making people and places the best they can be<\/p>\n","protected":false},"author":1,"featured_media":7689,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1498","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>About OCS - Outcome-Driven Global Facilities Services<\/title>\n<meta name=\"description\" content=\"OCS is an outcome-driven global facilities management services provider that serves a range of diverse sectors. Click to learn more.\" \/>\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\/sa\/about-ocs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About OCS\" \/>\n<meta property=\"og:description\" content=\"OCS is an outcome-driven global facilities management services provider that serves a range of diverse sectors. Click to learn more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/sa\/about-ocs\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Saudi Arabia\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-28T13:00:48+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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/\",\"name\":\"About OCS - Outcome-Driven Global Facilities Services\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"datePublished\":\"2023-10-20T13:23:11+00:00\",\"dateModified\":\"2025-05-28T13:00:48+00:00\",\"description\":\"OCS is an outcome-driven global facilities management services provider that serves a range of diverse sectors. Click to learn more.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/about-ocs\\\/#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\\\/sa\\\/about-ocs\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/sa\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About OCS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/sa\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/sa\\\/\",\"name\":\"OCS - Saudi Arabia\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/sa\\\/?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":"About OCS - Outcome-Driven Global Facilities Services","description":"OCS is an outcome-driven global facilities management services provider that serves a range of diverse sectors. Click to learn more.","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\/sa\/about-ocs\/","og_locale":"en_US","og_type":"article","og_title":"About OCS","og_description":"OCS is an outcome-driven global facilities management services provider that serves a range of diverse sectors. Click to learn more.","og_url":"https:\/\/ocs.com\/sa\/about-ocs\/","og_site_name":"OCS - Saudi Arabia","article_modified_time":"2025-05-28T13:00:48+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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/sa\/about-ocs\/","url":"https:\/\/ocs.com\/sa\/about-ocs\/","name":"About OCS - Outcome-Driven Global Facilities Services","isPartOf":{"@id":"https:\/\/ocs.com\/sa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/sa\/about-ocs\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/sa\/about-ocs\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","datePublished":"2023-10-20T13:23:11+00:00","dateModified":"2025-05-28T13:00:48+00:00","description":"OCS is an outcome-driven global facilities management services provider that serves a range of diverse sectors. Click to learn more.","breadcrumb":{"@id":"https:\/\/ocs.com\/sa\/about-ocs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/sa\/about-ocs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ocs.com\/sa\/about-ocs\/#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\/sa\/about-ocs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/sa\/"},{"@type":"ListItem","position":2,"name":"About OCS"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/sa\/#website","url":"https:\/\/ocs.com\/sa\/","name":"OCS - Saudi Arabia","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/sa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/pages\/1498","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/comments?post=1498"}],"version-history":[{"count":495,"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/pages\/1498\/revisions"}],"predecessor-version":[{"id":15987,"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/pages\/1498\/revisions\/15987"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/media\/7689"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/sa\/wp-json\/wp\/v2\/media?parent=1498"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}