{"id":144,"date":"2026-07-08T13:31:58","date_gmt":"2026-07-08T13:31:58","guid":{"rendered":"https:\/\/rawasy-almodon.tzaid.sa\/?page_id=144"},"modified":"2026-07-13T19:16:24","modified_gmt":"2026-07-13T19:16:24","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:\/\/rawasy-almodon.com.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=\"144\" class=\"elementor elementor-144\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cca6dad e-con-full e-flex e-con e-parent\" data-id=\"cca6dad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cc9459 elementor-widget elementor-widget-html\" data-id=\"9cc9459\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;500;600;700;900&display=swap');\r\n\r\n:root{\r\n  --navy:#3B4F71;\r\n  --cyan:#A5DDEA;\r\n\r\n  --bg-page:#FFFFFF;\r\n  --bg-alt:rgba(165,221,234,.14);\r\n  --ink-900:#0F2340;\r\n  --ink-700:#33455E;\r\n  --ink-500:#66788F;\r\n  --line-soft:rgba(59,79,113,.12);\r\n\r\n  --white:#FFFFFF;\r\n  --font:'Cairo','Segoe UI',Tahoma,sans-serif;\r\n\r\n  --container:1280px;\r\n  --radius-md:14px;\r\n  --radius-lg:20px;\r\n  --ease-out:cubic-bezier(.16,.84,.44,1);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0648\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0644\u063a\u0629\r\n   ========================================================= *\/\r\n\r\n.rawasi-contact-section,\r\n.rawasi-contact-section *,\r\n.rawasi-contact-section *::before,\r\n.rawasi-contact-section *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.rawasi-contact-section{\r\n  direction:rtl;\r\n  text-align:right;\r\n  font-family:var(--font);\r\n  background-color:var(--bg-page);\r\n  padding:120px 4%;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.rawasi-contact-section *{\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a\u0629 *\/\r\nhtml[dir=\"rtl\"] .rawasi-contact-section,\r\nhtml[lang^=\"ar\"] .rawasi-contact-section,\r\nbody.rtl .rawasi-contact-section{\r\n  direction:rtl !important;\r\n  text-align:right !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\nhtml[dir=\"ltr\"] .rawasi-contact-section,\r\nhtml[lang^=\"en\"] .rawasi-contact-section{\r\n  direction:ltr !important;\r\n  text-align:left !important;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0627\u0644\u062d\u0627\u0648\u064a\u0629\r\n   ========================================================= *\/\r\n\r\n.rawasi-architectural-grid{\r\n  position:absolute;\r\n  inset:0;\r\n  width:100%;\r\n  height:100%;\r\n  background-size:50px 50px;\r\n  background-image:\r\n    linear-gradient(\r\n      to right,\r\n      rgba(59,79,113,.02) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      to bottom,\r\n      rgba(59,79,113,.02) 1px,\r\n      transparent 1px\r\n    );\r\n  z-index:1;\r\n  pointer-events:none;\r\n}\r\n\r\n.rawasi-container{\r\n  max-width:var(--container);\r\n  margin:0 auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0631\u0623\u0633 \u0642\u0633\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n   ========================================================= *\/\r\n\r\n.contact-header{\r\n  text-align:center;\r\n  max-width:800px;\r\n  margin:0 auto 60px;\r\n  transform:translateY(30px);\r\n  opacity:0;\r\n\r\n  transition:\r\n    transform .8s var(--ease-out),\r\n    opacity .8s var(--ease-out);\r\n}\r\n\r\n.contact-header.reveal-triggered{\r\n  transform:translateY(0);\r\n  opacity:1;\r\n}\r\n\r\n.badge-index{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  background-color:var(--cyan);\r\n  padding:6px 20px;\r\n  border-radius:50px;\r\n  margin-bottom:20px;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n.rawasi-title{\r\n  font-size:38px;\r\n  font-weight:900;\r\n  color:var(--navy);\r\n  margin-bottom:15px;\r\n  line-height:1.3;\r\n  text-align:center;\r\n}\r\n\r\n.rawasi-desc{\r\n  font-size:18px;\r\n  font-weight:500;\r\n  color:var(--ink-700);\r\n  line-height:1.8;\r\n  text-align:center;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\r\n   \u0627\u0644\u0639\u0631\u0628\u064a: \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u064a\u0645\u064a\u0646 \u0648\u0627\u0644\u0646\u0645\u0648\u0630\u062c \u064a\u0633\u0627\u0631\r\n   \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u064a\u0633\u0627\u0631 \u0648\u0627\u0644\u0646\u0645\u0648\u0630\u062c \u064a\u0645\u064a\u0646\r\n   ========================================================= *\/\r\n\r\n.contact-main-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  grid-template-areas:\"form info\";\r\n  gap:40px;\r\n  align-items:flex-start;\r\n  direction:ltr !important;\r\n}\r\n\r\n.contact-info-wrapper{\r\n  grid-area:info;\r\n}\r\n\r\n.contact-form-wrapper{\r\n  grid-area:form;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a\u0629 *\/\r\nhtml[dir=\"rtl\"] .contact-main-grid,\r\nhtml[lang^=\"ar\"] .contact-main-grid,\r\nbody.rtl .contact-main-grid{\r\n  grid-template-areas:\"form info\";\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\nhtml[dir=\"ltr\"] .contact-main-grid,\r\nhtml[lang^=\"en\"] .contact-main-grid{\r\n  grid-template-areas:\"info form\";\r\n}\r\n\r\n\/* =========================================================\r\n   \u0643\u0631\u0648\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n   ========================================================= *\/\r\n\r\n.contact-info-wrapper{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:20px;\r\n  direction:inherit;\r\n}\r\n\r\n.info-card{\r\n  background:var(--bg-alt);\r\n  border:1px solid var(--line-soft);\r\n  padding:35px 25px;\r\n  border-radius:var(--radius-lg);\r\n  text-align:center;\r\n  transition:\r\n    background .4s var(--ease-out),\r\n    border-color .4s var(--ease-out),\r\n    box-shadow .4s var(--ease-out),\r\n    transform .4s var(--ease-out),\r\n    opacity .8s var(--ease-out);\r\n\r\n  transform:translateY(30px);\r\n  opacity:0;\r\n  transform-style:preserve-3d;\r\n}\r\n\r\n.info-card.reveal-triggered{\r\n  transform:translateY(0);\r\n  opacity:1;\r\n}\r\n\r\n.info-card:hover{\r\n  background:var(--white);\r\n  border-color:var(--cyan);\r\n  box-shadow:0 15px 35px -5px rgba(59,79,113,.1);\r\n}\r\n\r\n.info-icon{\r\n  width:60px;\r\n  height:60px;\r\n  background:var(--white);\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin:0 auto 20px;\r\n  color:var(--navy);\r\n  box-shadow:0 5px 15px rgba(59,79,113,.1);\r\n\r\n  transition:\r\n    background .4s var(--ease-out),\r\n    color .4s var(--ease-out),\r\n    transform .4s var(--ease-out);\r\n}\r\n\r\n.info-card:hover .info-icon{\r\n  background:var(--navy);\r\n  color:var(--cyan);\r\n  transform:scale(1.05);\r\n}\r\n\r\n.info-icon svg{\r\n  width:24px;\r\n  height:24px;\r\n  stroke:currentColor;\r\n  stroke-width:1.5;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n  fill:none;\r\n}\r\n\r\n.info-title{\r\n  font-size:16px;\r\n  font-weight:700;\r\n  color:var(--navy);\r\n  margin-bottom:10px;\r\n  text-align:center;\r\n}\r\n\r\n.info-text{\r\n  font-size:15px;\r\n  font-weight:500;\r\n  color:var(--ink-700);\r\n  line-height:1.6;\r\n  direction:ltr;\r\n  unicode-bidi:isolate;\r\n  display:inline-block;\r\n  text-align:center;\r\n}\r\n\r\n.info-text-group{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:6px;\r\n}\r\n\r\n.info-card a.info-text{\r\n  text-decoration:none;\r\n}\r\n\r\n.info-card a.info-text:hover{\r\n  color:var(--navy);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u0648\u0627\u0635\u0644\r\n   ========================================================= *\/\r\n\r\n.contact-form-wrapper{\r\n  background:var(--white);\r\n  border:1px solid var(--line-soft);\r\n  padding:50px 40px;\r\n  border-radius:var(--radius-lg);\r\n  box-shadow:0 20px 40px -10px rgba(59,79,113,.06);\r\n  transform:translateY(30px);\r\n  opacity:0;\r\n  text-align:inherit;\r\n  direction:inherit;\r\n\r\n  transition:\r\n    transform .8s var(--ease-out) .2s,\r\n    opacity .8s var(--ease-out) .2s;\r\n}\r\n\r\n.contact-form-wrapper.reveal-triggered{\r\n  transform:translateY(0);\r\n  opacity:1;\r\n}\r\n\r\n.contact-form-wrapper form{\r\n  direction:inherit;\r\n  text-align:inherit;\r\n}\r\n\r\n.form-group{\r\n  margin-bottom:25px;\r\n  position:relative;\r\n  text-align:inherit;\r\n}\r\n\r\n.form-row{\r\n  display:flex;\r\n  gap:20px;\r\n}\r\n\r\n.form-column{\r\n  flex:1;\r\n  min-width:0;\r\n}\r\n\r\n.form-label{\r\n  display:block;\r\n  font-size:14px;\r\n  font-weight:600;\r\n  color:var(--navy);\r\n  margin-bottom:8px;\r\n  text-align:inherit;\r\n}\r\n\r\n.form-input,\r\n.form-textarea{\r\n  width:100%;\r\n  background:var(--bg-alt);\r\n  border:1px solid transparent;\r\n  border-radius:var(--radius-md);\r\n  padding:16px 20px;\r\n  font-family:var(--font);\r\n  font-size:15px;\r\n  color:var(--ink-900);\r\n  direction:inherit;\r\n  text-align:inherit;\r\n  transition:\r\n    background .3s var(--ease-out),\r\n    border-color .3s var(--ease-out),\r\n    box-shadow .3s var(--ease-out);\r\n  outline:none;\r\n}\r\n\r\n.form-textarea{\r\n  resize:vertical;\r\n  min-height:140px;\r\n}\r\n\r\n\/* \u0627\u0644\u0647\u0627\u062a\u0641 \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u064a\u0638\u0644\u0627\u0646 LTR \u0645\u0639 \u0645\u062d\u0627\u0630\u0627\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 *\/\r\n\r\n.form-input--ltr{\r\n  direction:ltr !important;\r\n  unicode-bidi:isolate;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a\u0629 *\/\r\nhtml[dir=\"rtl\"] .form-input--ltr,\r\nhtml[lang^=\"ar\"] .form-input--ltr,\r\nbody.rtl .form-input--ltr{\r\n  text-align:right !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\nhtml[dir=\"ltr\"] .form-input--ltr,\r\nhtml[lang^=\"en\"] .form-input--ltr{\r\n  text-align:left !important;\r\n}\r\n\r\n.form-input:focus,\r\n.form-textarea:focus{\r\n  background:var(--white);\r\n  border-color:var(--cyan);\r\n  box-shadow:0 0 0 4px rgba(165,221,234,.3);\r\n}\r\n\r\n.form-input::placeholder,\r\n.form-textarea::placeholder{\r\n  color:var(--ink-500);\r\n  opacity:.7;\r\n  text-align:inherit;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0632\u0631 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\r\n   ========================================================= *\/\r\n\r\n.submit-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:100%;\r\n  background:var(--navy);\r\n  color:var(--white);\r\n  font-family:var(--font);\r\n  font-size:16px;\r\n  font-weight:700;\r\n  padding:18px 30px;\r\n  border:none;\r\n  border-radius:var(--radius-md);\r\n  cursor:pointer;\r\n  gap:10px;\r\n  direction:inherit;\r\n\r\n  transition:\r\n    background .3s var(--ease-out),\r\n    color .3s var(--ease-out),\r\n    transform .3s var(--ease-out),\r\n    box-shadow .3s var(--ease-out);\r\n}\r\n\r\n.submit-btn:hover{\r\n  background:var(--cyan);\r\n  color:var(--navy);\r\n  transform:translateY(-2px);\r\n  box-shadow:0 10px 20px rgba(165,221,234,.4);\r\n}\r\n\r\n.submit-btn svg{\r\n  width:20px;\r\n  height:20px;\r\n  fill:none;\r\n  stroke:currentColor;\r\n  stroke-width:2;\r\n  stroke-linecap:round;\r\n  stroke-linejoin:round;\r\n\r\n  transition:transform .3s var(--ease-out);\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a: \u0627\u0644\u0633\u0647\u0645 \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\nhtml[dir=\"rtl\"] .submit-btn svg,\r\nhtml[lang^=\"ar\"] .submit-btn svg,\r\nbody.rtl .submit-btn svg{\r\n  transform:rotate(180deg);\r\n}\r\n\r\nhtml[dir=\"rtl\"] .submit-btn:hover svg,\r\nhtml[lang^=\"ar\"] .submit-btn:hover svg,\r\nbody.rtl .submit-btn:hover svg{\r\n  transform:rotate(180deg) translateX(5px);\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0633\u0647\u0645 \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\nhtml[dir=\"ltr\"] .submit-btn svg,\r\nhtml[lang^=\"en\"] .submit-btn svg{\r\n  transform:rotate(0deg);\r\n}\r\n\r\nhtml[dir=\"ltr\"] .submit-btn:hover svg,\r\nhtml[lang^=\"en\"] .submit-btn:hover svg{\r\n  transform:translateX(5px);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u062a\u062c\u0627\u0648\u0628 \u0645\u0639 \u0627\u0644\u0634\u0627\u0634\u0627\u062a\r\n   ========================================================= *\/\r\n\r\n@media (max-width:992px){\r\n  .contact-main-grid,\r\n  html[dir=\"rtl\"] .contact-main-grid,\r\n  html[dir=\"ltr\"] .contact-main-grid,\r\n  html[lang^=\"ar\"] .contact-main-grid,\r\n  html[lang^=\"en\"] .contact-main-grid,\r\n  body.rtl .contact-main-grid{\r\n    grid-template-columns:1fr;\r\n    grid-template-areas:\r\n      \"info\"\r\n      \"form\";\r\n    gap:50px;\r\n  }\r\n\r\n  .contact-form-wrapper{\r\n    padding:40px 30px;\r\n  }\r\n}\r\n\r\n@media (max-width:768px){\r\n  .rawasi-contact-section{\r\n    padding:80px 4%;\r\n  }\r\n\r\n  .contact-info-wrapper{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .rawasi-title{\r\n    font-size:28px;\r\n  }\r\n\r\n  .rawasi-desc{\r\n    font-size:16px;\r\n  }\r\n\r\n  .form-row{\r\n    flex-direction:column;\r\n    gap:0;\r\n  }\r\n\r\n  .form-column + .form-column{\r\n    margin-top:25px;\r\n  }\r\n}\r\n\r\n@media (max-width:480px){\r\n  .contact-form-wrapper{\r\n    padding:32px 20px;\r\n  }\r\n\r\n  .info-card{\r\n    padding:30px 20px;\r\n  }\r\n\r\n  .submit-btn{\r\n    padding:16px 20px;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  .rawasi-contact-section *{\r\n    transition:none !important;\r\n    animation:none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"rawasi-contact-section\" id=\"rawasiContact\">\r\n\r\n  <div class=\"rawasi-architectural-grid\"><\/div>\r\n\r\n  <div class=\"rawasi-container\">\r\n\r\n    <div class=\"contact-header reveal-element\">\r\n\r\n      <span class=\"badge-index\">\r\n        \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\r\n      <\/span>\r\n\r\n      <h2 class=\"rawasi-title\">\r\n        \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062f\u0639\u0645 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\r\n      <\/h2>\r\n\r\n      <p class=\"rawasi-desc\">\r\n        \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0644\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636\u064d \u062a\u0641\u0635\u064a\u0644\u064a \u062e\u0644\u0627\u0644 48 \u0633\u0627\u0639\u0629. \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0645\u0633\u062a\u0639\u062f \u0644\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u0649 \u0643\u0627\u0641\u0629 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a\u0643.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"contact-main-grid\">\r\n\r\n      <div class=\"contact-info-wrapper\">\r\n\r\n        <div\r\n          class=\"info-card reveal-element\"\r\n          data-magnetic-tilt\r\n        >\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3 class=\"info-title\">\r\n            \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u2013 \u0627\u0644\u0631\u064a\u0627\u0636\r\n          <\/h3>\r\n\r\n          <a\r\n            class=\"info-text\"\r\n            href=\"tel:0114720346\"\r\n          >\r\n            0114720346\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"info-card reveal-element\"\r\n          data-magnetic-tilt\r\n          style=\"transition-delay:.1s;\"\r\n        >\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3 class=\"info-title\">\r\n            \u0641\u0631\u0639 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\r\n          <\/h3>\r\n\r\n          <a\r\n            class=\"info-text\"\r\n            href=\"tel:0148402756\"\r\n          >\r\n            0148402756\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"info-card reveal-element\"\r\n          data-magnetic-tilt\r\n          style=\"transition-delay:.2s;\"\r\n        >\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n              <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3 class=\"info-title\">\r\n            \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n          <\/h3>\r\n\r\n          <a\r\n            class=\"info-text\"\r\n            href=\"mailto:Co1@rawasy-almodon.com.sa\"\r\n          >\r\n            Co1@rawasy-almodon.com.sa\r\n          <\/a>\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"info-card reveal-element\"\r\n          data-magnetic-tilt\r\n          style=\"transition-delay:.3s;\"\r\n        >\r\n          <div class=\"info-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M3 21V10l4-2v4l4-2v4l4-2v8\"><\/path>\r\n              <path d=\"M15 21V8l6-3v16\"><\/path>\r\n              <path d=\"M3 21h18\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3 class=\"info-title\">\r\n            \u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u2013 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629\r\n          <\/h3>\r\n\r\n          <div class=\"info-text-group\">\r\n            <a\r\n              class=\"info-text\"\r\n              href=\"tel:0551104242\"\r\n            >\r\n              0551104242\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"info-text\"\r\n              href=\"mailto:co5@rawasy-almodon.com.sa\"\r\n            >\r\n              co5@rawasy-almodon.com.sa\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"contact-form-wrapper reveal-element\">\r\n\r\n        <form action=\"#\" method=\"POST\">\r\n\r\n          <div class=\"form-group\">\r\n            <label\r\n              class=\"form-label\"\r\n              for=\"rawasi-full-name\"\r\n            >\r\n              \u0627\u0644\u0627\u0633\u0645 \u0627\u0644\u0643\u0627\u0645\u0644\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"rawasi-full-name\"\r\n              name=\"full_name\"\r\n              type=\"text\"\r\n              class=\"form-input\"\r\n              placeholder=\"\u0623\u062f\u062e\u0644 \u0627\u0633\u0645\u0643 \u0627\u0644\u0643\u0631\u064a\u0645\"\r\n              autocomplete=\"name\"\r\n              required\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"form-group form-row\">\r\n\r\n            <div class=\"form-column\">\r\n              <label\r\n                class=\"form-label\"\r\n                for=\"rawasi-phone\"\r\n              >\r\n                \u0631\u0642\u0645 \u0627\u0644\u062c\u0648\u0627\u0644\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"rawasi-phone\"\r\n                name=\"phone\"\r\n                type=\"tel\"\r\n                class=\"form-input form-input--ltr\"\r\n                placeholder=\"05X XXX XXXX\"\r\n                autocomplete=\"tel\"\r\n                inputmode=\"tel\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n            <div class=\"form-column\">\r\n              <label\r\n                class=\"form-label\"\r\n                for=\"rawasi-email\"\r\n              >\r\n                \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\r\n              <\/label>\r\n\r\n              <input\r\n                id=\"rawasi-email\"\r\n                name=\"email\"\r\n                type=\"email\"\r\n                class=\"form-input form-input--ltr\"\r\n                placeholder=\"example@domain.com\"\r\n                autocomplete=\"email\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"form-group\">\r\n            <label\r\n              class=\"form-label\"\r\n              for=\"rawasi-message\"\r\n            >\r\n              \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \/ \u0631\u0633\u0627\u0644\u062a\u0643\r\n            <\/label>\r\n\r\n            <textarea\r\n              id=\"rawasi-message\"\r\n              name=\"message\"\r\n              class=\"form-textarea\"\r\n              placeholder=\"\u0643\u064a\u0641 \u064a\u0645\u0643\u0646\u0646\u0627 \u0645\u0633\u0627\u0639\u062f\u062a\u0643 \u0641\u064a \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0642\u0627\u062f\u0645\u061f\"\r\n              required\r\n            ><\/textarea>\r\n          <\/div>\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"submit-btn\"\r\n          >\r\n            <span>\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628<\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <line\r\n                x1=\"5\"\r\n                y1=\"12\"\r\n                x2=\"19\"\r\n                y2=\"12\"\r\n              ><\/line>\r\n\r\n              <polyline\r\n                points=\"12 5 19 12 12 19\"\r\n              ><\/polyline>\r\n            <\/svg>\r\n          <\/button>\r\n\r\n        <\/form>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  document.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\n    var section =\r\n      document.getElementById(\"rawasiContact\");\r\n\r\n    if(!section){\r\n      return;\r\n    }\r\n\r\n    \/* \u062a\u062d\u062f\u064a\u062f \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 *\/\r\n\r\n    var htmlLanguage =\r\n      (\r\n        document.documentElement.getAttribute(\"lang\") ||\r\n        \"\"\r\n      ).toLowerCase();\r\n\r\n    var htmlDirection =\r\n      (\r\n        document.documentElement.getAttribute(\"dir\") ||\r\n        \"\"\r\n      ).toLowerCase();\r\n\r\n    var pageIsRTL =\r\n      htmlDirection === \"rtl\" ||\r\n      htmlLanguage.indexOf(\"ar\") === 0 ||\r\n      document.body.classList.contains(\"rtl\");\r\n\r\n    section.setAttribute(\r\n      \"dir\",\r\n      pageIsRTL ? \"rtl\" : \"ltr\"\r\n    );\r\n\r\n    \/* \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\r\n\r\n    var revealElements =\r\n      section.querySelectorAll(\".reveal-element\");\r\n\r\n    if(\"IntersectionObserver\" in window){\r\n\r\n      var observerOptions = {\r\n        threshold:.1,\r\n        rootMargin:\"0px 0px -20px 0px\"\r\n      };\r\n\r\n      var revealObserver =\r\n        new IntersectionObserver(\r\n          function(entries,observer){\r\n\r\n            entries.forEach(function(entry){\r\n\r\n              if(entry.isIntersecting){\r\n\r\n                entry.target.classList.add(\r\n                  \"reveal-triggered\"\r\n                );\r\n\r\n                observer.unobserve(\r\n                  entry.target\r\n                );\r\n              }\r\n            });\r\n          },\r\n          observerOptions\r\n        );\r\n\r\n      revealElements.forEach(function(element){\r\n        revealObserver.observe(element);\r\n      });\r\n\r\n    }else{\r\n\r\n      revealElements.forEach(function(element){\r\n        element.classList.add(\r\n          \"reveal-triggered\"\r\n        );\r\n      });\r\n    }\r\n\r\n    \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u064a\u0644 \u0627\u0644\u0645\u063a\u0646\u0627\u0637\u064a\u0633\u064a *\/\r\n\r\n    var reducedMotion =\r\n      window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n      ).matches;\r\n\r\n    var magneticCards =\r\n      section.querySelectorAll(\r\n        \"[data-magnetic-tilt]\"\r\n      );\r\n\r\n    if(!reducedMotion){\r\n\r\n      magneticCards.forEach(function(card){\r\n\r\n        card.addEventListener(\r\n          \"mousemove\",\r\n          function(event){\r\n\r\n            var bounds =\r\n              card.getBoundingClientRect();\r\n\r\n            var width = bounds.width;\r\n            var height = bounds.height;\r\n\r\n            var relativeX =\r\n              event.clientX -\r\n              bounds.left -\r\n              width \/ 2;\r\n\r\n            var relativeY =\r\n              event.clientY -\r\n              bounds.top -\r\n              height \/ 2;\r\n\r\n            var tiltX =\r\n              -(relativeY \/ height) * 6;\r\n\r\n            var tiltY =\r\n              (relativeX \/ width) * 6;\r\n\r\n            card.style.transform =\r\n              \"perspective(1000px) \" +\r\n              \"rotateX(\" + tiltX + \"deg) \" +\r\n              \"rotateY(\" + tiltY + \"deg) \" +\r\n              \"translateY(-3px)\";\r\n          }\r\n        );\r\n\r\n        card.addEventListener(\r\n          \"mouseleave\",\r\n          function(){\r\n\r\n            card.style.transform =\r\n              \"perspective(1000px) \" +\r\n              \"rotateX(0deg) \" +\r\n              \"rotateY(0deg) \" +\r\n              \"translateY(0)\";\r\n          }\r\n        );\r\n      });\r\n    }\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 \u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062f\u0639\u0645 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0642\u0627\u062f\u0645 \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646 \u0644\u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0631\u0636\u064d \u062a\u0641\u0635\u064a\u0644\u064a \u062e\u0644\u0627\u0644 48 \u0633\u0627\u0639\u0629. \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a \u0645\u0633\u062a\u0639\u062f [&hellip;]<\/p>\n","protected":false},"author":1,"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-144","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":27,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/144\/revisions"}],"predecessor-version":[{"id":2067,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/144\/revisions\/2067"}],"wp:attachment":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/media?parent=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}