{"id":226,"date":"2026-03-15T20:58:58","date_gmt":"2026-03-15T20:58:58","guid":{"rendered":"https:\/\/lawyeralim-m.sa\/?page_id=226"},"modified":"2026-03-31T13:40:39","modified_gmt":"2026-03-31T13:40:39","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/lawyeralim-m.sa\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"226\" class=\"elementor elementor-226\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bd0a42 e-con-full e-flex e-con e-parent\" data-id=\"7bd0a42\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-248d2fc e-flex e-con-boxed e-con e-child\" data-id=\"248d2fc\" 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-c4e3085 elementor-widget elementor-widget-heading\" data-id=\"c4e3085\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u0645\u0646 \u0646\u062d\u0646<\/h2>\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<div class=\"elementor-element elementor-element-1d332ff e-con-full e-flex e-con e-parent\" data-id=\"1d332ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-de3fef7 e-flex e-con-boxed e-con e-child\" data-id=\"de3fef7\" 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-c92e9bf elementor-widget elementor-widget-html\" data-id=\"c92e9bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \u0644\u0648 Font Awesome \u0645\u0634 \u0645\u062a\u0636\u0627\u0641 \u0639\u0646\u062f\u0643 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 \u0636\u064a\u0641 \u0627\u0644\u0633\u0637\u0631 \u062f\u0647 \u0645\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637 -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n<style>\r\n  :root{\r\n    --primary:#0f2747;\r\n    --primary2:#163a6b;\r\n    --gold:#c8a25d;\r\n    --gold-light:#ead6ab;\r\n    --white:#ffffff;\r\n\r\n    --text:#28415f;\r\n    --text-soft:#5f7591;\r\n\r\n    --hero-overlay:rgba(15,39,71,.58);\r\n    --hero-overlay-2:rgba(10,28,52,.72);\r\n\r\n    --card-blue:#e2edf9;\r\n    --card-blue-2:#d6e5f6;\r\n    --card-blue-3:#cfe0f4;\r\n    --card-border:#b9cde5;\r\n\r\n    --value-card:#edf5ff;\r\n    --value-border:#c5d7eb;\r\n\r\n    --shadow:0 18px 45px rgba(15,39,71,.10);\r\n    --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n  }\r\n\r\n  *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .about-wrap{\r\n    width:100%;\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    padding:0 18px;\r\n  }\r\n\r\n  .about-hero{\r\n    display:grid;\r\n    grid-template-columns:1.02fr .98fr;\r\n    gap:46px;\r\n    align-items:center;\r\n    margin-bottom:42px;\r\n  }\r\n\r\n  .about-hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n  }\r\n\r\n  .about-hero-content h2{\r\n    margin:0 0 14px;\r\n    font-size:clamp(25px,3.1vw,38px);\r\n    line-height:1.6;\r\n    color:var(--primary);\r\n    font-weight:900;\r\n    max-width:720px;\r\n  }\r\n\r\n  .accent-line{\r\n    width:90px;\r\n    height:6px;\r\n    border-radius:30px;\r\n    background:var(--gold);\r\n    margin:0 0 24px;\r\n  }\r\n\r\n  .about-hero-content p{\r\n    margin:0 0 14px;\r\n    color:var(--text);\r\n    font-size:18px;\r\n    line-height:2.05;\r\n  }\r\n\r\n  .about-actions{\r\n    margin-top:26px;\r\n    display:flex;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .about-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:150px;\r\n    height:56px;\r\n    padding:0 26px;\r\n    text-decoration:none;\r\n    border-radius:999px;\r\n    font-size:17px;\r\n    font-weight:800;\r\n    transition:.25s ease;\r\n    text-decoration:none !important;\r\n  }\r\n\r\n  .about-btn.primary{\r\n    background:var(--gold);\r\n    color:var(--white);\r\n    box-shadow:0 12px 28px rgba(200,162,93,.28);\r\n  }\r\n\r\n  .about-btn.primary:hover{\r\n    transform:translateY(-2px);\r\n    background:#b9924d;\r\n    color:var(--white);\r\n  }\r\n\r\n  .about-btn.secondary{\r\n    background:transparent;\r\n    color:var(--primary);\r\n    border:1px solid rgba(15,39,71,.20);\r\n  }\r\n\r\n  .about-btn.secondary:hover{\r\n    background:rgba(15,39,71,.04);\r\n  }\r\n\r\n  .about-hero-visual{\r\n    position:relative;\r\n  }\r\n\r\n  .hero-frame{\r\n    position:relative;\r\n    border-radius:34px;\r\n    overflow:hidden;\r\n    box-shadow:var(--shadow);\r\n    min-height:560px;\r\n    background:#cfd8e3;\r\n  }\r\n\r\n  .hero-frame img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n  }\r\n\r\n  .hero-frame::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n      linear-gradient(to top, var(--hero-overlay-2), rgba(15,39,71,.18)),\r\n      linear-gradient(to left, rgba(15,39,71,.20), rgba(15,39,71,.06));\r\n  }\r\n\r\n  .hero-badge{\r\n    position:absolute;\r\n    top:24px;\r\n    z-index:3;\r\n    padding:12px 18px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,.12);\r\n    border:1px solid rgba(255,255,255,.18);\r\n    color:var(--white);\r\n    font-size:14px;\r\n    font-weight:700;\r\n    backdrop-filter:blur(8px);\r\n  }\r\n\r\n  .hero-bottom-card{\r\n    position:absolute;\r\n    bottom:24px;\r\n    z-index:3;\r\n    background:rgba(15,39,71,.55);\r\n    border:1px solid rgba(255,255,255,.14);\r\n    border-radius:24px;\r\n    padding:22px 20px;\r\n    backdrop-filter:blur(10px);\r\n    color:var(--white);\r\n  }\r\n\r\n  .hero-bottom-card h3{\r\n    margin:0 0 8px;\r\n    font-size:24px;\r\n    line-height:1.6;\r\n    font-weight:800;\r\n    color:var(--gold) !important;\r\n  }\r\n\r\n  .hero-bottom-card p{\r\n    margin:0;\r\n    font-size:15px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,.88);\r\n  }\r\n\r\n  .floating-badge{\r\n    position:absolute;\r\n    bottom:40%;\r\n    z-index:4;\r\n    width:118px;\r\n    height:118px;\r\n    border-radius:50%;\r\n    background:var(--white);\r\n    border:8px solid rgba(255,255,255,.75);\r\n    box-shadow:var(--shadow);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n\r\n  .floating-badge .inner{\r\n    width:76px;\r\n    height:76px;\r\n    border-radius:50%;\r\n    background:rgba(200,162,93,.14);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:var(--primary);\r\n    font-size:34px;\r\n    font-weight:900;\r\n  }\r\n\r\n  .about-details{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:22px;\r\n    margin-top:18px;\r\n  }\r\n\r\n  .detail-card{\r\n    background:var(--card-blue);\r\n    border:1px solid var(--card-border);\r\n    border-radius:28px;\r\n    padding:28px 24px;\r\n    box-shadow:var(--shadow-soft);\r\n    transition:.25s ease;\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .detail-card:nth-child(2){\r\n    background:var(--card-blue-2);\r\n  }\r\n\r\n  .detail-card:nth-child(3){\r\n    background:var(--card-blue-3);\r\n  }\r\n\r\n  .detail-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    width:100%;\r\n    height:5px;\r\n    background:var(--primary2);\r\n    opacity:.95;\r\n  }\r\n\r\n  .detail-card:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 22px 40px rgba(15,39,71,.12);\r\n  }\r\n\r\n  .detail-icon{\r\n    width:68px;\r\n    height:68px;\r\n    border-radius:20px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:rgba(15,39,71,.08);\r\n    color:var(--primary);\r\n    border:1px solid rgba(15,39,71,.09);\r\n    margin-bottom:18px;\r\n  }\r\n\r\n  .detail-card h3{\r\n    margin:0 0 12px;\r\n    color:var(--primary);\r\n    font-size:28px;\r\n    font-weight:900;\r\n  }\r\n\r\n  .detail-card p{\r\n    margin:0;\r\n    color:var(--text);\r\n    font-size:16px;\r\n    line-height:2;\r\n  }\r\n\r\n  .values-section{\r\n    margin-top:50px;\r\n    background:#e6f0fb;\r\n    border:1px solid var(--card-border);\r\n    border-radius:30px;\r\n    padding:36px 28px;\r\n  }\r\n\r\n  .section-head{\r\n    text-align:center;\r\n    margin-bottom:30px;\r\n  }\r\n\r\n  .section-head span{\r\n    display:inline-block;\r\n    margin-bottom:10px;\r\n    color:var(--gold);\r\n    font-size:16px;\r\n    font-weight:800;\r\n  }\r\n\r\n  .section-head h3{\r\n    margin:0;\r\n    color:var(--primary);\r\n    font-size:34px;\r\n    font-weight:900;\r\n  }\r\n\r\n  .values-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:18px;\r\n  }\r\n\r\n  .value-box{\r\n    background:var(--value-card);\r\n    border:1px solid var(--value-border);\r\n    border-radius:22px;\r\n    padding:24px 18px;\r\n    text-align:center;\r\n    transition:.25s ease;\r\n  }\r\n\r\n  .value-box:hover{\r\n    transform:translateY(-4px);\r\n    border-color:#9ab6d5;\r\n  }\r\n\r\n  .value-number{\r\n    width:52px;\r\n    height:52px;\r\n    border-radius:50%;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    background:rgba(15,39,71,.08);\r\n    color:var(--primary);\r\n    font-size:18px;\r\n    font-weight:900;\r\n    margin-bottom:14px;\r\n  }\r\n\r\n  .value-box h4{\r\n    margin:0 0 10px;\r\n    color:var(--primary);\r\n    font-size:20px;\r\n    font-weight:800;\r\n  }\r\n\r\n  .value-box p{\r\n    margin:0;\r\n    color:var(--text-soft);\r\n    font-size:15px;\r\n    line-height:1.9;\r\n  }\r\n\r\n  \/* ===== RTL \/ LTR support for TranslatePress ===== *\/\r\n\r\n  html[dir=\"rtl\"] .about-wrap,\r\n  html[dir=\"rtl\"] .about-hero,\r\n  html[dir=\"rtl\"] .about-hero-content,\r\n  html[dir=\"rtl\"] .detail-card,\r\n  html[dir=\"rtl\"] .hero-bottom-card{\r\n    direction:rtl;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .about-wrap,\r\n  html[dir=\"ltr\"] .about-hero,\r\n  html[dir=\"ltr\"] .about-hero-content,\r\n  html[dir=\"ltr\"] .detail-card,\r\n  html[dir=\"ltr\"] .hero-bottom-card{\r\n    direction:ltr;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .about-hero-content,\r\n  html[dir=\"rtl\"] .about-hero-content h2,\r\n  html[dir=\"rtl\"] .about-hero-content p,\r\n  html[dir=\"rtl\"] .detail-card,\r\n  html[dir=\"rtl\"] .detail-card h3,\r\n  html[dir=\"rtl\"] .detail-card p,\r\n  html[dir=\"rtl\"] .hero-bottom-card,\r\n  html[dir=\"rtl\"] .hero-bottom-card h3,\r\n  html[dir=\"rtl\"] .hero-bottom-card p{\r\n    text-align:right;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .about-hero-content,\r\n  html[dir=\"ltr\"] .about-hero-content h2,\r\n  html[dir=\"ltr\"] .about-hero-content p,\r\n  html[dir=\"ltr\"] .detail-card,\r\n  html[dir=\"ltr\"] .detail-card h3,\r\n  html[dir=\"ltr\"] .detail-card p,\r\n  html[dir=\"ltr\"] .hero-bottom-card,\r\n  html[dir=\"ltr\"] .hero-bottom-card h3,\r\n  html[dir=\"ltr\"] .hero-bottom-card p{\r\n    text-align:left;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .accent-line{\r\n    margin-right:0;\r\n    margin-left:auto;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .accent-line{\r\n    margin-left:0;\r\n    margin-right:auto;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .about-actions{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .about-actions{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .hero-badge{\r\n    right:24px;\r\n    left:auto;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .hero-badge{\r\n    left:24px;\r\n    right:auto;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .hero-bottom-card{\r\n    right:24px;\r\n    left:24px;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .hero-bottom-card{\r\n    left:24px;\r\n    right:24px;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .floating-badge{\r\n    right:-30px;\r\n    left:auto;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .floating-badge{\r\n    left:-30px;\r\n    right:auto;\r\n  }\r\n\r\n  html[dir=\"rtl\"] .detail-card::before{\r\n    right:0;\r\n    left:auto;\r\n  }\r\n\r\n  html[dir=\"ltr\"] .detail-card::before{\r\n    left:0;\r\n    right:auto;\r\n  }\r\n\r\n  @media (max-width:1100px){\r\n    .about-wrap{\r\n      padding:0 16px;\r\n    }\r\n\r\n    .about-hero{\r\n      grid-template-columns:1fr;\r\n      gap:30px;\r\n    }\r\n\r\n    .about-details{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .values-grid{\r\n      grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .hero-frame{\r\n      min-height:440px;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .floating-badge{\r\n      right:-10px;\r\n      left:auto;\r\n      bottom:20%;\r\n      width:102px;\r\n      height:102px;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .floating-badge{\r\n      left:-10px;\r\n      right:auto;\r\n      bottom:20%;\r\n      width:102px;\r\n      height:102px;\r\n    }\r\n\r\n    .floating-badge .inner{\r\n      width:66px;\r\n      height:66px;\r\n      font-size:30px;\r\n    }\r\n  }\r\n\r\n  @media (max-width:768px){\r\n    .about-wrap{\r\n      padding:0 14px;\r\n    }\r\n\r\n    .floating-badge{\r\n      display:none;\r\n    }\r\n\r\n    .about-hero{\r\n      gap:24px;\r\n      margin-bottom:30px;\r\n    }\r\n\r\n    .about-hero-content h2{\r\n      font-size:29px;\r\n      line-height:1.55;\r\n    }\r\n\r\n    .about-hero-content p{\r\n      font-size:16px;\r\n      line-height:1.95;\r\n    }\r\n\r\n    .accent-line{\r\n      margin-bottom:18px;\r\n    }\r\n\r\n    .hero-frame{\r\n      min-height:360px;\r\n      border-radius:26px;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .hero-badge{\r\n      top:16px;\r\n      right:16px;\r\n      left:auto;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .hero-badge{\r\n      top:16px;\r\n      left:16px;\r\n      right:auto;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .hero-bottom-card{\r\n      right:16px;\r\n      left:16px;\r\n      bottom:16px;\r\n      padding:18px;\r\n      border-radius:20px;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .hero-bottom-card{\r\n      left:16px;\r\n      right:16px;\r\n      bottom:16px;\r\n      padding:18px;\r\n      border-radius:20px;\r\n    }\r\n\r\n    .hero-bottom-card h3{\r\n      font-size:20px;\r\n    }\r\n\r\n    .detail-card{\r\n      padding:24px 18px;\r\n      border-radius:22px;\r\n    }\r\n\r\n    .detail-card h3{\r\n      font-size:24px;\r\n    }\r\n\r\n    .detail-card p{\r\n      font-size:15px;\r\n      line-height:1.9;\r\n    }\r\n\r\n    .detail-icon{\r\n      width:60px;\r\n      height:60px;\r\n      border-radius:18px;\r\n      margin-bottom:16px;\r\n    }\r\n\r\n    .values-section{\r\n      padding:28px 18px;\r\n      border-radius:24px;\r\n    }\r\n\r\n    .values-grid{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    .section-head h3{\r\n      font-size:28px;\r\n    }\r\n  }\r\n\r\n  @media (max-width:480px){\r\n    .about-wrap{\r\n      padding:0 12px;\r\n    }\r\n\r\n    .about-hero-content h2{\r\n      font-size:24px;\r\n      line-height:1.5;\r\n    }\r\n\r\n    .about-hero-content p{\r\n      font-size:15px;\r\n      line-height:1.9;\r\n    }\r\n\r\n    .about-actions{\r\n      flex-direction:column;\r\n    }\r\n\r\n    .about-btn{\r\n      width:100%;\r\n      min-width:100%;\r\n      height:52px;\r\n      font-size:15px;\r\n    }\r\n\r\n    .hero-frame{\r\n      min-height:300px;\r\n      border-radius:22px;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .hero-badge{\r\n      font-size:12px;\r\n      padding:9px 12px;\r\n      top:12px;\r\n      right:12px;\r\n      left:auto;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .hero-badge{\r\n      font-size:12px;\r\n      padding:9px 12px;\r\n      top:12px;\r\n      left:12px;\r\n      right:auto;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .hero-bottom-card{\r\n      right:12px;\r\n      left:12px;\r\n      bottom:12px;\r\n      padding:14px;\r\n      border-radius:16px;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .hero-bottom-card{\r\n      left:12px;\r\n      right:12px;\r\n      bottom:12px;\r\n      padding:14px;\r\n      border-radius:16px;\r\n    }\r\n\r\n    .hero-bottom-card h3{\r\n      font-size:16px;\r\n      line-height:1.5;\r\n      margin-bottom:6px;\r\n    }\r\n\r\n    .hero-bottom-card p{\r\n      font-size:12px;\r\n      line-height:1.8;\r\n    }\r\n\r\n    .detail-card{\r\n      padding:20px 16px;\r\n    }\r\n\r\n    .detail-card h3{\r\n      font-size:21px;\r\n    }\r\n\r\n    .detail-card p{\r\n      font-size:14px;\r\n      line-height:1.85;\r\n    }\r\n\r\n    .detail-icon{\r\n      width:54px;\r\n      height:54px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"about-wrap\">\r\n\r\n  <div class=\"about-hero\">\r\n    <div class=\"about-hero-content\">\r\n      <h2>\u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \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<\/h2>\r\n      <div class=\"accent-line\"><\/div>\r\n\r\n      <p>\r\n        \u064a\u064f\u0639\u062f \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \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 \u0623\u062d\u062f \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\r\n        \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c\r\n        \u062d\u064a\u062b \u064a\u062c\u0645\u0639 \u0627\u0644\u0645\u0643\u062a\u0628 \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0648\u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u0644\u064a \u0644\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629.\r\n      <\/p>\r\n\r\n      <p>\r\n        \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\r\n        \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0625\u0644\u0649 \u062c\u0627\u0646\u0628 \u062e\u0628\u0631\u062a\u0647 \u0641\u064a \u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c\r\n        \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u0628\u0627\u0634\u0631 \u0645\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0631\u0633\u0645\u064a\u0629.\r\n      <\/p>\r\n\r\n      <p>\r\n        \u0648\u0642\u062f \u0639\u0645\u0644 \u0627\u0644\u0645\u0643\u062a\u0628 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a \u0644\u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\r\n        \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\u060c \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0648\u0627\u0644\u0633\u0631\u064a\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n      <\/p>\r\n\r\n      <div class=\"about-actions\">\r\n        <a href=\"https:\/\/lawyeralim-m.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/\" class=\"about-btn primary\">\u0627\u0644\u0645\u0632\u064a\u062f<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"about-hero-visual\">\r\n      <div class=\"hero-frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0645\u0646-\u0646\u062d\u0646-\u0639\u0644\u064a-\u0627\u0644\u0645\u063a\u0627\u0645\u0631.webp\" alt=\"\u0635\u0648\u0631\u0629 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629\">\r\n        \r\n        <div class=\"hero-badge\">\u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/div>\r\n\r\n        <div class=\"hero-bottom-card\">\r\n          <h3>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/h3>\r\n          <p>\r\n            \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629\r\n            \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644 \u0628\u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"floating-badge\">\r\n        <div class=\"inner\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"about-details\">\r\n    <div class=\"detail-card\">\r\n      <div class=\"detail-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M12 3L19 7V12C19 16.5 15.9 20.74 12 21.5C8.1 20.74 5 16.5 5 12V7L12 3Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M9.5 11.8L11.2 13.5L14.8 9.8\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n      <p>\r\n        \u0623\u0646 \u0646\u0643\u0648\u0646 \u0645\u0646 \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u0629\u060c\r\n        \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629\r\n        \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0645\u0644\u0645\u0648\u0633\u0629.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"detail-card\">\r\n      <div class=\"detail-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M12 6V12L16 14\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n      <p>\r\n        \u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0645\u064a\u0632\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0641\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0623\u0646\u0638\u0645\u0629 \u0648\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a\u060c\r\n        \u0645\u0639 \u062a\u0648\u0641\u064a\u0631 \u062d\u0644\u0648\u0644 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0641\u0639\u0651\u0627\u0644\u0629 \u062a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0644\u0647\u0645.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"detail-card\">\r\n      <div class=\"detail-icon\">\r\n        <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M4 19H20\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"\/>\r\n          <path d=\"M7 19V10\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M12 19V5\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n          <path d=\"M17 19V8\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <h3>\u062e\u0628\u0631\u062a\u0646\u0627<\/h3>\r\n      <p>\r\n        \u0646\u0645\u062a\u0644\u0643 \u062e\u0628\u0631\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629\u060c\r\n        \u0645\u0639 \u0642\u062f\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0648\u0645\u062a\u0627\u0628\u0639\u0629\r\n        \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629.\r\n      <\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\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<div class=\"elementor-element elementor-element-6940db5 e-con-full e-flex e-con e-parent\" data-id=\"6940db5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-cd4f140 e-con-full e-flex e-con e-child\" data-id=\"cd4f140\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39e2216 elementor-widget elementor-widget-html\" data-id=\"39e2216\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646<\/title>\r\n\r\n<style>\r\n:root{\r\n  --primary:#0f2747;\r\n  --primary2:#163a6b;\r\n  --gold:#c8a25d;\r\n  --gold-light:#ead6ab;\r\n  --white:#ffffff;\r\n  --bg:#f2f5fa;\r\n  --text-soft:#cbd5e1;\r\n  --border:#d8e2ee;\r\n  --radius:24px;\r\n}\r\n\r\n*{\r\n  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n  font-family:\"Tahoma\",\"Segoe UI\",sans-serif;\r\n  background:var(--bg);\r\n}\r\n\r\n\/* section *\/\r\n.features-section{\r\n  padding:50px 16px;\r\n}\r\n\r\n.features-container{\r\n  max-width:1150px;\r\n  margin:auto;\r\n}\r\n\r\n\/* header *\/\r\n.features-heading{\r\n  text-align:center;\r\n  margin-bottom:30px;\r\n}\r\n\r\n.features-badge{\r\n  display:inline-block;\r\n  padding:8px 18px;\r\n  border:1px solid var(--gold-light);\r\n  border-radius:999px;\r\n  color:var(--gold);\r\n  background:#fff;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  margin-bottom:12px;\r\n}\r\n\r\n.features-title{\r\n  font-size:36px;\r\n  color:var(--primary);\r\n  font-weight:800;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.features-desc{\r\n  color:#5f7591;\r\n  font-size:15px;\r\n}\r\n\r\n\/* layout *\/\r\n.features-layout{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:18px;\r\n}\r\n\r\n\/* LEFT SIDE (\u0627\u0644\u0635\u0648\u0631\u0629 + \u0628\u0627\u062a\u0631\u0646) *\/\r\n.features-highlight{\r\n  position:relative;\r\n  border-radius:var(--radius);\r\n  padding:28px 24px;\r\n  overflow:hidden;\r\n  background:\r\n    linear-gradient(rgba(15,39,71,.85), rgba(15,39,71,.9)),\r\n    url('your-image.jpg') center\/cover no-repeat;\r\n  color:var(--gold);\r\n}\r\n\r\n\/* pattern *\/\r\n.features-highlight::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:\r\n    radial-gradient(circle at 20% 30%, rgba(200,162,93,.15) 2px, transparent 2px),\r\n    radial-gradient(circle at 70% 60%, rgba(255,255,255,.06) 2px, transparent 2px);\r\n  background-size:40px 40px;\r\n  pointer-events:none;\r\n}\r\n\r\n\/* content *\/\r\n.highlight-tag{\r\n  display:inline-block;\r\n  padding:6px 14px;\r\n  border:1px solid rgba(200,162,93,.4);\r\n  border-radius:999px;\r\n  font-size:13px;\r\n  margin-bottom:14px;\r\n  color:var(--gold-light);\r\n}\r\n\r\n.highlight-title{\r\n  font-size:26px;\r\n  font-weight:800;\r\n  line-height:1.5;\r\n  margin-bottom:12px;\r\n  color:var(--gold);\r\n}\r\n\r\n.highlight-text{\r\n  font-size:15px;\r\n  line-height:1.9;\r\n  color:var(--gold-light);\r\n  margin-bottom:18px;\r\n}\r\n\r\n.highlight-line{\r\n  width:70px;\r\n  height:3px;\r\n  background:var(--gold);\r\n  border-radius:999px;\r\n}\r\n\r\n\/* RIGHT SIDE *\/\r\n.features-list{\r\n  display:grid;\r\n  gap:12px;\r\n}\r\n\r\n.feature-item{\r\n  display:flex;\r\n  gap:12px;\r\n  background:#fff;\r\n  border:1px solid var(--border);\r\n  border-radius:18px;\r\n  padding:16px;\r\n  transition:.3s;\r\n}\r\n\r\n.feature-item:hover{\r\n  transform:translateY(-3px);\r\n  border-color:var(--gold-light);\r\n}\r\n\r\n.feature-icon{\r\n  width:42px;\r\n  height:42px;\r\n  background:#edf3fb;\r\n  border-radius:12px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  color:var(--primary);\r\n}\r\n\r\n.feature-content h3{\r\n  font-size:17px;\r\n  color:var(--primary);\r\n  margin-bottom:4px;\r\n}\r\n\r\n.feature-content p{\r\n  font-size:14px;\r\n  color:#5f7591;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* RTL \/ LTR support *\/\r\nhtml[dir=\"rtl\"] .features-section{\r\n  direction:rtl;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .features-section{\r\n  direction:ltr;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .features-highlight,\r\nhtml[dir=\"rtl\"] .features-list,\r\nhtml[dir=\"rtl\"] .feature-content{\r\n  text-align:right;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .features-highlight,\r\nhtml[dir=\"ltr\"] .features-list,\r\nhtml[dir=\"ltr\"] .feature-content{\r\n  text-align:left;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .features-highlight{\r\n  background:\r\n    linear-gradient(rgba(15,39,71,.85), rgba(15,39,71,.9)),\r\n    url('your-image.jpg') center\/cover no-repeat;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .features-highlight{\r\n  background:\r\n    linear-gradient(rgba(15,39,71,.85), rgba(15,39,71,.9)),\r\n    url('your-image.jpg') center\/cover no-repeat;\r\n}\r\n\r\n\/* responsive *\/\r\n@media(max-width:768px){\r\n  .features-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .features-highlight{\r\n    min-height:260px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"features-section\">\r\n  <div class=\"features-container\">\r\n\r\n    <div class=\"features-heading\">\r\n      <span class=\"features-badge\">\u0645\u0645\u064a\u0632\u0627\u062a\u0646\u0627<\/span>\r\n      <h2 class=\"features-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627<\/h2>\r\n      <p class=\"features-desc\">\r\n        \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"features-layout\">\r\n\r\n      <!-- LEFT (\u0627\u0644\u0635\u0648\u0631\u0629) -->\r\n      <div class=\"features-highlight\">\r\n        <span class=\"highlight-tag\">\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629<\/span>\r\n        <h3 class=\"highlight-title\">\r\n          \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062f\u0642\u0629 \u0648\u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u062b\u0642\u0629\r\n        <\/h3>\r\n        <p class=\"highlight-text\">\r\n          \u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0627\u0644\u0646\u062c\u0627\u062d \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0644\u0627 \u064a\u0639\u062a\u0645\u062f \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0631\u0641\u0629\u060c\r\n          \u0628\u0644 \u0639\u0644\u0649 \u062d\u0633\u0646 \u0627\u0644\u062a\u0642\u062f\u064a\u0631 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0644\u0643\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.\r\n        <\/p>\r\n        <div class=\"highlight-line\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT -->\r\n      <div class=\"features-list\">\r\n\r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon\">\ud83d\udcc4<\/div>\r\n          <div class=\"feature-content\">\r\n            <h3>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n            <p>\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon\">\ud83d\udee1\ufe0f<\/div>\r\n          <div class=\"feature-content\">\r\n            <h3>\u0641\u0647\u0645 \u0627\u0644\u0623\u0646\u0638\u0645\u0629<\/h3>\r\n            <p>\u0625\u0644\u0645\u0627\u0645 \u062f\u0642\u064a\u0642 \u0628\u0627\u0644\u062a\u0634\u0631\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon\">\u23f1\ufe0f<\/div>\r\n          <div class=\"feature-content\">\r\n            <h3>\u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\r\n            <p>\u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0643\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0642\u0636\u064a\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"feature-item\">\r\n          <div class=\"feature-icon\">\u270d\ufe0f<\/div>\r\n          <div class=\"feature-content\">\r\n            <h3>\u062d\u0644\u0648\u0644 \u0641\u0639\u0627\u0644\u0629<\/h3>\r\n            <p>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062f\u0631\u0648\u0633\u0629.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fca90c6 e-con-full e-flex e-con e-parent\" data-id=\"fca90c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-25d4f67 e-flex e-con-boxed e-con e-child\" data-id=\"25d4f67\" 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-90ad70b elementor-widget elementor-widget-html\" data-id=\"90ad70b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>\u0642\u064a\u0645\u0646\u0627<\/title>\r\n\r\n<style>\r\n:root{\r\n    --card:#ffffff;\r\n    --primary:#16395f;\r\n    --primary-soft:#5e7691;\r\n    --accent:#2d6fb7;\r\n    --accent-2:#5ea3eb;\r\n    --accent-soft:#d9e8f8;\r\n    --border:#dde7f2;\r\n    --shadow:0 14px 40px rgba(22,57,95,.08);\r\n    --shadow-hover:0 24px 55px rgba(22,57,95,.14);\r\n    --radius:24px;\r\n    --transition:.35s ease;\r\n}\r\n\r\n*{\r\n    box-sizing:border-box;\r\n    margin:0;\r\n    padding:0;\r\n}\r\n\r\n.law-principles-section{\r\n    position:relative;\r\n}\r\n\r\n.law-principles-header{\r\n    text-align:center;\r\n    margin-bottom:36px;\r\n}\r\n\r\n.law-principles-label{\r\n    display:inline-block;\r\n    padding:10px 18px;\r\n    border:1px solid var(--accent-soft);\r\n    border-radius:999px;\r\n    color:var(--accent);\r\n    font-size:14px;\r\n    font-weight:700;\r\n    background:rgba(255,255,255,.8);\r\n    margin-bottom:14px;\r\n    box-shadow:0 8px 22px rgba(45,111,183,.06);\r\n}\r\n\r\n.law-principles-heading{\r\n    font-size:clamp(28px,4vw,46px);\r\n    line-height:1.2;\r\n    color:var(--primary);\r\n    margin-bottom:14px;\r\n    font-weight:800;\r\n    letter-spacing:-0.5px;\r\n}\r\n\r\n.law-principles-intro{\r\n    max-width:760px;\r\n    margin:0 auto;\r\n    color:var(--primary-soft);\r\n    font-size:17px;\r\n    line-height:1.9;\r\n}\r\n\r\n.law-principles-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:22px;\r\n}\r\n\r\n.law-principle-box{\r\n    position:relative;\r\n    background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);\r\n    border:1px solid var(--border);\r\n    border-radius:var(--radius);\r\n    padding:28px 24px;\r\n    overflow:hidden;\r\n    box-shadow:var(--shadow);\r\n    transition:\r\n        transform var(--transition),\r\n        box-shadow var(--transition),\r\n        border-color var(--transition);\r\n}\r\n\r\n.law-principle-box::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    right:0;\r\n    width:100%;\r\n    height:4px;\r\n    background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent);\r\n    transform:scaleX(.2);\r\n    transform-origin:right;\r\n    transition:transform var(--transition);\r\n}\r\n\r\n.law-principle-box::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:auto -50px -50px auto;\r\n    width:170px;\r\n    height:170px;\r\n    background:radial-gradient(circle, rgba(45,111,183,.16), transparent 70%);\r\n    opacity:0;\r\n    transition:opacity var(--transition);\r\n    pointer-events:none;\r\n}\r\n\r\n.law-principle-glow{\r\n    position:absolute;\r\n    top:-30%;\r\n    left:-20%;\r\n    width:180px;\r\n    height:180px;\r\n    background:radial-gradient(circle, rgba(94,163,235,.10), transparent 70%);\r\n    pointer-events:none;\r\n}\r\n\r\n.law-principle-box:hover{\r\n    transform:translateY(-9px);\r\n    box-shadow:var(--shadow-hover);\r\n    border-color:#c5d9ef;\r\n}\r\n\r\n.law-principle-box:hover::before{\r\n    transform:scaleX(1);\r\n}\r\n\r\n.law-principle-box:hover::after{\r\n    opacity:1;\r\n}\r\n\r\n.law-principle-top{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n    margin-bottom:18px;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.law-principle-number{\r\n    width:54px;\r\n    height:54px;\r\n    min-width:54px;\r\n    border-radius:16px;\r\n    border:1px solid var(--accent-soft);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    color:var(--accent);\r\n    font-weight:800;\r\n    font-size:16px;\r\n    background:linear-gradient(180deg,#f4f9ff,#eaf3fd);\r\n    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);\r\n    transition:\r\n        transform var(--transition),\r\n        background var(--transition),\r\n        box-shadow var(--transition);\r\n}\r\n\r\n.law-principle-box:hover .law-principle-number{\r\n    transform:scale(1.08) rotate(-5deg);\r\n    background:linear-gradient(180deg,#eef6ff,#dfeeff);\r\n    box-shadow:0 10px 22px rgba(45,111,183,.14);\r\n}\r\n\r\n.law-principle-title{\r\n    flex:1;\r\n    font-size:24px;\r\n    font-weight:800;\r\n    color:var(--primary);\r\n    line-height:1.4;\r\n}\r\n\r\n.law-principle-text{\r\n    position:relative;\r\n    z-index:2;\r\n    color:var(--primary-soft);\r\n    font-size:16px;\r\n    line-height:1.95;\r\n}\r\n\r\n.law-principle-box{\r\n    opacity:0;\r\n    transform:translateY(26px);\r\n    animation:principleFadeUp .7s ease forwards;\r\n}\r\n\r\n.law-principle-box:nth-child(1){ animation-delay:.08s; }\r\n.law-principle-box:nth-child(2){ animation-delay:.18s; }\r\n.law-principle-box:nth-child(3){ animation-delay:.28s; }\r\n.law-principle-box:nth-child(4){ animation-delay:.38s; }\r\n\r\n@keyframes principleFadeUp{\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@media (max-width:900px){\r\n    .law-principles-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n@media (max-width:576px){\r\n    .law-principle-box{\r\n        padding:22px 18px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .law-principle-title{\r\n        font-size:20px;\r\n    }\r\n\r\n    .law-principle-text{\r\n        font-size:15px;\r\n    }\r\n\r\n    .law-principles-intro{\r\n        font-size:16px;\r\n    }\r\n\r\n    .law-principle-number{\r\n        width:48px;\r\n        height:48px;\r\n        min-width:48px;\r\n        font-size:15px;\r\n        border-radius:14px;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"law-principles-section\">\r\n\r\n    <div class=\"law-principles-header\">\r\n        <span class=\"law-principles-label\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629<\/span>\r\n        <h2 class=\"law-principles-heading\">\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u064a \u0646\u0628\u0646\u064a \u0639\u0644\u064a\u0647\u0627 \u0645\u0645\u0627\u0631\u0633\u062a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h2>\r\n        <p class=\"law-principles-intro\">\r\n            \u0646\u0624\u0645\u0646 \u0623\u0646 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0644\u0627 \u064a\u0642\u0648\u0645 \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0628\u0644 \u0639\u0644\u0649 \u0645\u0646\u0638\u0648\u0645\u0629 \u0642\u064a\u0645 \u0648\u0627\u0636\u062d\u0629\r\n            \u062a\u062d\u0643\u0645 \u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0648\u062a\u0646\u0639\u0643\u0633 \u0641\u064a \u0637\u0631\u064a\u0642\u0629 \u062a\u0639\u0627\u0645\u0644\u0646\u0627 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"law-principles-grid\">\r\n\r\n        <article class=\"law-principle-box\">\r\n            <span class=\"law-principle-glow\"><\/span>\r\n            <div class=\"law-principle-top\">\r\n                <h3 class=\"law-principle-title\">\u0627\u0644\u0625\u0646\u0635\u0627\u0641<\/h3>\r\n                <div class=\"law-principle-number\">01<\/div>\r\n            <\/div>\r\n            <p class=\"law-principle-text\">\r\n                \u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0623\u0646 \u064a\u0643\u0648\u0646 \u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0639\u062f\u0627\u0644\u0629 \u0648\u0635\u0648\u0646 \u0627\u0644\u062d\u0642\u0648\u0642 \u0623\u0633\u0627\u0633 \u0643\u0644 \u062e\u0637\u0648\u0629 \u0646\u0642\u0648\u0645 \u0628\u0647\u0627\u060c \u0645\u0639 \u0627\u0644\u062a\u0632\u0627\u0645 \u0643\u0627\u0645\u0644\r\n                \u0628\u0627\u0644\u0646\u0632\u0627\u0647\u0629 \u0648\u0627\u0644\u0648\u0636\u0648\u062d \u0641\u064a \u0639\u0631\u0636 \u0627\u0644\u0631\u0623\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0646\u0633\u0628.\r\n            <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"law-principle-box\">\r\n            <span class=\"law-principle-glow\"><\/span>\r\n            <div class=\"law-principle-top\">\r\n                <h3 class=\"law-principle-title\">\u0627\u0644\u0633\u0631\u064a\u0629<\/h3>\r\n                <div class=\"law-principle-number\">02<\/div>\r\n            <\/div>\r\n            <p class=\"law-principle-text\">\r\n                \u0646\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0633\u0631\u064a\u0629 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0628\u0627\u0639\u062a\u0628\u0627\u0631\u0647\u0627 \u062c\u0632\u0621\u064b\u0627 \u0623\u0635\u064a\u0644\u064b\u0627 \u0645\u0646 \u0645\u0633\u0624\u0648\u0644\u064a\u062a\u0646\u0627 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\u060c\r\n                \u0648\u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0643\u0644 \u0645\u0644\u0641 \u0628\u0623\u0639\u0644\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u062b\u0642\u0629 \u0648\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0648\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645.\r\n            <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"law-principle-box\">\r\n            <span class=\"law-principle-glow\"><\/span>\r\n            <div class=\"law-principle-top\">\r\n                <h3 class=\"law-principle-title\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/h3>\r\n                <div class=\"law-principle-number\">03<\/div>\r\n            <\/div>\r\n            <p class=\"law-principle-text\">\r\n                \u0646\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0645\u0646\u0647\u062c \u0639\u0645\u0644\u064a \u0645\u0646\u0638\u0645 \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u062f\u0642\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629\u060c\r\n                \u0628\u0645\u0627 \u064a\u062d\u0642\u0642 \u0646\u062a\u0627\u0626\u062c \u0645\u062f\u0631\u0648\u0633\u0629 \u0648\u064a\u0645\u0646\u062d \u0627\u0644\u0639\u0645\u064a\u0644 \u062a\u062c\u0631\u0628\u0629 \u0645\u0647\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629.\r\n            <\/p>\r\n        <\/article>\r\n\r\n        <article class=\"law-principle-box\">\r\n            <span class=\"law-principle-glow\"><\/span>\r\n            <div class=\"law-principle-top\">\r\n                <h3 class=\"law-principle-title\">\u0627\u0644\u0645\u0635\u062f\u0627\u0642\u064a\u0629<\/h3>\r\n                <div class=\"law-principle-number\">04<\/div>\r\n            <\/div>\r\n            <p class=\"law-principle-text\">\r\n                \u0646\u0628\u0646\u064a \u0639\u0644\u0627\u0642\u062a\u0646\u0627 \u0645\u0639 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0648\u0636\u0648\u062d\u060c \u0648\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u062a\u0642\u062f\u064a\u0645 \u062a\u0642\u064a\u064a\u0645 \u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0627\u0642\u0639\u064a\r\n                \u0648\u0635\u0631\u064a\u062d \u064a\u0633\u0627\u0639\u062f \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0648\u0627\u062b\u0642\u0629 \u0648\u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 \u0623\u0633\u0633 \u0633\u0644\u064a\u0645\u0629.\r\n            <\/p>\r\n        <\/article>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\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<div class=\"elementor-element elementor-element-ddb59b0 e-con-full e-flex e-con e-parent\" data-id=\"ddb59b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-aef7820 e-con-full e-flex e-con e-child\" data-id=\"aef7820\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1715b27 elementor-widget elementor-widget-html\" data-id=\"1715b27\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html>\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n  <title>\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0627\u0644\u0645\u0643\u062a\u0628<\/title>\r\n\r\n  <style>\r\n    :root{\r\n        --primary:#0f2747;\r\n        --primary2:#163a6b;\r\n        --gold:#c8a25d;\r\n        --gold-light:#ead6ab;\r\n        --white:#ffffff;\r\n\r\n        --bg:#f2f5fa;\r\n        --text:#28415f;\r\n        --text-soft:#5f7591;\r\n\r\n        --hero-overlay:rgba(15,39,71,.58);\r\n        --hero-overlay-2:rgba(10,28,52,.72);\r\n\r\n        --card-blue:#e2edf9;\r\n        --card-blue-2:#d6e5f6;\r\n        --card-blue-3:#cfe0f4;\r\n        --card-border:#b9cde5;\r\n\r\n        --value-card:#edf5ff;\r\n        --value-border:#c5d7eb;\r\n\r\n        --shadow:0 18px 45px rgba(15,39,71,.10);\r\n        --shadow-soft:0 10px 30px rgba(15,39,71,.08);\r\n\r\n        --radius:26px;\r\n    }\r\n\r\n    *{\r\n        box-sizing:border-box;\r\n    }\r\n\r\n    body{\r\n        margin:0;\r\n        font-family:\"Tajawal\", sans-serif;\r\n        background:var(--bg);\r\n        color:var(--text);\r\n    }\r\n\r\n    .team-section{\r\n        padding:50px 20px;\r\n        background:\r\n          radial-gradient(circle at top right, rgba(200,162,93,.08), transparent 20%),\r\n          linear-gradient(180deg, #f8fafc 0%, var(--bg) 100%);\r\n    }\r\n\r\n    .team-container{\r\n        max-width:1200px;\r\n        margin:0 auto;\r\n    }\r\n\r\n    .team-header{\r\n        max-width:900px;\r\n        margin:0 auto 55px;\r\n        text-align:center;\r\n    }\r\n\r\n    .team-tag{\r\n        display:inline-block;\r\n        padding:11px 24px;\r\n        border:1px solid var(--gold-light);\r\n        border-radius:999px;\r\n        color:var(--gold);\r\n        font-size:15px;\r\n        font-weight:700;\r\n        background:rgba(255,255,255,.6);\r\n        margin-bottom:18px;\r\n    }\r\n\r\n    .team-title{\r\n        margin:0 0 18px;\r\n        font-size:clamp(34px, 4vw, 52px);\r\n        line-height:1.2;\r\n        color:var(--primary);\r\n        font-weight:800;\r\n    }\r\n\r\n    .team-intro{\r\n        margin:0;\r\n        color:var(--text-soft);\r\n        font-size:18px;\r\n        line-height:1.95;\r\n    }\r\n\r\n    .team-grid{\r\n        display:grid;\r\n        grid-template-columns:repeat(3, minmax(0, 1fr));\r\n        gap:24px;\r\n    }\r\n\r\n    .team-card{\r\n        background:linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%);\r\n        border:1px solid var(--value-border);\r\n        border-radius:28px;\r\n        overflow:hidden;\r\n        box-shadow:var(--shadow-soft);\r\n        transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;\r\n    }\r\n\r\n    .team-card:hover{\r\n        transform:translateY(-6px);\r\n        box-shadow:0 18px 38px rgba(15,39,71,.12);\r\n        border-color:var(--gold-light);\r\n    }\r\n\r\n    .team-card-image-wrap{\r\n        position:relative;\r\n        height:240px;\r\n        overflow:hidden;\r\n    }\r\n\r\n    .team-card-image-wrap::after{\r\n        content:\"\";\r\n        position:absolute;\r\n        inset:0;\r\n        background:linear-gradient(180deg, rgba(15,39,71,.08) 0%, rgba(15,39,71,.34) 100%);\r\n    }\r\n\r\n    .team-card img{\r\n        width:100%;\r\n        height:100%;\r\n        object-fit:cover;\r\n        display:block;\r\n        transition:transform .6s ease;\r\n    }\r\n\r\n    .team-card:hover img{\r\n        transform:scale(1.05);\r\n    }\r\n\r\n    .team-card-content{\r\n        padding:26px 24px 24px;\r\n    }\r\n\r\n    .team-card-title{\r\n        display:flex;\r\n        align-items:center;\r\n        gap:12px;\r\n        margin:0 0 16px;\r\n        color:var(--primary);\r\n        font-size:24px;\r\n        font-weight:800;\r\n        line-height:1.35;\r\n    }\r\n\r\n    .team-card-icon{\r\n        width:42px;\r\n        height:42px;\r\n        border-radius:14px;\r\n        background:linear-gradient(135deg, var(--primary2), var(--primary));\r\n        color:var(--white);\r\n        display:inline-flex;\r\n        align-items:center;\r\n        justify-content:center;\r\n        font-size:17px;\r\n        font-weight:700;\r\n        box-shadow:0 10px 22px rgba(15,39,71,.14);\r\n        flex-shrink:0;\r\n    }\r\n\r\n    .team-card p{\r\n        margin:0 0 14px;\r\n        color:var(--text-soft);\r\n        font-size:16px;\r\n        line-height:1.95;\r\n    }\r\n\r\n    .team-card p:last-child{\r\n        margin-bottom:0;\r\n    }\r\n\r\n    \/* RTL \/ LTR support *\/\r\n    html[dir=\"rtl\"] .team-section{\r\n        direction:rtl;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .team-section{\r\n        direction:ltr;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .team-card-content,\r\n    html[dir=\"rtl\"] .team-intro{\r\n        text-align:right;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .team-card-content,\r\n    html[dir=\"ltr\"] .team-intro{\r\n        text-align:left;\r\n    }\r\n\r\n    html[dir=\"rtl\"] .team-card-title{\r\n        flex-direction:row;\r\n    }\r\n\r\n    html[dir=\"ltr\"] .team-card-title{\r\n        flex-direction:row-reverse;\r\n    }\r\n\r\n    @media (max-width: 992px){\r\n        .team-grid{\r\n            grid-template-columns:1fr;\r\n            gap:20px;\r\n        }\r\n\r\n        .team-card-image-wrap{\r\n            height:260px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 576px){\r\n        .team-section{\r\n            padding:75px 16px;\r\n        }\r\n\r\n        .team-header{\r\n            margin-bottom:40px;\r\n        }\r\n\r\n        .team-intro{\r\n            font-size:16px;\r\n        }\r\n\r\n        .team-card-content{\r\n            padding:22px 18px 20px;\r\n        }\r\n\r\n        .team-card-title{\r\n            font-size:21px;\r\n            gap:10px;\r\n        }\r\n\r\n        .team-card-icon{\r\n            width:38px;\r\n            height:38px;\r\n            border-radius:12px;\r\n            font-size:15px;\r\n        }\r\n\r\n        .team-card p{\r\n            font-size:15px;\r\n            line-height:1.9;\r\n        }\r\n\r\n        .team-card-image-wrap{\r\n            height:220px;\r\n        }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <section class=\"team-section\">\r\n    <div class=\"team-container\">\r\n\r\n      <div class=\"team-header\">\r\n        <span class=\"team-tag\">\u0641\u0631\u064a\u0642 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<\/span>\r\n        <h2 class=\"team-title\">\u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0627\u0644\u0645\u0643\u062a\u0628<\/h2>\r\n        <p class=\"team-intro\">\r\n          \u064a\u0636\u0645 \u0645\u0643\u062a\u0628 <strong>\u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \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<\/strong> \u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \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\u062e\u0635\u0635\u0629\u060c \u064a\u0639\u0645\u0644\u0648\u0646 \u0628\u0631\u0648\u062d \u0627\u0644\u0641\u0631\u064a\u0642 \u0627\u0644\u0648\u0627\u062d\u062f \u0644\u062a\u0642\u062f\u064a\u0645 \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0644\u0628\u064a \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 \u0648\u0648\u0641\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0645\u0647\u0646\u064a\u0629.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"team-grid\">\r\n\r\n        <article class=\"team-card\">\r\n          <div class=\"team-card-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646.webp\" alt=\"\u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0648\u0646\">\r\n          <\/div>\r\n          <div class=\"team-card-content\">\r\n            <h3 class=\"team-card-title\">\r\n              <span class=\"team-card-icon\">01<\/span>\r\n              \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0648\u0646\r\n            <\/h3>\r\n            <p>\r\n              \u064a\u0636\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u0646\u062e\u0628\u0629 \u0645\u0646 \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\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u0641\u064a \u0645\u062e\u062a\u0644\u0641 \u0641\u0631\u0648\u0639 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u060c \u062d\u064a\u062b \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u062e\u0628\u0631\u0627\u062a \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0639\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062f\u0646\u064a\u0629 \u0648\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0623\u062d\u0648\u0627\u0644 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0648\u063a\u064a\u0631\u0647\u0627 \u0645\u0646 \u0627\u0644\u0645\u062c\u0627\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.\r\n            <\/p>\r\n            <p>\r\n              \u0648\u064a\u0639\u0645\u0644 \u0627\u0644\u0645\u0633\u062a\u0634\u0627\u0631\u0648\u0646 \u0639\u0644\u0649 \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0648\u062a\u062d\u0644\u064a\u0644\u0647\u0627 \u0628\u062f\u0642\u0629 \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0627\u0644\u062a\u064a \u062a\u0636\u0645\u0646 \u062d\u0645\u0627\u064a\u0629 \u0645\u0635\u0627\u0644\u062d \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u062a\u062d\u0642\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"team-card\">\r\n          <div class=\"team-card-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646.webp\" alt=\"\u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646\">\r\n          <\/div>\r\n          <div class=\"team-card-content\">\r\n            <h3 class=\"team-card-title\">\r\n              <span class=\"team-card-icon\">02<\/span>\r\n              \u0627\u0644\u0645\u062d\u0627\u0645\u0648\u0646\r\n            <\/h3>\r\n            <p>\r\n              \u064a\u0639\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u0643\u062a\u0628 \u0639\u062f\u062f \u0645\u0646 \u0627\u0644\u0645\u062d\u0627\u0645\u064a\u0646 \u0627\u0644\u0645\u062a\u0641\u0631\u063a\u064a\u0646 \u0627\u0644\u0630\u064a\u0646 \u064a\u0645\u062a\u0644\u0643\u0648\u0646 \u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0623\u0645\u0627\u0645 \u0627\u0644\u0645\u062d\u0627\u0643\u0645 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u062e\u0628\u0631\u062a\u0647\u0645 \u0641\u064a \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0642\u0627\u0636\u064a \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0628\u0643\u0641\u0627\u0621\u0629 \u0648\u0645\u0647\u0646\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n        <article class=\"team-card\">\r\n          <div class=\"team-card-image-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/lawyeralim-m.sa\/wp-content\/uploads\/2026\/03\/\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0648\u0646-\u0648\u0627\u0644\u0645\u0639\u0642\u0628\u0648\u0646.webp\" alt=\"\u0627\u0644\u0645\u0639\u0642\u0628\u0648\u0646 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0648\u0646\">\r\n          <\/div>\r\n          <div class=\"team-card-content\">\r\n            <h3 class=\"team-card-title\">\r\n              <span class=\"team-card-icon\">03<\/span>\r\n              \u0627\u0644\u0645\u0639\u0642\u0628\u0648\u0646 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0648\u0646\r\n            <\/h3>\r\n            <p>\r\n              \u064a\u0636\u0645 \u0627\u0644\u0645\u0643\u062a\u0628 \u0623\u064a\u0636\u0627\u064b \u0641\u0631\u064a\u0642\u0627\u064b \u0645\u0646 \u0627\u0644\u0645\u0639\u0642\u0628\u064a\u0646 \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u064a\u0646 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0644\u062f\u0649 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u062c\u0647\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0642\u0629\u060c \u0645\u0645\u0627 \u064a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0633\u0631\u064a\u0639 \u0625\u0646\u062c\u0627\u0632 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u062a\u0633\u0647\u064a\u0644 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621.\r\n            <\/p>\r\n          <\/div>\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \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 \u064a\u064f\u0639\u062f \u0645\u0643\u062a\u0628 \u0639\u0644\u064a \u0627\u0644\u0645\u063a\u0627\u0645\u0631 \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 \u0623\u062d\u062f \u0627\u0644\u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0642\u062f\u0645 [&hellip;]<\/p>\n","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":"","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-226","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/226","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/comments?post=226"}],"version-history":[{"count":52,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/226\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/pages\/226\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/lawyeralim-m.sa\/en\/wp-json\/wp\/v2\/media?parent=226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}