{"id":19291,"date":"2023-10-20T14:23:11","date_gmt":"2023-10-20T13:23:11","guid":{"rendered":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/"},"modified":"2026-05-05T17:28:59","modified_gmt":"2026-05-05T16:28:59","slug":"%d8%ad%d9%88%d9%84-ocs","status":"publish","type":"page","link":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar","title":{"rendered":"\u062d\u0648\u0644 OCS"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-69fa1ac88e15f\" data-animate-container=\"waterfall\"  class=\"block-hero max-w-8xl mx-auto px-6  md:pb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative\">\n            <div x-ref=\"heroSlider\" class=\"h-[280px] sm:h-[400px] lg:h-[544px] rounded-3xl splide\">\n                <div class=\"splide__track rounded-t-3xl lg:rounded-3xl h-full\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide w-full h-full relative\" x-ref=\"heroAsset\">\n                                                                                                        <picture class=\"h-full flex\">\n                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-768x768.jpg\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-1024x404.jpg\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-1536x606.jpg\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2024\/01\/IMG_2709-Extended-Left-Edge-2-1536x606.jpg\" class=\"w-full h-full object-cover object-center rounded-t-3xl lg:rounded-3xl\" alt=\"\">\n                                    <\/picture>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative lg:absolute rounded-3xl w-full flex flex-col gap-8 md:gap-10 lg:gap-12 items-start justify-between text-ocs-gray-nav py-8 px-6 md:px-10 lg:p-16 -translate-y-6 mb-6 overflow-hidden lg:top-8 lg:left-8 lg:bottom-8 lg:max-w-[636px] lg:translate-y-0 lg:mb-0 \" style=\"background-color: #FEFAF9;\">\n\n                                    <div class=\"absolute w-[942px] h-[494px] -left-[376px] -bottom-[271px] md:w-[1259px] md:h-[660px] md:-left-[418px] md:-bottom-[228px] ocs-decoration text-[#fae8e3]\">\n                        <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1259\/661;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                    <\/div>\n                \n                <div data-animate-container=\"text\"  class=\"flex flex-col gap-8 md:gap-10 items-start lg:justify-center\">\n                                                                    <a data-animate=\"button\" href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d9%85%d9%88%d8%a7%d9%82%d8%b9\/?lang=ar\" 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                                    \u0627\u0628\u062d\u062b \u0639\u0646 \u0628\u0644\u062f\u0643                                <\/span>\n                                                        \u0627\u0644\u0645\u0648\u0627\u0642\u0639                            <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                            \u0645\u0631\u062d\u0628\u0627 \u0628\u0643 \u0641\u064a OCS                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p class=\"p2\"><span class=\"s3\">\u0646\u062d\u0646 \u0634\u0631\u0643\u0629 \u062e\u062f\u0645\u0627\u062a \u0645\u0631\u0627\u0641\u0642 \u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u062f\u064a\u0646\u0627 130,000 \u0632\u0645\u064a\u0644 \u06488,000 \u0639\u0645\u064a\u0644 \u0641\u064a \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0622\u0633\u064a\u0627 \u0648\u0627\u0644\u0645\u062d\u064a\u0637 \u0627\u0644\u0647\u0627\u062f\u0626 \u0648\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637.<\/span><\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n\n    <section x-data=\"stats\" id=\"block_acf-block-69fa1ac88e1a4\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl mx-auto px-4 py-6 md:py-[72px] overflow-hidden \">\n        <div data-animate=\"item\" class=\"py-16 xl:px-[72px] rounded-[32px] px-6 md:px-10 flex flex-col gap-24 md:gap-16 lg:gap-[134px] relative overflow-hidden \" style=\"background-color: #FFFFFF;\">\n                        <div class=\"hidden md:block absolute top-1\/2 -translate-y-1\/2 left-0 right-0 pointer-events-none scale-125 ocs-decoration\" style=\"color: #FFFFFF\">\n                                <div class=\"relative\">\n                    <img src=\"https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/dot-ellipse-dots.svg?v=1794242732\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\" decoding=\"async\" class=\"max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1512\/800;height:auto;\">                    <svg class=\"absolute inset-0 w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 1512 800\" aria-hidden=\"true\"><g filter=\"url(#dot-ellipse-glow)\"><path fill=\"currentColor\" fill-opacity=\".8\" fill-rule=\"evenodd\" d=\"M1488.3 23.727H-8v752.255h1496.3V23.727ZM740.149 746.019c252.459 0 457.121-154.982 457.121-346.162 0-191.18-204.662-346.162-457.121-346.162-252.459 0-457.118 154.982-457.118 346.162 0 191.18 204.659 346.162 457.118 346.162Z\" clip-rule=\"evenodd\"\/><\/g><defs><filter id=\"dot-ellipse-glow\" width=\"1543.1\" height=\"799.058\" x=\"-31.4\" y=\".327\" color-interpolation-filters=\"sRGB\" filterUnits=\"userSpaceOnUse\"><feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\"\/><feBlend in=\"SourceGraphic\" in2=\"BackgroundImageFix\" result=\"shape\"\/><feGaussianBlur result=\"effect1_foregroundBlur_2044_100029\" stdDeviation=\"11.7\"\/><\/filter><\/defs><\/svg>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative flex flex-col gap-12\">\n            <div  data-animate-container=\"text\"  class=\"max-w-[864px] mx-auto flex flex-col gap-6\">\n\n                            <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-crop text-ocs-gray-nav text-center\">\n                    \u0627\u0644\u062a\u0627\u0631\u064a\u062e\u060c \u0627\u0644\u0632\u0645\u0644\u0627\u0621\u060c \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0631\u0624\u064a\u0629                <\/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                    \u0646\u062d\u0646 \u0646\u062a\u0634\u0627\u0631\u0643 \u0631\u0624\u064a\u0629 \u0648\u0645\u0647\u0645\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0644\u0646\u0635\u0628\u062d \u0623\u0641\u0636\u0644 \u0645\u0632\u0648\u062f \u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u0632\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u062c\u0639\u0644 \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0648\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0628\u0623\u0641\u0636\u0644 \u0635\u0648\u0631\u0629 \u0645\u0645\u0643\u0646\u0629.                <\/div>\n            \n        <\/div>\n    \n            <ul  data-animate-container=\"cards\"  class=\"grid sm:grid-cols-2 xl:grid-cols-4 gap-6\">\n                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/5d3aab21-a715-4381-abb6-5e4af42133af\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/5d3aab21-a715-4381-abb6-5e4af42133af\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"150 years' experience\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">125<\/span>\u0627\u0644\u0633\u0646\u0648\u0627\u062a                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642                            <\/p>\n                                            <\/li>\n                                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/95a29f29-c54c-4c50-a4cd-23c0557969d8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/95a29f29-c54c-4c50-a4cd-23c0557969d8\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Reliable customers icon\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">130000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                \u0632\u0645\u0644\u0627\u0621 \u0641\u064a \u0623\u0643\u062b\u0631 \u0645\u0646 30 \u062f\u0648\u0644\u0629                            <\/p>\n                                            <\/li>\n                                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/a1e719ab-d105-4e98-b9bd-8f602b945e52\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a1e719ab-d105-4e98-b9bd-8f602b945e52\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Retention\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">8000<\/span>+                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062f\u0639\u0648\u0645\u0648\u0646 \u0639\u0628\u0631 \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629                            <\/p>\n                                            <\/li>\n                                                                <li data-animate=\"card\" class=\"flex flex-col rounded-3xl ocs-on-light bg-white border border-[#ECECF2] justify-between px-6 py-8 gap-6\">\n                        <div class=\"flex flex-col items-start gap-8\">\n                            <div class=\"p-2 flex flex-none items-center justify-center rounded-full bg-themed-light border-themed-lightest border-8 bg-clip-padding\">\n                                                                    <picture>\n                                        <source srcset=\"https:\/\/ucarecdn.com\/12c7c84c-78b9-4903-b08e-daab7943e65c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/12c7c84c-78b9-4903-b08e-daab7943e65c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"w-6 h-full flex flex-none object-cover object-center\" alt=\"Guarding\">\n                                    <\/picture>\n                                                            <\/div>\n                                                            <h3 class=\"text-themed font-medium text-[24px] sm:text-[32px] leading-[30px] sm:leading-[40px] -tracking-[0.5px] text-crop md:font-semibold\">\n                                    <span x-intersect.once=\"animateNumber($el)\">1<\/span>                                <\/h3>\n                                                    <\/div>\n                                                    <p class=\"text-ocs-blue-navy font-medium text-xl leading-7\">\n                                \u0631\u0624\u064a\u0629 \u0648\u0631\u0633\u0627\u0644\u0629 \u0645\u0634\u062a\u0631\u0643\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629                            <\/p>\n                                            <\/li>\n                                    <\/ul>\n    <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-69fa1ac88fbfd\" 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\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl\">\u062a\u0634\u0645\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u0642\u062f\u0645\u0647\u0627 \u0644\u062c\u0639\u0644 \u0627\u0644\u0646\u0627\u0633 \u0648\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0628\u0623\u0641\u0636\u0644 \u0635\u0648\u0631\u0629 \u0645\u0645\u0643\u0646\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0641\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0639\u0627\u0645\u060c \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u0627\u0631\u0645\u0629\u060c \u0648\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a\u060c \u0648\u0627\u0644\u0623\u0645\u0646\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642. <\/p>\n                            <\/div>\n                                        \n<a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa\/?lang=ar\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a <\/a>            <\/div>\n    <ul  data-animate-container=\"cards\"  class=\"grid gap-8 grid-cols-1  md:grid-cols-2 lg:grid-cols-3 \">\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/ae\/services\/%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d8%b9%d8%a8%d8%a9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u0639\u0628\u0629\" 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=\"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u0639\u0628\u0629\">\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]\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u0639\u0628\u0629<\/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\">\u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0645\u062e\u0637\u0637\u0629 \u0648\u0627\u0644\u0648\u0642\u0627\u0626\u064a\u0629 (PPM)\u060c \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0635\u063a\u064a\u0631\u0629\u060c \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0631\u0623\u0633\u0645\u0627\u0644\u064a\u0629.<\/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\/%d8%a7%d9%84%d8%a3%d9%85%d9%86\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0623\u0645\u0646\" 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=\"\u0627\u0644\u0623\u0645\u0646\">\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]\">\u0627\u0644\u0623\u0645\u0646<\/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\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0628\u0641\u0631\u064a\u0642 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0645\u0633\u062a\u063a\u0644\u0629.<\/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\/%d9%85%d9%83%d8%a7%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%a2%d9%81%d8%a7%d8%aa\/?lang=ar\" aria-label=\"Go to page: \u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a\" 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=\"\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a\">\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]\">\u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a<\/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\">\u0623\u0628\u0642 \u0627\u0644\u0632\u0648\u0627\u0631 \u063a\u064a\u0631 \u0627\u0644\u0645\u0631\u063a\u0648\u0628 \u0641\u064a\u0647\u0645 \u0628\u0639\u064a\u062f\u0627\u060c \u0648\u062d\u0645\u0627\u064a\u0629 \u0645\u0646\u0634\u0622\u062a\u0643 \u0648\u0633\u0645\u0639\u062a\u0643.<\/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\/%d8%aa%d9%82%d8%af%d9%8a%d9%85-%d8%a7%d9%84%d8%b7%d8%b9%d8%a7%d9%85\/?lang=ar\" aria-label=\"Go to page: \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0639\u0627\u0645\" 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=\"\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0639\u0627\u0645\">\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]\">\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0639\u0627\u0645<\/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\">\u0627\u0633\u062a\u0645\u062a\u0639 \u0628\u0627\u0644\u0637\u0639\u0627\u0645 \u0627\u0644\u0645\u0644\u064a\u0621 \u0628\u0627\u0644\u0646\u0643\u0647\u0629 \u0648\u0627\u0644\u0645\u063a\u0630\u064a\u0627\u062a \u0628\u0646\u0641\u0633 \u0627\u0644\u0642\u062f\u0631 \u0645\u0646 \u0641\u0631\u064a\u0642 \u0627\u0644\u0637\u0647\u0627\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u064a\u0646 \u0644\u062f\u064a\u0646\u0627.<\/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\/%d8%a5%d8%af%d8%a7%d8%b1%d8%a9-%d8%a7%d9%84%d9%85%d8%b1%d8%a7%d9%81%d9%82\/?lang=ar\" aria-label=\"Go to page: \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\" 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=\"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642\">\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]\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642<\/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\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0644\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u0630\u0627\u062a\u064a\u0627 \u0644\u0644\u0642\u0637\u0627\u0639\u064a\u0646 \u0627\u0644\u062e\u0627\u0635 \u0648\u0627\u0644\u0639\u0627\u0645.<\/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\/%d8%a7%d9%84%d8%aa%d9%86%d8%b8%d9%8a%d9%81\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062a\u0646\u0638\u064a\u0641\" 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=\"\u0627\u0644\u062a\u0646\u0638\u064a\u0641\">\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]\">\u0627\u0644\u062a\u0646\u0638\u064a\u0641<\/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\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u062a\u064a \u062a\u0648\u0641\u0631 \u0623\u0641\u0636\u0644 \u0635\u062d\u0629 \u0648\u0646\u0638\u0627\u0641\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n            <\/ul>\n                    <\/div>\n    <\/section>\n\n\n            <section  data-animate-container=\"waterfall\"  id=\"block_acf-block-69fa1ac88fdc7\" class=\"flex flex-col py-6 md:py-[72px] max-w-8xl mx-auto px-4 overflow-hidden  \" >\n                <div data-animate=\"item\" class=\" py-12 md:py-16  rounded-[32px]                 px-6                md:px-[42px] lg:px-[72px]            \" style=\"background-color: #F7FBF7;\" >\n                                <div  data-animate-container=\"text\"  class=\"mb-10 flex flex-col lg:flex-row items-start lg:items-end justify-between gap-6\">\n                    <div class=\"flex flex-col items-start justify-start gap-6 w-full max-w-[926px]\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-[36px] lg:text-[44px] leading-[44px] lg:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u0645\u062a\u062e\u0635\u0635\u0648 \u0627\u0644\u0642\u0637\u0627\u0639<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-ocs-blue-navy text-xl\">\u0641\u0631\u0642\u0646\u0627 \u0627\u0644\u0645\u0643\u0631\u0633\u0629 \u0644\u0644\u0642\u0637\u0627\u0639 \u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0637\u0627\u0642\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0644\u0627\u0632\u0645\u064a\u0646 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0635\u0646\u0627\u0639\u062a\u0643. <\/p>\n                            <\/div>\n                                        \n<a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d9%82%d8%b7%d8%a7%d8%b9%d8%a7%d8%aa\/?lang=ar\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-themed\" target=\"_self\">\n    \u0635\u0641\u062d\u0629 \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a <\/a>            <\/div>\n    <ul  data-animate-container=\"cards\"  class=\"grid gap-8 grid-cols-1  md:grid-cols-2 lg:grid-cols-3 \">\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/ae\/sectors\/%d8%a7%d9%84%d8%b3%d9%83%d9%83-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%af%d9%8a%d8%a9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0633\u0643\u0643 \u0627\u0644\u062d\u062f\u064a\u062f\u064a\u0629\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b4a8dccc-011a-4b39-9cd2-47c548935644\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0633\u0643\u0643 \u0627\u0644\u062d\u062f\u064a\u062f\u064a\u0629\">\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]\">\u0627\u0644\u0633\u0643\u0643 \u0627\u0644\u062d\u062f\u064a\u062f\u064a\u0629<\/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\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u064a\u0631\u0627\u0646 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0631\u0643\u0627\u0628 \u0630\u0648\u064a \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u062d\u062f\u0648\u062f (PRM).  <\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/ae\/sectors\/%d8%a7%d9%84%d8%ad%d9%83%d9%88%d9%85%d8%a9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062d\u0643\u0648\u0645\u0629\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3bcd9e0a-3e71-42e4-a7d6-d6582ae44854\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u062d\u0643\u0648\u0645\u0629\">\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]\">\u0627\u0644\u062d\u0643\u0648\u0645\u0629<\/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\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0648\u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0644\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0639\u0627\u0645 \u062a\u062d\u0642\u0642 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a.<\/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\/sectors\/%d8%a7%d9%84%d8%aa%d8%b5%d9%86%d9%8a%d8%b9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062a\u0635\u0646\u064a\u0639\" 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\/93425dda-29ec-4003-a91d-9778012a189a\/-\/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=\"\u0627\u0644\u062a\u0635\u0646\u064a\u0639\">\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]\">\u0627\u0644\u062a\u0635\u0646\u064a\u0639<\/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\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u0635\u0627\u0646\u0639 \u0648\u062e\u0637\u0648\u0637 \u0625\u0646\u062a\u0627\u062c \u0641\u0639\u0627\u0644\u0629 \u0644\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062a\u0635\u0646\u064a\u0639.<\/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\/sectors\/%d8%a7%d9%84%d8%b1%d8%b9%d8%a7%d9%8a%d8%a9-%d8%a7%d9%84%d8%b5%d8%ad%d9%8a%d8%a9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ad785b36-a553-486e-8d36-a6c99797706a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\">\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]\">\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629<\/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\">\u062f\u0639\u0645 \u0627\u0644\u0641\u0631\u0642 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u0629 \u0639\u0646 \u0627\u0644\u0635\u062d\u0629 \u0627\u0644\u0646\u0641\u0633\u064a\u0629 \u0648\u0627\u0644\u062c\u0633\u062f\u064a\u0629.<\/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\/sectors\/%d9%85%d8%b1%d8%a7%d9%83%d8%b2-%d8%a7%d9%84%d8%a8%d9%8a%d8%a7%d9%86%d8%a7%d8%aa\/?lang=ar\" aria-label=\"Go to page: \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bc9aecf3-4016-4bb0-b6e9-863e474b18ce\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a\">\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]\">\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/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\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u0627\u0646\u0642\u0637\u0627\u0639.<\/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\/sectors\/%d8%a7%d9%84%d8%aa%d8%ac%d8%b2%d8%a6%d8%a9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062a\u062c\u0632\u0626\u0629\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c9aca03d-18ca-4b54-a65d-42d9be3f519c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u062a\u062c\u0632\u0626\u0629\">\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]\">\u0627\u0644\u062a\u062c\u0632\u0626\u0629<\/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\">\u062a\u0642\u062f\u064a\u0645 \u0628\u064a\u0626\u0629 \u0627\u0644\u0628\u064a\u0639 \u0628\u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u0643\u0645\u0627 \u064a\u062a\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0624\u0643 \u0648\u0627\u0644\u0645\u0633\u062a\u0647\u0644\u0643\u0648\u0646 \u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u064a\u0647\u0627.<\/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\/sectors\/%d8%aa%d8%ac%d8%a7%d8%b1%d9%8a\/?lang=ar\" aria-label=\"Go to page: \u062a\u062c\u0627\u0631\u064a\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ff068a19-7daf-41a7-9fa6-63473f42c689\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u062a\u062c\u0627\u0631\u064a\">\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]\">\u062a\u062c\u0627\u0631\u064a<\/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\">\u062a\u062d\u0633\u064a\u0646 \u062a\u062c\u0627\u0631\u0628 \u0627\u0644\u0639\u0645\u0644 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0627\u0644\u0628\u0642\u0627\u0621.<\/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\/sectors\/%d8%a7%d9%84%d8%aa%d9%88%d8%b2%d9%8a%d8%b9-%d9%88%d8%a7%d9%84%d9%84%d9%88%d8%ac%d8%b3%d8%aa%d9%8a%d8%a7%d8%aa\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/97f524e4-ec65-4c4b-a46d-576709e82c3d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a\">\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]\">\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a<\/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\">\u062a\u062d\u0633\u064a\u0646 \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0627\u062a &#8211; \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062d\u0631\u064a\u0643 \u0641\u0631\u064a\u0642\u0643 \u0648\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a.<\/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\/sectors\/%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85-%d9%88%d8%a7%d9%84%d8%a8%d8%ab\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0648\u0627\u0644\u0628\u062b\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/75eec728-a039-4b46-a53a-7e638690f4e6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0648\u0627\u0644\u0628\u062b\">\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]\">\u0627\u0644\u0625\u0639\u0644\u0627\u0645 \u0648\u0627\u0644\u0628\u062b<\/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\">\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0648\u0648\u0642\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0644\u0641\u0631\u0642\u0643\u060c \u0648\u0627\u0644\u0645\u0634\u0627\u0647\u062f\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u0633\u062a\u0645\u0639\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u0634\u062c\u0639\u064a\u0646.<\/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\/sectors\/%d8%a7%d9%84%d8%aa%d8%b9%d9%84%d9%8a%d9%85\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u062a\u0639\u0644\u064a\u0645\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/fd682049-d826-4af0-b841-8a47b53b9acc\/-\/preview\/-\/mirror\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u062a\u0639\u0644\u064a\u0645\">\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]\">\u0627\u0644\u062a\u0639\u0644\u064a\u0645<\/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\">\u0625\u0644\u0647\u0627\u0645 \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u0632\u062f\u0647\u0631 \u0641\u064a\u0647\u0627 \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0627\u0644\u062a\u0637\u0648\u0631.<\/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\/sectors\/%d8%a7%d9%84%d8%a3%d9%85%d8%a7%d9%83%d9%86-%d9%88%d8%a7%d9%84%d9%81%d8%b9%d8%a7%d9%84%d9%8a%d8%a7%d8%aa\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e97f9fab-fe2c-4011-82f1-256da42c2895\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a\">\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]\">\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0648\u0627\u0644\u0641\u0639\u0627\u0644\u064a\u0627\u062a<\/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\">\u0625\u0646\u0647\u0627 \u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0636\u0645\u0627\u0646 \u0623\u0641\u0636\u0644 \u062a\u062c\u0631\u0628\u0629 \u0644\u0644\u0645\u0634\u062c\u0639\u064a\u0646 \u0648\u0627\u0644\u0644\u0627\u0639\u0628\u064a\u0646.<\/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\/sectors\/%d8%a7%d9%84%d8%b7%d9%8a%d8%b1%d8%a7%d9%86\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0637\u064a\u0631\u0627\u0646\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9c313caf-f2ff-4333-bfe4-81fc6d85193f\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0637\u064a\u0631\u0627\u0646\">\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]\">\u0627\u0644\u0637\u064a\u0631\u0627\u0646<\/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\">\u062e\u062f\u0645\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u064a\u0631\u0627\u0646 \u062a\u0634\u0645\u0644 \u0627\u0644\u0631\u0643\u0627\u0628 \u0630\u0648\u064a \u0627\u0644\u062d\u0631\u0643\u0629 \u0627\u0644\u0645\u062d\u062f\u0648\u062f\u0629 (PRM).<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n                    <li data-animate=\"card\" data-cards-per-row=\"2\" class=\"group flex flex-col items-center justify-center gap-6 h-full w-full max-w-[1046px] mx-auto group\">\n                <a href=\"https:\/\/ocs.com\/ae\/sectors\/%d8%a7%d9%84%d8%a8%d9%86%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0628\u0646\u0627\u0621\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/95f9cb0c-26a6-46f1-8c33-21634a3cc5fb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0628\u0646\u0627\u0621\">\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]\">\u0627\u0644\u0628\u0646\u0627\u0621<\/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\">\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0648\u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0644\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0639\u0627\u0645 \u062a\u062d\u0642\u0642 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a.<\/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\/sectors\/%d8%a7%d9%84%d8%b6%d9%8a%d8%a7%d9%81%d8%a9\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0636\u064a\u0627\u0641\u0629\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d618d81d-b3e7-45de-b29c-ae40e3155a60\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0636\u064a\u0627\u0641\u0629\">\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]\">\u0627\u0644\u0636\u064a\u0627\u0641\u0629<\/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\">\u062e\u0644\u0642 \u0627\u0644\u0627\u0646\u0637\u0628\u0627\u0639 \u0627\u0644\u0623\u0648\u0644 \u0627\u0644\u0635\u062d\u064a\u062d \u0644\u062a\u062c\u0627\u0631\u0628 \u0625\u064a\u062c\u0627\u0628\u064a\u0629 \u0648\u0644\u0627 \u062a\u0646\u0633\u0649.<\/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\/sectors\/%d8%a7%d9%84%d9%86%d9%82%d9%84\/?lang=ar\" aria-label=\"Go to page: \u0627\u0644\u0646\u0642\u0644\" class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                    <div class=\"overflow-hidden relative w-full h-[250px] rounded-t-[24px] z-0\">\n                        <picture>\n                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/0de7f027-d59a-485f-87b1-67400728e7bc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[250px] object-cover object-center rounded-t-[24px]\" alt=\"\u0627\u0644\u0646\u0642\u0644\">\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]\">\u0627\u0644\u0646\u0642\u0644<\/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\">\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0625\u0628\u0642\u0627\u0626\u0643 \u0623\u0646\u062a \u0648\u0641\u0631\u0642\u0643 \u0648\u0637\u0631\u062f\u0643 \u0648\u0631\u0643\u0627\u0628\u0643 \u0641\u064a \u062d\u0631\u0643\u0629 \u0643\u0641\u0627\u0621\u0629.<\/p>\n                                            <\/div>\n                <\/a>\n            <\/li>\n            <\/ul>\n                    <\/div>\n    <\/section>\n\n\n        <section id=\"block_acf-block-69fa1ac88fdf9\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = '';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px]  \">\n        <div data-animate=\"item\" class=\" py-8 md:py-16  px-6 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-16 \" style=\"background-color: #FEFAF9;\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full max-w-[680px] mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u0645\u0633\u062a\u0631\u0634\u062f\u064a\u0646 \u0628\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl font-medium\">\u0627\u0644\u062b\u0642\u0629\u060c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645\u060c \u0627\u0644\u0648\u062d\u062f\u0629 \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646. \u0625\u0646\u0647\u0627 \u062a\u062f\u0639\u0645 \u0646\u0647\u062c\u0646\u0627 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 &#8211; \u0627\u0644\u0642\u064a\u0627\u0645 \u0628\u0627\u0644\u0634\u064a\u0621 \u0627\u0644\u0635\u062d\u064a\u062d \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0635\u062d\u064a\u062d\u0629 &#8211; \u0637\u0631\u064a\u0642\u0629 OCS. <\/p>\n                            <\/div>\n                            <div  data-animate-container=\"cards\"  class=\"flex flex-col lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block relative overflow-hidden group w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[18px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full ocs-rail bg-themed-lightest\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4a871a40-d547-43bb-a6f5-481cd8724408\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u062b\u0642\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">\u0627\u0644\u0635\u062f\u0642\u060c \u0627\u0644\u062b\u0628\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0645\u064a\u0632.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">\u062a\u0645 \u0628\u0646\u0627\u0624\u0647\u0627 \u0648\u0635\u064a\u0627\u0646\u062a\u0647\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e50c9bc0-3b0c-4f86-be6c-43ca617fedd7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">\u0627\u0644\u0646\u0627\u0633\u060c \u0627\u0644\u0643\u0648\u0643\u0628 \u0648\u0627\u0644\u0647\u062f\u0641.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">\u0646\u0642\u0637\u0629 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0645\u0633\u062a\u0645\u0631 \u0644\u0643\u0644 \u062a\u0641\u0627\u0639\u0644\u0646\u0627 \u0648\u062a\u0623\u062b\u064a\u0631\u0646\u0627.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/51fa8c89-a7f5-459d-a4e8-d72bb7e9e2df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u0648\u062d\u062f\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">\u0634\u0627\u0645\u0644\u060c \u0645\u062a\u0646\u0648\u0639 \u0648\u0645\u062a\u0643\u0627\u0645\u0644.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">\u0641\u0631\u064a\u0642 \u0648\u0627\u062d\u062f \u064a\u0639\u0645\u0644 \u0645\u0646 \u0623\u062c\u0644 \u062a\u062d\u0633\u064a\u0646 \u0628\u0639\u0636\u0647\u0645 \u0627\u0644\u0628\u0639\u0636 \u0648\u0627\u0644\u0628\u064a\u0626\u0629.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/','OCS colleagues, TRUE values', '3')\" @mouseleave=\"valueHovered == null\" class=\"relative lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '3' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-1 rounded-full ocs-rail-active themed-icon-bg lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '3' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                                                        <div class=\"lg:hidden group relative overflow-hidden w-full h-[304px] md:h-[400px] rounded-[32px] z-0\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ae9170f9-2258-489a-8645-e7727fef1326\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[304px] md:h-[400px] object-cover object-center rounded-[32px]\" alt=\"OCS colleagues, TRUE values\">\n                                        <\/picture>\n                                    <\/div>\n\n                                    <div class=\"flex flex-col gap-2\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[26px] md:text-[28px] leading-[34px] md:leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u062a\u0645\u0643\u064a\u0646<\/h4>\n                                                                                                                            <p class=\"mt-2 text-themed text-xl font-medium\">\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u060c \u0637\u0645\u0648\u062d \u0648\u0631\u0634\u064a\u0642.<\/p>\n                                                                                                                            <p class=\"text-ocs-blue-navy\">\u062a\u0648\u0641\u064a\u0631 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u0645\u0647\u0627\u0631\u0627\u062a \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0645\u0632\u064a\u062f \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0634\u064a\u0627\u0621 \u0639\u0638\u064a\u0645\u0629.<\/p>\n                                                                            <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n\n\n            <section id=\"block_acf-block-69fa1ac88fe30\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 lg:px-[88px] py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/fc61e14a-956b-4f00-9597-09b360d9db94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/fc61e14a-956b-4f00-9597-09b360d9db94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/fc61e14a-956b-4f00-9597-09b360d9db94\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">\u0627\u0644\u0633\u0639\u064a \u0644\u0623\u0646 \u062a\u0635\u0628\u062d \u0627\u0644\u0623\u0641\u0636\u0644<\/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\">\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0646\u0627 \u0627\u0644\u0623\u0641\u0636\u0644 \u062a\u062f\u0639\u0645 \u0645\u0647\u0645\u062a\u0646\u0627 \u0641\u064a \u062c\u0639\u0644 \u0627\u0644\u0646\u0627\u0633 \u0648\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0628\u0623\u0641\u0636\u0644 \u0635\u0648\u0631\u0629 \u0645\u0645\u0643\u0646\u0629. \u0646\u0633\u0627\u0639\u062f \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0639\u0644\u0649 \u062e\u0644\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u0628\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629\u060c \u0648\u0635\u0642\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a\u060c \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0631\u0648\u0646\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.   <\/span><\/p>\n<p><span style=\"font-weight: 400\">\u062a\u0633\u062a\u0646\u062f \u0647\u0630\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 <a href=\"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/%d8%a7%d9%84%d9%82%d9%8a%d9%85-%d8%a7%d9%84%d8%ad%d9%82%d9%8a%d9%82%d9%8a%d8%a9\/?lang=ar\">\u0625\u0644\u0649 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0629<\/a> \u2013 \u0627\u0644\u062b\u0642\u0629\u060c \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645\u060c \u0627\u0644\u0648\u062d\u062f\u0629\u060c \u0648\u0627\u0644\u062a\u0645\u0643\u064a\u0646 \u2013 \u0648\u0647\u0630\u0647 \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u062a\u0648\u062c\u0647 \u0643\u0644 \u062a\u0641\u0627\u0639\u0644 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0632\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627 \u0628\u0641\u062e\u0631.  <\/span><\/p>\n                    <\/div>\n                <\/div>\n                        <!-- icons -->\n                            <div  data-animate-container=\"text\" >\n                                            \n<div data-animate=\"button\" class=\"flex flex-row gap-3 items-center py-4 border-t border-[#F1F4F7]\">\n    <div class=\"themed-icon-bg-light rounded-full w-[30px] h-[30px] p-[3px]\">\n        <div class=\"themed-icon-bg rounded-full w-6 h-6 p-1\">\n                            <!-- default checkmark icon -->\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                    <path d=\"M13.3337 4L6.00033 11.3333L2.66699 8\" stroke=\"#FDFDFE\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                <\/svg>\n                    <\/div>\n    <\/div>\n            <div class=\"text-ocs-gray-nav font-semibold\">\n            \u0623\u0641\u0636\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u0628        <\/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            \u0623\u0641\u0636\u0644 \u0625\u0646\u062a\u0627\u062c\u064a\u0629        <\/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            \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a        <\/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            \u0623\u0641\u0636\u0644 \u0645\u0631\u0648\u0646\u0629        <\/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            \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c        <\/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\/ae\/%d8%ad%d9%88%d9%84-ocs\/%d8%a7%d9%84%d8%b1%d8%a4%d9%8a%d8%a9-%d9%88%d8%a7%d9%84%d8%b1%d8%b3%d8%a7%d9%84%d8%a9\/?lang=ar\" 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\u0637\u0644\u0639 \u0639\u0644\u0649 \u0623\u0641\u0636\u0644 \u0623\u0639\u0645\u062f\u0629 \u0627\u0644\u0623\u0633\u0627\u0633 \u0644\u062f\u064a\u0646\u0627 <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-69fa1ac88fe71\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl \" style=\"background-color: #F7FBF7;\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/c6fabf4c-9fce-4145-b2a4-bc584f9a760e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/c6fabf4c-9fce-4145-b2a4-bc584f9a760e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/c6fabf4c-9fce-4145-b2a4-bc584f9a760e\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">\u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a\u0646\u0627 \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a\u0646\u0627 \u0648\u0633\u064a\u0627\u0633\u0627\u062a\u0646\u0627 \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628ESG<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>\u0646\u0647\u062c\u0646\u0627 <a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%a8%d9%8a%d8%a6%d8%a9\/?lang=ar\">\u0641\u064a \u0627\u0644\u0628\u064a\u0626\u0629<\/a> <a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d8%ac%d8%aa%d9%85%d8%a7%d8%b9%d9%8a\/?lang=ar\">\u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/a> <a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%ad%d9%88%d9%83%d9%85%d8%a9\/?lang=ar\">\u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629<\/a> (ESG) \u0645\u0628\u0627\u0634\u0631 \u0648\u0645\u0648\u062c\u0647 \u0646\u062d\u0648 \u0627\u0644\u0639\u0645\u0644. \u0646\u062f\u0631\u0643 \u0645\u0633\u0624\u0648\u0644\u064a\u062a\u0646\u0627 \u0641\u064a \u0625\u062d\u062f\u0627\u062b \u062a\u063a\u064a\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a\u060c \u0648\u062a\u0623\u062b\u064a\u0631 \u0639\u0644\u0649 \u062d\u064a\u0627\u0629 \u0632\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u0631\u0636\u0627 \u0639\u0645\u0644\u0627\u0626\u0646\u0627\u060c \u0648\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627. <\/p>\n<p><span style=\"font-weight: 400\">\u062a\u0646\u062f\u0645\u062c \u062c\u0647\u0648\u062f\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0641\u064a \u0643\u0644 \u062c\u0627\u0646\u0628 \u0645\u0646 \u062c\u0648\u0627\u0646\u0628 \u0623\u0639\u0645\u0627\u0644\u0646\u0627\u060c \u0628\u062f\u0621\u0627 \u0645\u0646 \u062a\u0628\u0646\u064a \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u062f\u0627\u0645\u0629 \u0648\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0625\u0644\u0649 \u0636\u0645\u0627\u0646 \u062d\u0648\u0643\u0645\u0629 \u0642\u0648\u064a\u0629 \u0648\u0623\u062e\u0644\u0627\u0642\u064a\u0629. \u0647\u0630\u0627 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u064a\u062a\u0639\u0644\u0642 \u0628\u0641\u0639\u0644 \u0627\u0644\u0635\u0648\u0627\u0628 \u0648\u0625\u062d\u062f\u0627\u062b \u0641\u0631\u0642 \u0645\u0644\u0645\u0648\u0633 \u0645\u0639 \u0627\u0644\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0637\u0631\u0642 \u0644\u0644\u062a\u062d\u0633\u0646. <\/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\/?lang=ar\" 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\u0646\u0627 \u0641\u064a \u0645\u062c\u0627\u0644 ESG <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n\n            <section id=\"block_acf-block-69fa1ac88fe9c\"  data-animate-container=\"waterfall\"  class=\"block_text_image max-w-8xl mx-auto w-full px-4 py-6 md:py-[72px] \">\n            <div data-animate=\"item\" class=\"w-full px-4 py-8 md:p-8 lg:p-[54px] rounded-3xl \" style=\"background-color: #F7FBF7;\">\n                <div  data-animate-container=\"waterfall\"  class=\"relative flex flex-col gap-8 lg:gap-16 items-stretch justify-center  lg:flex-row-reverse \">\n                            <div  data-animate-container=\"images\"  class=\"group relative w-full lg:w-1\/2  lg:h-auto aspect-[3\/2] lg:aspect-auto overflow-hidden rounded-3xl \">\n                <picture>\n                    <source srcset=\"https:\/\/ucarecdn.com\/e7554dd0-f9fd-4664-8d92-3ef797d511fc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                    <source srcset=\"https:\/\/ucarecdn.com\/e7554dd0-f9fd-4664-8d92-3ef797d511fc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                    <img decoding=\"async\" data-animate=\"image\" src=\"https:\/\/ucarecdn.com\/e7554dd0-f9fd-4664-8d92-3ef797d511fc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\" object-cover  w-full h-full rounded-3xl group-hover:!scale-110 transition duration-150 ease-in\" \/>\n                <\/picture>\n            <\/div>\n                            <div class=\"flex flex-col justify-center w-full lg:w-1\/2 gap-8 lg:py-6\">\n                            <div  data-animate-container=\"text\" >\n                    <h2 data-animate=\"heading\" class=\"text-ocs-gray-nav font-medium text-[36px] md:text-[44px] lg:mb-2 leading-[44px] md:leading-[54px] text-crop\">\u0645\u0624\u0633\u0633\u0629 OCS \u0648\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0641\u064a \u0627\u0644\u0639\u0645\u0644<\/h2>\n                <\/div>\n                                        <div  data-animate-container=\"text\" >\n                    <div data-animate=\"prose\" class=\"text-ocs-gray-nav prose \">\n                        <p>\u062a\u0623\u0633\u0633\u062a \u0645\u0624\u0633\u0633\u0629 OCS \u0641\u064a \u0639\u0627\u0645 2019\u060c \u0648\u062a\u0645 \u062a\u0623\u0633\u064a\u0633\u0647\u0627 \u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0628\u0639\u0636 \u0623\u0633\u0628\u0627\u0628 \u0648\u0622\u062b\u0627\u0631 \u0627\u0644\u0641\u0642\u0631 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629. \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u0645\u0646\u0627\u0637\u0642\u0646\u0627 \u0644\u062f\u064a\u0647\u0627 \u0645\u0624\u0633\u0633\u0627\u062a \u0645\u0645\u0627\u062b\u0644\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 PCS \u0641\u064a \u062a\u0627\u064a\u0644\u0627\u0646\u062f\u060c \u0648\u062c\u0645\u064a\u0639\u0647\u0627 \u062a\u0642\u0648\u0645 \u0628\u0623\u0639\u0645\u0627\u0644 \u0645\u0647\u0645\u0629 \u062f\u0627\u062e\u0644 \u0645\u062c\u062a\u0645\u0639\u0627\u062a\u0647\u0627. <\/p>\n<p>\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0627\u0644\u0634\u0631\u0627\u0643\u0627\u062a \u0645\u0639 \u0645\u0646\u0638\u0645\u0627\u062a \u062a\u0634\u0627\u0631\u0643\u0646\u0627 \u0631\u0624\u064a\u062a\u0646\u0627 \u0648\u0634\u063a\u0641\u0646\u0627\u060c \u0646\u0642\u062f\u0645 \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0648\u0623\u0628\u062d\u0627\u062b\u0627 \u0648\u0646\u062a\u0627\u0626\u062c \u0644\u0647\u0627 \u062a\u0623\u062b\u064a\u0631 \u0625\u064a\u062c\u0627\u0628\u064a \u0639\u0644\u0649 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0645\u0629.<\/p>\n<p>\u0627\u0644\u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0644\u0645\u0624\u0633\u0633\u0629 OCS \u0644\u062f\u064a\u0646\u0627\u060c &#8220;\u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0641\u064a \u0627\u0644\u0639\u0645\u0644&#8221;\u060c \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0623\u0634\u062e\u0627\u0635 \u0627\u0644\u0630\u064a\u0646 \u064a\u0648\u0627\u062c\u0647\u0648\u0646 \u0639\u0648\u0627\u0626\u0642 \u0643\u0628\u064a\u0631\u0629 \u0623\u0645\u0627\u0645 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0639\u0644\u0649 \u0627\u0644\u0627\u0646\u0636\u0645\u0627\u0645 \u0648\u0627\u0644\u0627\u0632\u062f\u0647\u0627\u0631 \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0639\u0645\u0644.<\/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\/%d9%85%d8%a4%d8%b3%d8%b3%d8%a9-ocs\/?lang=ar\" 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    \u0642\u0645 \u0628\u0632\u064a\u0627\u0631\u0629 \u0645\u0624\u0633\u0633\u0627\u062a OCS <\/a>                                                                        <\/div>\n                <\/div>\n                                                <!-- quote -->\n                    <\/div>\n    <\/div>            <\/div>\n        <\/section>\n    \n\n    <section id=\"block_acf-block-69fa1ac89167b\" data-animate-container=\"waterfall\"  class=\" block-customer-stories-slider splide  max-w-8xl mx-auto w-full py-6 md:py-[72px] lg:px-[88px] flex flex-col gap-14 \" x-data=\"{\n            visibleStory: 'story0',\n            currentImage: '',\n            currentAlt: '',\n            markerWidth: 0,\n            markerHeight: 0,\n            markerTransform: 0,\n            init() {\n                this.updateMarker(this.$refs.story0);\n                this.currentImage = 'https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n                this.currentAlt = '';\n            },\n            changeForm(key) {\n                this.visibleStory = key;\n                this.updateMarker(this.$event.target);\n            },\n            updateMarker(button) {\n                this.markerWidth = `${button.offsetWidth}px`;\n                this.markerHeight = `${button.offsetHeight}px`;\n                if (window.innerWidth < 768) {\n                    this.markerTransform = `translateY(${button.offsetTop}px) translateX(0)`;\n                } else {\n                    this.markerTransform = `translateX(${button.offsetLeft}px) translateY(0)`;\n                }\n            },\n            changeImage(value, alt){\n                this.currentImage = value;\n                this.currentAlt = alt;\n            }\n        }\" @resize.window=\"visibleStory = 'story0'; updateMarker($refs.story0)\">\n                    <div data-animate-container=\"text\" >\n                <h2 data-animate=\"heading\" class=\"font-medium px-6 lg:px-0 w-full text-center text-ocs-gray-nav text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] -tracking-[0.5px] text-crop\">\n                    \u0645\u0647\u0645\u062a\u0643 \u062a\u0635\u0628\u062d \u0645\u0647\u0645\u062a\u0646\u0627                 <\/h2>\n            <\/div>\n                            <ul data-animate=\"item\" class=\"px-6 lg:px-0 flex flex-row flex-wrap items-center justify-center gap-x-10 gap-y-8 lg:gap-16 w-full h-full md:-mt-2\">\n                                                                <\/ul>\n                            <!-- mobile + tablet -->\n            <div class=\"lg:hidden relative pb-20 md:pb-0\">\n                <div class=\"splide__track w-full\">\n                    <ul data-animate=\"item\" class=\"splide__list w-full lg:w-1\/2\">\n                        <!-- change story button -->\n                        <div class=\"hidden lg:flex mx-auto justify-center w-max border border-themed-light p-1.5 rounded-3xl md:rounded-full\">\n                            <div class=\"relative flex flex-col md:flex-row\">\n                                                                                                        <button x-ref=\"story0\" @click=\"changeForm('story0')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story0' ? 'text-white' : 'text-themed'\">\n                                                                            <\/button>\n                                                                                                        <button x-ref=\"story1\" @click=\"changeForm('story1')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story1' ? 'text-white' : 'text-themed'\">\n                                                                            <\/button>\n                                                                                                        <button x-ref=\"story2\" @click=\"changeForm('story2')\" class=\"relative z-30 py-2 md:py-4 px-4 rounded-3xl md:rounded-full transition-colors text-sm md:text-base font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story2' ? 'text-white' : 'text-themed'\">\n                                                                            <\/button>\n                                                                <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-0 w-full h-9 md:h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <!-- stories list -->\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"\u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px] \" style=\"background-color: #FEFAF9;\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">\u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/h3>\n                                        \n                                                                                    <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">\u064a\u062c\u0633\u062f \u062a\u0639\u0627\u0648\u0646\u0646\u0627 \u0645\u0639 \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0639\u0627\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0639\u0627\u0645 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0627\u0644\u0641\u0627\u062e\u0631\u060c \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0648\u0627\u0644\u0648\u062c\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0627\u0632\u0646\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0648\u064a\u0644 \u062c\u0648\u062f\u0629 \u0627\u0644\u0637\u0639\u0627\u0645\u060c \u0646\u062d\u0633\u0646 \u062a\u062c\u0631\u0628\u0629 \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0637\u0639\u0627\u0645 \u0648\u0646\u0633\u0627\u0647\u0645 \u0628\u0634\u0643\u0644 \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0635\u062d\u0629 \u0648\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0648\u0641\u0631\u0642 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a. <\/p>\n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/%d8%aa%d8%ad%d9%88%d9%84-%d8%a7%d9%84%d8%ba%d8%b0%d8%a7%d8%a1-%d9%81%d9%8a-%d9%87%d9%8a%d8%a6%d8%a9-%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d8%ad%d9%8a%d8%a9-%d8%a7%d9%84%d9%88\/?lang=ar\" aria-label=\"Go to the \u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"https:\/\/ocs.com\/ae\/%d9%82%d8%b5%d8%b5-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to the \u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"\u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px] \" style=\"background-color: #FEFAF9;\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">\u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629<\/h3>\n                                        \n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/%d8%af%d9%81%d8%b9-%d8%a3%d9%87%d8%af%d8%a7%d9%81-%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%af%d8%a7%d9%85%d8%a9-%d9%84%d8%aa%d8%b9%d8%b2%d9%8a%d8%b2-%d8%a7%d9%84%d8%aa%d8%b1%d8%a7%d8%ab-%d8%a7%d9%84%d8%b7\/?lang=ar\" aria-label=\"Go to the \u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"https:\/\/ocs.com\/ae\/%d9%82%d8%b5%d8%b5-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to the \u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                                    <li class=\"splide__slide group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                                <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                        <picture>\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7182dafa-0d73-4037-aa95-788c46389d7d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"\u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a.\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"-mt-8 relative z-20 flex flex-col rounded-3xl p-8 gap-8 min-h-[307px] \" style=\"background-color: #FEFAF9;\">\n                                                                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[30px] leading-[38px] font-medium text-ocs-gray-nav\">\u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a.<\/h3>\n                                        \n                                                                                    <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">\u0634\u0631\u0643\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062c\u0646\u0633\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0645\u0629&#8230;<\/p>\n                                                                                <div class=\"flex flex-col items-start gap-3 w-full\">\n                                            <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/%d8%ad%d9%85%d8%a7%d9%8a%d8%a9-%d9%85%d9%88%d9%82%d8%b9-%d8%b9%d9%85%d9%84%d8%a7%d8%a6%d9%86%d8%a7-%d9%88%d8%aa%d9%82%d9%86%d9%8a%d8%aa%d9%86%d8%a7-%d9%85%d9%86-%d8%ae%d9%84%d8%a7%d9%84-%d8%a7%d9%84\/?lang=ar\" aria-label=\"Go to the \u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a. story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                            <a href=\"https:\/\/ocs.com\/ae\/%d9%82%d8%b5%d8%b5-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to the \u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a. story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                    <div class=\"splide__arrows absolute lg:hidden md:relative md:mt-[56px] py-2 bottom-0 left-0 right-0 flex gap-4 flex-row justify-center\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n\n            <!-- desktop -->\n            <div data-animate=\"item\" class=\"hidden lg:flex relative pb-20 md:pb-0\">\n                <ul class=\"relative z-10 w-full lg:w-1\/2 rounded-[32px] -mr-8 py-12 px-10 flex flex-col justify-between gap-10 \" style=\"background-color: #FEFAF9;\">\n                    <!-- change story button -->\n                    <div class=\"max-w-full flex justify-start w-max ocs-on-light border border-themed-light p-1 rounded-3xl md:rounded-full bg-white\">\n                        <div class=\"relative flex flex-col md:flex-row\">\n                                                                                            <button x-ref=\"story0\" @click=\"\n                                        changeForm('story0'), \n                                        changeImage('https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story0' ? 'text-white' : 'text-themed'\">\n                                                                    <\/button>\n                                                                                            <button x-ref=\"story1\" @click=\"\n                                        changeForm('story1'), \n                                        changeImage('https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story1' ? 'text-white' : 'text-themed'\">\n                                                                    <\/button>\n                                                                                            <button x-ref=\"story2\" @click=\"\n                                        changeForm('story2'), \n                                        changeImage('https:\/\/ucarecdn.com\/7182dafa-0d73-4037-aa95-788c46389d7d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', '')\n                                    \" class=\"relative z-30 py-2 px-4 rounded-3xl xl:rounded-full transition-colors text-sm font-medium focus:outline-none focus-visible:ring focus-visible:ring-offset-2 focus-visible:ring-themed\" :class=\"visibleStory == 'story2' ? 'text-white' : 'text-themed'\">\n                                                                    <\/button>\n                                                        <div x-ref=\"marker\" id=\"marker\" class=\"absolute left-0 top-0 w-full h-9 md:h-full rounded-3xl md:rounded-full transition-all duration-150 ease-in-out themed-icon-bg\" :style=\"`width: ${markerWidth}; height: ${markerHeight}; transform: ${markerTransform}`\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- stories list -->\n                                            <li x-show=\"visibleStory == 'story0'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"\u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">\u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/h3>\n                                    \n                                                                            <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">\u064a\u062c\u0633\u062f \u062a\u0639\u0627\u0648\u0646\u0646\u0627 \u0645\u0639 \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0631\u0641\u0639 \u0645\u0633\u062a\u0648\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0637\u0639\u0627\u0645 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0637\u0639\u0627\u0645 \u0627\u0644\u062c\u0645\u0627\u0639\u064a \u0627\u0644\u0641\u0627\u062e\u0631\u060c \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0648\u0627\u0644\u0648\u062c\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0627\u0632\u0646\u0629. \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062d\u0648\u064a\u0644 \u062c\u0648\u062f\u0629 \u0627\u0644\u0637\u0639\u0627\u0645\u060c \u0646\u062d\u0633\u0646 \u062a\u062c\u0631\u0628\u0629 \u062a\u0646\u0627\u0648\u0644 \u0627\u0644\u0637\u0639\u0627\u0645 \u0648\u0646\u0633\u0627\u0647\u0645 \u0628\u0634\u0643\u0644 \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0635\u062d\u0629 \u0648\u0631\u0641\u0627\u0647\u064a\u0629 \u0627\u0644\u0645\u0631\u0636\u0649 \u0648\u0641\u0631\u0642 \u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a. <\/p>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/%d8%aa%d8%ad%d9%88%d9%84-%d8%a7%d9%84%d8%ba%d8%b0%d8%a7%d8%a1-%d9%81%d9%8a-%d9%87%d9%8a%d8%a6%d8%a9-%d8%a7%d9%84%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d8%b5%d8%ad%d9%8a%d8%a9-%d8%a7%d9%84%d9%88\/?lang=ar\" aria-label=\"Go to the \u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"https:\/\/ocs.com\/ae\/%d9%82%d8%b5%d8%b5-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to the \u062a\u062d\u0648\u0644 \u0627\u0644\u063a\u0630\u0627\u0621 \u0641\u064a \u0647\u064a\u0626\u0629 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 (NHS) \u0627\u0644\u0630\u064a \u0644\u0647 \u062a\u0623\u062b\u064a\u0631 \u0628\u064a\u0626\u064a \u0625\u064a\u062c\u0627\u0628\u064a \u0641\u064a \u0627\u0644\u0645\u062c\u062a\u0645\u0639 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                            <li x-show=\"visibleStory == 'story1'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/20856d55-5b2a-4c94-8b0d-400d6dda5670\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"\u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">\u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629<\/h3>\n                                    \n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/%d8%af%d9%81%d8%b9-%d8%a3%d9%87%d8%af%d8%a7%d9%81-%d8%a7%d9%84%d8%a7%d8%b3%d8%aa%d8%af%d8%a7%d9%85%d8%a9-%d9%84%d8%aa%d8%b9%d8%b2%d9%8a%d8%b2-%d8%a7%d9%84%d8%aa%d8%b1%d8%a7%d8%ab-%d8%a7%d9%84%d8%b7\/?lang=ar\" aria-label=\"Go to the \u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"https:\/\/ocs.com\/ae\/%d9%82%d8%b5%d8%b5-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to the \u062f\u0641\u0639 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u0637\u0628\u064a\u0639\u064a \u0644\u0644\u0646\u062f\u0646 \u0645\u0639 \u0627\u0644\u062d\u062f\u0627\u0626\u0642 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                            <li x-show=\"visibleStory == 'story2'\" x-cloak class=\"group flex flex-col items-center justify-center gap-6 h-full w-full mx-auto group\">\n                            <div class=\"w-full h-full flex flex-col justify-center focus:outline-none focus-visible:ring-2 ring-ocs-black\">\n                                                                                                                                    <div class=\"lg:hidden relative w-full h-[314px] rounded-t-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7182dafa-0d73-4037-aa95-788c46389d7d\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[314px] object-cover object-center rounded-t-[24px]\" alt=\"\u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a.\">\n                                    <\/picture>\n                                <\/div>\n                                <div class=\"relative z-20 flex flex-col gap-8\">\n                                                                                                                <h3 class=\"text-crop -tracking-[0.5px] text-[36px] leading-[44px] font-medium text-ocs-gray-nav\">\u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a.<\/h3>\n                                    \n                                                                            <p class=\"text-ocs-blue-navy text-xl line-clamp-3\">\u0634\u0631\u0643\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062c\u0646\u0633\u064a\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0642\u062f\u0645\u0629&#8230;<\/p>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"flex flex-row items-center gap-4 w-full\">\n                                <a href=\"https:\/\/ocs.com\/ae\/customer-stories\/%d8%ad%d9%85%d8%a7%d9%8a%d8%a9-%d9%85%d9%88%d9%82%d8%b9-%d8%b9%d9%85%d9%84%d8%a7%d8%a6%d9%86%d8%a7-%d9%88%d8%aa%d9%82%d9%86%d9%8a%d8%aa%d9%86%d8%a7-%d9%85%d9%86-%d8%ae%d9%84%d8%a7%d9%84-%d8%a7%d9%84\/?lang=ar\" aria-label=\"Go to the \u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a. story page\" class=\"btn btn-themed text-sm xl:text-base\">Read Their Story<\/a>\n                                <a href=\"https:\/\/ocs.com\/ae\/%d9%82%d8%b5%d8%b5-%d8%a7%d9%84%d8%b9%d9%85%d9%84%d8%a7%d8%a1\/?lang=ar\" aria-label=\"Go to the \u062d\u0645\u0627\u064a\u0629 \u0645\u0648\u0642\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u0642\u0646\u064a\u062a\u0646\u0627 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062d\u0645\u0627\u064a\u0629 \u0648\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0633\u064a\u0628\u0631\u0627\u0646\u064a. story page\" class=\"btn btn-themed-outline text-sm xl:text-base\">All Case Studies<\/a>\n                            <\/div>\n                        <\/li>\n                                    <\/ul>\n\n                <div class=\"group relative overflow-hidden w-[calc(50%+32px)] h-full min-h-[690px] z-0 rounded-r-[32px] transition duration-150 ease-in\">\n                    <picture>\n                        <source :srcset=\"currentImage\" media=\"(max-width: 1024px)\" type=\"image\/jpg\">\n                        <source :srcset=\"currentImage\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                        <img decoding=\"async\" :src=\"currentImage\" :alt=\"currentAlt\" src=\"https:\/\/ucarecdn.com\/f5f769d0-fb22-4d4e-9521-c58253bb1761\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"\" class=\"group-hover:scale-110 transition duration-150 ease-in  absolute top-0 left-0 right-0 w-full h-full min-h-[690px] object-cover object-center rounded-r-[32px]\" alt=\"\">\n                    <\/picture>\n                <\/div>\n            <\/div>\n\n                            <div class=\"flex flex-col md:flex-row gap-6 items-center justify-center\">\n                                    <p class=\"text-ocs-gray-nav\">\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0623\u0643\u062b\u0631 \u0645\u0646 8,000 \u0639\u0645\u064a\u0644 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\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=\"  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    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 <\/a>                            <\/div>\n            <\/section>\n\n\n        <section id=\"block_acf-block-69fa1ac8916a6\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 py-6 md:py-[72px] cta-block   \">\n        <div data-animate=\"item\" style=\"background-color: #0E1854;\" class=\"relative rounded-[32px] px-6 py-12 md:px-12 md:py-14 lg:px-[72px] lg:py-24 flex flex-col gap-10 items-center text-[#FDFDFE] overflow-hidden \">\n            <div class=\"absolute inset-0 z-0 overflow-hidden rounded-[32px] pointer-events-none\">\n                                                    <div class=\"absolute inset-0 w-full  text-themed-lightest opacity-10\">\n                        <span aria-hidden=\"true\" class=\"block w-full h-full max-w-none pointer-events-none\" style=\"aspect-ratio:1440\/656;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/cta-wave.svg?v=1794242732) left top \/ cover no-repeat;\"><\/span>                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative w-full flex flex-col gap-10 items-center\">\n\n                \n                                    <div class=\"flex flex-col gap-6 md:gap-10 max-w-[582px] lg:max-w-[777px] mx-auto text-center\">\n                                                    <h2 data-animate=\"heading\" class=\"text-4xl lg:text-[44px] font-medium leading-[44px] lg:leading-[54px] -tracking-[0.5px] text-crop\">\n                                Connect with your OCS team                            <\/h2>\n                                                                            <p data-animate=\"prose\" class=\"font-medium lg:text-xl\">\n                                We&#8217;re ready to deliver the best experiences, productivity, practices, resilience and outcomes and we look forward to connecting with you and your team.                            <\/p>\n                                                                        <\/div>\n                \n            <\/div>\n\n            \n                            <div  data-animate-container=\"text\" >\n                                        \n<a href=\"\/contact-us\/\" class=\"!text-base  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-underline\" target=\"_self\">\n    \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 <\/a>                <\/div>\n            \n        <\/div>\n    <\/section>\n\n\n    <section id=\"block_acf-block-69fa1ac8916c3\"  data-animate-container=\"waterfall\"  class=\"max-w-8xl w-full mx-auto px-4 mb-6 md:mb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative mx-auto rounded-[32px] \" style=\"background-color: #FEFAF9;\">\n\n            <div class=\"absolute inset-0 overflow-hidden rounded-[32px] pointer-events-none\">\n                \n                                    <div class=\"absolute left-0 top-0 w-full h-full overflow-hidden\">\n                        <div class=\"absolute z-0 top-[259px] md:top-[202px] lg:top-[200px] -left-[82px] md:-left-[191px] lg:-left-[245px] -rotate-[6deg] w-full h-full scale-150 ocs-decoration text-[#ffede5]\">\n                            <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1408\/323;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/search_hero.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <div  data-animate-container=\"text\"  class=\"relative z-20 py-16 lg:py-[100px] px-6 lg:px-0 w-full max-w-[880px] mx-auto flex flex-col justify-center items-center gap-8 rounded-[32px] md:gap-12\">\n                                                    <p class=\"font-medium text-[22px] leading-[30px] text-ocs-blue\">\u0625\u0633\u062a. 1900<\/p>\n                                                    <h2 data-animate=\"heading\" class=\"text-crop -tracking-[0.5px] text-ocs-gray-nav font-medium text-[40px] md:text-[52px] leading-[44px] md:leading-[58px] text-center\">\n                        \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b                    <\/h2>\n                                                        <div data-animate=\"prose\"  class=\"text-ocs-gray-nav text-xl text-center\">\n                            \u0639\u0644\u0649 \u0645\u062f\u0649 125 \u0639\u0627\u0645\u0627\u060c \u0643\u0627\u0646 \u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b \u0634\u0631\u0643\u062a\u0646\u0627 \u0623\u0633\u0627\u0633\u064a\u064a\u0646 \u0641\u064a \u062a\u0634\u0643\u064a\u0644 \u0646\u0647\u062c\u0646\u0627 \u0641\u064a \u0627\u0644\u062e\u062f\u0645\u0629. \u062a\u0648\u0641\u0631 \u0647\u0630\u0647 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0648\u0627\u0633\u0639\u0629 \u0623\u0633\u0627\u0633\u0627 \u0642\u0648\u064a\u0627 \u0644\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u062a\u062c\u0631\u0628\u0629 \u0648\u0646\u062a\u0627\u0626\u062c \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0632\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a.                         <\/div>\n                                        <div class=\"flex flex-row items-center gap-4 w-full mx-auto flex-wrap justify-center\">\n                                                                                \n<a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%aa%d8%a7%d8%b1%d9%8a%d8%ae-%d9%88%d8%a7%d9%84%d8%aa%d8%b1%d8%a7%d8%ab\/?lang=ar\" class=\"w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-underline\" target=\"_self\">\n    \u0632\u064a\u0627\u0631\u0629 \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b <\/a>                                                                    <\/div>\n                                <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section id=\"block_acf-block-69fa1ac8916dd\"  data-animate-container=\"waterfall\"  class=\"block-blog-section max-w-8xl mx-auto lg:px-4  splide  \">\n        <div data-animate=\"item\" class=\"relative py-6 md:py-[72px]  lg:px-16 flex flex-col gap-12 md:gap-16 rounded-[32px] \" style=\"background-color: #FFFFFF;\">\n                            <div  data-animate-container=\"text\"  class=\"px-4 md:px-[88px] lg:px-0 flex flex-col items-center justify-center gap-6 lg:gap-8 w-full max-w-[366px] sm:max-w-[672px] lg:max-w-[768px] mx-auto\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u0631\u0624\u0649 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a OCS<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">\u0627\u0628\u0642 \u0639\u0644\u0649 \u0627\u062a\u0635\u0627\u0644 \u0628\u0645\u0647\u0645\u062a\u0646\u0627\u060c \u0648\u0634\u0639\u0628\u0646\u0627\u060c \u0648\u062a\u0642\u062f\u0645\u0646\u0627.<\/p>\n                                                                                        \n<a href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%a3%d8%ae%d8%a8%d8%a7%d8%b1-%d9%88%d8%a7%d9%84%d8%a5%d8%b9%d9%84%d8%a7%d9%85\/?lang=ar\" class=\"mt-6 md:mt-0 w-full max-w-fit text-center  relative inline-block text-[16px] px-5 py-3 rounded-full focus:outline-none focus-visible:ring-2 ring-ocs-black btn-underline\" target=\"_self\">\n    \u0634\u0627\u0647\u062f \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062e\u0628\u0627\u0631 \u0648\u0648\u0633\u0627\u0626\u0644 \u0627\u0644\u0625\u0639\u0644\u0627\u0645 <\/a>                                    <\/div>\n            \n                            <div class=\"splide__track\">\n                    <ul  data-animate-container=\"cards\" data-cards-per-row=\"2\"  class=\"splide__list lg:!grid grid-cols-2 lg:gap-8\">\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/ae\/news\/strengthening-safety-reliability-and-operational-discipline-in-the-uaes-facilities-management-sector\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/STOP-1024x768.jpeg\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ocs.com\/app\/uploads\/2026\/02\/STOP-1024x768.jpeg\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"Strengthening Safety, Reliability and Operational Discipline in the UAE\u2019s Facilities Management Sector\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Health &amp; Safety<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Strengthening Safety, Reliability and Operational Discipline in the UAE\u2019s Facilities Management Sector        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            In the UAE\u2019s fast-paced built environment, facilities management teams must maintain safe and reliable operations. The STOP framework helps strengthen awareness, decision-making and operational discipline across complex environments such as airports, commercial developments and critical infrastructure.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    19 Feb, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/ae\/news\/fm-indonesia-forum-2026-strengthens-regional-momentum-for-future%e2%80%91ready-facility-management\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/956c7163-fcb3-4d6d-9737-d1b219a1b4a9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/956c7163-fcb3-4d6d-9737-d1b219a1b4a9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"FM Indonesia Forum 2026 Strengthens Regional Momentum for Future\u2011Ready Facility Management\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>News<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            FM Indonesia Forum 2026 Strengthens Regional Momentum for Future\u2011Ready Facility Management        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            FM Indonesia Forum 2026 brought together leaders from government and industry to explore AI, ESG and the evolving role of facility management. The event also marked the introduction of IFMA to Indonesia, strengthening regional momentum toward more professionalised and future-ready FM.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    11 Jan, 2026                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/ae\/news\/vr-and-ar-supporting-safer-more-effective-facilities-management\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/544ac435-2e1e-4050-8b45-795f51998f1b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/544ac435-2e1e-4050-8b45-795f51998f1b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"VR and AR Supporting Safer, More Effective Facilities Management\u00a0\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Facilities Management<\/span>\n                                    |                    <span>Innovation<\/span>\n                                    |                    <span>Technology<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            VR and AR Supporting Safer, More Effective Facilities Management\u00a0        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            OCS applies VR and AR to strengthen safety, training and technical support in facilities management. VR modules allow colleagues to practise high-risk scenarios safely, while AR smart glasses provide real-time expert guidance during live maintenance tasks. These tools enhance skills, improve response times and support more consistent service delivery.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    02 Dec, 2025                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                                    <li data-animate=\"card\" class=\"splide__slide self-stretch xl:!self-center\">\n                                <a href=\"https:\/\/ocs.com\/ae\/news\/why-iso-standards-matter-in-facilities-management\/\" class=\"group grid grid-cols-1 gap-6 xl:items-center xl:grid-cols-2\">\n    <div class=\"relative overflow-hidden bg-gray-300 rounded-3xl aspect-[12\/9] xl:aspect-auto xl:h-[200px]\">\n\n                    <picture>\n                <source srcset=\"https:\/\/ucarecdn.com\/653f913d-32b0-4152-9b24-0f4a48da91cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/653f913d-32b0-4152-9b24-0f4a48da91cb\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"Why ISO Standards Matter in Facilities Management\">\n            <\/picture>\n            <\/div>\n    <div class=\"xl:py-7\">\n                    <div class=\"flex flex-wrap gap-2 items-center text-sm font-semibold leading-5 capitalize text-themed mb-2\">\n\n                                                        <span>Health &amp; Safety<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Why ISO Standards Matter in Facilities Management        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            ISO standards form the backbone of consistent, safe, and high-quality facilities management. Guided by ISO 9001, 14001, and 45001, OCS ensures reliability, accountability, and continuous improvement across all operations while supporting sustainability and operational excellence.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4da9eea9-3375-4cc2-8051-bd15a6b5063c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"OCS Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    OCS Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    25 Nov, 2025                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/a>                            <\/li>\n                                            <\/ul>\n                <\/div>\n                <!-- arrows -->\n                <div data-animate=\"item\" class=\"-mt-4 splide__arrows lg:hidden flex !space-x-4 flex-row justify-center py-2\">\n                    <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Previous slide\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                            <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                    <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center ocs-arrow border themed-icon-border themed-icon bg-white themed-icon-hover transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                            <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                        <\/svg>\n                    <\/button>\n                <\/div>\n\n                                    <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"<p>\u062c\u0639\u0644 \u0627\u0644\u0646\u0627\u0633 \u0648\u0627\u0644\u0623\u0645\u0627\u0643\u0646 \u0628\u0623\u0641\u0636\u0644 \u0645\u0627 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646\u0648\u0627<\/p>\n","protected":false},"author":1,"featured_media":7689,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19291","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>\u062d\u0648\u0644 OCS - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0646\u062a\u0627\u0626\u062c<\/title>\n<meta name=\"description\" content=\"\u062a\u0639\u062f OCS \u0645\u0632\u0648\u062f\u0627 \u0639\u0627\u0644\u0645\u064a\u0627 \u0644\u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u064a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a. \u0627\u0646\u0642\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.\" \/>\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%ad%d9%88%d9%84-ocs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u062d\u0648\u0644 OCS\" \/>\n<meta property=\"og:description\" content=\"\u062a\u0639\u062f OCS \u0645\u0632\u0648\u062f\u0627 \u0639\u0627\u0644\u0645\u064a\u0627 \u0644\u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u064a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a. \u0627\u0646\u0642\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UAE\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-05T16:28:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/\" \/>\n\t<meta property=\"og:image:width\" content=\"1664\" \/>\n\t<meta property=\"og:image:height\" content=\"1038\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar\",\"url\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar\",\"name\":\"\u062d\u0648\u0644 OCS - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0646\u062a\u0627\u0626\u062c\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"datePublished\":\"2023-10-20T13:23:11+00:00\",\"dateModified\":\"2026-05-05T16:28:59+00:00\",\"description\":\"\u062a\u0639\u062f OCS \u0645\u0632\u0648\u062f\u0627 \u0639\u0627\u0644\u0645\u064a\u0627 \u0644\u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u064a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a. \u0627\u0646\u0642\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar#primaryimage\",\"url\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"contentUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"width\":1664,\"height\":1038},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%ad%d9%88%d9%84-ocs\\\/?lang=ar#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u062d\u0648\u0644 OCS\"}]},{\"@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":"\u062d\u0648\u0644 OCS - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0646\u062a\u0627\u0626\u062c","description":"\u062a\u0639\u062f OCS \u0645\u0632\u0648\u062f\u0627 \u0639\u0627\u0644\u0645\u064a\u0627 \u0644\u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u064a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a. \u0627\u0646\u0642\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.","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%ad%d9%88%d9%84-ocs\/","og_locale":"en_US","og_type":"article","og_title":"\u062d\u0648\u0644 OCS","og_description":"\u062a\u0639\u062f OCS \u0645\u0632\u0648\u062f\u0627 \u0639\u0627\u0644\u0645\u064a\u0627 \u0644\u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u064a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a. \u0627\u0646\u0642\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.","og_url":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar","og_site_name":"OCS - UAE","article_modified_time":"2026-05-05T16:28:59+00:00","og_image":[{"width":1664,"height":1038,"url":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar","url":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar","name":"\u062d\u0648\u0644 OCS - \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0628\u0627\u0644\u0646\u062a\u0627\u0626\u062c","isPartOf":{"@id":"https:\/\/ocs.com\/ae\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar#primaryimage"},"image":{"@id":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","datePublished":"2023-10-20T13:23:11+00:00","dateModified":"2026-05-05T16:28:59+00:00","description":"\u062a\u0639\u062f OCS \u0645\u0632\u0648\u062f\u0627 \u0639\u0627\u0644\u0645\u064a\u0627 \u0644\u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u064a\u062e\u062f\u0645 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a. \u0627\u0646\u0642\u0631 \u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0632\u064a\u062f.","breadcrumb":{"@id":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar#primaryimage","url":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","contentUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","width":1664,"height":1038},{"@type":"BreadcrumbList","@id":"https:\/\/ocs.com\/ae\/%d8%ad%d9%88%d9%84-ocs\/?lang=ar#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/ae\/"},{"@type":"ListItem","position":2,"name":"\u062d\u0648\u0644 OCS"}]},{"@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\/19291","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=19291"}],"version-history":[{"count":3,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/19291\/revisions"}],"predecessor-version":[{"id":19439,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/19291\/revisions\/19439"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/media\/7689"}],"wp:attachment":[{"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/media?parent=19291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}