{"id":16,"date":"2026-07-29T11:02:43","date_gmt":"2026-07-29T07:02:43","guid":{"rendered":"https:\/\/oheavenbrokers.com\/?page_id=16"},"modified":"2026-07-29T15:17:51","modified_gmt":"2026-07-29T11:17:51","slug":"home","status":"publish","type":"page","link":"https:\/\/oheavenbrokers.com\/ar\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f48f74f e-con e-atomic-element e-flexbox-base e-b76ae96 \" data-id=\"f48f74f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f48f74f\" data-e-type=\"e-flexbox\" data-id=\"f48f74f\">\n    \t\t<div class=\"elementor-element elementor-element-da038bf elementor-widget elementor-widget-shortcode\" data-id=\"da038bf\" 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    <!-- =======================================================\r\n         HOMEPAGE HERO\r\n    ======================================================== -->\r\n\r\n    <section\r\n        id=\"ohHomeHero\"\r\n        class=\"oh-home-hero\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"oh-home-container\">\r\n\r\n            <div class=\"oh-hero-grid\">\r\n\r\n\r\n                <!-- =================================================\r\n                     CONTENT\r\n                ================================================== -->\r\n\r\n                <div class=\"oh-hero-content\">\r\n\r\n\r\n                    <!-- EYEBROW -->\r\n\r\n                    <div class=\"oh-hero-eyebrow\">\r\n\r\n                        <span class=\"oh-eyebrow-line\"><\/span>\r\n\r\n                        <span>\r\n\r\n                            \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0648\u0633\u0627\u0637\u0629 \u0639\u0642\u0627\u0631\u064a\u0629 \u2022 \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- H1 -->\r\n\r\n                    <h1 class=\"oh-hero-title\">\r\n\r\n                        \r\n                            \u0639\u0642\u0627\u0631\u0627\u062a \u062f\u0628\u064a.\r\n                            <strong>\r\n                                \u0628\u062b\u0642\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629.\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/h1>\r\n\r\n\r\n\r\n                    <!-- DESCRIPTION -->\r\n\r\n                    <p class=\"oh-hero-description\">\r\n\r\n                        \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0648\u0645\u0644\u0627\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0641\u064a \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0633\u0648\u0642\u060c \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629.\r\n                    <\/p>\r\n\r\n\r\n\r\n                    <!-- ACTIONS -->\r\n\r\n                    <div class=\"oh-hero-actions\">\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                            class=\"oh-hero-primary\"\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                            <\/span>\r\n\r\n\r\n                            <svg\r\n                                viewBox=\"0 0 24 24\"\r\n                                aria-hidden=\"true\"\r\n                            >\r\n\r\n                                <path d=\"M5 12h14\"><\/path>\r\n\r\n                                <path d=\"M13 6l6 6-6 6\"><\/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=\"oh-hero-secondary\"\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                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- TRUST META -->\r\n\r\n                    <div class=\"oh-hero-meta\">\r\n\r\n\r\n                        <div class=\"oh-meta-item\">\r\n\r\n                            <span class=\"oh-meta-number\">\r\n                                2021\r\n                            <\/span>\r\n\r\n                            <span class=\"oh-meta-label\">\r\n\r\n                                \u0645\u0646\u0630\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"oh-meta-divider\"><\/div>\r\n\r\n\r\n\r\n                        <div class=\"oh-meta-services\">\r\n\r\n                            <span>\r\n\r\n                                \u0628\u064a\u0639\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n\r\n                                \u062a\u0623\u062c\u064a\u0631\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n\r\n                                \u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                            <\/span>\r\n\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n\r\n                                \u0625\u062f\u0627\u0631\u0629 \u0639\u0642\u0627\u0631\u0627\u062a\r\n                            <\/span>\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                     IMAGE\r\n                ================================================== -->\r\n\r\n                <div class=\"oh-hero-visual\">\r\n\r\n\r\n                    <div class=\"oh-hero-image-wrap\">\r\n\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1701878551856-246ce939580d?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                            alt=\"\u0639\u0642\u0627\u0631\u0627\u062a \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\"\r\n                            class=\"oh-hero-image\"\r\n                            fetchpriority=\"high\"\r\n                        >\r\n\r\n\r\n                        <!-- IMAGE OVERLAY -->\r\n\r\n                        <div class=\"oh-image-overlay\"><\/div>\r\n\r\n\r\n\r\n                        <!-- TOP LABEL -->\r\n\r\n                        <div class=\"oh-image-top-label\">\r\n\r\n                            <span class=\"oh-image-dot\"><\/span>\r\n\r\n                            <span>\r\n\r\n                                \u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u062f\u0629\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- PROPERTY CARD -->\r\n\r\n                        <div class=\"oh-image-card\">\r\n\r\n\r\n                            <div class=\"oh-image-card-small\">\r\n\r\n                                OASIS HEAVEN\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"oh-image-card-title\">\r\n\r\n                                \r\n                                    \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629\r\n                                    <br>\r\n                                    \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629.\r\n\r\n                                \r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"oh-image-card-bottom\">\r\n\r\n                                <span>\r\n\r\n                                    \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\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 d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- VERTICAL TEXT -->\r\n\r\n                        <div class=\"oh-image-vertical\">\r\n\r\n                            \u0639\u0642\u0627\u0631\u0627\u062a \u2022 \u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u2022 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ===================================================\r\n             BOTTOM STRIP\r\n        ==================================================== -->\r\n\r\n        <div class=\"oh-hero-bottom-strip\">\r\n\r\n            <div class=\"oh-home-container\">\r\n\r\n                <div class=\"oh-strip-inner\">\r\n\r\n\r\n                    <div class=\"oh-strip-item\">\r\n\r\n                        <span>01<\/span>\r\n\r\n                        <p>\r\n\r\n                            \u062e\u0628\u0631\u0629 \u0645\u062d\u0644\u064a\u0629\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"oh-strip-item\">\r\n\r\n                        <span>02<\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u0634\u0641\u0627\u0641\u0629\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"oh-strip-item\">\r\n\r\n                        <span>03<\/span>\r\n\r\n                        <p>\r\n\r\n                            \u062f\u0639\u0645 \u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0645\u0647\u0646\u064a\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"oh-strip-item\">\r\n\r\n                        <span>04<\/span>\r\n\r\n                        <p>\r\n\r\n                            \u0641\u0631\u0635 \u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\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 VARIABLES\r\n    ========================================================= *\/\r\n\r\n    .oh-home-hero {\r\n\r\n        --oh-dark: #161817;\r\n        --oh-dark-soft: #232625;\r\n\r\n        --oh-white: #ffffff;\r\n\r\n        --oh-offwhite: #f5f6f4;\r\n        --oh-offwhite-2: #eceeeb;\r\n\r\n        --oh-text: #202321;\r\n        --oh-muted: #6f7673;\r\n\r\n        --oh-accent: #9aa7ac;\r\n        --oh-accent-dark: #6f7e84;\r\n\r\n        --oh-border: rgba(22,24,23,.13);\r\n\r\n        width: 100%;\r\n\r\n        position: relative;\r\n\r\n        overflow: hidden;\r\n\r\n        background: var(--oh-offwhite);\r\n\r\n        color: var(--oh-text);\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-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    \/* =========================================================\r\n       MAIN GRID\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-grid {\r\n\r\n        min-height:\r\n            calc(100vh - 88px);\r\n\r\n        min-height:\r\n            calc(100svh - 88px);\r\n\r\n        padding:\r\n            clamp(55px, 6vw, 92px)\r\n            0;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0, .92fr)\r\n            minmax(480px, 1.08fr);\r\n\r\n        align-items: center;\r\n\r\n        gap:\r\n            clamp(60px, 7vw, 115px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-content {\r\n\r\n        position: relative;\r\n\r\n        z-index: 2;\r\n\r\n        max-width: 690px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-eyebrow {\r\n\r\n        margin-bottom: 31px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 14px;\r\n\r\n        color: var(--oh-accent-dark);\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 650;\r\n\r\n        letter-spacing: .14em;\r\n\r\n    }\r\n\r\n\r\n    .oh-eyebrow-line {\r\n\r\n        width: 38px;\r\n\r\n        height: 1px;\r\n\r\n        flex: 0 0 38px;\r\n\r\n        background: var(--oh-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-title {\r\n\r\n        margin: 0;\r\n\r\n        color: var(--oh-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(\r\n                58px,\r\n                5.3vw,\r\n                88px\r\n            );\r\n\r\n        line-height: .96;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.055em;\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-title strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 8px;\r\n\r\n        color: var(--oh-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* Arabic Title *\/\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-hero-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-size:\r\n            clamp(\r\n                52px,\r\n                5vw,\r\n                78px\r\n            );\r\n\r\n        line-height: 1.18;\r\n\r\n        font-weight: 500;\r\n\r\n        letter-spacing: -.035em;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-hero-title strong {\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-description {\r\n\r\n        max-width: 620px;\r\n\r\n        margin:\r\n            30px 0 0;\r\n\r\n        color: var(--oh-muted);\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.9;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ACTIONS\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-actions {\r\n\r\n        margin-top: 38px;\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: 12px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* PRIMARY *\/\r\n\r\n    .oh-hero-primary {\r\n\r\n        min-height: 58px;\r\n\r\n        padding:\r\n            0 24px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 40px;\r\n\r\n        background: var(--oh-dark);\r\n\r\n        color: #fff;\r\n\r\n        font-size: 14px;\r\n\r\n        font-weight: 600;\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-primary:hover {\r\n\r\n        color: #fff;\r\n\r\n        background: var(--oh-dark-soft);\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-primary svg {\r\n\r\n        width: 18px;\r\n\r\n        height: 18px;\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\r\n    .oh-hero-primary:hover svg {\r\n\r\n        transform:\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-hero-primary svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-hero-primary:hover svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* SECONDARY *\/\r\n\r\n    .oh-hero-secondary {\r\n\r\n        min-height: 58px;\r\n\r\n        padding:\r\n            0 24px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        color: var(--oh-dark);\r\n\r\n        border:\r\n            1px solid var(--oh-border);\r\n\r\n        background: transparent;\r\n\r\n        font-size: 14px;\r\n\r\n        font-weight: 600;\r\n\r\n        transition:\r\n            color .25s ease,\r\n            background .25s ease,\r\n            border-color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-secondary:hover {\r\n\r\n        color: var(--oh-dark);\r\n\r\n        background: #fff;\r\n\r\n        border-color:\r\n            rgba(22,24,23,.25);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       META\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-meta {\r\n\r\n        margin-top: 55px;\r\n\r\n        padding-top: 25px;\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--oh-border);\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 25px;\r\n\r\n    }\r\n\r\n\r\n    .oh-meta-item {\r\n\r\n        display: flex;\r\n\r\n        align-items: baseline;\r\n\r\n        gap: 8px;\r\n\r\n        white-space: nowrap;\r\n\r\n    }\r\n\r\n\r\n    .oh-meta-number {\r\n\r\n        color: var(--oh-dark);\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 25px;\r\n\r\n        line-height: 1;\r\n\r\n    }\r\n\r\n\r\n    .oh-meta-label {\r\n\r\n        color: var(--oh-muted);\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 600;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .oh-meta-divider {\r\n\r\n        width: 1px;\r\n\r\n        height: 31px;\r\n\r\n        background: var(--oh-border);\r\n\r\n    }\r\n\r\n\r\n    .oh-meta-services {\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: 10px;\r\n\r\n        color: var(--oh-muted);\r\n\r\n        font-size: 11.5px;\r\n\r\n    }\r\n\r\n\r\n    .oh-meta-services i {\r\n\r\n        width: 3px;\r\n\r\n        height: 3px;\r\n\r\n        border-radius: 50%;\r\n\r\n        background: var(--oh-accent);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       HERO VISUAL\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-visual {\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n\r\n        position: relative;\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-image-wrap {\r\n\r\n        width: 100%;\r\n\r\n        height:\r\n            clamp(\r\n                560px,\r\n                68vh,\r\n                760px\r\n            );\r\n\r\n        position: relative;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #d9ddda;\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-image {\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        display: block;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position: center;\r\n\r\n        transform:\r\n            scale(1.035);\r\n\r\n        transition:\r\n            transform 1.3s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .oh-hero-image-wrap:hover\r\n    .oh-hero-image {\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE OVERLAY\r\n    ========================================================= *\/\r\n\r\n    .oh-image-overlay {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(13,16,15,.08) 0%,\r\n                rgba(13,16,15,0) 45%,\r\n                rgba(13,16,15,.45) 100%\r\n            );\r\n\r\n        pointer-events: none;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE TOP LABEL\r\n    ========================================================= *\/\r\n\r\n    .oh-image-top-label {\r\n\r\n        position: absolute;\r\n\r\n        top: 25px;\r\n\r\n        inset-inline-start: 25px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 9px;\r\n\r\n        padding:\r\n            10px 13px;\r\n\r\n        background:\r\n            rgba(255,255,255,.92);\r\n\r\n        color: var(--oh-dark);\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 650;\r\n\r\n        letter-spacing: .12em;\r\n\r\n        backdrop-filter:\r\n            blur(8px);\r\n\r\n    }\r\n\r\n\r\n    .oh-image-dot {\r\n\r\n        width: 6px;\r\n\r\n        height: 6px;\r\n\r\n        border-radius: 50%;\r\n\r\n        background: var(--oh-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE CARD\r\n    ========================================================= *\/\r\n\r\n    .oh-image-card {\r\n\r\n        position: absolute;\r\n\r\n        inset-inline-start: 25px;\r\n\r\n        bottom: 25px;\r\n\r\n        width:\r\n            min(310px, calc(100% - 50px));\r\n\r\n        padding:\r\n            25px 25px 21px;\r\n\r\n        background:\r\n            rgba(22,24,23,.92);\r\n\r\n        color: #fff;\r\n\r\n        backdrop-filter:\r\n            blur(12px);\r\n\r\n    }\r\n\r\n\r\n    .oh-image-card-small {\r\n\r\n        margin-bottom: 21px;\r\n\r\n        color: var(--oh-accent);\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 650;\r\n\r\n        letter-spacing: .14em;\r\n\r\n    }\r\n\r\n\r\n    .oh-image-card-title {\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 29px;\r\n\r\n        line-height: 1.06;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-image-card-title {\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.3;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n    .oh-image-card-bottom {\r\n\r\n        margin-top: 24px;\r\n\r\n        padding-top: 16px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.16);\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,.65);\r\n\r\n        font-size: 11px;\r\n\r\n    }\r\n\r\n\r\n    .oh-image-card-bottom svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke: #fff;\r\n\r\n        stroke-width: 1.4;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-image-card-bottom svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       VERTICAL TEXT\r\n    ========================================================= *\/\r\n\r\n    .oh-image-vertical {\r\n\r\n        position: absolute;\r\n\r\n        top: 50%;\r\n\r\n        inset-inline-end:\r\n            -116px;\r\n\r\n        width: 280px;\r\n\r\n        color:\r\n            rgba(255,255,255,.72);\r\n\r\n        font-size: 9px;\r\n\r\n        font-weight: 600;\r\n\r\n        letter-spacing: .14em;\r\n\r\n        text-align: center;\r\n\r\n        transform:\r\n            translateY(-50%)\r\n            rotate(90deg);\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero[dir=\"rtl\"]\r\n    .oh-image-vertical {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BOTTOM STRIP\r\n    ========================================================= *\/\r\n\r\n    .oh-hero-bottom-strip {\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--oh-border);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--oh-border);\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n    .oh-strip-inner {\r\n\r\n        min-height: 92px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(4,1fr);\r\n\r\n        align-items: stretch;\r\n\r\n    }\r\n\r\n\r\n    .oh-strip-item {\r\n\r\n        padding:\r\n            0 clamp(20px,2vw,35px);\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 16px;\r\n\r\n        border-inline-end:\r\n            1px solid\r\n            var(--oh-border);\r\n\r\n    }\r\n\r\n\r\n    .oh-strip-item:first-child {\r\n\r\n        padding-inline-start: 0;\r\n\r\n    }\r\n\r\n\r\n    .oh-strip-item:last-child {\r\n\r\n        border-inline-end: 0;\r\n\r\n    }\r\n\r\n\r\n    .oh-strip-item > span {\r\n\r\n        color: var(--oh-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: 15px;\r\n\r\n    }\r\n\r\n\r\n    .oh-strip-item p {\r\n\r\n        margin: 0;\r\n\r\n        color: var(--oh-text);\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.5;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL ANIMATION\r\n    ========================================================= *\/\r\n\r\n    .oh-home-hero\r\n    .oh-hero-content,\r\n    .oh-home-hero\r\n    .oh-hero-visual {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(18px);\r\n\r\n        transition:\r\n            opacity .8s ease,\r\n            transform .8s ease;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero\r\n    .oh-hero-visual {\r\n\r\n        transition-delay: .12s;\r\n\r\n    }\r\n\r\n\r\n    .oh-home-hero.is-ready\r\n    .oh-hero-content,\r\n    .oh-home-hero.is-ready\r\n    .oh-hero-visual {\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    \/* =========================================================\r\n       LAPTOP\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 1200px) {\r\n\r\n        .oh-hero-grid {\r\n\r\n            grid-template-columns:\r\n                minmax(0,.92fr)\r\n                minmax(430px,1.08fr);\r\n\r\n            gap: 55px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-title {\r\n\r\n            font-size:\r\n                clamp(\r\n                    52px,\r\n                    5vw,\r\n                    72px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-description {\r\n\r\n            font-size: 15px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 960px) {\r\n\r\n        .oh-hero-grid {\r\n\r\n            min-height: auto;\r\n\r\n            padding:\r\n                65px 0;\r\n\r\n            grid-template-columns:\r\n                1fr;\r\n\r\n            gap: 55px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-content {\r\n\r\n            max-width: 760px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-title {\r\n\r\n            max-width: 760px;\r\n\r\n            font-size:\r\n                clamp(\r\n                    56px,\r\n                    8vw,\r\n                    78px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .oh-home-hero[dir=\"rtl\"]\r\n        .oh-hero-title {\r\n\r\n            font-size:\r\n                clamp(\r\n                    48px,\r\n                    7vw,\r\n                    68px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-image-wrap {\r\n\r\n            height:\r\n                clamp(\r\n                    520px,\r\n                    72vw,\r\n                    700px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-inner {\r\n\r\n            grid-template-columns:\r\n                repeat(2,1fr);\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item {\r\n\r\n            min-height: 82px;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--oh-border);\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item:nth-child(2) {\r\n\r\n            border-inline-end: 0;\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item:nth-child(3),\r\n        .oh-strip-item:nth-child(4) {\r\n\r\n            border-bottom: 0;\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item:nth-child(3) {\r\n\r\n            padding-inline-start: 0;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 600px) {\r\n\r\n        .oh-home-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-grid {\r\n\r\n            padding:\r\n                47px 0;\r\n\r\n            gap: 43px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-eyebrow {\r\n\r\n            margin-bottom: 23px;\r\n\r\n            font-size: 9px;\r\n\r\n            line-height: 1.5;\r\n\r\n            letter-spacing: .1em;\r\n\r\n        }\r\n\r\n\r\n        .oh-eyebrow-line {\r\n\r\n            width: 28px;\r\n\r\n            flex-basis: 28px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-title {\r\n\r\n            font-size:\r\n                clamp(\r\n                    45px,\r\n                    13vw,\r\n                    62px\r\n                );\r\n\r\n            line-height: 1;\r\n\r\n        }\r\n\r\n\r\n        .oh-home-hero[dir=\"rtl\"]\r\n        .oh-hero-title {\r\n\r\n            font-size:\r\n                clamp(\r\n                    40px,\r\n                    11vw,\r\n                    54px\r\n                );\r\n\r\n            line-height: 1.25;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-description {\r\n\r\n            margin-top: 24px;\r\n\r\n            font-size: 14.5px;\r\n\r\n            line-height: 1.85;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-actions {\r\n\r\n            margin-top: 30px;\r\n\r\n            display: grid;\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-primary,\r\n        .oh-hero-secondary {\r\n\r\n            width: 100%;\r\n\r\n            min-height: 56px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-primary {\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-meta {\r\n\r\n            margin-top: 38px;\r\n\r\n            padding-top: 22px;\r\n\r\n            align-items: flex-start;\r\n\r\n        }\r\n\r\n\r\n        .oh-meta-divider {\r\n\r\n            display: none;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-meta {\r\n\r\n            flex-direction: column;\r\n\r\n            gap: 17px;\r\n\r\n        }\r\n\r\n\r\n        .oh-meta-services {\r\n\r\n            gap: 8px;\r\n\r\n        }\r\n\r\n\r\n        .oh-hero-image-wrap {\r\n\r\n            height: 520px;\r\n\r\n        }\r\n\r\n\r\n        .oh-image-top-label {\r\n\r\n            top: 17px;\r\n\r\n            inset-inline-start: 17px;\r\n\r\n        }\r\n\r\n\r\n        .oh-image-card {\r\n\r\n            inset-inline-start: 17px;\r\n\r\n            bottom: 17px;\r\n\r\n            width:\r\n                calc(100% - 34px);\r\n\r\n        }\r\n\r\n\r\n        .oh-image-vertical {\r\n\r\n            display: none;\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-inner {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item {\r\n\r\n            min-height: 68px;\r\n\r\n            padding: 0;\r\n\r\n            border-inline-end: 0;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--oh-border);\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item:nth-child(3) {\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--oh-border);\r\n\r\n        }\r\n\r\n\r\n        .oh-strip-item: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    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media\r\n    (prefers-reduced-motion: reduce) {\r\n\r\n        .oh-home-hero\r\n        .oh-hero-content,\r\n        .oh-home-hero\r\n        .oh-hero-visual {\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        .oh-hero-image {\r\n\r\n            transition: none;\r\n\r\n        }\r\n\r\n    }\r\n\t\t\/* =========================================================\r\n   TYPOGRAPHY SIZE IMPROVEMENTS\r\n========================================================= *\/\r\n\r\n\/* Eyebrow *\/\r\n.oh-hero-eyebrow {\r\n    font-size: 13px;\r\n    letter-spacing: .11em;\r\n}\r\n\r\n\r\n\/* Main description *\/\r\n.oh-hero-description {\r\n    max-width: 650px;\r\n    font-size: 18px;\r\n    line-height: 1.85;\r\n}\r\n\r\n\r\n\/* Buttons *\/\r\n.oh-hero-primary,\r\n.oh-hero-secondary {\r\n    min-height: 60px;\r\n    font-size: 15px;\r\n}\r\n\r\n\r\n\/* Established year *\/\r\n.oh-meta-number {\r\n    font-size: 28px;\r\n}\r\n\r\n\r\n\/* Established label *\/\r\n.oh-meta-label {\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* Sales \/ Rentals \/ Investment \/ Management *\/\r\n.oh-meta-services {\r\n    font-size: 13.5px;\r\n    gap: 11px;\r\n}\r\n\r\n\r\n\/* Image top label *\/\r\n.oh-image-top-label {\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* Small Oasis Heaven text inside image card *\/\r\n.oh-image-card-small {\r\n    font-size: 11px;\r\n}\r\n\r\n\r\n\/* Image card title *\/\r\n.oh-image-card-title {\r\n    font-size: 32px;\r\n}\r\n\r\n\r\n\/* Dubai & UAE inside image card *\/\r\n.oh-image-card-bottom {\r\n    font-size: 13px;\r\n}\r\n\r\n\r\n\/* Vertical text *\/\r\n.oh-image-vertical {\r\n    font-size: 10.5px;\r\n}\r\n\r\n\r\n\/* Bottom feature strip *\/\r\n.oh-strip-item > span {\r\n    font-size: 17px;\r\n}\r\n\r\n\r\n.oh-strip-item p {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 960px) {\r\n\r\n    .oh-hero-description {\r\n        font-size: 17px;\r\n    }\r\n\r\n    .oh-strip-item p {\r\n        font-size: 13.5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media screen and (max-width: 600px) {\r\n\r\n    .oh-hero-eyebrow {\r\n        font-size: 10.5px;\r\n    }\r\n\r\n    .oh-hero-description {\r\n        font-size: 16px;\r\n        line-height: 1.8;\r\n    }\r\n\r\n    .oh-hero-primary,\r\n    .oh-hero-secondary {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .oh-meta-number {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .oh-meta-label {\r\n        font-size: 10px;\r\n    }\r\n\r\n    .oh-meta-services {\r\n        font-size: 12.5px;\r\n    }\r\n\r\n    .oh-image-card-title {\r\n        font-size: 29px;\r\n    }\r\n\r\n    .oh-image-card-bottom {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .oh-strip-item > span {\r\n        font-size: 16px;\r\n    }\r\n\r\n    .oh-strip-item p {\r\n        font-size: 14px;\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 initOasisHero() {\r\n\r\n            const hero =\r\n                document.getElementById(\r\n                    'ohHomeHero'\r\n                );\r\n\r\n\r\n            if (!hero) {\r\n                return;\r\n            }\r\n\r\n\r\n            \/*\r\n             * Small entrance animation\r\n             *\/\r\n\r\n            window.requestAnimationFrame(\r\n                function() {\r\n\r\n                    window.requestAnimationFrame(\r\n                        function() {\r\n\r\n                            hero.classList.add(\r\n                                'is-ready'\r\n                            );\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                initOasisHero\r\n            );\r\n\r\n        } else {\r\n\r\n            initOasisHero();\r\n\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-4b2ceb6 e-con e-atomic-element e-flexbox-base e-68710dc \" data-id=\"4b2ceb6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b2ceb6\" data-e-type=\"e-flexbox\" data-id=\"4b2ceb6\">\n    \t\t<div class=\"elementor-element elementor-element-e091c81 elementor-widget elementor-widget-shortcode\" data-id=\"e091c81\" 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=\"ohPropertyDiscovery\"\r\n        class=\"ohpd-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohpd-container\">\r\n\r\n\r\n            <!-- =================================================\r\n                 SECTION HEADING\r\n            ================================================== -->\r\n\r\n            <div class=\"ohpd-heading\">\r\n\r\n\r\n                <div\r\n                    class=\"ohpd-heading-left ohpd-reveal\"\r\n                    data-delay=\"0\"\r\n                >\r\n\r\n                    <div class=\"ohpd-eyebrow\">\r\n\r\n                        <span><\/span>\r\n\r\n                        \u0627\u0643\u062a\u0634\u0641 \u0639\u0642\u0627\u0631\u0643\r\n                    <\/div>\r\n\r\n\r\n                    <h2>\r\n\r\n                        \r\n                            \u0639\u0642\u0627\u0631 \u064a\u0646\u0627\u0633\u0628\r\n                            <strong>\r\n                                \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\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=\"ohpd-heading-copy ohpd-reveal\"\r\n                    data-delay=\"100\"\r\n                >\r\n\r\n                    <p>\r\n\r\n                        \u0645\u0646 \u0627\u0644\u0645\u0646\u0632\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0625\u0644\u0649 \u0627\u0644\u0641\u0631\u0635\u0629 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0627\u0644\u0648\u0627\u0639\u062f\u0629\u060c \u0646\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062e\u064a\u0627\u0631\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629 \u0641\u064a \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                    >\r\n\r\n                        <span>\r\n\r\n                            \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\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                            <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                        <\/svg>\r\n\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                 EXPERIENCE PANEL\r\n            ================================================== -->\r\n\r\n            <div class=\"ohpd-experience\">\r\n\r\n\r\n                <!-- =============================================\r\n                     IMAGE SIDE\r\n                ============================================== -->\r\n\r\n                <div\r\n                    class=\"ohpd-image-side\"\r\n                    data-ohpd-image\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                        alt=\"\u0639\u0642\u0627\u0631\u0627\u062a \u062f\u0628\u064a\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n\r\n                    <div class=\"ohpd-image-shade\"><\/div>\r\n\r\n\r\n\r\n                    <!-- LOCATION -->\r\n\r\n                    <div class=\"ohpd-location\">\r\n\r\n                        <span class=\"ohpd-location-dot\"><\/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                    <!-- IMAGE CAPTION -->\r\n\r\n                    <div\r\n                        class=\"ohpd-image-caption ohpd-reveal\"\r\n                        data-delay=\"250\"\r\n                    >\r\n\r\n                        <span class=\"ohpd-caption-small\">\r\n\r\n                            \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\r\n                        <\/span>\r\n\r\n\r\n                        <h3>\r\n\r\n                            \r\n                                \u0641\u0631\u0635 \u0639\u0642\u0627\u0631\u064a\u0629\r\n                                <br>\r\n                                \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629.\r\n\r\n                            \r\n                        <\/h3>\r\n\r\n\r\n                        <div class=\"ohpd-caption-line\"><\/div>\r\n\r\n\r\n                        <p>\r\n\r\n                            \u0633\u0643\u0646. \u0627\u0633\u062a\u062b\u0645\u0627\u0631. \u062a\u0623\u062c\u064a\u0631.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- NUMBER -->\r\n\r\n                    <div class=\"ohpd-image-index\">\r\n                        01\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =============================================\r\n                     SEARCH PANEL\r\n                ============================================== -->\r\n\r\n                <div\r\n                    class=\"ohpd-search-panel ohpd-panel-reveal\"\r\n                >\r\n\r\n                    <div class=\"ohpd-panel-top\">\r\n\r\n                        <span class=\"ohpd-panel-index\">\r\n                            02\r\n                        <\/span>\r\n\r\n\r\n                        <span class=\"ohpd-panel-label\">\r\n\r\n                            \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0639\u0642\u0627\u0631\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <h3>\r\n\r\n                        \r\n                            \u0645\u0627 \u0627\u0644\u0630\u064a\r\n                            <br>\r\n                            \u062a\u0628\u062d\u062b \u0639\u0646\u0647\u061f\r\n\r\n                        \r\n                    <\/h3>\r\n\r\n\r\n\r\n                    <form\r\n                        id=\"ohpdSearchForm\"\r\n                        class=\"ohpd-form\"\r\n                        method=\"get\"\r\n                        action=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                    >\r\n\r\n\r\n                        <!-- =====================================\r\n                             BUY RENT\r\n                        ====================================== -->\r\n\r\n                        <div\r\n                            class=\"ohpd-tabs ohpd-field-reveal\"\r\n                            data-delay=\"100\"\r\n                        >\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohpd-tab is-active\"\r\n                                data-purpose=\"sale\"\r\n                            >\r\n\r\n                                \u0634\u0631\u0627\u0621\r\n                            <\/button>\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohpd-tab\"\r\n                                data-purpose=\"rent\"\r\n                            >\r\n\r\n                                \u0625\u064a\u062c\u0627\u0631\r\n                            <\/button>\r\n\r\n\r\n                            <input\r\n                                type=\"hidden\"\r\n                                id=\"ohpdPurpose\"\r\n                                name=\"purpose\"\r\n                                value=\"sale\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- =====================================\r\n                             LOCATION\r\n                        ====================================== -->\r\n\r\n                        <label\r\n                            class=\"ohpd-field ohpd-field-reveal\"\r\n                            data-delay=\"160\"\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                \u0627\u0644\u0645\u0648\u0642\u0639\r\n                            <\/span>\r\n\r\n\r\n                            <div class=\"ohpd-select-wrap\">\r\n\r\n                                <select name=\"location\">\r\n\r\n                                    <option value=\"\">\r\n\r\n                                        \u062c\u0645\u064a\u0639 \u0645\u0646\u0627\u0637\u0642 \u062f\u0628\u064a\r\n                                    <\/option>\r\n\r\n                                    <option value=\"downtown-dubai\">\r\n                                        Downtown Dubai\r\n                                    <\/option>\r\n\r\n                                    <option value=\"business-bay\">\r\n                                        Business Bay\r\n                                    <\/option>\r\n\r\n                                    <option value=\"dubai-marina\">\r\n                                        Dubai Marina\r\n                                    <\/option>\r\n\r\n                                    <option value=\"palm-jumeirah\">\r\n                                        Palm Jumeirah\r\n                                    <\/option>\r\n\r\n                                    <option value=\"dubai-hills\">\r\n                                        Dubai Hills\r\n                                    <\/option>\r\n\r\n                                <\/select>\r\n\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M7 9l5 5 5-5\"><\/path>\r\n                                <\/svg>\r\n\r\n                            <\/div>\r\n\r\n                        <\/label>\r\n\r\n\r\n\r\n                        <!-- =====================================\r\n                             TYPE + PRICE\r\n                        ====================================== -->\r\n\r\n                        <div class=\"ohpd-two-fields\">\r\n\r\n\r\n                            <label\r\n                                class=\"ohpd-field ohpd-field-reveal\"\r\n                                data-delay=\"220\"\r\n                            >\r\n\r\n                                <span>\r\n\r\n                                    \u0646\u0648\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                <\/span>\r\n\r\n\r\n                                <div class=\"ohpd-select-wrap\">\r\n\r\n                                    <select name=\"property_type\">\r\n\r\n                                        <option value=\"\">\r\n\r\n                                            \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0646\u0648\u0627\u0639\r\n                                        <\/option>\r\n\r\n                                        <option value=\"apartment\">\r\n\r\n                                            \u0634\u0642\u0629\r\n                                        <\/option>\r\n\r\n                                        <option value=\"villa\">\r\n\r\n                                            \u0641\u064a\u0644\u0627\r\n                                        <\/option>\r\n\r\n                                        <option value=\"townhouse\">\r\n\r\n                                            \u062a\u0627\u0648\u0646 \u0647\u0627\u0648\u0633\r\n                                        <\/option>\r\n\r\n                                        <option value=\"penthouse\">\r\n\r\n                                            \u0628\u0646\u062a\u0647\u0627\u0648\u0633\r\n                                        <\/option>\r\n\r\n                                        <option value=\"office\">\r\n\r\n                                            \u0645\u0643\u062a\u0628\r\n                                        <\/option>\r\n\r\n                                    <\/select>\r\n\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M7 9l5 5 5-5\"><\/path>\r\n                                    <\/svg>\r\n\r\n                                <\/div>\r\n\r\n                            <\/label>\r\n\r\n\r\n\r\n                            <label\r\n                                class=\"ohpd-field ohpd-field-reveal\"\r\n                                data-delay=\"280\"\r\n                            >\r\n\r\n                                <span>\r\n\r\n                                    \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\r\n                                <\/span>\r\n\r\n\r\n                                <div class=\"ohpd-select-wrap\">\r\n\r\n                                    <select name=\"price\">\r\n\r\n                                        <option value=\"\">\r\n\r\n                                            \u0623\u064a \u0645\u064a\u0632\u0627\u0646\u064a\u0629\r\n                                        <\/option>\r\n\r\n                                        <option value=\"0-750000\">\r\n                                            Up to AED 750K\r\n                                        <\/option>\r\n\r\n                                        <option value=\"750000-1500000\">\r\n                                            AED 750K \u2013 1.5M\r\n                                        <\/option>\r\n\r\n                                        <option value=\"1500000-3000000\">\r\n                                            AED 1.5M \u2013 3M\r\n                                        <\/option>\r\n\r\n                                        <option value=\"3000000-5000000\">\r\n                                            AED 3M \u2013 5M\r\n                                        <\/option>\r\n\r\n                                        <option value=\"5000000-plus\">\r\n                                            AED 5M+\r\n                                        <\/option>\r\n\r\n                                    <\/select>\r\n\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n                                        <path d=\"M7 9l5 5 5-5\"><\/path>\r\n                                    <\/svg>\r\n\r\n                                <\/div>\r\n\r\n                            <\/label>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <!-- =====================================\r\n                             BUTTON\r\n                        ====================================== -->\r\n\r\n                        <button\r\n                            type=\"submit\"\r\n                            class=\"ohpd-submit ohpd-field-reveal\"\r\n                            data-delay=\"340\"\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                \u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                            <\/span>\r\n\r\n\r\n                            <span class=\"ohpd-submit-icon\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n                        <\/button>\r\n\r\n\r\n                    <\/form>\r\n\r\n\r\n\r\n                    <!-- PANEL FOOT -->\r\n\r\n                    <div class=\"ohpd-panel-foot\">\r\n\r\n                        <span><\/span>\r\n\r\n                        <p>\r\n\r\n                            \u062e\u064a\u0627\u0631\u0627\u062a \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u0633\u0643\u0646 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 BENEFITS STRIP\r\n            ================================================== -->\r\n\r\n            <div class=\"ohpd-benefits\">\r\n\r\n\r\n                <div\r\n                    class=\"ohpd-benefit ohpd-reveal\"\r\n                    data-delay=\"50\"\r\n                >\r\n\r\n                    <span>01<\/span>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n\r\n                            \u0645\u0639\u0631\u0641\u0629 \u0628\u0627\u0644\u0633\u0648\u0642\r\n                        <\/h4>\r\n\r\n\r\n                        <p>\r\n\r\n                            \u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d \u0644\u0633\u0648\u0642 \u062f\u0628\u064a.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"ohpd-benefit ohpd-reveal\"\r\n                    data-delay=\"130\"\r\n                >\r\n\r\n                    <span>02<\/span>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n\r\n                            \u062a\u0648\u062c\u064a\u0647 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\r\n                        <\/h4>\r\n\r\n\r\n                        <p>\r\n\r\n                            \u0642\u0631\u0627\u0631\u0627\u062a \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"ohpd-benefit ohpd-reveal\"\r\n                    data-delay=\"210\"\r\n                >\r\n\r\n                    <span>03<\/span>\r\n\r\n                    <div>\r\n\r\n                        <h4>\r\n\r\n                            \u062f\u0639\u0645 \u0645\u0647\u0646\u064a\r\n                        <\/h4>\r\n\r\n\r\n                        <p>\r\n\r\n                            \u062f\u0639\u0645 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                        <\/p>\r\n\r\n                    <\/div>\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       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohpd-section {\r\n\r\n        --pd-dark: #161817;\r\n        --pd-dark-2: #202321;\r\n\r\n        --pd-white: #ffffff;\r\n\r\n        --pd-bg: #f5f6f4;\r\n        --pd-text: #202321;\r\n\r\n        --pd-muted: #707774;\r\n\r\n        --pd-accent: #9aa7ac;\r\n        --pd-accent-dark: #65757b;\r\n\r\n        --pd-border:\r\n            rgba(22,24,23,.14);\r\n\r\n        width: 100%;\r\n\r\n        position: relative;\r\n\r\n        overflow: hidden;\r\n\r\n        padding:\r\n            clamp(85px,8vw,125px)\r\n            0\r\n            clamp(75px,7vw,105px);\r\n\r\n        background:\r\n            var(--pd-bg);\r\n\r\n        color:\r\n            var(--pd-text);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-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    \/* =========================================================\r\n       HEADING\r\n    ========================================================= *\/\r\n\r\n    .ohpd-heading {\r\n\r\n        margin-bottom:\r\n            clamp(45px,5vw,68px);\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.25fr)\r\n            minmax(340px,.75fr);\r\n\r\n        gap:\r\n            clamp(60px,8vw,130px);\r\n\r\n        align-items: end;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* EYEBROW *\/\r\n\r\n    .ohpd-eyebrow {\r\n\r\n        margin-bottom: 23px;\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            var(--pd-accent-dark);\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-eyebrow > span {\r\n\r\n        width: 34px;\r\n\r\n        height: 1px;\r\n\r\n        flex:\r\n            0 0 34px;\r\n\r\n        background:\r\n            var(--pd-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* TITLE *\/\r\n\r\n    .ohpd-heading h2 {\r\n\r\n        max-width: 800px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--pd-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,4.7vw,72px);\r\n\r\n        line-height: 1;\r\n\r\n        letter-spacing: -.045em;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-heading h2 strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 5px;\r\n\r\n        color:\r\n            var(--pd-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* ARABIC TITLE *\/\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-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.2;\r\n\r\n        letter-spacing: -.025em;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-heading h2 strong {\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* HEADING COPY *\/\r\n\r\n    .ohpd-heading-copy {\r\n\r\n        padding-bottom: 5px;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-heading-copy p {\r\n\r\n        max-width: 470px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--pd-muted);\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1.85;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-heading-copy > a {\r\n\r\n        width: fit-content;\r\n\r\n        margin-top: 25px;\r\n\r\n        padding-bottom: 8px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 20px;\r\n\r\n        color:\r\n            var(--pd-dark);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--pd-dark);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.3;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-heading-copy svg {\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohpd-heading-copy a:hover svg {\r\n\r\n        transform:\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-heading-copy svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MAIN EXPERIENCE\r\n    ========================================================= *\/\r\n\r\n    .ohpd-experience {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 650px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.45fr)\r\n            minmax(390px,.55fr);\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--pd-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n    ========================================================= *\/\r\n\r\n    .ohpd-image-side {\r\n\r\n        position: relative;\r\n\r\n        min-width: 0;\r\n\r\n        min-height: 650px;\r\n\r\n        overflow: hidden;\r\n\r\n        clip-path:\r\n            inset(0 100% 0 0);\r\n\r\n        transition:\r\n            clip-path 1.15s\r\n            cubic-bezier(.22,.75,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-image-side {\r\n\r\n        clip-path:\r\n            inset(0 0 0 100%);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section.is-visible\r\n    .ohpd-image-side {\r\n\r\n        clip-path:\r\n            inset(0);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-image-side img {\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        display: block;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position: center;\r\n\r\n        transform:\r\n            scale(1.06);\r\n\r\n        transition:\r\n            transform 1.7s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section.is-visible\r\n    .ohpd-image-side img {\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-image-shade {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(10,12,11,.04) 25%,\r\n                rgba(10,12,11,.12) 55%,\r\n                rgba(10,12,11,.72) 100%\r\n            );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* LOCATION *\/\r\n\r\n    .ohpd-location {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top: 27px;\r\n\r\n        inset-inline-start: 28px;\r\n\r\n        padding:\r\n            11px 14px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 9px;\r\n\r\n        background:\r\n            rgba(255,255,255,.92);\r\n\r\n        color:\r\n            var(--pd-dark);\r\n\r\n        font-size: 11px;\r\n\r\n        font-weight: 650;\r\n\r\n        backdrop-filter:\r\n            blur(8px);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-location-dot {\r\n\r\n        width: 6px;\r\n\r\n        height: 6px;\r\n\r\n        border-radius: 50%;\r\n\r\n        background:\r\n            var(--pd-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* IMAGE CAPTION *\/\r\n\r\n    .ohpd-image-caption {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        inset-inline-start: 38px;\r\n\r\n        bottom: 38px;\r\n\r\n        max-width: 440px;\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-caption-small {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 13px;\r\n\r\n        color:\r\n            rgba(255,255,255,.67);\r\n\r\n        font-size: 11px;\r\n\r\n        font-weight: 650;\r\n\r\n        letter-spacing: .13em;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-image-caption h3 {\r\n\r\n        margin: 0;\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.8vw,58px);\r\n\r\n        line-height: 1.02;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.035em;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-image-caption 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\r\n    .ohpd-caption-line {\r\n\r\n        width: 70px;\r\n\r\n        height: 1px;\r\n\r\n        margin:\r\n            21px 0 15px;\r\n\r\n        background:\r\n            rgba(255,255,255,.5);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-image-caption p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            rgba(255,255,255,.78);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.5;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* IMAGE INDEX *\/\r\n\r\n    .ohpd-image-index {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        inset-inline-end: 27px;\r\n\r\n        bottom: 27px;\r\n\r\n        color:\r\n            rgba(255,255,255,.65);\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SEARCH PANEL\r\n    ========================================================= *\/\r\n\r\n    .ohpd-search-panel {\r\n\r\n        position: relative;\r\n\r\n        min-height: 650px;\r\n\r\n        padding:\r\n            43px\r\n            clamp(30px,3vw,47px)\r\n            37px;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        background:\r\n            var(--pd-dark);\r\n\r\n        color: #fff;\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(35px);\r\n\r\n        transition:\r\n            opacity .85s ease .12s,\r\n            transform .85s\r\n            cubic-bezier(.2,.7,.2,1)\r\n            .12s;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-search-panel {\r\n\r\n        transform:\r\n            translateX(-35px);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section.is-visible\r\n    .ohpd-search-panel {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* PANEL TOP *\/\r\n\r\n    .ohpd-panel-top {\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            var(--pd-accent);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-panel-index {\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-panel-label {\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .14em;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* PANEL H3 *\/\r\n\r\n    .ohpd-search-panel > h3 {\r\n\r\n        margin:\r\n            38px 0 31px;\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(36px,3.2vw,50px);\r\n\r\n        line-height: 1.03;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.035em;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-search-panel > 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\r\n\r\n    \/* =========================================================\r\n       FORM\r\n    ========================================================= *\/\r\n\r\n    .ohpd-form {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* TABS *\/\r\n\r\n    .ohpd-tabs {\r\n\r\n        margin-bottom: 20px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.15);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-tab {\r\n\r\n        position: relative;\r\n\r\n        min-height: 45px;\r\n\r\n        padding: 0;\r\n\r\n        border: 0;\r\n\r\n        background:\r\n            transparent;\r\n\r\n        color:\r\n            rgba(255,255,255,.47);\r\n\r\n        text-align: start;\r\n\r\n        font-size: 12px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .09em;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-tab::after {\r\n\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        bottom: -1px;\r\n\r\n        inset-inline-start: 0;\r\n\r\n        width: 0;\r\n\r\n        height: 2px;\r\n\r\n        background: #fff;\r\n\r\n        transition:\r\n            width .3s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-tab.is-active {\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-tab.is-active::after {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* FIELDS *\/\r\n\r\n    .ohpd-field {\r\n\r\n        padding:\r\n            14px 0 13px;\r\n\r\n        display: block;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.15);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-field > span {\r\n\r\n        display: block;\r\n\r\n        margin-bottom: 8px;\r\n\r\n        color:\r\n            var(--pd-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\r\n    .ohpd-select-wrap {\r\n\r\n        position: relative;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-select-wrap select {\r\n\r\n        width: 100%;\r\n\r\n        padding:\r\n            0 28px 0 0;\r\n\r\n        border: 0;\r\n\r\n        outline: 0;\r\n\r\n        appearance: none;\r\n\r\n        -webkit-appearance: none;\r\n\r\n        background:\r\n            transparent;\r\n\r\n        color: #fff;\r\n\r\n        font-family: inherit;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.5;\r\n\r\n        font-weight: 500;\r\n\r\n        cursor: pointer;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-select-wrap select {\r\n\r\n        padding:\r\n            0 0 0 28px;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-select-wrap select option {\r\n\r\n        color:\r\n            var(--pd-dark);\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-select-wrap svg {\r\n\r\n        position: absolute;\r\n\r\n        top: 50%;\r\n\r\n        inset-inline-end: 0;\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        transform:\r\n            translateY(-50%);\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            rgba(255,255,255,.7);\r\n\r\n        stroke-width: 1.6;\r\n\r\n        pointer-events: none;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* TWO FIELDS *\/\r\n\r\n    .ohpd-two-fields {\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    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SUBMIT\r\n    ========================================================= *\/\r\n\r\n    .ohpd-submit {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 58px;\r\n\r\n        margin-top: 27px;\r\n\r\n        padding:\r\n            0 8px 0 21px;\r\n\r\n        border: 0;\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        background: #fff;\r\n\r\n        color:\r\n            var(--pd-dark);\r\n\r\n        font-size: 14px;\r\n\r\n        font-weight: 700;\r\n\r\n        cursor: pointer;\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-submit {\r\n\r\n        padding:\r\n            0 21px 0 8px;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-submit:hover {\r\n\r\n        background:\r\n            #e9edeb;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-submit-icon {\r\n\r\n        width: 43px;\r\n\r\n        height: 43px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        background:\r\n            var(--pd-dark);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-submit svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohpd-submit:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-submit svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section[dir=\"rtl\"]\r\n    .ohpd-submit:hover svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PANEL FOOT\r\n    ========================================================= *\/\r\n\r\n    .ohpd-panel-foot {\r\n\r\n        margin-top: auto;\r\n\r\n        padding-top: 25px;\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,.46);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-panel-foot > span {\r\n\r\n        width: 24px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--pd-accent);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-panel-foot p {\r\n\r\n        margin: 0;\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1.5;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BENEFITS\r\n    ========================================================= *\/\r\n\r\n    .ohpd-benefits {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n        background: #fff;\r\n\r\n        border:\r\n            1px solid\r\n            var(--pd-border);\r\n\r\n        border-top: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-benefit {\r\n\r\n        min-height: 126px;\r\n\r\n        padding:\r\n            28px 31px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            35px 1fr;\r\n\r\n        gap: 16px;\r\n\r\n        border-inline-end:\r\n            1px solid\r\n            var(--pd-border);\r\n\r\n        transition:\r\n            background .3s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-benefit:last-child {\r\n\r\n        border-inline-end: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-benefit:hover {\r\n\r\n        background:\r\n            #f9faf8;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-benefit > span {\r\n\r\n        padding-top: 2px;\r\n\r\n        color:\r\n            var(--pd-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: 16px;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-benefit h4 {\r\n\r\n        margin:\r\n            0 0 6px;\r\n\r\n        color:\r\n            var(--pd-dark);\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohpd-benefit p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--pd-muted);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.65;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATIONS\r\n    ========================================================= *\/\r\n\r\n    .ohpd-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(24px);\r\n\r\n        transition:\r\n            opacity .75s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .75s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--ohpd-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section.is-visible\r\n    .ohpd-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    .ohpd-field-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(15px);\r\n\r\n        transition:\r\n            opacity .55s ease,\r\n            transform .55s ease;\r\n\r\n        transition-delay:\r\n            var(--ohpd-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohpd-section.is-visible\r\n    .ohpd-field-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    \/* =========================================================\r\n       LAPTOP\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 1150px) {\r\n\r\n        .ohpd-experience {\r\n\r\n            grid-template-columns:\r\n                1.2fr\r\n                .8fr;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-heading {\r\n\r\n            grid-template-columns:\r\n                1.15fr\r\n                .85fr;\r\n\r\n            gap: 60px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohpd-heading {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 30px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-heading-copy {\r\n\r\n            max-width: 650px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-experience {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-image-side {\r\n\r\n            min-height: 580px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-search-panel {\r\n\r\n            min-height: auto;\r\n\r\n            padding:\r\n                45px 40px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-panel-foot {\r\n\r\n            margin-top: 35px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohpd-section {\r\n\r\n            padding:\r\n                72px 0 65px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohpd-heading {\r\n\r\n            margin-bottom: 38px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-eyebrow {\r\n\r\n            font-size: 10.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-heading h2 {\r\n\r\n            font-size:\r\n                clamp(40px,11vw,53px);\r\n\r\n            line-height: 1.04;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-section[dir=\"rtl\"]\r\n        .ohpd-heading h2 {\r\n\r\n            line-height: 1.22;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-heading-copy p {\r\n\r\n            font-size: 15.5px;\r\n\r\n            line-height: 1.8;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-heading-copy > a {\r\n\r\n            font-size: 13px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-image-side {\r\n\r\n            min-height: 485px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-location {\r\n\r\n            top: 17px;\r\n\r\n            inset-inline-start: 17px;\r\n\r\n            font-size: 10px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-image-caption {\r\n\r\n            inset-inline-start: 22px;\r\n\r\n            bottom: 24px;\r\n\r\n            max-width:\r\n                calc(100% - 70px);\r\n\r\n        }\r\n\r\n\r\n        .ohpd-image-caption h3 {\r\n\r\n            font-size:\r\n                clamp(34px,10vw,45px);\r\n\r\n        }\r\n\r\n\r\n        .ohpd-image-index {\r\n\r\n            inset-inline-end: 18px;\r\n\r\n            bottom: 22px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-search-panel {\r\n\r\n            padding:\r\n                35px 23px 30px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-search-panel > h3 {\r\n\r\n            margin:\r\n                31px 0 25px;\r\n\r\n            font-size:\r\n                clamp(34px,9vw,43px);\r\n\r\n        }\r\n\r\n\r\n        .ohpd-two-fields {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 0;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-submit {\r\n\r\n            min-height: 57px;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-benefits {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-benefit {\r\n\r\n            min-height: 105px;\r\n\r\n            padding:\r\n                24px 22px;\r\n\r\n            border-inline-end: 0;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--pd-border);\r\n\r\n        }\r\n\r\n\r\n        .ohpd-benefit: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    \/* =========================================================\r\n       REDUCED MOTION\r\n    ========================================================= *\/\r\n\r\n    @media\r\n    (prefers-reduced-motion: reduce) {\r\n\r\n        .ohpd-reveal,\r\n        .ohpd-field-reveal,\r\n        .ohpd-search-panel {\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        .ohpd-image-side {\r\n\r\n            clip-path: none;\r\n\r\n            transition: none;\r\n\r\n        }\r\n\r\n\r\n        .ohpd-image-side img {\r\n\r\n            transform: none;\r\n\r\n            transition: none;\r\n\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 initPropertyDiscovery() {\r\n\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohPropertyDiscovery'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* =================================================\r\n               DELAYS\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.setProperty(\r\n                            '--ohpd-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* =================================================\r\n               INTERSECTION ANIMATION\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\r\n                                            .disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .12\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\r\n\r\n            } else {\r\n\r\n                section\r\n                    .classList\r\n                    .add(\r\n                        'is-visible'\r\n                    );\r\n\r\n            }\r\n\r\n\r\n\r\n            \/* =================================================\r\n               BUY \/ RENT\r\n            ================================================= *\/\r\n\r\n            const tabs =\r\n                section.querySelectorAll(\r\n                    '.ohpd-tab'\r\n                );\r\n\r\n\r\n            const purpose =\r\n                document.getElementById(\r\n                    'ohpdPurpose'\r\n                );\r\n\r\n\r\n            tabs.forEach(\r\n                function(tab) {\r\n\r\n                    tab.addEventListener(\r\n                        'click',\r\n                        function() {\r\n\r\n                            tabs.forEach(\r\n                                function(item) {\r\n\r\n                                    item\r\n                                        .classList\r\n                                        .remove(\r\n                                            'is-active'\r\n                                        );\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                            tab\r\n                                .classList\r\n                                .add(\r\n                                    'is-active'\r\n                                );\r\n\r\n\r\n                            if (purpose) {\r\n\r\n                                purpose.value =\r\n                                    tab.dataset.purpose;\r\n\r\n                            }\r\n\r\n                        }\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                initPropertyDiscovery\r\n            );\r\n\r\n        } else {\r\n\r\n            initPropertyDiscovery();\r\n\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-7bb04b3 e-con e-atomic-element e-flexbox-base e-7bb04b3-ff289cf \" data-id=\"7bb04b3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7bb04b3\" data-e-type=\"e-flexbox\" data-id=\"7bb04b3\">\n    \t\t<div class=\"elementor-element elementor-element-198fd99 elementor-widget elementor-widget-shortcode\" data-id=\"198fd99\" 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=\"ohWhyV2\"\r\n        class=\"ohwhy2-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohwhy2-container\">\r\n\r\n\r\n            <!-- =================================================\r\n                 TOP\r\n            ================================================== -->\r\n\r\n            <div class=\"ohwhy2-top\">\r\n\r\n\r\n                <!-- LEFT -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-heading ohwhy2-reveal\"\r\n                    data-delay=\"0\"\r\n                >\r\n\r\n                    <div class=\"ohwhy2-eyebrow\">\r\n\r\n                        <span><\/span>\r\n\r\n                        \u0644\u0645\u0627\u0630\u0627 OASIS HEAVEN\r\n                    <\/div>\r\n\r\n\r\n                    <h2>\r\n\r\n                        \r\n                            \u0631\u0624\u064a\u0629 \u0623\u0648\u0636\u062d\r\n                            <strong>\r\n                                \u0644\u0642\u0631\u0627\u0631\u0627\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/h2>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- RIGHT -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-intro ohwhy2-reveal\"\r\n                    data-delay=\"100\"\r\n                >\r\n\r\n                    <div class=\"ohwhy2-index\">\r\n\r\n                        <span>03<\/span>\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                    <p>\r\n\r\n                        \u0627\u0644\u0642\u0631\u0627\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u064a \u0644\u0627 \u064a\u0628\u062f\u0623 \u0641\u0642\u0637 \u0628\u0627\u0644\u0639\u062b\u0648\u0631 \u0639\u0644\u0649 \u0639\u0642\u0627\u0631 \u0645\u0646\u0627\u0633\u0628. \u0641\u064a Oasis Heaven \u0646\u062c\u0645\u0639 \u0628\u064a\u0646 \u0641\u0647\u0645 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0647\u0646\u064a \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0648\u062b\u0642\u0629.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/about\/\"\r\n                        class=\"ohwhy2-about-link\"\r\n                    >\r\n\r\n                        <span>\r\n\r\n                            \u062a\u0639\u0631\u0641 \u0639\u0644\u0649 Oasis Heaven\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 d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                        <\/svg>\r\n\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                 VISUAL EXPERIENCE\r\n            ================================================== -->\r\n\r\n            <div class=\"ohwhy2-experience\">\r\n\r\n\r\n                <!-- IMAGE -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-image\"\r\n                    data-ohwhy2-image\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1600607687939-ce8a6c25118c?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                        alt=\"\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a Oasis Heaven \u0641\u064a \u062f\u0628\u064a\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n\r\n                    <div class=\"ohwhy2-image-overlay\"><\/div>\r\n\r\n\r\n                    <div class=\"ohwhy2-image-top\">\r\n\r\n                        <span>\r\n                            OASIS HEAVEN\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            DUBAI \u2022 UAE\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"ohwhy2-image-bottom\">\r\n\r\n                        <span><\/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 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- DARK PANEL -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-panel ohwhy2-panel-reveal\"\r\n                >\r\n\r\n                    <div class=\"ohwhy2-panel-head\">\r\n\r\n                        <span>\r\n                            01\r\n                        <\/span>\r\n\r\n\r\n                        <span>\r\n\r\n                            \u0646\u0647\u062c\u0646\u0627\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h3>\r\n\r\n                        \r\n                            \u0623\u0643\u062b\u0631 \u0645\u0646\r\n                            <strong>\r\n                                \u0648\u0633\u0627\u0637\u0629 \u0639\u0642\u0627\u0631\u064a\u0629.\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/h3>\r\n\r\n\r\n\r\n                    <div class=\"ohwhy2-panel-list\">\r\n\r\n\r\n                        <div>\r\n\r\n                            <span>01<\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0633\u0648\u0642\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <span>02<\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0645\u0646\u0638\u0648\u0631 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <span>03<\/span>\r\n\r\n                            <p>\r\n\r\n                                \u062f\u0639\u0645 \u0645\u0647\u0646\u064a \u0648\u0642\u0627\u0646\u0648\u0646\u064a\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohwhy2-panel-footer\">\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\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 PRINCIPLES\r\n            ================================================== -->\r\n\r\n            <div class=\"ohwhy2-principles\">\r\n\r\n\r\n                <!-- 01 -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-principle ohwhy2-reveal\"\r\n                    data-delay=\"60\"\r\n                >\r\n\r\n                    <div class=\"ohwhy2-principle-top\">\r\n\r\n                        <span>\r\n                            01\r\n                        <\/span>\r\n\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"12\"\r\n                                r=\"8\"\r\n                            ><\/circle>\r\n\r\n                            <path\r\n                                d=\"M8.5 12.5l2.2 2.2 4.8-5\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h4>\r\n\r\n                        \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\r\n                    <\/h4>\r\n\r\n\r\n                    <p>\r\n\r\n                        \u062a\u0648\u0627\u0635\u0644 \u0648\u0627\u0636\u062d \u0648\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0643 \u0639\u0644\u0649 \u0631\u0624\u064a\u0629 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0643\u0645\u0627 \u0647\u064a.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- 02 -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-principle ohwhy2-reveal\"\r\n                    data-delay=\"140\"\r\n                >\r\n\r\n                    <div class=\"ohwhy2-principle-top\">\r\n\r\n                        <span>\r\n                            02\r\n                        <\/span>\r\n\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M4 18l5-5 3 3 7-8\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M15 8h4v4\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h4>\r\n\r\n                        \u062a\u0641\u0643\u064a\u0631 \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\r\n                    <\/h4>\r\n\r\n\r\n                    <p>\r\n\r\n                        \u0644\u0627 \u0646\u0646\u0638\u0631 \u0644\u0644\u0639\u0642\u0627\u0631 \u0648\u062d\u062f\u0647\u060c \u0628\u0644 \u0644\u0644\u0642\u064a\u0645\u0629 \u0648\u0627\u0644\u0641\u0631\u0635\u0629 \u0648\u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- 03 -->\r\n\r\n                <div\r\n                    class=\"ohwhy2-principle ohwhy2-reveal\"\r\n                    data-delay=\"220\"\r\n                >\r\n\r\n                    <div class=\"ohwhy2-principle-top\">\r\n\r\n                        <span>\r\n                            03\r\n                        <\/span>\r\n\r\n\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path\r\n                                d=\"M12 3l7 3v5c0 4.5-2.7 7.7-7 10-4.3-2.3-7-5.5-7-10V6l7-3z\"\r\n                            ><\/path>\r\n\r\n                            <path\r\n                                d=\"M9 12l2 2 4-4\"\r\n                            ><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <h4>\r\n\r\n                        \u062f\u0639\u0645 \u0645\u0647\u0646\u064a\r\n                    <\/h4>\r\n\r\n\r\n                    <p>\r\n\r\n                        \u062f\u0639\u0645 \u0623\u0643\u062b\u0631 \u0648\u0636\u0648\u062d\u0627\u064b \u0648\u062b\u0642\u0629 \u062e\u0644\u0627\u0644 \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\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       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-section {\r\n\r\n        --w2-dark: #161817;\r\n\r\n        --w2-dark-2: #202321;\r\n\r\n        --w2-white: #ffffff;\r\n\r\n        --w2-bg: #ffffff;\r\n\r\n        --w2-soft: #f5f6f4;\r\n\r\n        --w2-text: #202321;\r\n\r\n        --w2-muted: #6f7673;\r\n\r\n        --w2-accent: #9aa7ac;\r\n\r\n        --w2-accent-dark: #68777d;\r\n\r\n        --w2-border:\r\n            rgba(22,24,23,.13);\r\n\r\n        width: 100%;\r\n\r\n        position: relative;\r\n\r\n        padding:\r\n            clamp(85px,8vw,125px)\r\n            0;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--w2-bg);\r\n\r\n        color:\r\n            var(--w2-text);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-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    \/* =========================================================\r\n       TOP\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-top {\r\n\r\n        margin-bottom:\r\n            clamp(45px,5vw,65px);\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.2fr)\r\n            minmax(360px,.8fr);\r\n\r\n        align-items: end;\r\n\r\n        gap:\r\n            clamp(60px,8vw,125px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-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: 13px;\r\n\r\n        color:\r\n            var(--w2-accent-dark);\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-eyebrow > span {\r\n\r\n        width: 34px;\r\n\r\n        height: 1px;\r\n\r\n        flex: 0 0 34px;\r\n\r\n        background:\r\n            var(--w2-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       H2\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-heading h2 {\r\n\r\n        max-width: 720px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--w2-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(46px,4.1vw,62px);\r\n\r\n        line-height: 1.04;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.042em;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-heading h2 strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 4px;\r\n\r\n        color:\r\n            var(--w2-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-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: -.025em;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-heading h2 strong {\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-intro {\r\n\r\n        max-width: 510px;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-index {\r\n\r\n        margin-bottom: 19px;\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            var(--w2-accent-dark);\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .11em;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-index i {\r\n\r\n        width: 27px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--w2-border);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-intro > p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--w2-muted);\r\n\r\n        font-size: 16.5px;\r\n\r\n        line-height: 1.85;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ABOUT LINK\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-about-link {\r\n\r\n        width: fit-content;\r\n\r\n        margin-top: 25px;\r\n\r\n        padding-bottom: 8px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 20px;\r\n\r\n        color:\r\n            var(--w2-dark);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--w2-dark);\r\n\r\n        font-size: 14px;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-about-link svg {\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohwhy2-about-link:hover svg {\r\n\r\n        transform:\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-about-link svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-about-link:hover svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EXPERIENCE\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-experience {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.45fr)\r\n            minmax(330px,.55fr);\r\n\r\n        min-height: 540px;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--w2-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-image {\r\n\r\n        position: relative;\r\n\r\n        min-height: 540px;\r\n\r\n        overflow: hidden;\r\n\r\n        clip-path:\r\n            inset(0 100% 0 0);\r\n\r\n        transition:\r\n            clip-path 1.05s\r\n            cubic-bezier(.2,.75,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-image {\r\n\r\n        clip-path:\r\n            inset(0 0 0 100%);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section.is-visible\r\n    .ohwhy2-image {\r\n\r\n        clip-path:\r\n            inset(0);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-image img {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        display: block;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position: center;\r\n\r\n        transform:\r\n            scale(1.05);\r\n\r\n        transition:\r\n            transform 1.4s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section.is-visible\r\n    .ohwhy2-image img {\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-image-overlay {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(10,12,11,.09) 0%,\r\n                rgba(10,12,11,.01) 55%,\r\n                rgba(10,12,11,.33) 100%\r\n            );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE TOP\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-image-top {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top: 24px;\r\n\r\n        inset-inline: 26px;\r\n\r\n        display: flex;\r\n\r\n        justify-content:\r\n            space-between;\r\n\r\n        align-items: center;\r\n\r\n        gap: 20px;\r\n\r\n        color:\r\n            rgba(255,255,255,.82);\r\n\r\n        font-size: 9px;\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\r\n\r\n    \/* =========================================================\r\n       IMAGE BOTTOM\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-image-bottom {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        inset-inline-start: 27px;\r\n\r\n        bottom: 27px;\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,.8);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-image-bottom > span {\r\n\r\n        width: 34px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            rgba(255,255,255,.6);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-image-bottom 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: .12em;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PANEL\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-panel {\r\n\r\n        min-height: 540px;\r\n\r\n        padding:\r\n            39px\r\n            clamp(30px,3vw,45px)\r\n            34px;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        background:\r\n            var(--w2-dark);\r\n\r\n        color: #fff;\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(30px);\r\n\r\n        transition:\r\n            opacity .8s ease .16s,\r\n            transform .8s\r\n            cubic-bezier(.2,.7,.2,1)\r\n            .16s;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-panel {\r\n\r\n        transform:\r\n            translateX(-30px);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section.is-visible\r\n    .ohwhy2-panel {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PANEL HEAD\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-panel-head {\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            var(--w2-accent);\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    \/* =========================================================\r\n       PANEL TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-panel h3 {\r\n\r\n        margin:\r\n            55px 0 38px;\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(34px,3vw,46px);\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\r\n    .ohwhy2-panel h3 strong {\r\n\r\n        display: block;\r\n\r\n        color:\r\n            var(--w2-accent);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section[dir=\"rtl\"]\r\n    .ohwhy2-panel 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.3;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PANEL LIST\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-panel-list {\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.15);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-panel-list > div {\r\n\r\n        min-height: 60px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            35px 1fr;\r\n\r\n        align-items: center;\r\n\r\n        gap: 15px;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            rgba(255,255,255,.15);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-panel-list span {\r\n\r\n        color:\r\n            var(--w2-accent);\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\r\n    .ohwhy2-panel-list p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            rgba(255,255,255,.84);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PANEL FOOTER\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-panel-footer {\r\n\r\n        margin-top: auto;\r\n\r\n        padding-top: 25px;\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,.45);\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .11em;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-panel-footer i {\r\n\r\n        width: 25px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            rgba(255,255,255,.2);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PRINCIPLES\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-principles {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n        border:\r\n            1px solid\r\n            var(--w2-border);\r\n\r\n        border-top: 0;\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PRINCIPLE\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-principle {\r\n\r\n        min-height: 185px;\r\n\r\n        padding:\r\n            28px\r\n            clamp(25px,3vw,38px);\r\n\r\n        border-inline-end:\r\n            1px solid\r\n            var(--w2-border);\r\n\r\n        transition:\r\n            background .3s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-principle:last-child {\r\n\r\n        border-inline-end: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-principle:hover {\r\n\r\n        background:\r\n            var(--w2-soft);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PRINCIPLE TOP\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-principle-top {\r\n\r\n        margin-bottom: 29px;\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    }\r\n\r\n\r\n    .ohwhy2-principle-top > span {\r\n\r\n        color:\r\n            var(--w2-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: 15px;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-principle-top svg {\r\n\r\n        width: 22px;\r\n\r\n        height: 22px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            var(--w2-accent-dark);\r\n\r\n        stroke-width: 1.35;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PRINCIPLE COPY\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-principle h4 {\r\n\r\n        margin:\r\n            0 0 9px;\r\n\r\n        color:\r\n            var(--w2-dark);\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1.35;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-principle p {\r\n\r\n        max-width: 350px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--w2-muted);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n    ========================================================= *\/\r\n\r\n    .ohwhy2-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(25px);\r\n\r\n        transition:\r\n            opacity .75s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .75s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--w2-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohwhy2-section.is-visible\r\n    .ohwhy2-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    \/* =========================================================\r\n       LAPTOP\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 1100px) {\r\n\r\n        .ohwhy2-experience {\r\n\r\n            grid-template-columns:\r\n                1.25fr\r\n                .75fr;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-top {\r\n\r\n            gap: 60px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohwhy2-top {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 30px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-intro {\r\n\r\n            max-width: 680px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-experience {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-image {\r\n\r\n            min-height: 520px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-panel {\r\n\r\n            min-height: auto;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohwhy2-section {\r\n\r\n            padding:\r\n                72px 0;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-heading h2 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    39px,\r\n                    10.5vw,\r\n                    51px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-intro > p {\r\n\r\n            font-size: 15px;\r\n\r\n            line-height: 1.8;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-image {\r\n\r\n            min-height: 430px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-image-top {\r\n\r\n            top: 17px;\r\n\r\n            inset-inline: 17px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-image-bottom {\r\n\r\n            inset-inline-start: 18px;\r\n\r\n            bottom: 18px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-panel {\r\n\r\n            min-height: auto;\r\n\r\n            padding:\r\n                31px 23px;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-panel h3 {\r\n\r\n            margin:\r\n                38px 0 29px;\r\n\r\n            font-size:\r\n                clamp(\r\n                    32px,\r\n                    9vw,\r\n                    41px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-principles {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-principle {\r\n\r\n            min-height: auto;\r\n\r\n            padding:\r\n                25px 22px;\r\n\r\n            border-inline-end: 0;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--w2-border);\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-principle:last-child {\r\n\r\n            border-bottom: 0;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-principle-top {\r\n\r\n            margin-bottom: 22px;\r\n\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        .ohwhy2-reveal,\r\n        .ohwhy2-panel {\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        .ohwhy2-image {\r\n\r\n            clip-path: none;\r\n\r\n            transition: none;\r\n\r\n        }\r\n\r\n\r\n        .ohwhy2-image img {\r\n\r\n            transform: none;\r\n\r\n            transition: none;\r\n\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 initWhyV2() {\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohWhyV2'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               DELAYS\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.setProperty(\r\n                            '--w2-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               REVEAL\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\r\n                                        observer\r\n                                            .disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .12\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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\r\n        if (\r\n            document.readyState ===\r\n            'loading'\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                'DOMContentLoaded',\r\n                initWhyV2\r\n            );\r\n\r\n        } else {\r\n\r\n            initWhyV2();\r\n\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-6451ff5 e-con e-atomic-element e-flexbox-base e-6451ff5-c708ce3 \" data-id=\"6451ff5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6451ff5\" data-e-type=\"e-flexbox\" data-id=\"6451ff5\">\n    \t\t<div class=\"elementor-element elementor-element-3882d8e elementor-widget elementor-widget-shortcode\" data-id=\"3882d8e\" 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    <!-- =======================================================\r\n         FEATURED PROPERTIES\r\n    ======================================================== -->\r\n\r\n    <section\r\n        id=\"ohfp2Section\"\r\n        class=\"ohfp2-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohfp2-container\">\r\n\r\n\r\n            <!-- =================================================\r\n                 HEADER\r\n            ================================================== -->\r\n\r\n            <div class=\"ohfp2-header\">\r\n\r\n\r\n                <div\r\n                    class=\"ohfp2-heading ohfp2-reveal\"\r\n                    data-delay=\"0\"\r\n                >\r\n\r\n                    <div class=\"ohfp2-eyebrow\">\r\n\r\n                        <span><\/span>\r\n\r\n                        \u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629\r\n                    <\/div>\r\n\r\n\r\n                    <h2>\r\n\r\n                        \r\n                            \u0639\u0642\u0627\u0631\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629\r\n                            <strong>\r\n                                \u0628\u0639\u0646\u0627\u064a\u0629 \u0641\u064a \u062f\u0628\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=\"ohfp2-header-info ohfp2-reveal\"\r\n                    data-delay=\"100\"\r\n                >\r\n\r\n                    <div class=\"ohfp2-index\">\r\n\r\n                        <span>04<\/span>\r\n                        <i><\/i>\r\n\r\n                        <span>\r\n\r\n                            \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n\r\n                        \u0627\u0633\u062a\u0643\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0645\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0627\u0644\u0633\u0643\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0641\u064a \u0623\u0628\u0631\u0632 \u0645\u0646\u0627\u0637\u0642 \u062f\u0628\u064a.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                        class=\"ohfp2-all\"\r\n                    >\r\n\r\n                        <span>\r\n\r\n                            \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\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 d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                        <\/svg>\r\n\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                 PROPERTY CARDS\r\n            ================================================== -->\r\n\r\n            <div class=\"ohfp2-grid\">\r\n\r\n\r\n                \r\n                    <article\r\n                        class=\"ohfp2-card ohfp2-card-reveal\"\r\n                        data-delay=\"70\"\r\n                    >\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                            class=\"ohfp2-card-link\"\r\n                        >\r\n\r\n\r\n                            <!-- =================================\r\n                                 IMAGE\r\n                            ================================== -->\r\n\r\n                            <div class=\"ohfp2-image\">\r\n\r\n\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\r\n                                    alt=\"\u0641\u064a\u0644\u0627 \u0641\u0627\u062e\u0631\u0629 \u0641\u064a \u062f\u0628\u064a\"\r\n                                    loading=\"lazy\"\r\n                                >\r\n\r\n\r\n                                <div class=\"ohfp2-image-overlay\"><\/div>\r\n\r\n\r\n\r\n                                <!-- NUMBER -->\r\n\r\n                                <span class=\"ohfp2-number\">\r\n\r\n                                    01\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <!-- TYPE -->\r\n\r\n                                <span class=\"ohfp2-type\">\r\n\r\n                                    \u0641\u064a\u0644\u0627\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <!-- IMAGE ARROW -->\r\n\r\n                                <span class=\"ohfp2-image-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                            <!-- =================================\r\n                                 CONTENT\r\n                            ================================== -->\r\n\r\n                            <div class=\"ohfp2-content\">\r\n\r\n\r\n                                <!-- LOCATION -->\r\n\r\n                                <div class=\"ohfp2-location\">\r\n\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                                        <path\r\n                                            d=\"M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11z\"\r\n                                        ><\/path>\r\n\r\n                                        <circle\r\n                                            cx=\"12\"\r\n                                            cy=\"10\"\r\n                                            r=\"2\"\r\n                                        ><\/circle>\r\n\r\n                                    <\/svg>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        \u062f\u0628\u064a\u060c \u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\r\n                                    <\/span>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <!-- TITLE -->\r\n\r\n                                <h3>\r\n\r\n                                    \u0641\u064a\u0644\u0627 \u0641\u0627\u062e\u0631\u0629 \u0641\u064a \u062f\u0628\u064a\r\n                                <\/h3>\r\n\r\n\r\n\r\n                                <!-- META -->\r\n\r\n                                <div class=\"ohfp2-meta\">\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            4                                        <\/strong>\r\n\r\n                                        \u063a\u0631\u0641 \u0646\u0648\u0645\r\n                                    <\/span>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            5                                        <\/strong>\r\n\r\n                                        \u062d\u0645\u0627\u0645\u0627\u062a\r\n                                    <\/span>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            4,200 sq.ft                                        <\/strong>\r\n\r\n                                    <\/span>\r\n\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <!-- PRICE -->\r\n\r\n                                <div class=\"ohfp2-bottom\">\r\n\r\n\r\n                                    <div>\r\n\r\n                                        <small>\r\n\r\n                                            \u0627\u0644\u0633\u0639\u0631\r\n                                        <\/small>\r\n\r\n\r\n                                        <strong>\r\n\r\n                                            AED 4,000,000\r\n                                        <\/strong>\r\n\r\n                                    <\/div>\r\n\r\n\r\n                                    <span class=\"ohfp2-view\">\r\n\r\n                                        \u0639\u0631\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                    <\/span>\r\n\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n                \r\n                    <article\r\n                        class=\"ohfp2-card ohfp2-card-reveal\"\r\n                        data-delay=\"180\"\r\n                    >\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                            class=\"ohfp2-card-link\"\r\n                        >\r\n\r\n\r\n                            <!-- =================================\r\n                                 IMAGE\r\n                            ================================== -->\r\n\r\n                            <div class=\"ohfp2-image\">\r\n\r\n\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/images.unsplash.com\/photo-1512917774080-9991f1c4c750?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\r\n                                    alt=\"\u0634\u0642\u0629 \u0628\u0625\u0637\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u0631\u064a\u0646\u0627\"\r\n                                    loading=\"lazy\"\r\n                                >\r\n\r\n\r\n                                <div class=\"ohfp2-image-overlay\"><\/div>\r\n\r\n\r\n\r\n                                <!-- NUMBER -->\r\n\r\n                                <span class=\"ohfp2-number\">\r\n\r\n                                    02\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <!-- TYPE -->\r\n\r\n                                <span class=\"ohfp2-type\">\r\n\r\n                                    \u0634\u0642\u0629\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <!-- IMAGE ARROW -->\r\n\r\n                                <span class=\"ohfp2-image-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                            <!-- =================================\r\n                                 CONTENT\r\n                            ================================== -->\r\n\r\n                            <div class=\"ohfp2-content\">\r\n\r\n\r\n                                <!-- LOCATION -->\r\n\r\n                                <div class=\"ohfp2-location\">\r\n\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                                        <path\r\n                                            d=\"M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11z\"\r\n                                        ><\/path>\r\n\r\n                                        <circle\r\n                                            cx=\"12\"\r\n                                            cy=\"10\"\r\n                                            r=\"2\"\r\n                                        ><\/circle>\r\n\r\n                                    <\/svg>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        \u062f\u0628\u064a \u0645\u0627\u0631\u064a\u0646\u0627\r\n                                    <\/span>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <!-- TITLE -->\r\n\r\n                                <h3>\r\n\r\n                                    \u0634\u0642\u0629 \u0628\u0625\u0637\u0644\u0627\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u0631\u064a\u0646\u0627\r\n                                <\/h3>\r\n\r\n\r\n\r\n                                <!-- META -->\r\n\r\n                                <div class=\"ohfp2-meta\">\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            2                                        <\/strong>\r\n\r\n                                        \u063a\u0631\u0641 \u0646\u0648\u0645\r\n                                    <\/span>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            2                                        <\/strong>\r\n\r\n                                        \u062d\u0645\u0627\u0645\u0627\u062a\r\n                                    <\/span>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            1,180 sq.ft                                        <\/strong>\r\n\r\n                                    <\/span>\r\n\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <!-- PRICE -->\r\n\r\n                                <div class=\"ohfp2-bottom\">\r\n\r\n\r\n                                    <div>\r\n\r\n                                        <small>\r\n\r\n                                            \u0627\u0644\u0633\u0639\u0631\r\n                                        <\/small>\r\n\r\n\r\n                                        <strong>\r\n\r\n                                            AED 1,200,000\r\n                                        <\/strong>\r\n\r\n                                    <\/div>\r\n\r\n\r\n                                    <span class=\"ohfp2-view\">\r\n\r\n                                        \u0639\u0631\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                    <\/span>\r\n\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n                \r\n                    <article\r\n                        class=\"ohfp2-card ohfp2-card-reveal\"\r\n                        data-delay=\"290\"\r\n                    >\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                            class=\"ohfp2-card-link\"\r\n                        >\r\n\r\n\r\n                            <!-- =================================\r\n                                 IMAGE\r\n                            ================================== -->\r\n\r\n                            <div class=\"ohfp2-image\">\r\n\r\n\r\n                                <img decoding=\"async\"\r\n                                    src=\"https:\/\/images.unsplash.com\/photo-1600566753086-00f18fb6b3ea?auto=format&#038;fit=crop&#038;w=1400&#038;q=88\"\r\n                                    alt=\"\u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0641\u064a \u0648\u0633\u0637 \u062f\u0628\u064a\"\r\n                                    loading=\"lazy\"\r\n                                >\r\n\r\n\r\n                                <div class=\"ohfp2-image-overlay\"><\/div>\r\n\r\n\r\n\r\n                                <!-- NUMBER -->\r\n\r\n                                <span class=\"ohfp2-number\">\r\n\r\n                                    03\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <!-- TYPE -->\r\n\r\n                                <span class=\"ohfp2-type\">\r\n\r\n                                    \u0627\u0633\u062a\u0648\u062f\u064a\u0648\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <!-- IMAGE ARROW -->\r\n\r\n                                <span class=\"ohfp2-image-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/div>\r\n\r\n\r\n\r\n                            <!-- =================================\r\n                                 CONTENT\r\n                            ================================== -->\r\n\r\n                            <div class=\"ohfp2-content\">\r\n\r\n\r\n                                <!-- LOCATION -->\r\n\r\n                                <div class=\"ohfp2-location\">\r\n\r\n\r\n                                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                                        <path\r\n                                            d=\"M12 21s6-5.1 6-11a6 6 0 1 0-12 0c0 5.9 6 11 6 11z\"\r\n                                        ><\/path>\r\n\r\n                                        <circle\r\n                                            cx=\"12\"\r\n                                            cy=\"10\"\r\n                                            r=\"2\"\r\n                                        ><\/circle>\r\n\r\n                                    <\/svg>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        \u0648\u0633\u0637 \u0645\u062f\u064a\u0646\u0629 \u062f\u0628\u064a\r\n                                    <\/span>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <!-- TITLE -->\r\n\r\n                                <h3>\r\n\r\n                                    \u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0641\u064a \u0648\u0633\u0637 \u062f\u0628\u064a\r\n                                <\/h3>\r\n\r\n\r\n\r\n                                <!-- META -->\r\n\r\n                                <div class=\"ohfp2-meta\">\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            1                                        <\/strong>\r\n\r\n                                        \u063a\u0631\u0641 \u0646\u0648\u0645\r\n                                    <\/span>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            1                                        <\/strong>\r\n\r\n                                        \u062d\u0645\u0627\u0645\u0627\u062a\r\n                                    <\/span>\r\n\r\n\r\n                                    <span>\r\n\r\n                                        <strong>\r\n                                            610 sq.ft                                        <\/strong>\r\n\r\n                                    <\/span>\r\n\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <!-- PRICE -->\r\n\r\n                                <div class=\"ohfp2-bottom\">\r\n\r\n\r\n                                    <div>\r\n\r\n                                        <small>\r\n\r\n                                            \u0627\u0644\u0633\u0639\u0631\r\n                                        <\/small>\r\n\r\n\r\n                                        <strong>\r\n\r\n                                            AED 650,000\r\n                                        <\/strong>\r\n\r\n                                    <\/div>\r\n\r\n\r\n                                    <span class=\"ohfp2-view\">\r\n\r\n                                        \u0639\u0631\u0636 \u0627\u0644\u0639\u0642\u0627\u0631\r\n                                    <\/span>\r\n\r\n\r\n                                <\/div>\r\n\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    <\/article>\r\n\r\n                \r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 BOTTOM CTA\r\n            ================================================== -->\r\n\r\n            <div\r\n                class=\"ohfp2-cta ohfp2-reveal\"\r\n                data-delay=\"270\"\r\n            >\r\n\r\n\r\n                <div class=\"ohfp2-cta-copy\">\r\n\r\n                    <span class=\"ohfp2-cta-line\"><\/span>\r\n\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n\r\n                            \u062a\u0628\u062d\u062b \u0639\u0646 \u0639\u0642\u0627\u0631 \u0628\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0645\u062d\u062f\u062f\u0629\u061f\r\n                        <\/small>\r\n\r\n\r\n                        <p>\r\n\r\n                            \u062f\u0639 \u0641\u0631\u064a\u0642\u0646\u0627 \u064a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <a\r\n                    href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/contact\/\"\r\n                    class=\"ohfp2-cta-button\"\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 d=\"M13 6l6 6-6 6\"><\/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    \/* =========================================================\r\n       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-section {\r\n\r\n        --fp2-dark: #161817;\r\n\r\n        --fp2-dark-soft: #232624;\r\n\r\n        --fp2-white: #ffffff;\r\n\r\n        --fp2-bg: #f5f6f4;\r\n\r\n        --fp2-text: #202321;\r\n\r\n        --fp2-muted: #6f7673;\r\n\r\n        --fp2-accent: #9aa7ac;\r\n\r\n        --fp2-accent-dark: #68777d;\r\n\r\n        --fp2-border:\r\n            rgba(22,24,23,.13);\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n\r\n        padding:\r\n            clamp(85px,8vw,125px)\r\n            0;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--fp2-bg);\r\n\r\n        color:\r\n            var(--fp2-text);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-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    \/* =========================================================\r\n       HEADER\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-header {\r\n\r\n        margin-bottom:\r\n            clamp(42px,5vw,64px);\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.3fr)\r\n            minmax(330px,.7fr);\r\n\r\n        align-items: end;\r\n\r\n        gap:\r\n            clamp(50px,7vw,105px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-eyebrow {\r\n\r\n        margin-bottom: 21px;\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            var(--fp2-accent-dark);\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-eyebrow > span {\r\n\r\n        width: 34px;\r\n\r\n        height: 1px;\r\n\r\n        flex: 0 0 34px;\r\n\r\n        background:\r\n            var(--fp2-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-heading h2 {\r\n\r\n        max-width: 780px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--fp2-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(48px,4.4vw,68px);\r\n\r\n        line-height: 1.02;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.045em;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-heading h2 strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 4px;\r\n\r\n        color:\r\n            var(--fp2-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-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: -.025em;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-heading h2 strong {\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       HEADER INFO\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-header-info {\r\n\r\n        padding-bottom: 3px;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-index {\r\n\r\n        margin-bottom: 20px;\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            var(--fp2-accent-dark);\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: .1em;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-index i {\r\n\r\n        width: 28px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--fp2-border);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-header-info > p {\r\n\r\n        max-width: 460px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--fp2-muted);\r\n\r\n        font-size: 16px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       VIEW ALL\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-all {\r\n\r\n        width: fit-content;\r\n\r\n        margin-top: 23px;\r\n\r\n        padding-bottom: 7px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 20px;\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--fp2-dark);\r\n\r\n        font-size: 14px;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-all 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\r\n    .ohfp2-all:hover svg {\r\n\r\n        transform:\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-all svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-all:hover svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(5px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       GRID\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-grid {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(3,minmax(0,1fr));\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CARD\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-card {\r\n\r\n        position: relative;\r\n\r\n        min-width: 0;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #fff;\r\n\r\n        border:\r\n            1px solid\r\n            var(--fp2-border);\r\n\r\n        transition:\r\n            transform .35s ease,\r\n            border-color .35s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-card:hover {\r\n\r\n        transform:\r\n            translateY(-6px);\r\n\r\n        border-color:\r\n            rgba(22,24,23,.25);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-card-link {\r\n\r\n        display: block;\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-image {\r\n\r\n        position: relative;\r\n\r\n        width: 100%;\r\n\r\n        height:\r\n            clamp(330px,31vw,455px);\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            #dce0dd;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-image img {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        display: block;\r\n\r\n        object-fit: cover;\r\n\r\n        transform:\r\n            scale(1.02);\r\n\r\n        transition:\r\n            transform .9s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-card:hover\r\n    .ohfp2-image img {\r\n\r\n        transform:\r\n            scale(1.07);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-image-overlay {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(9,12,11,.03) 45%,\r\n                rgba(9,12,11,.38) 100%\r\n            );\r\n\r\n        pointer-events: none;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE LABELS\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-number {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top: 19px;\r\n\r\n        inset-inline-start: 19px;\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: 16px;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-type {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top: 16px;\r\n\r\n        inset-inline-end: 16px;\r\n\r\n        padding:\r\n            9px 12px;\r\n\r\n        background:\r\n            rgba(255,255,255,.94);\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n        font-size: 10px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 650;\r\n\r\n        backdrop-filter:\r\n            blur(7px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE ARROW\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-image-arrow {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        inset-inline-end: 18px;\r\n\r\n        bottom: 18px;\r\n\r\n        width: 48px;\r\n\r\n        height: 48px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        background:\r\n            rgba(255,255,255,.94);\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n        transform:\r\n            translateY(10px);\r\n\r\n        opacity: 0;\r\n\r\n        transition:\r\n            opacity .3s ease,\r\n            transform .3s ease,\r\n            background .25s ease,\r\n            color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-card:hover\r\n    .ohfp2-image-arrow {\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    .ohfp2-image-arrow:hover {\r\n\r\n        background:\r\n            var(--fp2-dark);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-image-arrow svg {\r\n\r\n        width: 18px;\r\n\r\n        height: 18px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            currentColor;\r\n\r\n        stroke-width: 1.6;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-image-arrow svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-content {\r\n\r\n        padding:\r\n            25px 25px 27px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       LOCATION\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-location {\r\n\r\n        margin-bottom: 13px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 7px;\r\n\r\n        color:\r\n            var(--fp2-accent-dark);\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 550;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-location svg {\r\n\r\n        width: 14px;\r\n\r\n        height: 14px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            currentColor;\r\n\r\n        stroke-width: 1.5;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PROPERTY TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-content h3 {\r\n\r\n        min-height: 66px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--fp2-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(25px,2vw,32px);\r\n\r\n        line-height: 1.08;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.03em;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-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        font-weight: 500;\r\n\r\n        line-height: 1.3;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       META\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-meta {\r\n\r\n        min-height: 58px;\r\n\r\n        margin-top: 20px;\r\n\r\n        padding:\r\n            16px 0;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: flex-start;\r\n\r\n        flex-wrap: wrap;\r\n\r\n        gap: 10px 16px;\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--fp2-border);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--fp2-border);\r\n\r\n        color:\r\n            var(--fp2-muted);\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.4;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-meta > span {\r\n\r\n        display: flex;\r\n\r\n        align-items: baseline;\r\n\r\n        gap: 4px;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-meta > span:not(:last-child)::after {\r\n\r\n        content: \"\";\r\n\r\n        width: 3px;\r\n\r\n        height: 3px;\r\n\r\n        margin-inline-start: 12px;\r\n\r\n        border-radius: 50%;\r\n\r\n        background:\r\n            var(--fp2-accent);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-meta strong {\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BOTTOM\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-bottom {\r\n\r\n        min-height: 66px;\r\n\r\n        padding-top: 20px;\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-end;\r\n\r\n        justify-content:\r\n            space-between;\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-bottom > 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\r\n    .ohfp2-bottom small {\r\n\r\n        color:\r\n            var(--fp2-muted);\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-bottom strong {\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1.3;\r\n\r\n        font-weight: 700;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-view {\r\n\r\n        padding-bottom: 2px;\r\n\r\n        color:\r\n            var(--fp2-muted);\r\n\r\n        font-size: 12px;\r\n\r\n        font-weight: 600;\r\n\r\n        transition:\r\n            color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-card:hover\r\n    .ohfp2-view {\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-cta {\r\n\r\n        min-height: 112px;\r\n\r\n        margin-top: 20px;\r\n\r\n        padding:\r\n            25px 28px;\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: 40px;\r\n\r\n        background:\r\n            var(--fp2-dark);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* CTA COPY *\/\r\n\r\n    .ohfp2-cta-copy {\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 19px;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-cta-line {\r\n\r\n        width: 38px;\r\n\r\n        height: 1px;\r\n\r\n        flex:\r\n            0 0 38px;\r\n\r\n        background:\r\n            var(--fp2-accent);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-cta-copy > 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\r\n    .ohfp2-cta-copy small {\r\n\r\n        color:\r\n            var(--fp2-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\r\n    .ohfp2-cta-copy p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            rgba(255,255,255,.82);\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.6;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* CTA BUTTON *\/\r\n\r\n    .ohfp2-cta-button {\r\n\r\n        min-width: 215px;\r\n\r\n        min-height: 54px;\r\n\r\n        padding:\r\n            0 19px;\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        background: #fff;\r\n\r\n        color:\r\n            var(--fp2-dark);\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 650;\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-cta-button:hover {\r\n\r\n        background:\r\n            #e8ece9;\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-cta-button svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohfp2-cta-button:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section[dir=\"rtl\"]\r\n    .ohfp2-cta-button svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATION\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-reveal,\r\n    .ohfp2-card-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(28px);\r\n\r\n        transition:\r\n            opacity .75s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .75s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--fp2-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohfp2-section.is-visible\r\n    .ohfp2-reveal,\r\n    .ohfp2-section.is-visible\r\n    .ohfp2-card-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    \/* =========================================================\r\n       LAPTOP\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 1100px) {\r\n\r\n        .ohfp2-grid {\r\n\r\n            gap: 15px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-content {\r\n\r\n            padding:\r\n                22px 20px 24px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-content h3 {\r\n\r\n            font-size:\r\n                clamp(23px,2.2vw,29px);\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-meta {\r\n\r\n            gap:\r\n                8px 10px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohfp2-header {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 30px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-header-info {\r\n\r\n            max-width: 650px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-grid {\r\n\r\n            grid-template-columns:\r\n                repeat(2,1fr);\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-card:first-child {\r\n\r\n            grid-column:\r\n                1 \/ -1;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-card:first-child\r\n        .ohfp2-image {\r\n\r\n            height: 520px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-image {\r\n\r\n            height: 390px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohfp2-section {\r\n\r\n            padding:\r\n                72px 0;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-heading h2 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    40px,\r\n                    11vw,\r\n                    53px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-header-info > p {\r\n\r\n            font-size: 15px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-grid {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 16px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-card:first-child {\r\n\r\n            grid-column: auto;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-card:first-child\r\n        .ohfp2-image,\r\n        .ohfp2-image {\r\n\r\n            height: 390px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-content {\r\n\r\n            padding:\r\n                22px 20px 24px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-content h3 {\r\n\r\n            min-height: 0;\r\n\r\n            font-size:\r\n                clamp(\r\n                    25px,\r\n                    7.5vw,\r\n                    31px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-meta {\r\n\r\n            min-height: 0;\r\n\r\n            font-size: 11.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-bottom {\r\n\r\n            min-height: auto;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-bottom strong {\r\n\r\n            font-size: 16px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-image-arrow {\r\n\r\n            width: 44px;\r\n\r\n            height: 44px;\r\n\r\n            opacity: 1;\r\n\r\n            transform: none;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-cta {\r\n\r\n            padding:\r\n                25px 21px;\r\n\r\n            flex-direction: column;\r\n\r\n            align-items: flex-start;\r\n\r\n            gap: 22px;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-cta-copy {\r\n\r\n            align-items: flex-start;\r\n\r\n        }\r\n\r\n\r\n        .ohfp2-cta-button {\r\n\r\n            width: 100%;\r\n\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        .ohfp2-reveal,\r\n        .ohfp2-card-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        .ohfp2-card,\r\n        .ohfp2-image img,\r\n        .ohfp2-image-arrow {\r\n\r\n            transition: none;\r\n\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 initFeaturedPropertiesV2() {\r\n\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohfp2Section'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               DELAYS\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.setProperty(\r\n                            '--fp2-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               SCROLL REVEAL\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\r\n                                        observer\r\n                                            .disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .1\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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\r\n        if (\r\n            document.readyState ===\r\n            'loading'\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                'DOMContentLoaded',\r\n                initFeaturedPropertiesV2\r\n            );\r\n\r\n        } else {\r\n\r\n            initFeaturedPropertiesV2();\r\n\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-1480af8 e-con e-atomic-element e-flexbox-base e-1480af8-b7e4c05 \" data-id=\"1480af8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1480af8\" data-e-type=\"e-flexbox\" data-id=\"1480af8\">\n    \t\t<div class=\"elementor-element elementor-element-88f75cb elementor-widget elementor-widget-shortcode\" data-id=\"88f75cb\" 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=\"ohServicesV3\"\r\n        class=\"ohsrv3-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohsrv3-container\">\r\n\r\n\r\n            <div class=\"ohsrv3-shell\">\r\n\r\n\r\n                <!-- =================================================\r\n                     LEFT SIDE\r\n                ================================================== -->\r\n\r\n                <div class=\"ohsrv3-intro\">\r\n\r\n\r\n                    <div class=\"ohsrv3-intro-content\">\r\n\r\n\r\n                        <div\r\n                            class=\"ohsrv3-eyebrow ohsrv3-reveal\"\r\n                            data-delay=\"0\"\r\n                        >\r\n\r\n                            <span><\/span>\r\n\r\n                            \u062e\u062f\u0645\u0627\u062a\u0646\u0627\r\n                        <\/div>\r\n\r\n\r\n                        <h2\r\n                            class=\"ohsrv3-reveal\"\r\n                            data-delay=\"70\"\r\n                        >\r\n\r\n                            \r\n                                \u062e\u062f\u0645\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629\r\n                                <strong>\r\n                                    \u062a\u062f\u0639\u0645 \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\r\n                                <\/strong>\r\n\r\n                            \r\n                        <\/h2>\r\n\r\n\r\n                        <p\r\n                            class=\"ohsrv3-description ohsrv3-reveal\"\r\n                            data-delay=\"140\"\r\n                        >\r\n\r\n                            \u0645\u0646 \u0634\u0631\u0627\u0621 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062a\u0623\u062c\u064a\u0631 \u0648\u062d\u062a\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629\u060c \u0646\u0642\u062f\u0645 \u0644\u0643 \u062f\u0639\u0645\u0627\u064b \u0648\u0627\u0636\u062d\u0627\u064b \u0648\u0645\u0647\u0646\u064a\u0627\u064b \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0627\u062d\u0644 \u0631\u062d\u0644\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                        <\/p>\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                            class=\"ohsrv3-button ohsrv3-reveal\"\r\n                            data-delay=\"210\"\r\n                        >\r\n\r\n                            <span>\r\n\r\n                                \u0627\u0633\u062a\u0643\u0634\u0641 \u062c\u0645\u064a\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a\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                                <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                            <\/svg>\r\n\r\n                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- IMAGE -->\r\n\r\n                    <div class=\"ohsrv3-image\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&#038;fit=crop&#038;w=1500&#038;q=88\"\r\n                            alt=\"\u062e\u062f\u0645\u0627\u062a Oasis Heaven \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n\r\n                        <div class=\"ohsrv3-image-overlay\"><\/div>\r\n\r\n\r\n                        <div class=\"ohsrv3-image-label\">\r\n\r\n                            <span>\r\n                                OASIS HEAVEN\r\n                            <\/span>\r\n\r\n                            <span>\r\n                                DUBAI \u2022 UAE\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     RIGHT SERVICES\r\n                ================================================== -->\r\n\r\n                <div class=\"ohsrv3-services\">\r\n\r\n\r\n                    <div class=\"ohsrv3-services-head\">\r\n\r\n                        <span>\r\n                            05 \/ SERVICES\r\n                        <\/span>\r\n\r\n\r\n                        <span>\r\n\r\n                            \u062e\u062f\u0645\u0627\u062a \u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohsrv3-list\">\r\n\r\n\r\n                        \r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                                class=\"ohsrv3-item ohsrv3-reveal\"\r\n                                data-delay=\"70\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohsrv3-number\">\r\n\r\n                                    01\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <div class=\"ohsrv3-copy\">\r\n\r\n                                    <h3>\r\n\r\n                                        \u0634\u0631\u0627\u0621 \u0648\u0628\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                                    <\/h3>\r\n\r\n\r\n                                    <p>\r\n\r\n                                        \u062f\u0639\u0645 \u0645\u0646 \u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0648\u062d\u062a\u0649 \u0625\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0628\u064a\u0639 \u0623\u0648 \u0627\u0644\u0634\u0631\u0627\u0621.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <span class=\"ohsrv3-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/a>\r\n\r\n\r\n                        \r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                                class=\"ohsrv3-item ohsrv3-reveal\"\r\n                                data-delay=\"135\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohsrv3-number\">\r\n\r\n                                    02\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <div class=\"ohsrv3-copy\">\r\n\r\n                                    <h3>\r\n\r\n                                        \u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                                    <\/h3>\r\n\r\n\r\n                                    <p>\r\n\r\n                                        \u062d\u0644\u0648\u0644 \u062a\u0623\u062c\u064a\u0631 \u0648\u0627\u0636\u062d\u0629 \u0644\u0644\u0645\u0633\u062a\u0623\u062c\u0631\u064a\u0646 \u0648\u0627\u0644\u0645\u0644\u0627\u0643 \u0648\u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <span class=\"ohsrv3-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/a>\r\n\r\n\r\n                        \r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                                class=\"ohsrv3-item ohsrv3-reveal\"\r\n                                data-delay=\"200\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohsrv3-number\">\r\n\r\n                                    03\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <div class=\"ohsrv3-copy\">\r\n\r\n                                    <h3>\r\n\r\n                                        \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629\r\n                                    <\/h3>\r\n\r\n\r\n                                    <p>\r\n\r\n                                        \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u062a\u0643 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <span class=\"ohsrv3-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/a>\r\n\r\n\r\n                        \r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                                class=\"ohsrv3-item ohsrv3-reveal\"\r\n                                data-delay=\"265\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohsrv3-number\">\r\n\r\n                                    04\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <div class=\"ohsrv3-copy\">\r\n\r\n                                    <h3>\r\n\r\n                                        \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\r\n                                    <\/h3>\r\n\r\n\r\n                                    <p>\r\n\r\n                                        \u0625\u062f\u0627\u0631\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u062a\u0628\u0633\u064a\u0637 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u0627\u0641\u0638\u0629 \u0639\u0644\u0649 \u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0642\u0627\u0631.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <span class=\"ohsrv3-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/a>\r\n\r\n\r\n                        \r\n\r\n                            <a\r\n                                href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/services\/\"\r\n                                class=\"ohsrv3-item ohsrv3-reveal\"\r\n                                data-delay=\"330\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohsrv3-number\">\r\n\r\n                                    05\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <div class=\"ohsrv3-copy\">\r\n\r\n                                    <h3>\r\n\r\n                                        \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\r\n                                    <\/h3>\r\n\r\n\r\n                                    <p>\r\n\r\n                                        \u062f\u0639\u0645 \u0645\u0647\u0646\u064a \u0644\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u064a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n\r\n\r\n                                <span class=\"ohsrv3-arrow\">\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                                <\/span>\r\n\r\n\r\n                            <\/a>\r\n\r\n\r\n                        \r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\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       IMPORTANT:\r\n       REMOVE THE HUGE GAP AFTER FEATURED PROPERTIES\r\n    ========================================================= *\/\r\n\r\n    .ohfp2-section {\r\n\r\n        padding-bottom: 42px !important;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SERVICES BASE\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-section {\r\n\r\n        --srv3-dark: #161817;\r\n\r\n        --srv3-dark-soft: #202321;\r\n\r\n        --srv3-white: #ffffff;\r\n\r\n        --srv3-bg: #f5f6f4;\r\n\r\n        --srv3-text: #202321;\r\n\r\n        --srv3-muted: #707774;\r\n\r\n        --srv3-accent: #9aa7ac;\r\n\r\n        --srv3-accent-dark: #68777d;\r\n\r\n        --srv3-border:\r\n            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            32px 0\r\n            clamp(72px,7vw,100px);\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--srv3-bg);\r\n\r\n        color:\r\n            var(--srv3-text);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-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    \/* =========================================================\r\n       MAIN SHELL\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-shell {\r\n\r\n        width: 100%;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(350px,.78fr)\r\n            minmax(0,1.22fr);\r\n\r\n        align-items: stretch;\r\n\r\n        border:\r\n            1px solid\r\n            var(--srv3-border);\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-intro {\r\n\r\n        min-height: 650px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-rows:\r\n            1fr 250px;\r\n\r\n        background:\r\n            var(--srv3-dark);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-intro-content {\r\n\r\n        padding:\r\n            clamp(38px,4vw,58px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-eyebrow {\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: 12px;\r\n\r\n        color:\r\n            var(--srv3-accent);\r\n\r\n        font-size: 11px;\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\r\n    .ohsrv3-eyebrow > span {\r\n\r\n        width: 31px;\r\n\r\n        height: 1px;\r\n\r\n        flex: 0 0 31px;\r\n\r\n        background:\r\n            var(--srv3-accent);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       H2\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-intro h2 {\r\n\r\n        max-width: 510px;\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(42px,3.7vw,58px);\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\r\n    .ohsrv3-intro h2 strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 5px;\r\n\r\n        color:\r\n            var(--srv3-accent);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section[dir=\"rtl\"]\r\n    .ohsrv3-intro 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.23;\r\n\r\n        letter-spacing: -.02em;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-description {\r\n\r\n        max-width: 470px;\r\n\r\n        margin:\r\n            26px 0 0;\r\n\r\n        color:\r\n            rgba(255,255,255,.65);\r\n\r\n        font-size: 15px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BUTTON\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-button {\r\n\r\n        width: fit-content;\r\n\r\n        min-height: 52px;\r\n\r\n        margin-top: 31px;\r\n\r\n        padding:\r\n            0 17px 0 20px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 27px;\r\n\r\n        border:\r\n            1px solid\r\n            rgba(255,255,255,.21);\r\n\r\n        color: #fff;\r\n\r\n        font-size: 13px;\r\n\r\n        font-weight: 650;\r\n\r\n        transition:\r\n            background .25s ease,\r\n            color .25s ease,\r\n            border-color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section[dir=\"rtl\"]\r\n    .ohsrv3-button {\r\n\r\n        padding:\r\n            0 20px 0 17px;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-button:hover {\r\n\r\n        background: #fff;\r\n\r\n        border-color: #fff;\r\n\r\n        color:\r\n            var(--srv3-dark);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-button svg {\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohsrv3-button:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section[dir=\"rtl\"]\r\n    .ohsrv3-button svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-image {\r\n\r\n        position: relative;\r\n\r\n        min-height: 250px;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #303331;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-image img {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        display: block;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position: center;\r\n\r\n        transform:\r\n            scale(1.04);\r\n\r\n        transition:\r\n            transform 1s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-shell:hover\r\n    .ohsrv3-image img {\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-image-overlay {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(10,12,11,.05),\r\n                rgba(10,12,11,.3)\r\n            );\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-image-label {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 2;\r\n\r\n        inset-inline: 20px;\r\n\r\n        top: 19px;\r\n\r\n        display: flex;\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,.82);\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\r\n\r\n    \/* =========================================================\r\n       SERVICES SIDE\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-services {\r\n\r\n        min-width: 0;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SERVICES HEAD\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-services-head {\r\n\r\n        min-height: 74px;\r\n\r\n        padding:\r\n            0 clamp(25px,3vw,40px);\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        border-bottom:\r\n            1px solid\r\n            var(--srv3-border);\r\n\r\n        color:\r\n            var(--srv3-accent-dark);\r\n\r\n        font-size: 10px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .11em;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       LIST\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-list {\r\n\r\n        flex: 1;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SERVICE ROW\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-item {\r\n\r\n        position: relative;\r\n\r\n        flex: 1;\r\n\r\n        min-height: 114px;\r\n\r\n        padding:\r\n            21px\r\n            clamp(24px,3vw,40px);\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            38px\r\n            minmax(0,1fr)\r\n            42px;\r\n\r\n        align-items: center;\r\n\r\n        gap: 20px;\r\n\r\n        color:\r\n            var(--srv3-dark);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--srv3-border);\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-item:last-child {\r\n\r\n        border-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-item::before {\r\n\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        inset-inline-start: 0;\r\n\r\n        inset-block: 0;\r\n\r\n        width: 3px;\r\n\r\n        background:\r\n            var(--srv3-accent-dark);\r\n\r\n        transform:\r\n            scaleY(0);\r\n\r\n        transform-origin: center;\r\n\r\n        transition:\r\n            transform .3s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-item:hover {\r\n\r\n        background:\r\n            var(--srv3-bg);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-item:hover::before {\r\n\r\n        transform:\r\n            scaleY(1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-number {\r\n\r\n        color:\r\n            var(--srv3-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: 15px;\r\n\r\n        align-self: start;\r\n\r\n        padding-top: 4px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       SERVICE TEXT\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-copy {\r\n\r\n        min-width: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-copy h3 {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--srv3-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(21px,1.7vw,27px);\r\n\r\n        line-height: 1.12;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.025em;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section[dir=\"rtl\"]\r\n    .ohsrv3-copy 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.3;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-copy p {\r\n\r\n        max-width: 590px;\r\n\r\n        margin:\r\n            7px 0 0;\r\n\r\n        color:\r\n            var(--srv3-muted);\r\n\r\n        font-size: 13.5px;\r\n\r\n        line-height: 1.6;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ARROW\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-arrow {\r\n\r\n        width: 39px;\r\n\r\n        height: 39px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        justify-self: end;\r\n\r\n        border:\r\n            1px solid\r\n            var(--srv3-border);\r\n\r\n        color:\r\n            var(--srv3-dark);\r\n\r\n        transition:\r\n            background .25s ease,\r\n            color .25s ease,\r\n            border-color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-arrow svg {\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohsrv3-item:hover\r\n    .ohsrv3-arrow {\r\n\r\n        background:\r\n            var(--srv3-dark);\r\n\r\n        border-color:\r\n            var(--srv3-dark);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-item:hover\r\n    .ohsrv3-arrow svg {\r\n\r\n        transform:\r\n            translateX(3px);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section[dir=\"rtl\"]\r\n    .ohsrv3-arrow svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section[dir=\"rtl\"]\r\n    .ohsrv3-item:hover\r\n    .ohsrv3-arrow svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(3px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(20px);\r\n\r\n        transition:\r\n            opacity .65s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .65s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--srv3-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohsrv3-section.is-visible\r\n    .ohsrv3-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    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohfp2-section {\r\n\r\n            padding-bottom:\r\n                30px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-section {\r\n\r\n            padding-top: 25px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-shell {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-intro {\r\n\r\n            min-height: auto;\r\n\r\n            grid-template-columns:\r\n                1fr .85fr;\r\n\r\n            grid-template-rows: auto;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-image {\r\n\r\n            min-height: 390px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-item {\r\n\r\n            min-height: 105px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohfp2-section {\r\n\r\n            padding-bottom:\r\n                24px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-section {\r\n\r\n            padding:\r\n                20px 0 65px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-intro {\r\n\r\n            display: block;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-intro-content {\r\n\r\n            padding:\r\n                34px 23px 36px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-intro h2 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    37px,\r\n                    10vw,\r\n                    48px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-description {\r\n\r\n            font-size: 14.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-image {\r\n\r\n            min-height: 320px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-services-head {\r\n\r\n            min-height: 62px;\r\n\r\n            padding:\r\n                0 18px;\r\n\r\n            font-size: 8.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-item {\r\n\r\n            min-height: 100px;\r\n\r\n            padding:\r\n                20px 17px;\r\n\r\n            grid-template-columns:\r\n                28px\r\n                minmax(0,1fr)\r\n                36px;\r\n\r\n            gap: 12px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-copy h3 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    19px,\r\n                    5.8vw,\r\n                    24px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-copy p {\r\n\r\n            margin-top: 5px;\r\n\r\n            font-size: 12.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohsrv3-arrow {\r\n\r\n            width: 35px;\r\n\r\n            height: 35px;\r\n\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        .ohsrv3-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\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 initServicesV3() {\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohServicesV3'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* DELAYS *\/\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.setProperty(\r\n                            '--srv3-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* REVEAL *\/\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\r\n                                        observer.disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .1\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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\r\n        if (\r\n            document.readyState ===\r\n            'loading'\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                'DOMContentLoaded',\r\n                initServicesV3\r\n            );\r\n\r\n        } else {\r\n\r\n            initServicesV3();\r\n\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-0efdb3b e-con e-atomic-element e-flexbox-base e-0efdb3b-ba5b71d \" data-id=\"0efdb3b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0efdb3b\" data-e-type=\"e-flexbox\" data-id=\"0efdb3b\">\n    \t\t<div class=\"elementor-element elementor-element-f88a192 elementor-widget elementor-widget-shortcode\" data-id=\"f88a192\" 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    <!-- =======================================================\r\n         LEADERSHIP SECTION\r\n    ======================================================== -->\r\n\r\n    <section\r\n        id=\"ohLeadershipSection\"\r\n        class=\"ohl-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohl-container\">\r\n\r\n\r\n            <!-- =================================================\r\n                 MAIN BLOCK\r\n            ================================================== -->\r\n\r\n            <div class=\"ohl-main\">\r\n\r\n\r\n                <!-- =============================================\r\n                     PORTRAIT\r\n                ============================================== -->\r\n\r\n                <div\r\n                    class=\"ohl-portrait\"\r\n                    data-ohl-portrait\r\n                >\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format%3Dauto%2Cw%3D768%2Ch%3D953%2Cfit%3Dcrop\/PaghCHG38zVGxrih\/malek-al-shobak-a-managing-partner-and-business-investment-executive-in-the-uae-I7izT7kyXQx9Js4f.jpeg\"\r\n                        alt=\"\u0645\u0627\u0644\u0643 \u0627\u0644\u0634\u0648\u0628\u0643 - Oasis Heaven\"\r\n                        loading=\"lazy\"\r\n                    >\r\n\r\n\r\n                    <div class=\"ohl-image-overlay\"><\/div>\r\n\r\n\r\n\r\n                    <!-- IMAGE TOP -->\r\n\r\n                    <div class=\"ohl-image-top\">\r\n\r\n                        <span>\r\n                            OASIS HEAVEN\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            DUBAI \u2022 UAE\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- IMAGE BOTTOM -->\r\n\r\n                    <div class=\"ohl-image-bottom\">\r\n\r\n                        <span class=\"ohl-image-number\">\r\n                            06\r\n                        <\/span>\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n\r\n                                \u0627\u0644\u0642\u064a\u0627\u062f\u0629\r\n                            <\/small>\r\n\r\n\r\n                            <strong>\r\n                                Malek Al-Shobak\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =============================================\r\n                     CONTENT\r\n                ============================================== -->\r\n\r\n                <div class=\"ohl-content\">\r\n\r\n\r\n                    <!-- TOP META -->\r\n\r\n                    <div\r\n                        class=\"ohl-content-top ohl-reveal\"\r\n                        data-delay=\"0\"\r\n                    >\r\n\r\n                        <div class=\"ohl-eyebrow\">\r\n\r\n                            <span><\/span>\r\n\r\n                            \u0627\u0644\u0642\u064a\u0627\u062f\u0629\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ohl-section-index\">\r\n\r\n                            <span>06<\/span>\r\n                            <i><\/i>\r\n\r\n                            <span>\r\n\r\n                                \u0639\u0646 \u0627\u0644\u0634\u0631\u0643\u0629\r\n                            <\/span>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- TITLE -->\r\n\r\n                    <h2\r\n                        class=\"ohl-title ohl-reveal\"\r\n                        data-delay=\"70\"\r\n                    >\r\n\r\n                        \r\n                            \u0642\u064a\u0627\u062f\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\r\n                            <strong>\r\n                                \u0628\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629.\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/h2>\r\n\r\n\r\n\r\n                    <!-- NAME \/ ROLE -->\r\n\r\n                    <div\r\n                        class=\"ohl-person ohl-reveal\"\r\n                        data-delay=\"130\"\r\n                    >\r\n\r\n                        <span class=\"ohl-person-line\"><\/span>\r\n\r\n\r\n                        <div>\r\n\r\n                            <h3>\r\n                                Malek Al-Shobak\r\n                            <\/h3>\r\n\r\n\r\n                            <p>\r\n\r\n                                \u0634\u0631\u064a\u0643 \u0625\u062f\u0627\u0631\u064a \u0648\u0645\u062f\u064a\u0631 \u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- DESCRIPTION -->\r\n\r\n                    <div\r\n                        class=\"ohl-description ohl-reveal\"\r\n                        data-delay=\"190\"\r\n                    >\r\n\r\n                        <p>\r\n\r\n                            \u064a\u0633\u0627\u0647\u0645 \u0645\u0627\u0644\u0643 \u0627\u0644\u0634\u0648\u0628\u0643 \u0641\u064a \u0642\u064a\u0627\u062f\u0629 \u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0641\u064a Oasis Heaven\u060c \u0628\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0625\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0648\u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u062f\u0627\u062e\u0644 \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                    <!-- EXPERTISE -->\r\n\r\n                    <div\r\n                        class=\"ohl-expertise ohl-reveal\"\r\n                        data-delay=\"250\"\r\n                    >\r\n\r\n\r\n                        <div>\r\n\r\n                            <span>01<\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <span>02<\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div>\r\n\r\n                            <span>03<\/span>\r\n\r\n                            <p>\r\n\r\n                                \u0627\u0644\u062d\u0648\u0643\u0645\u0629\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- CTA -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/malek-alshobak\/\"\r\n                        class=\"ohl-button ohl-reveal\"\r\n                        data-delay=\"310\"\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\u0648\u0628\u0643\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\r\n\r\n            <!-- =================================================\r\n                 ASSOCIATED BUSINESSES\r\n            ================================================== -->\r\n\r\n            <div class=\"ohl-network\">\r\n\r\n\r\n                <div\r\n                    class=\"ohl-network-label ohl-reveal\"\r\n                    data-delay=\"80\"\r\n                >\r\n\r\n                    <span><\/span>\r\n\r\n                    <p>\r\n\r\n                        \u0623\u0639\u0645\u0627\u0644 \u0645\u0631\u062a\u0628\u0637\u0629\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- SKILLS -->\r\n\r\n                <a\r\n                    href=\"https:\/\/www.skillslegal.com\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"ohl-network-item ohl-reveal\"\r\n                    data-delay=\"150\"\r\n                >\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            01\r\n                        <\/small>\r\n\r\n\r\n                        <strong>\r\n                            SKILLS\r\n                        <\/strong>\r\n\r\n\r\n                        <span>\r\n\r\n                            \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M5 19L19 5\"><\/path>\r\n                        <path d=\"M10 5h9v9\"><\/path>\r\n\r\n                    <\/svg>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- AUTO ZOOM -->\r\n\r\n                <a\r\n                    href=\"https:\/\/www.autozoomcars.com\/\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener noreferrer\"\r\n                    class=\"ohl-network-item ohl-reveal\"\r\n                    data-delay=\"220\"\r\n                >\r\n\r\n                    <div>\r\n\r\n                        <small>\r\n                            02\r\n                        <\/small>\r\n\r\n\r\n                        <strong>\r\n                            AUTO ZOOM\r\n                        <\/strong>\r\n\r\n\r\n                        <span>\r\n\r\n                            \u0644\u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <svg viewBox=\"0 0 24 24\">\r\n\r\n                        <path d=\"M5 19L19 5\"><\/path>\r\n                        <path d=\"M10 5h9v9\"><\/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    \/* =========================================================\r\n       PREVIOUS SECTION SPACING FIX\r\n    ========================================================= *\/\r\n\r\n    .ohsrv3-section {\r\n\r\n        padding-bottom:\r\n            38px !important;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohl-section {\r\n\r\n        --ohl-dark: #161817;\r\n\r\n        --ohl-dark-soft: #222523;\r\n\r\n        --ohl-white: #ffffff;\r\n\r\n        --ohl-bg: #ffffff;\r\n\r\n        --ohl-soft: #f5f6f4;\r\n\r\n        --ohl-text: #202321;\r\n\r\n        --ohl-muted: #707774;\r\n\r\n        --ohl-accent: #9aa7ac;\r\n\r\n        --ohl-accent-dark: #68777d;\r\n\r\n        --ohl-border:\r\n            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            30px 0\r\n            clamp(72px,7vw,100px);\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--ohl-bg);\r\n\r\n        color:\r\n            var(--ohl-text);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohl-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohl-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    \/* =========================================================\r\n       MAIN\r\n    ========================================================= *\/\r\n\r\n    .ohl-main {\r\n\r\n        width: 100%;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(330px,.72fr)\r\n            minmax(0,1.28fr);\r\n\r\n        min-height: 590px;\r\n\r\n        border:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n        background:\r\n            var(--ohl-soft);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PORTRAIT\r\n    ========================================================= *\/\r\n\r\n    .ohl-portrait {\r\n\r\n        position: relative;\r\n\r\n        min-height: 590px;\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            #d8dbd9;\r\n\r\n        clip-path:\r\n            inset(0 100% 0 0);\r\n\r\n        transition:\r\n            clip-path 1s\r\n            cubic-bezier(.2,.75,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section[dir=\"rtl\"]\r\n    .ohl-portrait {\r\n\r\n        clip-path:\r\n            inset(0 0 0 100%);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section.is-visible\r\n    .ohl-portrait {\r\n\r\n        clip-path:\r\n            inset(0);\r\n\r\n    }\r\n\r\n\r\n    .ohl-portrait > img {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n\r\n        height: 100%;\r\n\r\n        display: block;\r\n\r\n        object-fit: cover;\r\n\r\n        object-position:\r\n            center 18%;\r\n\r\n        transform:\r\n            scale(1.035);\r\n\r\n        transition:\r\n            transform 1.25s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section.is-visible\r\n    .ohl-portrait > img {\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n\r\n    .ohl-image-overlay {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(9,11,10,.03) 35%,\r\n                rgba(9,11,10,.11) 63%,\r\n                rgba(9,11,10,.65) 100%\r\n            );\r\n\r\n        pointer-events: none;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       IMAGE TOP\r\n    ========================================================= *\/\r\n\r\n    .ohl-image-top {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top: 21px;\r\n\r\n        inset-inline: 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: 20px;\r\n\r\n        color:\r\n            rgba(255,255,255,.87);\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1;\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    \/* =========================================================\r\n       IMAGE BOTTOM\r\n    ========================================================= *\/\r\n\r\n    .ohl-image-bottom {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        inset-inline: 24px;\r\n\r\n        bottom: 26px;\r\n\r\n        padding-top: 20px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            38px 1fr;\r\n\r\n        gap: 16px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.35);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohl-image-number {\r\n\r\n        color:\r\n            var(--ohl-accent);\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 16px;\r\n\r\n    }\r\n\r\n\r\n    .ohl-image-bottom > 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\r\n    .ohl-image-bottom small {\r\n\r\n        color:\r\n            rgba(255,255,255,.62);\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\r\n    .ohl-image-bottom strong {\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(24px,2vw,31px);\r\n\r\n        line-height: 1.1;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CONTENT\r\n    ========================================================= *\/\r\n\r\n    .ohl-content {\r\n\r\n        padding:\r\n            clamp(40px,5vw,68px);\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        justify-content: center;\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TOP\r\n    ========================================================= *\/\r\n\r\n    .ohl-content-top {\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    }\r\n\r\n\r\n\r\n    \/* EYEBROW *\/\r\n\r\n    .ohl-eyebrow {\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(--ohl-accent-dark);\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .ohl-eyebrow > span {\r\n\r\n        width: 31px;\r\n\r\n        height: 1px;\r\n\r\n        flex:\r\n            0 0 31px;\r\n\r\n        background:\r\n            var(--ohl-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* INDEX *\/\r\n\r\n    .ohl-section-index {\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(--ohl-accent-dark);\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .1em;\r\n\r\n    }\r\n\r\n\r\n    .ohl-section-index i {\r\n\r\n        width: 22px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--ohl-border);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohl-title {\r\n\r\n        max-width: 720px;\r\n\r\n        margin:\r\n            36px 0 0;\r\n\r\n        color:\r\n            var(--ohl-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(44px,4vw,61px);\r\n\r\n        line-height: 1.03;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.043em;\r\n\r\n    }\r\n\r\n\r\n    .ohl-title strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 4px;\r\n\r\n        color:\r\n            var(--ohl-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohl-section[dir=\"rtl\"]\r\n    .ohl-title {\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\r\n\r\n    \/* =========================================================\r\n       PERSON\r\n    ========================================================= *\/\r\n\r\n    .ohl-person {\r\n\r\n        margin-top: 30px;\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-start;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    .ohl-person-line {\r\n\r\n        width: 35px;\r\n\r\n        height: 1px;\r\n\r\n        flex:\r\n            0 0 35px;\r\n\r\n        margin-top: 15px;\r\n\r\n        background:\r\n            var(--ohl-accent-dark);\r\n\r\n    }\r\n\r\n\r\n    .ohl-person h3 {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--ohl-dark);\r\n\r\n        font-size: 17px;\r\n\r\n        line-height: 1.35;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohl-person p {\r\n\r\n        margin:\r\n            5px 0 0;\r\n\r\n        color:\r\n            var(--ohl-muted);\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.5;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n    ========================================================= *\/\r\n\r\n    .ohl-description {\r\n\r\n        max-width: 720px;\r\n\r\n        margin-top: 25px;\r\n\r\n        padding-top: 24px;\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n    }\r\n\r\n\r\n    .ohl-description p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--ohl-muted);\r\n\r\n        font-size: 15.5px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EXPERTISE\r\n    ========================================================= *\/\r\n\r\n    .ohl-expertise {\r\n\r\n        margin-top: 28px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            repeat(3,1fr);\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n    }\r\n\r\n\r\n    .ohl-expertise > div {\r\n\r\n        min-height: 70px;\r\n\r\n        padding:\r\n            0 17px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 11px;\r\n\r\n        border-inline-end:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n    }\r\n\r\n\r\n    .ohl-expertise > div:first-child {\r\n\r\n        padding-inline-start: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohl-expertise > div:last-child {\r\n\r\n        border-inline-end: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohl-expertise span {\r\n\r\n        color:\r\n            var(--ohl-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\r\n    .ohl-expertise p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--ohl-dark);\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1.4;\r\n\r\n        font-weight: 600;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BUTTON\r\n    ========================================================= *\/\r\n\r\n    .ohl-button {\r\n\r\n        width: fit-content;\r\n\r\n        min-height: 53px;\r\n\r\n        margin-top: 29px;\r\n\r\n        padding:\r\n            0 19px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 29px;\r\n\r\n        background:\r\n            var(--ohl-dark);\r\n\r\n        color: #fff;\r\n\r\n        font-size: 13px;\r\n\r\n        line-height: 1;\r\n\r\n        font-weight: 650;\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohl-button:hover {\r\n\r\n        background:\r\n            var(--ohl-dark-soft);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohl-button svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohl-button:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section[dir=\"rtl\"]\r\n    .ohl-button svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section[dir=\"rtl\"]\r\n    .ohl-button:hover svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       NETWORK\r\n    ========================================================= *\/\r\n\r\n    .ohl-network {\r\n\r\n        min-height: 94px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            .8fr 1.1fr 1.1fr;\r\n\r\n        border:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n        border-top: 0;\r\n\r\n        background:\r\n            var(--ohl-soft);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       NETWORK LABEL\r\n    ========================================================= *\/\r\n\r\n    .ohl-network-label {\r\n\r\n        padding:\r\n            0 27px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-label > span {\r\n\r\n        width: 29px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--ohl-accent-dark);\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-label p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--ohl-accent-dark);\r\n\r\n        font-size: 9px;\r\n\r\n        line-height: 1.3;\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    \/* =========================================================\r\n       NETWORK ITEM\r\n    ========================================================= *\/\r\n\r\n    .ohl-network-item {\r\n\r\n        padding:\r\n            0 27px;\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(--ohl-dark);\r\n\r\n        border-inline-start:\r\n            1px solid\r\n            var(--ohl-border);\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item:hover {\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item > div {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            25px auto auto;\r\n\r\n        align-items: baseline;\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item small {\r\n\r\n        color:\r\n            var(--ohl-accent-dark);\r\n\r\n        font-size: 10px;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item strong {\r\n\r\n        color:\r\n            var(--ohl-dark);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.3;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .03em;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item span {\r\n\r\n        color:\r\n            var(--ohl-muted);\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item svg {\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        flex:\r\n            0 0 16px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            var(--ohl-dark);\r\n\r\n        stroke-width: 1.5;\r\n\r\n        transition:\r\n            transform .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohl-network-item:hover svg {\r\n\r\n        transform:\r\n            translate(3px,-3px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n    ========================================================= *\/\r\n\r\n    .ohl-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(20px);\r\n\r\n        transition:\r\n            opacity .68s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .68s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--ohl-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohl-section.is-visible\r\n    .ohl-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    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 950px) {\r\n\r\n        .ohsrv3-section {\r\n\r\n            padding-bottom:\r\n                28px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohl-section {\r\n\r\n            padding-top: 22px;\r\n\r\n        }\r\n\r\n\r\n        .ohl-main {\r\n\r\n            grid-template-columns:\r\n                .8fr 1.2fr;\r\n\r\n        }\r\n\r\n\r\n        .ohl-content {\r\n\r\n            padding:\r\n                40px 35px;\r\n\r\n        }\r\n\r\n\r\n        .ohl-network {\r\n\r\n            grid-template-columns:\r\n                1fr 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohl-network-label {\r\n\r\n            grid-column:\r\n                1 \/ -1;\r\n\r\n            min-height: 68px;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--ohl-border);\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 700px) {\r\n\r\n        .ohsrv3-section {\r\n\r\n            padding-bottom:\r\n                22px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohl-section {\r\n\r\n            padding:\r\n                18px 0 65px;\r\n\r\n        }\r\n\r\n\r\n        .ohl-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohl-main {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohl-portrait {\r\n\r\n            min-height: 500px;\r\n\r\n        }\r\n\r\n\r\n        .ohl-content {\r\n\r\n            padding:\r\n                34px 23px 37px;\r\n\r\n        }\r\n\r\n\r\n        .ohl-content-top {\r\n\r\n            align-items:\r\n                flex-start;\r\n\r\n        }\r\n\r\n\r\n        .ohl-title {\r\n\r\n            margin-top: 29px;\r\n\r\n            font-size:\r\n                clamp(\r\n                    38px,\r\n                    10vw,\r\n                    49px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohl-description p {\r\n\r\n            font-size: 14.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohl-expertise {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohl-expertise > div {\r\n\r\n            min-height: 56px;\r\n\r\n            padding: 0;\r\n\r\n            border-inline-end: 0;\r\n\r\n            border-bottom:\r\n                1px solid\r\n                var(--ohl-border);\r\n\r\n        }\r\n\r\n\r\n        .ohl-expertise > div:last-child {\r\n\r\n            border-bottom: 0;\r\n\r\n        }\r\n\r\n\r\n        .ohl-button {\r\n\r\n            width: 100%;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n        }\r\n\r\n\r\n        .ohl-network {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohl-network-label {\r\n\r\n            grid-column: auto;\r\n\r\n        }\r\n\r\n\r\n        .ohl-network-item {\r\n\r\n            min-height: 82px;\r\n\r\n            border-inline-start: 0;\r\n\r\n            border-top:\r\n                1px solid\r\n                var(--ohl-border);\r\n\r\n        }\r\n\r\n\r\n        .ohl-network-item > div {\r\n\r\n            grid-template-columns:\r\n                24px 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohl-network-item span {\r\n\r\n            grid-column: 2;\r\n\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        .ohl-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        .ohl-portrait {\r\n\r\n            clip-path: none;\r\n\r\n            transition: none;\r\n\r\n        }\r\n\r\n\r\n        .ohl-portrait img {\r\n\r\n            transform: none;\r\n\r\n            transition: none;\r\n\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 initLeadership() {\r\n\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohLeadershipSection'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               DELAYS\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.setProperty(\r\n                            '--ohl-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               REVEAL\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\r\n                                        observer.disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .1\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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\r\n        if (\r\n            document.readyState ===\r\n            'loading'\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                'DOMContentLoaded',\r\n                initLeadership\r\n            );\r\n\r\n        } else {\r\n\r\n            initLeadership();\r\n\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-dd71a43 e-con e-atomic-element e-flexbox-base e-dd71a43-69ac4c5 \" data-id=\"dd71a43\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dd71a43\" data-e-type=\"e-flexbox\" data-id=\"dd71a43\">\n    \t\t<div class=\"elementor-element elementor-element-2116690 elementor-widget elementor-widget-shortcode\" data-id=\"2116690\" 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=\"ohProcessSection\"\r\n        class=\"ohproc-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohproc-container\">\r\n\r\n\r\n            <div class=\"ohproc-grid\">\r\n\r\n\r\n                <!-- =================================================\r\n                     LEFT CONTENT\r\n                ================================================== -->\r\n\r\n                <div class=\"ohproc-intro\">\r\n\r\n\r\n                    <div\r\n                        class=\"ohproc-eyebrow ohproc-reveal\"\r\n                        data-delay=\"0\"\r\n                    >\r\n\r\n                        <span><\/span>\r\n\r\n                        \u0643\u064a\u0641 \u0646\u0639\u0645\u0644\r\n                    <\/div>\r\n\r\n\r\n                    <h2\r\n                        class=\"ohproc-title ohproc-reveal\"\r\n                        data-delay=\"70\"\r\n                    >\r\n\r\n                        \r\n                            \u0637\u0631\u064a\u0642 \u0648\u0627\u0636\u062d\r\n                            <strong>\r\n                                \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u0625\u0646\u062c\u0627\u0632.\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/h2>\r\n\r\n\r\n                    <p\r\n                        class=\"ohproc-description ohproc-reveal\"\r\n                        data-delay=\"140\"\r\n                    >\r\n\r\n                        \u0646\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646\u0638\u0645\u0629 \u0648\u0648\u0627\u0636\u062d\u0629 \u062d\u062a\u0649 \u062a\u0639\u0631\u0641 \u0623\u064a\u0646 \u0648\u0635\u0644\u062a\u060c \u0645\u0627 \u0647\u064a \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0623\u0645\u0627\u0645\u0643\u060c \u0648\u0645\u0627 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\r\n                    <\/p>\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/contact\/\"\r\n                        class=\"ohproc-cta ohproc-reveal\"\r\n                        data-delay=\"210\"\r\n                    >\r\n\r\n                        <span>\r\n\r\n                            \u0627\u0628\u062f\u0623 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643\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                            <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n                    <div\r\n                        class=\"ohproc-meta ohproc-reveal\"\r\n                        data-delay=\"270\"\r\n                    >\r\n\r\n                        <span>\r\n                            07\r\n                        <\/span>\r\n\r\n                        <i><\/i>\r\n\r\n                        <span>\r\n\r\n                            \u0627\u0644\u0639\u0645\u0644\u064a\u0629\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     STEPS\r\n                ================================================== -->\r\n\r\n                <div class=\"ohproc-steps\">\r\n\r\n\r\n                    <div class=\"ohproc-progress\">\r\n\r\n                        <span><\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    \r\n                        <div\r\n                            class=\"ohproc-step ohproc-step-reveal\"\r\n                            data-delay=\"80\"\r\n                        >\r\n\r\n\r\n                            <div class=\"ohproc-step-number\">\r\n\r\n                                01\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohproc-step-content\">\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u0641\u0647\u0645 \u0623\u0647\u062f\u0627\u0641\u0643\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u0628\u062f\u0623 \u0628\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0648\u0623\u0648\u0644\u0648\u064a\u0627\u062a\u0643 \u0648\u0627\u0644\u0645\u062f\u0629 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0648\u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0623\u0648 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <span class=\"ohproc-step-icon\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/div>\r\n\r\n                    \r\n                        <div\r\n                            class=\"ohproc-step ohproc-step-reveal\"\r\n                            data-delay=\"180\"\r\n                        >\r\n\r\n\r\n                            <div class=\"ohproc-step-number\">\r\n\r\n                                02\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohproc-step-content\">\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u062d\u062f\u062f \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u062e\u062a\u0627\u0631 \u0645\u0646 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0623\u0642\u0631\u0628 \u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0639\u0631\u0636 \u0639\u062f\u062f \u0643\u0628\u064a\u0631 \u0645\u0646 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <span class=\"ohproc-step-icon\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/div>\r\n\r\n                    \r\n                        <div\r\n                            class=\"ohproc-step ohproc-step-reveal\"\r\n                            data-delay=\"280\"\r\n                        >\r\n\r\n\r\n                            <div class=\"ohproc-step-number\">\r\n\r\n                                03\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohproc-step-content\">\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u0642\u064a\u0651\u0645 \u0648\u0646\u0642\u062f\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u0631\u0627\u062c\u0639 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0645\u0646 \u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0642\u064a\u0645\u0629 \u0648\u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0642\u0628\u0644 \u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <span class=\"ohproc-step-icon\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/div>\r\n\r\n                    \r\n                        <div\r\n                            class=\"ohproc-step ohproc-step-reveal\"\r\n                            data-delay=\"380\"\r\n                        >\r\n\r\n\r\n                            <div class=\"ohproc-step-number\">\r\n\r\n                                04\r\n                            <\/div>\r\n\r\n\r\n                            <div class=\"ohproc-step-content\">\r\n\r\n                                <h3>\r\n\r\n                                    \u0646\u064f\u062a\u0645 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0629 \u0628\u062b\u0642\u0629\r\n                                <\/h3>\r\n\r\n\r\n                                <p>\r\n\r\n                                    \u0646\u0631\u0627\u0641\u0642\u0643 \u062e\u0644\u0627\u0644 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0646\u0647\u0627\u0626\u064a\u0629 \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0629 \u0628\u062a\u0646\u0633\u064a\u0642 \u0648\u0627\u0636\u062d \u0648\u062f\u0639\u0645 \u0645\u0647\u0646\u064a \u062d\u062a\u0649 \u0625\u062a\u0645\u0627\u0645\u0647\u0627.\r\n                                <\/p>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <span class=\"ohproc-step-icon\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/div>\r\n\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       PREVIOUS SECTION SPACING\r\n    ========================================================= *\/\r\n\r\n    .ohl-section {\r\n\r\n        padding-bottom:\r\n            32px !important;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohproc-section {\r\n\r\n        --proc-dark: #161817;\r\n\r\n        --proc-white: #ffffff;\r\n\r\n        --proc-bg: #f5f6f4;\r\n\r\n        --proc-text: #202321;\r\n\r\n        --proc-muted: #707774;\r\n\r\n        --proc-accent: #9aa7ac;\r\n\r\n        --proc-accent-dark: #68777d;\r\n\r\n        --proc-border:\r\n            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            28px 0\r\n            clamp(72px,7vw,100px);\r\n\r\n        background:\r\n            var(--proc-bg);\r\n\r\n        color:\r\n            var(--proc-text);\r\n\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-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    \/* =========================================================\r\n       GRID\r\n    ========================================================= *\/\r\n\r\n    .ohproc-grid {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(340px,.78fr)\r\n            minmax(0,1.22fr);\r\n\r\n        gap:\r\n            clamp(60px,8vw,125px);\r\n\r\n        align-items: start;\r\n\r\n        padding:\r\n            clamp(55px,6vw,80px)\r\n            clamp(40px,5vw,70px);\r\n\r\n        background: #fff;\r\n\r\n        border:\r\n            1px solid\r\n            var(--proc-border);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n    ========================================================= *\/\r\n\r\n    .ohproc-intro {\r\n\r\n        position: relative;\r\n\r\n        max-width: 530px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .ohproc-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(--proc-accent-dark);\r\n\r\n        font-size: 11px;\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\r\n    .ohproc-eyebrow > span {\r\n\r\n        width: 32px;\r\n\r\n        height: 1px;\r\n\r\n        flex:\r\n            0 0 32px;\r\n\r\n        background:\r\n            var(--proc-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohproc-title {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--proc-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(43px,3.8vw,58px);\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\r\n    .ohproc-title strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 5px;\r\n\r\n        color:\r\n            var(--proc-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section[dir=\"rtl\"]\r\n    .ohproc-title {\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.23;\r\n\r\n        letter-spacing: -.02em;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n    ========================================================= *\/\r\n\r\n    .ohproc-description {\r\n\r\n        margin:\r\n            27px 0 0;\r\n\r\n        color:\r\n            var(--proc-muted);\r\n\r\n        font-size: 15.5px;\r\n\r\n        line-height: 1.82;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .ohproc-cta {\r\n\r\n        width: fit-content;\r\n\r\n        min-height: 52px;\r\n\r\n        margin-top: 29px;\r\n\r\n        padding:\r\n            0 19px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 30px;\r\n\r\n        background:\r\n            var(--proc-dark);\r\n\r\n        color: #fff;\r\n\r\n        font-size: 13px;\r\n\r\n        font-weight: 650;\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-cta:hover {\r\n\r\n        background: #242725;\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-cta svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohproc-cta:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section[dir=\"rtl\"]\r\n    .ohproc-cta svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       META\r\n    ========================================================= *\/\r\n\r\n    .ohproc-meta {\r\n\r\n        margin-top: 48px;\r\n\r\n        padding-top: 21px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 11px;\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--proc-border);\r\n\r\n        color:\r\n            var(--proc-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\r\n    .ohproc-meta i {\r\n\r\n        width: 25px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--proc-border);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       STEPS\r\n    ========================================================= *\/\r\n\r\n    .ohproc-steps {\r\n\r\n        position: relative;\r\n\r\n        padding-inline-start: 29px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PROGRESS LINE\r\n    ========================================================= *\/\r\n\r\n    .ohproc-progress {\r\n\r\n        position: absolute;\r\n\r\n        top: 0;\r\n\r\n        bottom: 0;\r\n\r\n        inset-inline-start: 0;\r\n\r\n        width: 1px;\r\n\r\n        background:\r\n            rgba(22,24,23,.08);\r\n\r\n    }\r\n\r\n\r\n    .ohproc-progress > span {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        height: 0;\r\n\r\n        background:\r\n            var(--proc-accent-dark);\r\n\r\n        transition:\r\n            height 1.4s\r\n            cubic-bezier(.2,.75,.2,1)\r\n            .15s;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section.is-visible\r\n    .ohproc-progress > span {\r\n\r\n        height: 100%;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       STEP\r\n    ========================================================= *\/\r\n\r\n    .ohproc-step {\r\n\r\n        position: relative;\r\n\r\n        min-height: 125px;\r\n\r\n        padding:\r\n            25px 0;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            52px\r\n            minmax(0,1fr)\r\n            42px;\r\n\r\n        gap: 20px;\r\n\r\n        align-items: start;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--proc-border);\r\n\r\n        transition:\r\n            padding-inline-start .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-step:first-of-type {\r\n\r\n        padding-top: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-step:last-child {\r\n\r\n        border-bottom: 0;\r\n\r\n        padding-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-step:hover {\r\n\r\n        padding-inline-start: 7px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n    ========================================================= *\/\r\n\r\n    .ohproc-step-number {\r\n\r\n        color:\r\n            var(--proc-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: 17px;\r\n\r\n        line-height: 1;\r\n\r\n        padding-top: 4px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       STEP COPY\r\n    ========================================================= *\/\r\n\r\n    .ohproc-step-content h3 {\r\n\r\n        margin:\r\n            0 0 9px;\r\n\r\n        color:\r\n            var(--proc-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(23px,1.8vw,29px);\r\n\r\n        line-height: 1.12;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.025em;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section[dir=\"rtl\"]\r\n    .ohproc-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.3;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-step-content p {\r\n\r\n        max-width: 620px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--proc-muted);\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       STEP ICON\r\n    ========================================================= *\/\r\n\r\n    .ohproc-step-icon {\r\n\r\n        width: 40px;\r\n\r\n        height: 40px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        border:\r\n            1px solid\r\n            var(--proc-border);\r\n\r\n        color:\r\n            var(--proc-dark);\r\n\r\n        transition:\r\n            background .25s ease,\r\n            color .25s ease,\r\n            border-color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohproc-step-icon svg {\r\n\r\n        width: 16px;\r\n\r\n        height: 16px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohproc-step:hover\r\n    .ohproc-step-icon {\r\n\r\n        background:\r\n            var(--proc-dark);\r\n\r\n        color: #fff;\r\n\r\n        border-color:\r\n            var(--proc-dark);\r\n\r\n    }\r\n\r\n\r\n    .ohproc-step:hover\r\n    .ohproc-step-icon svg {\r\n\r\n        transform:\r\n            translateX(3px);\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section[dir=\"rtl\"]\r\n    .ohproc-step-icon svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n    ========================================================= *\/\r\n\r\n    .ohproc-reveal,\r\n    .ohproc-step-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(20px);\r\n\r\n        transition:\r\n            opacity .68s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .68s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--proc-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohproc-section.is-visible\r\n    .ohproc-reveal,\r\n    .ohproc-section.is-visible\r\n    .ohproc-step-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    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohl-section {\r\n\r\n            padding-bottom:\r\n                24px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-section {\r\n\r\n            padding-top: 20px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-grid {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 55px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-intro {\r\n\r\n            max-width: 690px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-meta {\r\n\r\n            margin-top: 35px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohproc-section {\r\n\r\n            padding:\r\n                18px 0 62px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohproc-grid {\r\n\r\n            padding:\r\n                36px 22px;\r\n\r\n            gap: 43px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-title {\r\n\r\n            font-size:\r\n                clamp(\r\n                    37px,\r\n                    10vw,\r\n                    48px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohproc-description {\r\n\r\n            font-size: 14.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-cta {\r\n\r\n            width: 100%;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-steps {\r\n\r\n            padding-inline-start: 20px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-step {\r\n\r\n            min-height: 0;\r\n\r\n            padding:\r\n                23px 0;\r\n\r\n            grid-template-columns:\r\n                34px\r\n                minmax(0,1fr)\r\n                36px;\r\n\r\n            gap: 12px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-step-content h3 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    21px,\r\n                    6vw,\r\n                    25px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohproc-step-content p {\r\n\r\n            font-size: 13px;\r\n\r\n        }\r\n\r\n\r\n        .ohproc-step-icon {\r\n\r\n            width: 35px;\r\n\r\n            height: 35px;\r\n\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        .ohproc-reveal,\r\n        .ohproc-step-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        .ohproc-progress > span {\r\n\r\n            height: 100%;\r\n\r\n            transition: none;\r\n\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 initOasisProcess() {\r\n\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohProcessSection'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* DELAYS *\/\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.setProperty(\r\n                            '--proc-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* REVEAL *\/\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                        {\r\n                            threshold: .12\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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\r\n        if (\r\n            document.readyState ===\r\n            'loading'\r\n        ) {\r\n\r\n            document.addEventListener(\r\n                'DOMContentLoaded',\r\n                initOasisProcess\r\n            );\r\n\r\n        } else {\r\n\r\n            initOasisProcess();\r\n\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-cce38e2 e-con e-atomic-element e-flexbox-base e-cce38e2-a0b3600 \" data-id=\"cce38e2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cce38e2\" data-e-type=\"e-flexbox\" data-id=\"cce38e2\">\n    \t\t<div class=\"elementor-element elementor-element-7ec893e elementor-widget elementor-widget-shortcode\" data-id=\"7ec893e\" 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=\"ohFaqSection\"\r\n        class=\"ohfaq-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohfaq-container\">\r\n\r\n\r\n            <div class=\"ohfaq-layout\">\r\n\r\n\r\n                <!-- =================================================\r\n                     INTRO\r\n                ================================================== -->\r\n\r\n                <div class=\"ohfaq-intro\">\r\n\r\n\r\n                    <div\r\n                        class=\"ohfaq-eyebrow ohfaq-reveal\"\r\n                        data-delay=\"0\"\r\n                    >\r\n\r\n                        <span><\/span>\r\n\r\n                        \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\r\n                    <\/div>\r\n\r\n\r\n                    <h2\r\n                        class=\"ohfaq-title ohfaq-reveal\"\r\n                        data-delay=\"70\"\r\n                    >\r\n\r\n                        \r\n                            \u0623\u0633\u0626\u0644\u0629 \u0642\u0628\u0644\r\n                            <strong>\r\n                                \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0627\u0644\u0642\u0627\u062f\u0645\u0629\u061f\r\n                            <\/strong>\r\n\r\n                        \r\n                    <\/h2>\r\n\r\n\r\n                    <p\r\n                        class=\"ohfaq-description ohfaq-reveal\"\r\n                        data-delay=\"140\"\r\n                    >\r\n\r\n                        \u0625\u062c\u0627\u0628\u0627\u062a \u0645\u062e\u062a\u0635\u0631\u0629 \u0639\u0644\u0649 \u0623\u0628\u0631\u0632 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u062d\u0648\u0644 \u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0641\u064a \u062f\u0628\u064a \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a.\r\n                    <\/p>\r\n\r\n\r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/contact\/\"\r\n                        class=\"ohfaq-cta ohfaq-reveal\"\r\n                        data-delay=\"210\"\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                            <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n\r\n\r\n                    <div\r\n                        class=\"ohfaq-index ohfaq-reveal\"\r\n                        data-delay=\"260\"\r\n                    >\r\n\r\n                        <span>08<\/span>\r\n                        <i><\/i>\r\n                        <span>FAQ<\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =================================================\r\n                     FAQ LIST\r\n                ================================================== -->\r\n\r\n                <div class=\"ohfaq-list\">\r\n\r\n\r\n                    \r\n\r\n                        <div\r\n                            class=\"ohfaq-item ohfaq-item-reveal\"\r\n                            data-delay=\"70\"\r\n                        >\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohfaq-question\"\r\n                                aria-expanded=\"false\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohfaq-number\">\r\n\r\n                                    01\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-question-text\">\r\n\r\n                                    \u0645\u0627 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645\u0647\u0627 Oasis Heaven\u061f\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-toggle\">\r\n\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n\r\n                                <\/span>\r\n\r\n\r\n                            <\/button>\r\n\r\n\r\n\r\n                            <div class=\"ohfaq-answer\">\r\n\r\n                                <div class=\"ohfaq-answer-inner\">\r\n\r\n                                    <p>\r\n\r\n                                        \u062a\u0642\u062f\u0645 Oasis Heaven \u062e\u062f\u0645\u0627\u062a \u062a\u0634\u0645\u0644 \u0634\u0631\u0627\u0621 \u0648\u0628\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0627\u0644\u062a\u0623\u062c\u064a\u0631\u060c \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629\u060c \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0645\u0647\u0646\u064a \u0627\u0644\u0645\u0631\u062a\u0628\u0637 \u0628\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    \r\n\r\n                        <div\r\n                            class=\"ohfaq-item ohfaq-item-reveal\"\r\n                            data-delay=\"135\"\r\n                        >\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohfaq-question\"\r\n                                aria-expanded=\"false\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohfaq-number\">\r\n\r\n                                    02\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-question-text\">\r\n\r\n                                    \u0647\u0644 \u064a\u0645\u0643\u0646\u0643\u0645 \u0645\u0633\u0627\u0639\u062f\u062a\u064a \u0641\u064a \u0634\u0631\u0627\u0621 \u0639\u0642\u0627\u0631 \u0641\u064a \u062f\u0628\u064a\u061f\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-toggle\">\r\n\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n\r\n                                <\/span>\r\n\r\n\r\n                            <\/button>\r\n\r\n\r\n\r\n                            <div class=\"ohfaq-answer\">\r\n\r\n                                <div class=\"ohfaq-answer-inner\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0646\u0639\u0645. \u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643\u060c \u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629\u060c \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0648\u062f\u0639\u0645\u0643 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    \r\n\r\n                        <div\r\n                            class=\"ohfaq-item ohfaq-item-reveal\"\r\n                            data-delay=\"200\"\r\n                        >\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohfaq-question\"\r\n                                aria-expanded=\"false\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohfaq-number\">\r\n\r\n                                    03\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-question-text\">\r\n\r\n                                    \u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0627\u062a \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u064a\u0646\u061f\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-toggle\">\r\n\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n\r\n                                <\/span>\r\n\r\n\r\n                            <\/button>\r\n\r\n\r\n\r\n                            <div class=\"ohfaq-answer\">\r\n\r\n                                <div class=\"ohfaq-answer-inner\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0646\u0639\u0645. \u0646\u0631\u0643\u0632 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\u064a\u0629 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631 \u0648\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u0641\u0631\u0635 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0645\u0646 \u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    \r\n\r\n                        <div\r\n                            class=\"ohfaq-item ohfaq-item-reveal\"\r\n                            data-delay=\"265\"\r\n                        >\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohfaq-question\"\r\n                                aria-expanded=\"false\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohfaq-number\">\r\n\r\n                                    04\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-question-text\">\r\n\r\n                                    \u0647\u0644 \u062a\u0633\u0627\u0639\u062f Oasis Heaven \u0641\u064a \u062a\u0623\u062c\u064a\u0631 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u061f\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-toggle\">\r\n\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n\r\n                                <\/span>\r\n\r\n\r\n                            <\/button>\r\n\r\n\r\n\r\n                            <div class=\"ohfaq-answer\">\r\n\r\n                                <div class=\"ohfaq-answer-inner\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0646\u0639\u0645. \u0646\u0642\u062f\u0645 \u0627\u0644\u062f\u0639\u0645 \u0644\u0644\u0645\u0633\u062a\u0623\u062c\u0631\u064a\u0646 \u0648\u0645\u0644\u0627\u0643 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0628\u062d\u062b \u0639\u0646 \u0641\u0631\u0635 \u0627\u0644\u062a\u0623\u062c\u064a\u0631 \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u0631\u0627\u062d\u0644 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u064a\u062c\u0627\u0631.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    \r\n\r\n                        <div\r\n                            class=\"ohfaq-item ohfaq-item-reveal\"\r\n                            data-delay=\"330\"\r\n                        >\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohfaq-question\"\r\n                                aria-expanded=\"false\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohfaq-number\">\r\n\r\n                                    05\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-question-text\">\r\n\r\n                                    \u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062e\u062f\u0645\u0627\u062a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u061f\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-toggle\">\r\n\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n\r\n                                <\/span>\r\n\r\n\r\n                            <\/button>\r\n\r\n\r\n\r\n                            <div class=\"ohfaq-answer\">\r\n\r\n                                <div class=\"ohfaq-answer-inner\">\r\n\r\n                                    <p>\r\n\r\n                                        \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u062c\u0632\u0621 \u0645\u0646 \u062e\u062f\u0645\u0627\u062a\u0646\u0627\u060c \u0628\u0647\u062f\u0641 \u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0644\u0627\u0643 \u0639\u0644\u0649 \u062a\u0628\u0633\u064a\u0637 \u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u062a\u0648\u0641\u064a\u0631 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0647\u0646\u064a\u0629.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    \r\n\r\n                        <div\r\n                            class=\"ohfaq-item ohfaq-item-reveal\"\r\n                            data-delay=\"395\"\r\n                        >\r\n\r\n\r\n                            <button\r\n                                type=\"button\"\r\n                                class=\"ohfaq-question\"\r\n                                aria-expanded=\"false\"\r\n                            >\r\n\r\n\r\n                                <span class=\"ohfaq-number\">\r\n\r\n                                    06\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-question-text\">\r\n\r\n                                    \u0647\u0644 \u064a\u062a\u0648\u0641\u0631 \u062f\u0639\u0645 \u0642\u0627\u0646\u0648\u0646\u064a \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u061f\r\n                                <\/span>\r\n\r\n\r\n\r\n                                <span class=\"ohfaq-toggle\">\r\n\r\n                                    <span><\/span>\r\n                                    <span><\/span>\r\n\r\n                                <\/span>\r\n\r\n\r\n                            <\/button>\r\n\r\n\r\n\r\n                            <div class=\"ohfaq-answer\">\r\n\r\n                                <div class=\"ohfaq-answer-inner\">\r\n\r\n                                    <p>\r\n\r\n                                        \u062a\u0648\u0641\u0631 Oasis Heaven \u062f\u0639\u0645\u0627\u064b \u0645\u0647\u0646\u064a\u0627\u064b \u0641\u064a\u0645\u0627 \u064a\u062a\u0639\u0644\u0642 \u0628\u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u0625\u064a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a.\r\n                                    <\/p>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                        <\/div>\r\n\r\n\r\n                    \r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\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 SPACING\r\n    ========================================================= *\/\r\n\r\n    .ohproc-section {\r\n\r\n        padding-bottom:\r\n            28px !important;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-section {\r\n\r\n        --faq-dark: #161817;\r\n\r\n        --faq-dark-soft: #222523;\r\n\r\n        --faq-white: #ffffff;\r\n\r\n        --faq-bg: #ffffff;\r\n\r\n        --faq-soft: #f5f6f4;\r\n\r\n        --faq-text: #202321;\r\n\r\n        --faq-muted: #707774;\r\n\r\n        --faq-accent: #9aa7ac;\r\n\r\n        --faq-accent-dark: #68777d;\r\n\r\n        --faq-border:\r\n            rgba(22,24,23,.13);\r\n\r\n        width: 100%;\r\n\r\n        position: relative;\r\n\r\n        margin: 0;\r\n\r\n        padding:\r\n            22px 0\r\n            clamp(70px,7vw,95px);\r\n\r\n        background:\r\n            var(--faq-bg);\r\n\r\n        color:\r\n            var(--faq-text);\r\n\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section * {\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section a {\r\n\r\n        text-decoration: none;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-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    \/* =========================================================\r\n       LAYOUT\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-layout {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(320px,.72fr)\r\n            minmax(0,1.28fr);\r\n\r\n        gap:\r\n            clamp(60px,8vw,120px);\r\n\r\n        padding:\r\n            clamp(50px,6vw,75px);\r\n\r\n        border:\r\n            1px solid\r\n            var(--faq-border);\r\n\r\n        background:\r\n            var(--faq-soft);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       INTRO\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-intro {\r\n\r\n        max-width: 510px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-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(--faq-accent-dark);\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1.3;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .12em;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-eyebrow > span {\r\n\r\n        width: 32px;\r\n\r\n        height: 1px;\r\n\r\n        flex: 0 0 32px;\r\n\r\n        background:\r\n            var(--faq-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-title {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--faq-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(43px,3.8vw,58px);\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\r\n    .ohfaq-title strong {\r\n\r\n        display: block;\r\n\r\n        margin-top: 5px;\r\n\r\n        color:\r\n            var(--faq-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section[dir=\"rtl\"]\r\n    .ohfaq-title {\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.23;\r\n\r\n        letter-spacing: -.02em;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       DESCRIPTION\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-description {\r\n\r\n        max-width: 460px;\r\n\r\n        margin:\r\n            26px 0 0;\r\n\r\n        color:\r\n            var(--faq-muted);\r\n\r\n        font-size: 15.5px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       CTA\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-cta {\r\n\r\n        width: fit-content;\r\n\r\n        min-height: 52px;\r\n\r\n        margin-top: 29px;\r\n\r\n        padding:\r\n            0 19px;\r\n\r\n        display: inline-flex;\r\n\r\n        align-items: center;\r\n\r\n        gap: 28px;\r\n\r\n        background:\r\n            var(--faq-dark);\r\n\r\n        color: #fff;\r\n\r\n        font-size: 13px;\r\n\r\n        font-weight: 650;\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-cta:hover {\r\n\r\n        background:\r\n            var(--faq-dark-soft);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-cta svg {\r\n\r\n        width: 17px;\r\n\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohfaq-cta:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section[dir=\"rtl\"]\r\n    .ohfaq-cta svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section[dir=\"rtl\"]\r\n    .ohfaq-cta:hover svg {\r\n\r\n        transform:\r\n            scaleX(-1)\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       INDEX\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-index {\r\n\r\n        margin-top: 47px;\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: 10px;\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--faq-border);\r\n\r\n        color:\r\n            var(--faq-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\r\n    .ohfaq-index i {\r\n\r\n        width: 25px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--faq-border);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       FAQ LIST\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-list {\r\n\r\n        width: 100%;\r\n\r\n        border-top:\r\n            1px solid\r\n            var(--faq-border);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ITEM\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-item {\r\n\r\n        width: 100%;\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--faq-border);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       QUESTION\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-question {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 88px;\r\n\r\n        padding: 0;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            42px\r\n            minmax(0,1fr)\r\n            38px;\r\n\r\n        align-items: center;\r\n\r\n        gap: 18px;\r\n\r\n        border: 0;\r\n\r\n        outline: 0;\r\n\r\n        background:\r\n            transparent;\r\n\r\n        color:\r\n            var(--faq-dark);\r\n\r\n        text-align: start;\r\n\r\n        cursor: pointer;\r\n\r\n        font-family: inherit;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-number {\r\n\r\n        color:\r\n            var(--faq-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: 15px;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-question-text {\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(21px,1.7vw,27px);\r\n\r\n        line-height: 1.25;\r\n\r\n        font-weight: 400;\r\n\r\n        letter-spacing: -.02em;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section[dir=\"rtl\"]\r\n    .ohfaq-question-text {\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.45;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       PLUS\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-toggle {\r\n\r\n        position: relative;\r\n\r\n        width: 34px;\r\n\r\n        height: 34px;\r\n\r\n        display: block;\r\n\r\n        border:\r\n            1px solid\r\n            var(--faq-border);\r\n\r\n        transition:\r\n            background .25s ease,\r\n            border-color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-toggle span {\r\n\r\n        position: absolute;\r\n\r\n        top: 50%;\r\n\r\n        left: 50%;\r\n\r\n        width: 12px;\r\n\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--faq-dark);\r\n\r\n        transform:\r\n            translate(-50%,-50%);\r\n\r\n        transition:\r\n            transform .3s ease,\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-toggle span:last-child {\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            rotate(90deg);\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-item.is-open\r\n    .ohfaq-toggle {\r\n\r\n        background:\r\n            var(--faq-dark);\r\n\r\n        border-color:\r\n            var(--faq-dark);\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-item.is-open\r\n    .ohfaq-toggle span {\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-item.is-open\r\n    .ohfaq-toggle span:last-child {\r\n\r\n        transform:\r\n            translate(-50%,-50%)\r\n            rotate(0deg);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ANSWER\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-answer {\r\n\r\n        display: grid;\r\n\r\n        grid-template-rows: 0fr;\r\n\r\n        transition:\r\n            grid-template-rows .35s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-item.is-open\r\n    .ohfaq-answer {\r\n\r\n        grid-template-rows: 1fr;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-answer-inner {\r\n\r\n        min-height: 0;\r\n\r\n        overflow: hidden;\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-answer p {\r\n\r\n        max-width: 690px;\r\n\r\n        margin:\r\n            0 56px 25px 60px;\r\n\r\n        color:\r\n            var(--faq-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    .ohfaq-section[dir=\"rtl\"]\r\n    .ohfaq-answer p {\r\n\r\n        margin:\r\n            0 60px 25px 56px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       HOVER\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-question:hover\r\n    .ohfaq-question-text {\r\n\r\n        color:\r\n            var(--faq-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       REVEAL\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-reveal,\r\n    .ohfaq-item-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(20px);\r\n\r\n        transition:\r\n            opacity .68s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .68s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--faq-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohfaq-section.is-visible\r\n    .ohfaq-reveal,\r\n    .ohfaq-section.is-visible\r\n    .ohfaq-item-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    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohproc-section {\r\n\r\n            padding-bottom:\r\n                22px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-section {\r\n\r\n            padding-top: 18px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-layout {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 50px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-intro {\r\n\r\n            max-width: 680px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohfaq-section {\r\n\r\n            padding:\r\n                16px 0 60px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-layout {\r\n\r\n            padding:\r\n                35px 21px;\r\n\r\n            gap: 42px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-title {\r\n\r\n            font-size:\r\n                clamp(\r\n                    37px,\r\n                    10vw,\r\n                    48px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-description {\r\n\r\n            font-size: 14.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-cta {\r\n\r\n            width: 100%;\r\n\r\n            justify-content:\r\n                space-between;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-question {\r\n\r\n            min-height: 78px;\r\n\r\n            grid-template-columns:\r\n                30px\r\n                minmax(0,1fr)\r\n                34px;\r\n\r\n            gap: 11px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-question-text {\r\n\r\n            font-size:\r\n                clamp(\r\n                    19px,\r\n                    5.7vw,\r\n                    23px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-toggle {\r\n\r\n            width: 32px;\r\n\r\n            height: 32px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-answer p,\r\n        .ohfaq-section[dir=\"rtl\"]\r\n        .ohfaq-answer p {\r\n\r\n            margin:\r\n                0 0 22px 41px;\r\n\r\n            font-size: 13.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohfaq-section[dir=\"rtl\"]\r\n        .ohfaq-answer p {\r\n\r\n            margin:\r\n                0 41px 22px 0;\r\n\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        .ohfaq-reveal,\r\n        .ohfaq-item-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        .ohfaq-answer {\r\n\r\n            transition: none;\r\n\r\n        }\r\n\r\n    }\r\n\t\t\/* =========================================================\r\n   FAQ BUTTON \/ ELEMENTOR GLOBAL STYLE FIX\r\n========================================================= *\/\r\n\r\n#ohFaqSection .ohfaq-question,\r\n#ohFaqSection .ohfaq-question:hover,\r\n#ohFaqSection .ohfaq-question:focus,\r\n#ohFaqSection .ohfaq-question:focus-visible,\r\n#ohFaqSection .ohfaq-question:active {\r\n    appearance: none !important;\r\n    -webkit-appearance: none !important;\r\n\r\n    background: transparent !important;\r\n    background-color: transparent !important;\r\n    background-image: none !important;\r\n\r\n    color: var(--faq-dark) !important;\r\n\r\n    border: 0 !important;\r\n    border-radius: 0 !important;\r\n\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n\r\n    text-decoration: none !important;\r\n}\r\n\r\n\r\n\/* Remove Elementor \/ Astra button colors *\/\r\n#ohFaqSection button.ohfaq-question {\r\n    background-color: transparent !important;\r\n    color: var(--faq-dark) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   OPEN FAQ ITEM\r\n========================================================= *\/\r\n\r\n#ohFaqSection .ohfaq-item.is-open {\r\n    background: #eef0ee;\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-item.is-open .ohfaq-question {\r\n    background: transparent !important;\r\n    color: var(--faq-dark) !important;\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-item.is-open .ohfaq-question-text {\r\n    color: var(--faq-dark) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HOVER\r\n========================================================= *\/\r\n\r\n#ohFaqSection .ohfaq-item {\r\n    transition:\r\n        background .28s ease;\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-item:not(.is-open):hover {\r\n    background: rgba(255,255,255,.55);\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-question:hover .ohfaq-question-text {\r\n    color: var(--faq-accent-dark) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NUMBER\r\n========================================================= *\/\r\n\r\n#ohFaqSection .ohfaq-number {\r\n    color: var(--faq-accent-dark) !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLUS \/ MINUS\r\n========================================================= *\/\r\n\r\n#ohFaqSection .ohfaq-toggle {\r\n    background: transparent !important;\r\n    border:\r\n        1px solid\r\n        var(--faq-border) !important;\r\n\r\n    box-shadow: none !important;\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-toggle span {\r\n    background:\r\n        var(--faq-dark) !important;\r\n}\r\n\r\n\r\n\/* OPEN *\/\r\n\r\n#ohFaqSection .ohfaq-item.is-open .ohfaq-toggle {\r\n    background:\r\n        var(--faq-dark) !important;\r\n\r\n    border-color:\r\n        var(--faq-dark) !important;\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-item.is-open .ohfaq-toggle span {\r\n    background: #fff !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REMOVE TAP \/ FOCUS BLUE\r\n========================================================= *\/\r\n\r\n#ohFaqSection button,\r\n#ohFaqSection button:focus,\r\n#ohFaqSection button:active {\r\n    -webkit-tap-highlight-color: transparent !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SLIGHTLY MORE COMPACT FAQ\r\n========================================================= *\/\r\n\r\n#ohFaqSection .ohfaq-question {\r\n    min-height: 82px;\r\n}\r\n\r\n\r\n#ohFaqSection .ohfaq-answer p {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n    padding-top: 2px;\r\n}\r\n\r\n\r\n@media screen and (max-width: 650px) {\r\n\r\n    #ohFaqSection .ohfaq-question {\r\n        min-height: 74px;\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 initOasisFaq() {\r\n\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohFaqSection'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* =================================================\r\n               ANIMATION DELAYS\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.setProperty(\r\n                            '--faq-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* =================================================\r\n               SCROLL REVEAL\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\r\n                                        observer.disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .12\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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               ACCORDION\r\n            ================================================= *\/\r\n\r\n            const items =\r\n                section.querySelectorAll(\r\n                    '.ohfaq-item'\r\n                );\r\n\r\n\r\n            items.forEach(\r\n                function(item) {\r\n\r\n                    const button =\r\n                        item.querySelector(\r\n                            '.ohfaq-question'\r\n                        );\r\n\r\n\r\n                    button.addEventListener(\r\n                        'click',\r\n                        function() {\r\n\r\n                            const currentlyOpen =\r\n                                item.classList.contains(\r\n                                    'is-open'\r\n                                );\r\n\r\n\r\n                            items.forEach(\r\n                                function(other) {\r\n\r\n                                    other.classList.remove(\r\n                                        'is-open'\r\n                                    );\r\n\r\n\r\n                                    const otherButton =\r\n                                        other.querySelector(\r\n                                            '.ohfaq-question'\r\n                                        );\r\n\r\n\r\n                                    if (otherButton) {\r\n\r\n                                        otherButton.setAttribute(\r\n                                            'aria-expanded',\r\n                                            'false'\r\n                                        );\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n\r\n                            if (!currentlyOpen) {\r\n\r\n                                item.classList.add(\r\n                                    'is-open'\r\n                                );\r\n\r\n\r\n                                button.setAttribute(\r\n                                    'aria-expanded',\r\n                                    'true'\r\n                                );\r\n\r\n                            }\r\n\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                initOasisFaq\r\n            );\r\n\r\n        } else {\r\n\r\n            initOasisFaq();\r\n\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-66be0fe e-con e-atomic-element e-flexbox-base e-66be0fe-6dd2446 \" data-id=\"66be0fe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"66be0fe\" data-e-type=\"e-flexbox\" data-id=\"66be0fe\">\n    \t\t<div class=\"elementor-element elementor-element-c5d7e8b elementor-widget elementor-widget-shortcode\" data-id=\"c5d7e8b\" 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=\"ohLocationsSection\"\r\n        class=\"ohloc-section\"\r\n        dir=\"rtl\"\r\n    >\r\n\r\n        <div class=\"ohloc-container\">\r\n\r\n\r\n            <!-- =================================================\r\n                 HEADER\r\n            ================================================== -->\r\n\r\n            <div class=\"ohloc-header\">\r\n\r\n\r\n                <div\r\n                    class=\"ohloc-heading ohloc-reveal\"\r\n                    data-delay=\"0\"\r\n                >\r\n\r\n                    <div class=\"ohloc-eyebrow\">\r\n\r\n                        <span><\/span>\r\n\r\n                        \u0627\u0643\u062a\u0634\u0641 \u062f\u0628\u064a\r\n                    <\/div>\r\n\r\n\r\n                    <h2>\r\n\r\n                        \r\n                            \u0627\u0628\u062d\u062b \u0639\u0646 \u0645\u0643\u0627\u0646\u0643\r\n                            <strong>\r\n                                \u0641\u064a \u062f\u0628\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=\"ohloc-header-copy ohloc-reveal\"\r\n                    data-delay=\"100\"\r\n                >\r\n\r\n                    <div class=\"ohloc-index\">\r\n\r\n                        <span>09<\/span>\r\n                        <i><\/i>\r\n\r\n                        <span>\r\n\r\n                            \u0627\u0644\u0645\u0646\u0627\u0637\u0642\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n\r\n                        \u0627\u0633\u062a\u0643\u0634\u0641 \u0623\u0628\u0631\u0632 \u0645\u0646\u0627\u0637\u0642 \u062f\u0628\u064a \u0648\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0630\u064a \u064a\u0646\u0627\u0633\u0628 \u0623\u0633\u0644\u0648\u0628 \u062d\u064a\u0627\u062a\u0643 \u0623\u0648 \u0623\u0647\u062f\u0627\u0641\u0643 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\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                 MAIN\r\n            ================================================== -->\r\n\r\n            <div class=\"ohloc-main\">\r\n\r\n\r\n                <!-- =============================================\r\n                     VISUAL\r\n                ============================================== -->\r\n\r\n                <div class=\"ohloc-visual\">\r\n\r\n\r\n                    \r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1512453979798-5ea266f8880c?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                            alt=\"\u0648\u0633\u0637 \u0645\u062f\u064a\u0646\u0629 \u062f\u0628\u064a\"\r\n                            class=\"ohloc-image is-active\"\r\n                            data-location-image=\"0\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                    \r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1580674684081-7617fbf3d745?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                            alt=\"\u062f\u0628\u064a \u0645\u0627\u0631\u064a\u0646\u0627\"\r\n                            class=\"ohloc-image \"\r\n                            data-location-image=\"1\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                    \r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1597212618440-806262de4f6b?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                            alt=\"\u0646\u062e\u0644\u0629 \u062c\u0645\u064a\u0631\u0627\"\r\n                            class=\"ohloc-image \"\r\n                            data-location-image=\"2\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                    \r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1526495124232-a04e1849168c?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                            alt=\"\u0628\u0632\u0646\u0633 \u0628\u0627\u064a\"\r\n                            class=\"ohloc-image \"\r\n                            data-location-image=\"3\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                    \r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/images.unsplash.com\/photo-1600607688969-a5bfcd646154?auto=format&#038;fit=crop&#038;w=1800&#038;q=88\"\r\n                            alt=\"\u062f\u0628\u064a \u0647\u064a\u0644\u0632\"\r\n                            class=\"ohloc-image \"\r\n                            data-location-image=\"4\"\r\n                            loading=\"lazy\"\r\n                        >\r\n\r\n                    \r\n\r\n                    <div class=\"ohloc-overlay\"><\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohloc-visual-top\">\r\n\r\n                        <span>\r\n                            OASIS HEAVEN\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            DUBAI \u2022 UAE\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"ohloc-visual-bottom\">\r\n\r\n\r\n                        <div>\r\n\r\n                            <small>\r\n\r\n                                \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629\r\n                            <\/small>\r\n\r\n\r\n                            <strong id=\"ohlocCurrentTitle\">\r\n\r\n                                \u0648\u0633\u0637 \u0645\u062f\u064a\u0646\u0629 \u062f\u0628\u064a\r\n                            <\/strong>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <span class=\"ohloc-current-number\">\r\n                            01\r\n                        <\/span>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =============================================\r\n                     LOCATIONS LIST\r\n                ============================================== -->\r\n\r\n                <div class=\"ohloc-list\">\r\n\r\n\r\n                    \r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/?location=downtown-dubai\"\r\n                            class=\"ohloc-item is-active ohloc-reveal\"\r\n                            data-delay=\"80\"\r\n                            data-location-index=\"0\"\r\n                            data-location-number=\"01\"\r\n                            data-location-title=\"\u0648\u0633\u0637 \u0645\u062f\u064a\u0646\u0629 \u062f\u0628\u064a\"\r\n                        >\r\n\r\n\r\n                            <span class=\"ohloc-number\">\r\n\r\n                                01\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \u0648\u0633\u0637 \u0645\u062f\u064a\u0646\u0629 \u062f\u0628\u064a\r\n                            <\/h3>\r\n\r\n\r\n                            <span class=\"ohloc-arrow\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/?location=dubai-marina\"\r\n                            class=\"ohloc-item  ohloc-reveal\"\r\n                            data-delay=\"150\"\r\n                            data-location-index=\"1\"\r\n                            data-location-number=\"02\"\r\n                            data-location-title=\"\u062f\u0628\u064a \u0645\u0627\u0631\u064a\u0646\u0627\"\r\n                        >\r\n\r\n\r\n                            <span class=\"ohloc-number\">\r\n\r\n                                02\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \u062f\u0628\u064a \u0645\u0627\u0631\u064a\u0646\u0627\r\n                            <\/h3>\r\n\r\n\r\n                            <span class=\"ohloc-arrow\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/?location=palm-jumeirah\"\r\n                            class=\"ohloc-item  ohloc-reveal\"\r\n                            data-delay=\"220\"\r\n                            data-location-index=\"2\"\r\n                            data-location-number=\"03\"\r\n                            data-location-title=\"\u0646\u062e\u0644\u0629 \u062c\u0645\u064a\u0631\u0627\"\r\n                        >\r\n\r\n\r\n                            <span class=\"ohloc-number\">\r\n\r\n                                03\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \u0646\u062e\u0644\u0629 \u062c\u0645\u064a\u0631\u0627\r\n                            <\/h3>\r\n\r\n\r\n                            <span class=\"ohloc-arrow\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/?location=business-bay\"\r\n                            class=\"ohloc-item  ohloc-reveal\"\r\n                            data-delay=\"290\"\r\n                            data-location-index=\"3\"\r\n                            data-location-number=\"04\"\r\n                            data-location-title=\"\u0628\u0632\u0646\u0633 \u0628\u0627\u064a\"\r\n                        >\r\n\r\n\r\n                            <span class=\"ohloc-number\">\r\n\r\n                                04\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \u0628\u0632\u0646\u0633 \u0628\u0627\u064a\r\n                            <\/h3>\r\n\r\n\r\n                            <span class=\"ohloc-arrow\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    \r\n                        <a\r\n                            href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/?location=dubai-hills\"\r\n                            class=\"ohloc-item  ohloc-reveal\"\r\n                            data-delay=\"360\"\r\n                            data-location-index=\"4\"\r\n                            data-location-number=\"05\"\r\n                            data-location-title=\"\u062f\u0628\u064a \u0647\u064a\u0644\u0632\"\r\n                        >\r\n\r\n\r\n                            <span class=\"ohloc-number\">\r\n\r\n                                05\r\n                            <\/span>\r\n\r\n\r\n                            <h3>\r\n\r\n                                \u062f\u0628\u064a \u0647\u064a\u0644\u0632\r\n                            <\/h3>\r\n\r\n\r\n                            <span class=\"ohloc-arrow\">\r\n\r\n                                <svg viewBox=\"0 0 24 24\">\r\n\r\n                                    <path d=\"M5 12h14\"><\/path>\r\n                                    <path d=\"M13 6l6 6-6 6\"><\/path>\r\n\r\n                                <\/svg>\r\n\r\n                            <\/span>\r\n\r\n\r\n                        <\/a>\r\n\r\n                    \r\n\r\n                    <a\r\n                        href=\"https:\/\/oheavenbrokers.com\/ar\/ar\/properties\/\"\r\n                        class=\"ohloc-all\"\r\n                    >\r\n\r\n                        <span>\r\n\r\n                            \u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\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                            <path d=\"M13 6l6 6-6 6\"><\/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\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       FAQ SPACING FIX\r\n    ========================================================= *\/\r\n\r\n    .ohfaq-section {\r\n        padding-bottom: 30px !important;\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       BASE\r\n    ========================================================= *\/\r\n\r\n    .ohloc-section {\r\n\r\n        --loc-dark: #161817;\r\n        --loc-dark-soft: #222523;\r\n\r\n        --loc-bg: #f5f6f4;\r\n\r\n        --loc-text: #202321;\r\n        --loc-muted: #707774;\r\n\r\n        --loc-accent: #9aa7ac;\r\n        --loc-accent-dark: #68777d;\r\n\r\n        --loc-border:\r\n            rgba(22,24,23,.13);\r\n\r\n        width: 100%;\r\n\r\n        position: relative;\r\n\r\n        margin: 0;\r\n\r\n        padding:\r\n            24px 0\r\n            clamp(68px,7vw,95px);\r\n\r\n        overflow: hidden;\r\n\r\n        background:\r\n            var(--loc-bg);\r\n\r\n        color:\r\n            var(--loc-text);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-section * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n\r\n    .ohloc-section a {\r\n        text-decoration: none;\r\n    }\r\n\r\n\r\n    .ohloc-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    \/* =========================================================\r\n       HEADER\r\n    ========================================================= *\/\r\n\r\n    .ohloc-header {\r\n\r\n        margin-bottom: 42px;\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.2fr)\r\n            minmax(330px,.8fr);\r\n\r\n        align-items: end;\r\n\r\n        gap:\r\n            clamp(55px,8vw,120px);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       EYEBROW\r\n    ========================================================= *\/\r\n\r\n    .ohloc-eyebrow {\r\n\r\n        margin-bottom: 21px;\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(--loc-accent-dark);\r\n\r\n        font-size: 11px;\r\n\r\n        font-weight: 700;\r\n\r\n        letter-spacing: .13em;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-eyebrow > span {\r\n\r\n        width: 32px;\r\n        height: 1px;\r\n\r\n        flex: 0 0 32px;\r\n\r\n        background:\r\n            var(--loc-accent-dark);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohloc-heading h2 {\r\n\r\n        max-width: 680px;\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--loc-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(43px,3.9vw,59px);\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\r\n    .ohloc-heading h2 strong {\r\n\r\n        display: block;\r\n\r\n        color:\r\n            var(--loc-accent-dark);\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-section[dir=\"rtl\"]\r\n    .ohloc-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    \/* =========================================================\r\n       HEADER COPY\r\n    ========================================================= *\/\r\n\r\n    .ohloc-header-copy {\r\n\r\n        max-width: 480px;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-index {\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: 10px;\r\n\r\n        color:\r\n            var(--loc-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\r\n    .ohloc-index i {\r\n\r\n        width: 26px;\r\n        height: 1px;\r\n\r\n        background:\r\n            var(--loc-border);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-header-copy p {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--loc-muted);\r\n\r\n        font-size: 15.5px;\r\n\r\n        line-height: 1.8;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MAIN\r\n    ========================================================= *\/\r\n\r\n    .ohloc-main {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            minmax(0,1.15fr)\r\n            minmax(340px,.85fr);\r\n\r\n        min-height: 560px;\r\n\r\n        border:\r\n            1px solid\r\n            var(--loc-border);\r\n\r\n        background: #fff;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       VISUAL\r\n    ========================================================= *\/\r\n\r\n    .ohloc-visual {\r\n\r\n        position: relative;\r\n\r\n        min-height: 560px;\r\n\r\n        overflow: hidden;\r\n\r\n        background: #d9ddda;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-image {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        width: 100%;\r\n        height: 100%;\r\n\r\n        object-fit: cover;\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            scale(1.04);\r\n\r\n        transition:\r\n            opacity .55s ease,\r\n            transform 1s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-image.is-active {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-overlay {\r\n\r\n        position: absolute;\r\n\r\n        inset: 0;\r\n\r\n        background:\r\n            linear-gradient(\r\n                180deg,\r\n                rgba(10,12,11,.05),\r\n                rgba(10,12,11,.04) 55%,\r\n                rgba(10,12,11,.55)\r\n            );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       VISUAL TOP\r\n    ========================================================= *\/\r\n\r\n    .ohloc-visual-top {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        top: 22px;\r\n\r\n        inset-inline: 23px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: space-between;\r\n\r\n        color:\r\n            rgba(255,255,255,.84);\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\r\n\r\n    \/* =========================================================\r\n       VISUAL BOTTOM\r\n    ========================================================= *\/\r\n\r\n    .ohloc-visual-bottom {\r\n\r\n        position: absolute;\r\n\r\n        z-index: 3;\r\n\r\n        inset-inline: 25px;\r\n\r\n        bottom: 27px;\r\n\r\n        padding-top: 21px;\r\n\r\n        display: flex;\r\n\r\n        align-items: flex-end;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 30px;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,.35);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-visual-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\r\n    .ohloc-visual-bottom small {\r\n\r\n        color:\r\n            rgba(255,255,255,.58);\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\r\n    .ohloc-visual-bottom strong {\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(28px,2.5vw,39px);\r\n\r\n        line-height: 1.1;\r\n\r\n        font-weight: 400;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-current-number {\r\n\r\n        color:\r\n            rgba(255,255,255,.75);\r\n\r\n        font-family:\r\n            Georgia,\r\n            \"Times New Roman\",\r\n            serif;\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       LIST\r\n    ========================================================= *\/\r\n\r\n    .ohloc-list {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ITEM\r\n    ========================================================= *\/\r\n\r\n    .ohloc-item {\r\n\r\n        position: relative;\r\n\r\n        flex: 1;\r\n\r\n        min-height: 92px;\r\n\r\n        padding:\r\n            0 clamp(22px,3vw,36px);\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            36px\r\n            minmax(0,1fr)\r\n            38px;\r\n\r\n        align-items: center;\r\n\r\n        gap: 17px;\r\n\r\n        color:\r\n            var(--loc-dark);\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--loc-border);\r\n\r\n        transition:\r\n            background .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-item:hover,\r\n    .ohloc-item.is-active {\r\n\r\n        background:\r\n            var(--loc-bg);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-item::before {\r\n\r\n        content: \"\";\r\n\r\n        position: absolute;\r\n\r\n        inset-inline-start: 0;\r\n\r\n        top: 0;\r\n        bottom: 0;\r\n\r\n        width: 3px;\r\n\r\n        background:\r\n            var(--loc-accent-dark);\r\n\r\n        transform:\r\n            scaleY(0);\r\n\r\n        transition:\r\n            transform .3s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-item:hover::before,\r\n    .ohloc-item.is-active::before {\r\n\r\n        transform:\r\n            scaleY(1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       NUMBER\r\n    ========================================================= *\/\r\n\r\n    .ohloc-number {\r\n\r\n        color:\r\n            var(--loc-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: 15px;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       LOCATION TITLE\r\n    ========================================================= *\/\r\n\r\n    .ohloc-item h3 {\r\n\r\n        margin: 0;\r\n\r\n        color:\r\n            var(--loc-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(22px,1.8vw,28px);\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\r\n    .ohloc-section[dir=\"rtl\"]\r\n    .ohloc-item 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.35;\r\n\r\n        font-weight: 500;\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ARROW\r\n    ========================================================= *\/\r\n\r\n    .ohloc-arrow {\r\n\r\n        width: 36px;\r\n        height: 36px;\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        justify-self: end;\r\n\r\n        border:\r\n            1px solid\r\n            var(--loc-border);\r\n\r\n        transition:\r\n            background .25s ease,\r\n            color .25s ease;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-arrow svg {\r\n\r\n        width: 15px;\r\n        height: 15px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            currentColor;\r\n\r\n        stroke-width: 1.6;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-item:hover\r\n    .ohloc-arrow,\r\n    .ohloc-item.is-active\r\n    .ohloc-arrow {\r\n\r\n        background:\r\n            var(--loc-dark);\r\n\r\n        color: #fff;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-section[dir=\"rtl\"]\r\n    .ohloc-arrow svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ALL PROPERTIES\r\n    ========================================================= *\/\r\n\r\n    .ohloc-all {\r\n\r\n        min-height: 76px;\r\n\r\n        padding:\r\n            0 clamp(22px,3vw,36px);\r\n\r\n        display: flex;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 25px;\r\n\r\n        background:\r\n            var(--loc-dark);\r\n\r\n        color: #fff;\r\n\r\n        font-size: 13px;\r\n\r\n        font-weight: 650;\r\n\r\n    }\r\n\r\n\r\n    .ohloc-all svg {\r\n\r\n        width: 17px;\r\n        height: 17px;\r\n\r\n        fill: none;\r\n\r\n        stroke:\r\n            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\r\n    .ohloc-all:hover svg {\r\n\r\n        transform:\r\n            translateX(4px);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-section[dir=\"rtl\"]\r\n    .ohloc-all svg {\r\n\r\n        transform:\r\n            scaleX(-1);\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       ANIMATION\r\n    ========================================================= *\/\r\n\r\n    .ohloc-reveal {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(20px);\r\n\r\n        transition:\r\n            opacity .68s\r\n            cubic-bezier(.2,.7,.2,1),\r\n            transform .68s\r\n            cubic-bezier(.2,.7,.2,1);\r\n\r\n        transition-delay:\r\n            var(--loc-delay,0ms);\r\n\r\n    }\r\n\r\n\r\n    .ohloc-section.is-visible\r\n    .ohloc-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    \/* =========================================================\r\n       TABLET\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 900px) {\r\n\r\n        .ohfaq-section {\r\n\r\n            padding-bottom:\r\n                22px !important;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-section {\r\n\r\n            padding-top: 18px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-header {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n            gap: 28px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-main {\r\n\r\n            grid-template-columns: 1fr;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-visual {\r\n\r\n            min-height: 500px;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =========================================================\r\n       MOBILE\r\n    ========================================================= *\/\r\n\r\n    @media screen and (max-width: 650px) {\r\n\r\n        .ohloc-section {\r\n\r\n            padding:\r\n                16px 0 60px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-container {\r\n\r\n            width:\r\n                calc(100% - 38px);\r\n\r\n        }\r\n\r\n\r\n        .ohloc-heading h2 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    37px,\r\n                    10vw,\r\n                    49px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohloc-header-copy p {\r\n\r\n            font-size: 14.5px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-visual {\r\n\r\n            min-height: 410px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-item {\r\n\r\n            min-height: 78px;\r\n\r\n            padding:\r\n                0 17px;\r\n\r\n            grid-template-columns:\r\n                28px\r\n                minmax(0,1fr)\r\n                34px;\r\n\r\n            gap: 10px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-item h3 {\r\n\r\n            font-size:\r\n                clamp(\r\n                    20px,\r\n                    6vw,\r\n                    24px\r\n                );\r\n\r\n        }\r\n\r\n\r\n        .ohloc-arrow {\r\n\r\n            width: 32px;\r\n            height: 32px;\r\n\r\n        }\r\n\r\n\r\n        .ohloc-all {\r\n\r\n            min-height: 64px;\r\n\r\n            padding:\r\n                0 18px;\r\n\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        .ohloc-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        .ohloc-image {\r\n\r\n            transition: none;\r\n\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 initLocations() {\r\n\r\n\r\n            const section =\r\n                document.getElementById(\r\n                    'ohLocationsSection'\r\n                );\r\n\r\n\r\n            if (!section) {\r\n                return;\r\n            }\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               ANIMATION DELAYS\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.setProperty(\r\n                            '--loc-delay',\r\n                            delay + 'ms'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n\r\n            \/* ===============================================\r\n               REVEAL\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\r\n                                        observer.disconnect();\r\n\r\n                                    }\r\n\r\n                                }\r\n                            );\r\n\r\n                        },\r\n\r\n                        {\r\n                            threshold: .1\r\n                        }\r\n\r\n                    );\r\n\r\n\r\n                observer.observe(section);\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               LOCATION INTERACTION\r\n            ================================================ *\/\r\n\r\n            const items =\r\n                section.querySelectorAll(\r\n                    '.ohloc-item'\r\n                );\r\n\r\n\r\n            const images =\r\n                section.querySelectorAll(\r\n                    '.ohloc-image'\r\n                );\r\n\r\n\r\n            const currentTitle =\r\n                document.getElementById(\r\n                    'ohlocCurrentTitle'\r\n                );\r\n\r\n\r\n            const currentNumber =\r\n                section.querySelector(\r\n                    '.ohloc-current-number'\r\n                );\r\n\r\n\r\n            function activate(item) {\r\n\r\n\r\n                const index =\r\n                    item.getAttribute(\r\n                        'data-location-index'\r\n                    );\r\n\r\n\r\n                items.forEach(\r\n                    function(other) {\r\n\r\n                        other.classList.remove(\r\n                            'is-active'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                images.forEach(\r\n                    function(image) {\r\n\r\n                        image.classList.remove(\r\n                            'is-active'\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n                item.classList.add(\r\n                    'is-active'\r\n                );\r\n\r\n\r\n                const image =\r\n                    section.querySelector(\r\n                        '[data-location-image=\"' +\r\n                        index +\r\n                        '\"]'\r\n                    );\r\n\r\n\r\n                if (image) {\r\n\r\n                    image.classList.add(\r\n                        'is-active'\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                if (currentTitle) {\r\n\r\n                    currentTitle.textContent =\r\n                        item.getAttribute(\r\n                            'data-location-title'\r\n                        );\r\n\r\n                }\r\n\r\n\r\n                if (currentNumber) {\r\n\r\n                    currentNumber.textContent =\r\n                        item.getAttribute(\r\n                            'data-location-number'\r\n                        );\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n\r\n            items.forEach(\r\n                function(item) {\r\n\r\n                    item.addEventListener(\r\n                        'mouseenter',\r\n                        function() {\r\n\r\n                            activate(item);\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    item.addEventListener(\r\n                        'focus',\r\n                        function() {\r\n\r\n                            activate(item);\r\n\r\n                        }\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                initLocations\r\n            );\r\n\r\n        } else {\r\n\r\n            initLocations();\r\n\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-16","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>home - 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\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"home\" \/>\n<meta property=\"og:url\" content=\"https:\/\/oheavenbrokers.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"Oasis Heaven Real Estate Brokers\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-29T11:17:51+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\\\/\",\"url\":\"https:\\\/\\\/oheavenbrokers.com\\\/\",\"name\":\"home - Oasis Heaven Real Estate Brokers\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/#website\"},\"datePublished\":\"2026-07-29T07:02:43+00:00\",\"dateModified\":\"2026-07-29T11:17:51+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/oheavenbrokers.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/oheavenbrokers.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/oheavenbrokers.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"home\"}]},{\"@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":"home - 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\/","og_locale":"ar_AR","og_type":"article","og_title":"home","og_url":"https:\/\/oheavenbrokers.com\/ar\/","og_site_name":"Oasis Heaven Real Estate Brokers","article_modified_time":"2026-07-29T11:17:51+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/oheavenbrokers.com\/","url":"https:\/\/oheavenbrokers.com\/","name":"home - Oasis Heaven Real Estate Brokers","isPartOf":{"@id":"https:\/\/oheavenbrokers.com\/#website"},"datePublished":"2026-07-29T07:02:43+00:00","dateModified":"2026-07-29T11:17:51+00:00","breadcrumb":{"@id":"https:\/\/oheavenbrokers.com\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/oheavenbrokers.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/oheavenbrokers.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/oheavenbrokers.com\/"},{"@type":"ListItem","position":2,"name":"home"}]},{"@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\/16","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=16"}],"version-history":[{"count":34,"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/pages\/16\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/oheavenbrokers.com\/ar\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}