{"id":2565,"date":"2026-09-28T10:43:23","date_gmt":"2026-09-28T10:43:23","guid":{"rendered":"https:\/\/oasismakrame.com\/why-choose-us\/"},"modified":"2026-10-08T15:46:18","modified_gmt":"2026-10-08T15:46:18","slug":"why-choose-us","status":"publish","type":"page","link":"https:\/\/oasismakrame.com\/ar\/why-choose-us\/","title":{"rendered":"Why Choose Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2565\" class=\"elementor elementor-2565 elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c8f02a0 e-con-full e-flex e-con e-parent\" data-id=\"c8f02a0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0b8dfd9 e-con-full e-flex e-con e-child\" data-id=\"0b8dfd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-95b203f e-con-full e-flex e-con e-child\" data-id=\"95b203f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-453fc96 elementor-widget elementor-widget-html\" data-id=\"453fc96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 \u0627\u0644\u0645\u0633\u064a\u0631\u064a \u0645\u0646 Google Fonts -->\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<section class=\"why-us\" dir=\"rtl\">\r\n  <div class=\"why-title\">\r\n    <span>\u0627\u0644\u0644\u064a \u0628\u064a\u0645\u064a\u0651\u0632\u0646\u0627<\/span>\r\n    <h2>\u0644\u064a\u0647 \u0627\u0644\u0648\u0627\u062d\u0629<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"why-links\">\r\n    <a href=\"https:\/\/oasismakrame.com\/ar\/about\/\" class=\"why-link\">\r\n      <span class=\"why-number\">\u0660\u0661<\/span>\r\n      <div class=\"why-body\">\r\n        <h3>\u062d\u0631\u0641\u064a\u0629 \u0625\u064a\u062f<\/h3>\r\n        <p>\u0643\u0644 \u0642\u0637\u0639\u0629 \u0628\u062a\u062e\u0631\u062c \u0645\u0646 \u0625\u064a\u062f \u062d\u0631\u0641\u064a\u064a\u0646\u0627 \u2014 \u0639\u0642\u062f\u0629 \u0628\u0639\u0642\u062f\u0629\u060c \u0648\u063a\u0631\u0632\u0629 \u0628\u063a\u0631\u0632\u0629.<\/p>\r\n      <\/div>\r\n      <span class=\"why-arrow\">\u2196<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/oasismakrame.com\/ar\/about\/\" class=\"why-link\">\r\n      <span class=\"why-number\">\u0660\u0662<\/span>\r\n      <div class=\"why-body\">\r\n        <h3>\u062e\u0627\u0645\u0627\u062a \u0628\u062a\u0639\u064a\u0634 \u0633\u0646\u064a\u0646<\/h3>\r\n        <p>\u062e\u064a\u0648\u0637 \u0642\u0637\u0646 \u0641\u0627\u062e\u0631\u0629 \u0648\u062e\u0627\u0645\u0627\u062a \u0637\u0628\u064a\u0639\u064a\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0628\u0639\u0646\u0627\u064a\u0629\u060c \u0628\u062a\u0639\u064a\u0634 \u0645\u0639\u0627\u0643 \u0633\u0646\u064a\u0646.<\/p>\r\n      <\/div>\r\n      <span class=\"why-arrow\">\u2196<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/oasismakrame.com\/shop\/\" class=\"why-link\">\r\n      <span class=\"why-number\">\u0660\u0663<\/span>\r\n      <div class=\"why-body\">\r\n        <h3>\u0639\u0644\u0649 \u0645\u0642\u0627\u0633 \u0645\u0643\u0627\u0646\u0643<\/h3>\r\n        <p>\u0628\u0646\u062c\u0647\u0651\u0632 \u0643\u0644 \u0642\u0637\u0639\u0629 \u0639\u0644\u0649 \u0645\u0642\u0627\u0633 \u0645\u0643\u0627\u0646\u0643\u060c \u0648\u0628\u0644\u0648\u0646 \u062f\u064a\u0643\u0648\u0631\u0643\u060c \u0648\u0628\u0627\u0644\u0631\u0624\u064a\u0629 \u0627\u0644\u0644\u064a \u0641\u064a \u0628\u0627\u0644\u0643.<\/p>\r\n      <\/div>\r\n      <span class=\"why-arrow\">\u2196<\/span>\r\n    <\/a>\r\n\r\n    <a href=\"\/contact\/\" class=\"why-link\">\r\n      <span class=\"why-number\">\u0660\u0664<\/span>\r\n      <div class=\"why-body\">\r\n        <h3>\u0644\u0644\u0645\u0637\u0627\u0639\u0645 \u0648\u0627\u0644\u0641\u0646\u0627\u062f\u0642<\/h3>\r\n        <p>\u0634\u0631\u064a\u0643 \u0645\u0648\u062b\u0648\u0642 \u0644\u0644\u0645\u0637\u0627\u0639\u0645 \u0648\u0627\u0644\u0641\u0646\u0627\u062f\u0642 \u0648\u0627\u0644\u0645\u0646\u062a\u062c\u0639\u0627\u062a \u2014 \u0641\u064a \u0645\u0635\u0631 \u0648\u062e\u0627\u0631\u062c\u0647\u0627.<\/p>\r\n      <\/div>\r\n      <span class=\"why-arrow\">\u2196<\/span>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --terra:   #C4683A;\r\n    --olive:   #7A8B5A;\r\n    --gold:    #C9A961;\r\n    --brown:   #7B5B3F;\r\n    --dark:    #2A1E13;\r\n    --cream:   #F5EFE4;\r\n  }\r\n\r\n  \/* ============ WRAPPER ============ *\/\r\n  .why-us {\r\n    display: grid;\r\n    grid-template-columns: 32% 68%;\r\n    min-height: 680px;\r\n    background: var(--dark);\r\n    color: var(--cream);\r\n    font-family: 'El Messiri', 'Cairo', -apple-system, sans-serif;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    direction: rtl;\r\n  }\r\n\r\n  .why-us * {\r\n    box-sizing: border-box;\r\n    font-family: 'El Messiri', 'Cairo', sans-serif;\r\n  }\r\n\r\n  \/* ============ LEFT COLUMN (\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0623\u064a\u0645\u0646 \u0641\u064a RTL) ============ *\/\r\n  .why-title {\r\n    padding: 70px 55px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    border-left: 1px solid rgba(245, 239, 228, 0.15);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .why-title::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -80px;\r\n    left: -80px;\r\n    width: 300px;\r\n    height: 300px;\r\n    border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(196, 104, 58, 0.2), transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .why-title > span {\r\n    color: var(--gold) !important;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 0;\r\n    position: relative;\r\n    z-index: 2;\r\n    font-family: 'El Messiri', sans-serif;\r\n  }\r\n\r\n  .why-title h2 {\r\n    margin: 0;\r\n    font-family: 'El Messiri', Georgia, serif !important;\r\n    font-size: clamp(56px, 6.5vw, 110px);\r\n    font-weight: 700;\r\n    line-height: 0.95;\r\n    letter-spacing: 0;\r\n    color: var(--cream) !important;\r\n    writing-mode: vertical-rl;\r\n    text-orientation: mixed;\r\n    transform: rotate(180deg);\r\n    position: relative;\r\n    z-index: 2;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* ============ RIGHT COLUMN (\u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0623\u064a\u0633\u0631 \u0641\u064a RTL) ============ *\/\r\n  .why-links {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .why-link {\r\n    flex: 1;\r\n    min-height: 160px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    display: grid;\r\n    grid-template-columns: 80px 1fr 60px;\r\n    align-items: center;\r\n    gap: 18px;\r\n    padding: 30px 48px;\r\n    color: var(--cream) !important;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(245, 239, 228, 0.15);\r\n    transition: color 0.35s ease;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .why-link:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  \/* ============ HOVER BACKGROUNDS ============ *\/\r\n  .why-link::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: var(--terra);\r\n    transform: translateX(101%); \/* \u2b05\ufe0f \u0645\u0646 \u0627\u0644\u064a\u0645\u064a\u0646 \u0639\u0634\u0627\u0646 RTL *\/\r\n    transition: transform 0.5s cubic-bezier(0.7, 0, 0.2, 1);\r\n    z-index: -1;\r\n  }\r\n\r\n  .why-link:nth-child(2)::before { background: var(--olive); }\r\n  .why-link:nth-child(3)::before { background: var(--gold);  }\r\n  .why-link:nth-child(4)::before { background: var(--brown); }\r\n\r\n  .why-link:hover::before {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  \/* ============ NUMBER ============ *\/\r\n  .why-number {\r\n    color: var(--gold) !important;\r\n    font-family: 'El Messiri', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.05em;\r\n    transition: color 0.35s ease;\r\n    align-self: start;\r\n    padding-top: 8px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .why-link:hover .why-number {\r\n    color: var(--cream) !important;\r\n  }\r\n\r\n  \/* ============ BODY ============ *\/\r\n  .why-body {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .why-link h3 {\r\n    margin: 0;\r\n    font-family: 'El Messiri', sans-serif !important;\r\n    font-size: clamp(24px, 2.6vw, 40px);\r\n    line-height: 1.15;\r\n    letter-spacing: 0;\r\n    font-weight: 700;\r\n    color: var(--cream) !important;\r\n    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);\r\n  }\r\n\r\n  .why-link p {\r\n    margin: 0;\r\n    font-size: 14px;\r\n    line-height: 1.75;\r\n    color: var(--cream) !important;\r\n    opacity: 0.6;\r\n    max-width: 560px;\r\n    transition: opacity 0.35s ease;\r\n    font-family: 'El Messiri', sans-serif;\r\n  }\r\n\r\n  .why-link:hover h3 {\r\n    transform: translateX(-6px); \/* \u2b05\ufe0f \u0628\u064a\u062a\u062d\u0631\u0643 \u0644\u0644\u064a\u0633\u0627\u0631 \u0641\u064a RTL *\/\r\n    color: #FFFFFF !important;\r\n  }\r\n\r\n  .why-link:hover p {\r\n    opacity: 0.95;\r\n  }\r\n\r\n  \/* ============ ARROW ============ *\/\r\n  .why-arrow {\r\n    justify-self: end;\r\n    align-self: start;\r\n    padding-top: 6px;\r\n    font-size: 30px;\r\n    line-height: 1;\r\n    color: var(--cream) !important;\r\n    transition: transform 0.4s cubic-bezier(0.7, 0, 0.2, 1);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .why-link:hover .why-arrow {\r\n    transform: translate(-7px, -7px); \/* \u2b05\ufe0f \u0627\u0644\u0633\u0647\u0645 \u064a\u0637\u0644\u0639 \u0644\u0641\u0648\u0642 \u0639\u0644\u0649 \u0627\u0644\u0634\u0645\u0627\u0644 *\/\r\n  }\r\n\r\n  \/* ============ RESPONSIVE ============ *\/\r\n  @media (max-width: 900px) {\r\n    .why-us {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n    }\r\n\r\n    .why-title {\r\n      min-height: 220px;\r\n      padding: 40px 30px;\r\n      border-left: 0;\r\n      border-bottom: 1px solid rgba(245, 239, 228, 0.15);\r\n      justify-content: center;\r\n      gap: 20px;\r\n    }\r\n\r\n    .why-title h2 {\r\n      writing-mode: horizontal-tb;\r\n      text-orientation: initial;\r\n      transform: none;\r\n      font-size: clamp(44px, 12vw, 72px);\r\n      white-space: normal;\r\n    }\r\n\r\n    .why-link {\r\n      min-height: auto;\r\n      padding: 28px 25px;\r\n      grid-template-columns: 50px 1fr 35px;\r\n      gap: 12px;\r\n    }\r\n\r\n    .why-link h3 {\r\n      font-size: clamp(20px, 5vw, 28px);\r\n    }\r\n\r\n    .why-link p {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .why-arrow {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .why-title {\r\n      min-height: 180px;\r\n      padding: 30px 22px;\r\n    }\r\n\r\n    .why-title > span {\r\n      font-size: 11px;\r\n    }\r\n\r\n    .why-title h2 {\r\n      font-size: 42px;\r\n    }\r\n\r\n    .why-link {\r\n      padding: 22px 20px;\r\n      grid-template-columns: 40px 1fr 28px;\r\n    }\r\n\r\n    .why-number {\r\n      font-size: 13px;\r\n    }\r\n\r\n    .why-link h3 {\r\n      font-size: 18px;\r\n    }\r\n\r\n    .why-link p {\r\n      font-size: 12.5px;\r\n      line-height: 1.65;\r\n    }\r\n\r\n    .why-arrow {\r\n      font-size: 20px;\r\n    }\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>\u0627\u0644\u0644\u064a \u0628\u064a\u0645\u064a\u0651\u0632\u0646\u0627 \u0644\u064a\u0647 \u0627\u0644\u0648\u0627\u062d\u0629 \u0660\u0661 \u062d\u0631\u0641\u064a\u0629 \u0625\u064a\u062f \u0643\u0644 \u0642\u0637\u0639\u0629 \u0628\u062a\u062e\u0631\u062c \u0645\u0646 \u0625\u064a\u062f \u062d\u0631\u0641\u064a\u064a\u0646\u0627 \u2014 \u0639\u0642\u062f\u0629 \u0628\u0639\u0642\u062f\u0629\u060c \u0648\u063a\u0631\u0632\u0629 \u0628\u063a\u0631\u0632\u0629. \u2196 \u0660\u0662<\/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-2565","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2565","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=2565"}],"version-history":[{"count":3,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2565\/revisions"}],"predecessor-version":[{"id":2627,"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/pages\/2565\/revisions\/2627"}],"wp:attachment":[{"href":"https:\/\/oasismakrame.com\/ar\/wp-json\/wp\/v2\/media?parent=2565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}