{"id":2545,"date":"2026-09-28T10:43:16","date_gmt":"2026-09-28T10:43:16","guid":{"rendered":"https:\/\/oasismakrame.com\/about\/"},"modified":"2026-10-08T15:46:28","modified_gmt":"2026-10-08T15:46:28","slug":"about","status":"publish","type":"page","link":"https:\/\/oasismakrame.com\/ar\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2545\" class=\"elementor elementor-2545 elementor-31\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8189a20 e-con-full e-flex e-con e-parent\" data-id=\"8189a20\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c6ac5e8 e-con-full e-flex e-con e-child\" data-id=\"c6ac5e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-82ef03a e-con-full e-flex e-con e-child\" data-id=\"82ef03a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d952559 elementor-widget elementor-widget-html\" data-id=\"d952559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     OASIS \u2014 ABOUT SECTIONS (ARABIC)\r\n     Font: El Messiri \u00b7 RTL\r\n========================================================= -->\r\n\r\n<!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 \u0627\u0644\u0645\u0633\u064a\u0631\u064a -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=El+Messiri:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<!-- ============================\r\n     PART 1 : JOURNEY TIMELINE\r\n============================ -->\r\n<section class=\"oj-journey\" dir=\"rtl\">\r\n  <div class=\"oj-timeline-wrap\">\r\n\r\n    <div class=\"oj-head\">\r\n      <span class=\"oj-eyebrow\">\r\n        <span class=\"oj-line\"><\/span> \u0631\u062d\u0644\u062a\u0646\u0627 <span class=\"oj-line\"><\/span>\r\n      <\/span>\r\n      <h2 class=\"oj-title\">\r\n        \u0633\u0628\u0639 \u0633\u0646\u064a\u0646 \u0645\u0646 <em>\u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0627\u0644\u0647\u0627\u062f\u064a\u0629.<\/em>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"oj-timeline\">\r\n\r\n      <div class=\"oj-tl-item\">\r\n        <div class=\"oj-tl-year\">2017<\/div>\r\n        <div class=\"oj-tl-dot\"><\/div>\r\n        <div class=\"oj-tl-body\">\r\n          <h4>\u0627\u0644\u0628\u062f\u0627\u064a\u0629<\/h4>\r\n          <p>\u0627\u0644\u0648\u0627\u062d\u0629 \u0628\u062f\u0623\u062a \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0635\u063a\u064a\u0631\u0629 \u0645\u0646 \u062f\u064a\u0643\u0648\u0631 \u0627\u0644\u062d\u0648\u0627\u0626\u0637 \u0627\u0644\u064a\u062f\u0648\u064a \u2014 \u0627\u062a\u0648\u0644\u062f\u062a \u0641\u064a \u0627\u0633\u062a\u0648\u062f\u064a\u0648 \u0635\u063a\u064a\u0631 \u0641\u064a \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0648\u0631\u0624\u064a\u0629 \u0643\u0628\u064a\u0631\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"oj-tl-item\">\r\n        <div class=\"oj-tl-year\">2019<\/div>\r\n        <div class=\"oj-tl-dot\"><\/div>\r\n        <div class=\"oj-tl-body\">\r\n          <h4>\u0623\u0628\u0639\u062f \u0645\u0646 \u0627\u0644\u062d\u064a\u0637\u0627\u0646<\/h4>\r\n          <p>\u0645\u062c\u0645\u0648\u0639\u062a\u0646\u0627 \u0643\u0628\u0631\u062a \u0648\u0628\u0642\u064a\u0646\u0627 \u0646\u0639\u0645\u0644 \u0633\u062a\u0627\u0626\u0631 \u0648\u0623\u0628\u0627\u062c\u0648\u0631\u0627\u062a \u0648\u0645\u0631\u0627\u062c\u064a\u062d \u2014 \u0644\u0645\u0633\u0629 \u0627\u0644\u0648\u0627\u062d\u0629 \u0648\u0635\u0644\u062a \u0644\u0643\u0644 \u0631\u0643\u0646 \u0641\u064a \u0627\u0644\u0628\u064a\u062a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"oj-tl-item\">\r\n        <div class=\"oj-tl-year\">2022<\/div>\r\n        <div class=\"oj-tl-dot\"><\/div>\r\n        <div class=\"oj-tl-body\">\r\n          <h4>\u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0647\u0648\u0627\u0621 \u0627\u0644\u0637\u0644\u0642<\/h4>\r\n          <p>\u0634\u0645\u0633\u064a\u0627\u062a \u0645\u0643\u0631\u0645\u064a\u0629 \u0648\u0634\u0627\u0632\u0644\u0648\u0646\u062c\u0627\u062a \u0648\u0642\u0637\u0639 \u062e\u0627\u0631\u062c\u064a\u0629 \u0627\u0646\u0636\u0645\u062a \u0644\u0644\u0639\u064a\u0644\u0629 \u2014 \u0645\u0639\u0645\u0648\u0644\u0629 \u0639\u0634\u0627\u0646 \u062a\u0633\u062a\u062d\u0645\u0644 \u0627\u0644\u0634\u0645\u0633 \u0648\u0627\u0644\u0628\u062d\u0631.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"oj-tl-item\">\r\n        <div class=\"oj-tl-year\">2024<\/div>\r\n        <div class=\"oj-tl-dot\"><\/div>\r\n        <div class=\"oj-tl-body\">\r\n          <h4>\u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0636\u064a\u0627\u0641\u0629<\/h4>\r\n          <p>\u0645\u0637\u0627\u0639\u0645 \u0648\u0641\u0646\u0627\u062f\u0642 \u0648\u0645\u0646\u062a\u062c\u0639\u0627\u062a \u0628\u062f\u0623\u062a \u062a\u0637\u0644\u0628 \u0642\u0637\u0639 \u0645\u062e\u0635\u0635\u0629 \u2014 \u0648\u062f\u0647 \u0627\u0644\u0644\u064a \u062e\u0644\u0651\u0649 \u0627\u0644\u0648\u0627\u062d\u0629 \u0634\u0631\u064a\u0643 \u0645\u0648\u062b\u0648\u0642.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"oj-tl-item\">\r\n        <div class=\"oj-tl-year\">\u0627\u0644\u0646\u0647\u0627\u0631\u062f\u0629<\/div>\r\n        <div class=\"oj-tl-dot\"><\/div>\r\n        <div class=\"oj-tl-body\">\r\n          <h4>\u0628\u0631\u0627\u0646\u062f \u0645\u0635\u0631\u064a \u0628\u064a\u0643\u0628\u0631<\/h4>\r\n          <p>\u0644\u0633\u0647 \u0645\u0635\u0646\u0648\u0639\u0629 \u0628\u0625\u064a\u062f. \u0644\u0633\u0647 \u0645\u0646 \u0642\u0644\u0628 \u0645\u0635\u0631. \u0644\u0633\u0647 \u0645\u0633\u062a\u0648\u062d\u0627\u0629 \u0645\u0646 \u0627\u0644\u0647\u062f\u0648\u0621 \u0648\u0627\u0644\u062c\u0645\u0627\u0644 \u0627\u0644\u0644\u064a \u0641\u064a \u0627\u0644\u0648\u0627\u062d\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================\r\n     PART 2 : IMAGE ROW\r\n============================ -->\r\n<section class=\"oj-marquee-section\" dir=\"rtl\">\r\n\r\n  <div class=\"oj-marquee-head\">\r\n    <span class=\"oj-eyebrow\">\r\n      <span class=\"oj-line\"><\/span> \u0641\u064a \u0643\u0644 \u0631\u0643\u0646 <span class=\"oj-line\"><\/span>\r\n    <\/span>\r\n  <\/div>\r\n\r\n  <div class=\"oj-marquee\">\r\n    <div class=\"oj-marquee-track\">\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/vSTfVdH\/3d01edb1-7f99-4273-8386-1eb477c6cba6.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/6RPM6yq1\/84e83b87-c8ac-4b27-ae35-bd9c2940410a.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/VW7f9BZ0\/31871d5c-8b48-4f2e-b58f-bc2e6e23f957.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/xq7d1j8b\/752ac607-2ffe-462c-9d64-e54a32a386e3.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/Xr7NP6T5\/macrame-wall-hanging-1000x1000.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/BVF0drtj\/4c30b3a8-cb10-4fda-bee9-12460609f383.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/chyMxtQ3\/ef794ed7-e12a-4d1c-8852-4faebd12a415.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/S7t5hRZP\/fb1bbc36-62cc-47d1-bccb-212f4ed91478.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/tM5KDs4w\/4a65fbba-f0a8-4caf-96bc-e8c89e866200.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cXy2ZhqR\/499e530a-42be-4dd6-b7a9-3da997a5355b.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/QvkbmfN1\/a541fd3c-583b-4872-8062-50a0911d1c68.png\" alt=\"\"><\/div>\r\n      <div class=\"oj-mq-card\"><img decoding=\"async\" src=\"https:\/\/i.ibb.co\/0jS1b9wL\/ac836fff-d40f-4a26-b860-428be50697e5.png\" alt=\"\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- ============================\r\n     PART 3 : PROCESS + COUNTERS\r\n============================ -->\r\n<section class=\"oj-process\" dir=\"rtl\">\r\n  <div class=\"oj-inner\">\r\n\r\n    <div class=\"oj-process-head\">\r\n      <span class=\"oj-eyebrow\">\r\n        <span class=\"oj-line\"><\/span> \u0627\u0644\u062d\u0643\u0627\u064a\u0629\r\n      <\/span>\r\n\r\n      <h2 class=\"oj-process-title\">\r\n        <span>\u0645\u0646 \u062e\u064a\u0637 \u0628\u0633\u064a\u0637<\/span>\r\n        <span>\u0644\u062d\u0627\u062c\u0629<\/span>\r\n        <span class=\"oj-em\">\u0628\u062a\u062d\u0628\u0647\u0627 \u0641\u064a \u0628\u064a\u062a\u0643.<\/span>\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"oj-steps\">\r\n\r\n      <div class=\"oj-step\">\r\n        <div class=\"oj-step-num\"><span>\u0660\u0661<\/span><\/div>\r\n        <div class=\"oj-step-icon\">\ud83e\uddf5<\/div>\r\n        <h4 class=\"oj-step-title\">\u062e\u064a\u0637<\/h4>\r\n        <p class=\"oj-step-desc\">\u0643\u0644 \u062d\u0627\u062c\u0629 \u0628\u062a\u0628\u062f\u0623 \u0628\u0623\u0628\u0633\u0637 \u062e\u0627\u0645\u0629... \u0648\u0631\u0624\u064a\u0629 \u0644\u062d\u0627\u062c\u0629 \u062c\u0645\u064a\u0644\u0629.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"oj-step\">\r\n        <div class=\"oj-step-num\"><span>\u0660\u0662<\/span><\/div>\r\n        <div class=\"oj-step-icon\">\u2726<\/div>\r\n        <h4 class=\"oj-step-title\">\u0639\u0642\u062f\u0629<\/h4>\r\n        <p class=\"oj-step-desc\">\u0643\u0644 \u0639\u0642\u062f\u0629 \u0628\u062a\u062a\u0639\u0645\u0644 \u0628\u0625\u064a\u062f \u0628\u062d\u0631\u0635\u060c \u0639\u0634\u0627\u0646 \u062a\u062f\u064a \u0645\u0644\u0645\u0633 \u0648\u0631\u0648\u062d.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"oj-step\">\r\n        <div class=\"oj-step-num\"><span>\u0660\u0663<\/span><\/div>\r\n        <div class=\"oj-step-icon\">\u223f<\/div>\r\n        <h4 class=\"oj-step-title\">\u0646\u0642\u0634\u0629<\/h4>\r\n        <p class=\"oj-step-desc\">\u0627\u0644\u062e\u064a\u0648\u0637 \u0628\u062a\u0628\u0642\u0649 \u0646\u0642\u0648\u0634\u060c \u0648\u0627\u0644\u0646\u0642\u0648\u0634 \u0628\u062a\u0628\u0642\u0649 \u0623\u0634\u0643\u0627\u0644\u060c \u0648\u0627\u0644\u0623\u0634\u0643\u0627\u0644 \u0628\u062a\u0628\u0642\u0649 \u0642\u0637\u0639 \u0645\u0641\u064a\u0634 \u0632\u064a\u0647\u0627.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"oj-step\">\r\n        <div class=\"oj-step-num\"><span>\u0660\u0664<\/span><\/div>\r\n        <div class=\"oj-step-icon\">\u2661<\/div>\r\n        <h4 class=\"oj-step-title\">\u0628\u064a\u062a\u0643<\/h4>\r\n        <p class=\"oj-step-desc\">\u0648\u0641\u064a \u0627\u0644\u0622\u062e\u0631... \u0627\u0644\u0641\u0646 \u0627\u0644\u064a\u062f\u0648\u064a \u0628\u064a\u0628\u0642\u0649 \u062c\u0632\u0621 \u0645\u0646 \u064a\u0648\u0645\u0643 \u0648\u0645\u0633\u0627\u062d\u062a\u0643.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"oj-counters\">\r\n      <div class=\"oj-cnt\">\r\n        <span class=\"oj-cnt-num\">\u0667<\/span>\r\n        <span class=\"oj-cnt-plus\">+<\/span>\r\n        <span class=\"oj-cnt-lbl\">\u0633\u0646\u064a\u0646 \u062e\u0628\u0631\u0629<\/span>\r\n      <\/div>\r\n      <div class=\"oj-cnt\">\r\n        <span class=\"oj-cnt-num\">\u0665\u0660\u0660<\/span>\r\n        <span class=\"oj-cnt-plus\">+<\/span>\r\n        <span class=\"oj-cnt-lbl\">\u0639\u0645\u064a\u0644 \u0633\u0639\u064a\u062f<\/span>\r\n      <\/div>\r\n      <div class=\"oj-cnt\">\r\n        <span class=\"oj-cnt-num\">\u0661\u0660\u0660<\/span>\r\n        <span class=\"oj-cnt-plus\">%<\/span>\r\n        <span class=\"oj-cnt-lbl\">\u0635\u0646\u0627\u0639\u0629 \u064a\u062f\u0648\u064a\u0629<\/span>\r\n      <\/div>\r\n      <div class=\"oj-cnt\">\r\n        <span class=\"oj-cnt-num\">\u0667\u0669<\/span>\r\n        <span class=\"oj-cnt-plus\">+<\/span>\r\n        <span class=\"oj-cnt-lbl\">\u0642\u0637\u0639\u0629 \u0641\u0646\u064a\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   OASIS \u2014 ABOUT (ARABIC)\r\n========================================================= *\/\r\n\r\n:root {\r\n  --cream:       #F5EFE4;\r\n  --cream-2:     #EDE3D2;\r\n  --coffee:      #3A2A1C;\r\n  --coffee-2:    #2A1E13;\r\n  --orange:      #C4683A;\r\n  --orange-soft: #D8895E;\r\n  --brown:       #7B5B3F;\r\n  --line:        #DDD0BB;\r\n  --text:        #6B5847;\r\n}\r\n\r\n\/* Reset *\/\r\n.oj-journey, .oj-marquee-section, .oj-process {\r\n  font-family: 'El Messiri', 'Cairo', -apple-system, sans-serif;\r\n  box-sizing: border-box;\r\n  width: 100%;\r\n  direction: rtl;\r\n}\r\n\r\n.oj-journey *, .oj-marquee-section *, .oj-process * {\r\n  box-sizing: border-box;\r\n  font-family: 'El Messiri', 'Cairo', sans-serif;\r\n}\r\n\r\n.oj-inner {\r\n  max-width: 100%;\r\n  padding: 0 60px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UTILITY\r\n========================================================= *\/\r\n.oj-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  font-size: 13px;\r\n  letter-spacing: 0;\r\n  color: var(--brown);\r\n  opacity: 0.85;\r\n  font-weight: 600;\r\n}\r\n\r\n.oj-line {\r\n  display: block;\r\n  width: 42px;\r\n  height: 1px;\r\n  background: var(--brown);\r\n  opacity: 0.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PART 1 : JOURNEY\r\n========================================================= *\/\r\n.oj-journey {\r\n  background: var(--cream);\r\n  padding: 80px 0 60px;\r\n  width: 100%;\r\n  border-radius: 20px;\r\n}\r\n\r\n.oj-timeline-wrap {\r\n  width: 100%;\r\n  padding: 0 60px;\r\n}\r\n\r\n.oj-head {\r\n  text-align: center;\r\n  margin-bottom: 90px;\r\n}\r\n\r\n.oj-title {\r\n  font-family: 'El Messiri', Georgia, serif;\r\n  font-size: clamp(34px, 4.5vw, 62px);\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  letter-spacing: 0;\r\n  color: var(--coffee);\r\n  margin: 24px 0 0;\r\n}\r\n\r\n.oj-title em {\r\n  font-style: italic;\r\n  color: var(--orange);\r\n}\r\n\r\n\/* Timeline *\/\r\n.oj-timeline {\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.oj-timeline::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 1px;\r\n  background: var(--brown);\r\n  opacity: 0.35;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.oj-tl-item {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1fr 60px 1fr;\r\n  align-items: center;\r\n  padding: 55px 0;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u0627\u0644\u0633\u0646\u0629 - \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 \u0641\u064a RTL *\/\r\n.oj-tl-year {\r\n  grid-column: 1;\r\n  text-align: left;\r\n  padding-left: 40px;\r\n  font-family: 'El Messiri', Georgia, serif;\r\n  font-size: clamp(34px, 4vw, 62px);\r\n  font-weight: 700;\r\n  color: var(--coffee);\r\n  letter-spacing: 0;\r\n  line-height: 1;\r\n}\r\n\r\n.oj-tl-dot {\r\n  grid-column: 2;\r\n  justify-self: center;\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 50%;\r\n  background: var(--cream);\r\n  border: 1.5px solid var(--brown);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.oj-tl-dot::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 3px;\r\n  border-radius: 50%;\r\n  background: var(--orange);\r\n}\r\n\r\n\/* \u0627\u0644\u0646\u0635 - \u0639\u0644\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 \u0641\u064a RTL *\/\r\n.oj-tl-body {\r\n  grid-column: 3;\r\n  padding-right: 40px;\r\n  text-align: right;\r\n  max-width: 100%;\r\n}\r\n\r\n.oj-tl-body h4 {\r\n  font-family: 'El Messiri', Georgia, serif;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  font-weight: 700;\r\n  color: var(--coffee);\r\n  margin: 0 0 14px;\r\n  letter-spacing: 0;\r\n  line-height: 1.3;\r\n}\r\n\r\n.oj-tl-body p {\r\n  font-size: 15.5px;\r\n  line-height: 2;\r\n  color: var(--text);\r\n  margin: 0;\r\n  opacity: 0.9;\r\n  max-width: 620px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PART 2 : IMAGE ROW\r\n========================================================= *\/\r\n.oj-marquee-section {\r\n  background: var(--cream);\r\n  padding: 60px 0 80px;\r\n  width: 100%;\r\n}\r\n\r\n.oj-marquee-head {\r\n  text-align: center;\r\n  margin-bottom: 55px;\r\n  padding: 0 60px;\r\n}\r\n\r\n.oj-marquee {\r\n  width: 100%;\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n  padding: 0 60px 20px;\r\n  scrollbar-width: thin;\r\n  scrollbar-color: var(--brown) transparent;\r\n}\r\n\r\n.oj-marquee::-webkit-scrollbar {\r\n  height: 6px;\r\n}\r\n\r\n.oj-marquee::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n\r\n.oj-marquee::-webkit-scrollbar-thumb {\r\n  background: var(--brown);\r\n  border-radius: 3px;\r\n  opacity: 0.4;\r\n}\r\n\r\n.oj-marquee-track {\r\n  display: flex;\r\n  gap: 26px;\r\n  width: max-content;\r\n}\r\n\r\n.oj-mq-card {\r\n  flex-shrink: 0;\r\n  width: 270px;\r\n  height: 340px;\r\n  background: var(--cream-2);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n}\r\n\r\n.oj-mq-card img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PART 3 : PROCESS + COUNTERS\r\n========================================================= *\/\r\n.oj-process {\r\n  background: var(--cream);\r\n  padding: 60px 0 100px;\r\n  width: 100%;\r\n}\r\n\r\n.oj-process-head {\r\n  margin-bottom: 90px;\r\n  max-width: 1000px;\r\n}\r\n\r\n.oj-process-title {\r\n  font-family: 'El Messiri', sans-serif;\r\n  font-size: clamp(42px, 6vw, 88px);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  letter-spacing: 0;\r\n  color: var(--coffee);\r\n  margin: 24px 0 0;\r\n}\r\n\r\n.oj-process-title > span {\r\n  display: block;\r\n}\r\n\r\n.oj-process-title .oj-em {\r\n  font-style: italic;\r\n  font-weight: 500;\r\n  color: var(--orange);\r\n  letter-spacing: 0;\r\n}\r\n\r\n\/* Steps *\/\r\n.oj-steps {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 40px;\r\n  margin-bottom: 110px;\r\n}\r\n\r\n.oj-step {\r\n  position: relative;\r\n  padding-top: 70px;\r\n  text-align: right;\r\n}\r\n\r\n.oj-step::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 34px;\r\n  left: -20px;\r\n  right: -20px;\r\n  height: 1px;\r\n  background: var(--line);\r\n  z-index: 0;\r\n}\r\n\r\n.oj-step:first-child::before { right: 34px; }\r\n.oj-step:last-child::before  { left: 34px; }\r\n\r\n.oj-step-num {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 68px;\r\n  height: 68px;\r\n  border-radius: 50%;\r\n  background: var(--cream);\r\n  border: 1px solid var(--line);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 2;\r\n}\r\n\r\n.oj-step-num span {\r\n  font-family: 'El Messiri', sans-serif;\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  color: var(--orange);\r\n  letter-spacing: 0;\r\n}\r\n\r\n.oj-step-icon {\r\n  font-size: 30px;\r\n  color: var(--orange);\r\n  margin-bottom: 20px;\r\n  line-height: 1;\r\n  display: inline-block;\r\n}\r\n\r\n.oj-step-title {\r\n  font-family: 'El Messiri', sans-serif;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  letter-spacing: 0;\r\n  color: var(--coffee);\r\n  margin: 0 0 16px;\r\n  line-height: 1.3;\r\n}\r\n\r\n.oj-step-desc {\r\n  font-size: 14.5px;\r\n  line-height: 1.9;\r\n  color: var(--text);\r\n  margin: 0;\r\n  opacity: 0.88;\r\n}\r\n\r\n\/* Counters *\/\r\n.oj-counters {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n  padding-top: 70px;\r\n  border-top: 1px solid var(--line);\r\n}\r\n\r\n.oj-cnt {\r\n  text-align: center;\r\n  position: relative;\r\n  padding: 0 20px;\r\n}\r\n\r\n.oj-cnt:not(:last-child)::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  top: 20%;\r\n  bottom: 20%;\r\n  width: 1px;\r\n  background: var(--line);\r\n}\r\n\r\n.oj-cnt-num,\r\n.oj-cnt-plus {\r\n  display: inline-block;\r\n  font-family: 'El Messiri', sans-serif;\r\n  font-size: clamp(44px, 5.5vw, 76px);\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  color: var(--coffee);\r\n  letter-spacing: 0;\r\n}\r\n\r\n.oj-cnt-plus {\r\n  color: var(--orange);\r\n  margin-right: 6px;\r\n}\r\n\r\n.oj-cnt-lbl {\r\n  display: block;\r\n  margin-top: 18px;\r\n  font-size: 14px;\r\n  letter-spacing: 0;\r\n  font-weight: 600;\r\n  color: var(--text);\r\n  opacity: 0.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n@media (max-width: 992px) {\r\n  .oj-inner { padding: 0 30px; }\r\n  .oj-timeline-wrap { padding: 0 30px; }\r\n  .oj-journey { padding: 60px 0 40px; }\r\n  .oj-head { margin-bottom: 70px; }\r\n\r\n  .oj-tl-item {\r\n    grid-template-columns: 1fr 45px 1fr;\r\n    padding: 45px 0;\r\n  }\r\n\r\n  .oj-tl-year {\r\n    padding-left: 25px;\r\n    font-size: clamp(30px, 3.8vw, 44px);\r\n  }\r\n\r\n  .oj-tl-body { padding-right: 25px; }\r\n  .oj-tl-body h4 { font-size: 22px; }\r\n  .oj-tl-body p  { font-size: 14.5px; }\r\n\r\n  .oj-marquee-head { padding: 0 30px; }\r\n  .oj-marquee { padding: 0 30px 20px; }\r\n  .oj-mq-card { width: 230px; height: 290px; }\r\n\r\n  .oj-process { padding: 40px 0 80px; }\r\n  .oj-process-head { margin-bottom: 70px; }\r\n\r\n  .oj-steps {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 60px 30px;\r\n    margin-bottom: 90px;\r\n  }\r\n  .oj-step::before { display: none; }\r\n  .oj-step { padding-top: 80px; }\r\n\r\n  .oj-counters {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 50px 15px;\r\n    padding-top: 50px;\r\n  }\r\n  .oj-cnt:nth-child(2)::after { display: none; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .oj-inner { padding: 0 20px; }\r\n  .oj-timeline-wrap { padding: 0 22px; }\r\n  .oj-journey { padding: 40px 0 60px; }\r\n  .oj-head { margin-bottom: 55px; }\r\n\r\n  \/* \u0627\u0644\u062e\u0637 \u0639\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 \u0641\u064a RTL *\/\r\n  .oj-timeline::before {\r\n    right: 10px;\r\n    left: auto;\r\n    transform: none;\r\n  }\r\n\r\n  .oj-tl-item {\r\n    display: block;\r\n    padding: 35px 50px 35px 0;\r\n    position: relative;\r\n  }\r\n\r\n  .oj-tl-year {\r\n    display: block;\r\n    text-align: right;\r\n    padding-left: 0;\r\n    font-size: 30px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .oj-tl-dot {\r\n    position: absolute;\r\n    right: 2px;\r\n    top: 45px;\r\n    width: 14px;\r\n    height: 14px;\r\n  }\r\n\r\n  .oj-tl-body { padding-right: 0; }\r\n  .oj-tl-body h4 { font-size: 20px; }\r\n  .oj-tl-body p  { font-size: 14px; }\r\n\r\n  .oj-marquee-head { padding: 0 20px; margin-bottom: 35px; }\r\n  .oj-marquee { padding: 0 20px 15px; }\r\n  .oj-mq-card { width: 180px; height: 230px; border-radius: 14px; }\r\n  .oj-marquee-track { gap: 15px; }\r\n\r\n  .oj-process { padding: 40px 0 70px; }\r\n  .oj-process-head { margin-bottom: 55px; }\r\n  .oj-process-title { line-height: 1.2; }\r\n\r\n  .oj-steps {\r\n    grid-template-columns: 1fr;\r\n    gap: 50px;\r\n    margin-bottom: 70px;\r\n  }\r\n  .oj-step { padding-top: 80px; }\r\n  .oj-step-num { width: 60px; height: 60px; }\r\n  .oj-step-num span { font-size: 14px; }\r\n  .oj-step-title { font-size: 18px; }\r\n  .oj-step-desc { font-size: 13.5px; }\r\n\r\n  .oj-counters {\r\n    gap: 35px 12px;\r\n    padding-top: 45px;\r\n  }\r\n  .oj-cnt { padding: 0 5px; }\r\n  .oj-cnt::after { display: none !important; }\r\n  .oj-cnt-num, .oj-cnt-plus { font-size: 38px; }\r\n  .oj-cnt-lbl { font-size: 12px; margin-top: 12px; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0631\u062d\u0644\u062a\u0646\u0627 \u0633\u0628\u0639 \u0633\u0646\u064a\u0646 \u0645\u0646 \u0627\u0644\u0641\u062e\u0627\u0645\u0629 \u0627\u0644\u0647\u0627\u062f\u064a\u0629. 2017 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u0627\u0644\u0648\u0627\u062d\u0629 \u0628\u062f\u0623\u062a \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0635\u063a\u064a\u0631\u0629 \u0645\u0646 \u062f\u064a\u0643\u0648\u0631 \u0627\u0644\u062d\u0648\u0627\u0626\u0637 \u0627\u0644\u064a\u062f\u0648\u064a \u2014 \u0627\u062a\u0648\u0644\u062f\u062a \u0641\u064a \u0627\u0633\u062a\u0648\u062f\u064a\u0648<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2545","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/comments?post=2545"}],"version-history":[{"count":3,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2545\/revisions"}],"predecessor-version":[{"id":2630,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2545\/revisions\/2630"}],"wp:attachment":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/media?parent=2545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}