{"id":2854,"date":"2026-07-29T16:03:03","date_gmt":"2026-07-29T16:03:03","guid":{"rendered":"https:\/\/almajdlawfirm.com\/?page_id=2854"},"modified":"2026-09-01T14:03:45","modified_gmt":"2026-09-01T14:03:45","slug":"%d9%81%d8%b1%d9%8a%d9%82-%d8%a7%d9%84%d8%b9%d9%85%d9%84","status":"publish","type":"page","link":"https:\/\/almajdlawfirm.com\/en\/%d9%81%d8%b1%d9%8a%d9%82-%d8%a7%d9%84%d8%b9%d9%85%d9%84\/","title":{"rendered":"Our Team"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2854\" class=\"elementor elementor-2854\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e1d16b e-flex e-con-boxed e-con e-parent\" data-id=\"4e1d16b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33ee27a elementor-widget elementor-widget-html\" data-id=\"33ee27a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"our-team-section\" id=\"ourTeamSection\" dir=\"rtl\">\r\n  <div class=\"our-team-overlay\"><\/div>\r\n  <div class=\"our-team-container\">\r\n    <div class=\"our-team-content\">\r\n      <div class=\"our-team-header-row\">\r\n        <span class=\"our-team-label\" data-translate=\"team_label\">\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644<\/span>\r\n        <div class=\"our-team-line\"><\/div>\r\n      <\/div>\r\n      <h2 class=\"our-team-title\" data-translate=\"team_title\">\u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u064a\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629<\/h2>\r\n      <p class=\"our-team-description\" data-translate=\"team_desc\">\r\n        \u062a\u0636\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062c\u062f \u0641\u0631\u064a\u0642\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629\u060c \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0634\u062a\u0649 \u0641\u0631\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u062d\u0645\u0627\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .our-team-section {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 280px;\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 6rem 2rem;\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    text-align: right;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062a\u0643\u064a\u0641 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a (RTL \/ LTR) \u0628\u062f\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u0635\u0644\u064a *\/\r\n  .our-team-section:dir(rtl),\r\n  .our-team-section[dir=\"rtl\"] {\r\n    text-align: right;\r\n  }\r\n\r\n  .our-team-section:dir(ltr),\r\n  .our-team-section[dir=\"ltr\"] {\r\n    text-align: left;\r\n  }\r\n\r\n  \/* \u0639\u0643\u0633 \u062a\u0631\u062a\u064a\u0628 \u062e\u0637 \u0627\u0644\u0639\u0646\u0648\u0646\u0629 \u0627\u0644\u0641\u0631\u0639\u064a\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u0646\u0633\u064a\u0629 *\/\r\n  .our-team-section:dir(ltr) .our-team-header-row,\r\n  .our-team-section[dir=\"ltr\"] .our-team-header-row {\r\n    flex-direction: row-reverse;\r\n    justify-content: flex-end;\r\n  }\r\n\r\n  .our-team-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 1;\r\n  }\r\n\r\n  .our-team-container {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 1280px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .our-team-content {\r\n    max-width: 650px;\r\n  }\r\n\r\n  .our-team-header-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 1.2rem;\r\n  }\r\n\r\n  .our-team-label {\r\n    color: #C8A14A;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .our-team-line {\r\n    width: 35px;\r\n    height: 1px;\r\n    background-color: #C8A14A;\r\n  }\r\n\r\n  .our-team-title {\r\n    font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n    font-weight: 700;\r\n    color: #FFFFFF !important;\r\n    line-height: 1.25;\r\n    margin: 0 0 1.5rem 0;\r\n  }\r\n\r\n  .our-team-description {\r\n    font-size: 1.05rem;\r\n    line-height: 1.8;\r\n    color: #D1D5DB;\r\n    margin: 0;\r\n    font-weight: 400;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .our-team-section {\r\n      padding: 4rem 1.5rem;\r\n      text-align: center !important;\r\n    }\r\n    .our-team-content {\r\n      max-width: 100%;\r\n    }\r\n    .our-team-header-row {\r\n      justify-content: center !important;\r\n      flex-direction: row !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ \u0648\u0638\u064a\u0641\u0629 \u0644\u0645\u0632\u0627\u0645\u0646\u0629 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0633\u0645 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0639 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0648\u0627\u0644\u0644\u063a\u0629\r\n  function syncTeamHeaderDirection() {\r\n    const section = document.getElementById('ourTeamSection');\r\n    if (!section) return;\r\n\r\n    let targetDir = 'rtl';\r\n    \r\n    \/\/ 1. \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0633\u0645\u0629 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 (dir) \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629\r\n    const htmlDir = document.documentElement.getAttribute('dir');\r\n    const bodyDir = document.body.getAttribute('dir');\r\n    \r\n    if (htmlDir === 'ltr' || bodyDir === 'ltr') {\r\n      targetDir = 'ltr';\r\n    } else if (htmlDir === 'rtl' || bodyDir === 'rtl') {\r\n      targetDir = 'rtl';\r\n    } else {\r\n      \/\/ 2. \u0627\u0644\u062a\u062d\u0642\u0642 \u0627\u0644\u0628\u062f\u064a\u0644 \u0645\u0646 \u0633\u0645\u0629 \u0627\u0644\u0644\u063a\u0629 (lang) \u0625\u0630\u0627 \u0644\u0645 \u064a\u062a\u0645 \u062a\u0639\u064a\u064a\u0646 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0635\u0631\u0627\u062d\u0629\u064b\r\n      const lang = (document.documentElement.getAttribute('lang') || document.body.getAttribute('lang') || 'ar').toLowerCase();\r\n      if (lang.startsWith('en') || lang.startsWith('fr') || lang.startsWith('es')) {\r\n        targetDir = 'ltr';\r\n      }\r\n    }\r\n\r\n    section.setAttribute('dir', targetDir);\r\n  }\r\n\r\n  \/\/ \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0639\u0646\u062f \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\r\n  document.addEventListener('DOMContentLoaded', syncTeamHeaderDirection);\r\n\r\n  \/\/ \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0645\u0629 (dir\u060c lang\u060c class) \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0644\u0645\u062a\u0631\u062c\u0645\u0627\u062a \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\r\n  const headerObserver = new MutationObserver((mutations) => {\r\n    mutations.forEach((mutation) => {\r\n      if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang' || mutation.attributeName === 'class') {\r\n        syncTeamHeaderDirection();\r\n      }\r\n    });\r\n  });\r\n\r\n  headerObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang', 'class'] });\r\n  headerObserver.observe(document.body, { attributes: true, attributeFilter: ['dir', 'lang', 'class'] });\r\n\r\n  \/\/ \u0641\u062d\u0635 \u062f\u0648\u0631\u064a \u062e\u0641\u064a\u0641 \u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0644\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0639\u064a\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u063a\u064a\u0631 \u0627\u0644\u0645\u062a\u0632\u0627\u0645\u0646\r\n  setInterval(syncTeamHeaderDirection, 1000);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c9e2072 e-flex e-con-boxed e-con e-parent\" data-id=\"c9e2072\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ec9052 elementor-widget elementor-widget-html\" data-id=\"7ec9052\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Google Font for Professional Arabic Typography -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Team Grid: Reordered (Founder and Co-Founder Side-by-Side) -->\r\n<div class=\"team-grid-container\" id=\"teamGrid\" dir=\"rtl\">\r\n    <!-- Member 3: Founder - \u0627\u0644\u0645\u0624\u0633\u0633 -->\r\n    <div class=\"team-card\" data-member=\"member-3\">\r\n        <div class=\"image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.image2url.com\/r2\/default\/images\/1785341956220-d1056bca-b25d-46cf-bd25-8b7371de514d.jpg\" alt=\"\u0639\u0645\u0627\u062f \u0627\u0644\u0633\u0643\u0648\u0631\"  title=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\" \/>\r\n            <div class=\"card-badge\" data-translate-badge=\"founder\">Founder - \u0627\u0644\u0645\u0624\u0633\u0633<\/div>\r\n        <\/div>\r\n        <div class=\"card-content\">\r\n            <h3 data-translate-name=\"member-3\">\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0645\u0627\u062f \u0641\u0631\u062d\u0627\u0646 \u0627\u0644\u0633\u0643\u0648\u0631<\/h3>\r\n            <span class=\"explore-link\">\r\n                <span data-translate=\"explore\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/span>\r\n                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"\/><\/svg>\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Member 4: Co-Founder - \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0624\u0633\u0633 -->\r\n    <div class=\"team-card\" data-member=\"member-4\">\r\n        <div class=\"image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.image2url.com\/r2\/default\/images\/1785342005720-e55d0c98-6a1c-42f8-a6aa-f2932ea5824e.jpg\" alt=\"\u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f \u0627\u0644\u0632\u0639\u0628\u064a\"  title=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\" \/>\r\n            <div class=\"card-badge\" data-translate-badge=\"founder\">Founder - \u0627\u0644\u0645\u0624\u0633\u0633<\/div>\r\n        <\/div>\r\n        <div class=\"card-content\">\r\n            <h3 data-translate-name=\"member-4\">\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f \u0627\u0644\u0632\u0639\u0628\u064a<\/h3>\r\n            <span class=\"explore-link\">\r\n                <span data-translate=\"explore\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/span>\r\n                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"\/><\/svg>\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Member 1 -->\r\n    <div class=\"team-card\" data-member=\"member-1\">\r\n        <div class=\"image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.image2url.com\/r2\/default\/images\/1785341732259-f7c17b72-c39d-45ca-8a89-071e3684fec3.jpg\" alt=\"\u0639\u0632\u0627\u0644\u062f\u064a\u0646 \u062d\u0645\u062f\u064a \u0627\u0644\u0645\u0634\u0627\u064a\u062e\"  title=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\" \/>\r\n            <div class=\"card-badge\" data-translate-badge=\"lawyer\">\u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a<\/div>\r\n        <\/div>\r\n        <div class=\"card-content\">\r\n            <h3 data-translate-name=\"member-1\">\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0632\u0627\u0644\u062f\u064a\u0646 \u062d\u0645\u062f\u064a \u0627\u0644\u0645\u0634\u0627\u064a\u062e<\/h3>\r\n            <span class=\"explore-link\">\r\n                <span data-translate=\"explore\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/span>\r\n                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"\/><\/svg>\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Member 2 -->\r\n    <div class=\"team-card\" data-member=\"member-2\">\r\n        <div class=\"image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.image2url.com\/r2\/default\/images\/1785341883336-ec3e6f2f-1148-4f14-a3ec-e497169fc8d9.jpg\" alt=\"\u0645\u062d\u0645\u062f \u063a\u064a\u062b \u0639\u0645\u0627\u062f \u0627\u0644\u0633\u0643\u0648\u0631\"  title=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\" \/>\r\n            <div class=\"card-badge\" data-translate-badge=\"lawyer\">\u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a<\/div>\r\n        <\/div>\r\n        <div class=\"card-content\">\r\n            <h3 data-translate-name=\"member-2\">\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u063a\u064a\u062b \u0639\u0645\u0627\u062f \u0627\u0644\u0633\u0643\u0648\u0631<\/h3>\r\n            <span class=\"explore-link\">\r\n                <span data-translate=\"explore\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/span>\r\n                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"\/><\/svg>\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Member 5 -->\r\n    <div class=\"team-card\" data-member=\"member-5\">\r\n        <div class=\"image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.image2url.com\/r2\/default\/images\/1785342103279-0faab4b8-621a-41e6-ab9b-19e25fa6b954.jpg\" alt=\"\u0645\u0647\u0646\u062f \u0639\u0646\u064a\u0632\u0627\u0646 \u0628\u0646\u064a \u0647\u0627\u0646\u064a\"  title=\"\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644\" \/>\r\n            <div class=\"card-badge\" data-translate-badge=\"lawyer\">\u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a<\/div>\r\n        <\/div>\r\n        <div class=\"card-content\">\r\n            <h3 data-translate-name=\"member-5\">\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u0647\u0646\u062f \u0639\u0646\u064a\u0632\u0627\u0646 \u0628\u0646\u064a \u0647\u0627\u0646\u064a<\/h3>\r\n            <span class=\"explore-link\">\r\n                <span data-translate=\"explore\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a<\/span>\r\n                <svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path fill-rule=\"evenodd\" d=\"M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\"\/><\/svg>\r\n            <\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- Centered Popup Modal Structure -->\r\n<div id=\"profile-modal-overlay\" class=\"modal-overlay\" dir=\"rtl\">\r\n    <div class=\"modal-content-box\">\r\n        <button class=\"modal-close-btn\" aria-label=\"\u0625\u063a\u0644\u0627\u0642\">&times;<\/button>\r\n        \r\n        <div class=\"modal-inner-layout\">\r\n            <!-- Large Image Side -->\r\n            <div class=\"modal-image-side\">\r\n                <img decoding=\"async\" id=\"modal-img\" src=\"\" alt=\"\">\r\n                <div class=\"image-overlay-accent\"><\/div>\r\n            <\/div>\r\n            \r\n            <!-- Text Content Side -->\r\n            <div class=\"modal-text-side\">\r\n                <div id=\"modal-dynamic-content\">\r\n                    <!-- Dynamic Content Loaded Here -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- Variables & Base --- *\/\r\n:root {\r\n    --gold-primary: #C5A059;\r\n    --gold-hover: #b08d4b;\r\n    --gold-light: rgba(197, 160, 89, 0.1);\r\n    --dark-bg: #0f172a;\r\n    --dark-text: #1e293b;\r\n    --light-text: #475569;\r\n    --white: #ffffff;\r\n    --shadow-card: 0 10px 30px -5px rgba(0, 0, 0, 0.08);\r\n    --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\nbody {\r\n    font-family: 'Tajawal', sans-serif;\r\n    margin: 0;\r\n    background-color: #f8fafc;\r\n}\r\n\r\n\/* --- Dynamic Direction Support (RTL \/ LTR) --- *\/\r\n.team-grid-container:dir(rtl), .team-grid-container[dir=\"rtl\"],\r\n.modal-overlay:dir(rtl), .modal-overlay[dir=\"rtl\"],\r\n.modal-content-box:dir(rtl), .modal-content-box[dir=\"rtl\"] {\r\n    direction: rtl;\r\n    text-align: right;\r\n}\r\n\r\n.team-grid-container:dir(ltr), .team-grid-container[dir=\"ltr\"],\r\n.modal-overlay:dir(ltr), .modal-overlay[dir=\"ltr\"],\r\n.modal-content-box:dir(ltr), .modal-content-box[dir=\"ltr\"] {\r\n    direction: ltr;\r\n    text-align: left;\r\n}\r\n\r\n\/* --- Grid Container: Exactly 3 Columns --- *\/\r\n.team-grid-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    padding: 50px 20px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Responsive Grid Fallbacks *\/\r\n@media (max-width: 992px) {\r\n    .team-grid-container { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n@media (max-width: 576px) {\r\n    .team-grid-container { grid-template-columns: 1fr; }\r\n}\r\n\r\n\/* --- Modern Card Styling --- *\/\r\n.team-card {\r\n    background: var(--white);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n    box-shadow: var(--shadow-card);\r\n    border: 1px solid rgba(197, 160, 89, 0.15);\r\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.team-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 20px 40px -10px rgba(197, 160, 89, 0.2);\r\n    border-color: var(--gold-primary);\r\n}\r\n\r\n\/* --- Image Wrapper --- *\/\r\n.image-wrapper {\r\n    width: 100%;\r\n    height: 340px;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.image-wrapper img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    filter: grayscale(20%);\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.team-card:hover .image-wrapper img {\r\n    filter: grayscale(0%);\r\n    transform: scale(1.05);\r\n}\r\n\r\n\/* Floating Badge inside Card Image - Adapts to RTL\/LTR *\/\r\n.team-grid-container[dir=\"rtl\"] .card-badge,\r\n.team-grid-container:dir(rtl) .card-badge {\r\n    right: 15px;\r\n    left: auto;\r\n}\r\n\r\n.team-grid-container[dir=\"ltr\"] .card-badge,\r\n.team-grid-container:dir(ltr) .card-badge {\r\n    left: 15px;\r\n    right: auto;\r\n}\r\n\r\n.card-badge {\r\n    position: absolute;\r\n    top: 15px;\r\n    background: rgba(15, 23, 42, 0.75);\r\n    backdrop-filter: blur(4px);\r\n    color: var(--gold-primary);\r\n    padding: 6px 14px;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    border-radius: 20px;\r\n    border: 1px solid rgba(197, 160, 89, 0.3);\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- Text Content --- *\/\r\n.card-content {\r\n    padding: 24px;\r\n    background: var(--white);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    flex-grow: 1;\r\n}\r\n\r\n.card-content h3 {\r\n    font-size: 20px;\r\n    font-weight: 700;\r\n    margin: 0 0 15px 0;\r\n    color: var(--dark-text);\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n.team-card:hover .card-content h3 {\r\n    color: var(--gold-primary);\r\n}\r\n\r\n.explore-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--gold-primary);\r\n    transition: gap 0.3s ease;\r\n}\r\n\r\n\/* Flip arrow in LTR mode *\/\r\n.team-grid-container[dir=\"ltr\"] .explore-link svg,\r\n.team-grid-container:dir(ltr) .explore-link svg {\r\n    transform: scaleX(-1);\r\n}\r\n\r\n.team-card:hover .explore-link {\r\n    gap: 10px;\r\n}\r\n\r\n\/* =========================================\r\n    MODAL STYLES\r\n   ========================================= *\/\r\n.modal-overlay {\r\n    position: fixed;\r\n    inset: 0;\r\n    background: rgba(15, 23, 42, 0.85);\r\n    backdrop-filter: blur(8px);\r\n    -webkit-backdrop-filter: blur(8px);\r\n    z-index: 99999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease, visibility 0.3s ease;\r\n    padding: 20px;\r\n}\r\n\r\n.modal-overlay.active {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.modal-content-box {\r\n    background: var(--white);\r\n    width: 100%;\r\n    max-width: 950px;\r\n    max-height: 85vh;\r\n    border-radius: 20px;\r\n    box-shadow: var(--shadow-lg);\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    transform: scale(0.95) translateY(20px);\r\n    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n    position: relative;\r\n}\r\n\r\n.modal-overlay.active .modal-content-box {\r\n    transform: scale(1) translateY(0);\r\n}\r\n\r\n\/* Close Button Position Handling *\/\r\n.modal-overlay[dir=\"rtl\"] .modal-close-btn,\r\n.modal-overlay:dir(rtl) .modal-close-btn {\r\n    left: 15px;\r\n    right: auto;\r\n}\r\n\r\n.modal-overlay[dir=\"ltr\"] .modal-close-btn,\r\n.modal-overlay:dir(ltr) .modal-close-btn {\r\n    right: 15px;\r\n    left: auto;\r\n}\r\n\r\n.modal-close-btn {\r\n    position: absolute;\r\n    top: 15px;\r\n    width: 40px;\r\n    height: 40px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background: rgba(255, 255, 255, 0.9);\r\n    border: 1px solid #e2e8f0;\r\n    font-size: 28px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n    color: #64748b;\r\n    transition: all 0.3s ease;\r\n    z-index: 20;\r\n}\r\n\r\n.modal-close-btn:hover {\r\n    background: var(--gold-primary);\r\n    color: var(--white);\r\n    border-color: var(--gold-primary);\r\n    transform: rotate(90deg);\r\n}\r\n\r\n\/* Modal Inner Layout *\/\r\n.modal-inner-layout {\r\n    display: flex;\r\n    flex-direction: row;\r\n    height: 100%;\r\n    overflow: hidden;\r\n}\r\n\r\n.modal-overlay[dir=\"ltr\"] .modal-inner-layout {\r\n    flex-direction: row-reverse;\r\n}\r\n\r\n\/* Large Image Side *\/\r\n.modal-image-side {\r\n    width: 340px;\r\n    flex-shrink: 0;\r\n    position: relative;\r\n    background: #f1f5f9;\r\n}\r\n\r\n.modal-image-side img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n.image-overlay-accent {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 120px;\r\n    background: linear-gradient(to top, rgba(0,0,0,0.4), transparent);\r\n    pointer-events: none;\r\n}\r\n\r\n\/* Text Content Side *\/\r\n.modal-text-side {\r\n    flex: 1;\r\n    padding: 40px;\r\n    overflow-y: auto;\r\n    position: relative;\r\n}\r\n\r\n.modal-text-side::-webkit-scrollbar {\r\n    width: 6px;\r\n}\r\n.modal-text-side::-webkit-scrollbar-thumb {\r\n    background: #cbd5e1;\r\n    border-radius: 3px;\r\n}\r\n.modal-text-side::-webkit-scrollbar-thumb:hover {\r\n    background: var(--gold-primary);\r\n}\r\n\r\n.modal-name {\r\n    font-size: 28px;\r\n    font-weight: 800;\r\n    color: var(--dark-text);\r\n    margin: 0 0 10px 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.modal-role-badge {\r\n    display: inline-block;\r\n    background: var(--gold-light);\r\n    color: var(--gold-primary);\r\n    font-size: 15px;\r\n    font-weight: 700;\r\n    padding: 8px 20px;\r\n    border-radius: 30px;\r\n    margin-bottom: 25px;\r\n    border: 1px solid rgba(197, 160, 89, 0.2);\r\n}\r\n\r\n\/* Contact Buttons - Enforced LTR direction for phone\/email layout *\/\r\n.modal-contact-info {\r\n    display: flex;\r\n    gap: 12px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 30px;\r\n    padding-bottom: 25px;\r\n    border-bottom: 1px solid #e2e8f0;\r\n}\r\n\r\n.modal-contact-info a {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background: var(--white);\r\n    padding: 12px 20px;\r\n    border-radius: 10px;\r\n    color: var(--dark-text);\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    border: 1px solid #e2e8f0;\r\n    transition: all 0.3s ease;\r\n    direction: ltr;\r\n    unicode-bidi: embed;\r\n}\r\n\r\n.modal-contact-info a:hover {\r\n    background: var(--gold-primary);\r\n    color: var(--white);\r\n    border-color: var(--gold-primary);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 16px rgba(197, 160, 89, 0.25);\r\n}\r\n\r\n\/* Bio Section Dynamic Alignment *\/\r\n.modal-overlay[dir=\"rtl\"] .modal-bio h4,\r\n.modal-overlay:dir(rtl) .modal-bio h4 {\r\n    padding-right: 15px;\r\n    padding-left: 0;\r\n}\r\n.modal-overlay[dir=\"ltr\"] .modal-bio h4,\r\n.modal-overlay:dir(ltr) .modal-bio h4 {\r\n    padding-left: 15px;\r\n    padding-right: 0;\r\n}\r\n\r\n.modal-overlay[dir=\"rtl\"] .modal-bio h4::before,\r\n.modal-overlay:dir(rtl) .modal-bio h4::before {\r\n    right: 0;\r\n    left: auto;\r\n}\r\n.modal-overlay[dir=\"ltr\"] .modal-bio h4::before,\r\n.modal-overlay:dir(ltr) .modal-bio h4::before {\r\n    left: 0;\r\n    right: auto;\r\n}\r\n\r\n.modal-overlay[dir=\"rtl\"] .modal-bio ul,\r\n.modal-overlay:dir(rtl) .modal-bio ul {\r\n    padding-right: 10px;\r\n    padding-left: 0;\r\n    list-style-type: none;\r\n}\r\n.modal-overlay[dir=\"ltr\"] .modal-bio ul,\r\n.modal-overlay:dir(ltr) .modal-bio ul {\r\n    padding-left: 10px;\r\n    padding-right: 0;\r\n    list-style-type: none;\r\n}\r\n\r\n.modal-overlay[dir=\"rtl\"] .modal-bio li,\r\n.modal-overlay:dir(rtl) .modal-bio li {\r\n    padding-right: 20px;\r\n    padding-left: 0;\r\n}\r\n.modal-overlay[dir=\"ltr\"] .modal-bio li,\r\n.modal-overlay:dir(ltr) .modal-bio li {\r\n    padding-left: 20px;\r\n    padding-right: 0;\r\n}\r\n\r\n.modal-overlay[dir=\"rtl\"] .modal-bio li::before,\r\n.modal-overlay:dir(rtl) .modal-bio li::before {\r\n    content: '\u2022';\r\n    color: var(--gold-primary);\r\n    position: absolute;\r\n    right: 0;\r\n    left: auto;\r\n}\r\n.modal-overlay[dir=\"ltr\"] .modal-bio li::before,\r\n.modal-overlay:dir(ltr) .modal-bio li::before {\r\n    content: '\u2022';\r\n    color: var(--gold-primary);\r\n    position: absolute;\r\n    left: 0;\r\n    right: auto;\r\n}\r\n\r\n.modal-bio {\r\n    font-size: 15px;\r\n    line-height: 1.9;\r\n    color: var(--light-text);\r\n}\r\n\r\n.modal-bio p {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.modal-bio h4 {\r\n    margin-top: 25px;\r\n    margin-bottom: 15px;\r\n    color: var(--dark-text);\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    position: relative;\r\n}\r\n\r\n.modal-bio li {\r\n    margin-bottom: 12px;\r\n    position: relative;\r\n}\r\n\r\n.modal-bio li strong {\r\n    color: var(--dark-text);\r\n}\r\n\r\n\/* --- Responsive Modal Adjustments --- *\/\r\n@media (max-width: 768px) {\r\n    .modal-inner-layout {\r\n        flex-direction: column !important;\r\n    }\r\n    \r\n    .modal-image-side {\r\n        width: 100%;\r\n        height: 280px;\r\n    }\r\n    \r\n    .modal-text-side {\r\n        padding: 25px 20px 40px;\r\n    }\r\n    \r\n    .modal-name {\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .modal-contact-info {\r\n        justify-content: center;\r\n    }\r\n    \r\n    .modal-contact-info a {\r\n        flex: 1;\r\n        justify-content: center;\r\n        min-width: 140px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Data Store\r\nconst profilesData = {\r\n    'member-3': {\r\n        name: '\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0645\u0627\u062f \u0641\u0631\u062d\u0627\u0646 \u0627\u0644\u0633\u0643\u0648\u0631',\r\n        role: 'Founder - \u0627\u0644\u0645\u0624\u0633\u0633',\r\n        img: 'https:\/\/www.image2url.com\/r2\/default\/images\/1785341956220-d1056bca-b25d-46cf-bd25-8b7371de514d.jpg',\r\n        bio: `\r\n            <p>\u0645\u062d\u0627\u0645\u064d \u0646\u0638\u0627\u0645\u064a \u0623\u0633\u062a\u0627\u0630 \u0628\u062e\u0628\u0631\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 30 \u0639\u0627\u0645\u0627\u064b \u0641\u064a \u0627\u0644\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0627\u0644\u0623\u0631\u062f\u0646\u064a\u0629. \u0645\u0624\u0633\u0633 \u0648\u0635\u0627\u062d\u0628 \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0627\u0644\u0645\u062c\u062f \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u064a \u0639\u0645\u0627\u0646. \u0623\u0645\u062a\u0644\u0643 \u0633\u062c\u0644\u0627\u064b \u062d\u0627\u0641\u0644\u0627\u064b \u0628\u0627\u0644\u0646\u062c\u0627\u062d\u0627\u062a \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0645\u0648\u0643\u0644\u064a\u0646 \u0623\u0645\u0627\u0645 \u0645\u062d\u0627\u0643\u0645 \u0627\u0644\u0635\u0644\u062d\u060c \u0627\u0644\u0628\u062f\u0627\u064a\u0629\u060c \u0627\u0644\u0627\u0633\u062a\u0626\u0646\u0627\u0641\u060c \u0648\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u062a\u0645\u064a\u064a\u0632\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u062d\u0643\u0645\u0629 \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629.<\/p>\r\n            <h4>\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\r\n            <ul>\r\n                <li><strong>\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0645\u062f\u0646\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a:<\/strong> \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a\u060c \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u0641\u0644\u0627\u0633\u060c \u0648\u062a\u062d\u0635\u064a\u0644 \u0627\u0644\u062f\u064a\u0648\u0646.<\/li>\r\n                <li><strong>\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0639\u0645\u0644:<\/strong> \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a\u060c \u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0645\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0641\u0631\u062f\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0648\u064a\u0636\u0627\u062a.<\/li>\r\n                <li><strong>\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0631\u0627\u0636\u064a:<\/strong> \u062f\u0639\u0627\u0648\u0649 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629\u060c \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u0634\u064a\u0648\u0639\u060c \u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0625\u064a\u062c\u0627\u0631\u060c \u0648\u062a\u0648\u062b\u064a\u0642 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629.<\/li>\r\n                <li><strong>\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u0635\u0631\u0641\u064a:<\/strong> \u0627\u0644\u0637\u0639\u0646 \u0628\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u0633\u0647\u064a\u0644\u0627\u062a \u0627\u0644\u0628\u0646\u0643\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/li>\r\n                <li><strong>\u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u0627\u0644\u0648\u0633\u0627\u0637\u0629:<\/strong> \u0635\u064a\u0627\u063a\u0629 \u0645\u0634\u0627\u0631\u0637\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u062e\u0635\u0648\u0645 \u0641\u064a \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0648\u0627\u0644\u0645\u062f\u0646\u064a.<\/li>\r\n            <\/ul>\r\n        `\r\n    },\r\n    'member-4': {\r\n        name: '\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f \u0627\u0644\u0632\u0639\u0628\u064a',\r\n        role: 'Co-Founder - \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0624\u0633\u0633',\r\n        img: 'https:\/\/www.image2url.com\/r2\/default\/images\/1785342005720-e55d0c98-6a1c-42f8-a6aa-f2932ea5824e.jpg',\r\n        bio: `\r\n            <p>\u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u0645\u0624\u0633\u0633 \u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062c\u062f \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0630\u0648 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0647\u064a\u0643\u0644\u0629 \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0628\u062a\u0643\u0631\u0629 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649.<\/p>\r\n            <h4>\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\r\n            <ul>\r\n                <li><strong>\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u0627\u0644\u064a\u0629:<\/strong> \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\u060c \u0627\u0646\u062f\u0645\u0627\u062c\u0647\u0627 \u0648\u0627\u0633\u062a\u062d\u0648\u0627\u0630\u0647\u0627\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0644\u0645\u062c\u0627\u0644\u0633 \u0627\u0644\u0625\u062f\u0627\u0631\u0629.<\/li>\r\n                <li><strong>\u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0627\u0644\u0645\u0639\u0642\u062f:<\/strong> \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0651\u0629 \u0630\u0627\u062a \u0627\u0644\u0642\u064a\u0645\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0639\u0627\u0648\u0649 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062a\u0634\u0639\u0628\u0629.<\/li>\r\n                <li><strong>\u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629:<\/strong> \u0635\u064a\u0627\u063a\u0629 \u0648\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0627\u0644\u062f\u0648\u0644\u064a\u0629 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0641\u0643\u0631\u064a\u0629.<\/li>\r\n            <\/ul>\r\n        `\r\n    },\r\n    'member-1': {\r\n        name: '\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0632\u0627\u0644\u062f\u064a\u0646 \u062d\u0645\u062f\u064a \u0627\u0644\u0645\u0634\u0627\u064a\u062e',\r\n        role: '\u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a', \r\n        img: 'https:\/\/www.image2url.com\/r2\/default\/images\/1785341732259-f7c17b72-c39d-45ca-8a89-071e3684fec3.jpg',\r\n        bio: `\r\n            <p>\u0639\u0636\u0648 \u0641\u0631\u064a\u0642 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062c\u062f \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0636\u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0641\u0631\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u0623\u0631\u062f\u0646\u064a\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0641 \u0644\u0644\u0645\u0648\u0643\u0644\u064a\u0646.<\/p>\r\n            <h4>\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\r\n            <ul>\r\n                <li><strong>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062c\u0632\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u062f\u0646\u064a\u0629:<\/strong> \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629 \u0648\u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0623\u0645\u0627\u0645 \u0645\u062e\u062a\u0644\u0641 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0627\u0644\u0623\u0631\u062f\u0646\u064a\u0629.<\/li>\r\n                <li><strong>\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629:<\/strong> \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062c\u0648\u0627\u0628\u064a\u0629 \u0648\u0627\u0644\u0637\u0639\u0648\u0646 \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0639\u0627\u0621\u0627\u062a \u0628\u0623\u0633\u0644\u0648\u0628 \u0642\u0627\u0646\u0648\u0646\u064a \u062f\u0642\u064a\u0642.<\/li>\r\n            <\/ul>\r\n        `\r\n    },\r\n    'member-2': {\r\n        name: '\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u063a\u064a\u062b \u0639\u0645\u0627\u062f \u0627\u0644\u0633\u0643\u0648\u0631',\r\n        role: '\u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a',\r\n        img: 'https:\/\/www.image2url.com\/r2\/default\/images\/1785341883336-ec3e6f2f-1148-4f14-a3ec-e497169fc8d9.jpg',\r\n        bio: `\r\n            <p>\u0645\u062d\u0627\u0645\u064d \u0645\u062e\u062a\u0635 \u0628\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u062f\u0642\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0645\u0639 \u062d\u0631\u0635 \u062f\u0627\u0626\u0645 \u0639\u0644\u0649 \u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0627\u0644\u0645\u0648\u0643\u0644\u064a\u0646 \u0648\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0641\u0642\u0647 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0644\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u062f\u0627\u0644\u0629 \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a.<\/p>\r\n            <h4>\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\r\n            <ul>\r\n                <li><strong>\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u062f\u0646\u064a\u0629:<\/strong> \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u0639\u0648\u064a\u0636\u0627\u062a\u060c \u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629\u060c \u0648\u0641\u0636 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0642\u062f\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629.<\/li>\r\n                <li><strong>\u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0627\u0644\u062a\u062c\u0627\u0631\u064a:<\/strong> \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0634\u064a\u0643\u0627\u062a \u0648\u0627\u0644\u0623\u0648\u0631\u0627\u0642 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0625\u0639\u0633\u0627\u0631 \u0648\u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629.<\/li>\r\n            <\/ul>\r\n        `\r\n    },\r\n    'member-5': {\r\n        name: '\u0645\u0647\u0646\u062f \u0639\u0646\u064a\u0632\u0627\u0646 \u0628\u0646\u064a \u0647\u0627\u0646\u064a',\r\n        role: '\u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a',\r\n        img: 'https:\/\/www.image2url.com\/r2\/default\/images\/1785342103279-0faab4b8-621a-41e6-ab9b-19e25fa6b954.jpg',\r\n        bio: `\r\n            <p>\u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0639\u0642\u062f\u064a\u0629 \u0648\u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0645\u0648\u0643\u0644\u064a\u0646\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062a\u062c\u0646\u0628 \u0627\u0644\u0646\u0632\u0627\u0639\u0627\u062a \u0642\u0628\u0644 \u062d\u062f\u0648\u062b\u0647\u0627 \u0639\u0628\u0631 \u0625\u062d\u0643\u0627\u0645 \u0627\u0644\u0635\u064a\u0627\u063a\u0629 \u0648\u0636\u0628\u0637 \u0627\u0644\u0628\u0646\u0648\u062f \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629.<\/p>\r\n            <h4>\u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629:<\/h4>\r\n            <ul>\r\n                <li><strong>\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0648\u0627\u0644\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u062f\u064a\u0629:<\/strong> \u0641\u062d\u0635 \u0648\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0639\u0642\u0648\u062f \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062e\u0644\u0648 \u0645\u0646 \u0627\u0644\u062b\u063a\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/li>\r\n                <li><strong>\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0639\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629:<\/strong> \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u0644\u0642\u0629 \u0628\u062d\u0642\u0648\u0642 \u0627\u0644\u0639\u0627\u0645\u0644\u064a\u0646 \u0648\u0623\u0631\u0628\u0627\u0628 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629.<\/li>\r\n            <\/ul>\r\n        `\r\n    }\r\n};\r\n\r\n\/\/ DOM Elements & Event Logic\r\nconst modalOverlay = document.getElementById('profile-modal-overlay');\r\nconst modalDynamicContent = document.getElementById('modal-dynamic-content');\r\nconst modalImg = document.getElementById('modal-img');\r\nconst closeBtn = document.querySelector('.modal-close-btn');\r\nconst teamGrid = document.getElementById('teamGrid');\r\n\r\n\/\/ Enhanced direction sync supporting WordPress translation plugins (TranslatePress\/WPML\/GTranslate)\r\nfunction syncTeamDirection() {\r\n    let targetDir = 'rtl';\r\n    \r\n    \/\/ 1. Check HTML or Body explicit 'dir' attribute\r\n    const htmlDir = document.documentElement.getAttribute('dir');\r\n    const bodyDir = document.body.getAttribute('dir');\r\n    \r\n    if (htmlDir === 'ltr' || bodyDir === 'ltr') {\r\n        targetDir = 'ltr';\r\n    } else if (htmlDir === 'rtl' || bodyDir === 'rtl') {\r\n        targetDir = 'rtl';\r\n    } else {\r\n        \/\/ 2. Fallback: Check 'lang' attribute if dir isn't explicitly set\r\n        const lang = (document.documentElement.getAttribute('lang') || document.body.getAttribute('lang') || 'ar').toLowerCase();\r\n        if (lang.startsWith('en') || lang.startsWith('fr') || lang.startsWith('es')) {\r\n            targetDir = 'ltr';\r\n        }\r\n    }\r\n\r\n    \/\/ Apply the resolved direction to grid and modal\r\n    teamGrid.setAttribute('dir', targetDir);\r\n    if (modalOverlay) {\r\n        modalOverlay.setAttribute('dir', targetDir);\r\n    }\r\n}\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    syncTeamDirection();\r\n\r\n    \/\/ Observe HTML\/Body for changes in 'dir', 'lang', or class updates from translation plugins\r\n    const observer = new MutationObserver((mutations) => {\r\n        mutations.forEach((mutation) => {\r\n            if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang' || mutation.attributeName === 'class') {\r\n                syncTeamDirection();\r\n            }\r\n        });\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang', 'class'] });\r\n    observer.observe(document.body, { attributes: true, attributeFilter: ['dir', 'lang', 'class'] });\r\n\r\n    \/\/ Fallback interval check for stubborn translation plugins that swap DOM trees\r\n    setInterval(syncTeamDirection, 1000);\r\n\r\n    teamGrid.addEventListener('click', (e) => {\r\n        const card = e.target.closest('.team-card');\r\n        if (card) {\r\n            const memberKey = card.getAttribute('data-member');\r\n            openModal(memberKey);\r\n        }\r\n    });\r\n\r\n    closeBtn.addEventListener('click', closeModal);\r\n\r\n    modalOverlay.addEventListener('click', (e) => {\r\n        if (e.target === modalOverlay) {\r\n            closeModal();\r\n        }\r\n    });\r\n\r\n    document.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Escape' && modalOverlay.classList.contains('active')) {\r\n            closeModal();\r\n        }\r\n    });\r\n});\r\n\r\nfunction openModal(memberKey) {\r\n    const data = profilesData[memberKey];\r\n    if (!data) return;\r\n\r\n    modalImg.src = data.img;\r\n    modalImg.alt = data.name;\r\n\r\n    const currentDir = teamGrid.getAttribute('dir') || 'rtl';\r\n    modalOverlay.setAttribute('dir', currentDir);\r\n\r\n    modalDynamicContent.innerHTML = `\r\n        <h2 class=\"modal-name\">${data.name}<\/h2>\r\n        <span class=\"modal-role-badge\">${data.role}<\/span>\r\n        \r\n        <div class=\"modal-contact-info\">\r\n            <a href=\"mailto:info@almajdlawfirm.com\">\r\n                <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z\"\/><\/svg>\r\n                info@almajdlawfirm.com\r\n            <\/a>\r\n            <a href=\"tel:+96265511554\">\r\n                <svg width=\"18\" height=\"18\" fill=\"currentColor\" viewBox=\"0 0 16 16\"><path d=\"M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.748 1.748 0 0 1-1.657-.959L5.493 8.7a1.75 1.75 0 0 1-.095-1.467l.547-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .643.178l2.19-.547c.52-.13 1.072.014 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.01c-.363-1.03-.038-2.137.702-2.877L1.884.511z\"\/><\/svg>\r\n                +962 6 551 1554\r\n            <\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"modal-bio\">\r\n            ${data.bio}\r\n        <\/div>\r\n    `;\r\n\r\n    modalOverlay.style.display = 'flex';\r\n    document.body.style.overflow = 'hidden';\r\n    setTimeout(() => {\r\n        modalOverlay.classList.add('active');\r\n    }, 10);\r\n}\r\n\r\nfunction closeModal() {\r\n    modalOverlay.classList.remove('active');\r\n    setTimeout(() => {\r\n        modalOverlay.style.display = 'none';\r\n        document.body.style.overflow = '';\r\n    }, 300);\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c098fbd e-flex e-con-boxed e-con e-parent\" data-id=\"c098fbd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea5e55d elementor-widget elementor-widget-html\" data-id=\"ea5e55d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u062a\u0623\u0643\u062f \u0645\u0646 \u062a\u0636\u0645\u064a\u0646 \u062e\u0637 Tajawal \u0625\u0630\u0627 \u0644\u0645 \u064a\u0643\u0646 \u0645\u0636\u0645\u0651\u0646\u0627\u064b \u0645\u0633\u0628\u0642\u0627\u064b \u0641\u064a \u0627\u0644\u0635\u0641\u062d\u0629 -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div class=\"cta-section-wrapper\" id=\"ctaSection\" dir=\"rtl\">\r\n  <div class=\"cta-overlay\"><\/div>\r\n  <div class=\"cta-content-container\">\r\n    <div class=\"cta-gold-line\"><\/div>\r\n    <h2 class=\"cta-main-title\" data-translate=\"cta_title\">\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629\u061f<\/h2>\r\n    <p class=\"cta-description\" data-translate=\"cta_desc\">\r\n      \u0641\u0631\u064a\u0642\u0646\u0627 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u062c\u0627\u0647\u0632 \u0644\u0645\u0633\u0627\u0639\u062f\u062a\u0643. \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646 \u0648\u062f\u0639\u0646\u0627 \u0646\u062c\u062f \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u0642\u0636\u064a\u062a\u0643 \u0628\u062f\u0642\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n    <\/p>\r\n    <div class=\"cta-button-wrapper\">\r\n      <a href=\"https:\/\/almajdlawfirm.com\/\u062a\u0648\u0627\u0635\u0644-\u0645\u0639\u0646\u0627\/\" class=\"cta-gold-btn\">\r\n        <span data-translate=\"cta_btn\">\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0622\u0646<\/span>\r\n        <span class=\"btn-arrow\">&larr;<\/span>\r\n      <\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* --- \u062a\u0635\u0645\u064a\u0645 \u0642\u0633\u0645 CTA \u0641\u0627\u062e\u0631 \u0648\u0645\u062d\u0633\u0651\u0646 \u0644\u0633\u0637\u062d \u0627\u0644\u0645\u0643\u062a\u0628 --- *\/\r\n.cta-section-wrapper {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 380px;\r\n  \r\n  background-size: cover;\r\n  background-position: center;\r\n  background-attachment: fixed;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 6rem 2rem;\r\n  box-sizing: border-box;\r\n  font-family: 'Tajawal', sans-serif;\r\n  overflow: hidden;\r\n  text-align: right;\r\n}\r\n\r\n\/* \u0627\u0644\u062a\u0643\u064a\u0641 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a \u0644\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a (RTL \/ LTR) *\/\r\n.cta-section-wrapper:dir(rtl),\r\n.cta-section-wrapper[dir=\"rtl\"] {\r\n  text-align: center; \/* \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0631\u0643\u0632\u064a\u060c \u0644\u0643\u0646 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0633\u0647\u0645 \u064a\u0639\u0643\u0633 *\/\r\n}\r\n\r\n.cta-section-wrapper:dir(ltr),\r\n.cta-section-wrapper[dir=\"ltr\"] {\r\n  text-align: center;\r\n}\r\n\r\n\/* \u0639\u0643\u0633 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0633\u0647\u0645 \u0641\u064a \u0627\u0644\u0644\u063a\u0627\u062a \u0627\u0644\u0623\u062c\u0646\u0628\u064a\u0629 (LTR) \u0644\u064a\u0634\u064a\u0631 \u0625\u0644\u0649 \u0627\u0644\u064a\u0645\u064a\u0646 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n.cta-section-wrapper:dir(ltr) .btn-arrow,\r\n.cta-section-wrapper[dir=\"ltr\"] .btn-arrow {\r\n  transform: scaleX(-1);\r\n}\r\n\r\n.cta-section-wrapper:dir(ltr) .cta-gold-btn:hover .btn-arrow,\r\n.cta-section-wrapper[dir=\"ltr\"] .cta-gold-btn:hover .btn-arrow {\r\n  transform: scaleX(-1) translateX(5px);\r\n}\r\n\r\n\/* \u0637\u0628\u0642\u0629 \u062a\u0631\u0627\u0643\u0628 \u0645\u062a\u062f\u0631\u062c\u0629 \u062f\u0627\u0643\u0646\u0629 *\/\r\n.cta-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u062a\u0648\u0647\u062c \u0630\u0647\u0628\u064a \u062e\u0641\u064a\u0641 \u062c\u062f\u0627\u064b \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u0625\u0636\u0627\u0641\u0629 \u0639\u0645\u0642 \u0628\u0635\u0631\u064a *\/\r\n.cta-section-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: radial-gradient(circle, rgba(200, 161, 74, 0.06) 0%, transparent 60%);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n}\r\n\r\n.cta-content-container {\r\n  position: relative;\r\n  z-index: 2;\r\n  text-align: center;\r\n  max-width: 850px;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.cta-gold-line {\r\n  width: 70px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, #C8A14A, transparent);\r\n  margin: 0 auto 1.5rem auto;\r\n  border-radius: 2px;\r\n}\r\n\r\n.cta-main-title {\r\n  font-size: clamp(2.2rem, 4.5vw, 3.5rem);\r\n  font-weight: 800;\r\n  color: #FFFFFF;\r\n  margin: 0 0 1.5rem 0;\r\n  line-height: 1.3;\r\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.cta-description {\r\n  font-size: clamp(1.05rem, 1.5vw, 1.25rem);\r\n  line-height: 1.8;\r\n  color: #CBD5E1;\r\n  margin: 0 auto 3rem auto;\r\n  max-width: 680px;\r\n  font-weight: 400;\r\n}\r\n\r\n.cta-button-wrapper {\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.cta-gold-btn {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  background: linear-gradient(135deg, #C8A14A 0%, #B08D3E 100%);\r\n  color: #0F0F0F !important;\r\n  text-decoration: none;\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  padding: 18px 48px;\r\n  border-radius: 6px;\r\n  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);\r\n  box-shadow: 0 8px 25px rgba(200, 161, 74, 0.25);\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cta-gold-btn::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.cta-gold-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 12px 35px rgba(200, 161, 74, 0.4);\r\n  background: linear-gradient(135deg, #D4AF5A 0%, #C8A14A 100%);\r\n}\r\n\r\n.cta-gold-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.cta-gold-btn:active {\r\n  transform: translateY(-1px);\r\n}\r\n\r\n.btn-arrow {\r\n  transition: transform 0.3s ease;\r\n  font-size: 1.2rem;\r\n  display: inline-block;\r\n}\r\n\r\n.cta-section-wrapper:dir(rtl) .cta-gold-btn:hover .btn-arrow,\r\n.cta-section-wrapper[dir=\"rtl\"] .cta-gold-btn:hover .btn-arrow {\r\n  transform: translateX(-5px);\r\n}\r\n\r\n\/* --- \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a (Responsive) --- *\/\r\n@media (max-width: 1024px) {\r\n  .cta-section-wrapper {\r\n    padding: 5rem 2rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cta-section-wrapper {\r\n    padding: 4rem 1.5rem;\r\n    min-height: auto;\r\n    background-attachment: scroll;\r\n  }\r\n  \r\n  .cta-main-title {\r\n    font-size: 2rem;\r\n    margin-bottom: 1rem;\r\n  }\r\n  \r\n  .cta-description {\r\n    font-size: 1rem;\r\n    margin-bottom: 2rem;\r\n    padding: 0 10px;\r\n  }\r\n  \r\n  .cta-gold-btn {\r\n    width: 100%;\r\n    max-width: 320px;\r\n    padding: 16px 32px;\r\n    font-size: 1rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cta-section-wrapper {\r\n    padding: 3.5rem 1rem;\r\n  }\r\n  \r\n  .cta-main-title {\r\n    font-size: 1.75rem;\r\n  }\r\n  \r\n  .cta-gold-line {\r\n    width: 50px;\r\n    margin-bottom: 1rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n  \/\/ \u0648\u0638\u064a\u0641\u0629 \u0644\u0645\u0632\u0627\u0645\u0646\u0629 \u0627\u062a\u062c\u0627\u0647 \u0639\u0646\u0635\u0631 \u0627\u0644\u0640 CTA \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0639 \u0644\u063a\u0629 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 \u0623\u0648 \u0627\u0644\u0645\u062a\u0631\u062c\u0645\r\n  function syncCtaDirection() {\r\n    const section = document.getElementById('ctaSection');\r\n    if (!section) return;\r\n\r\n    let targetDir = 'rtl';\r\n    \r\n    \/\/ 1. \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 (dir) \u0627\u0644\u0645\u0628\u0627\u0634\u0631\r\n    const htmlDir = document.documentElement.getAttribute('dir');\r\n    const bodyDir = document.body.getAttribute('dir');\r\n    \r\n    if (htmlDir === 'ltr' || bodyDir === 'ltr') {\r\n      targetDir = 'ltr';\r\n    } else if (htmlDir === 'rtl' || bodyDir === 'rtl') {\r\n      targetDir = 'rtl';\r\n    } else {\r\n      \/\/ 2. \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646 \u0633\u0645\u0629 \u0627\u0644\u0644\u063a\u0629 (lang) \u0643\u0627\u062d\u062a\u064a\u0627\u0637\u064a \u0644\u0645\u062a\u0631\u062c\u0645\u0627\u062a \u0645\u062b\u0644 TranslatePress\r\n      const lang = (document.documentElement.getAttribute('lang') || document.body.getAttribute('lang') || 'ar').toLowerCase();\r\n      if (lang.startsWith('en') || lang.startsWith('fr') || lang.startsWith('es')) {\r\n        targetDir = 'ltr';\r\n      }\r\n    }\r\n\r\n    section.setAttribute('dir', targetDir);\r\n  }\r\n\r\n  \/\/ \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0639\u0646\u062f \u0627\u0644\u062a\u062d\u0645\u064a\u0644\r\n  document.addEventListener('DOMContentLoaded', syncCtaDirection);\r\n\r\n  \/\/ \u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062a\u063a\u064a\u064a\u0631\u0627\u062a \u0627\u0644\u0641\u0648\u0631\u064a\u0629 \u0644\u0644\u063a\u0629 \u0623\u0648 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\r\n  const ctaObserver = new MutationObserver((mutations) => {\r\n    mutations.forEach((mutation) => {\r\n      if (mutation.attributeName === 'dir' || mutation.attributeName === 'lang' || mutation.attributeName === 'class') {\r\n        syncCtaDirection();\r\n      }\r\n    });\r\n  });\r\n\r\n  ctaObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang', 'class'] });\r\n  ctaObserver.observe(document.body, { attributes: true, attributeFilter: ['dir', 'lang', 'class'] });\r\n\r\n  \/\/ \u0641\u062d\u0635 \u062f\u0648\u0631\u064a \u062e\u0641\u064a\u0641 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u062a\u0627\u0645\u0629\r\n  setInterval(syncCtaDirection, 1000);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0646\u062e\u0628\u0629 \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0648\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u064a\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u062a\u0636\u0645 \u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u062c\u062f \u0641\u0631\u064a\u0642\u0627\u064b \u0645\u062a\u0643\u0627\u0645\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0645\u064a\u0632\u0629\u060c \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0634\u062a\u0649 \u0641\u0631\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0644\u062a\u0642\u062f\u064a\u0645 \u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0648\u062d\u0645\u0627\u064a\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u062a\u0644\u0628\u064a \u062a\u0637\u0644\u0639\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627. Founder &#8211; \u0627\u0644\u0645\u0624\u0633\u0633 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0645\u0627\u062f \u0641\u0631\u062d\u0627\u0646 \u0627\u0644\u0633\u0643\u0648\u0631 \u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a Founder &#8211; \u0627\u0644\u0645\u0624\u0633\u0633 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f \u0627\u0644\u0632\u0639\u0628\u064a \u0639\u0631\u0636 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0634\u062e\u0635\u064a \u0645\u062d\u0627\u0645\u064a \u0642\u0627\u0646\u0648\u0646\u064a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-2854","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages\/2854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/comments?post=2854"}],"version-history":[{"count":52,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages\/2854\/revisions"}],"predecessor-version":[{"id":3149,"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/pages\/2854\/revisions\/3149"}],"wp:attachment":[{"href":"https:\/\/almajdlawfirm.com\/en\/wp-json\/wp\/v2\/media?parent=2854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}