{"id":18240,"date":"2023-09-27T10:20:50","date_gmt":"2023-09-27T09:20:50","guid":{"rendered":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/"},"modified":"2026-04-30T12:27:52","modified_gmt":"2026-04-30T11:27:52","slug":"%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa","status":"publish","type":"page","link":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar","title":{"rendered":"\u0627\u0644\u062e\u062f\u0645\u0627\u062a"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-65970dd94344b\" 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\/9aea878a-ba16-4852-b46c-4317e1e1ef1e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/9aea878a-ba16-4852-b46c-4317e1e1ef1e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/9aea878a-ba16-4852-b46c-4317e1e1ef1e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9aea878a-ba16-4852-b46c-4317e1e1ef1e\/-\/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\/ae\/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                                    \u0646\u062d\u0646 \u0646\u0648\u0638\u0641                                <\/span>\n                                                        \u0627\u0644\u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629                            <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                            \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0648\u062a\u062c\u0627\u0648\u0632 \u0623\u0643\u0628\u0631 \u0627\u0644\u062a\u062d\u062f\u064a\u0627\u062a. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062c\u0639\u0644 \u0634\u0639\u0628\u0643 \u0648\u0623\u0645\u0627\u0643\u0646\u0643 \u0641\u064a \u0623\u0641\u0636\u0644 \u062d\u0627\u0644\u0627\u062a\u0647\u0645. <\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-65970dd943754\" 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\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0623\u0648 \u0627\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u062d\u062f<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0630\u0627\u062a \u0627\u0644\u062e\u0637 \u0627\u0644\u0648\u0627\u062d\u062f \u0623\u062f\u0646\u0627\u0647.<\/p>\n                            <\/div>\n                    <\/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\/ae\/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\/ae\/services\/catering-services\/\" aria-label=\"Go to page: Catering\" 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\/1e395491-685a-4c04-8d9e-dec75295ec10\/-\/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=\"Catering\">\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]\">Catering<\/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\">Enjoy sustenance that&#8217;s packed with flavour and nourishment in equal measure from our team of in-house chefs.<\/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\/ae\/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\/ae\/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\/ae\/services\/security-services\/\" aria-label=\"Go to page: Security\" 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\/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=\"-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]\">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\" 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\/ae\/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                    <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\/ae\/services\/aviation-passenger-support-services\/\" aria-label=\"Go to page: Passenger 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\/e0ca8ba9-afe4-46c0-99c8-71386bf20fcb\/-\/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=\"Passenger 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]\">Passenger 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\">Ensuring that all travellers have the same high quality experience.<\/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\/ae\/services\/carbon-energy-management\/\" aria-label=\"Go to page: Carbon &amp; Energy\" 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\/c7286cdd-999f-4202-9558-b79af33ba8ce\/-\/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=\"Carbon &amp; Energy\">\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]\">Carbon &amp; Energy<\/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\">Working with you towards Net Zero and your broader ESG goals and commitments.<\/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\/ae\/services\/waste-recycling\/\" aria-label=\"Go to page: Waste &amp; Recycling\" 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\/598aed57-322c-420e-9503-cb8409f66e59\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"Waste &amp; Recycling\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"-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]\">Waste &amp; Recycling<\/h3>\n                                                        <div class=\"themed-icon-bg flex flex-none items-center justify-center rounded-full p-2 group-hover:rotate-45 transition duration-150 ease-in\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                    <path d=\"M5.83301 14.8646L14.1663 6.53125\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                    <path d=\"M5.83301 6.53125H14.1663V14.8646\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <\/svg>\n                            <\/div>\n                        <\/div>\n                                                    <p class=\"text-ocs-blue-navy line-clamp-3\">Waste management and recycling services that support your operation and ESG goals.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" 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\/ae\/services\/front-of-house-and-concierge\/\" aria-label=\"Go to page: Front-of-house\" 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\/32162f23-b98d-4d48-9275-dbb961dc7f34\/-\/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=\"Front-of-house\">\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]\">Front-of-house<\/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\">Professionally trained individuals with friendly faces for lasting impressions.<\/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\/ae\/services\/commercial-landscaping\/\" aria-label=\"Go to page: Landscaping\" 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\/411a45d4-40a8-4777-9c5b-19550022b342\/-\/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=\"Landscaping\">\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]\">Landscaping<\/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\">Landscaping forms part of our Facilities Management offer across private and public sectors.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n            <\/ul>\n                    <\/div>\n    <\/section>\n\n    <section id=\"block_acf-block-65970dd94376f\"  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\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/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-65970dd94376f-13394\" 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-65970dd94376f-13394' : (accordion != 'block_acf-block-65970dd94376f-13394') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65970dd94376f-13394' : 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 range of facilities and services does OCS offer globally?<\/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-65970dd94376f-13394'\" 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-65970dd94376f-13394'\" 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-65970dd94376f-13394'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p><i><span style=\"font-weight: 400\">OCS provides comprehensive facilities services, including cleaning, catering, security, pest control, and waste management. Our services cater to the diverse needs of both public and private sectors globally.<\/span><\/i><\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65970dd94376f-13395\" 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-65970dd94376f-13395' : (accordion != 'block_acf-block-65970dd94376f-13395') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65970dd94376f-13395' : 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 does OCS ensure quality and consistency in its services across different countries?<\/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-65970dd94376f-13395'\" 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-65970dd94376f-13395'\" 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-65970dd94376f-13395'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p><i><span style=\"font-weight: 400\">OCS adheres to strict global standards for service quality and consistency. We employ a systematic approach to Quality, Health, Safety, and Environment (QHSE), adhering to ISO standards. Regular training and a robust framework ensure uniform excellence in service delivery across all locations.<\/span><\/i><\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65970dd94376f-13396\" 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-65970dd94376f-13396' : (accordion != 'block_acf-block-65970dd94376f-13396') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65970dd94376f-13396' : 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 OCS customise its facilities services to meet the specific needs of our organisation?<\/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-65970dd94376f-13396'\" 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-65970dd94376f-13396'\" 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-65970dd94376f-13396'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p><i><span style=\"font-weight: 400\">Yes, OCS specialises in tailoring its services to meet customers&#8217; requirements. We collaborate closely with our customers to understand their needs and challenges, ensuring a bespoke solution that aligns with their organisational goals and culture.<\/span><\/i><\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65970dd94376f-13397\" 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-65970dd94376f-13397' : (accordion != 'block_acf-block-65970dd94376f-13397') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65970dd94376f-13397' : 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 is OCS&#8217;s approach to environmental sustainability in facilities management?<\/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-65970dd94376f-13397'\" 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-65970dd94376f-13397'\" 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-65970dd94376f-13397'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p><i><span style=\"font-weight: 400\">OCS is committed to environmental sustainability. We strive for NetZero emissions, leverage green technologies, and practice responsible waste management. Our environmental initiatives are integrated into all our services, from eco-friendly cleaning products to energy-efficient practices.<\/span><\/i><\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65970dd94376f-13398\" 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-65970dd94376f-13398' : (accordion != 'block_acf-block-65970dd94376f-13398') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65970dd94376f-13398' : 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 does OCS support workforce diversity and inclusion in its facilities services?<\/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-65970dd94376f-13398'\" 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-65970dd94376f-13398'\" 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-65970dd94376f-13398'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p><i><span style=\"font-weight: 400\">OCS promotes diversity, equity, and inclusion across its global workforce. We have various programs and initiatives, like the CHROMA network, to support a diverse and inclusive culture. Our recruitment and training programs are designed to attract and nurture talent from varied backgrounds.<\/span><\/i><\/p>\n                            <\/div>\n                        <\/li>\n                                            <li data-animate=\"card\" id=\"block_acf-block-65970dd94376f-13399\" 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-65970dd94376f-13399' : (accordion != 'block_acf-block-65970dd94376f-13399') &#038;&#038; (accordion != null) ? accordion = 'block_acf-block-65970dd94376f-13399' : 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 kind of support and communication can we expect from OCS as a facilities services partner?<\/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-65970dd94376f-13399'\" 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-65970dd94376f-13399'\" 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-65970dd94376f-13399'\" x-collapse class=\"text-ocs-gray-nav\">\n                                <p><i><span style=\"font-weight: 400\">OCS believes in transparent and continuous communication with our customers. You can expect regular updates, accessible points of contact for any queries or concerns, and collaborative meetings to discuss service performance and improvements. We aim to build strong, long-term partnerships with all our customers.<\/span><\/i><\/p>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n                    \n    <\/section>\n\n        <section id=\"block_acf-block-65970dd943785\"  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\/ae\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/?lang=ar\" 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-underline\" target=\"_self\">\n    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n\n            <section id=\"block_acf-block-65970dd9437a3\"  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\/25f268c6-e93b-4ff7-a564-54855bc547ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/25f268c6-e93b-4ff7-a564-54855bc547ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/25f268c6-e93b-4ff7-a564-54855bc547ae\/-\/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\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0648\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0628\u064a\u0626\u064a\u0629<\/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\">\u0646\u062f\u0639\u0648 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0644\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642 ESG \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u062f\u064a\u0646\u0627. \u0633\u0648\u0627\u0621 \u0643\u0646\u062a \u0646\u0645\u0648\u0627\u0643\u0628 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0644\u062f\u064a\u0646\u0627 \u0645\u0639 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0623\u0648 \u0646\u0628\u062a\u0643\u0631 \u0637\u0631\u0642\u0627 \u062c\u062f\u064a\u062f\u0629 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0628\u064a\u0626\u064a\u060c \u0641\u0625\u0646 \u0641\u0631\u064a\u0642\u0646\u0627 \u062c\u0627\u0647\u0632 \u0644\u0644\u062a\u0639\u0627\u0648\u0646 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0623\u0647\u062f\u0627\u0641\u0643 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629. <\/span><\/p>\n<p><span style=\"font-weight: 400\">\u062f\u0639\u0648\u0646\u0627 \u0646\u0639\u0645\u0644 \u0645\u0639\u0627 \u0644\u062e\u0644\u0642 \u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0643\u062b\u0631 \u062e\u0636\u0631\u0629 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642 ESG \u0644\u062f\u064a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645\u060c \u0648\u0644\u0646\u0646\u0627\u0642\u0634 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u0645\u0627\u0634\u0649 \u0645\u0639 \u0631\u0624\u064a\u062a\u0646\u0627 \u0627\u0644\u0645\u0634\u062a\u0631\u0643\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629. <\/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\/ae\/esg\/\" class=\"  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-underline\" target=\"_self\">\n    \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a OCS ESG <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n        <section id=\"block_acf-block-65970dd9437bd\"  data-animate-container=\"waterfall\"  class=\"  block-case-studies-slider splide  flex flex-col   \"  x-data=\"{\n                paddingLeft: 0,\n                additionalPadding: 88,\n                calcPadding() {\n                    if(this.$refs.maxWidthSetter) {\n                        if(window.innerWidth < 768) {\n                            this.additionalPadding = 0;\n                        } else if (window.innerWidth < 1024) {\n                            this.additionalPadding = 48;\n                        }\n                        this.paddingLeft = this.$refs.maxWidthSetter.offsetLeft + this.additionalPadding;\n                    }\n                }\n            }\" x-init=\"calcPadding()\" @resize.window=\"calcPadding()\" >\n                    <div class=\"w-full max-w-8xl mx-auto\" x-ref=\"maxWidthSetter\"><\/div>\n                <div :style=\"{ paddingLeft : paddingLeft + 'px' }\" >\n            <div data-animate=\"item\" class=\"related-customer-stories__container relative pb-[128px]  pt-4 md:py-[72px]  flex flex-col items-center justify-between gap-12 rounded-[32px]  md:flex-row  \" style=\"background-color: #FFFFFF;\">\n                                    <div data-animate-container=\"text\"  class=\"flex flex-col w-full h-auto  pl-4 lg:pl-0  gap-6 items-center md:items-start justify-start  md:max-w-[400px] \">\n                                                    <h2 data-animate=\"heading\" class=\" text-center md:text-left text-crop text-[30px] md:text-[44px] leading-[38px] md:leading-[54px] -tracking-[0.5px] text-crop font-medium text-ocs-gray-nav\">\u0642\u0635\u0635 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h2>\n                                                                            <p data-animate=\"prose\" class=\" text-center md:text-left  text-ocs-blue-navy text-xl\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0643\u064a\u0641\u064a\u0629 \u062a\u0639\u0627\u0645\u0644\u0646\u0627 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u0642\u0637\u0627\u0639\u0643.<\/p>\n                        \n                                                                                \n<a href=\"https:\/\/ocs.com\/ae\/customer-stories\/\" class=\"md:mt-2 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-underline\" target=\"_self\">\n    \u0634\u0627\u0647\u062f \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0635\u0635 <\/a>                                                <!-- Desktop Slider Arrows -->\n                                                    <div data-animate=\"button\" class=\"splide__arrows absolute bottom-12 md:bottom-16 left-0 right-0 md:right-auto  md:left-4 lg:left-0  flex !space-x-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 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                                            <\/div>\n                                                    <div class=\"splide__track w-full\">\n                        <ul data-animate-container=\"cards\"  class=\" splide__list w-full\">\n                                                            <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/how-we-reduced-food-waste-at-east-london-nhs-foundation-trust-by-97-3\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] 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\/768x768\/\" 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=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start ocs-on-light bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"hidden md:flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"hidden md:flex h-[70px] w-[152px]\"><\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Catering<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                NHS food transformation that&#8217;s having a positive environmental impact in the community                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/__trashed-2\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] rounded-t-[24px] z-0\">\n                                            <picture>\n                                                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/23b3413f-b650-41aa-8ebf-3badc4e86975\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" 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=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start ocs-on-light bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"hidden md:flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"hidden md:flex h-[70px] w-[152px]\"><\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Biopharmaceutical<\/li>\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Healthcare<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                Best practices and resilience &#8211; Adherence to ISO 10,000 Grade 8 for Biopharma customer                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                                    <li data-animate=\"card\" class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full md:w-[366px] mx-auto group\">\n                                    <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/nec-spring-fair\/\" aria-label=\"Go to page: \" class=\"w-full h-full flex flex-col justify-stretch focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                                    <div class=\"relative overflow-hidden w-full h-[250px] rounded-t-[24px] z-0\">\n                                            <picture>\n                                                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/01e59ed3-64d6-4810-aeb6-b61085a83bd6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" 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=\"\">\n                                            <\/picture>\n                                        <\/div>\n                                        <div class=\"flex-1 -mt-8 relative z-20 flex flex-col justify-start ocs-on-light bg-[#FDF9F8] rounded-3xl p-6 md:p-6 gap-[18px] md:min-h-[240px]\">\n                                            <div class=\"flex flex-col gap-2\">\n                                                                                                    <div class=\"hidden md:flex flex-row flex-wrap md:flex-nowrap items-start justify-between gap-[18px]\">\n                                                                                                                    <div class=\"hidden md:flex h-[70px] w-[152px]\"><\/div>\n                                                                                                                                                                            <ul class=\"text-sm font-medium flex flex-row gap-1 flex-wrap justify-end\">\n                                                                                                                                    <li class=\"before:content-['\\2022'] before:inline first:before:hidden flex gap-1\">Venues and events<\/li>\n                                                                                                                                                                                            <\/ul>\n                                                                                                            <\/div>\n                                                                                                Creating custom solutions for the NEC Spring Fair &#8211; delivering best experience and outcomes                                            <\/div>\n\n                                            <p class=\"text-sm text-themed group-hover:text-ocs-gray-nav underline underline-offset-4 decoration-themed group-hover:decoration-ocs-gray-nav decoration-2 font-medium transition-colors duration-150 ease-in mt-auto\">\n                                                Read their story                                            <\/p>\n                                        <\/div>\n                                    <\/a>\n                                <\/li>\n\n                                                            <\/ul>\n                    <\/div>\n                                                <\/div>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7684,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18240","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>\u062e\u062f\u0645\u0627\u062a\u0646\u0627 - \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u0632\u064a\u062f!<\/title>\n<meta name=\"description\" content=\"\u0641\u064a OCS\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627.\" \/>\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\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\" \/>\n<meta property=\"og:description\" content=\"\u0641\u064a OCS\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UAE\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T11:27:52+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar\",\"url\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar\",\"name\":\"\u062e\u062f\u0645\u0627\u062a\u0646\u0627 - \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u0632\u064a\u062f!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/e4244c07-69c3-4404-be69-0b55f952922c\\\/\",\"datePublished\":\"2023-09-27T09:20:50+00:00\",\"dateModified\":\"2026-04-30T11:27:52+00:00\",\"description\":\"\u0641\u064a OCS\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/e4244c07-69c3-4404-be69-0b55f952922c\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/e4244c07-69c3-4404-be69-0b55f952922c\\\/\",\"width\":1654,\"height\":1016},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\\\/?lang=ar#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/#website\",\"url\":\"https:\\\/\\\/ocs.com\\\/ae\\\/\",\"name\":\"OCS - UAE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ocs.com\\\/ae\\\/?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":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627 - \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u0632\u064a\u062f!","description":"\u0641\u064a OCS\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627.","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\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/","og_locale":"en_US","og_type":"article","og_title":"\u0627\u0644\u062e\u062f\u0645\u0627\u062a","og_description":"\u0641\u064a OCS\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627.","og_url":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar","og_site_name":"OCS - UAE","article_modified_time":"2026-04-30T11:27:52+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar","url":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar","name":"\u062e\u062f\u0645\u0627\u062a\u0646\u0627 - \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0648\u0627\u0644\u0645\u0632\u064a\u062f!","isPartOf":{"@id":"https:\/\/ocs.com\/ae\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/e4244c07-69c3-4404-be69-0b55f952922c\/","datePublished":"2023-09-27T09:20:50+00:00","dateModified":"2026-04-30T11:27:52+00:00","description":"\u0641\u064a OCS\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\u060c \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a \u0648\u0627\u0644\u0645\u0632\u064a\u062f. \u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u062e\u062f\u0645\u0627\u062a\u0646\u0627.","breadcrumb":{"@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar#primaryimage","url":"https:\/\/ucarecdn.com\/e4244c07-69c3-4404-be69-0b55f952922c\/","contentUrl":"https:\/\/ucarecdn.com\/e4244c07-69c3-4404-be69-0b55f952922c\/","width":1654,"height":1016},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/ae\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u062e\u062f\u0645\u0627\u062a"}]},{"@type":"WebSite","@id":"https:\/\/ocs.com\/ae\/#website","url":"https:\/\/ocs.com\/ae\/","name":"OCS - UAE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ocs.com\/ae\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/18240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/comments?post=18240"}],"version-history":[{"count":1,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/18240\/revisions"}],"predecessor-version":[{"id":18250,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/18240\/revisions\/18250"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/media\/7684"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/media?parent=18240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}