{"id":19,"date":"2026-07-02T11:37:20","date_gmt":"2026-07-02T11:37:20","guid":{"rendered":"https:\/\/snamlaw.sa\/?page_id=19"},"modified":"2026-07-21T13:09:50","modified_gmt":"2026-07-21T13:09:50","slug":"%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/snamlaw.sa\/en\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19\" class=\"elementor elementor-19\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9541afb e-con-full e-flex e-con e-parent\" data-id=\"9541afb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d04da75 elementor-widget elementor-widget-html\" data-id=\"d04da75\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ==================== SCOPED DESIGN TOKENS ==================== *\/\r\n.sm-contact {\r\n  --sm-green-950: #0c2b25;\r\n  --sm-green-900: #0f3830;\r\n  --sm-green-800: #154840;\r\n  --sm-gold-500: #c9a567;\r\n  --sm-gold-300: #ddc292;\r\n  --sm-cream: #faf8f4;\r\n  --sm-white: #ffffff;\r\n  --sm-ink: #1b2420;\r\n  --sm-ink-soft: #5c6862;\r\n  --sm-line: #e8e2d6;\r\n  --sm-radius-lg: 28px;\r\n  --sm-radius-md: 16px;\r\n  --sm-shadow-soft: 0 30px 70px -25px rgba(15, 56, 48, 0.25);\r\n  --sm-shadow-form: 0 40px 90px -30px rgba(20, 30, 26, 0.18);\r\n  --sm-ease: cubic-bezier(0.22, 1, 0.36, 1);\r\n\r\n  \/* \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u064a\u062a\u0648\u0627\u0631\u062b \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 (html[dir]) \u0627\u0644\u0644\u064a \u0628\u062a\u0636\u0628\u0637\u0647\u0627 TranslatePress \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 *\/\r\n  font-family: 'Tajawal', 'IBM Plex Sans Arabic', Tahoma, sans-serif;\r\n  background: var(--sm-cream);\r\n  color: var(--sm-ink);\r\n  padding: 120px 24px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sm-contact * { box-sizing: border-box; }\r\n\r\n\/* ==================== HEADER ==================== *\/\r\n.sm-contact-header {\r\n  max-width: 720px;\r\n  margin: 0 auto 72px;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.sm-label {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.5px;\r\n  color: var(--sm-gold-500);\r\n  margin-bottom: 20px;\r\n  opacity: 0;\r\n  transform: translateY(14px);\r\n}\r\n\r\n.sm-label::before,\r\n.sm-label::after {\r\n  content: \"\";\r\n  width: 26px;\r\n  height: 1px;\r\n  background: var(--sm-gold-500);\r\n}\r\n\r\n.sm-contact-header h2 {\r\n  font-size: clamp(30px, 4vw, 46px);\r\n  font-weight: 900;\r\n  line-height: 1.35;\r\n  margin: 0 0 20px;\r\n  color: var(--sm-green-950);\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n}\r\nhtml[dir=\"ltr\"] .sm-contact-header h2 { line-height: 1.45; }\r\n\r\n.sm-contact-header h2 .sm-highlight {\r\n  position: relative;\r\n  color: var(--sm-green-900);\r\n}\r\n\r\n.sm-contact-header h2 .sm-highlight::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  right: 0;\r\n  left: 0;\r\n  bottom: 4px;\r\n  height: 10px;\r\n  background: rgba(201, 165, 103, 0.28);\r\n  z-index: -1;\r\n  border-radius: 4px;\r\n}\r\n\r\n.sm-contact-header p {\r\n  font-size: 17px;\r\n  line-height: 1.9;\r\n  color: var(--sm-ink-soft);\r\n  margin: 0;\r\n  opacity: 0;\r\n  transform: translateY(18px);\r\n}\r\nhtml[dir=\"ltr\"] .sm-contact-header p { line-height: 2; }\r\n\r\n\/* ==================== GRID LAYOUT ==================== *\/\r\n.sm-contact-grid {\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 0.85fr 1.15fr;\r\n  border-radius: var(--sm-radius-lg);\r\n  overflow: hidden;\r\n  box-shadow: var(--sm-shadow-form);\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* ==================== INFO PANEL ==================== *\/\r\n.sm-info-panel {\r\n  background: linear-gradient(155deg, var(--sm-green-900) 0%, var(--sm-green-950) 100%);\r\n  color: var(--sm-white);\r\n  padding: 56px 48px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n\/* subtle architectural line pattern \u2014 evokes columns\/structure, not a gavel *\/\r\n.sm-info-panel .sm-pattern {\r\n  position: absolute;\r\n  inset: 0;\r\n  opacity: 0.09;\r\n  background-image: repeating-linear-gradient(\r\n    90deg,\r\n    var(--sm-gold-300) 0px,\r\n    var(--sm-gold-300) 1px,\r\n    transparent 1px,\r\n    transparent 46px\r\n  );\r\n  pointer-events: none;\r\n}\r\n\r\n\/* floating diamond echoing the logo's apex mark \u2014 local decorative accent,\r\n   not tied to reading direction, left as-is intentionally *\/\r\n.sm-info-panel .sm-diamond {\r\n  position: absolute;\r\n  top: 44px;\r\n  left: 44px;\r\n  width: 16px;\r\n  height: 16px;\r\n  background: var(--sm-gold-500);\r\n  transform: rotate(45deg);\r\n  opacity: 0.9;\r\n  animation: sm-float 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sm-float {\r\n  0%, 100% { transform: rotate(45deg) translateY(0); }\r\n  50% { transform: rotate(45deg) translateY(-10px); }\r\n}\r\n\r\n.sm-info-content { position: relative; z-index: 2; }\r\n\r\n.sm-info-content h3 {\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  margin: 0 0 36px;\r\n  color: var(--sm-gold-300);\r\n}\r\n\r\n.sm-info-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 44px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 26px;\r\n}\r\n\r\n.sm-info-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 16px;\r\n  opacity: 0;\r\n  \/* \u064a\u0638\u0647\u0631 \u0645\u0646\u0632\u0644\u0642\u064b\u0627 \u0645\u0646 \u062c\u0647\u0629 \"\u0628\u062f\u0627\u064a\u0629\" \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u2014 \u064a\u0645\u064a\u0646 \u0628\u0627\u0644\u0639\u0631\u0628\u064a\u060c \u064a\u0633\u0627\u0631 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n  transform: translateX(16px);\r\n}\r\nhtml[dir=\"ltr\"] .sm-info-item { transform: translateX(-16px); }\r\n\r\n.sm-info-icon {\r\n  flex-shrink: 0;\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(221, 194, 146, 0.35);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(255, 255, 255, 0.03);\r\n}\r\n\r\n.sm-info-icon svg {\r\n  width: 18px;\r\n  height: 18px;\r\n  stroke: var(--sm-gold-300);\r\n}\r\n\/* \u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641\/\u0627\u0644\u0628\u0631\u064a\u062f\/\u0627\u0644\u0645\u0648\u0642\u0639\/\u0627\u0644\u0633\u0627\u0639\u0629 \u0631\u0645\u0632\u064a\u0629 \u0648\u0645\u062a\u0645\u0627\u062b\u0644\u0629 \u2014 \u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0639\u0643\u0633 *\/\r\n\r\n.sm-info-text h4 {\r\n  font-size: 15px;\r\n  font-weight: 700;\r\n  margin: 0 0 4px;\r\n  color: var(--sm-white);\r\n}\r\n\r\n.sm-info-text p {\r\n  font-size: 14px;\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  color: rgba(255, 255, 255, 0.65);\r\n}\r\nhtml[dir=\"ltr\"] .sm-info-text p { line-height: 1.8; }\r\n\r\n.sm-info-text a {\r\n  color: rgba(255, 255, 255, 0.65);\r\n  text-decoration: none;\r\n  transition: color 0.3s var(--sm-ease);\r\n}\r\n\r\n.sm-info-text a:hover { color: var(--sm-gold-300); }\r\n\r\n.sm-social-row {\r\n  display: flex;\r\n  gap: 12px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.sm-social-row a {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(221, 194, 146, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--sm-gold-300);\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.35s var(--sm-ease);\r\n}\r\n\r\n.sm-social-row a:hover {\r\n  background: var(--sm-gold-500);\r\n  color: var(--sm-green-950);\r\n  border-color: var(--sm-gold-500);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* ==================== FORM PANEL ==================== *\/\r\n.sm-form-panel {\r\n  background: var(--sm-white);\r\n  padding: 56px 48px;\r\n  position: relative;\r\n}\r\n\r\n.sm-form-panel h3 {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  margin: 0 0 8px;\r\n  color: var(--sm-green-950);\r\n}\r\n\r\n.sm-form-panel > p {\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  color: var(--sm-ink-soft);\r\n  margin: 0 0 32px;\r\n}\r\nhtml[dir=\"ltr\"] .sm-form-panel > p { line-height: 1.7; }\r\n\r\n.sm-form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 22px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.sm-field {\r\n  position: relative;\r\n}\r\n\r\n.sm-field.sm-full { grid-column: 1 \/ -1; }\r\n\r\n.sm-field label {\r\n  display: block;\r\n  font-size: 13.5px;\r\n  font-weight: 500;\r\n  color: var(--sm-ink-soft);\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.sm-field input,\r\n.sm-field select,\r\n.sm-field textarea {\r\n  width: 100%;\r\n  border: none;\r\n  border-bottom: 1.5px solid var(--sm-line);\r\n  background: transparent;\r\n  padding: 10px 2px;\r\n  font-family: inherit;\r\n  font-size: 15px;\r\n  color: var(--sm-ink);\r\n  outline: none;\r\n  transition: border-color 0.3s var(--sm-ease);\r\n}\r\n\r\n.sm-field textarea {\r\n  resize: none;\r\n  min-height: 90px;\r\n}\r\n\r\n.sm-field select {\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%235c6862' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\r\n  background-repeat: no-repeat;\r\n  \/* \u0633\u0647\u0645 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0645\u0646\u0633\u062f\u0644\u0629 \u064a\u062c\u0644\u0633 \u0641\u064a \u062c\u0647\u0629 \"\u0646\u0647\u0627\u064a\u0629\" \u0627\u0644\u0642\u0631\u0627\u0621\u0629 *\/\r\n  background-position: left 2px center;\r\n  cursor: pointer;\r\n}\r\nhtml[dir=\"ltr\"] .sm-field select { background-position: right 2px center; }\r\n\r\n\/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0633\u0641\u0644\u064a \u0627\u0644\u0645\u062a\u062d\u0631\u0643 \u064a\u0628\u062f\u0623 \u0645\u0646 \u062c\u0647\u0629 \"\u0628\u062f\u0627\u064a\u0629\" \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0648\u064a\u0643\u0628\u0631 \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u0646\u0647\u0627\u064a\u0629 *\/\r\n.sm-field .sm-underline {\r\n  position: absolute;\r\n  bottom: -1.5px;\r\n  inset-inline-start: 0;\r\n  height: 2px;\r\n  width: 0;\r\n  background: var(--sm-gold-500);\r\n  transition: width 0.4s var(--sm-ease);\r\n}\r\n\r\n.sm-field input:focus ~ .sm-underline,\r\n.sm-field select:focus ~ .sm-underline,\r\n.sm-field textarea:focus ~ .sm-underline {\r\n  width: 100%;\r\n}\r\n\r\n.sm-field input:focus,\r\n.sm-field select:focus,\r\n.sm-field textarea:focus {\r\n  border-color: var(--sm-line);\r\n}\r\n\r\n.sm-consent {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-size: 13px;\r\n  line-height: 1.6;\r\n  color: var(--sm-ink-soft);\r\n  margin: 6px 0 28px;\r\n}\r\nhtml[dir=\"ltr\"] .sm-consent { line-height: 1.7; }\r\n\r\n.sm-consent input {\r\n  margin-top: 3px;\r\n  accent-color: var(--sm-gold-500);\r\n}\r\n\r\n.sm-submit {\r\n  width: 100%;\r\n  border: none;\r\n  border-radius: 50px;\r\n  padding: 17px 32px;\r\n  font-family: inherit;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: var(--sm-white);\r\n  background: linear-gradient(120deg, var(--sm-green-900), var(--sm-green-950));\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: transform 0.3s var(--sm-ease), box-shadow 0.3s var(--sm-ease);\r\n}\r\n\r\n.sm-submit::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(120deg, var(--sm-gold-500), var(--sm-gold-300));\r\n  opacity: 0;\r\n  transition: opacity 0.4s var(--sm-ease);\r\n}\r\n\r\n.sm-submit span { position: relative; z-index: 2; transition: color 0.4s var(--sm-ease); }\r\n\r\n\/* \u0627\u0644\u0633\u0647\u0645: \u0627\u0644\u0642\u0644\u0628 \u0627\u0644\u062b\u0627\u0628\u062a \u0639\u0644\u0649 \u0627\u0644\u0640svg\u060c \u0648\u062d\u0631\u0643\u0629 \u0627\u0644\u0640hover \u0639\u0644\u0649 \u0627\u0644\u0640wrap \u2014 \u0639\u0646\u0635\u0631\u064a\u0646\r\n   \u0645\u0646\u0641\u0635\u0644\u064a\u0646 \u0639\u0634\u0627\u0646 \u0627\u0644\u0627\u062a\u0646\u064a\u0646 \u0645\u064a\u062a\u0639\u0627\u0631\u0636\u0648\u0634 \u0632\u064a \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0644\u064a \u0635\u0644\u062d\u0646\u0627\u0647\u0627 \u0642\u0628\u0644 \u0643\u062f\u0647 *\/\r\n.sm-submit-arrow-wrap { position: relative; z-index: 2; display: inline-flex; transition: transform 0.4s var(--sm-ease); }\r\n.sm-submit svg { display: block; width: 16px; height: 16px; transition: stroke 0.4s var(--sm-ease); }\r\nhtml[dir=\"ltr\"] .sm-submit svg { transform: rotate(-180deg); }\r\n\r\n.sm-submit:hover {\r\n  box-shadow: 0 20px 40px -15px rgba(15, 56, 48, 0.4);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.sm-submit:hover::before { opacity: 1; }\r\n.sm-submit:hover span { color: var(--sm-green-950); }\r\n.sm-submit:hover svg { stroke: var(--sm-green-950); }\r\n.sm-submit:hover .sm-submit-arrow-wrap { transform: translateX(-4px); }\r\nhtml[dir=\"ltr\"] .sm-submit:hover .sm-submit-arrow-wrap { transform: translateX(4px); }\r\n\r\n\/* success state *\/\r\n.sm-form-success {\r\n  display: none;\r\n  text-align: center;\r\n  padding: 40px 10px;\r\n}\r\n\r\n.sm-form-success.sm-show { display: block; animation: sm-pop 0.5s var(--sm-ease); }\r\n\r\n@keyframes sm-pop {\r\n  from { opacity: 0; transform: scale(0.92); }\r\n  to { opacity: 1; transform: scale(1); }\r\n}\r\n\r\n.sm-form-success .sm-check {\r\n  width: 62px;\r\n  height: 62px;\r\n  border-radius: 50%;\r\n  background: rgba(201, 165, 103, 0.12);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 20px;\r\n}\r\n\r\n.sm-form-success .sm-check svg {\r\n  width: 26px;\r\n  height: 26px;\r\n  stroke: var(--sm-gold-500);\r\n}\r\n\r\n.sm-form-success h4 {\r\n  font-size: 19px;\r\n  color: var(--sm-green-950);\r\n  margin: 0 0 8px;\r\n}\r\n\r\n.sm-form-success p {\r\n  font-size: 14.5px;\r\n  line-height: 1.6;\r\n  color: var(--sm-ink-soft);\r\n  margin: 0;\r\n}\r\nhtml[dir=\"ltr\"] .sm-form-success p { line-height: 1.7; }\r\n\r\n\/* ==================== SCROLL REVEAL STATES ==================== *\/\r\n.sm-contact.sm-in .sm-label,\r\n.sm-contact.sm-in .sm-contact-header h2,\r\n.sm-contact.sm-in .sm-contact-header p {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: opacity 0.8s var(--sm-ease), transform 0.8s var(--sm-ease);\r\n}\r\n\r\n.sm-contact.sm-in .sm-contact-header h2 { transition-delay: 0.12s; }\r\n.sm-contact.sm-in .sm-contact-header p { transition-delay: 0.22s; }\r\n\r\n.sm-contact.sm-in .sm-info-item {\r\n  opacity: 1;\r\n  transform: translateX(0);\r\n  transition: opacity 0.7s var(--sm-ease), transform 0.7s var(--sm-ease);\r\n}\r\n\r\n.sm-contact.sm-in .sm-info-item:nth-child(1) { transition-delay: 0.15s; }\r\n.sm-contact.sm-in .sm-info-item:nth-child(2) { transition-delay: 0.28s; }\r\n.sm-contact.sm-in .sm-info-item:nth-child(3) { transition-delay: 0.41s; }\r\n.sm-contact.sm-in .sm-info-item:nth-child(4) { transition-delay: 0.54s; }\r\n\r\n\/* ==================== RESPONSIVE ==================== *\/\r\n@media (max-width: 980px) {\r\n  .sm-contact-grid { grid-template-columns: 1fr; }\r\n  .sm-info-panel { padding: 48px 36px; }\r\n  .sm-form-panel { padding: 48px 36px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .sm-contact { padding: 100px 16px; }\r\n  .sm-contact-header { margin-bottom: 48px; }\r\n  .sm-info-panel, .sm-form-panel { padding: 36px 24px; }\r\n  .sm-form-row { grid-template-columns: 1fr; gap: 18px; }\r\n  .sm-info-panel .sm-diamond { top: 28px; left: 28px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sm-contact\" id=\"contact\">\r\n\r\n  <div class=\"sm-contact-header\">\r\n    <span class=\"sm-label\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n    <h2>\u0627\u0628\u062f\u0623 \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0646\u062d\u0648 <span class=\"sm-highlight\">\u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642\u0643<\/span><\/h2>\r\n    <p>\r\n      \u0646\u062d\u0646 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645\r\n      \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0628\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u0633\u0631\u064a\u0629.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"sm-contact-grid\">\r\n\r\n    <!-- ============ INFO PANEL ============ -->\r\n    <div class=\"sm-info-panel\">\r\n      <div class=\"sm-pattern\"><\/div>\r\n      <div class=\"sm-diamond\"><\/div>\r\n\r\n      <div class=\"sm-info-content\">\r\n        <h3>\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\r\n\r\n        <ul class=\"sm-info-list\">\r\n          <li class=\"sm-info-item\">\r\n            <span class=\"sm-info-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13 1 .36 1.97.68 2.9a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.18-1.25a2 2 0 0 1 2.11-.45c.93.32 1.9.55 2.9.68A2 2 0 0 1 22 16.92z\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <div class=\"sm-info-text\">\r\n              <h4>\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/h4>\r\n              <p><a href=\"tel:0594452539\" dir=\"ltr\">0594452539<\/a><\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"sm-info-item\">\r\n            <span class=\"sm-info-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M4 4h16v16H4z\"\/><path d=\"M22 6l-10 7L2 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <div class=\"sm-info-text\">\r\n              <h4>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/h4>\r\n              <p><a href=\"mailto:info@sanamlaw.sa\" dir=\"ltr\">info@sanamlaw.sa<\/a><\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"sm-info-item\">\r\n            <span class=\"sm-info-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <div class=\"sm-info-text\">\r\n              <h4>\u0627\u0644\u0645\u0648\u0642\u0639<\/h4>\r\n              <p>\u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 - \u0627\u0644\u0634\u0631\u0642\u064a\u0629<\/p>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"sm-info-item\">\r\n            <span class=\"sm-info-icon\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3 3\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n            <div class=\"sm-info-text\">\r\n              <h4>\u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644<\/h4>\r\n              <p>\u0627\u0644\u0623\u062d\u062f \u2013 \u0627\u0644\u062e\u0645\u064a\u0633: 9 \u0635\u0628\u0627\u062d\u064b\u0627 \u2013 6 \u0645\u0633\u0627\u0621\u064b<\/p>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"sm-social-row\">\r\n        <a href=\"#\" aria-label=\"\u062a\u0648\u064a\u062a\u0631\">X<\/a>\r\n        <a href=\"#\" aria-label=\"\u0644\u064a\u0646\u0643\u062f\u0625\u0646\">in<\/a>\r\n        <a href=\"#\" aria-label=\"\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645\">IG<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============ FORM PANEL ============ -->\r\n    <div class=\"sm-form-panel\">\r\n      <h3>\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\r\n      <p>\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0641\u0631\u064a\u0642\u0646\u0627 \u062e\u0644\u0627\u0644 \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0644\u062a\u0623\u0643\u064a\u062f \u0645\u0648\u0639\u062f \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629.<\/p>\r\n\r\n      <form class=\"sm-contact-form\" id=\"smContactForm\" novalidate>\r\n\r\n        <div class=\"sm-form-row\">\r\n          <div class=\"sm-field\">\r\n            <label for=\"smName\">\u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644<\/label>\r\n            <input type=\"text\" id=\"smName\" name=\"name\" required autocomplete=\"name\">\r\n            <span class=\"sm-underline\"><\/span>\r\n          <\/div>\r\n          <div class=\"sm-field\">\r\n            <label for=\"smPhone\">\u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644<\/label>\r\n            <input type=\"tel\" id=\"smPhone\" name=\"phone\" dir=\"ltr\" required autocomplete=\"tel\">\r\n            <span class=\"sm-underline\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sm-form-row\">\r\n          <div class=\"sm-field\">\r\n            <label for=\"smEmail\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/label>\r\n            <input type=\"email\" id=\"smEmail\" name=\"email\" dir=\"ltr\" required autocomplete=\"email\">\r\n            <span class=\"sm-underline\"><\/span>\r\n          <\/div>\r\n          <div class=\"sm-field\">\r\n            <label for=\"smService\">\u0646\u0648\u0639 \u0627\u0644\u062e\u062f\u0645\u0629<\/label>\r\n            <select id=\"smService\" name=\"service\" required>\r\n              <option value=\"\" disabled selected>\u0627\u062e\u062a\u0631 \u0627\u0644\u062e\u062f\u0645\u0629<\/option>\r\n              <option value=\"consult\">\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/option>\r\n              <option value=\"litigation\">\u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a<\/option>\r\n              <option value=\"contracts\">\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f<\/option>\r\n              <option value=\"companies\">\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/option>\r\n              <option value=\"commercial\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/option>\r\n              <option value=\"realestate\">\u0627\u0644\u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u0639\u0642\u0627\u0631\u064a\u0629<\/option>\r\n              <option value=\"other\">\u0623\u062e\u0631\u0649<\/option>\r\n            <\/select>\r\n            <span class=\"sm-underline\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sm-form-row\">\r\n          <div class=\"sm-field sm-full\">\r\n            <label for=\"smMessage\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631<\/label>\r\n            <textarea id=\"smMessage\" name=\"message\" required><\/textarea>\r\n            <span class=\"sm-underline\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <label class=\"sm-consent\">\r\n          <input type=\"checkbox\" required>\r\n          \u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0623\u0646 \u064a\u062a\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u062e\u0635\u0648\u0635 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u064a\u060c \u0645\u0639 \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0627\u0644\u062a\u0627\u0645 \u0628\u0633\u0631\u064a\u0629 \u0628\u064a\u0627\u0646\u0627\u062a\u064a.\r\n        <\/label>\r\n\r\n        <button type=\"submit\" class=\"sm-submit\">\r\n          <span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/span>\r\n          <span class=\"sm-submit-arrow-wrap\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n        <\/button>\r\n      <\/form>\r\n\r\n      <div class=\"sm-form-success\" id=\"smFormSuccess\">\r\n        <div class=\"sm-check\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <path d=\"M20 6L9 17l-5-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h4>\u062a\u0645 \u0625\u0631\u0633\u0627\u0644 \u0637\u0644\u0628\u0643 \u0628\u0646\u062c\u0627\u062d<\/h4>\r\n        <p>\u0633\u064a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0623\u062d\u062f \u0645\u0633\u062a\u0634\u0627\u0631\u064a\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u064a\u0646 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0645\u0643\u0646.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var section = document.querySelector(\".sm-contact\");\r\n  if (!section) return;\r\n\r\n  \/* ---------- Scroll reveal ---------- *\/\r\n  var observer = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (entry) {\r\n      if (entry.isIntersecting) {\r\n        section.classList.add(\"sm-in\");\r\n        observer.unobserve(section);\r\n      }\r\n    });\r\n  }, { threshold: 0.25 });\r\n\r\n  observer.observe(section);\r\n\r\n  \/* ---------- Form submission ---------- *\/\r\n  var form = document.getElementById(\"smContactForm\");\r\n  var success = document.getElementById(\"smFormSuccess\");\r\n\r\n  if (form) {\r\n    form.addEventListener(\"submit\", function (e) {\r\n      e.preventDefault();\r\n\r\n      if (!form.checkValidity()) {\r\n        form.reportValidity();\r\n        return;\r\n      }\r\n\r\n      \/*\r\n        Integration point:\r\n        Replace this block with your WordPress form handler\r\n        (e.g. WPForms \/ Contact Form 7 \/ custom AJAX endpoint)\r\n        before showing the success state.\r\n      *\/\r\n\r\n      form.style.display = \"none\";\r\n      success.classList.add(\"sm-show\");\r\n    });\r\n  }\r\n})();\r\n<\/script>\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>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0628\u062f\u0623 \u062e\u0637\u0648\u062a\u0643 \u0627\u0644\u0623\u0648\u0644\u0649 \u0646\u062d\u0648 \u062d\u0645\u0627\u064a\u0629 \u062d\u0642\u0648\u0642\u0643 \u0646\u062d\u0646 \u0639\u0644\u0649 \u0627\u0633\u062a\u0639\u062f\u0627\u062f \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0646 \u062c\u0645\u064a\u0639 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643\u0645 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u062f\u0639\u0645 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","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-19","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages\/19","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/comments?post=19"}],"version-history":[{"count":34,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages\/19\/revisions"}],"predecessor-version":[{"id":897,"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/pages\/19\/revisions\/897"}],"wp:attachment":[{"href":"https:\/\/snamlaw.sa\/en\/wp-json\/wp\/v2\/media?parent=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}