{"id":232,"date":"2023-09-27T07:39:04","date_gmt":"2023-09-27T06:39:04","guid":{"rendered":"https:\/\/ocs.test\/wp\/?post_type=services&#038;p=232"},"modified":"2024-01-18T04:43:16","modified_gmt":"2024-01-18T04:43:16","slug":"front-of-house-and-concierge","status":"publish","type":"services","link":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/","title":{"rendered":"Front-of-house"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-65a8ac638e617\" data-animate-container=\"waterfall\"  class=\"block-hero max-w-8xl mx-auto px-6  md:pb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative\">\n            <div x-ref=\"heroSlider\" class=\"h-[280px] sm:h-[400px] lg:h-[544px] rounded-3xl splide\">\n                <div class=\"splide__track rounded-t-3xl lg:rounded-3xl h-full\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide w-full h-full relative\" x-ref=\"heroAsset\">\n                                                                                                        <picture class=\"h-full flex\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/da3c89ce-73c3-480e-8ff4-1261d1fb28a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/da3c89ce-73c3-480e-8ff4-1261d1fb28a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/da3c89ce-73c3-480e-8ff4-1261d1fb28a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/da3c89ce-73c3-480e-8ff4-1261d1fb28a7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" class=\"w-full h-full object-cover object-center rounded-t-3xl lg:rounded-3xl\" alt=\"\">\n                                    <\/picture>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative lg:absolute rounded-3xl w-full flex flex-col gap-8 md:gap-10 lg:gap-12 items-start justify-between text-ocs-gray-nav py-8 px-6 md:px-10 lg:p-16 -translate-y-6 mb-6 overflow-hidden lg:top-8 lg:left-8 lg:bottom-8 lg:max-w-[636px] lg:translate-y-0 lg:mb-0 \" style=\"background-color: #FEFAF9;\">\n\n                                    <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\/my\/careers\/\" 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                                    We&#8217;re hiring                                <\/span>\n                                                        OCS Careers                            <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                            Front of house and concierge services                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p><span style=\"font-weight: 400\">Our front-of-house teams ensure seamless and efficient operations to enhance every touchpoint throughout your customer&#8217;s journey.<\/span><\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n<section x-data=\"stats\" id=\"block_acf-block-65a8ac638e65f\"  data-animate-container=\"waterfall\"  class=\"count-up-stats max-w-8xl mx-auto py-6 md:py-[72px] px-4 \">\n    <div data-animate=\"item\" class=\"count-up-stats__container xl:px-[72px] rounded-[32px] py-8 md:py-16 px-6 md:px-16 \" style=\"background-color: #FFFFFF;\">\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                    OCS Front of house in numbers                <\/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                    <p>We&#8217;re on a mission to make people and places the best they can be and we understand the importance of maintaining the best places for people to work, relax and play.<\/p>\n                <\/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)\">124<\/span>yrs                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Experience in front of house guest serivces                            <\/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\/d1b00784-de0f-46bc-8b24-9e7f2951b5ad\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d1b00784-de0f-46bc-8b24-9e7f2951b5ad\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Guests Greeted\">\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)\">10<\/span>m+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Guests greeted and guided every year                            <\/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)\">85<\/span>%                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Front of house colleague retention rate                            <\/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\/3ae8938f-429f-45c6-9619-dc261d5ddf3a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3ae8938f-429f-45c6-9619-dc261d5ddf3a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Hospitality Trained\">\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)\">2500<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                Hospitality trained professionals on board                            <\/p>\n                                            <\/li>\n                                    <\/ul>\n    <\/div>\n    <\/div>\n<\/section>\n\n\n\n            <section id=\"block_acf-block-65a8ac638e67c\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/becda663-286d-4d6d-866b-65ce35ebf683\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/becda663-286d-4d6d-866b-65ce35ebf683\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/becda663-286d-4d6d-866b-65ce35ebf683\/-\/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\">First and lasting impressions that count for your brand<\/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\">OCS Facilities Services delivers front-of-house, concierge, and hospitality services and w<\/span><span style=\"font-weight: 400\">e understand the importance of first impressions and a personalised service that reflects your company&#8217;s brand and values.<\/span><\/p>\n<p><span style=\"font-weight: 400\">From greeting visitors to managing enquiries, our front-of-house staff are the friendly faces representing your organisation, committed to maintaining the highest standards of customer care and professionalism to create positive, lasting impressions.<\/span><\/p>\n<p>&nbsp;<\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                        <!-- buttons -->\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-65a8ac638e6a5\"  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\/5ae8d36d-3a23-4bae-9b68-796b84e09fba\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/5ae8d36d-3a23-4bae-9b68-796b84e09fba\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/5ae8d36d-3a23-4bae-9b68-796b84e09fba\/-\/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\">Front of house services<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Front of house, concierge and hospitality services that we tailor to suit the specific requirements of your business, brand, environment, guests and visitors.<\/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            Reception management        <\/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            Call handling and switchboard operations        <\/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            Security, visitor screening and registration        <\/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            Lost and found management        <\/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            Mailroom and parcel screening and management        <\/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            Transport coordination and executive support        <\/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            Emergency services coordination        <\/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\/my\/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 Front of House Team <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-65a8ac638e6ce\"  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\/a76101f8-7f69-4d62-8695-6134e1fafe26\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/a76101f8-7f69-4d62-8695-6134e1fafe26\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/a76101f8-7f69-4d62-8695-6134e1fafe26\/-\/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\">Front of House + ESG<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>We are constantly taking steps to reduce our impact on the environment and can help you achieve your sustainability goals, too. We use microbial and bio (green) products as much as possible, never use phosphates or aerosols, and select cleaning products that are effective, well-priced and most importantly, have evidence-based eco-credentials.<\/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            We employ a diverse team, promoting equality and inclusion across all levels of our front-of-house services.        <\/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            Our front-of-house services incorporate sustainable methods, reducing waste and energy consumption to align with environmental goals.        <\/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            Our teams actively engage with local communities, enhancing social value and fostering positive relationships.        <\/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\/my\/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    Find out more <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-65a8ac638e6ec\"  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: #FEFAF9;\">\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\/3f0315e4-4924-4dc9-8f0c-55f4bec0f68c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/3f0315e4-4924-4dc9-8f0c-55f4bec0f68c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/3f0315e4-4924-4dc9-8f0c-55f4bec0f68c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Business person walking through an office building\" 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\">Front of House + Technology<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>Our colleagues in the OCS Advance (Technology) team harnesses emerging technologies like AI, AR, Robotics, Drones, and Smart Buildings to benefit our customers. By staying ahead of the curve, we can provide personalised, efficient, and immersive experiences, streamline operations, and create sustainable, energy-efficient environments.<\/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            Utilising Advanced Business Intelligence (ABi), we gather and analyse data for optimised service delivery and improved visitor 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            Implementing biometric technology for secure access control and efficient visitor management.        <\/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            Leveraging state-of-the-art digital communication platforms to enhance visitor interactions and streamline operations.        <\/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\/my\/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    Find out more <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-65a8ac638e8ed\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl mx-auto md:px-12 lg:px-[88px] py-6 md:py-[72px] \">\n                    <div  data-animate-container=\"text\"  class=\"max-w-[616px] mx-auto px-4 md:px-0 flex flex-col items-center gap-6 mb-6\">\n                                    <div class=\"pb-8\">\n                                                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav text-center font-medium text-3xl md:text-4xl leading-[38px] md:leading-[44px] -tracking-[0.5px] mb-8 text-crop\">\n                                Accreditations &amp; Certifications                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl leading-[26px] text-center\">\n                                Industry-specific accreditations and certification enabling our teams to deliver consistency, compliance and best practice.                            <\/p>\n                                            <\/div>\n                                            <\/div>\n                <div data-animate=\"item\" class=\"flex overflow-x-auto md:justify-center md:overflow-x-hidden px-4 md:px-0\">\n            <div  data-animate-container=\"cards\"  class=\"inline-flex items-center justify-center gap-6 md:flex-wrap\">\n                                                            <div data-animate=\"card\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/ISO-14001-2015-max-300x152.png\" alt=\"\">\n                                                    <\/div>\n                                                                                <div data-animate=\"card\" class=\"flex shrink-0 rounded-3xl items-center justify-center h-[6.375rem] w-[11.9rem] border border-themed-lightest p-4\">\n                                                            <img decoding=\"async\" class=\"max-w-full max-h-full\" src=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/ISO-9001-max-300x152.jpg\" alt=\"\">\n                                                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n\n    <section id=\"block_acf-block-65a8ac638e905\"  x-data=\"{ accordion: null }\" data-animate-container=\"waterfall\"  class=\"block-faqs max-w-8xl mx-auto w-full py-6 md:py-[72px] px-4 lg:px-[88px] flex flex-col gap-8 md:gap-16  \">\n                                    <div data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"heading font-medium text-[36px] md:text-[44px] text-ocs-gray-nav\">Frequently Asked Questions<\/h2>\n                <\/div>\n                                        <ul data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"faq-ul w-full grid grid-cols-1 md:grid-cols-2 auto-flow-row gap-x-8 auto-cols-min\">\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7404\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7404' : (accordion != 'block_acf-block-65a8ac638e905-7404') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7404' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">What front-of-house and concierge services do you provide?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7404'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7404'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7404'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>We provide a range of front-of-house and concierge services, including reception management, visitor assistance, access control, guest services, and maintaining a welcoming environment for your clientele.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7406\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7406' : (accordion != 'block_acf-block-65a8ac638e905-7406') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7406' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How do you ensure an exceptional front-of-house experience for guests and visitors?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7406'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7406'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7406'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Our trained teams embody professionalism and hospitality, delivering exceptional customer service. We focus on personalised interactions, attentiveness, and a welcoming atmosphere to enhance the visitor experience.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7408\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7408' : (accordion != 'block_acf-block-65a8ac638e905-7408') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7408' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Can you customise your front-of-house services to align with our business&#8217;s specific needs or brand image?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7408'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7408'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7408'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Absolutely. We understand the importance of aligning services with your brand image. Our services can be tailored to match your unique requirements and brand ethos for a cohesive and personalised experience.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7409\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7409' : (accordion != 'block_acf-block-65a8ac638e905-7409') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7409' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Do you provide teams trained in security protocols for handling access control and premises security?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7409'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7409'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7409'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Yes, our front-of-house teams are trained in security protocols and access control measures. They play a crucial role in maintaining premises security while providing courteous assistance to visitors and guests.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7411\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7411' : (accordion != 'block_acf-block-65a8ac638e905-7411') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7411' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">How do you handle high-traffic situations or manage multiple requests efficiently?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7411'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7411'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7411'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Our teams are adept at managing high-traffic situations and multitasking effectively. We employ efficient queuing systems and utilise technology for streamlined processes to ensure smooth operations during peak times.<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7413\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7413' : (accordion != 'block_acf-block-65a8ac638e905-7413') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7413' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Can you assist with special event planning or additional services for specific occasions?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7413'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7413'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7413'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Absolutely. We offer assistance with event planning and coordination, providing additional services such as arranging meeting spaces, catering, transportation, and other logistical support for special occasions or events hosted at your premises.<\/p>\n<p>&nbsp;<\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65a8ac638e905-7415\" x-cloak class=\"faq-li w-full h-max py-6 first:pt-0 second:pt-6 md:second:pt-0 last:pb-0 md:last:pb-6 border-t first:border-0 second:border-t md:second:border-0 border-[#ECECF2] flex flex-col gap-2\">\n                            <button @click=\"accordion == null ? accordion = 'block_acf-block-65a8ac638e905-7415' : (accordion != 'block_acf-block-65a8ac638e905-7415') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65a8ac638e905-7415' : accordion = null\" class=\"w-full flex flex-row items-center justify-between gap-4\">\n                                <h3 class=\"text-xl font-medium text-ocs-gray-nav text-left\">Can you provide case studies of successful front-of-house services for similar businesses?<\/h3>\n                                <div class=\"rounded-full border themed-icon-border themed-icon flex flex-none items-center p-2 transition duration-150 ease-in\">\n                                    <svg x-show=\"accordion == 'block_acf-block-65a8ac638e905-7415'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path d=\"M4.16699 10.5H15.8337\" stroke=\"currentColor\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <\/svg>\n                                    <svg x-show=\"accordion !== 'block_acf-block-65a8ac638e905-7415'\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.75 3.25C10.75 2.83579 10.4142 2.5 10 2.5C9.58579 2.5 9.25 2.83579 9.25 3.25V9.75H2.75C2.33579 9.75 2 10.0858 2 10.5C2 10.9142 2.33579 11.25 2.75 11.25H9.25V17.75C9.25 18.1642 9.58579 18.5 10 18.5C10.4142 18.5 10.75 18.1642 10.75 17.75V11.25H17.25C17.6642 11.25 18 10.9142 18 10.5C18 10.0858 17.6642 9.75 17.25 9.75H10.75V3.25Z\" fill=\"currentColor\" \/>\n                                    <\/svg>\n                                <\/div>\n                            <\/button>\n                            <div x-show=\"accordion == 'block_acf-block-65a8ac638e905-7415'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p>Certainly. We have a track record of successful front-of-house and concierge service implementations across various industries. We can provide references or case studies demonstrating our expertise and the quality of our services. Please get in touch \u2013 we\u2019d love to share them with you.<\/p>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n                    \n    <\/section>\n\n\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-65a8ac638e915\" 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]                                 md:px-[42px] lg:px-[72px]            \" style=\"background-color: #FEFAF9;\" >\n                            <div x-data=\"fmCarousel\" class=\"block-fm-services-carousel relative splide !flex flex-col md:flex-row items-center justify-between gap-10 md:gap-8 pb-[80px] md:pb-0\" x-ref=\"fmSlider\" data-bg-color=\"#FEFAF9\">\n    <div  data-animate-container=\"text\"  class=\"flex-none  pl-6 md:pl-0  flex flex-col items-start justify-start gap-6 w-full md:max-w-[400px] \">\n                    <h2 data-animate=\"heading\" class=\"text-crop text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">Facilities services designed for your organisation<\/h2>\n                            <p data-animate=\"prose\" class=\"text-left text-ocs-blue-navy text-xl\">Need more than Front of House and concierge? Discover our complementary core services here.<\/p>\n        \n                <!-- Desktop Slider Arrows -->\n                    <div data-animate=\"button\" class=\" splide__arrows absolute bottom-0 left-0 right-0 md:relative flex gap-3 flex-row justify-center\">\n                <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n                <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                        <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                    <\/svg>\n                <\/button>\n            <\/div>\n            <\/div>\n            <div class=\"splide__track w-full md:-mr-[42px] lg:-mr-[72px] \">\n            <ul  data-animate-container=\"cards\"  class=\"splide__list \">\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/my\/services\/security-services\/\" aria-label=\"Go to page: Security\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/37afc4ec-1342-4c81-ab1a-418ace2ec2f3\/-\/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=\"Security\">\n                                <\/picture>\n                            <\/div>\n                            <div class=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-white \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">Security<\/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 and security with an exceptional team and harnessed technology.<\/p>\n                                                            <\/div>\n                        <\/a>\n                    <\/li>\n                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/my\/services\/hard-services\/\" aria-label=\"Go to page: Hard Services\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/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=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-white \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">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\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/my\/services\/facilities-management\/\" aria-label=\"Go to page: Facilities Management\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/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=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-white \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">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                                    <li data-animate=\"card\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/my\/services\/commercial-cleaning-services\/\" aria-label=\"Go to page: Cleaning\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/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=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-white \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">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\" class=\"splide__slide flex flex-col group items-stretch justify-start gap-6 w-full max-w-[408px] mx-auto group content-stretch\">\n                        <a href=\"https:\/\/ocs.com\/my\/services\/pest-control-services\/\" aria-label=\"Go to page: Pest Control\" class=\" w-full h-full flex flex-col justify-stretch content-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                        \n                            <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                                <picture>\n                                    <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/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=\"-mx-0.5 -mt-4 sm:-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-4 min-h-[164px] h-full max-h-[225px] sm:max-h-[205px] ocs-on-light  bg-white \">\n                                <div class=\"flex flex-row justify-between items-start gap-4\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[28px] leading-[38px] font-medium text-ocs-gray-nav\">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                            <\/ul>\n        <\/div>\n    \n<\/div>                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-65a8ac638e92b\"  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=\"https:\/\/ocs.com\/my\/contact-us\/\" class=\"!text-base  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    Contact Us <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>Professionally trained individuals with friendly faces for lasting impressions.<\/p>\n","protected":false},"featured_media":1000004854,"parent":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-232","services","type-services","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>Front of House &amp; Concierge Services - OCS<\/title>\n<meta name=\"description\" content=\"Experience excellence with our front-of-house teams, dedicated to optimizing operations for a seamless customer journey.\" \/>\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\/my\/services\/front-of-house-and-concierge\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Front-of-house\" \/>\n<meta property=\"og:description\" content=\"Experience excellence with our front-of-house teams, dedicated to optimizing operations for a seamless customer journey.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/\" \/>\n<meta property=\"og:site_name\" content=\"OCS - Malaysia\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-18T04:43:16+00:00\" \/>\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=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/\",\"url\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/\",\"name\":\"Front of House & Concierge Services - OCS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/32162f23-b98d-4d48-9275-dbb961dc7f34\\\/\",\"datePublished\":\"2023-09-27T06:39:04+00:00\",\"dateModified\":\"2024-01-18T04:43:16+00:00\",\"description\":\"Experience excellence with our front-of-house teams, dedicated to optimizing operations for a seamless customer journey.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/32162f23-b98d-4d48-9275-dbb961dc7f34\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/32162f23-b98d-4d48-9275-dbb961dc7f34\\\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/services\\\/front-of-house-and-concierge\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/my\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Front-of-house\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/my\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/my\\\/\",\"name\":\"OCS - Malaysia\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/my\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Front of House & Concierge Services - OCS","description":"Experience excellence with our front-of-house teams, dedicated to optimizing operations for a seamless customer journey.","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\/my\/services\/front-of-house-and-concierge\/","og_locale":"en_GB","og_type":"article","og_title":"Front-of-house","og_description":"Experience excellence with our front-of-house teams, dedicated to optimizing operations for a seamless customer journey.","og_url":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/","og_site_name":"OCS - Malaysia","article_modified_time":"2024-01-18T04:43:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/","url":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/","name":"Front of House & Concierge Services - OCS","isPartOf":{"@id":"https:\/\/ocs.com\/my\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/32162f23-b98d-4d48-9275-dbb961dc7f34\/","datePublished":"2023-09-27T06:39:04+00:00","dateModified":"2024-01-18T04:43:16+00:00","description":"Experience excellence with our front-of-house teams, dedicated to optimizing operations for a seamless customer journey.","breadcrumb":{"@id":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/#primaryimage","url":"https:\/\/ucarecdn.com\/32162f23-b98d-4d48-9275-dbb961dc7f34\/","contentUrl":"https:\/\/ucarecdn.com\/32162f23-b98d-4d48-9275-dbb961dc7f34\/"},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/my\/services\/front-of-house-and-concierge\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/my\/"},{"@type":"ListItem","position":2,"name":"Front-of-house"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/my\/#website","url":"https:\/\/ocs.com\/my\/","name":"OCS - Malaysia","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/my\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/my\/wp-json\/wp\/v2\/services\/232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/my\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/ocs.com\/my\/wp-json\/wp\/v2\/types\/services"}],"version-history":[{"count":4,"href":"https:\/\/ocs.com\/my\/wp-json\/wp\/v2\/services\/232\/revisions"}],"predecessor-version":[{"id":15529,"href":"https:\/\/ocs.com\/my\/wp-json\/wp\/v2\/services\/232\/revisions\/15529"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/my\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/my\/wp-json\/wp\/v2\/media?parent=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}