{"id":258,"date":"2026-07-08T15:53:46","date_gmt":"2026-07-08T15:53:46","guid":{"rendered":"https:\/\/rawasy-almodon.tzaid.sa\/?page_id=258"},"modified":"2026-07-13T20:01:23","modified_gmt":"2026-07-13T20:01:23","slug":"%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7","status":"publish","type":"page","link":"https:\/\/rawasy-almodon.com.sa\/en\/%d8%ae%d8%af%d9%85%d8%a7%d8%aa%d9%86%d8%a7\/","title":{"rendered":"Our services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"258\" class=\"elementor elementor-258\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b046a55 e-con-full e-flex e-con e-parent\" data-id=\"b046a55\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d68830 elementor-widget elementor-widget-html\" data-id=\"8d68830\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');\r\n\r\n\r\n.rwm-scope, .rwm-scope *, .rwm-scope *::before, .rwm-scope *::after{\r\n  box-sizing:border-box;\r\n  font-family:'Cairo','Tahoma',sans-serif !important;\r\n}\r\n.rwm-scope{\r\n  --navy:  #3B4F71;\r\n  --cyan:  #A5DDEA;\r\n  --cyan-dim:  rgba(165,221,234,.16);\r\n  --ink:   #EDF6F9;\r\n  --muted: #9FB3C8;\r\n  --dur: 6.4s;\r\n  display:block;\r\n}\r\n\/* \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0628\u0642\u0649 \u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0628\u062f\u0644 \u0645\u0627 \u064a\u0628\u0642\u0649 \u062b\u0627\u0628\u062a *\/\r\n.rwm-scope.rwm-rtl{ direction:rtl; }\r\n.rwm-scope.rwm-ltr{ direction:ltr; }\r\n.rwm-scope img{max-width:100%;display:block;}\r\n.rwm-scope button{cursor:pointer;}\r\n.rwm-scope a{text-decoration:none !important;}\r\n.rwm-scope :focus-visible{outline:2px solid var(--cyan);outline-offset:3px;}\r\n.rwm-scope svg{fill:none;display:block;}\r\n\r\n\/* =========================================================\r\n   1) \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0627\u0645\r\n   ========================================================= *\/\r\n.services-mega{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background: var(--navy) !important;\r\n  color:var(--ink) !important;\r\n  padding:clamp(70px,10vw,140px) 0 clamp(60px,8vw,110px);\r\n}\r\n\r\n.sm-blueprint{\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(rgba(165,221,234,.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(165,221,234,.05) 1px, transparent 1px);\r\n  background-size:56px 56px;\r\n  -webkit-mask-image: radial-gradient(ellipse 90% 70% at 50% 20%, #000 40%, transparent 85%);\r\n          mask-image: radial-gradient(ellipse 90% 70% at 50% 20%, #000 40%, transparent 85%);\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.sm-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;opacity:.4;}\r\n.sm-blob.b1{width:460px;height:460px;background:rgba(165,221,234,.35);top:-120px;left:-100px;animation:rwmDrift1 16s ease-in-out infinite;}\r\n.sm-blob.b2{width:520px;height:520px;background:rgba(165,221,234,.2);bottom:-180px;right:-140px;animation:rwmDrift2 20s ease-in-out infinite;}\r\n@keyframes rwmDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,30px)}}\r\n@keyframes rwmDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,-40px)}}\r\n\r\n.sm-benchmark-ghost{\r\n  position:absolute; z-index:0; pointer-events:none;\r\n  width:min(70vw,900px); height:min(70vw,900px);\r\n  right:-10%; top:8%;\r\n  opacity:.05;\r\n  background:repeating-conic-gradient(from 0deg, var(--cyan) 0deg 1.2deg, transparent 1.2deg 6deg);\r\n  border-radius:50%;\r\n  -webkit-mask-image: radial-gradient(circle, #000 60%, transparent 62%);\r\n          mask-image: radial-gradient(circle, #000 60%, transparent 62%);\r\n  animation: rwmSpinSlow 90s linear infinite;\r\n}\r\n@keyframes rwmSpinSlow{to{transform:rotate(360deg)}}\r\n\r\n.sm-container{max-width:1360px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}\r\n\r\n\/* =========================================================\r\n   2) \u0631\u0623\u0633 \u0627\u0644\u0642\u0633\u0645\r\n   ========================================================= *\/\r\n.sm-head{max-width:840px;margin-bottom:clamp(40px,6vw,68px);}\r\n.sm-eyebrow{\r\n  display:inline-flex;align-items:center;gap:10px;\r\n  font-size:13px;font-weight:700 !important;letter-spacing:.12em;\r\n  color:var(--cyan) !important;\r\n  padding:9px 18px;border-radius:999px;\r\n  border:1px solid var(--cyan-dim);\r\n  background:rgba(165,221,234,.06) !important;\r\n  opacity:0; transform:translateY(14px);\r\n  transition:opacity .7s ease, transform .7s ease;\r\n}\r\n.sm-eyebrow::before{\r\n  content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);\r\n  box-shadow:0 0 0 5px var(--cyan-dim);\r\n  animation:rwmPulse 2.2s infinite;\r\n}\r\n@keyframes rwmPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n\r\n.sm-title{\r\n  font-size:clamp(30px,4.6vw,54px);\r\n  font-weight:900 !important;\r\n  line-height:1.22;\r\n  margin:22px 0 16px;\r\n  color:var(--ink) !important;\r\n  text-align:start !important;\r\n}\r\n.sm-title .word{\r\n  display:inline-block;\r\n  color:var(--ink) !important;\r\n  opacity:0; transform:translateY(28px);\r\n  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);\r\n  transition-delay:calc(var(--i) * .07s);\r\n}\r\n.sm-title .word em{\r\n  font-style:normal;\r\n  color:var(--cyan) !important;\r\n}\r\n.sm-sub{\r\n  font-size:clamp(15px,1.5vw,18.5px);\r\n  color:var(--muted) !important;\r\n  max-width:660px;\r\n  line-height:1.9;\r\n  text-align:start !important;\r\n  opacity:0; transform:translateY(14px);\r\n  transition:opacity .8s ease .35s, transform .8s ease .35s;\r\n}\r\n\r\n.services-mega.in-view .sm-eyebrow{opacity:1;transform:translateY(0);}\r\n.services-mega.in-view .sm-title .word{opacity:1;transform:translateY(0);}\r\n.services-mega.in-view .sm-sub{opacity:1;transform:translateY(0);}\r\n\r\n\/* =========================================================\r\n   3) \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a\u0629\r\n   ========================================================= *\/\r\n.sm-grid{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:stretch;}\r\n@media (max-width:980px){.sm-grid{grid-template-columns:1fr;}}\r\n\r\n.sm-nav{\r\n  display:flex;flex-direction:column;gap:10px;\r\n  opacity:0; transform:translateY(20px);\r\n  transition:opacity .8s ease .2s, transform .8s ease .2s;\r\n  justify-content: center;\r\n}\r\n.services-mega.in-view .sm-nav{opacity:1;transform:translateY(0);}\r\n\r\n.nav-item{\r\n  position:relative;\r\n  display:flex !important;align-items:center !important;gap:14px;\r\n  width:100% !important;text-align:start !important;\r\n  background:rgba(255,255,255,.03) !important;\r\n  border:1px solid rgba(165,221,234,.10) !important;\r\n  border-radius:16px !important;\r\n  padding:14px 16px !important;\r\n  margin:0 !important;\r\n  color:var(--muted) !important;\r\n  transition:background .35s ease, border-color .35s ease, transform .35s ease, padding .35s ease;\r\n  overflow:hidden;\r\n  line-height:normal;\r\n}\r\n.nav-item:hover{background:rgba(165,221,234,.07) !important;border-color:rgba(165,221,234,.25) !important;}\r\n.nav-item .bm-disc{\r\n  flex:none;width:40px;height:40px;border-radius:50%;\r\n  border:1.6px solid rgba(165,221,234,.4);\r\n  display:flex;align-items:center;justify-content:center;\r\n  position:relative;color:var(--cyan);\r\n  transition:border-color .35s, box-shadow .35s;\r\n}\r\n.nav-item .bm-disc::before,.nav-item .bm-disc::after{content:'';position:absolute;background:rgba(165,221,234,.5);}\r\n.nav-item .bm-disc::before{width:1px;height:46%;top:50%;left:50%;transform:translate(-50%,-50%);}\r\n.nav-item .bm-disc::after{height:1px;width:46%;top:50%;left:50%;transform:translate(-50%,-50%);}\r\n.nav-item .bm-disc svg{width:16px;height:16px;position:relative;z-index:1;stroke:currentColor;}\r\n\r\n.nav-item .nav-text{flex:1;min-width:0;}\r\n.nav-item .nav-code{display:block;font-size:11px;letter-spacing:.14em;color:var(--cyan) !important;font-weight:700 !important;margin-bottom:3px;opacity:.85;}\r\n.nav-item .nav-title{display:block;font-size:16.5px;font-weight:700 !important;color:var(--ink) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n.nav-item .nav-scope{display:block;font-size:12.5px;color:var(--muted) !important;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\r\n.nav-item .nav-bar{position:absolute;inset-inline-start:0;bottom:0;top:0;width:3px;background:rgba(165,221,234,.12);}\r\n.nav-item .nav-bar i{display:block;width:100%;height:0%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}\r\n.nav-item .nav-bar i.running{animation:rwmFillBar var(--dur) linear forwards;}\r\n@keyframes rwmFillBar{from{height:0%}to{height:100%}}\r\n\r\n.nav-item.active{background:rgba(165,221,234,.1) !important;border-color:rgba(165,221,234,.5) !important;padding-inline-start:20px !important;}\r\n.nav-item.active .bm-disc{border-color:var(--cyan);box-shadow:0 0 0 6px rgba(165,221,234,.12);animation:rwmSpinSlow 14s linear infinite;}\r\n.nav-item.active .nav-title{color:var(--cyan) !important;}\r\n\r\n.sm-controls{\r\n  display:flex !important;align-items:center;justify-content:space-between;\r\n  margin-top:6px;padding:10px 6px 0;\r\n  border-top:1px dashed rgba(165,221,234,.18);\r\n  color:var(--muted) !important;font-size:13px;font-weight:700 !important;\r\n}\r\n.sm-controls .ctr-btns{display:flex;gap:8px;}\r\n.ctr-btn{\r\n  display:inline-flex !important;align-items:center !important;justify-content:center !important;\r\n  width:38px !important;height:38px !important;min-width:38px !important;\r\n  border-radius:50% !important;\r\n  border:1px solid rgba(165,221,234,.3) !important;\r\n  background:rgba(165,221,234,.05) !important;\r\n  color:var(--cyan) !important;\r\n  padding:0 !important;margin:0 !important;line-height:1 !important;\r\n  transition:background .3s, transform .3s, border-color .3s;\r\n}\r\n.ctr-btn:hover{background:rgba(165,221,234,.18) !important;transform:translateY(-2px);}\r\n.ctr-btn svg{width:16px;height:16px;stroke:currentColor;}\r\n\r\n\/* ---- \u0627\u0644\u0645\u0633\u0631\u062d \u0627\u0644\u0628\u0635\u0631\u064a ---- *\/\r\n.sm-stage{\r\n  position:relative;min-height:640px;border-radius:26px;overflow:hidden;\r\n  background:var(--navy) !important;\r\n  border:1px solid rgba(165,221,234,.14);\r\n  box-shadow:0 40px 80px -30px rgba(0,0,0,.6);\r\n  opacity:0; transform:translateY(24px) scale(.98);\r\n  transition:opacity .9s ease .1s, transform .9s ease .1s;\r\n}\r\n.services-mega.in-view .sm-stage{opacity:1;transform:translateY(0) scale(1);}\r\n\r\n.stage-panel{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .9s cubic-bezier(.2,.7,.2,1);}\r\n.stage-panel.active{opacity:1;visibility:visible;z-index:2;}\r\n\r\n.stage-visual{position:absolute;inset:0;overflow:hidden;}\r\n.stage-visual img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:saturate(1.05) contrast(1.02);transition:transform 6s cubic-bezier(.2,.6,.2,1), filter .6s ease;}\r\n.stage-panel.active .stage-visual img{transform:scale(1.0);}\r\n.stage-visual.img-fallback{background:var(--navy) !important;}\r\n.stage-visual.img-fallback img{display:none !important;}\r\n\r\n.stage-visual::after{\r\n  content:'';position:absolute;inset:0;\r\n  background:var(--navy);\r\n  opacity:.62;\r\n  mix-blend-mode:multiply;\r\n}\r\n\r\n.stage-badge{\r\n  position:absolute; top:28px; inset-inline-start:28px; z-index:3;\r\n  display:flex !important;align-items:center !important;gap:12px;\r\n  padding:10px 16px 10px 10px !important;border-radius:999px !important;\r\n  background:var(--navy) !important;\r\n  border:1px solid rgba(165,221,234,.3) !important;\r\n  backdrop-filter:blur(6px);\r\n  opacity:0; transform:translateY(-14px) scale(.9);\r\n  transition:opacity .5s ease .15s, transform .5s ease .15s;\r\n}\r\n.stage-panel.active .stage-badge{opacity:1;transform:translateY(0) scale(1);}\r\n.stage-badge .icon-wrap{\r\n  width:40px;height:40px;border-radius:50%;flex:none;\r\n  background:var(--cyan);\r\n  display:flex;align-items:center;justify-content:center;\r\n  box-shadow:0 0 22px rgba(165,221,234,.55);\r\n}\r\n.stage-badge .icon-wrap svg{width:20px;height:20px;stroke:var(--navy);}\r\n.stage-badge .badge-code{font-size:12px;letter-spacing:.1em;font-weight:800 !important;color:var(--cyan) !important;}\r\n\r\n.stage-content{position:absolute; z-index:3; inset-inline-end:0; bottom:0; inset-inline-start:0;padding:clamp(24px,4vw,52px);display:flex; flex-direction:column; gap:16px;max-width:640px;}\r\n.stage-scope{\r\n  display:inline-flex;width:fit-content;\r\n  font-size:12.5px;font-weight:700 !important;letter-spacing:.08em;color:var(--cyan) !important;\r\n  padding:6px 14px !important;border-radius:999px !important;border:1px solid rgba(165,221,234,.35) !important;\r\n  background:rgba(165,221,234,.08) !important;\r\n  text-align:start !important;\r\n  opacity:0;transform:translateY(14px);transition:opacity .55s ease .2s, transform .55s ease .2s;\r\n}\r\n.stage-scope:empty{display:none;}\r\n.stage-title{font-size:clamp(24px,3.4vw,38px);font-weight:900 !important;line-height:1.2;color:var(--ink) !important;text-align:start !important;opacity:0;transform:translateY(18px);transition:opacity .6s ease .28s, transform .6s ease .28s;}\r\n.stage-desc{font-size:15.5px;line-height:1.9;color:#fff!important;text-align:start !important;opacity:0;transform:translateY(16px);transition:opacity .6s ease .36s, transform .6s ease .36s;}\r\n.stage-panel.active .stage-scope,\r\n.stage-panel.active .stage-title,\r\n.stage-panel.active .stage-desc{opacity:1;transform:translateY(0);}\r\n.stage-panel.active .stage-desc{opacity:.92;}\r\n\r\n.stage-features{display:flex;flex-wrap:wrap;gap:9px;opacity:0;transform:translateY(14px);transition:opacity .6s ease .44s, transform .6s ease .44s;}\r\n.stage-panel.active .stage-features{opacity:1;transform:translateY(0);}\r\n.stage-features:empty{display:none;}\r\n.feature-chip{\r\n  display:inline-flex !important;align-items:center !important;gap:7px;\r\n  font-size:12.8px;font-weight:600 !important;color:var(--ink) !important;\r\n  background:rgba(255,255,255,.06) !important;\r\n  border:1px solid rgba(165,221,234,.18) !important;\r\n  padding:7px 12px !important;border-radius:999px !important;\r\n}\r\n.feature-chip svg{width:13px;height:13px;stroke:var(--cyan);flex:none;}\r\n\r\n.stage-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:6px;opacity:0;transform:translateY(14px);transition:opacity .6s ease .52s, transform .6s ease .52s;}\r\n.stage-panel.active .stage-bottom{opacity:1;transform:translateY(0);}\r\n\/* \u0644\u0648 \u0645\u0641\u064a\u0634 \u0631\u0642\u0645 \u0625\u062d\u0635\u0627\u0626\u064a\u060c \u0627\u0644\u0632\u0631\u0627\u0631 \u0648\u062d\u062f\u0647 \u064a\u0627\u062e\u062f \u0627\u0644\u0635\u0641 \u0645\u0646 \u063a\u064a\u0631 \u0645\u0633\u0627\u062d\u0629 \u0641\u0627\u0636\u064a\u0629 \u0644\u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0631\u0642\u0645 *\/\r\n.stage-bottom.no-stat{justify-content:flex-start;}\r\n\r\n.stage-stat{display:flex;flex-direction:column;}\r\n.stage-stat .num{font-size:clamp(26px,3vw,36px);font-weight:900 !important;color:var(--cyan) !important;display:flex;align-items:baseline;gap:4px;}\r\n.stage-stat .num small{font-size:14px;font-weight:700 !important;color:var(--cyan) !important;}\r\n.stage-stat .lbl{font-size:12.5px;color:var(--muted) !important;margin-top:2px;}\r\n\r\n.stage-cta{\r\n  position:relative;overflow:hidden;\r\n  display:inline-flex !important;align-items:center !important;gap:10px;\r\n  background:var(--cyan) !important;color:var(--navy) !important;\r\n  font-weight:800 !important;font-size:14.5px;\r\n  padding:13px 22px !important;border-radius:999px !important;border:none !important;\r\n  transition:transform .35s ease, box-shadow .35s ease;\r\n  box-shadow:0 10px 30px -10px rgba(165,221,234,.6);\r\n  white-space:nowrap;\r\n}\r\n.stage-cta:hover{transform:translateY(-3px);box-shadow:0 16px 36px -10px rgba(165,221,234,.75);color:var(--navy) !important;}\r\n.stage-cta svg{width:16px;height:16px;stroke:var(--navy);flex:none;transition:transform .35s ease;}\r\n.stage-cta:hover svg{transform:translateX(-4px);}\r\n\r\n.stage-index{\r\n  position:absolute; top:28px; inset-inline-end:28px; z-index:3;\r\n  font-size:13px;font-weight:800 !important;color:var(--cyan) !important;\r\n  background:var(--navy) !important;border:1px solid rgba(165,221,234,.25) !important;\r\n  padding:8px 14px !important;border-radius:999px !important;backdrop-filter:blur(6px);\r\n  letter-spacing:.05em;\r\n}\r\n.stage-index b{color:var(--cyan) !important;}\r\n\r\n\/* =========================================================\r\n   4) \u0627\u0644\u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641\r\n   ========================================================= *\/\r\n@media (max-width:980px){\r\n\r\n  .sm-nav{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-ms-overflow-style:none;scrollbar-width:none;}\r\n  .sm-nav::-webkit-scrollbar{display:none;}\r\n  .nav-item{flex:none;width:78%;scroll-snap-align:start;}\r\n  .nav-item .nav-scope{display:none;}\r\n\r\n  .sm-stage{ min-height:0; border-radius:22px; }\r\n\r\n  .stage-panel{\r\n    display:none;\r\n    position:relative !important;\r\n    inset:auto !important;\r\n    min-height:520px;\r\n    opacity:1 !important;\r\n    visibility:visible !important;\r\n    transition:none !important;\r\n  }\r\n  .stage-panel.active{\r\n    display:flex !important;\r\n    flex-direction:column;\r\n    justify-content:flex-end;\r\n  }\r\n\r\n  .stage-badge{ top:18px; inset-inline-start:18px; }\r\n  .stage-index{ top:18px; inset-inline-end:18px; }\r\n\r\n  .stage-content{\r\n    position:relative !important;\r\n    inset:auto !important;\r\n    max-width:100% !important;\r\n    padding:22px 20px 26px !important;\r\n    gap:14px !important;\r\n  }\r\n\r\n  .stage-bottom{ align-items:stretch; }\r\n}\r\n\r\n@media (max-width:560px){\r\n  .nav-item{width:88%;}\r\n  .sm-grid{gap:16px;}\r\n\r\n  .stage-panel{ min-height:460px; }\r\n  .stage-content{ padding:20px 16px 22px !important; }\r\n  .stage-title{ font-size:clamp(22px,6vw,28px); }\r\n  .stage-desc{ font-size:14.5px; }\r\n\r\n  .stage-bottom{ flex-direction:column; align-items:stretch; gap:14px; }\r\n  .stage-cta{ width:100%; justify-content:center; }\r\n}\r\n\r\n@media (max-width:380px){\r\n  .stage-badge{ padding:8px !important; gap:0; }\r\n  .stage-badge .badge-code{ display:none; }\r\n  .stage-index{ font-size:11px; padding:6px 10px !important; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .rwm-scope *{animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.2s !important;}\r\n  .rwm-scope .stage-visual img{transform:none !important;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"services-mega rwm-scope rwm-rtl\" id=\"rwm-services\">\r\n  <div class=\"sm-blueprint\"><\/div>\r\n  <div class=\"sm-blob b1\"><\/div>\r\n  <div class=\"sm-blob b2\"><\/div>\r\n  <div class=\"sm-benchmark-ghost\"><\/div>\r\n\r\n  <div class=\"sm-container\">\r\n\r\n    <div class=\"sm-head\">\r\n      <h2 class=\"sm-title\">\r\n        <span class=\"word\" style=\"--i:0\">\u062a\u0639\u0631\u0651\u0641<\/span>\r\n        <span class=\"word\" style=\"--i:1\">\u0639\u0644\u0649<\/span>\r\n        <span class=\"word\" style=\"--i:2\">\u0643\u0644<\/span>\r\n        <span class=\"word\" style=\"--i:3\"><em>\u0642\u0637\u0627\u0639<\/em><\/span>\r\n        <span class=\"word\" style=\"--i:4\">\u0646\u062f\u064a\u0631\u0647.<\/span>\r\n      <\/h2>\r\n      <p class=\"sm-sub\">\u0627\u062e\u062a\u0631 \u0623\u064a \u0642\u0637\u0627\u0639 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0644\u062a\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0639\u0645\u0644\u0647\u060c \u0645\u0645\u064a\u0632\u0627\u062a\u0647\u060c \u0648\u0623\u0631\u0642\u0627\u0645\u0647\u060c \u062b\u0645 \u0627\u0646\u062a\u0642\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0646\u0645\u0627\u0630\u062c \u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639\u0647 \u0627\u0644\u0645\u0646\u0641\u0630\u0629 \u0641\u0639\u0644\u064a\u064b\u0627 \u0639\u0644\u0649 \u0623\u0631\u0636 \u0627\u0644\u0648\u0627\u0642\u0639.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"sm-grid\">\r\n\r\n      <!-- ============ \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062c\u0627\u0646\u0628\u064a\u0629 (\u0646\u0635\u0648\u0635 \u062b\u0627\u0628\u062a\u0629) ============ -->\r\n      <div class=\"sm-nav\" id=\"rwmNav\" role=\"tablist\" aria-label=\"\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629\">\r\n\r\n        <button class=\"nav-item active\" data-index=\"0\">\r\n          <span class=\"bm-disc\"><svg viewBox=\"0 0 48 48\"><path d=\"M14 40 L20 8 M34 40 L28 8\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><path d=\"M24 10 L24 16 M24 22 L24 28 M24 34 L24 40\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n          <span class=\"nav-text\">\r\n            <span class=\"nav-code\">BM-01<\/span>\r\n            <span class=\"nav-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0637\u0631\u0642<\/span>\r\n            <span class=\"nav-scope\">\u062a\u0635\u0645\u064a\u0645 \u00b7 \u062a\u0646\u0641\u064a\u0630 \u00b7 \u0635\u064a\u0627\u0646\u0629<\/span>\r\n          <\/span>\r\n          <span class=\"nav-bar\"><i><\/i><\/span>\r\n        <\/button>\r\n\r\n        <button class=\"nav-item\" data-index=\"1\">\r\n          <span class=\"bm-disc\"><svg viewBox=\"0 0 48 48\"><path d=\"M8 40 V26 A16 16 0 0 1 40 26 V40\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><path d=\"M8 40 H16 M32 40 H40\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\"\/><rect x=\"16\" y=\"30\" width=\"16\" height=\"10\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2.2\"\/><\/svg><\/span>\r\n          <span class=\"nav-text\">\r\n            <span class=\"nav-code\">BM-02<\/span>\r\n            <span class=\"nav-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0628\u0627\u0631\u064a \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u062c\u0633\u0648\u0631<\/span>\r\n            <span class=\"nav-scope\">\u062d\u0641\u0631 \u0648\u0625\u0646\u0634\u0627\u0621 \u0623\u0646\u0641\u0627\u0642 \u062d\u0636\u0631\u064a\u0629 \u0648\u062a\u0635\u0631\u064a\u0641 \u0633\u064a\u0648\u0644<\/span>\r\n          <\/span>\r\n          <span class=\"nav-bar\"><i><\/i><\/span>\r\n        <\/button>\r\n\r\n        <button class=\"nav-item\" data-index=\"2\">\r\n          <span class=\"bm-disc\"><svg viewBox=\"0 0 48 48\"><circle cx=\"12\" cy=\"14\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2.4\"\/><circle cx=\"36\" cy=\"14\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2.4\"\/><circle cx=\"24\" cy=\"34\" r=\"4.5\" stroke=\"currentColor\" stroke-width=\"2.4\"\/><path d=\"M12 18 L22 31 M36 18 L26 31\" stroke=\"currentColor\" stroke-width=\"2.2\"\/><path d=\"M4 18 h4 M40 18 h4\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n          <span class=\"nav-text\">\r\n            <span class=\"nav-code\">BM-03<\/span>\r\n            <span class=\"nav-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/span>\r\n            <span class=\"nav-scope\"><\/span>\r\n          <\/span>\r\n          <span class=\"nav-bar\"><i><\/i><\/span>\r\n        <\/button>\r\n\r\n        <button class=\"nav-item\" data-index=\"3\">\r\n          <span class=\"bm-disc\"><svg viewBox=\"0 0 48 48\"><rect x=\"4\" y=\"24\" width=\"16\" height=\"10\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2.3\"\/><circle cx=\"9\" cy=\"37\" r=\"3.4\" stroke=\"currentColor\" stroke-width=\"2.2\"\/><circle cx=\"18\" cy=\"37\" r=\"3.4\" stroke=\"currentColor\" stroke-width=\"2.2\"\/><path d=\"M20 26 L30 14 A6 6 0 0 1 40 18 L36 30 Z\" stroke=\"currentColor\" stroke-width=\"2.3\" stroke-linejoin=\"round\"\/><path d=\"M24 20 L34 24\" stroke=\"currentColor\" stroke-width=\"1.8\"\/><\/svg><\/span>\r\n          <span class=\"nav-text\">\r\n            <span class=\"nav-code\">BM-04<\/span>\r\n            <span class=\"nav-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a<\/span>\r\n            <span class=\"nav-scope\">\u0625\u0646\u062a\u0627\u062c \u00b7 \u062a\u0648\u0631\u064a\u062f \u00b7 \u0636\u062e \u0639\u0627\u0644\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639<\/span>\r\n          <\/span>\r\n          <span class=\"nav-bar\"><i><\/i><\/span>\r\n        <\/button>\r\n\r\n        <button class=\"nav-item\" data-index=\"4\">\r\n          <span class=\"bm-disc\"><svg viewBox=\"0 0 48 48\"><rect x=\"10\" y=\"8\" width=\"20\" height=\"32\" stroke=\"currentColor\" stroke-width=\"2.4\"\/><path d=\"M14 14 h4 M22 14 h4 M14 21 h4 M22 21 h4 M14 28 h4 M22 28 h4\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M30 40 V20 h8 v20\" stroke=\"currentColor\" stroke-width=\"2.2\"\/><\/svg><\/span>\r\n          <span class=\"nav-text\">\r\n            <span class=\"nav-code\">BM-05<\/span>\r\n            <span class=\"nav-title\">\u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/span>\r\n            <span class=\"nav-scope\"><\/span>\r\n          <\/span>\r\n          <span class=\"nav-bar\"><i><\/i><\/span>\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n      <!-- ============ \u0627\u0644\u0645\u0633\u0631\u062d \u0627\u0644\u0628\u0635\u0631\u064a (\u0646\u0635\u0648\u0635 \u062b\u0627\u0628\u062a\u0629) ============ -->\r\n      <div class=\"sm-stage\" id=\"rwmStage\" tabindex=\"0\" aria-label=\"\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629\">\r\n\r\n        <div class=\"stage-panel active\" data-panel=\"0\">\r\n          <div class=\"stage-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/\u0645\u0634\u0627\u0631\u064a\u0639-\u0627\u0644\u0637\u0631\u0642-\u0648\u0635\u064a\u0627\u0646\u062a\u0647\u0627-.jpeg\" alt=\"\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0637\u0631\u0642\" loading=\"eager\" onerror=\"this.parentElement.classList.add('img-fallback')\">\r\n          <\/div>\r\n          <div class=\"stage-index\"><b>01<\/b> \/ 05<\/div>\r\n          <div class=\"stage-content\">\r\n            <span class=\"stage-scope\">\u062a\u0635\u0645\u064a\u0645 \u00b7 \u062a\u0646\u0641\u064a\u0630 \u00b7 \u0635\u064a\u0627\u0646\u0629<\/span>\r\n            <h3 class=\"stage-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0637\u0631\u0642<\/h3>\r\n            <p class=\"stage-desc\">\u062a\u0646\u0641\u064a\u0630 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0637\u0631\u0642 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\u060c \u0628\u0645\u0627 \u064a\u0634\u0645\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0633\u0641\u0644\u062a\u0629\u060c \u0627\u0644\u0623\u0631\u0635\u0641\u0629\u060c \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0631\u0627\u0628\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0635\u062e\u0631\u064a.<\/p>\r\n            <div class=\"stage-features\">\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0645\u0633\u062d \u0637\u0628\u0648\u063a\u0631\u0627\u0641\u064a \u0645\u062a\u0642\u062f\u0645<\/span>\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u062e\u0644\u0637\u0627\u062a \u0625\u0633\u0641\u0644\u062a\u064a\u0629 \u0645\u062d\u0633\u0651\u0646\u0629<\/span>\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0625\u0634\u0631\u0627\u0641 \u0643\u0627\u0645\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/span>\r\n            <\/div>\r\n            <div class=\"stage-bottom\">\r\n              <div class=\"stage-stat\">\r\n                <span class=\"num\" data-count=\"2500\"><span class=\"count-val\">0<\/span><small>+<\/small><\/span>\r\n                <span class=\"lbl\">\u0623\u0637\u0648\u0627\u0644 \u0637\u0631\u0642 \u0645\u064f\u0639\u0628\u064e\u0651\u062f\u0629 (\u0643\u0645)<\/span>\r\n              <\/div>\r\n              <a href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/#roads\" class=\"stage-cta\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629<svg viewBox=\"0 0 24 24\"><path d=\"M19 12 H5 M11 6 L5 12 L11 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-panel\" data-panel=\"1\">\r\n          <div class=\"stage-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-08-at-12.40.52-PM.jpeg\" alt=\"\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0628\u0627\u0631\u064a \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u062c\u0633\u0648\u0631\" loading=\"lazy\" onerror=\"this.parentElement.classList.add('img-fallback')\">\r\n          <\/div>\r\n          <div class=\"stage-index\"><b>02<\/b> \/ 05<\/div>\r\n          <div class=\"stage-content\">\r\n            <span class=\"stage-scope\">\u062d\u0641\u0631 \u0648\u0625\u0646\u0634\u0627\u0621 \u0623\u0646\u0641\u0627\u0642 \u062d\u0636\u0631\u064a\u0629 \u0648\u062a\u0635\u0631\u064a\u0641 \u0633\u064a\u0648\u0644<\/span>\r\n            <h3 class=\"stage-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0628\u0627\u0631\u064a \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u062c\u0633\u0648\u0631<\/h3>\r\n            <p class=\"stage-desc\">\u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0643\u0628\u0627\u0631\u064a\u060c \u0627\u0644\u0623\u0646\u0641\u0627\u0642\u060c \u0648\u0627\u0644\u062c\u0633\u0648\u0631\u060c \u0648\u0627\u0644\u0633\u062f\u0648\u062f \u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0633\u0644\u0627\u0645\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n            <div class=\"stage-features\">\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0645\u0631\u0627\u0642\u0628\u0629 \u062c\u064a\u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0644\u062d\u0638\u064a\u0629<\/span>\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0623\u0648\u0644 \u0646\u0641\u0642 \u0645\u0634\u0627\u0629 \u0630\u0643\u064a 450\u0645 \u0628\u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u063a\u0631\u0628\u064a\u0629<\/span>\r\n            <\/div>\r\n            <div class=\"stage-bottom\">\r\n              <div class=\"stage-stat\">\r\n                <span class=\"num\" data-count=\"25\"><span class=\"count-val\">0<\/span><small>+<\/small><\/span>\r\n                <span class=\"lbl\">\u0623\u0637\u0648\u0627\u0644 \u0623\u0646\u0641\u0627\u0642 \u0648\u062c\u0633\u0648\u0631 (\u0643\u0645)<\/span>\r\n              <\/div>\r\n              <a href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/#tunnels\" class=\"stage-cta\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629<svg viewBox=\"0 0 24 24\"><path d=\"M19 12 H5 M11 6 L5 12 L11 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-panel\" data-panel=\"2\">\r\n          <div class=\"stage-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/\u0627\u0639\u0645\u0627\u0644-\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621.jpeg\" alt=\"\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\" loading=\"lazy\" onerror=\"this.parentElement.classList.add('img-fallback')\">\r\n          <\/div>\r\n          <div class=\"stage-index\"><b>03<\/b> \/ 05<\/div>\r\n          <div class=\"stage-content\">\r\n            <span class=\"stage-scope\"><\/span>\r\n            <h3 class=\"stage-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/h3>\r\n            <p class=\"stage-desc\">\u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0648\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0637\u0631\u0642.<\/p>\r\n            <div class=\"stage-features\">\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u062a\u0646\u0633\u064a\u0642 \u0645\u0639 \u062c\u0645\u064a\u0639 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629<\/span>\r\n              <span class=\"feature-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12.5 L9.5 18 L20 6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span>\r\n            <\/div>\r\n            <div class=\"stage-bottom no-stat\">\r\n              <a href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/#lighting\" class=\"stage-cta\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629<svg viewBox=\"0 0 24 24\"><path d=\"M19 12 H5 M11 6 L5 12 L11 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-panel\" data-panel=\"3\">\r\n          <div class=\"stage-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/water_network_project_high_quality.webp\" alt=\"\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a\" loading=\"lazy\" onerror=\"this.parentElement.classList.add('img-fallback')\">\r\n          <\/div>\r\n          <div class=\"stage-index\"><b>04<\/b> \/ 05<\/div>\r\n          <div class=\"stage-content\">\r\n            <span class=\"stage-scope\">\u0625\u0646\u062a\u0627\u062c \u00b7 \u062a\u0648\u0631\u064a\u062f \u00b7 \u0636\u062e \u0639\u0627\u0644\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639<\/span>\r\n            <h3 class=\"stage-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a<\/h3>\r\n            <p class=\"stage-desc\">\u062a\u0646\u0641\u064a\u0630 \u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0636\u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629.<\/p>\r\n            <div class=\"stage-features\"><\/div>\r\n            <div class=\"stage-bottom no-stat\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stage-panel\" data-panel=\"4\">\r\n          <div class=\"stage-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/\u062e\u0631\u0633\u0627\u0646\u0629.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\" loading=\"lazy\" onerror=\"this.parentElement.classList.add('img-fallback')\">\r\n          <\/div>\r\n          <div class=\"stage-index\"><b>05<\/b> \/ 05<\/div>\r\n          <div class=\"stage-content\">\r\n            <span class=\"stage-scope\"><\/span>\r\n            <h3 class=\"stage-title\">\u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/h3>\r\n            <p class=\"stage-desc\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0648\u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629. \u062a\u0648\u0631\u064a\u062f \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0631\u0642 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a. \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f.<\/p>\r\n            <div class=\"stage-features\"><\/div>\r\n            <div class=\"stage-bottom no-stat\">\r\n              <a href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/#concrete\" class=\"stage-cta\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f \u0639\u0646 \u0647\u0630\u0647 \u0627\u0644\u062e\u062f\u0645\u0629<svg viewBox=\"0 0 24 24\"><path d=\"M19 12 H5 M11 6 L5 12 L11 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sm-controls\">\r\n      <span id=\"rwmCounter\">01 \/ 05<\/span>\r\n      <div class=\"ctr-btns\">\r\n        <button class=\"ctr-btn\" id=\"rwmPrev\" aria-label=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0627\u0628\u0642\"><\/button>\r\n        <button class=\"ctr-btn\" id=\"rwmToggle\" aria-label=\"\u0625\u064a\u0642\u0627\u0641\/\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0644\u0642\u0627\u0626\u064a\"><\/button>\r\n        <button class=\"ctr-btn\" id=\"rwmNext\" aria-label=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0627\u0644\u064a\"><\/button>\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  \/\/ \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0647\u0646\u0627 \u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0628\u0633 \u0644\u0623\u0632\u0631\u0627\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 (\u0633\u0627\u0628\u0642\/\u062a\u0627\u0644\u064a\/\u0625\u064a\u0642\u0627\u0641)\r\n  var ICONS = {\r\n    arrowLeft:'<svg viewBox=\"0 0 24 24\"><path d=\"M19 12 H5 M11 6 L5 12 L11 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>',\r\n    arrowRight:'<svg viewBox=\"0 0 24 24\"><path d=\"M5 12 H19 M13 6 L19 12 L13 18\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>',\r\n    play:     '<svg viewBox=\"0 0 24 24\"><path d=\"M8 5 L19 12 L8 19 Z\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>',\r\n    pause:    '<svg viewBox=\"0 0 24 24\"><rect x=\"6\" y=\"5\" width=\"4\" height=\"14\" fill=\"currentColor\" stroke=\"none\"\/><rect x=\"14\" y=\"5\" width=\"4\" height=\"14\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>'\r\n  };\r\n\r\n  var section = document.getElementById('rwm-services');\r\n\r\n  \/\/ \u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0641\u0639\u0644\u064a (\u0627\u0644\u0644\u064a \u0628\u064a\u0636\u0628\u0637\u0647 TranslatePress \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0645\u062e\u062a\u0627\u0631\u0629)\r\n  \/\/ \u0628\u062f\u0644 \u0645\u0627 \u0646\u062b\u0628\u062a rtl \u064a\u062f\u0648\u064a\u064b\u0627. \u0644\u0648 \u0627\u0644\u0640 <html> \u0639\u0646\u062f\u0647 dir \u0635\u0631\u064a\u062d \u0628\u0646\u0627\u062e\u062f \u0628\u064a\u0647\u060c\r\n  \/\/ \u0648\u0644\u0648 \u0645\u0634 \u0645\u0648\u062c\u0648\u062f \u0628\u0646\u0633\u062a\u0646\u062a\u062c\u0647 \u0645\u0646 \u0643\u0648\u062f \u0627\u0644\u0644\u063a\u0629 (lang \u064a\u0628\u062f\u0623 \u0628\u0640 ar = \u0639\u0631\u0628\u064a).\r\n  var pageDir = 'rtl';\r\n  (function setDirection(){\r\n    var htmlDir  = document.documentElement.getAttribute('dir');\r\n    var htmlLang = (document.documentElement.getAttribute('lang') || '').toLowerCase();\r\n    pageDir = (htmlDir === 'ltr' || htmlDir === 'rtl')\r\n      ? htmlDir\r\n      : (htmlLang.indexOf('ar') === 0 ? 'rtl' : 'ltr');\r\n    section.classList.remove('rwm-rtl','rwm-ltr');\r\n    section.classList.add('rwm-' + pageDir);\r\n  })();\r\n  var isRTL = pageDir === 'rtl';\r\n\r\n  var navEl   = document.getElementById('rwmNav');\r\n  var stageEl = document.getElementById('rwmStage');\r\n  var counterEl = document.getElementById('rwmCounter');\r\n  var prevBtn = document.getElementById('rwmPrev');\r\n  var nextBtn = document.getElementById('rwmNext');\r\n  var toggleBtn = document.getElementById('rwmToggle');\r\n\r\n  \/\/ \u0641\u064a RTL: \"\u0627\u0644\u0633\u0627\u0628\u0642\" \u0628\u0635\u0631\u064a\u064b\u0627 \u0628\u064a\u0631\u0648\u062d \u0644\u0644\u064a\u0645\u064a\u0646\u060c \u0648\"\u0627\u0644\u062a\u0627\u0644\u064a\" \u0644\u0644\u064a\u0633\u0627\u0631 (\u0632\u064a \u0645\u0627 \u0643\u0627\u0646 \u0645\u0628\u0631\u0645\u062c \u0623\u0635\u0644\u064b\u0627)\r\n  \/\/ \u0641\u064a LTR: \u0627\u0644\u0639\u0643\u0633 - \"\u0627\u0644\u0633\u0627\u0628\u0642\" \u0644\u0644\u064a\u0633\u0627\u0631\u060c \u0648\"\u0627\u0644\u062a\u0627\u0644\u064a\" \u0644\u0644\u064a\u0645\u064a\u0646\r\n  prevBtn.innerHTML = isRTL ? ICONS.arrowRight : ICONS.arrowLeft;\r\n  nextBtn.innerHTML = isRTL ? ICONS.arrowLeft  : ICONS.arrowRight;\r\n  toggleBtn.innerHTML = ICONS.pause;\r\n\r\n  var pad2 = function(n){ return (n<10?'0':'')+n; };\r\n\r\n  \/\/ \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0645\u0648\u062c\u0648\u062f\u0629 \u0623\u0635\u0644\u064b\u0627 \u0641\u064a \u0627\u0644\u0640 HTML\u060c \u0645\u0634 \u0645\u062a\u0648\u0644\u062f\u0629 \u0645\u0646 JS\r\n  var navItems = Array.prototype.slice.call(navEl.querySelectorAll('.nav-item'));\r\n  var panels   = Array.prototype.slice.call(stageEl.querySelectorAll('.stage-panel'));\r\n  var TOTAL = panels.length;\r\n  var active = 0;\r\n  var timer = null;\r\n  var playing = true;\r\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  function restartBar(idx){\r\n    navItems.forEach(function(item, i){\r\n      var bar = item.querySelector('.nav-bar i');\r\n      bar.classList.remove('running');\r\n      bar.style.height = '0%';\r\n      if(i === idx && playing && !reduced){\r\n        void bar.offsetWidth;\r\n        bar.classList.add('running');\r\n      }\r\n    });\r\n  }\r\n\r\n  function animateCount(panel){\r\n    var numWrap = panel.querySelector('.num');\r\n    if(!numWrap) return;\r\n    var numEl = numWrap.querySelector('.count-val');\r\n    var target = parseInt(numWrap.getAttribute('data-count'), 10);\r\n    if(isNaN(target)) return;\r\n    var start = null;\r\n    var duration = reduced ? 1 : 1100;\r\n    function step(ts){\r\n      if(!start) start = ts;\r\n      var progress = Math.min((ts - start) \/ duration, 1);\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n      var val = Math.floor(eased * target);\r\n      numEl.textContent = val.toLocaleString('en-US');\r\n      if(progress < 1) requestAnimationFrame(step);\r\n      else numEl.textContent = target.toLocaleString('en-US');\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  function goTo(idx, userTriggered){\r\n    idx = (idx + TOTAL) % TOTAL;\r\n    active = idx;\r\n    navItems.forEach(function(item,i){ item.classList.toggle('active', i===idx); });\r\n    panels.forEach(function(p,i){ p.classList.toggle('active', i===idx); });\r\n    counterEl.textContent = pad2(idx+1) + ' \/ ' + pad2(TOTAL);\r\n    restartBar(idx);\r\n    animateCount(panels[idx]);\r\n    if(userTriggered){ resetAutoplay(); }\r\n  }\r\n\r\n  function next(){ goTo(active+1, false); }\r\n\r\n  function startAutoplay(){ if(reduced) return; stopAutoplay(); timer = setInterval(next, 6400); }\r\n  function stopAutoplay(){ if(timer){ clearInterval(timer); timer=null; } }\r\n  function resetAutoplay(){ if(playing){ startAutoplay(); } }\r\n\r\n  navItems.forEach(function(item, i){\r\n    item.addEventListener('click', function(){ goTo(i, true); });\r\n  });\r\n\r\n  prevBtn.addEventListener('click', function(){ goTo(active-1, true); });\r\n  nextBtn.addEventListener('click', function(){ goTo(active+1, true); });\r\n  toggleBtn.addEventListener('click', function(){\r\n    playing = !playing;\r\n    toggleBtn.innerHTML = playing ? ICONS.pause : ICONS.play;\r\n    if(playing){ startAutoplay(); } else { stopAutoplay(); restartBar(-1); }\r\n  });\r\n\r\n  var wrap = section.querySelector('.sm-grid');\r\n  wrap.addEventListener('mouseenter', function(){ stopAutoplay(); });\r\n  wrap.addEventListener('mouseleave', function(){ if(playing) startAutoplay(); });\r\n\r\n  stageEl.addEventListener('keydown', function(e){\r\n    if(e.key === 'ArrowRight'){ goTo(isRTL ? active-1 : active+1, true); }\r\n    if(e.key === 'ArrowLeft'){ goTo(isRTL ? active+1 : active-1, true); }\r\n  });\r\n\r\n  var touchX = null;\r\n  stageEl.addEventListener('touchstart', function(e){ touchX = e.touches[0].clientX; }, {passive:true});\r\n  stageEl.addEventListener('touchend', function(e){\r\n    if(touchX === null) return;\r\n    var dx = e.changedTouches[0].clientX - touchX;\r\n    if(Math.abs(dx) > 40){ dx < 0 ? goTo(active-1,true) : goTo(active+1,true); }\r\n    touchX = null;\r\n  }, {passive:true});\r\n\r\n  stageEl.addEventListener('mousemove', function(e){\r\n    if(reduced) return;\r\n    var rect = stageEl.getBoundingClientRect();\r\n    var px = (e.clientX - rect.left) \/ rect.width - .5;\r\n    var py = (e.clientY - rect.top) \/ rect.height - .5;\r\n    var img = stageEl.querySelector('.stage-panel.active .stage-visual img');\r\n    if(img){ img.style.transform = 'scale(1.04) translate(' + (px*-14) + 'px,' + (py*-10) + 'px)'; }\r\n  });\r\n  stageEl.addEventListener('mouseleave', function(){\r\n    var img = stageEl.querySelector('.stage-panel.active .stage-visual img');\r\n    if(img){ img.style.transform = ''; }\r\n  });\r\n\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        section.classList.add('in-view');\r\n        animateCount(panels[0]);\r\n        restartBar(0);\r\n        startAutoplay();\r\n        io.disconnect();\r\n      }\r\n    });\r\n  }, {threshold:.25});\r\n  io.observe(section);\r\n\r\n  counterEl.textContent = '01 \/ ' + pad2(TOTAL);\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f603db e-con-full e-flex e-con e-parent\" data-id=\"0f603db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6511e6 elementor-widget elementor-widget-html\" data-id=\"e6511e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  #rwm-light,\r\n  #rwm-light *,\r\n  #rwm-light *::before,\r\n  #rwm-light *::after{\r\n    box-sizing:border-box;\r\n    font-family:'Cairo','Tahoma',sans-serif;\r\n  }\r\n\r\n  #rwm-light{\r\n    --navy:#3B4F71;\r\n    --cyan:#A5DDEA;\r\n    --ease:cubic-bezier(.16,.84,.32,1);\r\n    --shadow-sm:0 10px 26px -14px rgba(59,79,113,.25);\r\n\r\n    direction:rtl;\r\n    text-align:right;\r\n    position:relative;\r\n    background:rgba(165,221,234,.14);\r\n    padding:110px 0 120px;\r\n    overflow:hidden;\r\n  }\r\n\r\n  \/* \u0627\u0644\u0639\u0631\u0628\u064a\u0629 *\/\r\n  html[dir=\"rtl\"] #rwm-light,\r\n  html[lang^=\"ar\"] #rwm-light,\r\n  body.rtl #rwm-light{\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\n  html[dir=\"ltr\"] #rwm-light,\r\n  html[lang^=\"en\"] #rwm-light{\r\n    direction:ltr !important;\r\n    text-align:left !important;\r\n  }\r\n\r\n  #rwm-light .lt-container{\r\n    max-width:1240px;\r\n    margin:0 auto;\r\n    padding:0 24px;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n\r\n  #rwm-light img,\r\n  #rwm-light svg{\r\n    display:block;\r\n    max-width:100%;\r\n  }\r\n\r\n  #rwm-light a{\r\n    text-decoration:none;\r\n  }\r\n\r\n  #rwm-light::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    inset-inline:0;\r\n    height:60px;\r\n    background-image:\r\n      repeating-linear-gradient(\r\n        -45deg,\r\n        var(--navy) 0,\r\n        var(--navy) 1.5px,\r\n        transparent 1.5px,\r\n        transparent 10px\r\n      );\r\n    opacity:.05;\r\n  }\r\n\r\n  #rwm-light .lt-reveal{\r\n    opacity:0;\r\n    transform:translateY(24px);\r\n    transition:\r\n      opacity .7s var(--ease),\r\n      transform .7s var(--ease);\r\n  }\r\n\r\n  #rwm-light .lt-reveal.is-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0631\u0623\u0633 \u0627\u0644\u0642\u0633\u0645\r\n     ========================================================= *\/\r\n\r\n  #rwm-light .lt-head{\r\n    max-width:720px;\r\n    margin-bottom:56px;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    letter-spacing:.5px;\r\n    color:var(--cyan);\r\n    margin-bottom:16px;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-eyebrow::before{\r\n    content:\"\";\r\n    width:34px;\r\n    height:10px;\r\n    flex:none;\r\n    background:var(--cyan);\r\n  }\r\n\r\n  #rwm-light .lt-head h2{\r\n    font-size:clamp(30px,4vw,46px);\r\n    font-weight:900;\r\n    color:var(--navy);\r\n    margin:0 0 16px;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-head p{\r\n    font-size:16.5px;\r\n    line-height:1.95;\r\n    color:var(--navy);\r\n    margin:0;\r\n    text-align:inherit;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a\r\n     ========================================================= *\/\r\n\r\n  #rwm-light .lt-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:20px;\r\n  }\r\n\r\n  #rwm-light .lt-card{\r\n    position:relative;\r\n    background:#fff;\r\n    border:1px solid #E4EEF3;\r\n    border-radius:20px;\r\n    padding:28px 24px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:16px;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n    text-align:inherit;\r\n\r\n    transition:\r\n      transform .5s var(--ease),\r\n      box-shadow .5s var(--ease),\r\n      border-color .5s var(--ease);\r\n  }\r\n\r\n  #rwm-light .lt-card::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset-inline-start:0;\r\n    top:0;\r\n    bottom:0;\r\n    width:130%;\r\n\r\n    background-image:\r\n      repeating-linear-gradient(\r\n        -45deg,\r\n        var(--cyan) 0,\r\n        var(--cyan) 2px,\r\n        transparent 2px,\r\n        transparent 10px\r\n      );\r\n\r\n    opacity:0;\r\n    transform:translateX(-40%);\r\n    transition:\r\n      opacity .5s var(--ease),\r\n      transform .8s var(--ease);\r\n    z-index:-1;\r\n  }\r\n\r\n  #rwm-light .lt-card:hover{\r\n    transform:translateY(-8px);\r\n    box-shadow:var(--shadow-sm);\r\n    border-color:transparent;\r\n  }\r\n\r\n  #rwm-light .lt-card:hover::before{\r\n    opacity:.08;\r\n    transform:translateX(0);\r\n  }\r\n\r\n  @media (min-width:981px){\r\n    #rwm-light .lt-grid{\r\n      grid-template-columns:repeat(6,1fr);\r\n    }\r\n\r\n    #rwm-light .lt-card{\r\n      grid-column:span 2;\r\n    }\r\n\r\n    #rwm-light .lt-grid > .lt-card:nth-last-child(-n+2){\r\n      grid-column:span 3;\r\n    }\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0623\u0639\u0644\u0649 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\r\n     ========================================================= *\/\r\n\r\n  #rwm-light .lt-top{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    direction:inherit;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-icon{\r\n    width:54px;\r\n    height:54px;\r\n    border-radius:14px;\r\n    flex:none;\r\n    background:rgba(165,221,234,.2);\r\n    color:var(--navy);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    transition:\r\n      background .45s var(--ease),\r\n      color .45s var(--ease),\r\n      transform .5s var(--ease);\r\n  }\r\n\r\n  #rwm-light .lt-icon svg{\r\n    width:26px;\r\n    height:26px;\r\n    stroke:currentColor;\r\n    fill:none;\r\n    stroke-width:1.7;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n  }\r\n\r\n  #rwm-light .lt-card:hover .lt-icon{\r\n    background:var(--navy);\r\n    color:var(--cyan);\r\n    transform:rotate(-6deg) scale(1.06);\r\n  }\r\n\r\n  #rwm-light .lt-titles{\r\n    min-width:0;\r\n    flex:1;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-scope{\r\n    display:block;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    color:var(--cyan);\r\n    margin-bottom:4px;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-title{\r\n    margin:0;\r\n    font-size:18px;\r\n    font-weight:800;\r\n    color:var(--navy);\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-desc{\r\n    font-size:14.5px;\r\n    line-height:1.85;\r\n    color:var(--navy);\r\n    margin:0;\r\n    text-align:inherit;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0627\u0644\u0648\u0633\u0648\u0645\r\n     ========================================================= *\/\r\n\r\n  #rwm-light .lt-chips{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:8px;\r\n    justify-content:flex-start;\r\n    direction:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-chip{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:6px;\r\n    background:rgba(165,221,234,.2);\r\n    color:var(--navy);\r\n    font-size:12px;\r\n    font-weight:700;\r\n    padding:7px 12px;\r\n    border-radius:999px;\r\n    direction:inherit;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-chip svg{\r\n    width:12px;\r\n    height:12px;\r\n    stroke:var(--cyan);\r\n    fill:none;\r\n    stroke-width:2.4;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n    flex:none;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0623\u0633\u0641\u0644 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\r\n     ========================================================= *\/\r\n\r\n  #rwm-light .lt-bottom{\r\n    margin-top:auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:14px;\r\n    padding-top:14px;\r\n    border-top:1px dashed var(--cyan);\r\n    direction:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-stat{\r\n    display:flex;\r\n    flex-direction:column;\r\n    text-align:inherit;\r\n  }\r\n\r\n  #rwm-light .lt-stat b{\r\n    font-size:20px;\r\n    font-weight:900;\r\n    color:var(--navy);\r\n  }\r\n\r\n  #rwm-light .lt-stat span{\r\n    font-size:11.5px;\r\n    color:var(--navy);\r\n  }\r\n\r\n  #rwm-light .lt-cta{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    background:var(--navy);\r\n    color:var(--cyan);\r\n    font-size:13px;\r\n    font-weight:800;\r\n    padding:11px 18px;\r\n    border-radius:999px;\r\n    white-space:nowrap;\r\n    position:relative;\r\n    overflow:hidden;\r\n    z-index:1;\r\n\r\n    transition:\r\n      color .4s var(--ease),\r\n      transform .35s var(--ease);\r\n  }\r\n\r\n  #rwm-light .lt-cta::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:var(--cyan);\r\n    transform:translateX(105%);\r\n    transition:transform .5s var(--ease);\r\n    z-index:-1;\r\n  }\r\n\r\n  #rwm-light .lt-cta:hover{\r\n    color:var(--navy);\r\n    transform:translateY(-2px);\r\n  }\r\n\r\n  #rwm-light .lt-cta:hover::before{\r\n    transform:translateX(0);\r\n  }\r\n\r\n  #rwm-light .lt-cta svg{\r\n    width:14px;\r\n    height:14px;\r\n    stroke:currentColor;\r\n    fill:none;\r\n    stroke-width:2.2;\r\n    transition:transform .4s var(--ease);\r\n  }\r\n\r\n  \/* \u0633\u0647\u0645 \u0627\u0644\u0639\u0631\u0628\u064a \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\n  html[dir=\"rtl\"] #rwm-light .lt-cta svg,\r\n  html[lang^=\"ar\"] #rwm-light .lt-cta svg,\r\n  body.rtl #rwm-light .lt-cta svg{\r\n    transform:scaleX(1);\r\n  }\r\n\r\n  \/* \u0633\u0647\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\n  html[dir=\"ltr\"] #rwm-light .lt-cta svg,\r\n  html[lang^=\"en\"] #rwm-light .lt-cta svg{\r\n    transform:scaleX(-1);\r\n  }\r\n\r\n  \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\n  html[dir=\"rtl\"] #rwm-light .lt-cta:hover svg,\r\n  html[lang^=\"ar\"] #rwm-light .lt-cta:hover svg,\r\n  body.rtl #rwm-light .lt-cta:hover svg{\r\n    transform:translateX(-3px) scaleX(1);\r\n  }\r\n\r\n  \/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\n  html[dir=\"ltr\"] #rwm-light .lt-cta:hover svg,\r\n  html[lang^=\"en\"] #rwm-light .lt-cta:hover svg{\r\n    transform:translateX(3px) scaleX(-1);\r\n  }\r\n\r\n  #rwm-light .lt-note{\r\n    margin-top:26px;\r\n    font-size:12px;\r\n    color:var(--navy);\r\n    text-align:inherit;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u0634\u0627\u0634\u0627\u062a\r\n     ========================================================= *\/\r\n\r\n  @media (max-width:980px){\r\n    #rwm-light .lt-grid{\r\n      grid-template-columns:repeat(2,1fr);\r\n    }\r\n  }\r\n\r\n  @media (max-width:640px){\r\n    #rwm-light{\r\n      padding:80px 0 90px;\r\n    }\r\n\r\n    #rwm-light .lt-grid{\r\n      grid-template-columns:1fr;\r\n    }\r\n\r\n    #rwm-light .lt-bottom{\r\n      align-items:flex-start;\r\n      flex-wrap:wrap;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    #rwm-light *{\r\n      transition:none !important;\r\n      animation:none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"rwm-light\">\r\n  <div class=\"lt-container\">\r\n\r\n    <div class=\"lt-head\">\r\n      <div class=\"lt-eyebrow lt-reveal\">\r\n        <span>\u0646\u0638\u0631\u0629 \u062a\u0641\u0635\u064a\u0644\u064a\u0629 \u0639\u0644\u0649 \u0643\u0644 \u0642\u0637\u0627\u0639<\/span>\r\n      <\/div>\r\n\r\n      <h2 class=\"lt-reveal\">\r\n        \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u062a\u0641\u0635\u064a\u0644\r\n      <\/h2>\r\n\r\n      <p class=\"lt-reveal\">\r\n        \u0646\u0641\u0633 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062e\u0645\u0633\u0629 \u0627\u0644\u062a\u064a \u062a\u062f\u064a\u0631\u0647\u0627 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646\u060c \u0641\u064a \u0639\u0631\u0636 \u0633\u0631\u064a\u0639 \u064a\u0633\u0647\u0644 \u0627\u0644\u0631\u062c\u0648\u0639 \u0625\u0644\u064a\u0647 \u0648\u0645\u0634\u0627\u0631\u0643\u062a\u0647.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- ============ \u0627\u0644\u0634\u0628\u0643\u0629 (\u0643\u0631\u0648\u062a \u062b\u0627\u0628\u062a\u0629 \u0641\u064a \u0627\u0644\u0640 HTML) ============ -->\r\n    <div class=\"lt-grid\" id=\"ltGrid\">\r\n\r\n      <article class=\"lt-card lt-reveal\">\r\n        <div class=\"lt-top\">\r\n          <span class=\"lt-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 20L9 4h2l1 6h0l1-6h2l5 16\"\/><path d=\"M9.5 14h5\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"lt-titles\">\r\n            <span class=\"lt-scope\">\u062a\u0635\u0645\u064a\u0645 \u00b7 \u062a\u0646\u0641\u064a\u0630 \u00b7 \u0635\u064a\u0627\u0646\u0629<\/span>\r\n            <h3 class=\"lt-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0637\u0631\u0642<\/h3>\r\n          <\/span>\r\n        <\/div>\r\n        <p class=\"lt-desc\">\u062a\u0646\u0641\u064a\u0630 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0637\u0631\u0642 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627\u060c \u0628\u0645\u0627 \u064a\u0634\u0645\u0644 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0633\u0641\u0644\u062a\u0629\u060c \u0627\u0644\u0623\u0631\u0635\u0641\u0629\u060c \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u0631\u0627\u0628\u064a\u0629\u060c \u0648\u0627\u0644\u0642\u0637\u0639 \u0627\u0644\u0635\u062e\u0631\u064a.<\/p>\r\n        <div class=\"lt-chips\">\r\n          <span class=\"lt-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\"\/><\/svg><span>\u0645\u0633\u062d \u0637\u0628\u0648\u063a\u0631\u0627\u0641\u064a \u0645\u062a\u0642\u062f\u0645<\/span><\/span>\r\n          <span class=\"lt-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\"\/><\/svg><span>\u062e\u0644\u0637\u0627\u062a \u0625\u0633\u0641\u0644\u062a\u064a\u0629 \u0645\u062d\u0633\u0651\u0646\u0629<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"lt-bottom\">\r\n          <span class=\"lt-stat\"><b>2500+ \u0643\u0645<\/b><span>\u0623\u0637\u0648\u0627\u0644 \u0637\u0631\u0642 \u0645\u064f\u0639\u0628\u064e\u0651\u062f\u0629<\/span><\/span>\r\n          <a class=\"lt-cta\" href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/#roads\"><span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"lt-card lt-reveal\">\r\n        <div class=\"lt-top\">\r\n          <span class=\"lt-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 20V11a8 8 0 0116 0v9\"\/><path d=\"M4 20h16\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"lt-titles\">\r\n            <span class=\"lt-scope\">\u062d\u0641\u0631 \u0648\u0625\u0646\u0634\u0627\u0621 \u0623\u0646\u0641\u0627\u0642 \u0648\u062a\u0635\u0631\u064a\u0641 \u0633\u064a\u0648\u0644<\/span>\r\n            <h3 class=\"lt-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0628\u0627\u0631\u064a \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u062c\u0633\u0648\u0631<\/h3>\r\n          <\/span>\r\n        <\/div>\r\n        <p class=\"lt-desc\">\u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0643\u0628\u0627\u0631\u064a\u060c \u0627\u0644\u0623\u0646\u0641\u0627\u0642\u060c \u0648\u0627\u0644\u062c\u0633\u0648\u0631\u060c \u0648\u0627\u0644\u0633\u062f\u0648\u062f \u0648\u0641\u0642 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0639\u0627\u064a\u064a\u0631 \u0633\u0644\u0627\u0645\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\r\n        <div class=\"lt-chips\">\r\n          <span class=\"lt-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\"\/><\/svg><span>\u0645\u0631\u0627\u0642\u0628\u0629 \u062c\u064a\u0648\u062f\u064a\u0646\u0627\u0645\u064a\u0643\u064a\u0629 \u0644\u062d\u0638\u064a\u0629<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"lt-bottom\">\r\n          <span class=\"lt-stat\"><b>25+ \u0643\u0645<\/b><span>\u0623\u0637\u0648\u0627\u0644 \u0623\u0646\u0641\u0627\u0642 \u0648\u062c\u0633\u0648\u0631<\/span><\/span>\r\n          <a class=\"lt-cta\" href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/#tunnels\"><span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"lt-card lt-reveal\">\r\n        <div class=\"lt-top\">\r\n          <span class=\"lt-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 3v2M12 19v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M3 12h2M19 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"lt-titles\">\r\n            <span class=\"lt-scope\"><\/span>\r\n            <h3 class=\"lt-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621<\/h3>\r\n          <\/span>\r\n        <\/div>\r\n        <p class=\"lt-desc\">\u062a\u0646\u0641\u064a\u0630 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0625\u0646\u0627\u0631\u0629 \u0648\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621 \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0637\u0631\u0642 \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a.<\/p>\r\n        <div class=\"lt-chips\">\r\n          <span class=\"lt-chip\"><svg viewBox=\"0 0 24 24\"><path d=\"M4 12l5 5L20 6\"\/><\/svg><span>\u062a\u0646\u0633\u064a\u0642 \u062d\u0643\u0648\u0645\u064a \u0643\u0627\u0645\u0644<\/span><\/span>\r\n        <\/div>\r\n        <div class=\"lt-bottom\">\r\n          <span class=\"lt-stat\"><\/span>\r\n          <a class=\"lt-cta\" href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/#lighting\"><span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"lt-card lt-reveal\">\r\n        <div class=\"lt-top\">\r\n          <span class=\"lt-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M4 8l8-4 8 4-8 4-8-4z\"\/><path d=\"M4 8v8l8 4 8-4V8\"\/><path d=\"M12 12v8\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"lt-titles\">\r\n            <span class=\"lt-scope\">\u0625\u0646\u062a\u0627\u062c \u00b7 \u062a\u0648\u0631\u064a\u062f \u00b7 \u0636\u062e \u0639\u0627\u0644\u064a \u0627\u0644\u0627\u0631\u062a\u0641\u0627\u0639<\/span>\r\n            <h3 class=\"lt-title\">\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a<\/h3>\r\n          <\/span>\r\n        <\/div>\r\n        <p class=\"lt-desc\">\u062a\u0646\u0641\u064a\u0630 \u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a \u0636\u0645\u0646 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629.<\/p>\r\n        <div class=\"lt-chips\"><\/div>\r\n        <div class=\"lt-bottom\">\r\n          <span class=\"lt-stat\"><\/span>\r\n          <a class=\"lt-cta\" href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/#concrete\"><span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article class=\"lt-card lt-reveal\">\r\n        <div class=\"lt-top\">\r\n          <span class=\"lt-icon\">\r\n            <svg viewBox=\"0 0 24 24\"><rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"1.5\"\/><path d=\"M8 8h2M14 8h2M8 12h2M14 12h2M8 16h2M14 16h2\"\/><\/svg>\r\n          <\/span>\r\n          <span class=\"lt-titles\">\r\n            <span class=\"lt-scope\">\u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u00b7 \u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u00b7 \u0645\u062a\u062e\u0635\u0635\u0629<\/span>\r\n            <h3 class=\"lt-title\">\u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/h3>\r\n          <\/span>\r\n        <\/div>\r\n        <p class=\"lt-desc\">\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0645\u0629 \u0648\u0627\u0644\u062a\u0635\u0627\u0645\u064a\u0645 \u0644\u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629. \u062a\u0648\u0631\u064a\u062f \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0631\u0642 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0628\u0627\u0646\u064a \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a. \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u0625\u0646\u062a\u0627\u062c \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f.<\/p>\r\n        <div class=\"lt-chips\"><\/div>\r\n        <div class=\"lt-bottom\">\r\n          <span class=\"lt-stat\"><\/span>\r\n          <a class=\"lt-cta\" href=\"https:\/\/rawasy-almodon.com.sa\/%d9%85%d8%b4%d8%a7%d8%b1%d9%8a%d8%b9%d9%86%d8%a7\/\"><span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><svg viewBox=\"0 0 24 24\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"lt-note lt-reveal\">\r\n      * \u0627\u0644\u0623\u0631\u0642\u0627\u0645 \u062a\u0642\u062f\u064a\u0631\u064a\u0629\u060c \u0644\u0644\u062a\u062d\u062f\u064a\u062b \u0628\u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u062f\u0642\u064a\u0642\u0629 \u0645\u0646 \u0633\u062c\u0644\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  \/\/ \u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a \u0647\u0646\u0627 \u0628\u0642\u0649 \u0645\u0633\u0624\u0648\u0644 \u0628\u0633 \u0639\u0646 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u062a\u062f\u0631\u064a\u062c\u064a (reveal)\u060c\r\n  \/\/ \u0645\u0634 \u0639\u0646 \u0628\u0646\u0627\u0621 \u0623\u0648 \u062d\u0642\u0646 \u0623\u064a \u0646\u0635. \u0627\u0644\u0643\u0631\u0648\u062a \u0643\u0644\u0647\u0627 \u0645\u0648\u062c\u0648\u062f\u0629 \u0623\u0635\u0644\u064b\u0627 \u0643\u0640 HTML \u062b\u0627\u0628\u062a \u0641\u0648\u0642.\r\n\r\n  var revealElements = document.querySelectorAll(\"#rwm-light .lt-reveal\");\r\n\r\n  if(\"IntersectionObserver\" in window){\r\n    var observer = new IntersectionObserver(\r\n      function(entries){\r\n        entries.forEach(function(entry,index){\r\n          if(entry.isIntersecting){\r\n            setTimeout(function(){\r\n              entry.target.classList.add(\"is-visible\");\r\n            },index * 55);\r\n\r\n            observer.unobserve(entry.target);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold:.15\r\n      }\r\n    );\r\n\r\n    revealElements.forEach(function(element){\r\n      observer.observe(element);\r\n    });\r\n\r\n  }else{\r\n    revealElements.forEach(function(element){\r\n      element.classList.add(\"is-visible\");\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\u0639\u0631\u0651\u0641 \u0639\u0644\u0649 \u0643\u0644 \u0642\u0637\u0627\u0639 \u0646\u062f\u064a\u0631\u0647. \u0627\u062e\u062a\u0631 \u0623\u064a \u0642\u0637\u0627\u0639 \u0645\u0646 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0644\u062a\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0646\u0637\u0627\u0642 \u0639\u0645\u0644\u0647\u060c \u0645\u0645\u064a\u0632\u0627\u062a\u0647\u060c \u0648\u0623\u0631\u0642\u0627\u0645\u0647\u060c \u062b\u0645 \u0627\u0646\u062a\u0642\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 [&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-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/258","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=258"}],"version-history":[{"count":216,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":2094,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/258\/revisions\/2094"}],"wp:attachment":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/media?parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}