{"id":13,"date":"2025-12-09T10:37:40","date_gmt":"2025-12-09T10:37:40","guid":{"rendered":"https:\/\/madad-lawfirm.com\/?page_id=13"},"modified":"2026-02-01T17:01:14","modified_gmt":"2026-02-01T17:01:14","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/madad-lawfirm.com\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"About us"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9af8c56 e-flex e-con-boxed e-con e-parent\" data-id=\"9af8c56\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39361f3 elementor-widget elementor-widget-heading\" data-id=\"39361f3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Medad Al-Hikma Company<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31d6232 elementor-widget elementor-widget-heading\" data-id=\"31d6232\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About us<\/h2>\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-291a406 e-con-full e-flex e-con e-parent\" data-id=\"291a406\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aca577c elementor-widget elementor-widget-html\" data-id=\"aca577c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0633\u0643\u0634\u0646 \u0645\u0646 \u0646\u062d\u0646 - \u0645\u062f\u0627\u062f \u0627\u0644\u062d\u0643\u0645\u0629 (\u062a\u0635\u0645\u064a\u0645 \u062c\u062f\u064a\u062f \u0628\u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629) -->\r\n<section class=\"midad-about-v2\" id=\"about\">\r\n  <div class=\"midad-about-v2__overlay\"><\/div>\r\n\r\n  <div class=\"midad-about-v2__container\">\r\n    <div class=\"midad-about-v2__grid\">\r\n\r\n      <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0646\u0635\u064a -->\r\n      <div class=\"midad-about-v2__content\">\r\n        <div class=\"midad-about-v2__eyebrow\">\r\n          About us\r\n        <\/div>\r\n\r\n        <h2 class=\"midad-about-v2__title\">\r\n          Medad Al-Hikma Law Firm\r\n        <\/h2>\r\n\r\n        <p class=\"midad-about-v2__subtitle\">\r\n          Where wisdom turns into a legal force that makes a difference and protects the future.\r\n        <\/p>\r\n\r\n        <div class=\"midad-about-v2__body\">\r\n          <p class=\"translation-block\"><strong>Medad Al-Hekma<\/strong> is a leading law and legal consulting firm that combines deep experience\nAnd advanced understanding of laws and regulations, and provides comprehensive legal solutions that serve individuals and entrepreneurs\nAnd establishments of various sizes and sectors. Our team includes an elite group of highly experienced and competent specialists.\nWith the aim of ensuring the provision of accurate advice based on extensive knowledge accumulation and realistic experience in dealing with challenges\nLegal, supported by a strategic vision that ensures clients make safe and informed decisions that enhance their stability\nLegal and supports their future growth.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"midad-about-v2__actions\">\r\n          <a href=\"https:\/\/madad-lawfirm.com\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/\" class=\"midad-about-v2__btn midad-about-v2__btn--primary\">\r\n            Explore more\r\n          <\/a>\r\n          <a href=\"https:\/\/madad-lawfirm.com\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"midad-about-v2__btn midad-about-v2__btn--ghost\">\r\n            Contact us\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0628\u0635\u0631\u064a (\u0627\u0644\u0635\u0648\u0631\u0629) -->\r\n      <div class=\"midad-about-v2__visual\">\r\n        <div class=\"midad-about-v2__image-shadow\"><\/div>\r\n        <div class=\"midad-about-v2__image-card\">\r\n          <div class=\"midad-about-v2__image-border\"><\/div>\r\n          <div class=\"midad-about-v2__image-inner\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/madad-lawfirm.com\/wp-content\/uploads\/2026\/02\/Whisk_5f883e58b1a23c696244c68472384910dr.webp\"\r\n              alt=\"\u0645\u062f\u0627\u062f \u0627\u0644\u062d\u0643\u0645\u0629 \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\"\r\n              loading=\"lazy\"\r\n            >\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --midad-dark: #0F3447;\r\n    --midad-gray: #B6B7B7;\r\n  }\r\n\r\n  .midad-about-v2 {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 90px 0;\r\n    background: #ffffff;\r\n    overflow: hidden;\r\n    font-family: \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  \/* \u0637\u0628\u0642\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 *\/\r\n  .midad-about-v2__overlay {\r\n    position: absolute;\r\n    inset: -40%;\r\n    background:\r\n      radial-gradient(circle at 10% 0%, rgba(15,52,71,0.22), transparent 60%),\r\n      radial-gradient(circle at 80% 100%, rgba(182,183,183,0.35), transparent 60%),\r\n      linear-gradient(135deg, #ffffff, #f5f6f8);\r\n    animation: midad-about-bg-move 18s ease-in-out infinite alternate;\r\n    opacity: 0.9;\r\n    z-index: 0;\r\n  }\r\n\r\n  @keyframes midad-about-bg-move {\r\n    0% {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n    100% {\r\n      transform: translate3d(30px, -25px, 0) scale(1.03);\r\n    }\r\n  }\r\n\r\n  .midad-about-v2__container {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .midad-about-v2__grid {\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);\r\n    gap: 48px;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0640 Eyebrow (\u0645\u0646 \u0646\u062d\u0646) \u0628\u062f\u0648\u0646 \u0646\u0642\u0637\u0629 *\/\r\n  .midad-about-v2__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 4px 14px;\r\n    border-radius: 9px !important;\r\n    border: 1px solid rgba(15,52,71,0.18);\r\n    background: rgba(255,255,255,0.85);\r\n    font-size: 0.86rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .midad-about-v2__title {\r\n    margin: 0 0 8px;\r\n    font-size: clamp(2rem, 2.4vw, 2.5rem);\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .midad-about-v2__subtitle {\r\n    margin: 0 0 18px;\r\n    font-size: 1rem;\r\n    color: rgba(15,52,71,0.8);\r\n  }\r\n\r\n  .midad-about-v2__body p {\r\n    margin: 0;\r\n    font-size: 0.96rem;\r\n    line-height: 1.9;\r\n    color: rgba(15,52,71,0.9);\r\n    text-align: justify;\r\n  }\r\n\r\n  .midad-about-v2__body strong {\r\n    font-weight: 700;\r\n  }\r\n\r\n  .midad-about-v2__actions {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-top: 24px;\r\n  }\r\n\r\n  .midad-about-v2__btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 22px;\r\n    border-radius: 9px;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition:\r\n      transform 0.18s ease,\r\n      box-shadow 0.18s ease,\r\n      background 0.18s ease,\r\n      color 0.18s ease,\r\n      border-color 0.18s ease;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .midad-about-v2__btn--primary {\r\n    background: var(--midad-dark);\r\n    color: #ffffff;\r\n    box-shadow: 0 14px 32px rgba(15,52,71,0.45);\r\n  }\r\n\r\n  .midad-about-v2__btn--primary:hover {\r\n    transform: translateY(-1px);\r\n    box-shadow: 0 18px 40px rgba(15,52,71,0.55);\r\n    background: #102a3a;\r\n    color: white;\r\n  }\r\n\r\n  .midad-about-v2__btn--ghost {\r\n    background: transparent;\r\n    color: var(--midad-dark);\r\n    border: 1px solid rgba(15,52,71,0.35);\r\n  }\r\n\r\n  .midad-about-v2__btn--ghost:hover {\r\n    background: rgba(15,52,71,0.04);\r\n    border-color: rgba(15,52,71,0.65);\r\n    transform: translateY(-1px);\r\n    color: #0F3447;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0639\u0645\u0648\u062f \u0627\u0644\u0628\u0635\u0631\u064a (\u0627\u0644\u0635\u0648\u0631\u0629) *\/\r\n  .midad-about-v2__visual {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .midad-about-v2__image-shadow {\r\n    position: absolute;\r\n    inset: 12px 0 0 12px;\r\n    border-radius: 26px;\r\n    background: linear-gradient(145deg, rgba(15,52,71,0.26), rgba(182,183,183,0.1));\r\n    filter: blur(1px);\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .midad-about-v2__image-card {\r\n    position: relative;\r\n    max-width: 420px;\r\n    width: 100%;\r\n    border-radius: 26px;\r\n    overflow: visible;\r\n    transform: translateY(4px);\r\n  }\r\n\r\n  .midad-about-v2__image-border {\r\n    position: absolute;\r\n    inset: -8px -12px 18px 12px;\r\n    border-radius: 30px;\r\n    border: 1px solid rgba(255,255,255,0.9);\r\n    background: linear-gradient(135deg, rgba(255,255,255,0.7), rgba(182,183,183,0.25));\r\n    z-index: 0;\r\n    transform: rotate(-2deg);\r\n  }\r\n\r\n  .midad-about-v2__image-inner {\r\n    position: relative;\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    transform: rotate(1.5deg);\r\n  }\r\n\r\n  .midad-about-v2__image-inner img {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n    transition: transform 0.6s ease, filter 0.6s ease;\r\n  }\r\n\r\n  .midad-about-v2__image-card:hover img {\r\n    transform: scale(1.04);\r\n    filter: saturate(1.03);\r\n  }\r\n\r\n  \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n  @media (max-width: 992px) {\r\n    .midad-about-v2 {\r\n      padding: 80px 0 70px;\r\n    }\r\n\r\n    .midad-about-v2__grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 40px;\r\n    }\r\n\r\n    .midad-about-v2__visual {\r\n      order: -1;\r\n    }\r\n\r\n    .midad-about-v2__container {\r\n      padding: 0 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .midad-about-v2__actions {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n    }\r\n\r\n    .midad-about-v2__btn {\r\n      width: 100%;\r\n    }\r\n\r\n    .midad-about-v2__image-card {\r\n      max-width: 360px;\r\n      margin-inline: auto;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-16ea70f elementor-widget elementor-widget-html\" data-id=\"16ea70f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0633\u0643\u0634\u0646 \u0642\u064a\u0645\u0646\u0627 - \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 + \u0643\u0631\u0648\u062a \u062d\u062f\u064a\u062b\u0629 -->\r\n<section class=\"midad-values2 midad-values2--light\" id=\"values\">\r\n  <div class=\"midad-values2__container\">\r\n\r\n    <!-- \u0627\u0644\u0647\u064a\u062f\u0631 (\u0646\u0641\u0633 \u0633\u062a\u0627\u064a\u0644 \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627 \u0644\u0643\u0646 \u0623\u0644\u0648\u0627\u0646 \u0641\u0627\u062a\u062d\u0629) -->\r\n    <div class=\"midad-why2__header\">\r\n      <div class=\"midad-why2__eyebrow\">\r\n        Our core values\r\n      <\/div>\r\n      <h2 class=\"midad-why2__title\">\r\n        Our values \u200b\u200bthat drive the work of Madad Al-Hikma\r\n      <\/h2>\r\n      <p class=\"midad-why2__subtitle\">\r\n        Four basic pillars ensure that our legal practices remain disciplined, transparent, and based on trust and professionalism in every case we handle.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0634\u0628\u0643\u0629 \u0627\u0644\u0642\u064a\u0645 -->\r\n    <div class=\"midad-values2__grid\">\r\n\r\n      <!-- \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 -->\r\n      <article class=\"midad-values2__item\">\r\n        <div class=\"midad-values2__icon\">\r\n          <i class=\"fa-solid fa-eye\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-values2__ghost-number\">01<\/div>\r\n        <h3 class=\"midad-values2__item-title\">Transparency<\/h3>\r\n        <p class=\"midad-values2__item-text\">\r\n          We put the customer at the heart of the picture; We explain to him the facts, options, risks, and legal steps of action without complexity or ambiguity.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 -->\r\n      <article class=\"midad-values2__item\">\r\n        <div class=\"midad-values2__icon\">\r\n          <i class=\"fa-solid fa-handshake-angle\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-values2__ghost-number\">02<\/div>\r\n        <h3 class=\"midad-values2__item-title\">Commitment<\/h3>\r\n        <p class=\"midad-values2__item-text\">\r\n          A professional and ethical commitment to high standards in follow-up, respecting appointments, and taking full responsibility for the files we handle.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- \u0627\u0644\u0633\u0631\u064a\u0629 -->\r\n      <article class=\"midad-values2__item\">\r\n        <div class=\"midad-values2__icon\">\r\n          <i class=\"fa-solid fa-user-secret\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-values2__ghost-number\">03<\/div>\r\n        <h3 class=\"midad-values2__item-title\">Confidentiality<\/h3>\r\n        <p class=\"midad-values2__item-text\">\r\n          We treat our customers' data and files as a trust, with systems and controls that preserve privacy and prevent any unauthorized use.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 -->\r\n      <article class=\"midad-values2__item\">\r\n        <div class=\"midad-values2__icon\">\r\n          <i class=\"fa-solid fa-briefcase\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-values2__ghost-number\">04<\/div>\r\n        <h3 class=\"midad-values2__item-title\">Professionalism<\/h3>\r\n        <p class=\"midad-values2__item-text\">\r\n          Meticulous legal treatment, elaborate formulations, and strategic analysis of each case; To ensure practical solutions that suit the sensitivity of legal work.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --midad-dark: #0F3447;\r\n    --midad-gray: #B6B7B7;\r\n  }\r\n\r\n  .midad-values2 {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 90px 0 100px;\r\n    font-family: \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .midad-values2--light {\r\n    background: #f5f7fb; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 *\/\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  \/* \u0639\u0646\u0627\u0635\u0631 \u063a\u0627\u0645\u0642\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 (\u062f\u0648\u0627\u0626\u0631 \u0646\u0627\u0639\u0645\u0629) *\/\r\n  .midad-values2::before,\r\n  .midad-values2::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    border-radius: 999px;\r\n    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.35), rgba(15,52,71,0.9));\r\n    opacity: 0.07;\r\n    filter: blur(2px);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .midad-values2::before {\r\n    width: 420px;\r\n    height: 420px;\r\n    top: -140px;\r\n    inset-inline-start: -120px;\r\n    animation: midad-values2-float-1 30s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .midad-values2::after {\r\n    width: 340px;\r\n    height: 340px;\r\n    bottom: -160px;\r\n    inset-inline-end: -80px;\r\n    animation: midad-values2-float-2 28s ease-in-out infinite alternate;\r\n  }\r\n\r\n  @keyframes midad-values2-float-1 {\r\n    0% { transform: translate3d(0,0,0) scale(1); }\r\n    50% { transform: translate3d(24px,-16px,0) scale(1.03); }\r\n    100% { transform: translate3d(-20px,18px,0) scale(1.05); }\r\n  }\r\n\r\n  @keyframes midad-values2-float-2 {\r\n    0% { transform: translate3d(0,0,0) scale(1); }\r\n    50% { transform: translate3d(-18px,22px,0) scale(1.04); }\r\n    100% { transform: translate3d(20px,-18px,0) scale(1.06); }\r\n  }\r\n\r\n  .midad-values2__container {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* override \u0623\u0644\u0648\u0627\u0646 \u0627\u0644\u0647\u064a\u062f\u0631 \u062f\u0627\u062e\u0644 \u0627\u0644\u0633\u0643\u0634\u0646 \u0639\u0634\u0627\u0646 \u062a\u0646\u0627\u0633\u0628 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u0627\u062a\u062d\u0629 *\/\r\n  .midad-values2 .midad-why2__header {\r\n    max-width: 640px;\r\n    margin: 0 auto 40px;\r\n    text-align: center;\r\n  }\r\n\r\n  .midad-values2 .midad-why2__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    border-radius: 9px;\r\n    border: 1px solid rgba(15,52,71,0.18);\r\n    background: rgba(255,255,255,0.95);\r\n    font-size: 0.86rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    margin-bottom: 14px;\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  .midad-values2 .midad-why2__title {\r\n    margin: 0 0 10px;\r\n    font-size: clamp(2rem, 2.3vw, 2.4rem);\r\n    line-height: 1.35;\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  .midad-values2 .midad-why2__subtitle {\r\n    margin: 0;\r\n    font-size: 0.95rem;\r\n    color: rgba(15,52,71,0.8);\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0642\u064a\u0645 \u2013 \u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u062a\u0644\u0641 \u0639\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 \u0627\u0644\u0644\u064a \u0642\u0628\u0644\u0647 *\/\r\n  .midad-values2__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n    gap: 20px;\r\n    margin-top: 36px;\r\n  }\r\n\r\n  .midad-values2__item {\r\n    position: relative;\r\n    border-radius: 18px;\r\n    padding: 22px 18px 20px;\r\n    background: #ffffff;\r\n    border: 1px solid rgba(15,52,71,0.08);\r\n    box-shadow:\r\n      0 16px 34px rgba(15,52,71,0.12),\r\n      0 0 0 1px rgba(255,255,255,0.7);\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    transition:\r\n      transform 0.22s ease,\r\n      box-shadow 0.22s ease,\r\n      border-color 0.22s ease,\r\n      background 0.22s ease;\r\n  }\r\n\r\n  \/* \u062e\u0637 \u062c\u0627\u0646\u0628\u064a \u0645\u0644\u0648\u0646 (RTL \u2013 \u0641\u064a \u0627\u0644\u064a\u0645\u064a\u0646) *\/\r\n  .midad-values2__item::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-end: 0;\r\n    top: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, var(--midad-dark), var(--midad-gray));\r\n    opacity: 0.85;\r\n  }\r\n\r\n  \/* \u062c\u0644\u0648 \u062f\u0627\u062e\u0644\u064a \u062e\u0641\u064a\u0641 *\/\r\n  .midad-values2__item::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -40%;\r\n    background:\r\n      radial-gradient(circle at 0% 0%, rgba(15,52,71,0.14), transparent 55%),\r\n      radial-gradient(circle at 100% 100%, rgba(182,183,183,0.16), transparent 55%);\r\n    opacity: 0;\r\n    transition: opacity 0.25s ease;\r\n    z-index: -1;\r\n  }\r\n\r\n  .midad-values2__item:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow:\r\n      0 22px 48px rgba(15,52,71,0.22),\r\n      0 0 0 1px rgba(15,52,71,0.16);\r\n    border-color: rgba(15,52,71,0.3);\r\n    background: #ffffff;\r\n  }\r\n\r\n  .midad-values2__item:hover::after {\r\n    opacity: 1;\r\n  }\r\n\r\n  .midad-values2__icon {\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 999px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 10px;\r\n    background: radial-gradient(circle at 30% 0%, var(--midad-dark), #163b51);\r\n    color: #ffffff;\r\n    box-shadow:\r\n      0 0 0 1px rgba(255,255,255,0.8),\r\n      0 10px 22px rgba(15,52,71,0.7);\r\n  }\r\n\r\n  .midad-values2__icon i {\r\n    font-size: 1.3rem;\r\n  }\r\n\r\n  .midad-values2__ghost-number {\r\n    position: absolute;\r\n    inset-inline-start: 12px;\r\n    bottom: -6px;\r\n    font-size: 3.6rem;\r\n    font-weight: 700;\r\n    color: rgba(15,52,71,0.06);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .midad-values2__item-title {\r\n    margin: 0 0 6px;\r\n    font-size: 1.02rem;\r\n    color: var(--midad-dark);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .midad-values2__item-text {\r\n    margin: 0;\r\n    font-size: 0.9rem;\r\n    line-height: 1.9;\r\n    color: rgba(15,52,71,0.85);\r\n    position: relative;\r\n    z-index: 1;\r\n    text-align: justify;\r\n  }\r\n\r\n  \/* Entrance animation *\/\r\n  .midad-values2 .midad-why2__header,\r\n  .midad-values2__item {\r\n    opacity: 0;\r\n    transform: translateY(26px);\r\n    transition:\r\n      opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1),\r\n      transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);\r\n  }\r\n\r\n  .midad-values2.is-visible .midad-why2__header {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.05s;\r\n  }\r\n\r\n  .midad-values2.is-visible .midad-values2__item:nth-child(1) {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.12s;\r\n  }\r\n\r\n  .midad-values2.is-visible .midad-values2__item:nth-child(2) {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.18s;\r\n  }\r\n\r\n  .midad-values2.is-visible .midad-values2__item:nth-child(3) {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.24s;\r\n  }\r\n\r\n  .midad-values2.is-visible .midad-values2__item:nth-child(4) {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.3s;\r\n  }\r\n\r\n  \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n  @media (max-width: 992px) {\r\n    .midad-values2 {\r\n      padding: 80px 0 90px;\r\n    }\r\n\r\n    .midad-values2__container {\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .midad-values2__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 18px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .midad-values2__grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.getElementById('values');\r\n    if (!section) return;\r\n\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            section.classList.add('is-visible');\r\n            observer.unobserve(section);\r\n          }\r\n        });\r\n      },\r\n      { threshold: 0.25 }\r\n    );\r\n\r\n    observer.observe(section);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3772103 elementor-widget elementor-widget-html\" data-id=\"3772103\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0633\u0643\u0634\u0646 \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627 - midad-why2 \u0645\u0639 \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u062e\u0644\u0641\u064a\u0629 \u0628\u064a\u0636\u0627\u0621 -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<section class=\"midad-why2 midad-why2--dark\" id=\"why-us\">\r\n  <div class=\"midad-why2__bg\"><\/div>\r\n\r\n  <div class=\"midad-why2__container\">\r\n    <!-- \u0627\u0644\u0647\u064a\u062f\u0631 -->\r\n    <div class=\"midad-why2__header\">\r\n      <div class=\"midad-why2__eyebrow\">\r\n        Why choose us?\r\n      <\/div>\r\n      <h2 class=\"midad-why2__title\">\r\n        Why choose Medad Al-Hekma Law Firm?\r\n      <\/h2>\r\n      <p class=\"midad-why2__subtitle\">\r\n        Because we do not just provide a legal service, we create a safe and thoughtful path with our clients\nIt is based on wisdom, accuracy, and sustainability in the relationship.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u062c\u0631\u064a\u062f \u0627\u0644\u0645\u0632\u0627\u064a\u0627 -->\r\n    <div class=\"midad-why2__grid\">\r\n\r\n      <div class=\"midad-why2__item\">\r\n        <div class=\"midad-why2__icon-bg\">\r\n          <i class=\"fa-solid fa-scale-balanced\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-why2__badge\">01<\/div>\r\n        <h3 class=\"midad-why2__item-title\">\r\n          Compliance with Sharia and regulations\r\n        <\/h3>\r\n        <p class=\"midad-why2__item-text\">\r\n          A firm commitment to the provisions of Islamic Sharia, applicable regulations, and what is issued by those in charge.\nThis ensures disciplined legal solutions that are consistent with the local regulatory framework.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"midad-why2__item\">\r\n        <div class=\"midad-why2__icon-bg\">\r\n          <i class=\"fa-solid fa-scroll\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-why2__badge\">02<\/div>\r\n        <h3 class=\"midad-why2__item-title\">\r\n          Specialized legal experience\r\n        <\/h3>\r\n        <p class=\"midad-why2__item-text\">\r\n          A team of specialists with high practical and scientific experience in multiple fields of law,\nProvides a comprehensive and balanced view of each file.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"midad-why2__item\">\r\n        <div class=\"midad-why2__icon-bg\">\r\n          <i class=\"fa-solid fa-compass-drafting\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-why2__badge\">03<\/div>\r\n        <h3 class=\"midad-why2__item-title\">\r\n          Practical, implementable solutions\r\n        <\/h3>\r\n        <p class=\"midad-why2__item-text\">\r\n          We do not stop at legal theory, but rather formulate practical solutions that are applicable on the ground.\nTakes into account the client's circumstances and work environment.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"midad-why2__item\">\r\n        <div class=\"midad-why2__icon-bg\">\r\n          <i class=\"fa-solid fa-shield-halved\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-why2__badge\">04<\/div>\r\n        <h3 class=\"midad-why2__item-title\">\r\n          Confidentiality and high reliability\r\n        <\/h3>\r\n        <p class=\"midad-why2__item-text\">\r\n          Full commitment to confidentiality and protecting customer data, while building a relationship based on trust\nAnd reliability at every stage of dealing.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"midad-why2__item\">\r\n        <div class=\"midad-why2__icon-bg\">\r\n          <i class=\"fa-solid fa-bolt\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-why2__badge\">05<\/div>\r\n        <h3 class=\"midad-why2__item-title\">\r\n          Speed \u200b\u200band accuracy in completion\r\n        <\/h3>\r\n        <p class=\"midad-why2__item-text\">\r\n          Managing legal files with high efficiency, with a real balance between speed of completion\nAccuracy in formulation, follow-up and procedures.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"midad-why2__item\">\r\n        <div class=\"midad-why2__icon-bg\">\r\n          <i class=\"fa-solid fa-handshake\"><\/i>\r\n        <\/div>\r\n        <div class=\"midad-why2__badge\">06<\/div>\r\n        <h3 class=\"midad-why2__item-title\">\r\n          Long term partnerships\r\n        <\/h3>\r\n        <p class=\"midad-why2__item-text\">\r\n          We do not see the client as a passing case, but rather as a strategic partner with whom we seek to build a sustainable relationship\nEnhance its legal stability and future growth.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --midad-dark: #0F3447;\r\n    --midad-gray: #B6B7B7;\r\n  }\r\n\r\n  .midad-why2--dark {\r\n    background: radial-gradient(circle at top, #183548 0%, #050d12 55%, #020609 100%);\r\n  }\r\n\r\n  .midad-why2 {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 90px 0;\r\n    overflow: hidden;\r\n    font-family: \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: #f8f9fb;\r\n  }\r\n\r\n  \/* \u062e\u0644\u0641\u064a\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 \u0646\u0627\u0639\u0645\u0629 \u0641\u0648\u0642 \u0627\u0644\u062f\u0627\u0643\u0646 *\/\r\n  .midad-why2__bg {\r\n    position: absolute;\r\n    inset: -40%;\r\n    background:\r\n      radial-gradient(circle at 0% 10%, rgba(255,255,255,0.08), transparent 55%),\r\n      radial-gradient(circle at 100% 90%, rgba(182,183,183,0.18), transparent 55%);\r\n    animation: midad-why2-bg-move 22s ease-in-out infinite alternate;\r\n    opacity: 0.7;\r\n    z-index: 0;\r\n  }\r\n\r\n  @keyframes midad-why2-bg-move {\r\n    0% {\r\n      transform: translate3d(0, 0, 0) scale(1);\r\n    }\r\n    100% {\r\n      transform: translate3d(-30px, 20px, 0) scale(1.04);\r\n    }\r\n  }\r\n\r\n  .midad-why2__container {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0647\u064a\u062f\u0631 *\/\r\n  .midad-why2__header {\r\n    text-align: center;\r\n    max-width: 640px;\r\n    margin: 0 auto 40px;\r\n  }\r\n\r\n  .midad-why2__eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    padding: 4px 16px;\r\n    border-radius: 9px;\r\n    border: 1px solid rgba(255,255,255,0.35);\r\n    background: rgba(5,10,16,0.65);\r\n    font-size: 0.86rem;\r\n    font-weight: 500;\r\n    letter-spacing: 0.04em;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  .midad-why2__title {\r\n    margin: 0 0 10px;\r\n    font-size: clamp(2rem, 2.3vw, 2.4rem);\r\n    line-height: 1.35;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .midad-why2__subtitle {\r\n    margin: 0;\r\n    font-size: 0.95rem;\r\n    color: rgba(230,233,238,0.86);\r\n    line-height: 1.8;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062c\u0631\u064a\u062f *\/\r\n  .midad-why2__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n    margin-top: 34px;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0643\u0631\u0648\u062a \u0627\u0644\u0632\u062c\u0627\u062c\u064a\u0629 *\/\r\n  .midad-why2__item {\r\n    position: relative;\r\n    padding: 18px 18px 20px;\r\n    border-radius: 9px;\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,0.08),\r\n      rgba(255,255,255,0.02)\r\n    );\r\n    border: 1px solid rgba(255,255,255,0.28);\r\n    box-shadow:\r\n      0 18px 40px rgba(0,0,0,0.40);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    transition:\r\n      transform 0.25s ease,\r\n      box-shadow 0.25s ease,\r\n      border-color 0.25s ease,\r\n      background 0.25s ease;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u2013 \u064a\u0645\u064a\u0646 \u062a\u062d\u062a \u0648\u0644\u0648\u0646\u0647\u0627 \u0623\u0628\u064a\u0636 *\/\r\n  .midad-why2__icon-bg {\r\n    position: absolute;\r\n    inset-inline-end: 8px;\r\n    bottom: 6px;\r\n    pointer-events: none;\r\n    transform: translateY(0) scale(1);\r\n    transition: opacity 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .midad-why2__icon-bg i {\r\n    font-size: 3.4rem;\r\n    color: #ffffff;   \/* \u0623\u0628\u064a\u0636 *\/\r\n    opacity: 0.16;    \/* \u0634\u0641\u0627\u0641\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\r\n  }\r\n\r\n  .midad-why2__badge {\r\n    position: relative;\r\n    z-index: 1;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,0.6);\r\n    font-size: 0.72rem;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    background: rgba(6,14,20,0.75);\r\n    color: #f9fafb;\r\n  }\r\n\r\n  .midad-why2__item-title {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0 0 6px;\r\n    font-size: 1rem;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .midad-why2__item-text {\r\n    position: relative;\r\n    z-index: 1;\r\n    margin: 0;\r\n    font-size: 0.9rem;\r\n    line-height: 1.8;\r\n    color: rgba(232,235,240,0.9);\r\n        text-align: justify;\r\n\r\n  }\r\n\r\n  \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0647\u0648\u0641\u0631 *\/\r\n  .midad-why2__item:hover {\r\n    transform: translateY(-6px) scale(1.01);\r\n    box-shadow:\r\n      0 22px 50px rgba(0,0,0,0.55);\r\n    border-color: rgba(255,255,255,0.6);\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,0.14),\r\n      rgba(255,255,255,0.05)\r\n    );\r\n  }\r\n\r\n  .midad-why2__item:hover .midad-why2__icon-bg i {\r\n    opacity: 0.24;\r\n    transform: translateY(-4px) scale(1.06);\r\n  }\r\n\r\n  \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n  @media (max-width: 992px) {\r\n    .midad-why2 {\r\n      padding: 80px 0 70px;\r\n    }\r\n\r\n    .midad-why2__grid {\r\n      grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      gap: 16px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .midad-why2__container {\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .mIDAD-why2__grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 14px;\r\n    }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9bde0a3 agl agl-wipeCSSLeft agl-in-duration-1000 agl-in-delay-0 agl-in-distance-1 elementor-widget elementor-widget-html\" data-id=\"9bde0a3\" data-element_type=\"widget\" data-settings=\"{&quot;agl_in_name&quot;:&quot;wipeCSS&quot;,&quot;agl_in_direction&quot;:&quot;Left&quot;,&quot;agl_in_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:1000,&quot;sizes&quot;:[]},&quot;agl_in_delay&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;agl_in_distance&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;agl_in_repeat&quot;:&quot;no&quot;,&quot;agl_in_lockToScrollbar&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0633\u0643\u0634\u0646 \u0631\u0633\u0627\u0644\u062a\u0646\u0627 \u0648\u0631\u0624\u064a\u062a\u0646\u0627 - \u0646\u0633\u062e\u0629 \u0641\u0627\u062a\u062d\u0629 \u0645\u0637\u0648\u0631\u0629 -->\r\n<section class=\"midad-mv midad-mv--light\" id=\"mission-vision\">\r\n  <div class=\"midad-mv__bg-layer\">\r\n    <span class=\"midad-mv__shape midad-mv__shape--1\"><\/span>\r\n    <span class=\"midad-mv__shape midad-mv__shape--2\"><\/span>\r\n    <span class=\"midad-mv__shape midad-mv__shape--3\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"midad-mv__container\">\r\n\r\n    <!-- \u0627\u0644\u0647\u064a\u062f\u0631 \u0628\u0646\u0641\u0633 \u0633\u062a\u0627\u064a\u0644 \u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627 \u0644\u0643\u0646 \u0623\u0644\u0648\u0627\u0646 \u0641\u0627\u062a\u062d\u0629 -->\r\n    <div class=\"midad-why2__header midad-mv__header\">\r\n      <div class=\"midad-why2__eyebrow midad-mv__eyebrow--light\">\r\n        Our strategic identity\r\n      <\/div>\r\n      <h2 class=\"midad-why2__title midad-mv__title--light\">\r\n        Our mission and vision are ink of wisdom\r\n      <\/h2>\r\n      <p class=\"midad-why2__subtitle midad-mv__subtitle--light\">\r\n        A clear framework that guides our legal decisions and shapes the way we deal with our clients.\nThrough a practical message present today, and a long-term vision for the future.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- \u0627\u0644\u0643\u0631\u0648\u062a: \u0631\u0633\u0627\u0644\u062a\u0646\u0627 \/ \u0631\u0624\u064a\u062a\u0646\u0627 -->\r\n    <div class=\"midad-mv__grid\">\r\n\r\n      <!-- \u0631\u0633\u0627\u0644\u062a\u0646\u0627 -->\r\n      <article class=\"midad-mv__card midad-mv__card--mission\">\r\n        <div class=\"midad-mv__card-chip\">\r\n          <span class=\"midad-mv__chip-dot\"><\/span>\r\n          <span>Our message<\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"midad-mv__card-title\">Our message<\/h3>\r\n\r\n        <p class=\"midad-mv__card-text\">\r\n          Providing reliable legal services that help clients build a safer and clearer future,\nThrough professional advice based on integrity, speed and attention to detail.\r\n        <\/p>\r\n\r\n        <!-- \u0631\u0642\u0645 \u062c\u0648\u0633\u062a + \u0623\u064a\u0642\u0648\u0646\u0629 \u062e\u0644\u0641\u064a\u0629 -->\r\n        <div class=\"midad-mv__ghost-number\">01<\/div>\r\n        <div class=\"midad-mv__icon-bg\">\r\n          <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- \u0631\u0624\u064a\u062a\u0646\u0627 -->\r\n      <article class=\"midad-mv__card midad-mv__card--vision\">\r\n        <div class=\"midad-mv__card-chip\">\r\n          <span class=\"midad-mv__chip-dot\"><\/span>\r\n          <span>Our vision<\/span>\r\n        <\/div>\r\n\r\n        <h3 class=\"midad-mv__card-title\">Our vision<\/h3>\r\n\r\n        <p class=\"midad-mv__card-text\">\r\n          To create a new standard in the world of law and legal consulting, based on wisdom and accuracy\nAnd reliability, and to be the first reference that individuals and establishments turn to in search of profound legal solutions\nDecisions based on a clear strategic vision.\r\n        <\/p>\r\n\r\n        <!-- \u0631\u0642\u0645 \u062c\u0648\u0633\u062a + \u0623\u064a\u0642\u0648\u0646\u0629 \u062e\u0644\u0641\u064a\u0629 -->\r\n        <div class=\"midad-mv__ghost-number\">02<\/div>\r\n        <div class=\"midad-mv__icon-bg\">\r\n          <i class=\"fa-solid fa-bullseye\"><\/i>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  :root {\r\n    --midad-dark: #0F3447;\r\n    --midad-gray: #B6B7B7;\r\n  }\r\n\r\n  .midad-mv {\r\n    position: relative;\r\n    width: 100%;\r\n    padding: 90px 0 100px;\r\n    font-family: \"Tajawal\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .midad-mv--light {\r\n    background: #f5f7fb; \/* \u062e\u0644\u0641\u064a\u0629 \u0641\u0627\u062a\u062d\u0629 *\/\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  \/* \u0637\u0628\u0642\u0629 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u2013 \u0623\u0634\u0643\u0627\u0644 \u062f\u0627\u0643\u0646\u0629 \u0646\u0627\u0639\u0645\u0629 *\/\r\n  .midad-mv__bg-layer {\r\n    position: absolute;\r\n    inset: -25%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .midad-mv__shape {\r\n    position: absolute;\r\n    border-radius: 999px;\r\n    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.4), rgba(15,52,71,0.95));\r\n    opacity: 0.08;\r\n    filter: blur(2px);\r\n    mix-blend-mode: multiply;\r\n    animation: midad-mv-shape-move 34s ease-in-out infinite alternate;\r\n  }\r\n\r\n  .midad-mv__shape--1 {\r\n    width: 420px;\r\n    height: 420px;\r\n    top: -120px;\r\n    inset-inline-start: -100px;\r\n    animation-delay: 0s;\r\n  }\r\n\r\n  .midad-mv__shape--2 {\r\n    width: 360px;\r\n    height: 360px;\r\n    bottom: -140px;\r\n    inset-inline-end: -80px;\r\n    animation-delay: 6s;\r\n  }\r\n\r\n  .midad-mv__shape--3 {\r\n    width: 260px;\r\n    height: 260px;\r\n    top: 35%;\r\n    inset-inline-start: 40%;\r\n    animation-delay: 10s;\r\n  }\r\n\r\n  @keyframes midad-mv-shape-move {\r\n    0% {\r\n      transform: translate3d(0,0,0) scale(1);\r\n    }\r\n    50% {\r\n      transform: translate3d(20px,-20px,0) scale(1.04);\r\n    }\r\n    100% {\r\n      transform: translate3d(-24px,22px,0) scale(1.07);\r\n    }\r\n  }\r\n\r\n  .midad-mv__container {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0647\u064a\u062f\u0631 \u2013 \u0625\u0639\u0627\u062f\u0629 \u062a\u0644\u0648\u064a\u0646 \u0644\u064a\u0646\u0627\u0633\u0628 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0641\u0627\u062a\u062d\u0629 *\/\r\n  .midad-mv__header {\r\n    max-width: 640px;\r\n    margin: 0 auto 46px;\r\n    text-align: center;\r\n  }\r\n\r\n  .midad-mv__eyebrow--light {\r\n    border-color: rgba(15,52,71,0.18) !important;\r\n    background: rgba(255,255,255,0.96) !important;\r\n    color: var(--midad-dark) !important;\r\n  }\r\n\r\n  .midad-mv__title--light {\r\n    color: var(--midad-dark) !important;\r\n  }\r\n\r\n  .midad-mv__subtitle--light {\r\n    color: rgba(15,52,71,0.8) !important;\r\n  }\r\n\r\n  \/* \u0627\u0644\u062c\u0631\u064a\u062f *\/\r\n  .midad-mv__grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 26px;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u062e\u0637 \u0631\u0641\u064a\u0639 \u0641\u064a \u0627\u0644\u0645\u0646\u062a\u0635\u0641 \u064a\u0631\u0628\u0637 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u0628\u0627\u0644\u0631\u0624\u064a\u0629 *\/\r\n  .midad-mv__grid::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-block: 14%;\r\n    inset-inline-start: 50%;\r\n    transform: translateX(-50%);\r\n    width: 2px;\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(15,52,71,0),\r\n      rgba(15,52,71,0.25),\r\n      rgba(15,52,71,0)\r\n    );\r\n    opacity: 0.6;\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0643\u0631\u0648\u062a *\/\r\n  .midad-mv__card {\r\n    position: relative;\r\n    border-radius: 18px;\r\n    padding: 22px 20px 24px;\r\n    background: linear-gradient(\r\n      135deg,\r\n      rgba(255,255,255,0.98),\r\n      rgba(255,255,255,0.92)\r\n    );\r\n    border: 1px solid rgba(15,52,71,0.08);\r\n    box-shadow:\r\n      0 16px 34px rgba(15,52,71,0.12),\r\n      0 0 0 1px rgba(255,255,255,0.7);\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n    transition:\r\n      transform 0.24s ease,\r\n      box-shadow 0.24s ease,\r\n      border-color 0.24s ease,\r\n      background 0.24s ease;\r\n  }\r\n\r\n  \/* \u0644\u0645\u0639\u0629 \u062e\u0641\u064a\u0641\u0629 \u0623\u0639\u0644\u0649 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .midad-mv__card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-start: -40%;\r\n    top: -40%;\r\n    width: 60%;\r\n    height: 40%;\r\n    background: radial-gradient(circle at 0% 0%, rgba(255,255,255,0.65), transparent 60%);\r\n    opacity: 0;\r\n    transform: translate3d(0,0,0);\r\n    transition:\r\n      opacity 0.3s ease,\r\n      transform 0.3s ease;\r\n  }\r\n\r\n  \/* \u062e\u0637 \u062a\u0645\u064a\u064a\u0632\u064a \u0641\u064a \u064a\u0645\u064a\u0646 \u0627\u0644\u0643\u0627\u0631\u062a (RTL) *\/\r\n  .midad-mv__card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset-inline-end: 0;\r\n    top: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: linear-gradient(180deg, var(--midad-dark), var(--midad-gray));\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .midad-mv__card:hover {\r\n    transform: translateY(-6px);\r\n    box-shadow:\r\n      0 22px 48px rgba(15,52,71,0.22),\r\n      0 0 0 1px rgba(15,52,71,0.18);\r\n    border-color: rgba(15,52,71,0.32);\r\n    background: linear-gradient(\r\n      135deg,\r\n      #ffffff,\r\n      #f8f9fd\r\n    );\r\n  }\r\n\r\n  .midad-mv__card:hover::before {\r\n    opacity: 1;\r\n    transform: translate3d(10px, 10px, 0);\r\n  }\r\n\r\n  \/* \u0627\u0644\u0634\u064a\u0628 \u0627\u0644\u0635\u063a\u064a\u0631 \u0623\u0639\u0644\u0649 \u0627\u0644\u0643\u0627\u0631\u062a (\u0631\u0633\u0627\u0644\u062a\u0646\u0627 \/ \u0631\u0624\u064a\u062a\u0646\u0627) *\/\r\n  .midad-mv__card-chip {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 4px 14px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(15,52,71,0.25);\r\n    background: rgba(245,247,251,0.95);\r\n    font-size: 0.8rem;\r\n    margin-bottom: 10px;\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  .midad-mv__chip-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 999px;\r\n    background: var(--midad-dark);\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .midad-mv__card-title {\r\n    margin: 0 0 8px;\r\n    font-size: 1.22rem;\r\n    color: var(--midad-dark);\r\n  }\r\n\r\n  .midad-mv__card-text {\r\n    margin: 0;\r\n    font-size: 0.94rem;\r\n    line-height: 1.9;\r\n    color: rgba(15,52,71,0.9);\r\n  }\r\n\r\n  \/* \u0631\u0642\u0645 \u062c\u0648\u0633\u062a \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\r\n  .midad-mv__ghost-number {\r\n    position: absolute;\r\n    inset-inline-start: 18px;\r\n    bottom: -8px;\r\n    font-size: 3.8rem;\r\n    font-weight: 700;\r\n    color: rgba(15,52,71,0.06);\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  \/* \u0623\u064a\u0642\u0648\u0646\u0629 \u0643\u0628\u064a\u0631\u0629 \u0634\u0641\u0627\u0641\u0629 \u0641\u064a \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0643\u0627\u0631\u062a *\/\r\n  .midad-mv__icon-bg {\r\n    position: absolute;\r\n    inset-inline-end: 10px;\r\n    bottom: 4px;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n  }\r\n\r\n  .midad-mv__icon-bg i {\r\n    font-size: 3.4rem;\r\n    color: var(--midad-dark);\r\n    opacity: 0.16;\r\n    transform: translateY(0);\r\n    transition: opacity 0.25s ease, transform 0.25s ease;\r\n  }\r\n\r\n  .midad-mv__card:hover .midad-mv__icon-bg i {\r\n    opacity: 0.26;\r\n    transform: translateY(-4px);\r\n  }\r\n\r\n  \/* Entrance animation *\/\r\n  .midad-mv .midad-why2__header,\r\n  .midad-mv__card {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n    transition:\r\n      opacity 0.75s cubic-bezier(0.19, 1, 0.22, 1),\r\n      transform 0.75s cubic-bezier(0.19, 1, 0.22, 1);\r\n  }\r\n\r\n  .midad-mv.is-visible .midad-why2__header {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.05s;\r\n  }\r\n\r\n  .midad-mv.is-visible .midad-mv__card--mission {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.14s;\r\n  }\r\n\r\n  .midad-mv.is-visible .midad-mv__card--vision {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n    transition-delay: 0.22s;\r\n  }\r\n\r\n  \/* \u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641 *\/\r\n  @media (max-width: 992px) {\r\n    .midad-mv {\r\n      padding: 80px 0 90px;\r\n    }\r\n\r\n    .midad-mv__container {\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .midad-mv__grid {\r\n      grid-template-columns: minmax(0, 1fr);\r\n      gap: 20px;\r\n    }\r\n\r\n    .midad-mv__grid::before {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .midad-mv__card {\r\n      padding: 20px 16px 22px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const section = document.getElementById('mission-vision');\r\n    if (!section) return;\r\n\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            section.classList.add('is-visible');\r\n            observer.unobserve(section);\r\n          }\r\n        });\r\n      },\r\n      { threshold: 0.25 }\r\n    );\r\n\r\n    observer.observe(section);\r\n  })();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\u0634\u0631\u0643\u0629 \u0645\u062f\u0627\u062f \u0627\u0644\u062d\u0643\u0645\u0629 \u0645\u0640\u0640\u0640\u0646 \u0646\u0640\u0640\u0640\u062d\u0640\u0640\u0640\u0646 \u0645\u0646 \u0646\u062d\u0646 \u0645\u062f\u0627\u062f \u0627\u0644\u062d\u0643\u0645\u0629 \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062d\u064a\u062b \u062a\u062a\u062d\u0648\u0644 \u0627\u0644\u062d\u0643\u0645\u0629 \u0625\u0644\u0649 \u0642\u0648\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0635\u0646\u0639 \u0627\u0644\u0641\u0631\u0642 \u0648\u062a\u062d\u0645\u064a [&hellip;]<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":28,"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/pages\/13\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/madad-lawfirm.com\/en\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}