{"id":18227,"date":"2024-01-02T18:38:43","date_gmt":"2024-01-02T18:38:43","guid":{"rendered":"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\/"},"modified":"2026-04-30T12:27:48","modified_gmt":"2026-04-30T11:27:48","slug":"%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","status":"publish","type":"page","link":"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","title":{"rendered":"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b"},"content":{"rendered":"    <section x-data=\"hero\" id=\"block_acf-block-67cae30cba49e\" data-animate-container=\"waterfall\"  class=\"block-hero max-w-8xl mx-auto px-6  md:pb-[72px]  \">\n        <div data-animate=\"item\" class=\"relative\">\n            <div x-ref=\"heroSlider\" class=\"h-[280px] sm:h-[400px] lg:h-[544px] rounded-3xl splide\">\n                <div class=\"splide__track rounded-t-3xl lg:rounded-3xl h-full\">\n                    <ul class=\"splide__list\">\n                                                    <li class=\"splide__slide w-full h-full relative\" x-ref=\"heroAsset\">\n                                                                                                        <picture class=\"h-full flex\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" media=\"(max-width: 1536px)\" type=\"image\/jpg\">\n                                        <source srcset=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" type=\"image\/jpg\">\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d8a93f13-ed0d-46bb-879b-571c797f57fd\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1536x1536\/\" class=\"w-full h-full object-cover object-center rounded-t-3xl lg:rounded-3xl\" alt=\"\">\n                                    <\/picture>\n                                                            <\/li>\n                                            <\/ul>\n                <\/div>\n            <\/div>\n\n            <div class=\"relative lg:absolute rounded-3xl w-full flex flex-col gap-8 md:gap-10 lg:gap-12 items-start justify-between text-ocs-gray-nav py-8 px-6 md:px-10 lg:p-16 -translate-y-6 mb-6 overflow-hidden lg:top-8 lg:left-8 lg:bottom-8 lg:max-w-[636px] lg:translate-y-0 lg:mb-0 \" style=\"background-color: #FEFAF9;\">\n\n                                    <div class=\"absolute w-[942px] h-[494px] -left-[376px] -bottom-[271px] md:w-[1259px] md:h-[660px] md:-left-[418px] md:-bottom-[228px] ocs-decoration text-[#fae8e3]\">\n                        <span aria-hidden=\"true\" class=\"block max-w-none pointer-events-none\" style=\"width:100%;aspect-ratio:1259\/661;background-color:currentColor;-webkit-mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;mask:url(https:\/\/ocs.com\/app\/themes\/ocs\/assets\/svgs\/wave.svg?v=1794242732) center \/ contain no-repeat;\"><\/span>                    <\/div>\n                \n                <div data-animate-container=\"text\"  class=\"flex flex-col gap-8 md:gap-10 items-start lg:justify-center\">\n                                                                    <a data-animate=\"button\" href=\"https:\/\/ocs.com\/ae\/careers\/\" class=\"relative group flex items-center text-sm w-fit gap-1 pl-1 py-1 pr-2.5 bg-white border border-themed-light rounded-full font-medium text-center leading-[18px]\" target=\"\">\n                                                            <span class=\"themed-icon-bg text-white px-2.5 py-1.5 rounded-full mr-1\">\n                                    \u0627\u0646\u0636\u0645 \u0625\u0644\u0649 \u0645\u0647\u0645\u062a\u0646\u0627                                <\/span>\n                                                        \u0627\u0644\u0645\u0633\u064a\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629                            <svg class=\"w-4 h-4 group-hover:translate-x-1 duration-150 flex-none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\">\n                                <path stroke=\"#181924\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M3.332 8h9.333m0 0L8 3.335m4.666 4.667L8 12.667\" \/>\n                            <\/svg>\n                        <\/a>\n                    \n\n                                            <h1 data-animate=\"heading\" class=\"relative text-[40px] font-medium leading-[44px] -tracking-[0.5px] lg:text-[52px] lg:leading-[58px] text-crop\">\n                            \u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b                        <\/h1>\n                    \n                                            <div data-animate=\"prose\" class=\"relative text-[22px] leading-[30px] -tracking-[0.5px] text-crop\">\n                            <p>\u0628\u062f\u0623\u0646\u0627 \u0643\u0639\u0645\u0644\u064a\u0629 \u062a\u0646\u0638\u064a\u0641 \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0644\u0634\u062e\u0635 \u0648\u0627\u062d\u062f \u0641\u064a \u0639\u0627\u0645 1900\u060c \u0648\u062a\u0648\u0633\u0639\u0646\u0627 \u0639\u0627\u0644\u0645\u064a\u0627\u060c \u0644\u064a\u0634\u0645\u0644 \u0627\u0644\u0622\u0646 \u0641\u0631\u064a\u0642\u0627 \u0645\u062a\u0646\u0648\u0639\u0627 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 130,000 \u0632\u0645\u064a\u0644 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645.<\/p>\n                        <\/div>\n                                    <\/div>\n                            <\/div>\n\n                <\/section>\n\n\n    <section id=\"block_acf-block-67cae30cba980\"  data-animate-container=\"waterfall\"  class=\"  block-timeline-white  splide max-w-8xl mx-auto flex flex-col \">\n        <div data-animate=\"item\" class=\"relative pb-[120px]  pt-6 md:pt-[44px] md:pb-[44px] flex flex-col items-center justify-between gap-8 md:gap-16 rounded-[32px] \" style=\"background-color: #FFFFFF;\">\n            <div class=\"px-6  lg:px-[88px]  flex flex-none flex-col md:flex-row items-center md:items-end justify-between gap-6 w-full\">\n                <div  data-animate-container=\"text\"  class=\"flex flex-col w-full items-center md:items-start gap-6\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center md:text-left text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u062a\u0627\u0631\u064a\u062e\u0646\u0627<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center md:text-left text-ocs-blue-navy text-xl\">\u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0648\u062d\u062a\u0649 \u0627\u0644\u064a\u0648\u0645\u060c \u0642\u0635\u0629 OCS \u0647\u064a \u0642\u0635\u0629 \u0627\u0644\u062a\u0641\u0627\u0646\u064a \u062a\u062c\u0627\u0647 \u0627\u0644\u0646\u0627\u0633\u060c \u0648\u0627\u0644\u0627\u062a\u0633\u0627\u0642\u060c \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p>\n                                    <\/div>\n                <!-- Desktop Slider Arrows -->\n                                    <div data-animate=\"item\" class=\"w-full md:w-auto py-2 md:py-0 splide__arrows absolute md:relative bottom-8 md:bottom-0 left-0 right-16 xl:right-[88px] flex gap-3 flex-row items-center justify-center\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed text-themed\" aria-label=\"Previous slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M15.8337 10.6953H4.16699\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10.0003 16.526L4.16699 10.6927L10.0003 4.85938\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                        <button class=\"next splide__arrow--next !right-0 relative opacity-100 flex flex-none items-center ocs-arrow border border-themed-light bg-white enabled:hover:bg-themed-light transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed text-themed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                            <\/div>\n\n                            <div  data-animate-container=\"waterfall\"  class=\"splide__track w-full\">\n                    <ul data-animate=\"item\" class=\"splide__list\">\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Fred Goodliffe, OCS founder, 1875 to 1947\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1900                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0648\u0644\u062f OCS \u0639\u0646\u062f\u0645\u0627 \u0623\u0633\u0633 \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u0648\u064a\u0644\u064a\u0627\u0645 \u062c\u0648\u062f\u0644\u064a\u0641 \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0644\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0639\u0627\u0645\u0629 \u0641\u064a \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/1c432607-11c7-4a3f-8c48-fd34126aea64\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0647\u0627 \u0641\u064a \u0627\u0644\u0639\u0627\u0626\u0644\u0629\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1928                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0647\u0627 \u0641\u064a \u0627\u0644\u0639\u0627\u0626\u0644\u0629<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0627\u0646\u0636\u0645 \u062c\u0648\u0631\u062c\u060c \u0627\u0644\u0627\u0628\u0646 \u0627\u0644\u062b\u0627\u0644\u062b \u0644\u0641\u0631\u064a\u062f\u0631\u064a\u0643\u060c \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u060c \u0645\u062a\u0628\u0639\u0627 \u062e\u0637\u0649 \u0627\u0644\u0623\u062e\u0648\u064a\u0646 \u0627\u0644\u0623\u0643\u0628\u0631 \u062c\u064a\u0644\u0628\u0631\u062a \u0648\u062a\u0648\u0645 \u0627\u0644\u0644\u0630\u064a\u0646 \u0627\u0646\u0636\u0645\u0627 \u0641\u064a \u0639\u0627\u0645\u064a 1912 \u06481920 \u0639\u0644\u0649 \u0627\u0644\u062a\u0648\u0627\u0644\u064a.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ad24b0ba-9b34-4247-81c2-b1df1ef21a87\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0645\u0646 \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0625\u0644\u0649 FM \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1930                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0645\u0646 \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0625\u0644\u0649 FM \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0623\u0633\u0633\u062a \u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 (OCS)\u060c \u0641\u064a \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0643\u0634\u0631\u0643\u0629 \u062a\u0646\u0638\u064a\u0641 \u0642\u0628\u0644 \u0623\u0646 \u062a\u0646\u062a\u0642\u0644 \u0633\u0648\u064a\u062a\u0641\u0644\u0627\u064a \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0623\u062e\u0631\u0649 \u0648\u062d\u0644\u0648\u0644 \u0645\u0634\u0645\u0648\u0644\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/cbda3859-11c4-4a39-ac2e-299973b99f42\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0646\u0645\u0648 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0633\u0631\u0639\u0629\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1950                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0646\u0645\u0648 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0628\u0633\u0631\u0639\u0629<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0628\u0639\u062f \u0648\u0641\u0627\u0629 (\u0627\u0644\u0645\u0624\u0633\u0633) \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u0641\u064a \u0639\u0627\u0645 1947\u060c \u0648\u0633\u0639 \u0623\u0628\u0646\u0627\u0624\u0647 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0646\u062a\u0642\u0644\u0648\u0627 \u0625\u0644\u0649 \u0645\u0642\u0631 \u0623\u0643\u0628\u0631 \u0648\u0623\u0646\u0634\u0623\u0648\u0627 \u0634\u0628\u0643\u0629 \u0641\u0631\u0648\u0639.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/eb009a3b-04eb-432c-a489-f503a18841b3\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u062e\u062f\u0645\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1958                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u062e\u062f\u0645\u0629 \u062c\u0645\u064a\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0645\u062a \u0633\u0644\u0633\u0644\u0629 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0648\u062a\u0646\u0648\u0639\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0625\u0644\u0649 \u0635\u0646\u0627\u0639\u0627\u062a \u062c\u062f\u064a\u062f\u0629.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/da23a640-2cae-431d-b482-caaa8fe94944\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1963                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0628\u062d\u0644\u0648\u0644 \u0639\u0627\u0645 1963\u060c \u0646\u0645\u062a \u0634\u0628\u0643\u0629 \u0641\u0631\u0648\u0639 OCS \u0644\u062a\u0634\u0645\u0644 \u0628\u0631\u0645\u0646\u063a\u0647\u0627\u0645\u060c \u0645\u0627\u0646\u0634\u0633\u062a\u0631\u060c \u063a\u0644\u0627\u0633\u0643\u0648\u060c \u0628\u0631\u064a\u0633\u062a\u0648\u0644\u060c \u0631\u0648\u062a\u0634\u0633\u062a\u0631\u060c \u0633\u0627\u0648\u062b\u0647\u0627\u0645\u0628\u062a\u0648\u0646\u060c \u063a\u0644\u0648\u0633\u062a\u0631\u060c \u062f\u0646\u0633\u062a\u0627\u0628\u0644\u060c \u0643\u0631\u0648\u064a\u062f\u0648\u0646\u060c \u0625\u0644\u0641\u0648\u0631\u062f\u060c \u0648\u064a\u0633\u062a \u062f\u0631\u0627\u064a\u062a\u0648\u0646\u060c \u0648\u0628\u0648\u0631\u0646\u0645\u0648\u062b.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e0d88356-7920-46c2-a280-c953496a0e69\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0637\u064a\u0631\u0627\u0646\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1966                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u062a\u0628\u062f\u0623 \u0631\u062d\u0644\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0637\u064a\u0631\u0627\u0646<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0641\u064a \u0639\u0627\u0645 1966\u060c \u062d\u0635\u0644 \u0641\u0631\u064a\u0642 OCS \u0639\u0644\u0649 \u0623\u0648\u0644 \u0639\u0642\u062f \u0637\u064a\u0631\u0627\u0646 \u0644\u0647 \u0645\u0639 \u0634\u0631\u0643\u0629 \u062f\u0627\u0646-\u0625\u064a\u0631\u060c \u0627\u0644\u062a\u064a \u0643\u0627\u0646\u062a \u0645\u0642\u0631\u0647\u0627 \u0641\u064a \u062c\u0627\u062a\u0648\u064a\u0643 \u0628\u0644\u0646\u062f\u0646.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ba1cf500-3182-46bc-baaa-b9370dd2af0b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u062a\u0623\u0633\u0633\u062a PCS\u060c \u0639\u0644\u0627\u0645\u062a\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u062e\u0630 \u0645\u0646 \u062a\u0627\u064a\u0644\u0627\u0646\u062f \u0645\u0642\u0631\u0627 \u0644\u0647\u0627\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1967                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u062a\u0623\u0633\u0633\u062a PCS\u060c \u0639\u0644\u0627\u0645\u062a\u0646\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u062e\u0630 \u0645\u0646 \u062a\u0627\u064a\u0644\u0627\u0646\u062f \u0645\u0642\u0631\u0627 \u0644\u0647\u0627<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">PCS \u0647\u064a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0634\u0642\u064a\u0642\u0629 \u0644 OCS\u060c \u0648\u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0645\u0645\u0627\u062b\u0644\u0629. \u0627\u0644\u064a\u0648\u0645 \u0647\u0645 \u0645\u0646 \u0623\u0643\u0628\u0631 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u062a\u0627\u064a\u0644\u0627\u0646\u062f \u0645\u0639 \u0645\u0627 \u064a\u0642\u0631\u0628 \u0645\u0646 40,000 \u0632\u0645\u064a\u0644. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7736a9cb-8207-4615-b860-6be240fc482b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u062a\u0631\u0627\u0643\u0645\u062a \u0623\u0643\u062b\u0631 \u0645\u0646 60 \u0634\u0631\u0643\u0629\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1978                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u062a\u0631\u0627\u0643\u0645\u062a \u0623\u0643\u062b\u0631 \u0645\u0646 60 \u0634\u0631\u0643\u0629<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0628\u062d\u0644\u0648\u0644 \u0639\u0627\u0645 1978\u060c \u0646\u0645\u062a \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629 \u0644\u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u0627\u060c \u0645\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 50 \u0641\u0631\u0639\u0627 \u062a\u062e\u062f\u0645 \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u0627\u0644\u062c\u0632\u0631 \u0627\u0644\u0628\u0631\u064a\u0637\u0627\u0646\u064a\u0629 \u0645\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 60 \u0634\u0631\u0643\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0641\u064a \u0627\u0644\u063a\u0627\u0644\u0628 \u0628\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u062a\u0646\u0638\u064a\u0641\u060c \u0645\u0648\u0627\u0643\u0628\u0629 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0647\u0627 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b8ba55ec-4608-476e-94c1-82d309839c19\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1984                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0641\u064a \u0627\u0644\u0625\u0639\u0644\u0627\u0646<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0643\u0627\u0646\u062a OCS \u062a\u0646\u062a\u062c \u0646\u0634\u0631\u0627\u062a \u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0645\u0646\u062a\u0638\u0645\u0629 \u0648\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0645\u0639 \u0641\u062a\u0631\u0629 \u0645\u0646 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0641\u0643\u0627\u0647\u064a\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/19a8f492-dc2f-4eca-b106-2679e62f2129\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1985                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0648\u0633\u0639\u062a \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0631\u0643\u0627\u062a OCS \u0625\u0644\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u062d\u064a\u062b \u0639\u0645\u0644\u062a \u0641\u064a 8 \u062f\u0648\u0644 \u062d\u0648\u0644 \u0627\u0644\u0639\u0627\u0644\u0645 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0623\u064a\u0631\u0644\u0646\u062f\u0627\u060c \u0627\u0644\u0628\u0631\u062a\u063a\u0627\u0644\u060c \u0647\u0648\u0644\u0646\u062f\u0627\u060c \u0643\u0646\u062f\u0627\u060c \u0647\u0648\u0646\u063a \u0643\u0648\u0646\u063a \u0648\u0625\u0633\u0628\u0627\u0646\u064a\u0627\u060c \u0636\u0645\u0646 \u0627\u0644\u0639\u062f\u064a\u062f \u0645\u0646 \u062e\u0637\u0648\u0637 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u064a\u0648\u0645\u060c \u0645\u062b\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0641\u060c \u0645\u0643\u0627\u0641\u062d\u0629 \u0627\u0644\u0622\u0641\u0627\u062a\u060c \u0627\u0644\u0623\u0645\u0646\u060c \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u0639\u0628\u0629 \u0648\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bb310f50-1eb2-456c-92a7-15a85106a555\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0641\u0648\u0632 \u0639\u0642\u062f \u0646\u0641\u0642 \u0627\u0644\u0642\u0646\u0627\u0644\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1992                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0641\u0648\u0632 \u0639\u0642\u062f \u0646\u0641\u0642 \u0627\u0644\u0642\u0646\u0627\u0644<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0641\u064a \u0639\u0627\u0645 1992\u060c \u0634\u0643\u0644\u062a OCS \u0634\u0631\u0627\u0643\u0629 \u0645\u0639 \u0645\u0634\u063a\u0644 \u0641\u0631\u0646\u0633\u064a \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0644\u062f\u0639\u0645 \u0646\u0641\u0642 \u0627\u0644\u0642\u0646\u0627\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/421e2491-a892-49e6-b365-1be47fb542a0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0635\u0631\u064a\u062d \u0627\u0644\u0645\u0644\u0643\u064a\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            1992                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0635\u0631\u064a\u062d \u0627\u0644\u0645\u0644\u0643\u064a<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">30,000 \u0632\u0645\u064a\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0648\u0623\u064a\u0631\u0644\u0646\u062f\u0627 \u0648\u0623\u0648\u0631\u0648\u0628\u0627 \u0648\u0643\u0646\u062f\u0627 \u0648\u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0642\u0635\u0649. \u0623\u0643\u0628\u0631 \u0645\u0646\u0638\u0645\u0629 \u0644\u0635\u064a\u0627\u0646\u0629 \u0648\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629. \u062a\u0631\u0643\u064a\u0632 \u0642\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0627\u0644\u0628\u064a\u0626\u064a\u0629\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062d\u0644\u0644\u060c \u0648\u0641\u0631\u0632 \u0646\u0641\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0644\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u062a\u062f\u0648\u064a\u0631\u060c \u0648\u0623\u0633\u0637\u0648\u0644 \u0645\u0646 \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0627\u0644\u062e\u0627\u0644\u064a\u0629 \u0645\u0646 \u0627\u0644\u0631\u0635\u0627\u0635. \u0633\u064a\u0627\u0633\u0627\u062a \u0633\u0627\u0639\u062f\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0639\u0644\u0649 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u0635\u0631\u064a\u062d\u0647\u0627 \u0627\u0644\u0645\u0644\u0643\u064a \u0645\u0646 \u062c\u0644\u0627\u0644\u0629 \u0627\u0644\u0645\u0644\u0643\u0629.   <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/7f659c5c-4505-41ec-9e05-b2b666007da6\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"Rob Legge, CEO\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2002                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0631\u0648\u0628 \u0644\u064a\u062c\u060c \u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u0644\u0645\u062c\u0645\u0648\u0639\u0629 OCS\u060c \u0623\u0633\u0633 \u0634\u0631\u0643\u0629 \u0625\u064a\u0643\u0648\u0643\u0644\u064a\u0646 \u0644\u0623\u0648\u0644 \u0645\u0631\u0629 \u0641\u064a \u0639\u0627\u0645 1997 \u0648\u062f\u0645\u062c\u0647\u0627 \u0645\u0639 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629 \u0641\u064a \u0639\u0627\u0645 1999 \u0642\u0628\u0644 \u0623\u0646 \u064a\u0643\u0645\u0644 \u0639\u0645\u0644\u064a\u0629 \u0634\u0631\u0627\u0621 \u0625\u062f\u0627\u0631\u064a\u0629 \u0641\u064a \u0639\u0627\u0645 2003. \u0628\u0639\u062f \u0646\u0645\u0648 \u0643\u0628\u064a\u0631\u060c \u0639\u0636\u0648\u064a\u0627 \u0648\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630\u060c \u0628\u0627\u0639\u062a \u0631\u0648\u0628 \u0641\u064a \u0639\u0627\u0645 2018 \u0639\u0645\u0644\u064a\u0627\u062a UKL \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0627 \u0644\u0634\u0631\u0643\u0629 \u0623\u062a\u0627\u0644\u064a\u0627\u0646. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3f3aa595-d93c-4ed8-acb3-2fb7b0c1aba0\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u064a\u0624\u0633\u0633 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0643\u0644\u0627\u0639\u0628 \u0639\u0627\u0644\u0645\u064a\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2007                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u064a\u0624\u0633\u0633 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0643\u0644\u0627\u0639\u0628 \u0639\u0627\u0644\u0645\u064a<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0633\u064a\u0631\u0641\u064a\u0633\u062a\u060c \u0648\u0647\u064a \u0634\u0631\u0643\u0629 \u0645\u0642\u0631\u0647\u0627 \u062c\u0646\u0648\u0628 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 \u062a\u0623\u0633\u0633\u062a \u0639\u0627\u0645 1997\u060c \u0643\u0627\u0646\u062a \u062a\u0633\u0639\u0649 \u0644\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0623\u0648\u0631\u0648\u0628\u064a\u0629. \u0627\u0634\u062a\u0631\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0641\u064a \u0639\u0627\u0645 2007\u060c \u0648\u062a\u0623\u0633\u0633\u062a \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0628\u0631\u0626\u0627\u0633\u0629 \u0631\u0648\u0628 \u0644\u064a\u062c \u0639\u0644\u0649 \u0631\u0623\u0633 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0628\u0631\u064a\u0637\u0627\u0646\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\u060c \u0645\u0639 \u062a\u0648\u0633\u0639 \u0625\u0636\u0627\u0641\u064a \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627 \u062a\u0628\u0639 \u0630\u0644\u0643. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2ca5c23f-309b-47c5-a79f-d0d9be1dd4df\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0634\u0631\u0643\u0629 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u062a\u0624\u0633\u0633 \u0648\u062c\u0648\u062f\u0627 \u0648\u0637\u0646\u064a\u0627\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2007                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0634\u0631\u0643\u0629 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u062a\u0624\u0633\u0633 \u0648\u062c\u0648\u062f\u0627 \u0648\u0637\u0646\u064a\u0627<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0645\u0646\u062d \u0639\u0642\u062f \u0648\u0637\u0646\u064a \u0645\u0647\u0645 \u0645\u0646 \u0628\u0631\u064a\u0645\u0627\u0631\u0643 \u0645\u0639 40 \u0645\u062a\u062c\u0631\u0627 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u062c\u063a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629. \u0644\u0645 \u062a\u062a\u0648\u0633\u0639 \u0627\u0644\u0639\u0644\u0627\u0642\u0629 \u0645\u0639 \u0628\u0631\u064a\u0645\u0627\u0631\u0643 \u0625\u0644\u0627 \u0645\u0646\u0630 \u0630\u0644\u0643 \u0627\u0644\u062d\u064a\u0646\u060c \u0648\u0644\u0627 \u062a\u0632\u0627\u0644 \u0634\u0631\u064a\u0643\u0627 \u0631\u0626\u064a\u0633\u064a\u0627 \u062d\u062a\u0649 \u0627\u0644\u064a\u0648\u0645. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/bdb06a20-e431-4043-889a-832f7c0cbcfc\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u062a\u062a\u0648\u0633\u0639 \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0627\u0644\u062a\u0646\u0638\u064a\u0641\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2012                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u062a\u062a\u0648\u0633\u0639 \u0625\u0644\u0649 \u0645\u0627 \u0647\u0648 \u0623\u0628\u0639\u062f \u0645\u0646 \u0627\u0644\u062a\u0646\u0638\u064a\u0641<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0634\u0647\u062f \u0645\u0627\u064a\u0648 2012 \u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0633\u062a\u0627\u062c \u0644\u0644\u0623\u0645\u0646\u0629\u060c \u0648\u0647\u0648 \u0623\u0648\u0644 \u062a\u0648\u0633\u0639 \u0644\u0644\u0634\u0631\u0643\u0629 \u062e\u0627\u0631\u062c \u0627\u0644\u062a\u0646\u0638\u064a\u0641\u060c \u062a\u0644\u0627\u0647 \u0628\u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0622\u062e\u0631\u060c \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u0629 \u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062a\u0645\u0648\u064a\u0646 \u0645\u0639 \u0627\u0646\u0636\u0645\u0627\u0645 7 \u062f\u0627\u064a \u0644\u0644\u062a\u0645\u0648\u064a\u0646 \u0625\u0644\u0649 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0641\u064a \u062f\u064a\u0633\u0645\u0628\u0631\u060c \u0645\u0645\u0627 \u0645\u0646\u062d \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 3 \u062e\u0637\u0648\u0637 \u062e\u062f\u0645\u0629 \u0648\u0627\u0636\u062d\u0629: \u0627\u0644\u062a\u0646\u0638\u064a\u0641\u060c \u0627\u0644\u0623\u0645\u0646\u060c \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0646.  <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/47f237c0-e063-4425-b9d3-88d7fccee032\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0633\u062a\u0645\u0631 \u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2016                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0633\u062a\u0645\u0631 \u0627\u0644\u062a\u0648\u0633\u0639 \u0641\u064a \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0623\u0643\u0645\u0644\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u062b\u0644\u0627\u062b \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0633\u062a\u062d\u0648\u0627\u0630\u0627\u062a \u0641\u064a \u0639\u0627\u0645 2016\u060c \u0645\u0636\u064a\u0641\u0629 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0627\u0644\u062a\u0645\u0648\u064a\u0646\u060c \u0622\u0631\u062b\u0631 \u0645\u0643\u0627\u064a\u060c \u0648\u0623\u0643\u0648\u0631\u0648 \u0643\u0627\u062a\u064a\u0631\u064a\u0646\u062c \u0625\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u0646\u0627\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\u060c \u0645\u0645\u0627 \u0648\u0636\u0639\u0647\u0627 \u0628\u062b\u0628\u0627\u062a \u0639\u0644\u0649 \u0637\u0631\u064a\u0642 \u0623\u0646 \u062a\u0635\u0628\u062d \u0644\u0627\u0639\u0628\u0627 \u0645\u0647\u0645\u0627 \u0648\u0645\u0639\u062a\u0631\u0641\u0627 \u0628\u0647 \u0641\u064a \u0633\u0648\u0642 FM \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/68904289-1d2c-44a7-8fa2-c4b58f26f6a9\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0645\u062e\u0637\u0637 \u062d\u0628\u0644 \u0639\u0628\u0627\u062f \u0627\u0644\u0634\u0645\u0633\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2016                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0645\u062e\u0637\u0637 \u062d\u0628\u0644 \u0639\u0628\u0627\u062f \u0627\u0644\u0634\u0645\u0633<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0628\u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0645\u0639 \u0645\u0637\u0627\u0631 \u062c\u0627\u062a\u0648\u064a\u0643\u060c \u0623\u0637\u0644\u0642\u062a OCS \u0628\u0631\u0646\u0627\u0645\u062c \u062d\u0628\u0644 \u0639\u0628\u0627\u062f \u0627\u0644\u0634\u0645\u0633 \u0627\u0644\u0645\u0639\u062a\u0631\u0641 \u0628\u0647 \u0639\u0627\u0644\u0645\u064a\u0627 \u0648\u0627\u0644\u0630\u064a \u064a\u0645\u0646\u062d \u0627\u0644\u0631\u0643\u0627\u0628 \u0637\u0631\u064a\u0642\u0629 \u0633\u0631\u064a\u0629 \u0644\u0625\u0628\u0644\u0627\u063a\u0647\u0645 \u0628\u062d\u0627\u062c\u062a\u0647\u0645 \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629 \u0625\u0636\u0627\u0641\u064a\u0629 \u0628\u0633\u0628\u0628 \u062a\u0642\u064a\u064a\u062f \u0627\u0644\u062d\u0631\u0643\u0629 \u0648\u0627\u0644\u0625\u0639\u0627\u0642\u0627\u062a \u0627\u0644\u062e\u0641\u064a\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/8e85b74c-8300-46c1-9412-870ce2f28f8b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u064a\u062f\u0641\u0639 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2018                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0639\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u064a\u062f\u0641\u0639 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0633\u062a\u0645\u0631<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0645\u0646\u062d \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0623\u0643\u062a\u0631\u064a\u0648\u0646 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u062d\u0636\u0648\u0631\u0627 \u0623\u0643\u0628\u0631 \u0641\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0637\u0628\u0627\u0639\u0629 \u0648\u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u063a\u0630\u064a\u0629 \u0648\u0627\u0644\u0646\u0642\u0644\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u062d\u0636\u0648\u0631\u0647\u0627 \u0641\u064a \u0623\u0648\u0631\u0648\u0628\u0627\u060c \u062d\u064a\u062b \u0623\u0635\u0628\u062d\u062a \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0622\u0646 \u0641\u064a 10 \u062f\u0648\u0644 \u0623\u0648\u0631\u0648\u0628\u064a\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/b79c5376-9778-4356-a855-b0f204a13416\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0646\u0627\u062c\u062d \u0644\u0633\u064a\u0631\u0641\u064a\u0633\u062a\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2018                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0633\u0631\u064a\u0639 \u0648\u0627\u0644\u0628\u064a\u0639 \u0627\u0644\u0646\u0627\u062c\u062d \u0644\u0633\u064a\u0631\u0641\u064a\u0633\u062a<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0628\u0639\u062f \u0625\u0646\u0634\u0627\u0621 \u0645\u0634\u0631\u0648\u0639 \u0645\u0634\u062a\u0631\u0643 \u0641\u064a \u0639\u0627\u0645 2016 \u0628\u064a\u0646 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0648\u0623\u062a\u0627\u0644\u064a\u0627\u0646\u060c \u0627\u0646\u062f\u0645\u062c\u062a \u0634\u0631\u0643\u062a\u0627 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u062a\u0627\u0646 \u0631\u0633\u0645\u064a\u0627 \u0644\u062a\u0634\u0643\u064a\u0644 \u0623\u062a\u0627\u0644\u064a\u0627\u0646 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0641\u064a \u0639\u0627\u0645 2018.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/34cd6884-195a-472e-ba32-b4972af90009\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0625\u0637\u0644\u0627\u0642 \u0645\u0624\u0633\u0633\u0629 OCS\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2019                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0625\u0637\u0644\u0627\u0642 \u0645\u0624\u0633\u0633\u0629 OCS<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0623\u0633\u0633\u062a \u0643\u062c\u0645\u0639\u064a\u0629 \u062e\u064a\u0631\u064a\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0631\u0641\u0639 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629\u060c \u0648\u0627\u0644\u0625\u0631\u062b\u060c \u0648\u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0625\u064a\u062c\u0627\u0628\u064a. \u0645\u0643\u0646\u062a \u0627\u0644\u0645\u0624\u0633\u0633\u0629 \u0645\u0627 \u064a\u0642\u0631\u0628 \u0645\u0646 200 \u0634\u062e\u0635 \u0631\u0628\u0645\u0627 \u0648\u0627\u062c\u0647\u0648\u0627 \u0635\u0639\u0648\u0628\u0629 \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0648\u0638\u0627\u0626\u0641 \u0645\u0633\u062a\u062f\u0627\u0645\u0629. <\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/a2358678-52e5-4037-9300-c99e31f29684\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0639\u0642\u062f \u0623\u0645\u0646\u064a \u0641\u064a Cop 26\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2022                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0639\u0642\u062f \u0623\u0645\u0646\u064a \u0641\u064a Cop 26<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0643\u0627\u0646 \u0645\u0624\u062a\u0645\u0631 \u0627\u0644\u0623\u0637\u0631\u0627\u0641 26 \u0647\u0648 \u0627\u0644\u0645\u0624\u062a\u0645\u0631 \u0627\u0644\u0633\u0627\u062f\u0633 \u0648\u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0644\u0644\u0623\u0645\u0645 \u0627\u0644\u0645\u062a\u062d\u062f\u0629 \u0644\u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u062e\u060c \u0648\u0647\u0648 \u0642\u0645\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0639\u0642\u062f\u062a \u0641\u064a \u0639\u0627\u0645 2021 \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0648\u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u062c\u0647\u0648\u062f \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0644\u0645\u0643\u0627\u0641\u062d\u0629 \u062a\u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u062e.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2612c448-01e4-4b67-bda5-ad6e90119982\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0627\u0646\u062f\u0645\u0627\u062c \u0623\u062a\u0627\u0644\u064a\u0627\u0646 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0648OCS\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0627\u0646\u062f\u0645\u0627\u062c \u0623\u062a\u0627\u0644\u064a\u0627\u0646 \u0633\u064a\u0631\u0641\u064a\u0633\u062a \u0648OCS<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0645 \u062a\u0634\u0643\u064a\u0644 \u0641\u0631\u064a\u0642 \u0645\u0643\u0648\u0646 \u0645\u0646 130,000 \u0632\u0645\u064a\u0644 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 8000 \u0639\u0645\u064a\u0644\u060c \u0648\u064a\u0634\u062a\u0631\u0643 \u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u0644\u0644\u0645\u062c\u0645\u0648\u0639\u0629\u060c \u0631\u0648\u0628 \u0644\u064a\u062c\u060c \u0641\u064a \u0631\u0624\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u0648\u0645\u0647\u0645\u0629 \u0645\u0624\u0643\u062f\u0629.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/25c9ff28-e94b-4891-aa91-8466af7eef7a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0625\u0637\u0644\u0627\u0642 TRUE Values\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0625\u0637\u0644\u0627\u0642 TRUE Values<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u0628\u0639\u062f \u0627\u0644\u0627\u0646\u062f\u0645\u0627\u062c \u0648\u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0645\u062d\u062f\u062f\u0629\u060c \u062a\u0645 \u0625\u0637\u0644\u0627\u0642 \u0642\u064a\u0645 OCS TRUE \u0643\u0645\u0628\u0627\u062f\u0626 \u062a\u0648\u062c\u064a\u0647\u064a\u0629 \u0644\u0639\u0645\u0644 \u0645\u062a\u0646\u0648\u0639 \u0648\u0634\u0627\u0645\u0644 \u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u0628\u0647\u062f\u0641 \u0625\u062d\u062f\u0627\u062b \u062a\u063a\u064a\u064a\u0631 \u0645\u0644\u0645\u0648\u0633.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/271e9034-cc3b-4f12-88b3-e712c7feb0ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0625\u0639\u0644\u0627\u0646 \u0623\u0647\u062f\u0627\u0641 \u0635\u0627\u0641\u064a \u0635\u0641\u0631\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2023                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0625\u0639\u0644\u0627\u0646 \u0623\u0647\u062f\u0627\u0641 \u0635\u0627\u0641\u064a \u0635\u0641\u0631<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0633\u062a\u062b\u0645\u0631 OCS \u0641\u064a \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0628\u064a\u0626\u0629 \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 (ESG) \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u0627\u0644\u0625\u0639\u0644\u0627\u0646 \u0639\u0646 \u0623\u0647\u062f\u0627\u0641 \u0635\u0627\u0641\u064a \u0635\u0641\u0631 \u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0639\u0627\u0645 2040.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                                    <li class=\"group relative overflow-hidden splide__slide flex flex-col timeline-slide p-6 md:p-8 h-[520px] mx-auto group transition duration-250 ease-in outline-none rounded-[24px] !border-none\">\n                                                                                                                                    <div class=\"absolute top-0 left-0 right-0 w-full h-[520px] rounded-[24px] z-0\">\n                                    <picture>\n                                        <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c1b46de8-17b5-4b2e-85ee-21369147444a\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-[520px] object-cover object-center rounded-[24px]\" alt=\"\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0645\u0631\u0643\u0632 OCS\">\n                                    <\/picture>\n                                <\/div>\n                                                                    <div class=\"timeline-gradient-slide rounded-[24px] absolute top-0 left-0 right-0 z-10 w-full h-full bg-gradient-to-b from-[#18192400] from-39% to-[#181924] to-74% bg-cover bg-no-repeat\">\n                                    <\/div>\n                                                                <div class=\"timeline-overlay-slide rounded-[24px] z-40 absolute top-0 left-0 right-0 w-full h-full\">\n                                <\/div>\n                                                                    <div class=\"year-tag relative z-20 h-max w-max rounded-full\">\n                                        <div class=\"px-3 py-1 rounded-full text-[#FEFAF9] font-medium\">\n                                            2024                                        <\/div>\n                                    <\/div>\n                                                                <div class=\"text-element w-full h-full relative z-20 flex flex-col justify-end items-start rounded-3xl gap-3\">\n                                                                            <h3 class=\"text-crop -tracking-[0.5px] text-[26px] leading-[34px] font-medium text-[#FEFAF9]\">\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0644\u0645\u0631\u0643\u0632 OCS<\/h3>\n                                                                                                                <p class=\"text-[#FEFAF9]\">\u062a\u0637\u0644\u0642 OCS \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u062c\u062f\u064a\u062f\u0629 \u0628\u0631\u0624\u064a\u0629 \u0623\u0646 \u062a\u0635\u0628\u062d \u0623\u0641\u0636\u0644 \u0634\u0631\u0643\u0629 FM \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \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 \u0645\u0627 \u064a\u0645\u0643\u0646 \u0623\u0646 \u064a\u0643\u0648\u0646\u0648\u0627 \u0639\u0644\u064a\u0647\u0645\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0623\u0641\u0636\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u0628 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0627\u0644\u0635\u0645\u0648\u062f \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \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.<\/p>\n                                                                    <\/div>\n                            <\/li>\n                                            <\/ul>\n                <\/div>\n                                <\/div>\n    <\/section>\n        <section id=\"block_acf-block-67cae30cbaba1\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'Fred Goodliffe, OCS founder, 1875 to 1947';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] \" style=\"background-color: #FEFAF9;\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u0628\u062f\u0627\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0641\u064a \u0639\u0627\u0645 1900<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">\u0628\u062f\u0623 \u062a\u0627\u0631\u064a\u062e\u0646\u0627 \u0627\u0644\u0639\u0631\u064a\u0642 \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"Fred Goodliffe, OCS founder, 1875 to 1947\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full ocs-rail bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Fred Goodliffe, OCS founder, 1875 to 1947', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u0645\u0624\u0633\u0633\u060c \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u0648\u064a\u0644\u064a\u0627\u0645 \u062c\u0648\u062f\u0644\u064a\u0641<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u060c \u0627\u0644\u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u0622\u0646 \u0628\u0627\u0633\u0645 OCS\u060c \u0647\u0648 \u0642\u0635\u0629 \u0631\u0627\u0626\u0639\u0629 \u0639\u0646 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0648\u0627\u0644\u062a\u0643\u064a\u0641. \u062a\u0623\u0633\u0633\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0645\u0637\u0644\u0639 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0639\u0644\u0649 \u064a\u062f \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u0648\u064a\u0644\u064a\u0627\u0645 \u062c\u0648\u062f\u0644\u064a\u0641\u060c \u0648\u0628\u062f\u0623\u062a \u0643\u062e\u062f\u0645\u0629 \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630. \u0628\u062f\u0623\u062a \u062c\u0648\u062f\u0644\u064a\u0641 \u0641\u064a \u0639\u0627\u0645 1900 \u0628\u0645\u0648\u0638\u0641 \u0648\u0627\u062d\u062f \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a \u0641\u0642\u0637\u060c \u0648\u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648\u060c \u0648\u0639\u0631\u0628\u0629 \u0623\u0637\u0641\u0627\u0644.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'New Century window cleaner', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0631\u062c\u0644 \u0648\u0627\u062d\u062f \u0648\u062f\u0644\u0648\u0647<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0631\u0624\u064a\u062a\u0647 \u0644\u0639\u0645\u0644 \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0647\u062f\u062a \u0627\u0644\u0637\u0631\u064a\u0642 \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u0642\u0631\u0646 \u0645\u0646 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a. \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u062c\u0648\u062f\u0644\u064a\u0641\u060c \u0627\u0644\u0631\u062c\u0644 \u0627\u0644\u0630\u064a \u0633\u0628\u0642 \u0639\u0635\u0631\u0647\u060c \u0631\u0628\u0645\u0627 \u0644\u0645 \u064a\u062a\u062e\u064a\u0644 \u0623\u0628\u062f\u0627 \u0623\u0646 \u0645\u0634\u0631\u0648\u0639\u0647 \u0627\u0644\u0635\u063a\u064a\u0631 \u0633\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0630\u064a \u0647\u0648 \u0639\u0644\u064a\u0647 \u0627\u0644\u064a\u0648\u0645. \u0627\u0644\u064a\u0648\u0645\u060c \u062a\u0639\u062f OCS \u0634\u0647\u0627\u062f\u0629 \u0639\u0644\u0649 \u0631\u0624\u064a\u062a\u0647\u0627\u060c \u0645\u0639 \u0641\u0631\u064a\u0642 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 130,000 \u0634\u062e\u0635 \u064a\u062e\u062f\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 8000 \u0639\u0645\u064a\u0644.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS advert from 1959', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u062a\u0633\u0648\u064a\u0642 \u0633\u0645\u0639\u0629 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0641\u064a \u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u0639\u0634\u0631\u064a\u0646\u060c \u0643\u0627\u0646 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0623\u0642\u0644 \u0631\u0633\u0645\u064a\u0629 \u0628\u0643\u062b\u064a\u0631 \u0645\u0645\u0627 \u0647\u0648 \u0639\u0644\u064a\u0647 \u0627\u0644\u064a\u0648\u0645. \u0645\u0646 \u0627\u0644\u0645\u0631\u062c\u062d \u0623\u0646 \u0646\u0647\u062c \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u062c\u0648\u062f\u0644\u064a\u0641 \u0627\u0639\u062a\u0645\u062f \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0643\u0644\u0627\u0645 \u0627\u0644\u0645\u062a\u062f\u0627\u0648\u0644 \u0648\u0628\u0646\u0627\u0621 \u0633\u0645\u0639\u0629 \u0642\u0648\u064a\u0629 \u0645\u062d\u0644\u064a\u0627. \u062a\u0638\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0628\u062f\u0623 \u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0634\u0631\u0643\u0629 \u062d\u062a\u0649 \u0627\u0644\u064a\u0648\u0645.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9160c690-8b75-4324-9c99-9d32a4ad5800\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"Fred Goodliffe, OCS founder, 1875 to 1947\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u0645\u0624\u0633\u0633\u060c \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u0648\u064a\u0644\u064a\u0627\u0645 \u062c\u0648\u062f\u0644\u064a\u0641<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u060c \u0627\u0644\u0645\u0639\u0631\u0648\u0641 \u0627\u0644\u0622\u0646 \u0628\u0627\u0633\u0645 OCS\u060c \u0647\u0648 \u0642\u0635\u0629 \u0631\u0627\u0626\u0639\u0629 \u0639\u0646 \u0627\u0644\u0631\u0624\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0633\u0639 \u0648\u0627\u0644\u062a\u0643\u064a\u0641. \u062a\u0623\u0633\u0633\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0645\u0637\u0644\u0639 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u0639\u0634\u0631\u064a\u0646 \u0639\u0644\u0649 \u064a\u062f \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u0648\u064a\u0644\u064a\u0627\u0645 \u062c\u0648\u062f\u0644\u064a\u0641\u060c \u0648\u0628\u062f\u0623\u062a \u0643\u062e\u062f\u0645\u0629 \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630. \u0628\u062f\u0623\u062a \u062c\u0648\u062f\u0644\u064a\u0641 \u0641\u064a \u0639\u0627\u0645 1900 \u0628\u0645\u0648\u0638\u0641 \u0648\u0627\u062d\u062f \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a \u0641\u0642\u0637\u060c \u0648\u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648\u060c \u0648\u0639\u0631\u0628\u0629 \u0623\u0637\u0641\u0627\u0644.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/ea489dae-8886-4401-95f5-39ec5dc09d00\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"New Century window cleaner\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0631\u062c\u0644 \u0648\u0627\u062d\u062f \u0648\u062f\u0644\u0648\u0647<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0631\u0624\u064a\u062a\u0647 \u0644\u0639\u0645\u0644 \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0647\u062f\u062a \u0627\u0644\u0637\u0631\u064a\u0642 \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u0642\u0631\u0646 \u0645\u0646 \u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a. \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u062c\u0648\u062f\u0644\u064a\u0641\u060c \u0627\u0644\u0631\u062c\u0644 \u0627\u0644\u0630\u064a \u0633\u0628\u0642 \u0639\u0635\u0631\u0647\u060c \u0631\u0628\u0645\u0627 \u0644\u0645 \u064a\u062a\u062e\u064a\u0644 \u0623\u0628\u062f\u0627 \u0623\u0646 \u0645\u0634\u0631\u0648\u0639\u0647 \u0627\u0644\u0635\u063a\u064a\u0631 \u0633\u064a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0627\u0644\u0630\u064a \u0647\u0648 \u0639\u0644\u064a\u0647 \u0627\u0644\u064a\u0648\u0645. \u0627\u0644\u064a\u0648\u0645\u060c \u062a\u0639\u062f OCS \u0634\u0647\u0627\u062f\u0629 \u0639\u0644\u0649 \u0631\u0624\u064a\u062a\u0647\u0627\u060c \u0645\u0639 \u0641\u0631\u064a\u0642 \u064a\u0636\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 130,000 \u0634\u062e\u0635 \u064a\u062e\u062f\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 8000 \u0639\u0645\u064a\u0644.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/eb86433e-48ab-4231-a87e-3cb6217b48ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS advert from 1959\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u062a\u0633\u0648\u064a\u0642 \u0633\u0645\u0639\u0629 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0641\u064a \u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u0639\u0634\u0631\u064a\u0646\u060c \u0643\u0627\u0646 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0623\u0642\u0644 \u0631\u0633\u0645\u064a\u0629 \u0628\u0643\u062b\u064a\u0631 \u0645\u0645\u0627 \u0647\u0648 \u0639\u0644\u064a\u0647 \u0627\u0644\u064a\u0648\u0645. \u0645\u0646 \u0627\u0644\u0645\u0631\u062c\u062d \u0623\u0646 \u0646\u0647\u062c \u0641\u0631\u064a\u062f\u0631\u064a\u0643 \u062c\u0648\u062f\u0644\u064a\u0641 \u0627\u0639\u062a\u0645\u062f \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631 \u0639\u0644\u0649 \u0627\u0644\u0643\u0644\u0627\u0645 \u0627\u0644\u0645\u062a\u062f\u0627\u0648\u0644 \u0648\u0628\u0646\u0627\u0621 \u0633\u0645\u0639\u0629 \u0642\u0648\u064a\u0629 \u0645\u062d\u0644\u064a\u0627. \u062a\u0638\u0644 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0628\u062f\u0623 \u0623\u0633\u0627\u0633\u064a \u0644\u0644\u0634\u0631\u0643\u0629 \u062d\u062a\u0649 \u0627\u0644\u064a\u0648\u0645.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow 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 ocs-arrow border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n        <section id=\"block_acf-block-67cae30cbabcf\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'OCS history archive image';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] \" style=\"background-color: #F7FBF7;\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u0645\u0646 \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f \u0625\u0644\u0649 OCS<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">\u0628\u064a\u0646\u0645\u0627 \u0643\u0627\u0646\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u062a\u062a\u062c\u0647 \u0646\u062d\u0648 \u0623\u0648\u0644 \u0625\u0639\u0627\u062f\u0629 \u062a\u0633\u0645\u064a\u0629 \u0644\u0647\u0627\u060c \u0643\u0627\u0646 \u0632\u0645\u0644\u0627\u0624\u0647\u0627 \u0641\u064a \u0627\u0644\u0642\u0631\u0646 \u0627\u0644\u062c\u062f\u064a\u062f \u064a\u0646\u0642\u0630\u0648\u0646 \u0627\u0644\u0646\u0627\u0633 \u0645\u0646 \u0645\u0628\u0646\u0649 \u064a\u062d\u062a\u0631\u0642.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS history archive image\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full ocs-rail bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS history archive image', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0628\u0637\u0644 \u062e\u0627\u0631\u0642 \u0641\u064a \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0647\u0630\u0627 \u062a\u0648\u0645 \u0633\u0628\u0648\u0631\u064a\u064a\u0631\u060c \u0632\u0645\u064a\u0644 \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0646\u064a\u0648 \u0633\u064a\u0646\u0634\u0631\u064a (OCS) \u0627\u0644\u0630\u064a \u0623\u0648\u0642\u0641 \u0634\u0627\u062d\u0646\u062a\u0647 \u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0639\u0644\u0649 \u0637\u0648\u0644 \u0637\u0631\u064a\u0642 \u0645\u0627\u064a\u0644 \u0625\u0646\u062f \u0639\u0646\u062f\u0645\u0627 \u0631\u0623\u0649 \u0645\u0628\u0646\u0649 \u064a\u062d\u062a\u0631\u0642. \u0642\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0628\u0646\u0634\u0631 \u0633\u0644\u0645\u0647 \u0648\u0633\u0627\u0639\u062f \u0633\u062a \u0641\u062a\u064a\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0628\u0631 \u0627\u0644\u0623\u0645\u0627\u0646 \u0642\u0628\u0644 \u0648\u0635\u0648\u0644 \u0627\u0644\u0633\u0641\u064a\u0646\u0629 \u0627\u0644\u062d\u0631\u064a\u0642\u064a\u0629. \u062a\u0648\u0645\u060c \u0646\u062d\u064a\u064a\u0643.    <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS bus', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0625\u0637\u0644\u0627\u0642 \u0625\u0639\u0627\u062f\u0629 \u062a\u0633\u0645\u064a\u0629 OCS \u0639\u0627\u0645 1930<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0641\u064a \u0627\u0644\u0623\u0635\u0644 \u0643\u0627\u0646\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u062a\u0639\u0631\u0641 \u0628\u0627\u0633\u0645 \u0634\u0631\u0643\u0629 \u0646\u064a\u0648 \u0633\u064a\u0646\u0634\u0631\u064a \u0644\u0644\u062a\u0646\u0638\u064a\u0641 \u0644\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0639\u0627\u0645\u060c \u062b\u0645 \u0623\u0639\u0627\u062f\u062a \u062a\u0633\u0645\u064a\u062a\u0647\u0627 \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 (OCS) \u0641\u064a \u0639\u0627\u0645 1930\u060c \u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u062a\u062d\u062a \u0642\u064a\u0627\u062f\u0629 \u0623\u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u062f\u0631\u064a\u0643.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS history archive image', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0623\u064a \u062f\u0639\u0627\u064a\u0629 \u0647\u064a \u062f\u0639\u0627\u064a\u0629 \u062c\u064a\u062f\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u062d\u062a \u0642\u064a\u0627\u062f\u0629 \u0623\u0628\u0646\u0627\u0621 \u062c\u0648\u062f\u0644\u064a\u0641 \u0627\u0644\u062b\u0644\u0627\u062b\u0629\u060c \u0628\u062f\u0623\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\u060c \u0645\u0645\u0627 \u0648\u0633\u0639 \u0628\u0633\u0631\u0639\u0629 \u0646\u0637\u0627\u0642 \u0633\u0648\u0642\u0647\u0627 \u0648\u062a\u0646\u0648\u0639 \u062e\u062f\u0645\u0627\u062a\u0647. \u0643\u0627\u0646\u0648\u0627 \u0633\u0627\u0628\u0642\u064a\u0646 \u0644\u0628\u0631\u0627\u0639\u0629 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u062b\u0644 \u0631\u064a\u062a\u0634\u0627\u0631\u062f \u0628\u0631\u0627\u0646\u0633\u0648\u0646\u060c \u0643\u0645\u0627 \u0646\u0641\u0630\u0648\u0627 \u062d\u0631\u0643\u0627\u062a \u062f\u0639\u0627\u0626\u064a\u0629 \u062c\u0631\u064a\u0626\u0629 \u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/f207f7cb-8600-4142-b39a-192eae69dc23\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS history archive image\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0628\u0637\u0644 \u062e\u0627\u0631\u0642 \u0641\u064a \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0647\u0630\u0627 \u062a\u0648\u0645 \u0633\u0628\u0648\u0631\u064a\u064a\u0631\u060c \u0632\u0645\u064a\u0644 \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0646\u064a\u0648 \u0633\u064a\u0646\u0634\u0631\u064a (OCS) \u0627\u0644\u0630\u064a \u0623\u0648\u0642\u0641 \u0634\u0627\u062d\u0646\u062a\u0647 \u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0646\u0648\u0627\u0641\u0630 \u0639\u0644\u0649 \u0637\u0648\u0644 \u0637\u0631\u064a\u0642 \u0645\u0627\u064a\u0644 \u0625\u0646\u062f \u0639\u0646\u062f\u0645\u0627 \u0631\u0623\u0649 \u0645\u0628\u0646\u0649 \u064a\u062d\u062a\u0631\u0642. \u0642\u0627\u0645 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0628\u0646\u0634\u0631 \u0633\u0644\u0645\u0647 \u0648\u0633\u0627\u0639\u062f \u0633\u062a \u0641\u062a\u064a\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0628\u0631 \u0627\u0644\u0623\u0645\u0627\u0646 \u0642\u0628\u0644 \u0648\u0635\u0648\u0644 \u0627\u0644\u0633\u0641\u064a\u0646\u0629 \u0627\u0644\u062d\u0631\u064a\u0642\u064a\u0629. \u062a\u0648\u0645\u060c \u0646\u062d\u064a\u064a\u0643.    <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9c7a18af-4447-4240-9f92-71c755800d6b\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS bus\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0625\u0637\u0644\u0627\u0642 \u0625\u0639\u0627\u062f\u0629 \u062a\u0633\u0645\u064a\u0629 OCS \u0639\u0627\u0645 1930<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0641\u064a \u0627\u0644\u0623\u0635\u0644 \u0643\u0627\u0646\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u062a\u0639\u0631\u0641 \u0628\u0627\u0633\u0645 \u0634\u0631\u0643\u0629 \u0646\u064a\u0648 \u0633\u064a\u0646\u0634\u0631\u064a \u0644\u0644\u062a\u0646\u0638\u064a\u0641 \u0644\u0644\u0646\u0648\u0627\u0641\u0630 \u0648\u0627\u0644\u0639\u0627\u0645\u060c \u062b\u0645 \u0623\u0639\u0627\u062f\u062a \u062a\u0633\u0645\u064a\u062a\u0647\u0627 \u0625\u0644\u0649 \u062e\u062f\u0645\u0627\u062a \u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 (OCS) \u0641\u064a \u0639\u0627\u0645 1930\u060c \u0644\u062a\u0643\u064a\u0641 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u062a\u062d\u062a \u0642\u064a\u0627\u062f\u0629 \u0623\u0628\u0646\u0627\u0621 \u0641\u0631\u064a\u062f\u0631\u064a\u0643.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4185df52-2c58-415d-a643-7a9ecf6ddc35\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS history archive image\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0623\u064a \u062f\u0639\u0627\u064a\u0629 \u0647\u064a \u062f\u0639\u0627\u064a\u0629 \u062c\u064a\u062f\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u062d\u062a \u0642\u064a\u0627\u062f\u0629 \u0623\u0628\u0646\u0627\u0621 \u062c\u0648\u062f\u0644\u064a\u0641 \u0627\u0644\u062b\u0644\u0627\u062b\u0629\u060c \u0628\u062f\u0623\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0641\u064a \u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\u060c \u0645\u0645\u0627 \u0648\u0633\u0639 \u0628\u0633\u0631\u0639\u0629 \u0646\u0637\u0627\u0642 \u0633\u0648\u0642\u0647\u0627 \u0648\u062a\u0646\u0648\u0639 \u062e\u062f\u0645\u0627\u062a\u0647. \u0643\u0627\u0646\u0648\u0627 \u0633\u0627\u0628\u0642\u064a\u0646 \u0644\u0628\u0631\u0627\u0639\u0629 \u0631\u0648\u0627\u062f \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u062b\u0644 \u0631\u064a\u062a\u0634\u0627\u0631\u062f \u0628\u0631\u0627\u0646\u0633\u0648\u0646\u060c \u0643\u0645\u0627 \u0646\u0641\u0630\u0648\u0627 \u062d\u0631\u0643\u0627\u062a \u062f\u0639\u0627\u0626\u064a\u0629 \u062c\u0631\u064a\u0626\u0629 \u0644\u062c\u0630\u0628 \u0627\u0644\u0639\u0646\u0627\u0648\u064a\u0646. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow 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 ocs-arrow border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n        <section id=\"block_acf-block-67cae30cbabef\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'OCS in 1961';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] \" style=\"background-color: #F7FBF7;\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u062a\u063a\u0631\u064a\u062f\u0627\u062a \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">\u0643\u0627\u0646\u062a OCS \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0637\u0631\u0642 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0627\u0644\u0639\u0644\u0645\u064a\u0629 &#8211; \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0644\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u063a\u0628\u0627\u0631 \u0641\u064a \u062d\u0635\u0627\u0626\u0631 \u0627\u0644\u0623\u0628\u0648\u0627\u0628.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS in 1961\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full ocs-rail bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS in 1961', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0645\u062d\u0628 \u062a\u0648\u064a\u062a\u0631 OCS \u0641\u064a \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0643\u0644 \u064a\u0648\u0645 \u0641\u064a \u0645\u0642\u0631 OCS \u0641\u064a \u0644\u0646\u062f\u0646\u060c \u0643\u0627\u0646 \u0637\u0627\u0626\u0631 \u064a\u063a\u0631\u062f \u064a\u0637\u064a\u0631 \u0648\u064a\u0632\u0648\u0631\u0647\u0645. \u0648\u0641\u0642\u0627 \u0644\u0644\u0623\u0631\u0634\u064a\u0641\u060c &#8220;\u0643\u0644 \u064a\u0648\u0645 \u064a\u062c\u0644\u0628 \u0647\u0630\u0627 \u0627\u0644\u0639\u0635\u0641\u0648\u0631 \u0627\u0644\u0643\u0648\u0646\u064a \u0627\u0644\u0645\u0634\u0627\u063a\u0628 &#8216;\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0623\u062b\u0646\u0627\u0621 \u0639\u0645\u0644\u0643&#8217; \u0648\u064a\u063a\u0631\u062f \u0628\u0645\u0631\u062d\u060c \u064a\u0642\u0641\u0632 \u0645\u0646 \u0646\u0627\u0641\u0630\u0629 \u0625\u0644\u0649 \u0623\u062e\u0631\u0649 \u0644\u064a\u0646\u0634\u0631 \u0631\u0648\u062d \u0627\u0644\u062f\u0639\u0627\u0628\u0629 \u0627\u0644\u0645\u0639\u062f\u064a\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u0635\u062f\u0642\u0627\u0626\u0647. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS adverts through the years', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u0627\u062a OCS \u0645\u0633\u062a\u0645\u0631\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0646\u0645\u0648 OCS\u060c \u0648\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0639\u0644\u0649 \u062d\u0635\u0629 \u0633\u0648\u0642\u064a\u0629\u060c \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0644\u0627 \u064a\u062a\u0648\u0642\u0641 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0623\u062d\u062f\u062b \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u0627\u062a \u0648\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS Clapham team, 1979', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u062e\u0631\u0648\u062c \u0645\u0646 \u0627\u0644\u0631\u0643\u0648\u062f \u0628\u0642\u0648\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u062d\u062a \u0646\u0638\u0627\u0645 OCS \u0627\u0644\u0645\u0639\u0627\u062f \u062a\u0633\u0645\u064a\u062a\u0647 \u0648\u0645\u0648\u062d\u062f\u0647\u060c \u0627\u062c\u062a\u0627\u0632 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0633\u0628\u0639\u064a\u0646\u064a\u0627\u062a \u0627\u0644\u0635\u0639\u0628\u0629\u060c \u0627\u0644\u062a\u064a \u062a\u0638\u0647\u0631 \u0647\u0646\u0627 \u0641\u064a \u0639\u0627\u0645 1979 \u0641\u064a \u0639\u0631\u0636 \u0645\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 &#8211; \u0645\u0632\u064a\u0646\u0629 \u0628\u062b\u0644\u0627\u062b\u0629 \u0623\u062d\u0631\u0641 \u0634\u0647\u064a\u0631\u0629 \u0645\u0646 OCS.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/3a0454a1-92f1-4ef1-bce6-d6c6e01ccefa\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS in 1961\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0645\u062d\u0628 \u062a\u0648\u064a\u062a\u0631 OCS \u0641\u064a \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0643\u0644 \u064a\u0648\u0645 \u0641\u064a \u0645\u0642\u0631 OCS \u0641\u064a \u0644\u0646\u062f\u0646\u060c \u0643\u0627\u0646 \u0637\u0627\u0626\u0631 \u064a\u063a\u0631\u062f \u064a\u0637\u064a\u0631 \u0648\u064a\u0632\u0648\u0631\u0647\u0645. \u0648\u0641\u0642\u0627 \u0644\u0644\u0623\u0631\u0634\u064a\u0641\u060c &#8220;\u0643\u0644 \u064a\u0648\u0645 \u064a\u062c\u0644\u0628 \u0647\u0630\u0627 \u0627\u0644\u0639\u0635\u0641\u0648\u0631 \u0627\u0644\u0643\u0648\u0646\u064a \u0627\u0644\u0645\u0634\u0627\u063a\u0628 &#8216;\u0627\u0644\u0645\u0648\u0633\u064a\u0642\u0649 \u0623\u062b\u0646\u0627\u0621 \u0639\u0645\u0644\u0643&#8217; \u0648\u064a\u063a\u0631\u062f \u0628\u0645\u0631\u062d\u060c \u064a\u0642\u0641\u0632 \u0645\u0646 \u0646\u0627\u0641\u0630\u0629 \u0625\u0644\u0649 \u0623\u062e\u0631\u0649 \u0644\u064a\u0646\u0634\u0631 \u0631\u0648\u062d \u0627\u0644\u062f\u0639\u0627\u0628\u0629 \u0627\u0644\u0645\u0639\u062f\u064a\u0629 \u0644\u062c\u0645\u064a\u0639 \u0623\u0635\u062f\u0642\u0627\u0626\u0647. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/2c6986a8-d4ac-489d-844c-907b63b1e178\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS adverts through the years\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u062d\u0645\u0644\u0627\u062a \u0625\u0639\u0644\u0627\u0646\u0627\u062a OCS \u0645\u0633\u062a\u0645\u0631\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u0645\u0639 \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u0646\u0645\u0648 OCS\u060c \u0648\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0639\u0644\u0649 \u062d\u0635\u0629 \u0633\u0648\u0642\u064a\u0629\u060c \u0648\u062a\u062d\u0642\u064a\u0642 \u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0644\u0627 \u064a\u062a\u0648\u0642\u0641 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0623\u062d\u062f\u062b \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631\u0627\u062a \u0648\u0641\u0648\u0627\u0626\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/45440d72-c1d7-4b08-beea-1687076dbdaf\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS Clapham team, 1979\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u062e\u0631\u0648\u062c \u0645\u0646 \u0627\u0644\u0631\u0643\u0648\u062f \u0628\u0642\u0648\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u062d\u062a \u0646\u0638\u0627\u0645 OCS \u0627\u0644\u0645\u0639\u0627\u062f \u062a\u0633\u0645\u064a\u062a\u0647 \u0648\u0645\u0648\u062d\u062f\u0647\u060c \u0627\u062c\u062a\u0627\u0632 \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0633\u0628\u0639\u064a\u0646\u064a\u0627\u062a \u0627\u0644\u0635\u0639\u0628\u0629\u060c \u0627\u0644\u062a\u064a \u062a\u0638\u0647\u0631 \u0647\u0646\u0627 \u0641\u064a \u0639\u0627\u0645 1979 \u0641\u064a \u0639\u0631\u0636 \u0645\u0646 \u0627\u0644\u0648\u062d\u062f\u0629 &#8211; \u0645\u0632\u064a\u0646\u0629 \u0628\u062b\u0644\u0627\u062b\u0629 \u0623\u062d\u0631\u0641 \u0634\u0647\u064a\u0631\u0629 \u0645\u0646 OCS.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow 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 ocs-arrow border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n        <section id=\"block_acf-block-67cae30cbac0c\"  data-animate-container=\"waterfall\"  x-data=\"{valueHovered: 0, currentImage: '', currentAlt: '',\n        init(){\n            this.currentImage = 'https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/';\n            this.currentAlt = 'OCS history archive image';\n        },\n        changeValue(value, alt, index){\n            this.valueHovered = index;\n            this.currentImage = value;\n            this.currentAlt = alt;\n        }\n    }\" class=\"max-w-8xl mx-auto flex flex-col px-4 py-6 md:py-[72px] \">\n        <div data-animate=\"item\" class=\"py-8 md:py-14 lg:py-16  px-4 md:px-10 xl:px-[72px] rounded-[32px] flex flex-col gap-10 md:gap-12 lg:gap-[72px] \" style=\"background-color: #FEFAF9;\">\n            <div  data-animate-container=\"text\"  class=\"flex flex-col items-center justify-center gap-6 w-full mx-auto\">\n                                    <h2 data-animate=\"heading\" class=\"text-crop text-center text-[36px] md:text-[44px] leading-[44px] md:leading-[54px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0639\u0627\u0645 \u0645\u0646 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h2>\n                                                    <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy text-xl\">\u0646\u0647\u062c OCS \u0641\u064a \u0637\u0631\u0642 \u0627\u0644\u062a\u0646\u0638\u064a\u0641 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629 \u0648\u0627\u0644\u0639\u0644\u0645\u064a\u0629 &#8211; \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0629 \u0644\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u063a\u0628\u0627\u0631 \u0641\u064a \u062d\u0635\u0627\u0626\u0631 \u0627\u0644\u0623\u0628\u0648\u0627\u0628.<\/p>\n                                            <\/div>\n                                            <div  data-animate-container=\"cards\"  class=\"hidden lg:flex lg:flex-row w-full h-full gap-16\">\n                    <div data-animate=\"card\" class=\"hidden lg:block group relative overflow-hidden w-full lg:w-1\/2 rounded-[18px] z-0 transition duration-150 ease-in\">\n                        <picture>\n                            <source :srcset=\"currentImage\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                            <source :srcset=\"currentImage\" type=\"image\/jpg\">\n                            <img decoding=\"async\" :src=\"currentImage\" src=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" alt=\"OCS history archive image\" class=\"group-hover:scale-110 transition duration-150 ease-in absolute top-0 left-0 right-0 w-full h-full object-cover object-center rounded-[32px]\" :alt=\"currentAlt\">\n                        <\/picture>\n                    <\/div>\n                    <div class=\"flex flex-row w-full lg:w-1\/2\">\n                        <div class=\"hidden lg:flex flex-none w-1 h-full ocs-rail bg-[#DAECDA]\">\n                        <\/div>\n                        <ul class=\"flex flex-col gap-10 lg:gap-0 w-full\">\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS history archive image', '0')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '0' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0639\u0644\u0645<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u0638\u0647\u0631 \u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0633\u064a\u062f\u0629 \u0623\u0644\u064a\u0646\u060c \u0627\u0644\u062a\u064a \u0643\u0627\u0646\u062a \u062a\u0639\u0645\u0644 \u0641\u064a OCS \u0644\u0645\u062f\u0629 25 \u0639\u0627\u0645\u0627 \u0628\u062d\u0644\u0648\u0644 \u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a\u060c \u062a\u0639\u0644\u0646 \u0623\u0646 \u0627\u0644\u062e\u062f\u0645\u0629 \u0643\u0627\u0646\u062a (\u062a\u0642\u0631\u064a\u0628\u0627) \u0639\u0644\u0645\u0627. \u0643\u0627\u0646\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0639\u0644\u0649 \u0639\u0635\u0631\u0647\u0627 \u0628\u0648\u0636\u0648\u062d. \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c \u062d\u0642\u0642\u062a \u0627\u0644\u0633\u064a\u062f\u0629 \u0628\u0631\u0648\u0645\u0644\u064a \u0628\u0639\u0636 \u0627\u0644\u0646\u062c\u0627\u062d\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0625\u062c\u0627\u0632\u062a\u0647\u0627.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'Clean Mat technology, 1960', '1')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '1' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u062d\u0635\u0627\u0626\u0631 \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0644\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u063a\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u0635\u0648\u0631 \u0647\u0630\u0647 \u0627\u0644\u062d\u0645\u0644\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u0646 \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a \u0631\u062c\u0644\u0627 \u0647\u0627\u062f\u0626\u0627 \u0648\u0647\u0627\u062f\u0626\u0627 \u064a\u0628\u062f\u0648 \u063a\u064a\u0631 \u0645\u062a\u0623\u062b\u0631 \u0648\u063a\u064a\u0631 \u0645\u062a\u0623\u062b\u0631 \u0628\u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u0633\u064a\u0621 \u0641\u064a \u0627\u0644\u062e\u0627\u0631\u062c &#8211; \u0648\u0643\u0644 \u0630\u0644\u0643 \u0628\u0641\u0636\u0644 \u0645\u062c\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0627\u0644\u0645\u062d\u0633\u0646\u0629 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0627 \u0627\u0644\u062a\u064a \u062a\u062c\u0630\u0628 \u0627\u0644\u062d\u0635\u0649 \u0627\u0644\u0641\u0636\u0641\u0627\u0636 \u0648\u0627\u0644\u062d\u0637\u0627\u0645 \u0648\u0627\u0644\u063a\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                            <li data-animate=\"card\" @mouseEnter=\"changeValue('https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/', 'OCS recognition, 1961', '2')\" @mouseleave=\"valueHovered == null\" class=\"relative group lg:cursor-pointer lg:pl-10 lg:pb-[56px] last:pb-0 w-full flex flex-col gap-10 lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' || valueHovered == null ? 'opacity-100' : 'lg:opacity-40' \">\n                                    <div class=\"hidden lg:flex flex-none w-1 h-full absolute top-0 -left-[4px] rounded-full ocs-rail-active bg-[#439D43] lg:transition lg:duration-150 lg:ease-in\" :class=\"valueHovered == '2' ? 'opacity-100' : 'opacity-0'\">\n\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u0627\u0639\u062a\u0631\u0627\u0641 \u0628\u0646\u062c\u0648\u0645\u0646\u0627 \u0627\u0644\u0623\u0648\u0627\u0626\u0644<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0624\u0631\u0634\u0641\u0629 \u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0636\u0628\u0627\u0637 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u0642\u062f\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\u0629 \u0639\u0646 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629\u060c \u0648\u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0628\u0637\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0627\u0626\u0639 \u0628\u0634\u0643\u0644 \u0639\u0627\u0645. \u0645\u0646\u0638\u0645\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0628\u0643\u0644 \u0645\u0639\u0646\u0649 \u0627\u0644\u0643\u0644\u0645\u0629. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                <\/div>\n\n                                <div class=\"lg:hidden splide image-scrolling-text-slider w-auto -mx-4 md:-mx-10\">\n                    <div class=\"splide__track\">\n                        <ul class=\"splide__list\">\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c9ea91a8-a851-4bc2-9d74-0066daa28d98\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS history archive image\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u062e\u062f\u0645\u0629 \u0639\u0644\u0645<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u0638\u0647\u0631 \u0627\u0644\u0623\u0631\u0634\u064a\u0641 \u0627\u0644\u0633\u064a\u062f\u0629 \u0623\u0644\u064a\u0646\u060c \u0627\u0644\u062a\u064a \u0643\u0627\u0646\u062a \u062a\u0639\u0645\u0644 \u0641\u064a OCS \u0644\u0645\u062f\u0629 25 \u0639\u0627\u0645\u0627 \u0628\u062d\u0644\u0648\u0644 \u0623\u0648\u0627\u0626\u0644 \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a\u060c \u062a\u0639\u0644\u0646 \u0623\u0646 \u0627\u0644\u062e\u062f\u0645\u0629 \u0643\u0627\u0646\u062a (\u062a\u0642\u0631\u064a\u0628\u0627) \u0639\u0644\u0645\u0627. \u0643\u0627\u0646\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0639\u0644\u0649 \u0639\u0635\u0631\u0647\u0627 \u0628\u0648\u0636\u0648\u062d. \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647\u060c \u062d\u0642\u0642\u062a \u0627\u0644\u0633\u064a\u062f\u0629 \u0628\u0631\u0648\u0645\u0644\u064a \u0628\u0639\u0636 \u0627\u0644\u0646\u062c\u0627\u062d\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0623\u062b\u0646\u0627\u0621 \u0625\u062c\u0627\u0632\u062a\u0647\u0627.  <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/4f11c42f-075a-467b-af11-0756bed9d331\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"Clean Mat technology, 1960\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u062d\u0635\u0627\u0626\u0631 \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0644\u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u063a\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u0635\u0648\u0631 \u0647\u0630\u0647 \u0627\u0644\u062d\u0645\u0644\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629 \u0645\u0646 \u0627\u0644\u0633\u062a\u064a\u0646\u064a\u0627\u062a \u0631\u062c\u0644\u0627 \u0647\u0627\u062f\u0626\u0627 \u0648\u0647\u0627\u062f\u0626\u0627 \u064a\u0628\u062f\u0648 \u063a\u064a\u0631 \u0645\u062a\u0623\u062b\u0631 \u0648\u063a\u064a\u0631 \u0645\u062a\u0623\u062b\u0631 \u0628\u0627\u0644\u0637\u0642\u0633 \u0627\u0644\u0633\u064a\u0621 \u0641\u064a \u0627\u0644\u062e\u0627\u0631\u062c &#8211; \u0648\u0643\u0644 \u0630\u0644\u0643 \u0628\u0641\u0636\u0644 \u0645\u062c\u0627\u062f\u0627\u062a \u0627\u0644\u0623\u0628\u0648\u0627\u0628 \u0627\u0644\u0645\u062d\u0633\u0646\u0629 \u0643\u064a\u0645\u064a\u0627\u0626\u064a\u0627 \u0627\u0644\u062a\u064a \u062a\u062c\u0630\u0628 \u0627\u0644\u062d\u0635\u0649 \u0627\u0644\u0641\u0636\u0641\u0627\u0636 \u0648\u0627\u0644\u062d\u0637\u0627\u0645 \u0648\u0627\u0644\u063a\u0628\u0627\u0631 \u0648\u0627\u0644\u0631\u0637\u0648\u0628\u0629.<\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                                                            <li class=\"splide__slide flex flex-col gap-6\">\n                                    <div class=\"relative w-full h-[323px] md:h-[400px] rounded-[18px] z-0 overflow-hidden\">\n                                        <picture>\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/768x768\/\" media=\"(max-width: 640px)\" type=\"image\/jpg\">\n                                            <source srcset=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                                            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/9599aac9-3413-47a8-ad03-0c0a0637f54c\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"absolute top-0 left-0 right-0 w-full h-[323px] md:h-[400px] object-cover object-center rounded-[18px]\" alt=\"OCS recognition, 1961\">\n                                        <\/picture>\n                                    <\/div>\n                                    <div class=\"flex flex-col gap-4\">\n                                                                                    <h4 class=\"text-crop text-ocs-gray-nav font-medium text-[28px] leading-[38px] -tracking-[0.5px]\">\u0627\u0644\u0627\u0639\u062a\u0631\u0627\u0641 \u0628\u0646\u062c\u0648\u0645\u0646\u0627 \u0627\u0644\u0623\u0648\u0627\u0626\u0644<\/h4>\n                                                                                                                            <p class=\"mt-2 text-ocs-gray-nav\">\u062a\u062a\u0636\u0645\u0646 \u0627\u0644\u0646\u0634\u0631\u0629 \u0627\u0644\u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0624\u0631\u0634\u0641\u0629 \u0644\u062c\u0645\u0639\u064a\u0629 \u0627\u0644\u0636\u0628\u0627\u0637 \u0645\u0642\u0627\u0644\u0627\u062a \u062a\u0642\u062f\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\u0629 \u0639\u0646 \u0627\u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0637\u0648\u064a\u0644\u0629\u060c \u0648\u0627\u0644\u0623\u0641\u0639\u0627\u0644 \u0627\u0644\u0628\u0637\u0648\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0631\u0627\u0626\u0639 \u0628\u0634\u0643\u0644 \u0639\u0627\u0645. \u0645\u0646\u0638\u0645\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0628\u0643\u0644 \u0645\u0639\u0646\u0649 \u0627\u0644\u0643\u0644\u0645\u0629. <\/p>\n                                                                                                                    <\/div>\n                                <\/li>\n                                                    <\/ul>\n                    <\/div>\n                    <div class=\"splide__arrows flex flex-row justify-center !space-x-3 mt-8\">\n                        <button class=\"prev splide__arrow--prev rotate-180 top-auto !left-0 relative opacity-100 flex flex-none items-center ocs-arrow 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 ocs-arrow border border-themed-light bg-white enabled:hover:bg-themed-light text-themed transition-colors duration-150 ease-in rounded-full p-2.5 focus:outline-none focus-visible:ring-2 ring-ocs-black disabled:grayscale disabled:cursor-not-allowed\" aria-label=\"Next slide\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" viewBox=\"0 0 20 21\" fill=\"none\">\n                                <path d=\"M4.16699 10.6953H15.8337\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                                <path d=\"M10 4.85938L15.8333 10.6927L10 16.526\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\n                            <\/svg>\n                        <\/button>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/section>\n\n    <section id=\"block_acf-block-67cae30cbac1e\"  data-animate-container=\"waterfall\"  class=\"block-blog-section max-w-8xl mx-auto lg:px-4 py-6 md:py-[72px] splide  \">\n        <div data-animate=\"item\" class=\"relative py-12 md:py-16  lg:px-16 flex flex-col gap-12 md:gap-16 rounded-[32px] \" style=\"background-color: #FEFAF9;\">\n                            <div  data-animate-container=\"text\"  class=\"px-4 md:px-[88px] lg:px-0 flex flex-col items-center justify-center gap-6 lg:gap-8 w-full max-w-[366px] sm:max-w-[672px] lg:max-w-[768px] mx-auto\">\n                                            <h2 data-animate=\"heading\" class=\"text-crop text-center text-[30px] md:text-[36px] leading-[38px] md:leading-[44px] -tracking-[0.5px] font-medium text-ocs-gray-nav\">\u062a\u0627\u0631\u064a\u062e\u0646\u0627 \u0627\u0644\u062d\u062f\u064a\u062b<\/h2>\n                                                                <p data-animate=\"prose\" class=\"text-center text-ocs-blue-navy font-medium text-[22px] leading-[30px]\">\u0627\u0643\u062a\u0634\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0639\u0627\u0644\u0645 OCS \u0627\u0644\u064a\u0648\u0645.<\/p>\n                                                        <\/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\/the-power-of-listening-why-our-colleague-engagement-survey-is-essential\/\" 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\/c8fcd908-9c8e-47fd-8af9-ed45f1e5e3f7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c8fcd908-9c8e-47fd-8af9-ed45f1e5e3f7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" class=\"object-cover object-center w-full h-full group-hover:scale-110 transition duration-150 ease-in\" alt=\"The Power of Listening: Why our colleague engagement survey is essential\">\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>Our People<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            The Power of Listening: Why our colleague engagement survey is essential        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            Group-wide colleague survey launching Q124.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/c8fcd908-9c8e-47fd-8af9-ed45f1e5e3f7\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Valerie Dale\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    Valerie Dale                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    05 Jan, 2023                <\/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\/ocs-launches-sunflower-lanyard-scheme-with-gatwick-airport\/\" 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\/25f268c6-e93b-4ff7-a564-54855bc547ae\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/25f268c6-e93b-4ff7-a564-54855bc547ae\/-\/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=\"OCS Launches Sunflower Lanyard Scheme in partnership with Gatwick Airport\">\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>Innovation<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            OCS Launches Sunflower Lanyard Scheme in partnership with Gatwick Airport        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            OCS Launches the globally recognised Sunflower Lanyard Scheme for Passengers with restricted mobility.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/d56b0be9-9593-404b-8e8c-8ec86a28c6d1\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"DE&amp;I Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    DE&amp;I Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    04 Jan, 2024                <\/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\/a-reflection-on-the-first-year-as-new-ocs\/\" 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\/e61fd1c5-f9f8-4d7e-b31b-6e31b59c3be5\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/e61fd1c5-f9f8-4d7e-b31b-6e31b59c3be5\/-\/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=\"Reflection on the first year as New OCS by Rob Legge, Group CEO\">\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>Group CEO<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Reflection on the first year as New OCS by Rob Legge, Group CEO        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            A reflection on the first year as New OCS by Rob Legge, Group CEO.        <\/p>\n                <div class=\"flex items-center mt-4 space-x-3\">\n            <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/133f403b-ba11-448b-908a-ccb709bb85ad\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/300x300\/\" class=\"bg-gray-300 border-2 rounded-full border-themed-light w-10 h-10 object-cover\" alt=\"Rob Legge, Group CEO\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    Rob Legge, Group CEO                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    20 Dec, 2023                <\/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\/atalian-servest-and-ocs-merger\/\" 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\/6c16b577-9f3c-4454-abef-b2177f983a63\/-\/format\/auto\/-\/quality\/smart\/-\/preview\/1024x1024\/\" type=\"image\/jpg\">\n                <img decoding=\"async\" src=\"https:\/\/ucarecdn.com\/6c16b577-9f3c-4454-abef-b2177f983a63\/-\/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=\"Merger completes between Atalian Servest&#8217;s and OCS&#8217;s UK, Ireland and Asia operations.\">\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>Acquisition<\/span>\n                            <\/div>\n                <h2 class=\"mb-2 text-xl font-medium leading-7 line-clamp-2 text-ocs-gray-nav\">\n            Merger completes between Atalian Servest&#8217;s and OCS&#8217;s UK, Ireland and Asia operations.        <\/h2>\n        <p class=\"text-base leading-6 text-ocs-blue-navy line-clamp-1\">\n            Atalian UK, Ireland and Asia operations to merge with OCS Group to create new, leading international FM provider.        <\/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=\"M&amp;A Team\">\n            <div>\n                <p class=\"text-sm font-semibold leading-5 text-ocs-gray-nav\">\n                    M&amp;A Team                <\/p>\n                <p class=\"text-sm leading-5 text-ocs-blue-navy\">\n                    31 Dec, 2023                <\/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        <section id=\"block_acf-block-67cae30cbac31\"  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","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":62,"featured_media":7689,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-18227","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>\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b - \u0628\u062f\u0627\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0641\u064a \u0639\u0627\u0645 1900 | OCS<\/title>\n<meta name=\"description\" content=\"\u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b OCS. \u0628\u062f\u0623\u062a \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%aa%d8%a7%d8%b1%d9%8a%d8%ae-%d9%88%d8%a7%d9%84%d8%aa%d8%b1%d8%a7%d8%ab\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b\" \/>\n<meta property=\"og:description\" content=\"\u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b OCS. \u0628\u062f\u0623\u062a \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.\" \/>\n<meta property=\"og:url\" content=\"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\" \/>\n<meta property=\"og:site_name\" content=\"OCS - UAE\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-30T11:27:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/%d8%a7%d9%84%d8%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\",\"url\":\"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\",\"name\":\"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b - \u0628\u062f\u0627\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0641\u064a \u0639\u0627\u0645 1900 | OCS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ocs.com\\\/ae\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"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#primaryimage\"},\"image\":{\"@id\":\"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#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ucarecdn.com\\\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\\\/\",\"datePublished\":\"2024-01-02T18:38:43+00:00\",\"dateModified\":\"2026-04-30T11:27:48+00:00\",\"description\":\"\u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b OCS. \u0628\u062f\u0623\u062a \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.\",\"breadcrumb\":{\"@id\":\"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#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"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\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"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#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%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#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ocs.com\\\/ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b\"}]},{\"@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":"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b - \u0628\u062f\u0627\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0641\u064a \u0639\u0627\u0645 1900 | OCS","description":"\u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b OCS. \u0628\u062f\u0623\u062a \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%aa%d8%a7%d8%b1%d9%8a%d8%ae-%d9%88%d8%a7%d9%84%d8%aa%d8%b1%d8%a7%d8%ab\/","og_locale":"en_US","og_type":"article","og_title":"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b","og_description":"\u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b OCS. \u0628\u062f\u0623\u062a \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.","og_url":"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","og_site_name":"OCS - UAE","article_modified_time":"2026-04-30T11:27:48+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ocs.com\/ae\/%d8%a7%d9%84%d8%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","url":"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","name":"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b - \u0628\u062f\u0627\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0641\u064a \u0639\u0627\u0645 1900 | OCS","isPartOf":{"@id":"https:\/\/ocs.com\/ae\/#website"},"primaryImageOfPage":{"@id":"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#primaryimage"},"image":{"@id":"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#primaryimage"},"thumbnailUrl":"https:\/\/ucarecdn.com\/bf1c52ed-151d-4b61-b806-50bcfb871e2f\/","datePublished":"2024-01-02T18:38:43+00:00","dateModified":"2026-04-30T11:27:48+00:00","description":"\u062a\u0627\u0631\u064a\u062e \u0648\u062a\u0631\u0627\u062b OCS. \u0628\u062f\u0623\u062a \u0641\u064a \u0639\u0627\u0645 1900 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0627\u0641\u0639 \u0648\u0631\u0624\u064a\u0629 \u0634\u062e\u0635 \u0648\u0627\u062d\u062f\u060c \u0648\u0645\u0646\u0638\u0641 \u0646\u0648\u0627\u0641\u0630 \u0628\u062f\u0648\u0627\u0645 \u062c\u0632\u0626\u064a\u060c \u0648\u0645\u0645\u0633\u062d\u0629 \u0633\u0644\u0645\u060c \u0648\u062f\u0644\u0648.","breadcrumb":{"@id":"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#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["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"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"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#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%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#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ocs.com\/ae\/"},{"@type":"ListItem","position":2,"name":"\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0648\u0627\u0644\u062a\u0631\u0627\u062b"}]},{"@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\/18227","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\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/comments?post=18227"}],"version-history":[{"count":1,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/18227\/revisions"}],"predecessor-version":[{"id":18232,"href":"https:\/\/ocs.com\/ae\/wp-json\/wp\/v2\/pages\/18227\/revisions\/18232"}],"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=18227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}