{"id":127,"date":"2026-07-29T17:43:45","date_gmt":"2026-07-29T13:43:45","guid":{"rendered":"https:\/\/oheavenbrokers.com\/?page_id=127"},"modified":"2026-07-29T17:56:08","modified_gmt":"2026-07-29T13:56:08","slug":"about-us","status":"publish","type":"page","link":"https:\/\/oheavenbrokers.com\/ar\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"127\" class=\"elementor elementor-127\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-671b452 e-con e-atomic-element e-flexbox-base e-ac148fe \" data-id=\"671b452\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"671b452\" data-e-type=\"e-flexbox\" data-id=\"671b452\">\n    \t\t<div class=\"elementor-element elementor-element-0d786fb elementor-widget elementor-widget-shortcode\" data-id=\"0d786fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n        <section\r\n            id=\"ohAboutHero\"\r\n            class=\"ohabh-section\"\r\n            dir=\"rtl\"\r\n        >\r\n\r\n            <!-- BACKGROUND LINES -->\r\n\r\n            <div\r\n                class=\"ohabh-bg-line ohabh-bg-line-1\"\r\n                aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n            <div\r\n                class=\"ohabh-bg-line ohabh-bg-line-2\"\r\n                aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n            <div\r\n                class=\"ohabh-bg-line ohabh-bg-line-3\"\r\n                aria-hidden=\"true\"\r\n            ><\/div>\r\n\r\n\r\n            <div class=\"ohabh-container\">\r\n\r\n\r\n                <!-- =================================================\r\n                     TOP\r\n                ================================================== -->\r\n\r\n                <div class=\"ohabh-top\">\r\n\r\n\r\n                    <!-- =============================================\r\n                         MAIN\r\n                    ============================================== -->\r\n\r\n                    <div class=\"ohabh-main\">\r\n\r\n\r\n                        <div\r\n                            class=\"ohabh-eyebrow ohabh-reveal\"\r\n                            data-delay=\"0\"\r\n                        >\r\n\r\n                            <span><\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0639\u0646 OASIS HEAVEN\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h1\r\n                            class=\"ohabh-title ohabh-reveal\"\r\n                            data-delay=\"70\"\r\n                        >\r\n\r\n                            \r\n                                \u0627\u0644\u0639\u0642\u0627\u0631 \u064a\u0628\u062f\u0623\r\n\r\n                                <strong>\r\n                                    \u0645\u0646 \u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0627\u0631.\r\n                                <\/strong>\r\n\r\n                            \r\n                        <\/h1>\r\n\r\n\r\n                        <p\r\n                            class=\"ohabh-description ohabh-reveal\"\r\n                            data-delay=\"140\"\r\n                        >\r\n\r\n                            Oasis Heaven \u0647\u064a \u0634\u0631\u0643\u0629 \u0648\u0633\u0627\u0637\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0644\u0644\u0645\u0634\u062a\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0644\u0627\u0643\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062c\u0645\u0639 \u0628\u064a\u0646 \u0641\u0647\u0645 \u0627\u0644\u0633\u0648\u0642\u060c \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u062e\u0644\u0627\u0644 \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a.\r\n                        <\/p>\r\n\r\n\r\n                        <!-- ACTIONS -->\r\n\r\n                        <div\r\n                            class=\"ohabh-actions ohabh-reveal\"\r\n                            data-delay=\"190\"\r\n                        >\r\n\r\n                            <a\r\n                                href=\"#our-approach\"\r\n                                class=\"ohabh-primary\"\r\n                            >\r\n\r\n                                <span>\r\n\r\n                                    \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u0646\u0647\u062c\u0646\u0627\r\n                                <\/span>\r\n\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n\r\n                                    <path\r\n                                        d=\"M13 6l6 6-6 6\"\r\n                                    ><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/contact\/\"\r\n                                class=\"ohabh-secondary\"\r\n                            >\r\n\r\n                                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n                            <\/a>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- =============================================\r\n                         SIDE EDITORIAL PANEL\r\n                    ============================================== -->\r\n\r\n                    <aside\r\n                        class=\"ohabh-side ohabh-reveal\"\r\n                        data-delay=\"150\"\r\n                    >\r\n\r\n\r\n                        <div class=\"ohabh-side-top\">\r\n\r\n                            <span>\r\n                                01\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n\r\n                                \u0645\u0646 \u0646\u062d\u0646\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ohabh-side-center\">\r\n\r\n\r\n                            <span class=\"ohabh-side-number\">\r\n                                OH\r\n                            <\/span>\r\n\r\n\r\n                            <p>\r\n\r\n                                \u0646\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u0639\u0642\u0627\u0631 \u0643\u0642\u0631\u0627\u0631 \u0645\u0627\u0644\u064a \u0648\u0634\u062e\u0635\u064a \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u060c \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0639\u0645\u0644\u064a\u0629 \u0628\u064a\u0639 \u0623\u0648 \u0634\u0631\u0627\u0621.\r\n                            <\/p>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ohabh-side-bottom\">\r\n\r\n\r\n                            <div>\r\n\r\n                                <small>\r\n\r\n                                    \u0627\u0644\u0633\u0648\u0642\r\n                                <\/small>\r\n\r\n                                <strong>\r\n                                    Dubai \/ UAE\r\n                                <\/strong>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div>\r\n\r\n                                <small>\r\n\r\n                                    \u0645\u062c\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\r\n                                <\/small>\r\n\r\n                                <strong>\r\n\r\n                                    \u0648\u0633\u0627\u0637\u0629 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\r\n                                <\/strong>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/aside>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     POSITIONING STRIP\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohabh-strip ohabh-reveal\"\r\n                    data-delay=\"230\"\r\n                >\r\n\r\n\r\n                    <div class=\"ohabh-strip-lead\">\r\n\r\n                        <span>\r\n                            02\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062f\u062f \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0646\u0627\u061f\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohabh-strip-item\">\r\n\r\n                        <span>\r\n                            A\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0648\u0636\u0648\u062d\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohabh-strip-item\">\r\n\r\n                        <span>\r\n                            B\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0641\u0647\u0645 \u0627\u0644\u0633\u0648\u0642\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohabh-strip-item\">\r\n\r\n                        <span>\r\n                            C\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohabh-strip-item\">\r\n\r\n                        <span>\r\n                            D\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     BOTTOM\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohabh-bottom ohabh-reveal\"\r\n                    data-delay=\"280\"\r\n                >\r\n\r\n\r\n                    <div>\r\n\r\n                        <span>\r\n                            OASIS HEAVEN\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0639\u0642\u0627\u0631\u0627\u062a \u2022 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u2022 \u0625\u062f\u0627\u0631\u0629\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <a href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\">\r\n\r\n                        <span>\r\n\r\n                            \u0627\u0633\u062a\u0643\u0634\u0641 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n                        <\/span>\r\n\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M5 12h14\"><\/path>\r\n\r\n                            <path\r\n                                d=\"M13 6l6 6-6 6\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             CSS\r\n        ==================================================== -->\r\n\r\n        <style>\r\n\r\n        \/* =====================================================\r\n           BASE\r\n        ====================================================== *\/\r\n\r\n        #ohAboutHero {\r\n\r\n            --abh-dark:#161817;\r\n            --abh-dark-soft:#202320;\r\n            --abh-bg:#f5f6f4;\r\n            --abh-muted:#707774;\r\n            --abh-accent:#9ca9ae;\r\n            --abh-accent-dark:#68777d;\r\n            --abh-border:rgba(22,24,23,.13);\r\n\r\n            position:relative;\r\n\r\n            width:100%;\r\n\r\n            margin:0;\r\n\r\n            padding:\r\n                clamp(68px,6.5vw,98px)\r\n                0 0;\r\n\r\n            overflow:hidden;\r\n\r\n            background:\r\n                var(--abh-bg);\r\n\r\n            color:\r\n                var(--abh-dark);\r\n        }\r\n\r\n\r\n        #ohAboutHero * {\r\n            box-sizing:border-box;\r\n        }\r\n\r\n\r\n        #ohAboutHero a {\r\n            text-decoration:none;\r\n        }\r\n\r\n\r\n        .ohabh-container {\r\n\r\n            position:relative;\r\n\r\n            z-index:2;\r\n\r\n            width:min(92%,1440px);\r\n\r\n            margin-inline:auto;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BACKGROUND\r\n        ====================================================== *\/\r\n\r\n        .ohabh-bg-line {\r\n\r\n            position:absolute;\r\n\r\n            top:0;\r\n            bottom:0;\r\n\r\n            width:1px;\r\n\r\n            background:\r\n                rgba(22,24,23,.035);\r\n\r\n            pointer-events:none;\r\n        }\r\n\r\n\r\n        .ohabh-bg-line-1 {\r\n            inset-inline-start:18%;\r\n        }\r\n\r\n\r\n        .ohabh-bg-line-2 {\r\n            inset-inline-start:52%;\r\n        }\r\n\r\n\r\n        .ohabh-bg-line-3 {\r\n            inset-inline-start:82%;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TOP GRID\r\n        ====================================================== *\/\r\n\r\n        .ohabh-top {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(0,1.38fr)\r\n                minmax(330px,.62fr);\r\n\r\n            gap:\r\n                clamp(55px,8vw,120px);\r\n\r\n            align-items:stretch;\r\n\r\n            padding-bottom:\r\n                clamp(50px,5vw,70px);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           EYEBROW\r\n        ====================================================== *\/\r\n\r\n        .ohabh-eyebrow {\r\n\r\n            margin-bottom:22px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:12px;\r\n\r\n            color:\r\n                var(--abh-accent-dark);\r\n        }\r\n\r\n\r\n        .ohabh-eyebrow > span {\r\n\r\n            width:34px;\r\n            height:1px;\r\n\r\n            flex:0 0 34px;\r\n\r\n            background:\r\n                var(--abh-accent-dark);\r\n        }\r\n\r\n\r\n        .ohabh-eyebrow p {\r\n\r\n            margin:0;\r\n\r\n            font-size:10px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.13em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TITLE\r\n        ====================================================== *\/\r\n\r\n        .ohabh-title {\r\n\r\n            max-width:900px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--abh-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(50px,5vw,75px);\r\n\r\n            line-height:1.01;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.047em;\r\n        }\r\n\r\n\r\n        .ohabh-title strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--abh-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #ohAboutHero[dir=\"rtl\"]\r\n        .ohabh-title {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            font-weight:500;\r\n\r\n            line-height:1.2;\r\n\r\n            letter-spacing:-.025em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           DESCRIPTION\r\n        ====================================================== *\/\r\n\r\n        .ohabh-description {\r\n\r\n            max-width:780px;\r\n\r\n            margin:29px 0 0;\r\n\r\n            color:\r\n                var(--abh-muted);\r\n\r\n            font-size:16px;\r\n\r\n            line-height:1.84;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           ACTIONS\r\n        ====================================================== *\/\r\n\r\n        .ohabh-actions {\r\n\r\n            margin-top:31px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            flex-wrap:wrap;\r\n\r\n            gap:18px 27px;\r\n        }\r\n\r\n\r\n        #ohAboutHero\r\n        .ohabh-primary {\r\n\r\n            min-height:56px;\r\n\r\n            padding:0 20px;\r\n\r\n            display:inline-flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:31px;\r\n\r\n            color:#fff !important;\r\n\r\n            background:\r\n                var(--abh-dark) !important;\r\n\r\n            border:0 !important;\r\n\r\n            border-radius:0 !important;\r\n\r\n            box-shadow:none !important;\r\n\r\n            font-size:12.5px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n        .ohabh-primary svg {\r\n\r\n            width:17px;\r\n            height:17px;\r\n\r\n            fill:none;\r\n\r\n            stroke:currentColor;\r\n\r\n            stroke-width:1.6;\r\n\r\n            transition:\r\n                transform .25s ease;\r\n        }\r\n\r\n\r\n        .ohabh-primary:hover svg {\r\n            transform:translateX(4px);\r\n        }\r\n\r\n\r\n        #ohAboutHero[dir=\"rtl\"]\r\n        .ohabh-primary svg {\r\n\r\n            transform:scaleX(-1);\r\n        }\r\n\r\n\r\n        #ohAboutHero[dir=\"rtl\"]\r\n        .ohabh-primary:hover svg {\r\n\r\n            transform:\r\n                scaleX(-1)\r\n                translateX(4px);\r\n        }\r\n\r\n\r\n        .ohabh-secondary {\r\n\r\n            padding-bottom:5px;\r\n\r\n            color:\r\n                var(--abh-dark);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--abh-dark);\r\n\r\n            font-size:12px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           SIDE PANEL\r\n        ====================================================== *\/\r\n\r\n        .ohabh-side {\r\n\r\n            min-height:500px;\r\n\r\n            padding:\r\n                28px 28px 25px;\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            background:\r\n                var(--abh-dark);\r\n\r\n            color:#fff;\r\n        }\r\n\r\n\r\n        .ohabh-side-top {\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:10px;\r\n\r\n            color:\r\n                var(--abh-accent);\r\n\r\n            font-size:9px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.11em;\r\n        }\r\n\r\n\r\n        .ohabh-side-top i {\r\n\r\n            width:25px;\r\n            height:1px;\r\n\r\n            background:\r\n                rgba(255,255,255,.15);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           SIDE CENTER\r\n        ====================================================== *\/\r\n\r\n        .ohabh-side-center {\r\n\r\n            padding:\r\n                35px 0;\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            gap:32px;\r\n        }\r\n\r\n\r\n        .ohabh-side-number {\r\n\r\n            color:\r\n                rgba(255,255,255,.11);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(95px,10vw,150px);\r\n\r\n            line-height:.75;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.07em;\r\n        }\r\n\r\n\r\n        .ohabh-side-center p {\r\n\r\n            max-width:355px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                rgba(255,255,255,.72);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(22px,2vw,29px);\r\n\r\n            line-height:1.3;\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #ohAboutHero[dir=\"rtl\"]\r\n        .ohabh-side-center p {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.55;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           SIDE FOOT\r\n        ====================================================== *\/\r\n\r\n        .ohabh-side-bottom {\r\n\r\n            padding-top:20px;\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                1fr 1fr;\r\n\r\n            gap:20px;\r\n\r\n            border-top:\r\n                1px solid\r\n                rgba(255,255,255,.13);\r\n        }\r\n\r\n\r\n        .ohabh-side-bottom > div {\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            gap:7px;\r\n        }\r\n\r\n\r\n        .ohabh-side-bottom small {\r\n\r\n            color:\r\n                rgba(255,255,255,.36);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.11em;\r\n        }\r\n\r\n\r\n        .ohabh-side-bottom strong {\r\n\r\n            color:\r\n                rgba(255,255,255,.82);\r\n\r\n            font-size:11.5px;\r\n\r\n            line-height:1.5;\r\n\r\n            font-weight:550;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STRIP\r\n        ====================================================== *\/\r\n\r\n        .ohabh-strip {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(260px,1.3fr)\r\n                repeat(4,1fr);\r\n\r\n            border:\r\n                1px solid\r\n                var(--abh-border);\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n        .ohabh-strip-lead,\r\n        .ohabh-strip-item {\r\n\r\n            min-height:88px;\r\n\r\n            padding:0 21px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:13px;\r\n\r\n            border-inline-end:\r\n                1px solid\r\n                var(--abh-border);\r\n        }\r\n\r\n\r\n        .ohabh-strip-item:last-child {\r\n            border-inline-end:0;\r\n        }\r\n\r\n\r\n        .ohabh-strip-lead span,\r\n        .ohabh-strip-item span {\r\n\r\n            color:\r\n                var(--abh-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:13px;\r\n        }\r\n\r\n\r\n        .ohabh-strip-lead p {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--abh-muted);\r\n\r\n            font-size:10px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.09em;\r\n\r\n            line-height:1.5;\r\n        }\r\n\r\n\r\n        .ohabh-strip-item strong {\r\n\r\n            color:\r\n                var(--abh-dark);\r\n\r\n            font-size:12px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BOTTOM\r\n        ====================================================== *\/\r\n\r\n        .ohabh-bottom {\r\n\r\n            min-height:77px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:30px;\r\n\r\n            border-inline:\r\n                1px solid\r\n                var(--abh-border);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--abh-border);\r\n\r\n            background:\r\n                rgba(255,255,255,.48);\r\n        }\r\n\r\n\r\n        .ohabh-bottom > div {\r\n\r\n            padding:0 22px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            flex-wrap:wrap;\r\n\r\n            gap:8px 18px;\r\n        }\r\n\r\n\r\n        .ohabh-bottom > div > span {\r\n\r\n            color:\r\n                var(--abh-accent-dark);\r\n\r\n            font-size:9px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohabh-bottom p {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--abh-muted);\r\n\r\n            font-size:11px;\r\n        }\r\n\r\n\r\n        #ohAboutHero\r\n        .ohabh-bottom > a {\r\n\r\n            align-self:stretch;\r\n\r\n            min-width:240px;\r\n\r\n            padding:0 21px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:25px;\r\n\r\n            color:\r\n                var(--abh-dark) !important;\r\n\r\n            background:\r\n                transparent !important;\r\n\r\n            border:0 !important;\r\n\r\n            border-inline-start:\r\n                1px solid\r\n                var(--abh-border)\r\n                !important;\r\n\r\n            border-radius:0 !important;\r\n\r\n            box-shadow:none !important;\r\n\r\n            font-size:12px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n        .ohabh-bottom a svg {\r\n\r\n            width:16px;\r\n            height:16px;\r\n\r\n            fill:none;\r\n\r\n            stroke:currentColor;\r\n\r\n            stroke-width:1.6;\r\n\r\n            transition:\r\n                transform .25s ease;\r\n        }\r\n\r\n\r\n        .ohabh-bottom a:hover svg {\r\n            transform:translateX(4px);\r\n        }\r\n\r\n\r\n        #ohAboutHero[dir=\"rtl\"]\r\n        .ohabh-bottom a svg {\r\n            transform:scaleX(-1);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           ANIMATION\r\n        ====================================================== *\/\r\n\r\n        .ohabh-reveal {\r\n\r\n            opacity:0;\r\n\r\n            transform:\r\n                translateY(20px);\r\n\r\n            transition:\r\n                opacity .7s\r\n                cubic-bezier(.2,.7,.2,1),\r\n                transform .7s\r\n                cubic-bezier(.2,.7,.2,1);\r\n\r\n            transition-delay:\r\n                var(--ohabh-delay,0ms);\r\n        }\r\n\r\n\r\n        #ohAboutHero.is-visible\r\n        .ohabh-reveal {\r\n\r\n            opacity:1;\r\n\r\n            transform:\r\n                translateY(0);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:1000px) {\r\n\r\n            .ohabh-top {\r\n\r\n                grid-template-columns:\r\n                    minmax(0,1fr)\r\n                    340px;\r\n\r\n                gap:40px;\r\n            }\r\n\r\n\r\n            .ohabh-strip {\r\n\r\n                grid-template-columns:\r\n                    repeat(2,1fr);\r\n            }\r\n\r\n\r\n            .ohabh-strip-lead {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                min-height:68px;\r\n\r\n                border-inline-end:0;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--abh-border);\r\n            }\r\n\r\n\r\n            .ohabh-strip-item:nth-child(odd) {\r\n\r\n                border-inline-end:0;\r\n            }\r\n\r\n\r\n            .ohabh-strip-item {\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--abh-border);\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET SMALL\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:800px) {\r\n\r\n            .ohabh-top {\r\n\r\n                grid-template-columns:1fr;\r\n\r\n                gap:34px;\r\n            }\r\n\r\n\r\n            .ohabh-side {\r\n\r\n                min-height:430px;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:650px) {\r\n\r\n            #ohAboutHero {\r\n\r\n                padding-top:55px;\r\n            }\r\n\r\n\r\n            .ohabh-container {\r\n\r\n                width:\r\n                    calc(100% - 38px);\r\n            }\r\n\r\n\r\n            .ohabh-top {\r\n\r\n                padding-bottom:28px;\r\n            }\r\n\r\n\r\n            .ohabh-title {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        40px,\r\n                        10.8vw,\r\n                        52px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohabh-description {\r\n\r\n                margin-top:23px;\r\n\r\n                font-size:14.5px;\r\n\r\n                line-height:1.78;\r\n            }\r\n\r\n\r\n            .ohabh-actions {\r\n\r\n                align-items:stretch;\r\n\r\n                flex-direction:column;\r\n            }\r\n\r\n\r\n            #ohAboutHero\r\n            .ohabh-primary {\r\n\r\n                width:100%;\r\n            }\r\n\r\n\r\n            .ohabh-secondary {\r\n\r\n                align-self:flex-start;\r\n            }\r\n\r\n\r\n            .ohabh-side {\r\n\r\n                min-height:390px;\r\n\r\n                padding:24px 21px;\r\n            }\r\n\r\n\r\n            .ohabh-side-number {\r\n\r\n                font-size:92px;\r\n            }\r\n\r\n\r\n            .ohabh-side-center p {\r\n\r\n                font-size:22px;\r\n            }\r\n\r\n\r\n            .ohabh-strip {\r\n\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n\r\n            .ohabh-strip-lead {\r\n\r\n                grid-column:auto;\r\n            }\r\n\r\n\r\n            .ohabh-strip-lead,\r\n            .ohabh-strip-item {\r\n\r\n                min-height:64px;\r\n\r\n                border-inline-end:0;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--abh-border);\r\n            }\r\n\r\n\r\n            .ohabh-strip-item:last-child {\r\n\r\n                border-bottom:0;\r\n            }\r\n\r\n\r\n            .ohabh-bottom {\r\n\r\n                min-height:0;\r\n\r\n                align-items:stretch;\r\n\r\n                flex-direction:column;\r\n\r\n                gap:0;\r\n            }\r\n\r\n\r\n            .ohabh-bottom > div {\r\n\r\n                min-height:66px;\r\n\r\n                padding:14px 18px;\r\n            }\r\n\r\n\r\n            #ohAboutHero\r\n            .ohabh-bottom > a {\r\n\r\n                min-width:0;\r\n\r\n                min-height:58px;\r\n\r\n                border-inline-start:0 !important;\r\n\r\n                border-top:\r\n                    1px solid\r\n                    var(--abh-border)\r\n                    !important;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REDUCED MOTION\r\n        ====================================================== *\/\r\n\r\n        @media(prefers-reduced-motion:reduce) {\r\n\r\n            .ohabh-reveal {\r\n\r\n                opacity:1;\r\n\r\n                transform:none;\r\n\r\n                transition:none;\r\n            }\r\n\r\n        }\r\n\r\n        <\/style>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             JAVASCRIPT\r\n        ==================================================== -->\r\n\r\n        <script>\r\n\r\n        (function() {\r\n\r\n            'use strict';\r\n\r\n\r\n            function initOasisAboutHero() {\r\n\r\n                const section =\r\n                    document.getElementById(\r\n                        'ohAboutHero'\r\n                    );\r\n\r\n\r\n                if (!section) {\r\n                    return;\r\n                }\r\n\r\n\r\n                section\r\n                    .querySelectorAll(\r\n                        '[data-delay]'\r\n                    )\r\n                    .forEach(\r\n                        function(element) {\r\n\r\n                            const delay =\r\n                                element.getAttribute(\r\n                                    'data-delay'\r\n                                ) || 0;\r\n\r\n\r\n                            element.style\r\n                                .setProperty(\r\n                                    '--ohabh-delay',\r\n                                    delay + 'ms'\r\n                                );\r\n                        }\r\n                    );\r\n\r\n\r\n                if (\r\n                    'IntersectionObserver'\r\n                    in window\r\n                ) {\r\n\r\n                    const observer =\r\n                        new IntersectionObserver(\r\n\r\n                            function(entries) {\r\n\r\n                                entries.forEach(\r\n                                    function(entry) {\r\n\r\n                                        if (\r\n                                            entry.isIntersecting\r\n                                        ) {\r\n\r\n                                            section\r\n                                                .classList\r\n                                                .add(\r\n                                                    'is-visible'\r\n                                                );\r\n\r\n                                            observer.disconnect();\r\n                                        }\r\n\r\n                                    }\r\n                                );\r\n\r\n                            },\r\n\r\n                            {\r\n                                threshold:.05\r\n                            }\r\n\r\n                        );\r\n\r\n\r\n                    observer.observe(\r\n                        section\r\n                    );\r\n\r\n                } else {\r\n\r\n                    section.classList.add(\r\n                        'is-visible'\r\n                    );\r\n                }\r\n\r\n\r\n                \/* ===========================================\r\n                   SMOOTH ANCHOR\r\n                =========================================== *\/\r\n\r\n                const anchor =\r\n                    section.querySelector(\r\n                        'a[href=\"#our-approach\"]'\r\n                    );\r\n\r\n\r\n                if (anchor) {\r\n\r\n                    anchor.addEventListener(\r\n                        'click',\r\n                        function(event) {\r\n\r\n                            const target =\r\n                                document.getElementById(\r\n                                    'our-approach'\r\n                                );\r\n\r\n\r\n                            if (!target) {\r\n                                return;\r\n                            }\r\n\r\n\r\n                            event.preventDefault();\r\n\r\n\r\n                            target.scrollIntoView({\r\n\r\n                                behavior:'smooth',\r\n\r\n                                block:'start'\r\n\r\n                            });\r\n\r\n                        }\r\n                    );\r\n                }\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                document.readyState ===\r\n                'loading'\r\n            ) {\r\n\r\n                document.addEventListener(\r\n                    'DOMContentLoaded',\r\n                    initOasisAboutHero\r\n                );\r\n\r\n            } else {\r\n\r\n                initOasisAboutHero();\r\n            }\r\n\r\n        })();\r\n\r\n        <\/script>\r\n\r\n\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8cff63d e-con e-atomic-element e-flexbox-base e-8cff63d-ce09e38 \" data-id=\"8cff63d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8cff63d\" data-e-type=\"e-flexbox\" data-id=\"8cff63d\">\n    \t\t<div class=\"elementor-element elementor-element-f091c7e elementor-widget elementor-widget-shortcode\" data-id=\"f091c7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n        <section\r\n            id=\"our-approach\"\r\n            class=\"ohaoa-section\"\r\n            dir=\"rtl\"\r\n        >\r\n\r\n            <div class=\"ohaoa-container\">\r\n\r\n\r\n                <!-- =================================================\r\n                     TOP HEADER\r\n                ================================================== -->\r\n\r\n                <div class=\"ohaoa-header\">\r\n\r\n\r\n                    <div\r\n                        class=\"ohaoa-heading ohaoa-reveal\"\r\n                        data-delay=\"0\"\r\n                    >\r\n\r\n                        <div class=\"ohaoa-eyebrow\">\r\n\r\n                            <span><\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644\u0646\u0627\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h2>\r\n\r\n                            \r\n                                \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0623\u0648\u0644\u0627\u064b.\r\n\r\n                                <strong>\r\n                                    \u062b\u0645 \u064a\u0623\u062a\u064a \u0627\u0644\u0639\u0642\u0627\u0631.\r\n                                <\/strong>\r\n\r\n                            \r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div\r\n                        class=\"ohaoa-header-copy ohaoa-reveal\"\r\n                        data-delay=\"90\"\r\n                    >\r\n\r\n                        <span>\r\n                            02\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0628\u062f\u0621 \u0628\u0642\u0627\u0626\u0645\u0629 \u0639\u0642\u0627\u0631\u0627\u062a \u0637\u0648\u064a\u0644\u0629\u060c \u0646\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0627\u0631 \u0646\u0641\u0633\u0647: \u0627\u0644\u0647\u062f\u0641\u060c \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\u060c \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u060c \u0627\u0644\u062a\u0648\u0642\u064a\u062a\u060c \u0648\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u062e\u0627\u0637\u0631\u0629 \u0627\u0644\u0645\u0642\u0628\u0648\u0644.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     MAIN FRAMEWORK\r\n                ================================================== -->\r\n\r\n                <div class=\"ohaoa-framework\">\r\n\r\n\r\n                    <!-- =============================================\r\n                         LEFT \u2014 STATEMENT\r\n                    ============================================== -->\r\n\r\n                    <div\r\n                        class=\"ohaoa-statement ohaoa-reveal\"\r\n                        data-delay=\"50\"\r\n                    >\r\n\r\n\r\n                        <div class=\"ohaoa-statement-top\">\r\n\r\n                            <span>\r\n                                OASIS HEAVEN\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                01 \u2014 04\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ohaoa-statement-center\">\r\n\r\n\r\n                            <small>\r\n\r\n                                \u0627\u0644\u0645\u0628\u062f\u0623\r\n                            <\/small>\r\n\r\n\r\n                            <blockquote>\r\n\r\n                                \r\n                                    \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u062c\u064a\u062f \u0644\u0627 \u064a\u0628\u062f\u0623\r\n\r\n                                    <strong>\r\n                                        \u0628\u0627\u0644\u0633\u0624\u0627\u0644: \u0645\u0627\u0630\u0627 \u0623\u0634\u062a\u0631\u064a\u061f\r\n                                    <\/strong>\r\n\r\n                                    \u0628\u0644 \u0628\u0627\u0644\u0633\u0624\u0627\u0644:\r\n\r\n                                    <strong>\r\n                                        \u0644\u0645\u0627\u0630\u0627 \u0623\u0634\u062a\u0631\u064a\u061f\r\n                                    <\/strong>\r\n\r\n                                \r\n                            <\/blockquote>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ohaoa-statement-bottom\">\r\n\r\n                            <span>\r\n                                DUBAI\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n                                UAE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div\r\n                            class=\"ohaoa-statement-grid\"\r\n                            aria-hidden=\"true\"\r\n                        ><\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- =============================================\r\n                         RIGHT \u2014 PROCESS\r\n                    ============================================== -->\r\n\r\n                    <div class=\"ohaoa-process\">\r\n\r\n\r\n                        <!-- 01 -->\r\n\r\n                        <article\r\n                            class=\"ohaoa-step ohaoa-reveal\"\r\n                            data-delay=\"90\"\r\n                        >\r\n\r\n                            <div class=\"ohaoa-step-number\">\r\n\r\n                                <span>\r\n                                    01\r\n                                <\/span>\r\n\r\n                                <i><\/i>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohaoa-step-content\">\r\n\r\n                                <small>\r\n\r\n                                    \u0641\u0647\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\r\n                                <\/small>\r\n\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u0628\u062f\u0623 \u0628\u0645\u0627 \u062a\u0631\u064a\u062f \u062a\u062d\u0642\u064a\u0642\u0647.\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u062d\u062f\u062f \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0647\u062f\u0641\u060c \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\u060c \u0623\u0641\u0642 \u0627\u0644\u0642\u0631\u0627\u0631\u060c \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0627\u062a \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629\u060c \u0648\u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0624\u062b\u0631 \u0639\u0644\u0649 \u0627\u0644\u0627\u062e\u062a\u064a\u0627\u0631.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/article>\r\n\r\n\r\n\r\n                        <!-- 02 -->\r\n\r\n                        <article\r\n                            class=\"ohaoa-step ohaoa-reveal\"\r\n                            data-delay=\"140\"\r\n                        >\r\n\r\n                            <div class=\"ohaoa-step-number\">\r\n\r\n                                <span>\r\n                                    02\r\n                                <\/span>\r\n\r\n                                <i><\/i>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohaoa-step-content\">\r\n\r\n                                <small>\r\n\r\n                                    \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0633\u0648\u0642\r\n                                <\/small>\r\n\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u0636\u0639 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0636\u0645\u0646 \u0633\u064a\u0627\u0642 \u0627\u0644\u0633\u0648\u0642.\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u0642\u0627\u0631\u0646 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\u060c \u0627\u0644\u0623\u0633\u0639\u0627\u0631\u060c \u0646\u0648\u0639 \u0627\u0644\u0637\u0644\u0628\u060c \u062e\u0635\u0627\u0626\u0635 \u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u0627\u0644\u0639\u0648\u0627\u0645\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0641\u0631\u0635\u0629 \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u0648\u0627\u0642\u0639\u064a\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/article>\r\n\r\n\r\n\r\n                        <!-- 03 -->\r\n\r\n                        <article\r\n                            class=\"ohaoa-step ohaoa-reveal\"\r\n                            data-delay=\"190\"\r\n                        >\r\n\r\n                            <div class=\"ohaoa-step-number\">\r\n\r\n                                <span>\r\n                                    03\r\n                                <\/span>\r\n\r\n                                <i><\/i>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohaoa-step-content\">\r\n\r\n                                <small>\r\n\r\n                                    \u062a\u0636\u064a\u064a\u0642 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\r\n                                <\/small>\r\n\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0645\u0627 \u064a\u0633\u062a\u062d\u0642 \u0648\u0642\u062a\u0643.\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u062a\u0634\u062a\u064a\u062a \u0627\u0644\u0642\u0631\u0627\u0631 \u0628\u0639\u062f\u062f \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0646\u0639\u0645\u0644 \u0639\u0644\u0649 \u062a\u0636\u064a\u064a\u0642 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0646\u062d\u0648 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0623\u0642\u0631\u0628 \u0625\u0644\u0649 \u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0643 \u0627\u0644\u0641\u0639\u0644\u064a\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/article>\r\n\r\n\r\n\r\n                        <!-- 04 -->\r\n\r\n                        <article\r\n                            class=\"ohaoa-step ohaoa-reveal\"\r\n                            data-delay=\"240\"\r\n                        >\r\n\r\n                            <div class=\"ohaoa-step-number\">\r\n\r\n                                <span>\r\n                                    04\r\n                                <\/span>\r\n\r\n                                <i><\/i>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohaoa-step-content\">\r\n\r\n                                <small>\r\n\r\n                                    \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\r\n                                <\/small>\r\n\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u0646\u062a\u0642\u0644 \u0645\u0646 \u0627\u0644\u0642\u0631\u0627\u0631 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0645\u0639\u0627\u064a\u0646\u0627\u062a\u060c \u0627\u0644\u062a\u0641\u0627\u0648\u0636\u060c \u0627\u0644\u062a\u0646\u0633\u064a\u0642 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u062d\u062a\u0649 \u062a\u0628\u0642\u0649 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0635\u0641\u0642\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n                        <\/article>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     VALUE BAR\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohaoa-values ohaoa-reveal\"\r\n                    data-delay=\"280\"\r\n                >\r\n\r\n\r\n                    <div class=\"ohaoa-value-lead\">\r\n\r\n                        <span>\r\n                            03\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0645\u0627 \u0627\u0644\u0630\u064a \u0646\u0631\u0643\u0632 \u0639\u0644\u064a\u0647 \u062e\u0644\u0627\u0644 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u061f\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohaoa-value\">\r\n\r\n                        <small>\r\n                            01\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0648\u0636\u0648\u062d \u0627\u0644\u0642\u0631\u0627\u0631\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohaoa-value\">\r\n\r\n                        <small>\r\n                            02\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0645\u0644\u0627\u0621\u0645\u0629 \u0627\u0644\u0641\u0631\u0635\u0629\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohaoa-value\">\r\n\r\n                        <small>\r\n                            03\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohaoa-value\">\r\n\r\n                        <small>\r\n                            04\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     BOTTOM ACTION\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohaoa-bottom ohaoa-reveal\"\r\n                    data-delay=\"320\"\r\n                >\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n\r\n                            \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629\r\n                        <\/small>\r\n\r\n\r\n                        <p>\r\n\r\n                            \u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0645\u0627 \u062a\u062d\u0627\u0648\u0644 \u062a\u062d\u0642\u064a\u0642\u0647\u060c \u0648\u0633\u0646\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627\u0643.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohaoa-actions\">\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/contact\/\"\r\n                            class=\"ohaoa-primary\"\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                \u062a\u062d\u062f\u062b \u0645\u0639 \u0645\u0633\u062a\u0634\u0627\u0631\r\n                            <\/span>\r\n\r\n\r\n                            <svg viewBox=\"0 0 24 24\">\r\n\r\n                                <path d=\"M5 12h14\"><\/path>\r\n\r\n                                <path\r\n                                    d=\"M13 6l6 6-6 6\"\r\n                                ><\/path>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                            class=\"ohaoa-services-link\"\r\n                        >\r\n\r\n                            \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\r\n                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             CSS\r\n        ==================================================== -->\r\n\r\n        <style>\r\n\r\n\r\n        \/* =====================================================\r\n           HERO \u2192 APPROACH GAP\r\n        ====================================================== *\/\r\n\r\n        #ohAboutHero {\r\n\r\n            padding-bottom:\r\n                28px !important;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BASE\r\n        ====================================================== *\/\r\n\r\n        #our-approach {\r\n\r\n            --aoa-dark:#161817;\r\n            --aoa-dark-2:#202320;\r\n            --aoa-bg:#f5f6f4;\r\n            --aoa-white:#ffffff;\r\n            --aoa-muted:#707774;\r\n            --aoa-accent:#9ca9ae;\r\n            --aoa-accent-dark:#68777d;\r\n            --aoa-border:rgba(22,24,23,.13);\r\n\r\n            width:100%;\r\n\r\n            margin:0;\r\n\r\n            padding:\r\n                22px 0\r\n                clamp(72px,7vw,98px);\r\n\r\n            background:\r\n                var(--aoa-bg);\r\n\r\n            color:\r\n                var(--aoa-dark);\r\n\r\n            scroll-margin-top:\r\n                100px;\r\n        }\r\n\r\n\r\n        #our-approach * {\r\n\r\n            box-sizing:\r\n                border-box;\r\n        }\r\n\r\n\r\n        #our-approach a {\r\n\r\n            text-decoration:\r\n                none;\r\n        }\r\n\r\n\r\n        .ohaoa-container {\r\n\r\n            width:\r\n                min(92%,1440px);\r\n\r\n            margin-inline:\r\n                auto;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           HEADER\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-header {\r\n\r\n            margin-bottom:\r\n                36px;\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(0,1.25fr)\r\n                minmax(300px,.75fr);\r\n\r\n            align-items:end;\r\n\r\n            gap:\r\n                clamp(55px,8vw,115px);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           EYEBROW\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-eyebrow {\r\n\r\n            margin-bottom:\r\n                18px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:12px;\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n        }\r\n\r\n\r\n        .ohaoa-eyebrow > span {\r\n\r\n            width:32px;\r\n            height:1px;\r\n\r\n            background:\r\n                var(--aoa-accent-dark);\r\n        }\r\n\r\n\r\n        .ohaoa-eyebrow p {\r\n\r\n            margin:0;\r\n\r\n            font-size:10px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.13em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           HEADING\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-heading h2 {\r\n\r\n            max-width:780px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--aoa-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(42px,3.8vw,58px);\r\n\r\n            line-height:1.03;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.04em;\r\n        }\r\n\r\n\r\n        .ohaoa-heading h2 strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #our-approach[dir=\"rtl\"]\r\n        .ohaoa-heading h2 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            font-weight:500;\r\n\r\n            line-height:1.22;\r\n\r\n            letter-spacing:-.02em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           HEADER COPY\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-header-copy {\r\n\r\n            padding-inline-start:\r\n                25px;\r\n\r\n            border-inline-start:\r\n                1px solid\r\n                var(--aoa-border);\r\n        }\r\n\r\n\r\n        .ohaoa-header-copy > span {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:15px;\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:14px;\r\n        }\r\n\r\n\r\n        .ohaoa-header-copy p {\r\n\r\n            max-width:440px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--aoa-muted);\r\n\r\n            font-size:14.5px;\r\n\r\n            line-height:1.8;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FRAMEWORK\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-framework {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(340px,.72fr)\r\n                minmax(0,1.28fr);\r\n\r\n            min-height:670px;\r\n\r\n            border:\r\n                1px solid\r\n                var(--aoa-border);\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STATEMENT\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-statement {\r\n\r\n            position:relative;\r\n\r\n            min-height:670px;\r\n\r\n            padding:\r\n                30px\r\n                clamp(28px,3.5vw,48px);\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            overflow:hidden;\r\n\r\n            background:\r\n                var(--aoa-dark);\r\n\r\n            color:#fff;\r\n        }\r\n\r\n\r\n        .ohaoa-statement-top {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:20px;\r\n\r\n            color:\r\n                rgba(255,255,255,.42);\r\n\r\n            font-size:8.5px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STATEMENT CENTER\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-statement-center {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            padding:\r\n                50px 0;\r\n        }\r\n\r\n\r\n        .ohaoa-statement-center > small {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:24px;\r\n\r\n            color:\r\n                var(--aoa-accent);\r\n\r\n            font-size:9px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohaoa-statement blockquote {\r\n\r\n            max-width:500px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                rgba(255,255,255,.9);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(28px,2.8vw,41px);\r\n\r\n            line-height:1.18;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.025em;\r\n        }\r\n\r\n\r\n        .ohaoa-statement blockquote strong {\r\n\r\n            display:block;\r\n\r\n            margin:\r\n                5px 0;\r\n\r\n            color:\r\n                var(--aoa-accent);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #our-approach[dir=\"rtl\"]\r\n        .ohaoa-statement blockquote {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.55;\r\n\r\n            font-weight:500;\r\n\r\n            letter-spacing:0;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STATEMENT BOTTOM\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-statement-bottom {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            padding-top:20px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:13px;\r\n\r\n            color:\r\n                rgba(255,255,255,.4);\r\n\r\n            border-top:\r\n                1px solid\r\n                rgba(255,255,255,.12);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohaoa-statement-bottom i {\r\n\r\n            flex:1;\r\n\r\n            height:1px;\r\n\r\n            background:\r\n                rgba(255,255,255,.12);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STATEMENT GRID\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-statement-grid {\r\n\r\n            position:absolute;\r\n\r\n            inset:0;\r\n\r\n            opacity:.6;\r\n\r\n            background-image:\r\n                linear-gradient(\r\n                    rgba(255,255,255,.035)\r\n                    1px,\r\n                    transparent 1px\r\n                ),\r\n                linear-gradient(\r\n                    90deg,\r\n                    rgba(255,255,255,.035)\r\n                    1px,\r\n                    transparent 1px\r\n                );\r\n\r\n            background-size:\r\n                65px 65px;\r\n\r\n            pointer-events:none;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PROCESS\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-process {\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n        .ohaoa-step {\r\n\r\n            min-height:\r\n                167px;\r\n\r\n            padding:\r\n                29px\r\n                clamp(28px,4vw,55px);\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                70px\r\n                minmax(0,1fr);\r\n\r\n            gap:24px;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--aoa-border);\r\n        }\r\n\r\n\r\n        .ohaoa-step:last-child {\r\n\r\n            border-bottom:0;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           NUMBER\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-step-number {\r\n\r\n            padding-top:4px;\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            align-items:flex-start;\r\n\r\n            gap:12px;\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n        }\r\n\r\n\r\n        .ohaoa-step-number span {\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:20px;\r\n        }\r\n\r\n\r\n        .ohaoa-step-number i {\r\n\r\n            width:28px;\r\n\r\n            height:1px;\r\n\r\n            background:\r\n                var(--aoa-border);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STEP CONTENT\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-step-content {\r\n\r\n            max-width:700px;\r\n        }\r\n\r\n\r\n        .ohaoa-step-content small {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:8px;\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n\r\n            font-size:8.5px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohaoa-step-content h3 {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--aoa-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(24px,2vw,31px);\r\n\r\n            line-height:1.15;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.025em;\r\n        }\r\n\r\n\r\n        #our-approach[dir=\"rtl\"]\r\n        .ohaoa-step-content h3 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.4;\r\n\r\n            font-weight:500;\r\n\r\n            letter-spacing:0;\r\n        }\r\n\r\n\r\n        .ohaoa-step-content p {\r\n\r\n            max-width:650px;\r\n\r\n            margin:\r\n                10px 0 0;\r\n\r\n            color:\r\n                var(--aoa-muted);\r\n\r\n            font-size:13.5px;\r\n\r\n            line-height:1.72;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           VALUES\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-values {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(245px,1.25fr)\r\n                repeat(4,1fr);\r\n\r\n            border-inline:\r\n                1px solid\r\n                var(--aoa-border);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--aoa-border);\r\n\r\n            background:\r\n                rgba(255,255,255,.65);\r\n        }\r\n\r\n\r\n        .ohaoa-value-lead,\r\n        .ohaoa-value {\r\n\r\n            min-height:78px;\r\n\r\n            padding:0 20px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:13px;\r\n\r\n            border-inline-end:\r\n                1px solid\r\n                var(--aoa-border);\r\n        }\r\n\r\n\r\n        .ohaoa-value:last-child {\r\n\r\n            border-inline-end:0;\r\n        }\r\n\r\n\r\n        .ohaoa-value-lead > span {\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:14px;\r\n        }\r\n\r\n\r\n        .ohaoa-value-lead p {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--aoa-muted);\r\n\r\n            font-size:9px;\r\n\r\n            line-height:1.5;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.08em;\r\n        }\r\n\r\n\r\n        .ohaoa-value {\r\n\r\n            flex-direction:column;\r\n\r\n            align-items:flex-start;\r\n\r\n            justify-content:center;\r\n\r\n            gap:6px;\r\n        }\r\n\r\n\r\n        .ohaoa-value small {\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:11px;\r\n        }\r\n\r\n\r\n        .ohaoa-value strong {\r\n\r\n            color:\r\n                var(--aoa-dark);\r\n\r\n            font-size:11.5px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BOTTOM\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-bottom {\r\n\r\n            min-height:102px;\r\n\r\n            padding:\r\n                18px 22px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:35px;\r\n\r\n            border-inline:\r\n                1px solid\r\n                var(--aoa-border);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--aoa-border);\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n        .ohaoa-bottom > div:first-child {\r\n\r\n            max-width:570px;\r\n        }\r\n\r\n\r\n        .ohaoa-bottom small {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:7px;\r\n\r\n            color:\r\n                var(--aoa-accent-dark);\r\n\r\n            font-size:8.5px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohaoa-bottom p {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--aoa-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(18px,1.7vw,24px);\r\n\r\n            line-height:1.3;\r\n        }\r\n\r\n\r\n        #our-approach[dir=\"rtl\"]\r\n        .ohaoa-bottom p {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           ACTIONS\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-actions {\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            flex-wrap:wrap;\r\n\r\n            justify-content:flex-end;\r\n\r\n            gap:17px 24px;\r\n        }\r\n\r\n\r\n        #our-approach\r\n        .ohaoa-primary {\r\n\r\n            min-height:54px;\r\n\r\n            padding:\r\n                0 18px;\r\n\r\n            display:inline-flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:28px;\r\n\r\n            background:\r\n                var(--aoa-dark)\r\n                !important;\r\n\r\n            color:\r\n                #fff\r\n                !important;\r\n\r\n            border:\r\n                0\r\n                !important;\r\n\r\n            border-radius:\r\n                0\r\n                !important;\r\n\r\n            box-shadow:\r\n                none\r\n                !important;\r\n\r\n            font-size:12px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n        .ohaoa-primary svg {\r\n\r\n            width:16px;\r\n\r\n            height:16px;\r\n\r\n            fill:none;\r\n\r\n            stroke:currentColor;\r\n\r\n            stroke-width:1.6;\r\n\r\n            transition:\r\n                transform .25s ease;\r\n        }\r\n\r\n\r\n        .ohaoa-primary:hover svg {\r\n\r\n            transform:\r\n                translateX(4px);\r\n        }\r\n\r\n\r\n        #our-approach[dir=\"rtl\"]\r\n        .ohaoa-primary svg {\r\n\r\n            transform:\r\n                scaleX(-1);\r\n        }\r\n\r\n\r\n        #our-approach[dir=\"rtl\"]\r\n        .ohaoa-primary:hover svg {\r\n\r\n            transform:\r\n                scaleX(-1)\r\n                translateX(4px);\r\n        }\r\n\r\n\r\n        .ohaoa-services-link {\r\n\r\n            padding-bottom:5px;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--aoa-dark);\r\n\r\n            color:\r\n                var(--aoa-dark);\r\n\r\n            font-size:11.5px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REVEAL\r\n        ====================================================== *\/\r\n\r\n        .ohaoa-reveal {\r\n\r\n            opacity:0;\r\n\r\n            transform:\r\n                translateY(20px);\r\n\r\n            transition:\r\n                opacity .7s\r\n                cubic-bezier(.2,.7,.2,1),\r\n                transform .7s\r\n                cubic-bezier(.2,.7,.2,1);\r\n\r\n            transition-delay:\r\n                var(--ohaoa-delay,0ms);\r\n        }\r\n\r\n\r\n        #our-approach.is-visible\r\n        .ohaoa-reveal {\r\n\r\n            opacity:1;\r\n\r\n            transform:\r\n                translateY(0);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:1000px) {\r\n\r\n            .ohaoa-framework {\r\n\r\n                grid-template-columns:\r\n                    360px\r\n                    1fr;\r\n            }\r\n\r\n\r\n            .ohaoa-values {\r\n\r\n                grid-template-columns:\r\n                    repeat(2,1fr);\r\n            }\r\n\r\n\r\n            .ohaoa-value-lead {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                min-height:62px;\r\n\r\n                border-inline-end:0;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--aoa-border);\r\n            }\r\n\r\n\r\n            .ohaoa-value:nth-child(3),\r\n            .ohaoa-value:nth-child(5) {\r\n\r\n                border-inline-end:0;\r\n            }\r\n\r\n\r\n            .ohaoa-value {\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--aoa-border);\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET SMALL\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:800px) {\r\n\r\n            .ohaoa-header {\r\n\r\n                grid-template-columns:1fr;\r\n\r\n                gap:25px;\r\n            }\r\n\r\n\r\n            .ohaoa-header-copy {\r\n\r\n                max-width:600px;\r\n            }\r\n\r\n\r\n            .ohaoa-framework {\r\n\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n\r\n            .ohaoa-statement {\r\n\r\n                min-height:500px;\r\n            }\r\n\r\n\r\n            .ohaoa-bottom {\r\n\r\n                align-items:flex-start;\r\n\r\n                flex-direction:column;\r\n            }\r\n\r\n\r\n            .ohaoa-actions {\r\n\r\n                justify-content:flex-start;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:650px) {\r\n\r\n            #ohAboutHero {\r\n\r\n                padding-bottom:\r\n                    20px !important;\r\n            }\r\n\r\n\r\n            #our-approach {\r\n\r\n                padding:\r\n                    15px 0 60px;\r\n            }\r\n\r\n\r\n            .ohaoa-container {\r\n\r\n                width:\r\n                    calc(100% - 38px);\r\n            }\r\n\r\n\r\n            .ohaoa-header {\r\n\r\n                margin-bottom:28px;\r\n            }\r\n\r\n\r\n            .ohaoa-heading h2 {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        36px,\r\n                        9.8vw,\r\n                        47px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohaoa-header-copy {\r\n\r\n                padding-inline-start:18px;\r\n            }\r\n\r\n\r\n            .ohaoa-header-copy p {\r\n\r\n                font-size:14px;\r\n            }\r\n\r\n\r\n            .ohaoa-statement {\r\n\r\n                min-height:430px;\r\n\r\n                padding:\r\n                    25px 21px;\r\n            }\r\n\r\n\r\n            .ohaoa-statement blockquote {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        27px,\r\n                        7.5vw,\r\n                        35px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohaoa-step {\r\n\r\n                min-height:0;\r\n\r\n                padding:\r\n                    24px 20px;\r\n\r\n                grid-template-columns:\r\n                    45px 1fr;\r\n\r\n                gap:13px;\r\n            }\r\n\r\n\r\n            .ohaoa-step-content h3 {\r\n\r\n                font-size:23px;\r\n            }\r\n\r\n\r\n            .ohaoa-step-content p {\r\n\r\n                font-size:13px;\r\n            }\r\n\r\n\r\n            .ohaoa-values {\r\n\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n\r\n            .ohaoa-value-lead {\r\n\r\n                grid-column:auto;\r\n            }\r\n\r\n\r\n            .ohaoa-value,\r\n            .ohaoa-value-lead {\r\n\r\n                min-height:62px;\r\n\r\n                border-inline-end:0;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--aoa-border);\r\n            }\r\n\r\n\r\n            .ohaoa-value:last-child {\r\n\r\n                border-bottom:0;\r\n            }\r\n\r\n\r\n            .ohaoa-bottom {\r\n\r\n                min-height:0;\r\n\r\n                padding:\r\n                    25px 20px;\r\n            }\r\n\r\n\r\n            .ohaoa-actions {\r\n\r\n                width:100%;\r\n\r\n                align-items:stretch;\r\n\r\n                flex-direction:column;\r\n            }\r\n\r\n\r\n            #our-approach\r\n            .ohaoa-primary {\r\n\r\n                width:100%;\r\n            }\r\n\r\n\r\n            .ohaoa-services-link {\r\n\r\n                align-self:flex-start;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REDUCED MOTION\r\n        ====================================================== *\/\r\n\r\n        @media(\r\n            prefers-reduced-motion:reduce\r\n        ) {\r\n\r\n            .ohaoa-reveal {\r\n\r\n                opacity:1;\r\n\r\n                transform:none;\r\n\r\n                transition:none;\r\n            }\r\n\r\n        }\r\n\r\n        <\/style>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             JAVASCRIPT\r\n        ==================================================== -->\r\n\r\n        <script>\r\n\r\n        (function() {\r\n\r\n            'use strict';\r\n\r\n\r\n            function initOasisAboutApproach() {\r\n\r\n\r\n                const section =\r\n                    document.getElementById(\r\n                        'our-approach'\r\n                    );\r\n\r\n\r\n                if (!section) {\r\n                    return;\r\n                }\r\n\r\n\r\n\r\n                section\r\n                    .querySelectorAll(\r\n                        '[data-delay]'\r\n                    )\r\n                    .forEach(\r\n                        function(element) {\r\n\r\n                            const delay =\r\n                                element.getAttribute(\r\n                                    'data-delay'\r\n                                ) || 0;\r\n\r\n\r\n                            element.style\r\n                                .setProperty(\r\n                                    '--ohaoa-delay',\r\n                                    delay + 'ms'\r\n                                );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                if (\r\n                    'IntersectionObserver'\r\n                    in window\r\n                ) {\r\n\r\n                    const observer =\r\n                        new IntersectionObserver(\r\n\r\n                            function(entries) {\r\n\r\n                                entries.forEach(\r\n                                    function(entry) {\r\n\r\n                                        if (\r\n                                            entry.isIntersecting\r\n                                        ) {\r\n\r\n                                            section.classList\r\n                                                .add(\r\n                                                    'is-visible'\r\n                                                );\r\n\r\n                                            observer.disconnect();\r\n                                        }\r\n\r\n                                    }\r\n                                );\r\n\r\n                            },\r\n\r\n                            {\r\n                                threshold:.04\r\n                            }\r\n\r\n                        );\r\n\r\n\r\n                    observer.observe(\r\n                        section\r\n                    );\r\n\r\n                } else {\r\n\r\n                    section.classList.add(\r\n                        'is-visible'\r\n                    );\r\n                }\r\n\r\n            }\r\n\r\n\r\n\r\n            if (\r\n                document.readyState ===\r\n                'loading'\r\n            ) {\r\n\r\n                document.addEventListener(\r\n                    'DOMContentLoaded',\r\n                    initOasisAboutApproach\r\n                );\r\n\r\n            } else {\r\n\r\n                initOasisAboutApproach();\r\n            }\r\n\r\n        })();\r\n\r\n        <\/script>\r\n\r\n\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9e07066 e-con e-atomic-element e-flexbox-base e-9e07066-26f845c \" data-id=\"9e07066\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9e07066\" data-e-type=\"e-flexbox\" data-id=\"9e07066\">\n    \t\t<div class=\"elementor-element elementor-element-f8fd1c3 elementor-widget elementor-widget-shortcode\" data-id=\"f8fd1c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n        <section\r\n            id=\"our-story\"\r\n            class=\"ohast-section\"\r\n            dir=\"rtl\"\r\n        >\r\n\r\n            <div class=\"ohast-container\">\r\n\r\n\r\n                <!-- =================================================\r\n                     SECTION HEADER\r\n                ================================================== -->\r\n\r\n                <div class=\"ohast-header\">\r\n\r\n\r\n                    <div\r\n                        class=\"ohast-heading ohast-reveal\"\r\n                        data-delay=\"0\"\r\n                    >\r\n\r\n                        <div class=\"ohast-eyebrow\">\r\n\r\n                            <span><\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0642\u0635\u062a\u0646\u0627\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h2>\r\n\r\n                            \r\n                                \u0645\u0646\u0630 2021\u060c\r\n\r\n                                <strong>\r\n                                    \u0646\u0628\u0646\u064a \u062d\u0648\u0644 \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a.\r\n                                <\/strong>\r\n\r\n                            \r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div\r\n                        class=\"ohast-header-side ohast-reveal\"\r\n                        data-delay=\"90\"\r\n                    >\r\n\r\n                        <span>\r\n                            03\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0628\u062f\u0623\u062a Oasis Heaven \u0628\u0647\u062f\u0641 \u062a\u0642\u062f\u064a\u0645 \u062a\u062c\u0631\u0628\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0641\u064a \u0633\u0648\u0642 \u0633\u0631\u064a\u0639 \u0648\u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     STORY FRAME\r\n                ================================================== -->\r\n\r\n                <div class=\"ohast-frame\">\r\n\r\n\r\n                    <!-- =============================================\r\n                         YEAR PANEL\r\n                    ============================================== -->\r\n\r\n                    <div\r\n                        class=\"ohast-year-panel ohast-reveal\"\r\n                        data-delay=\"40\"\r\n                    >\r\n\r\n\r\n                        <div class=\"ohast-year-top\">\r\n\r\n                            <span>\r\n                                EST.\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                DUBAI \/ UAE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"ohast-year-center\">\r\n\r\n                            <small>\r\n\r\n                                \u0627\u0644\u0628\u062f\u0627\u064a\u0629\r\n                            <\/small>\r\n\r\n\r\n                            <strong>\r\n                                2021\r\n                            <\/strong>\r\n\r\n\r\n                            <p>\r\n\r\n                                \u0628\u062f\u0627\u064a\u0629 \u0631\u062d\u0644\u0629 \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0631\u0628\u0637 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0628\u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0641\u064a \u062f\u0648\u0644\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"ohast-year-bottom\">\r\n\r\n                            <span>\r\n                                OASIS\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n                                HEAVEN\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"ohast-year-lines\"\r\n                            aria-hidden=\"true\"\r\n                        ><\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- =============================================\r\n                         STORY CONTENT\r\n                    ============================================== -->\r\n\r\n                    <div class=\"ohast-story-content\">\r\n\r\n\r\n                        <!-- INTRO -->\r\n\r\n                        <div\r\n                            class=\"ohast-story-intro ohast-reveal\"\r\n                            data-delay=\"80\"\r\n                        >\r\n\r\n                            <span>\r\n                                2021 \u2014 TODAY\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \r\n                                    \u0645\u0646 \u0627\u0644\u0648\u0633\u0627\u0637\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\r\n\r\n                                    <strong>\r\n                                        \u0625\u0644\u0649 \u0631\u0624\u064a\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0629 \u0623\u0634\u0645\u0644.\r\n                                    <\/strong>\r\n\r\n                                \r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                \u0645\u0639 \u062a\u0637\u0648\u0631 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0623\u0635\u0628\u062d \u062f\u0648\u0631\u0646\u0627 \u064a\u062a\u062c\u0627\u0648\u0632 \u0639\u0631\u0636 \u0627\u0644\u0639\u0642\u0627\u0631. \u0646\u062d\u0646 \u0646\u0631\u0643\u0632 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0633\u0628\u0628 \u0627\u0644\u0642\u0631\u0627\u0631\u060c \u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a\u060c \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0639\u0645\u0644\u064a\u0629\u060c \u0648\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0628\u0635\u0648\u0631\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0642\u0628\u0644 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- =========================================\r\n                             EVOLUTION ROWS\r\n                        ========================================== -->\r\n\r\n                        <div class=\"ohast-evolution\">\r\n\r\n\r\n                            <!-- 01 -->\r\n\r\n                            <article\r\n                                class=\"ohast-row ohast-reveal\"\r\n                                data-delay=\"120\"\r\n                            >\r\n\r\n                                <div class=\"ohast-row-index\">\r\n\r\n                                    <span>\r\n                                        01\r\n                                    <\/span>\r\n\r\n                                    <small>\r\n                                        2021\r\n                                    <\/small>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-title\">\r\n\r\n                                    <strong>\r\n\r\n                                        \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0629\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-copy\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0627\u0646\u0637\u0644\u0642\u062a Oasis Heaven \u0641\u064a \u0633\u0648\u0642 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u064a \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0628\u064a\u0646 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u0641\u0631\u0635\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n\r\n\r\n                            <!-- 02 -->\r\n\r\n                            <article\r\n                                class=\"ohast-row ohast-reveal\"\r\n                                data-delay=\"160\"\r\n                            >\r\n\r\n                                <div class=\"ohast-row-index\">\r\n\r\n                                    <span>\r\n                                        02\r\n                                    <\/span>\r\n\r\n                                    <small>\r\n\r\n                                        \u0627\u0644\u062a\u0637\u0648\u0631\r\n                                    <\/small>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-title\">\r\n\r\n                                    <strong>\r\n\r\n                                        \u0641\u0647\u0645 \u0623\u0639\u0645\u0642 \u0644\u0644\u0633\u0648\u0642\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-copy\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0627\u062a\u0633\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0645\u0646 \u0625\u064a\u062c\u0627\u062f \u0627\u0644\u0639\u0642\u0627\u0631 \u0625\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0648\u0627\u0644\u0633\u0639\u0631 \u0648\u0646\u0648\u0639 \u0627\u0644\u0637\u0644\u0628 \u0648\u0645\u0644\u0627\u0621\u0645\u0629 \u0627\u0644\u0641\u0631\u0635\u0629 \u0644\u0647\u062f\u0641 \u0627\u0644\u0639\u0645\u064a\u0644.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n\r\n\r\n                            <!-- 03 -->\r\n\r\n                            <article\r\n                                class=\"ohast-row ohast-reveal\"\r\n                                data-delay=\"200\"\r\n                            >\r\n\r\n                                <div class=\"ohast-row-index\">\r\n\r\n                                    <span>\r\n                                        03\r\n                                    <\/span>\r\n\r\n                                    <small>\r\n\r\n                                        \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n                                    <\/small>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-title\">\r\n\r\n                                    <strong>\r\n\r\n                                        \u0627\u0644\u0642\u0631\u0627\u0631 \u0642\u0628\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-copy\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0623\u0635\u0628\u062d \u0627\u0644\u0646\u0647\u062c \u0623\u0643\u062b\u0631 \u062a\u0631\u0643\u064a\u0632\u0627\u064b \u0639\u0644\u0649 \u0647\u062f\u0641 \u0627\u0644\u0639\u0645\u064a\u0644 \u0646\u0641\u0633\u0647 \u0642\u0628\u0644 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0633\u062a\u062d\u0642 \u0627\u0644\u062f\u0631\u0627\u0633\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n\r\n\r\n                            <!-- 04 -->\r\n\r\n                            <article\r\n                                class=\"ohast-row ohast-reveal\"\r\n                                data-delay=\"240\"\r\n                            >\r\n\r\n                                <div class=\"ohast-row-index\">\r\n\r\n                                    <span>\r\n                                        04\r\n                                    <\/span>\r\n\r\n                                    <small>\r\n\r\n                                        \u0627\u0644\u064a\u0648\u0645\r\n                                    <\/small>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-title\">\r\n\r\n                                    <strong>\r\n\r\n                                        \u062e\u062f\u0645\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n\r\n                                <div class=\"ohast-row-copy\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0627\u0644\u064a\u0648\u0645 \u062a\u0645\u062a\u062f \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0628\u064a\u0639 \u0648\u0627\u0644\u062a\u0623\u062c\u064a\u0631 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0648\u0636\u0648\u062d \u0627\u0644\u0642\u0631\u0627\u0631 \u0643\u062c\u0632\u0621 \u0623\u0633\u0627\u0633\u064a \u0645\u0646 \u0627\u0644\u062a\u062c\u0631\u0628\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     PHILOSOPHY\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohast-philosophy ohast-reveal\"\r\n                    data-delay=\"270\"\r\n                >\r\n\r\n\r\n                    <div class=\"ohast-philosophy-label\">\r\n\r\n                        <span>\r\n                            04\r\n                        <\/span>\r\n\r\n                        <i><\/i>\r\n\r\n                        <p>\r\n\r\n                            \u0645\u0627 \u0644\u0645 \u064a\u062a\u063a\u064a\u0631\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <blockquote>\r\n\r\n                        \r\n                            \u0643\u0644 \u0639\u0642\u0627\u0631 \u0645\u062e\u062a\u0644\u0641.\r\n\r\n                            <strong>\r\n                                \u0648\u0643\u0644 \u0642\u0631\u0627\u0631 \u0643\u0630\u0644\u0643.\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/blockquote>\r\n\r\n\r\n                    <p class=\"ohast-philosophy-copy\">\r\n\r\n                        \u0644\u0647\u0630\u0627 \u0646\u0641\u0636\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629 \u0628\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0628\u062f\u0621 \u0628\u0642\u0627\u0626\u0645\u0629 \u0637\u0648\u064a\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a.\r\n                    <\/p>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     SERVICES STRIP\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohast-strip ohast-reveal\"\r\n                    data-delay=\"300\"\r\n                >\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            01\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0628\u064a\u0639\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            02\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u062a\u0623\u062c\u064a\u0631\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            03\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            04\r\n                        <\/small>\r\n\r\n                        <strong>\r\n\r\n                            \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohast-strip-last\">\r\n\r\n                        <span>\r\n                            2021\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            OASIS HEAVEN\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             CSS\r\n        ==================================================== -->\r\n\r\n        <style>\r\n\r\n\r\n        \/* =====================================================\r\n           PREVIOUS SECTION GAP\r\n        ====================================================== *\/\r\n\r\n        #our-approach {\r\n\r\n            padding-bottom:\r\n                30px !important;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BASE\r\n        ====================================================== *\/\r\n\r\n        #our-story {\r\n\r\n            --ast-dark:#161817;\r\n            --ast-dark-soft:#202320;\r\n            --ast-bg:#f5f6f4;\r\n            --ast-white:#ffffff;\r\n            --ast-muted:#707774;\r\n            --ast-accent:#9ca9ae;\r\n            --ast-accent-dark:#68777d;\r\n            --ast-border:rgba(22,24,23,.13);\r\n\r\n            width:100%;\r\n\r\n            margin:0;\r\n\r\n            padding:\r\n                23px 0\r\n                clamp(72px,7vw,98px);\r\n\r\n            background:\r\n                var(--ast-bg);\r\n\r\n            color:\r\n                var(--ast-dark);\r\n\r\n            scroll-margin-top:100px;\r\n\r\n            overflow:hidden;\r\n        }\r\n\r\n\r\n        #our-story * {\r\n            box-sizing:border-box;\r\n        }\r\n\r\n\r\n        .ohast-container {\r\n\r\n            width:min(92%,1440px);\r\n\r\n            margin-inline:auto;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           HEADER\r\n        ====================================================== *\/\r\n\r\n        .ohast-header {\r\n\r\n            margin-bottom:36px;\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(0,1.28fr)\r\n                minmax(300px,.72fr);\r\n\r\n            gap:\r\n                clamp(55px,8vw,115px);\r\n\r\n            align-items:end;\r\n        }\r\n\r\n\r\n        .ohast-eyebrow {\r\n\r\n            margin-bottom:18px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:12px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n        }\r\n\r\n\r\n        .ohast-eyebrow > span {\r\n\r\n            width:32px;\r\n            height:1px;\r\n\r\n            background:\r\n                var(--ast-accent-dark);\r\n        }\r\n\r\n\r\n        .ohast-eyebrow p {\r\n\r\n            margin:0;\r\n\r\n            font-size:10px;\r\n\r\n            line-height:1;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.13em;\r\n        }\r\n\r\n\r\n        .ohast-heading h2 {\r\n\r\n            max-width:820px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(42px,3.9vw,59px);\r\n\r\n            line-height:1.03;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.04em;\r\n        }\r\n\r\n\r\n        .ohast-heading h2 strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #our-story[dir=\"rtl\"]\r\n        .ohast-heading h2 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.22;\r\n\r\n            font-weight:500;\r\n\r\n            letter-spacing:-.02em;\r\n        }\r\n\r\n\r\n        .ohast-header-side {\r\n\r\n            padding-inline-start:25px;\r\n\r\n            border-inline-start:\r\n                1px solid\r\n                var(--ast-border);\r\n        }\r\n\r\n\r\n        .ohast-header-side > span {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:15px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:15px;\r\n        }\r\n\r\n\r\n        .ohast-header-side p {\r\n\r\n            max-width:430px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-muted);\r\n\r\n            font-size:14.5px;\r\n\r\n            line-height:1.78;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FRAME\r\n        ====================================================== *\/\r\n\r\n        .ohast-frame {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(315px,.63fr)\r\n                minmax(0,1.37fr);\r\n\r\n            border:\r\n                1px solid\r\n                var(--ast-border);\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           YEAR PANEL\r\n        ====================================================== *\/\r\n\r\n        .ohast-year-panel {\r\n\r\n            position:relative;\r\n\r\n            min-height:690px;\r\n\r\n            padding:\r\n                29px\r\n                clamp(25px,3.3vw,44px);\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            overflow:hidden;\r\n\r\n            background:\r\n                var(--ast-dark);\r\n\r\n            color:#fff;\r\n        }\r\n\r\n\r\n        .ohast-year-top {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:15px;\r\n\r\n            color:\r\n                rgba(255,255,255,.4);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           YEAR CENTER\r\n        ====================================================== *\/\r\n\r\n        .ohast-year-center {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            padding:40px 0;\r\n        }\r\n\r\n\r\n        .ohast-year-center > small {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:18px;\r\n\r\n            color:\r\n                var(--ast-accent);\r\n\r\n            font-size:9px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohast-year-center > strong {\r\n\r\n            display:block;\r\n\r\n            color:\r\n                rgba(255,255,255,.95);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(87px,9vw,138px);\r\n\r\n            line-height:.9;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.07em;\r\n        }\r\n\r\n\r\n        .ohast-year-center p {\r\n\r\n            max-width:370px;\r\n\r\n            margin:27px 0 0;\r\n\r\n            color:\r\n                rgba(255,255,255,.65);\r\n\r\n            font-size:14px;\r\n\r\n            line-height:1.78;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           YEAR BOTTOM\r\n        ====================================================== *\/\r\n\r\n        .ohast-year-bottom {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            padding-top:18px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:11px;\r\n\r\n            color:\r\n                rgba(255,255,255,.4);\r\n\r\n            border-top:\r\n                1px solid\r\n                rgba(255,255,255,.12);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohast-year-bottom i {\r\n\r\n            flex:1;\r\n\r\n            height:1px;\r\n\r\n            background:\r\n                rgba(255,255,255,.12);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           GRID\r\n        ====================================================== *\/\r\n\r\n        .ohast-year-lines {\r\n\r\n            position:absolute;\r\n\r\n            inset:0;\r\n\r\n            opacity:.65;\r\n\r\n            background-image:\r\n                linear-gradient(\r\n                    rgba(255,255,255,.035)\r\n                    1px,\r\n                    transparent 1px\r\n                ),\r\n                linear-gradient(\r\n                    90deg,\r\n                    rgba(255,255,255,.035)\r\n                    1px,\r\n                    transparent 1px\r\n                );\r\n\r\n            background-size:\r\n                65px 65px;\r\n\r\n            pointer-events:none;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STORY CONTENT\r\n        ====================================================== *\/\r\n\r\n        .ohast-story-content {\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n        .ohast-story-intro {\r\n\r\n            padding:\r\n                clamp(38px,4vw,55px)\r\n                clamp(31px,4.5vw,65px);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--ast-border);\r\n        }\r\n\r\n\r\n        .ohast-story-intro > span {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:17px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-size:8.5px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohast-story-intro h3 {\r\n\r\n            max-width:780px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(35px,3.1vw,48px);\r\n\r\n            line-height:1.05;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.035em;\r\n        }\r\n\r\n\r\n        .ohast-story-intro h3 strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #our-story[dir=\"rtl\"]\r\n        .ohast-story-intro h3 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            font-weight:500;\r\n\r\n            line-height:1.25;\r\n\r\n            letter-spacing:-.02em;\r\n        }\r\n\r\n\r\n        .ohast-story-intro p {\r\n\r\n            max-width:780px;\r\n\r\n            margin:20px 0 0;\r\n\r\n            color:\r\n                var(--ast-muted);\r\n\r\n            font-size:14.5px;\r\n\r\n            line-height:1.8;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           EVOLUTION\r\n        ====================================================== *\/\r\n\r\n        .ohast-row {\r\n\r\n            min-height:117px;\r\n\r\n            padding:\r\n                22px\r\n                clamp(28px,4.5vw,64px);\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                115px\r\n                minmax(170px,.55fr)\r\n                minmax(0,1fr);\r\n\r\n            gap:25px;\r\n\r\n            align-items:center;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--ast-border);\r\n        }\r\n\r\n\r\n        .ohast-row:last-child {\r\n\r\n            border-bottom:0;\r\n        }\r\n\r\n\r\n        .ohast-row-index {\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            gap:7px;\r\n        }\r\n\r\n\r\n        .ohast-row-index > span {\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:16px;\r\n        }\r\n\r\n\r\n        .ohast-row-index small {\r\n\r\n            color:\r\n                var(--ast-muted);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.11em;\r\n        }\r\n\r\n\r\n        .ohast-row-title strong {\r\n\r\n            color:\r\n                var(--ast-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(19px,1.55vw,24px);\r\n\r\n            line-height:1.2;\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #our-story[dir=\"rtl\"]\r\n        .ohast-row-title strong {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            font-weight:600;\r\n        }\r\n\r\n\r\n        .ohast-row-copy p {\r\n\r\n            max-width:580px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-muted);\r\n\r\n            font-size:12.5px;\r\n\r\n            line-height:1.7;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PHILOSOPHY\r\n        ====================================================== *\/\r\n\r\n        .ohast-philosophy {\r\n\r\n            min-height:260px;\r\n\r\n            padding:\r\n                clamp(37px,4.5vw,58px);\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(190px,.4fr)\r\n                minmax(320px,.85fr)\r\n                minmax(280px,.75fr);\r\n\r\n            gap:\r\n                clamp(35px,5vw,80px);\r\n\r\n            align-items:center;\r\n\r\n            border-inline:\r\n                1px solid\r\n                var(--ast-border);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--ast-border);\r\n\r\n            background:\r\n                #e9ece9;\r\n        }\r\n\r\n\r\n        .ohast-philosophy-label {\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:10px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n        }\r\n\r\n\r\n        .ohast-philosophy-label > span {\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:15px;\r\n        }\r\n\r\n\r\n        .ohast-philosophy-label i {\r\n\r\n            width:27px;\r\n            height:1px;\r\n\r\n            background:\r\n                var(--ast-border);\r\n        }\r\n\r\n\r\n        .ohast-philosophy-label p {\r\n\r\n            margin:0;\r\n\r\n            font-size:8.5px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.11em;\r\n        }\r\n\r\n\r\n        .ohast-philosophy blockquote {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(31px,2.7vw,42px);\r\n\r\n            line-height:1.08;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.035em;\r\n        }\r\n\r\n\r\n        .ohast-philosophy blockquote strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #our-story[dir=\"rtl\"]\r\n        .ohast-philosophy blockquote {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.35;\r\n\r\n            font-weight:500;\r\n        }\r\n\r\n\r\n        .ohast-philosophy-copy {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-muted);\r\n\r\n            font-size:14px;\r\n\r\n            line-height:1.78;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           STRIP\r\n        ====================================================== *\/\r\n\r\n        .ohast-strip {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                repeat(4,1fr)\r\n                minmax(190px,1.2fr);\r\n\r\n            border-inline:\r\n                1px solid\r\n                var(--ast-border);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--ast-border);\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n        .ohast-strip > div {\r\n\r\n            min-height:77px;\r\n\r\n            padding:0 19px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:12px;\r\n\r\n            border-inline-end:\r\n                1px solid\r\n                var(--ast-border);\r\n        }\r\n\r\n\r\n        .ohast-strip > div:last-child {\r\n\r\n            border-inline-end:0;\r\n        }\r\n\r\n\r\n        .ohast-strip small {\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:12px;\r\n        }\r\n\r\n\r\n        .ohast-strip strong {\r\n\r\n            color:\r\n                var(--ast-dark);\r\n\r\n            font-size:11.5px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n        .ohast-strip-last {\r\n\r\n            justify-content:space-between;\r\n        }\r\n\r\n\r\n        .ohast-strip-last span {\r\n\r\n            color:\r\n                var(--ast-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:18px;\r\n        }\r\n\r\n\r\n        .ohast-strip-last p {\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--ast-muted);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REVEAL\r\n        ====================================================== *\/\r\n\r\n        .ohast-reveal {\r\n\r\n            opacity:0;\r\n\r\n            transform:\r\n                translateY(20px);\r\n\r\n            transition:\r\n                opacity .7s\r\n                cubic-bezier(.2,.7,.2,1),\r\n                transform .7s\r\n                cubic-bezier(.2,.7,.2,1);\r\n\r\n            transition-delay:\r\n                var(--ohast-delay,0ms);\r\n        }\r\n\r\n\r\n        #our-story.is-visible\r\n        .ohast-reveal {\r\n\r\n            opacity:1;\r\n\r\n            transform:\r\n                translateY(0);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:1050px) {\r\n\r\n            .ohast-frame {\r\n\r\n                grid-template-columns:\r\n                    320px 1fr;\r\n            }\r\n\r\n\r\n            .ohast-row {\r\n\r\n                grid-template-columns:\r\n                    80px 1fr;\r\n\r\n                gap:15px 25px;\r\n            }\r\n\r\n\r\n            .ohast-row-copy {\r\n\r\n                grid-column:\r\n                    2;\r\n            }\r\n\r\n\r\n            .ohast-philosophy {\r\n\r\n                grid-template-columns:\r\n                    1fr 1.3fr;\r\n            }\r\n\r\n\r\n            .ohast-philosophy-copy {\r\n\r\n                grid-column:\r\n                    2;\r\n            }\r\n\r\n\r\n            .ohast-strip {\r\n\r\n                grid-template-columns:\r\n                    repeat(2,1fr);\r\n            }\r\n\r\n\r\n            .ohast-strip-last {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                border-top:\r\n                    1px solid\r\n                    var(--ast-border);\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET SMALL\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:800px) {\r\n\r\n            .ohast-header {\r\n\r\n                grid-template-columns:1fr;\r\n\r\n                gap:25px;\r\n            }\r\n\r\n\r\n            .ohast-header-side {\r\n\r\n                max-width:600px;\r\n            }\r\n\r\n\r\n            .ohast-frame {\r\n\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n\r\n            .ohast-year-panel {\r\n\r\n                min-height:470px;\r\n            }\r\n\r\n\r\n            .ohast-year-center > strong {\r\n\r\n                font-size:\r\n                    clamp(85px,18vw,130px);\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:650px) {\r\n\r\n            #our-approach {\r\n\r\n                padding-bottom:\r\n                    20px !important;\r\n            }\r\n\r\n\r\n            #our-story {\r\n\r\n                padding:\r\n                    15px 0 60px;\r\n            }\r\n\r\n\r\n            .ohast-container {\r\n\r\n                width:\r\n                    calc(100% - 38px);\r\n            }\r\n\r\n\r\n            .ohast-header {\r\n\r\n                margin-bottom:27px;\r\n            }\r\n\r\n\r\n            .ohast-heading h2 {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        36px,\r\n                        9.8vw,\r\n                        47px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohast-header-side {\r\n\r\n                padding-inline-start:18px;\r\n            }\r\n\r\n\r\n            .ohast-year-panel {\r\n\r\n                min-height:420px;\r\n\r\n                padding:\r\n                    24px 21px;\r\n            }\r\n\r\n\r\n            .ohast-year-center > strong {\r\n\r\n                font-size:82px;\r\n            }\r\n\r\n\r\n            .ohast-story-intro {\r\n\r\n                padding:\r\n                    31px 21px;\r\n            }\r\n\r\n\r\n            .ohast-story-intro h3 {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        32px,\r\n                        8.7vw,\r\n                        42px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohast-row {\r\n\r\n                min-height:0;\r\n\r\n                padding:\r\n                    21px;\r\n\r\n                grid-template-columns:\r\n                    52px 1fr;\r\n\r\n                gap:\r\n                    12px;\r\n            }\r\n\r\n\r\n            .ohast-row-copy {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                padding-inline-start:64px;\r\n            }\r\n\r\n\r\n            #our-story[dir=\"rtl\"]\r\n            .ohast-row-copy {\r\n\r\n                padding-inline-start:0;\r\n\r\n                padding-inline-end:64px;\r\n            }\r\n\r\n\r\n            .ohast-philosophy {\r\n\r\n                min-height:0;\r\n\r\n                padding:\r\n                    32px 21px;\r\n\r\n                grid-template-columns:1fr;\r\n\r\n                gap:24px;\r\n            }\r\n\r\n\r\n            .ohast-philosophy-copy {\r\n\r\n                grid-column:auto;\r\n            }\r\n\r\n\r\n            .ohast-philosophy blockquote {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        30px,\r\n                        8.2vw,\r\n                        40px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohast-strip {\r\n\r\n                grid-template-columns:\r\n                    1fr 1fr;\r\n            }\r\n\r\n\r\n            .ohast-strip > div {\r\n\r\n                min-height:63px;\r\n\r\n                padding:0 14px;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--ast-border);\r\n            }\r\n\r\n\r\n            .ohast-strip > div:nth-child(2n) {\r\n\r\n                border-inline-end:0;\r\n            }\r\n\r\n\r\n            .ohast-strip-last {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                border-bottom:0 !important;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REDUCED MOTION\r\n        ====================================================== *\/\r\n\r\n        @media(prefers-reduced-motion:reduce) {\r\n\r\n            .ohast-reveal {\r\n\r\n                opacity:1;\r\n\r\n                transform:none;\r\n\r\n                transition:none;\r\n            }\r\n\r\n        }\r\n\r\n        <\/style>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             JAVASCRIPT\r\n        ==================================================== -->\r\n\r\n        <script>\r\n\r\n        (function() {\r\n\r\n            'use strict';\r\n\r\n\r\n            function initOasisAboutStory() {\r\n\r\n\r\n                const section =\r\n                    document.getElementById(\r\n                        'our-story'\r\n                    );\r\n\r\n\r\n                if (!section) {\r\n                    return;\r\n                }\r\n\r\n\r\n                section\r\n                    .querySelectorAll(\r\n                        '[data-delay]'\r\n                    )\r\n                    .forEach(\r\n                        function(element) {\r\n\r\n                            const delay =\r\n                                element.getAttribute(\r\n                                    'data-delay'\r\n                                ) || 0;\r\n\r\n\r\n                            element.style\r\n                                .setProperty(\r\n                                    '--ohast-delay',\r\n                                    delay + 'ms'\r\n                                );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                if (\r\n                    'IntersectionObserver'\r\n                    in window\r\n                ) {\r\n\r\n                    const observer =\r\n                        new IntersectionObserver(\r\n\r\n                            function(entries) {\r\n\r\n                                entries.forEach(\r\n                                    function(entry) {\r\n\r\n                                        if (\r\n                                            entry.isIntersecting\r\n                                        ) {\r\n\r\n                                            section\r\n                                                .classList\r\n                                                .add(\r\n                                                    'is-visible'\r\n                                                );\r\n\r\n                                            observer.disconnect();\r\n                                        }\r\n\r\n                                    }\r\n                                );\r\n\r\n                            },\r\n\r\n                            {\r\n                                threshold:.03\r\n                            }\r\n\r\n                        );\r\n\r\n\r\n                    observer.observe(\r\n                        section\r\n                    );\r\n\r\n                } else {\r\n\r\n                    section.classList.add(\r\n                        'is-visible'\r\n                    );\r\n                }\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                document.readyState ===\r\n                'loading'\r\n            ) {\r\n\r\n                document.addEventListener(\r\n                    'DOMContentLoaded',\r\n                    initOasisAboutStory\r\n                );\r\n\r\n            } else {\r\n\r\n                initOasisAboutStory();\r\n            }\r\n\r\n        })();\r\n\r\n        <\/script>\r\n\r\n\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-67eb885 e-con e-atomic-element e-flexbox-base e-67eb885-f4e8221 \" data-id=\"67eb885\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"67eb885\" data-e-type=\"e-flexbox\" data-id=\"67eb885\">\n    \t\t<div class=\"elementor-element elementor-element-7971647 elementor-widget elementor-widget-shortcode\" data-id=\"7971647\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n\r\n        <section\r\n            id=\"ohAboutLeadership\"\r\n            class=\"ohal-section\"\r\n            dir=\"rtl\"\r\n        >\r\n\r\n            <div class=\"ohal-container\">\r\n\r\n\r\n                <!-- =================================================\r\n                     HEADER\r\n                ================================================== -->\r\n\r\n                <div class=\"ohal-header\">\r\n\r\n\r\n                    <div\r\n                        class=\"ohal-heading ohal-reveal\"\r\n                        data-delay=\"0\"\r\n                    >\r\n\r\n                        <div class=\"ohal-eyebrow\">\r\n\r\n                            <span><\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0627\u0644\u0642\u064a\u0627\u062f\u0629\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <h2>\r\n\r\n                            \r\n                                \u0648\u0631\u0627\u0621 \u0643\u0644 \u0642\u0631\u0627\u0631 \u0648\u0627\u0636\u062d\u060c\r\n\r\n                                <strong>\r\n                                    \u0631\u0624\u064a\u0629 \u062a\u0642\u0648\u062f \u0627\u0644\u0639\u0645\u0644.\r\n                                <\/strong>\r\n\r\n                            \r\n                        <\/h2>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div\r\n                        class=\"ohal-header-side ohal-reveal\"\r\n                        data-delay=\"90\"\r\n                    >\r\n\r\n                        <span>\r\n                            04\r\n                        <\/span>\r\n\r\n                        <p>\r\n\r\n                            \u064a\u0642\u0648\u062f Oasis Heaven \u0646\u0647\u062c \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u060c \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u060c \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0638\u0645\u0629 \u0644\u0644\u0639\u0645\u0644\u064a\u0629.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     EXECUTIVE PROFILE\r\n                ================================================== -->\r\n\r\n                <div class=\"ohal-profile\">\r\n\r\n\r\n                    <!-- =============================================\r\n                         IDENTITY PANEL\r\n                    ============================================== -->\r\n\r\n                    <div\r\n                        class=\"ohal-identity ohal-reveal\"\r\n                        data-delay=\"40\"\r\n                    >\r\n\r\n\r\n                        <div class=\"ohal-identity-top\">\r\n\r\n                            <span>\r\n                                OASIS HEAVEN\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                01 \/ LEADERSHIP\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"ohal-monogram\">\r\n\r\n                            <span>\r\n                                M\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                A\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"ohal-identity-name\">\r\n\r\n                            <small>\r\n\r\n                                \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\r\n                            <\/small>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \u0645\u0627\u0644\u0643 \u0627\u0644\u0634\u0628\u0643\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u2022 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u2022 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"ohal-identity-foot\">\r\n\r\n                            <span>\r\n                                DUBAI\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n                                UAE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div\r\n                            class=\"ohal-grid\"\r\n                            aria-hidden=\"true\"\r\n                        ><\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- =============================================\r\n                         PROFILE CONTENT\r\n                    ============================================== -->\r\n\r\n                    <div\r\n                        class=\"ohal-content ohal-reveal\"\r\n                        data-delay=\"100\"\r\n                    >\r\n\r\n\r\n                        <div class=\"ohal-content-index\">\r\n\r\n                            <span>\r\n                                01\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n\r\n                                \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0642\u064a\u0627\u062f\u064a\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <h3>\r\n\r\n                            \r\n                                \u0642\u064a\u0627\u062f\u0629 \u062a\u062c\u0645\u0639\r\n\r\n                                <strong>\r\n                                    \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n                                <\/strong>\r\n\r\n                            \r\n                        <\/h3>\r\n\r\n\r\n\r\n                        <p class=\"ohal-lead\">\r\n\r\n                            \u064a\u0634\u063a\u0644 \u0645\u0627\u0644\u0643 \u0627\u0644\u0634\u0628\u0643 \u062f\u0648\u0631 \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0641\u064a Oasis Heaven\u060c \u0648\u064a\u0634\u0627\u0631\u0643 \u0641\u064a \u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0645\u0639 \u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0625\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0642\u0637\u0627\u0639\u0627\u062a \u0623\u0639\u0645\u0627\u0644 \u0645\u062a\u0639\u062f\u062f\u0629 \u0641\u064a \u062f\u0648\u0644\u0629 \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a.\r\n                        <\/p>\r\n\r\n\r\n\r\n                        <!-- =========================================\r\n                             FOCUS AREAS\r\n                        ========================================== -->\r\n\r\n                        <div class=\"ohal-focus\">\r\n\r\n\r\n                            <div class=\"ohal-focus-row\">\r\n\r\n                                <span>\r\n                                    01\r\n                                <\/span>\r\n\r\n                                <div>\r\n\r\n                                    <small>\r\n\r\n                                        \u0627\u0644\u062a\u0648\u062c\u0647\r\n                                    <\/small>\r\n\r\n                                    <strong>\r\n\r\n                                        \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <p>\r\n\r\n                                    \u0631\u0628\u0637 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0639\u0645\u064a\u0644 \u0628\u0631\u0624\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 \u062a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0642\u0631\u0627\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                            <div class=\"ohal-focus-row\">\r\n\r\n                                <span>\r\n                                    02\r\n                                <\/span>\r\n\r\n                                <div>\r\n\r\n                                    <small>\r\n\r\n                                        \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                                    <\/small>\r\n\r\n                                    <strong>\r\n\r\n                                        \u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <p>\r\n\r\n                                    \u0627\u0644\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u0639\u0642\u0627\u0631 \u0636\u0645\u0646 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u0633\u0648\u0642 \u0648\u0644\u064a\u0633 \u0643\u0639\u0645\u0644\u064a\u0629 \u0634\u0631\u0627\u0621 \u0623\u0648 \u0628\u064a\u0639 \u0645\u0646\u0641\u0635\u0644\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                            <div class=\"ohal-focus-row\">\r\n\r\n                                <span>\r\n                                    03\r\n                                <\/span>\r\n\r\n                                <div>\r\n\r\n                                    <small>\r\n\r\n                                        \u0627\u0644\u062a\u0634\u063a\u064a\u0644\r\n                                    <\/small>\r\n\r\n                                    <strong>\r\n\r\n                                        \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\r\n                                    <\/strong>\r\n\r\n                                <\/div>\r\n\r\n                                <p>\r\n\r\n                                    \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u062a\u0646\u0638\u064a\u0645 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a\u060c \u0648\u0636\u0648\u062d \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0639\u0645\u0644.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- =========================================\r\n                             ACTION\r\n                        ========================================== -->\r\n\r\n                        <div class=\"ohal-actions\">\r\n\r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/malek-al-shobak\/\"\r\n                                class=\"ohal-primary\"\r\n                            >\r\n\r\n                                <span>\r\n\r\n                                    \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0645\u0627\u0644\u0643 \u0627\u0644\u0634\u0628\u0643\r\n                                <\/span>\r\n\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path\r\n                                        d=\"M5 12h14\"\r\n                                    ><\/path>\r\n\r\n                                    <path\r\n                                        d=\"M13 6l6 6-6 6\"\r\n                                    ><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/a>\r\n\r\n\r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/contact\/\"\r\n                                class=\"ohal-secondary\"\r\n                            >\r\n\r\n                                \u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0641\u0631\u064a\u0642\r\n                            <\/a>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     LEADERSHIP PRINCIPLES\r\n                ================================================== -->\r\n\r\n                <div\r\n                    class=\"ohal-principles ohal-reveal\"\r\n                    data-delay=\"170\"\r\n                >\r\n\r\n\r\n                    <div class=\"ohal-principle-lead\">\r\n\r\n                        <span>\r\n                            05\r\n                        <\/span>\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n\r\n                                \u0645\u0646\u0647\u062c \u0627\u0644\u0642\u064a\u0627\u062f\u0629\r\n                            <\/small>\r\n\r\n                            <strong>\r\n\r\n                                \u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u064a \u062a\u0642\u0648\u062f \u0627\u0644\u0639\u0645\u0644\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohal-principle\">\r\n\r\n                        <span>\r\n                            A\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0648\u0636\u0648\u062d\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohal-principle\">\r\n\r\n                        <span>\r\n                            B\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0629\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohal-principle\">\r\n\r\n                        <span>\r\n                            C\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohal-principle\">\r\n\r\n                        <span>\r\n                            D\r\n                        <\/span>\r\n\r\n                        <strong>\r\n\r\n                            \u0627\u0644\u0646\u0645\u0648\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/section>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             CSS\r\n        ==================================================== -->\r\n\r\n        <style>\r\n\r\n\r\n        \/* =====================================================\r\n           PREVIOUS SECTION GAP\r\n        ====================================================== *\/\r\n\r\n        #our-story {\r\n\r\n            padding-bottom:\r\n                30px !important;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           BASE\r\n        ====================================================== *\/\r\n\r\n        #ohAboutLeadership {\r\n\r\n            --al-dark:#161817;\r\n            --al-dark-2:#202320;\r\n            --al-bg:#f5f6f4;\r\n            --al-white:#ffffff;\r\n            --al-muted:#707774;\r\n            --al-accent:#9ca9ae;\r\n            --al-accent-dark:#68777d;\r\n            --al-border:rgba(22,24,23,.13);\r\n\r\n            width:100%;\r\n\r\n            margin:0;\r\n\r\n            padding:\r\n                23px 0\r\n                clamp(72px,7vw,98px);\r\n\r\n            background:\r\n                var(--al-bg);\r\n\r\n            color:\r\n                var(--al-dark);\r\n\r\n            overflow:hidden;\r\n        }\r\n\r\n\r\n        #ohAboutLeadership * {\r\n\r\n            box-sizing:border-box;\r\n        }\r\n\r\n\r\n        #ohAboutLeadership a {\r\n\r\n            text-decoration:none;\r\n        }\r\n\r\n\r\n        .ohal-container {\r\n\r\n            width:\r\n                min(92%,1440px);\r\n\r\n            margin-inline:auto;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           HEADER\r\n        ====================================================== *\/\r\n\r\n        .ohal-header {\r\n\r\n            margin-bottom:36px;\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(0,1.27fr)\r\n                minmax(300px,.73fr);\r\n\r\n            gap:\r\n                clamp(55px,8vw,115px);\r\n\r\n            align-items:end;\r\n        }\r\n\r\n\r\n        .ohal-eyebrow {\r\n\r\n            margin-bottom:18px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:12px;\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n        }\r\n\r\n\r\n        .ohal-eyebrow > span {\r\n\r\n            width:32px;\r\n            height:1px;\r\n\r\n            background:\r\n                var(--al-accent-dark);\r\n        }\r\n\r\n\r\n        .ohal-eyebrow p {\r\n\r\n            margin:0;\r\n\r\n            font-size:10px;\r\n\r\n            line-height:1;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.13em;\r\n        }\r\n\r\n\r\n        .ohal-heading h2 {\r\n\r\n            max-width:820px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--al-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(42px,3.9vw,59px);\r\n\r\n            line-height:1.03;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.04em;\r\n        }\r\n\r\n\r\n        .ohal-heading h2 strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #ohAboutLeadership[dir=\"rtl\"]\r\n        .ohal-heading h2 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.22;\r\n\r\n            letter-spacing:-.02em;\r\n\r\n            font-weight:500;\r\n        }\r\n\r\n\r\n        .ohal-header-side {\r\n\r\n            padding-inline-start:25px;\r\n\r\n            border-inline-start:\r\n                1px solid\r\n                var(--al-border);\r\n        }\r\n\r\n\r\n        .ohal-header-side > span {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:15px;\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:15px;\r\n        }\r\n\r\n\r\n        .ohal-header-side p {\r\n\r\n            max-width:430px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--al-muted);\r\n\r\n            font-size:14.5px;\r\n\r\n            line-height:1.8;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PROFILE\r\n        ====================================================== *\/\r\n\r\n        .ohal-profile {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(340px,.72fr)\r\n                minmax(0,1.28fr);\r\n\r\n            min-height:660px;\r\n\r\n            border:\r\n                1px solid\r\n                var(--al-border);\r\n\r\n            background:#fff;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           IDENTITY\r\n        ====================================================== *\/\r\n\r\n        .ohal-identity {\r\n\r\n            position:relative;\r\n\r\n            min-height:660px;\r\n\r\n            padding:\r\n                29px\r\n                clamp(27px,3.5vw,46px);\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            overflow:hidden;\r\n\r\n            background:\r\n                var(--al-dark);\r\n\r\n            color:#fff;\r\n        }\r\n\r\n\r\n        .ohal-identity-top {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:15px;\r\n\r\n            color:\r\n                rgba(255,255,255,.4);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           MONOGRAM\r\n        ====================================================== *\/\r\n\r\n        .ohal-monogram {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:0;\r\n\r\n            color:\r\n                rgba(255,255,255,.095);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(135px,14vw,210px);\r\n\r\n            line-height:.68;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.12em;\r\n        }\r\n\r\n\r\n        .ohal-monogram span:last-child {\r\n\r\n            color:\r\n                rgba(156,169,174,.24);\r\n\r\n            transform:\r\n                translateY(30px);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           IDENTITY NAME\r\n        ====================================================== *\/\r\n\r\n        .ohal-identity-name {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n        }\r\n\r\n\r\n        .ohal-identity-name small {\r\n\r\n            display:block;\r\n\r\n            margin-bottom:12px;\r\n\r\n            color:\r\n                var(--al-accent);\r\n\r\n            font-size:9px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.13em;\r\n        }\r\n\r\n\r\n        .ohal-identity-name h3 {\r\n\r\n            margin:0;\r\n\r\n            color:#fff;\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(38px,3.5vw,52px);\r\n\r\n            line-height:1.03;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.04em;\r\n        }\r\n\r\n\r\n        #ohAboutLeadership[dir=\"rtl\"]\r\n        .ohal-identity-name h3 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            font-weight:500;\r\n\r\n            line-height:1.25;\r\n        }\r\n\r\n\r\n        .ohal-identity-name p {\r\n\r\n            margin:14px 0 0;\r\n\r\n            color:\r\n                rgba(255,255,255,.43);\r\n\r\n            font-size:8.5px;\r\n\r\n            line-height:1.6;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.1em;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           IDENTITY FOOT\r\n        ====================================================== *\/\r\n\r\n        .ohal-identity-foot {\r\n\r\n            position:relative;\r\n\r\n            z-index:3;\r\n\r\n            padding-top:18px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:12px;\r\n\r\n            color:\r\n                rgba(255,255,255,.38);\r\n\r\n            border-top:\r\n                1px solid\r\n                rgba(255,255,255,.12);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.12em;\r\n        }\r\n\r\n\r\n        .ohal-identity-foot i {\r\n\r\n            flex:1;\r\n\r\n            height:1px;\r\n\r\n            background:\r\n                rgba(255,255,255,.12);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           GRID\r\n        ====================================================== *\/\r\n\r\n        .ohal-grid {\r\n\r\n            position:absolute;\r\n\r\n            inset:0;\r\n\r\n            opacity:.7;\r\n\r\n            background-image:\r\n                linear-gradient(\r\n                    rgba(255,255,255,.035)\r\n                    1px,\r\n                    transparent 1px\r\n                ),\r\n                linear-gradient(\r\n                    90deg,\r\n                    rgba(255,255,255,.035)\r\n                    1px,\r\n                    transparent 1px\r\n                );\r\n\r\n            background-size:\r\n                64px 64px;\r\n\r\n            pointer-events:none;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           CONTENT\r\n        ====================================================== *\/\r\n\r\n        .ohal-content {\r\n\r\n            padding:\r\n                clamp(42px,5vw,70px);\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            justify-content:center;\r\n        }\r\n\r\n\r\n        .ohal-content-index {\r\n\r\n            margin-bottom:25px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:10px;\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n\r\n            font-size:9px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.11em;\r\n        }\r\n\r\n\r\n        .ohal-content-index i {\r\n\r\n            width:27px;\r\n            height:1px;\r\n\r\n            background:\r\n                var(--al-border);\r\n        }\r\n\r\n\r\n        .ohal-content > h3 {\r\n\r\n            max-width:720px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--al-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                \"Times New Roman\",\r\n                serif;\r\n\r\n            font-size:\r\n                clamp(39px,3.5vw,54px);\r\n\r\n            line-height:1.04;\r\n\r\n            font-weight:400;\r\n\r\n            letter-spacing:-.04em;\r\n        }\r\n\r\n\r\n        .ohal-content > h3 strong {\r\n\r\n            display:block;\r\n\r\n            margin-top:4px;\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n\r\n            font-weight:400;\r\n        }\r\n\r\n\r\n        #ohAboutLeadership[dir=\"rtl\"]\r\n        .ohal-content > h3 {\r\n\r\n            font-family:\r\n                \"Tajawal\",\r\n                \"Cairo\",\r\n                Arial,\r\n                sans-serif;\r\n\r\n            line-height:1.25;\r\n\r\n            letter-spacing:-.02em;\r\n\r\n            font-weight:500;\r\n        }\r\n\r\n\r\n        .ohal-lead {\r\n\r\n            max-width:760px;\r\n\r\n            margin:24px 0 0;\r\n\r\n            color:\r\n                var(--al-muted);\r\n\r\n            font-size:15px;\r\n\r\n            line-height:1.84;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           FOCUS\r\n        ====================================================== *\/\r\n\r\n        .ohal-focus {\r\n\r\n            margin-top:30px;\r\n\r\n            border-top:\r\n                1px solid\r\n                var(--al-border);\r\n        }\r\n\r\n\r\n        .ohal-focus-row {\r\n\r\n            min-height:95px;\r\n\r\n            padding:18px 0;\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                36px\r\n                minmax(150px,.6fr)\r\n                minmax(0,1fr);\r\n\r\n            gap:17px 25px;\r\n\r\n            align-items:center;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--al-border);\r\n        }\r\n\r\n\r\n        .ohal-focus-row > span {\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:14px;\r\n        }\r\n\r\n\r\n        .ohal-focus-row > div {\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            gap:6px;\r\n        }\r\n\r\n\r\n        .ohal-focus-row small {\r\n\r\n            color:\r\n                var(--al-muted);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.1em;\r\n        }\r\n\r\n\r\n        .ohal-focus-row strong {\r\n\r\n            color:\r\n                var(--al-dark);\r\n\r\n            font-size:13px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n        .ohal-focus-row p {\r\n\r\n            max-width:470px;\r\n\r\n            margin:0;\r\n\r\n            color:\r\n                var(--al-muted);\r\n\r\n            font-size:12.5px;\r\n\r\n            line-height:1.65;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           ACTIONS\r\n        ====================================================== *\/\r\n\r\n        .ohal-actions {\r\n\r\n            margin-top:28px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            flex-wrap:wrap;\r\n\r\n            gap:18px 27px;\r\n        }\r\n\r\n\r\n        #ohAboutLeadership\r\n        .ohal-primary {\r\n\r\n            min-height:55px;\r\n\r\n            padding:0 19px;\r\n\r\n            display:inline-flex;\r\n\r\n            align-items:center;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n            gap:30px;\r\n\r\n            color:#fff !important;\r\n\r\n            background:\r\n                var(--al-dark) !important;\r\n\r\n            border:0 !important;\r\n\r\n            border-radius:0 !important;\r\n\r\n            box-shadow:none !important;\r\n\r\n            font-size:12.5px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n        .ohal-primary svg {\r\n\r\n            width:17px;\r\n            height:17px;\r\n\r\n            fill:none;\r\n\r\n            stroke:currentColor;\r\n\r\n            stroke-width:1.6;\r\n\r\n            transition:\r\n                transform .25s ease;\r\n        }\r\n\r\n\r\n        .ohal-primary:hover svg {\r\n\r\n            transform:\r\n                translateX(4px);\r\n        }\r\n\r\n\r\n        #ohAboutLeadership[dir=\"rtl\"]\r\n        .ohal-primary svg {\r\n\r\n            transform:\r\n                scaleX(-1);\r\n        }\r\n\r\n\r\n        #ohAboutLeadership[dir=\"rtl\"]\r\n        .ohal-primary:hover svg {\r\n\r\n            transform:\r\n                scaleX(-1)\r\n                translateX(4px);\r\n        }\r\n\r\n\r\n        .ohal-secondary {\r\n\r\n            padding-bottom:5px;\r\n\r\n            color:\r\n                var(--al-dark);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--al-dark);\r\n\r\n            font-size:12px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           PRINCIPLES\r\n        ====================================================== *\/\r\n\r\n        .ohal-principles {\r\n\r\n            display:grid;\r\n\r\n            grid-template-columns:\r\n                minmax(250px,1.25fr)\r\n                repeat(4,1fr);\r\n\r\n            border-inline:\r\n                1px solid\r\n                var(--al-border);\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--al-border);\r\n\r\n            background:\r\n                rgba(255,255,255,.65);\r\n        }\r\n\r\n\r\n        .ohal-principle-lead,\r\n        .ohal-principle {\r\n\r\n            min-height:82px;\r\n\r\n            padding:0 20px;\r\n\r\n            display:flex;\r\n\r\n            align-items:center;\r\n\r\n            gap:13px;\r\n\r\n            border-inline-end:\r\n                1px solid\r\n                var(--al-border);\r\n        }\r\n\r\n\r\n        .ohal-principle:last-child {\r\n\r\n            border-inline-end:0;\r\n        }\r\n\r\n\r\n        .ohal-principle-lead > span,\r\n        .ohal-principle > span {\r\n\r\n            color:\r\n                var(--al-accent-dark);\r\n\r\n            font-family:\r\n                Georgia,\r\n                serif;\r\n\r\n            font-size:13px;\r\n        }\r\n\r\n\r\n        .ohal-principle-lead > div {\r\n\r\n            display:flex;\r\n\r\n            flex-direction:column;\r\n\r\n            gap:5px;\r\n        }\r\n\r\n\r\n        .ohal-principle-lead small {\r\n\r\n            color:\r\n                var(--al-muted);\r\n\r\n            font-size:8px;\r\n\r\n            font-weight:700;\r\n\r\n            letter-spacing:.1em;\r\n        }\r\n\r\n\r\n        .ohal-principle-lead strong,\r\n        .ohal-principle strong {\r\n\r\n            color:\r\n                var(--al-dark);\r\n\r\n            font-size:11.5px;\r\n\r\n            font-weight:650;\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           ANIMATION\r\n        ====================================================== *\/\r\n\r\n        .ohal-reveal {\r\n\r\n            opacity:0;\r\n\r\n            transform:\r\n                translateY(20px);\r\n\r\n            transition:\r\n                opacity .7s\r\n                cubic-bezier(.2,.7,.2,1),\r\n                transform .7s\r\n                cubic-bezier(.2,.7,.2,1);\r\n\r\n            transition-delay:\r\n                var(--ohal-delay,0ms);\r\n        }\r\n\r\n\r\n        #ohAboutLeadership.is-visible\r\n        .ohal-reveal {\r\n\r\n            opacity:1;\r\n\r\n            transform:\r\n                translateY(0);\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:1050px) {\r\n\r\n            .ohal-profile {\r\n\r\n                grid-template-columns:\r\n                    330px 1fr;\r\n            }\r\n\r\n\r\n            .ohal-content {\r\n\r\n                padding:42px 35px;\r\n            }\r\n\r\n\r\n            .ohal-focus-row {\r\n\r\n                grid-template-columns:\r\n                    35px 1fr;\r\n            }\r\n\r\n\r\n            .ohal-focus-row p {\r\n\r\n                grid-column:2;\r\n            }\r\n\r\n\r\n            .ohal-principles {\r\n\r\n                grid-template-columns:\r\n                    repeat(2,1fr);\r\n            }\r\n\r\n\r\n            .ohal-principle-lead {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                min-height:65px;\r\n\r\n                border-inline-end:0;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--al-border);\r\n            }\r\n\r\n\r\n            .ohal-principle:nth-child(3),\r\n            .ohal-principle:nth-child(5) {\r\n\r\n                border-inline-end:0;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           TABLET SMALL\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:800px) {\r\n\r\n            .ohal-header {\r\n\r\n                grid-template-columns:1fr;\r\n\r\n                gap:25px;\r\n            }\r\n\r\n\r\n            .ohal-header-side {\r\n\r\n                max-width:600px;\r\n            }\r\n\r\n\r\n            .ohal-profile {\r\n\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n\r\n            .ohal-identity {\r\n\r\n                min-height:520px;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ====================================================== *\/\r\n\r\n        @media(max-width:650px) {\r\n\r\n            #our-story {\r\n\r\n                padding-bottom:\r\n                    20px !important;\r\n            }\r\n\r\n\r\n            #ohAboutLeadership {\r\n\r\n                padding:\r\n                    15px 0 60px;\r\n            }\r\n\r\n\r\n            .ohal-container {\r\n\r\n                width:\r\n                    calc(100% - 38px);\r\n            }\r\n\r\n\r\n            .ohal-header {\r\n\r\n                margin-bottom:28px;\r\n            }\r\n\r\n\r\n            .ohal-heading h2 {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        36px,\r\n                        9.8vw,\r\n                        47px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohal-header-side {\r\n\r\n                padding-inline-start:18px;\r\n            }\r\n\r\n\r\n            .ohal-identity {\r\n\r\n                min-height:440px;\r\n\r\n                padding:\r\n                    24px 21px;\r\n            }\r\n\r\n\r\n            .ohal-monogram {\r\n\r\n                font-size:115px;\r\n            }\r\n\r\n\r\n            .ohal-identity-name h3 {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        35px,\r\n                        9.5vw,\r\n                        46px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohal-content {\r\n\r\n                padding:\r\n                    34px 21px;\r\n            }\r\n\r\n\r\n            .ohal-content > h3 {\r\n\r\n                font-size:\r\n                    clamp(\r\n                        35px,\r\n                        9.4vw,\r\n                        46px\r\n                    );\r\n            }\r\n\r\n\r\n            .ohal-lead {\r\n\r\n                font-size:14.5px;\r\n            }\r\n\r\n\r\n            .ohal-focus-row {\r\n\r\n                min-height:0;\r\n\r\n                padding:19px 0;\r\n\r\n                grid-template-columns:\r\n                    32px 1fr;\r\n\r\n                gap:10px;\r\n            }\r\n\r\n\r\n            .ohal-focus-row p {\r\n\r\n                grid-column:\r\n                    1 \/ -1;\r\n\r\n                padding-inline-start:42px;\r\n            }\r\n\r\n\r\n            #ohAboutLeadership[dir=\"rtl\"]\r\n            .ohal-focus-row p {\r\n\r\n                padding-inline-start:0;\r\n\r\n                padding-inline-end:42px;\r\n            }\r\n\r\n\r\n            .ohal-actions {\r\n\r\n                align-items:stretch;\r\n\r\n                flex-direction:column;\r\n            }\r\n\r\n\r\n            #ohAboutLeadership\r\n            .ohal-primary {\r\n\r\n                width:100%;\r\n            }\r\n\r\n\r\n            .ohal-secondary {\r\n\r\n                align-self:flex-start;\r\n            }\r\n\r\n\r\n            .ohal-principles {\r\n\r\n                grid-template-columns:1fr;\r\n            }\r\n\r\n\r\n            .ohal-principle-lead {\r\n\r\n                grid-column:auto;\r\n            }\r\n\r\n\r\n            .ohal-principle-lead,\r\n            .ohal-principle {\r\n\r\n                min-height:62px;\r\n\r\n                border-inline-end:0;\r\n\r\n                border-bottom:\r\n                    1px solid\r\n                    var(--al-border);\r\n            }\r\n\r\n\r\n            .ohal-principle:last-child {\r\n\r\n                border-bottom:0;\r\n            }\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* =====================================================\r\n           REDUCED MOTION\r\n        ====================================================== *\/\r\n\r\n        @media(prefers-reduced-motion:reduce) {\r\n\r\n            .ohal-reveal {\r\n\r\n                opacity:1;\r\n\r\n                transform:none;\r\n\r\n                transition:none;\r\n            }\r\n\r\n        }\r\n\r\n        <\/style>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             JAVASCRIPT\r\n        ==================================================== -->\r\n\r\n        <script>\r\n\r\n        (function() {\r\n\r\n            'use strict';\r\n\r\n\r\n            function initOasisAboutLeadership() {\r\n\r\n\r\n                const section =\r\n                    document.getElementById(\r\n                        'ohAboutLeadership'\r\n                    );\r\n\r\n\r\n                if (!section) {\r\n                    return;\r\n                }\r\n\r\n\r\n                section\r\n                    .querySelectorAll(\r\n                        '[data-delay]'\r\n                    )\r\n                    .forEach(\r\n                        function(element) {\r\n\r\n                            const delay =\r\n                                element.getAttribute(\r\n                                    'data-delay'\r\n                                ) || 0;\r\n\r\n\r\n                            element.style\r\n                                .setProperty(\r\n                                    '--ohal-delay',\r\n                                    delay + 'ms'\r\n                                );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                if (\r\n                    'IntersectionObserver'\r\n                    in window\r\n                ) {\r\n\r\n                    const observer =\r\n                        new IntersectionObserver(\r\n\r\n                            function(entries) {\r\n\r\n                                entries.forEach(\r\n                                    function(entry) {\r\n\r\n                                        if (\r\n                                            entry.isIntersecting\r\n                                        ) {\r\n\r\n                                            section.classList\r\n                                                .add(\r\n                                                    'is-visible'\r\n                                                );\r\n\r\n                                            observer.disconnect();\r\n                                        }\r\n\r\n                                    }\r\n                                );\r\n\r\n                            },\r\n\r\n                            {\r\n                                threshold:.03\r\n                            }\r\n\r\n                        );\r\n\r\n\r\n                    observer.observe(\r\n                        section\r\n                    );\r\n\r\n                } else {\r\n\r\n                    section.classList.add(\r\n                        'is-visible'\r\n                    );\r\n                }\r\n\r\n            }\r\n\r\n\r\n            if (\r\n                document.readyState ===\r\n                'loading'\r\n            ) {\r\n\r\n                document.addEventListener(\r\n                    'DOMContentLoaded',\r\n                    initOasisAboutLeadership\r\n                );\r\n\r\n            } else {\r\n\r\n                initOasisAboutLeadership();\r\n            }\r\n\r\n        })();\r\n\r\n        <\/script>\r\n\r\n\r\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-127","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.5 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>About Us - Oasis Heaven Real Estate Brokers<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/oheavenbrokers.com\/ar\/about-us\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About Us\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oheavenbrokers.com\/ar\/about-us\/\" \/>\n<meta property=\"og:site_name\" content=\"Oasis Heaven Real Estate Brokers\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T13:56:08+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:\\\/\\\/oheavenbrokers.com\\\/about-us\\\/\",\"url\":\"https:\\\/\\\/oheavenbrokers.com\\\/about-us\\\/\",\"name\":\"About Us - Oasis Heaven Real Estate Brokers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/#website\"},\"datePublished\":\"2026-07-29T13:43:45+00:00\",\"dateModified\":\"2026-07-29T13:56:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/about-us\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oheavenbrokers.com\\\/about-us\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/about-us\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oheavenbrokers.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"About Us\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/#website\",\"url\":\"https:\\\/\\\/oheavenbrokers.com\\\/\",\"name\":\"Oasis Heaven Real Estate Brokers\",\"description\":\"Trusted Dubai Real Estate Brokerage Since 2021\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/oheavenbrokers.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"About Us - Oasis Heaven Real Estate Brokers","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:\/\/oheavenbrokers.com\/ar\/about-us\/","og_locale":"ar_AR","og_type":"article","og_title":"About Us","og_url":"https:\/\/oheavenbrokers.com\/ar\/about-us\/","og_site_name":"Oasis Heaven Real Estate Brokers","article_modified_time":"2026-07-29T13:56:08+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oheavenbrokers.com\/about-us\/","url":"https:\/\/oheavenbrokers.com\/about-us\/","name":"About Us - Oasis Heaven Real Estate Brokers","isPartOf":{"@id":"https:\/\/oheavenbrokers.com\/#website"},"datePublished":"2026-07-29T13:43:45+00:00","dateModified":"2026-07-29T13:56:08+00:00","breadcrumb":{"@id":"https:\/\/oheavenbrokers.com\/about-us\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oheavenbrokers.com\/about-us\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oheavenbrokers.com\/about-us\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oheavenbrokers.com\/"},{"@type":"ListItem","position":2,"name":"About Us"}]},{"@type":"WebSite","@id":"https:\/\/oheavenbrokers.com\/#website","url":"https:\/\/oheavenbrokers.com\/","name":"Oasis Heaven Real Estate Brokers","description":"Trusted Dubai Real Estate Brokerage Since 2021","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/oheavenbrokers.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/pages\/127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/comments?post=127"}],"version-history":[{"count":10,"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/pages\/127\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/pages\/127\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/media?parent=127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}