{"id":16,"date":"2026-07-08T11:20:52","date_gmt":"2026-07-08T11:20:52","guid":{"rendered":"https:\/\/rawasy-almodon.tzaid.sa\/?page_id=16"},"modified":"2026-07-14T17:58:14","modified_gmt":"2026-07-14T17:58:14","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/rawasy-almodon.com.sa\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e57fe6 e-con-full e-flex e-con e-parent\" data-id=\"4e57fe6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bb0974d elementor-widget elementor-widget-html\" data-id=\"bb0974d\" 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@300;400;500;600;700;800;900&display=swap');\r\n\r\n.rwm-scope,\r\n.rwm-scope *,\r\n.rwm-scope *::before,\r\n.rwm-scope *::after{\r\n  box-sizing:border-box;\r\n  font-family:'Cairo','Tahoma',sans-serif !important;\r\n}\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\r\n  direction:rtl;\r\n  text-align:right;\r\n  display:block;\r\n}\r\n\r\n\/* \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u062d\u0633\u0628 \u0644\u063a\u0629 \u0627\u0644\u0645\u0648\u0642\u0639 *\/\r\nhtml[dir=\"rtl\"] .rwm-scope,\r\nhtml[lang^=\"ar\"] .rwm-scope,\r\nbody.rtl .rwm-scope{\r\n  direction:rtl !important;\r\n  text-align:right !important;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .rwm-scope,\r\nhtml[lang^=\"en\"] .rwm-scope{\r\n  direction:ltr !important;\r\n  text-align:left !important;\r\n}\r\n\r\n.rwm-scope img{\r\n  max-width:100%;\r\n  display:block;\r\n}\r\n\r\n.rwm-scope a{\r\n  text-decoration:none !important;\r\n}\r\n\r\n.rwm-scope :focus-visible{\r\n  outline:2px solid var(--cyan);\r\n  outline-offset:3px;\r\n}\r\n\r\n.rwm-scope svg{\r\n  fill:none;\r\n  display:block;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0627\u0645\r\n   ========================================================= *\/\r\n\r\n.about-mega{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:var(--navy) !important;\r\n  color:var(--ink) !important;\r\n  padding:120px 20px;\r\n}\r\n\r\n.ab-blueprint{\r\n  position:absolute;\r\n  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\r\n  -webkit-mask-image:\r\n    radial-gradient(\r\n      ellipse 80% 65% at 20% 30%,\r\n      #000 40%,\r\n      transparent 85%\r\n    );\r\n\r\n  mask-image:\r\n    radial-gradient(\r\n      ellipse 80% 65% at 20% 30%,\r\n      #000 40%,\r\n      transparent 85%\r\n    );\r\n\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.ab-watermark{\r\n  position:absolute;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  inset-inline-end:2%;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  font-size:clamp(70px,9vw,140px);\r\n  font-weight:900 !important;\r\n  color:transparent;\r\n  -webkit-text-stroke:1.5px rgba(165,221,234,.09);\r\n  line-height:1;\r\n  user-select:none;\r\n  white-space:nowrap;\r\n  letter-spacing:2px;\r\n}\r\n\r\n.ab-benchmark-ghost{\r\n  position:absolute;\r\n  z-index:0;\r\n  pointer-events:none;\r\n  width:min(46vw,560px);\r\n  height:min(46vw,560px);\r\n  inset-inline-start:-8%;\r\n  bottom:-14%;\r\n  opacity:.07;\r\n\r\n  background:\r\n    repeating-conic-gradient(\r\n      from 0deg,\r\n      var(--cyan) 0deg 1.2deg,\r\n      transparent 1.2deg 6deg\r\n    );\r\n\r\n  border-radius:50%;\r\n\r\n  -webkit-mask-image:\r\n    radial-gradient(circle,#000 60%,transparent 62%);\r\n\r\n  mask-image:\r\n    radial-gradient(circle,#000 60%,transparent 62%);\r\n\r\n  animation:abSpinSlow 100s linear infinite;\r\n}\r\n\r\n@keyframes abSpinSlow{\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n.ab-container{\r\n  max-width:1360px;\r\n  margin:0 auto;\r\n  padding:0;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* =========================================================\r\n   \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0646\u0635 \u0648\u0627\u0644\u0635\u0648\u0631\u0629 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629\r\n   \u0627\u0644\u0639\u0631\u0628\u064a: \u0627\u0644\u0635\u0648\u0631\u0629 \u0634\u0645\u0627\u0644 \u0648\u0627\u0644\u0646\u0635 \u064a\u0645\u064a\u0646\r\n   \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0646\u0635 \u0634\u0645\u0627\u0644 \u0648\u0627\u0644\u0635\u0648\u0631\u0629 \u064a\u0645\u064a\u0646\r\n   ========================================================= *\/\r\n\r\n.ab-grid{\r\n  display:grid !important;\r\n  grid-template-columns:1.05fr .95fr !important;\r\n  gap:clamp(30px,5vw,64px);\r\n  align-items:center;\r\n  direction:ltr !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\n.ab-copy{\r\n  grid-column:2 !important;\r\n  grid-row:1;\r\n}\r\n\r\n.ab-visual{\r\n  grid-column:1 !important;\r\n  grid-row:1;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\nhtml[dir=\"rtl\"] .ab-copy,\r\nhtml[lang^=\"ar\"] .ab-copy,\r\nbody.rtl .ab-copy{\r\n  grid-column:2 !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .ab-visual,\r\nhtml[lang^=\"ar\"] .ab-visual,\r\nbody.rtl .ab-visual{\r\n  grid-column:1 !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\nhtml[dir=\"ltr\"] .ab-copy,\r\nhtml[lang^=\"en\"] .ab-copy{\r\n  grid-column:1 !important;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .ab-visual,\r\nhtml[lang^=\"en\"] .ab-visual{\r\n  grid-column:2 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a\r\n   ========================================================= *\/\r\n\r\n.ab-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  font-size:13px;\r\n  font-weight:700 !important;\r\n  letter-spacing:.12em;\r\n  color:var(--cyan) !important;\r\n  padding:9px 18px;\r\n  border-radius:999px;\r\n  border:1px solid var(--cyan-dim);\r\n  background:rgba(165,221,234,.06) !important;\r\n  opacity:0;\r\n  transform:translateY(14px);\r\n  transition:\r\n    opacity .7s ease,\r\n    transform .7s ease;\r\n}\r\n\r\n.ab-eyebrow::before{\r\n  content:'';\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:var(--cyan);\r\n  box-shadow:0 0 0 5px var(--cyan-dim);\r\n  animation:abPulse 2.2s infinite;\r\n}\r\n\r\n@keyframes abPulse{\r\n  0%,\r\n  100%{\r\n    opacity:1;\r\n  }\r\n\r\n  50%{\r\n    opacity:.35;\r\n  }\r\n}\r\n\r\n.ab-title{\r\n  font-size:clamp(28px,4.2vw,50px);\r\n  font-weight:900 !important;\r\n  line-height:1.28;\r\n  margin:20px 0;\r\n  color:var(--ink) !important;\r\n}\r\n\r\n.ab-title .word{\r\n  display:inline-block;\r\n  color:var(--ink) !important;\r\n  opacity:0;\r\n  transform:translateY(26px);\r\n  transition:\r\n    opacity .7s cubic-bezier(.2,.7,.2,1),\r\n    transform .7s cubic-bezier(.2,.7,.2,1);\r\n  transition-delay:calc(var(--i) * .06s);\r\n}\r\n\r\n.ab-title .word em{\r\n  font-style:normal;\r\n  color:var(--cyan) !important;\r\n}\r\n\r\n.ab-text{\r\n  font-size:15.5px;\r\n  line-height:2;\r\n  color:#fff !important;\r\n  max-width:600px;\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:\r\n    opacity .8s ease .25s,\r\n    transform .8s ease .25s;\r\n}\r\n\r\n.ab-text + .ab-text{\r\n  margin-top:14px;\r\n}\r\n\r\n.about-mega.in-view .ab-eyebrow{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.about-mega.in-view .ab-title .word{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.about-mega.in-view .ab-text{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0623\u0632\u0631\u0627\u0631\r\n   ========================================================= *\/\r\n\r\n.ab-cta-group{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n  gap:16px;\r\n  margin-top:28px;\r\n  opacity:0;\r\n  transform:translateY(16px);\r\n  transition:\r\n    opacity .8s ease .4s,\r\n    transform .8s ease .4s;\r\n}\r\n\r\n.about-mega.in-view .ab-cta-group{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.ab-cta{\r\n  position:relative;\r\n  isolation:isolate;\r\n  overflow:hidden;\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:10px;\r\n  font-weight:800 !important;\r\n  font-size:14.5px;\r\n  padding:13px 24px !important;\r\n  border-radius:999px !important;\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.2,.7,.2,1),\r\n    box-shadow .4s ease,\r\n    color .4s ease,\r\n    border-color .4s ease,\r\n    background .4s ease;\r\n}\r\n\r\n.ab-cta svg{\r\n  width:15px;\r\n  height:15px;\r\n  position:relative;\r\n  z-index:2;\r\n  transition:\r\n    transform .4s cubic-bezier(.2,.7,.2,1),\r\n    stroke .4s ease;\r\n}\r\n\r\n.ab-cta span{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.ab-cta--primary{\r\n  background:var(--cyan) !important;\r\n  color:var(--navy) !important;\r\n  border:1px solid var(--cyan) !important;\r\n  box-shadow:0 10px 30px -10px rgba(165,221,234,.55);\r\n}\r\n\r\n.ab-cta--primary svg{\r\n  stroke:var(--navy);\r\n}\r\n\r\n.ab-cta--primary:hover{\r\n  background:var(--navy) !important;\r\n  color:var(--cyan) !important;\r\n  border-color:var(--navy) !important;\r\n  transform:translateY(-4px) !important;\r\n  box-shadow:0 18px 42px -10px rgba(59,79,113,.55);\r\n}\r\n\r\n.ab-cta--primary:hover svg{\r\n  stroke:var(--cyan);\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\nhtml[dir=\"rtl\"] .ab-cta--primary svg,\r\nhtml[lang^=\"ar\"] .ab-cta--primary svg,\r\nbody.rtl .ab-cta--primary 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\nhtml[dir=\"ltr\"] .ab-cta--primary svg,\r\nhtml[lang^=\"en\"] .ab-cta--primary svg{\r\n  transform:scaleX(-1);\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\nhtml[dir=\"rtl\"] .ab-cta--primary:hover svg,\r\nhtml[lang^=\"ar\"] .ab-cta--primary:hover svg,\r\nbody.rtl .ab-cta--primary:hover svg{\r\n  transform:translateX(-5px) scaleX(1);\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0633\u0647\u0645 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\nhtml[dir=\"ltr\"] .ab-cta--primary:hover svg,\r\nhtml[lang^=\"en\"] .ab-cta--primary:hover svg{\r\n  transform:translateX(5px) scaleX(-1);\r\n}\r\n\r\n.ab-cta--secondary{\r\n  background:transparent !important;\r\n  color:var(--cyan) !important;\r\n  border:1.6px solid rgba(165,221,234,.4) !important;\r\n}\r\n\r\n.ab-cta--secondary svg{\r\n  stroke:var(--cyan);\r\n}\r\n\r\n.ab-cta--secondary::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:1;\r\n  background:rgba(165,221,234,.12);\r\n  transform:translateY(100%);\r\n  transition:transform .4s cubic-bezier(.2,.7,.2,1);\r\n}\r\n\r\n.ab-cta--secondary:hover{\r\n  border-color:var(--cyan) !important;\r\n  transform:translateY(-4px) !important;\r\n  box-shadow:0 0 0 6px rgba(165,221,234,.10);\r\n}\r\n\r\n.ab-cta--secondary:hover::before{\r\n  transform:translateY(0);\r\n}\r\n\r\n.ab-cta--secondary:hover svg{\r\n  transform:rotate(18deg) scale(1.12);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a\r\n   ========================================================= *\/\r\n\r\n.ab-milestones{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:16px;\r\n  margin-top:44px;\r\n}\r\n\r\n.ab-item{\r\n  position:relative;\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  text-align:center;\r\n  gap:10px;\r\n  padding:22px 16px 20px;\r\n  border-radius:18px;\r\n  background:rgba(165,221,234,.05);\r\n  border:1px solid rgba(165,221,234,.14);\r\n  backdrop-filter:blur(6px);\r\n  opacity:0;\r\n  transform:translateY(22px);\r\n\r\n  transition:\r\n    opacity .6s cubic-bezier(.2,.7,.2,1),\r\n    transform .6s cubic-bezier(.2,.7,.2,1),\r\n    border-color .35s ease,\r\n    background .35s ease;\r\n\r\n  transition-delay:calc(var(--d) * .12s);\r\n}\r\n\r\n.about-mega.in-view .ab-item{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.ab-item:hover{\r\n  border-color:rgba(165,221,234,.5);\r\n  background:rgba(165,221,234,.09);\r\n  transform:translateY(-6px) !important;\r\n}\r\n\r\n.ab-marker{\r\n  display:flex !important;\r\n  align-items:center;\r\n  justify-content:center;\r\n  width:44px !important;\r\n  height:44px !important;\r\n  min-width:44px !important;\r\n  border-radius:50% !important;\r\n  border:1.4px solid rgba(165,221,234,.4) !important;\r\n  background:var(--navy) !important;\r\n  box-shadow:0 0 0 5px rgba(165,221,234,.08);\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.2,.7,.2,1),\r\n    box-shadow .4s ease;\r\n}\r\n\r\n.ab-item:hover .ab-marker{\r\n  transform:scale(1.08) rotate(-6deg);\r\n  box-shadow:0 0 0 8px rgba(165,221,234,.14);\r\n}\r\n\r\n.ab-marker svg{\r\n  width:20px;\r\n  height:20px;\r\n  stroke:var(--cyan);\r\n}\r\n\r\n.ab-item.is-badge .ab-marker{\r\n  background:var(--cyan) !important;\r\n}\r\n\r\n.ab-item.is-badge .ab-marker svg{\r\n  stroke:var(--navy);\r\n}\r\n\r\n.ab-num{\r\n  display:block;\r\n  font-size:clamp(22px,2.4vw,28px);\r\n  font-weight:900 !important;\r\n  color:var(--cyan) !important;\r\n  font-variant-numeric:tabular-nums;\r\n  line-height:1.1;\r\n}\r\n\r\n.ab-item.is-badge .ab-num{\r\n  color:var(--cyan) !important;\r\n  font-size:clamp(17px,1.8vw,20px);\r\n}\r\n\r\n.ab-lbl{\r\n  display:block;\r\n  font-size:12.5px;\r\n  color:var(--muted) !important;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0635\u0648\u0631\u0629\r\n   ========================================================= *\/\r\n\r\n.ab-visual{\r\n  position:relative;\r\n  aspect-ratio:4\/5;\r\n  border-radius:26px;\r\n  overflow:hidden;\r\n  border:1px solid rgba(165,221,234,.16);\r\n  box-shadow:0 40px 80px -30px rgba(0,0,0,.6);\r\n  opacity:0;\r\n  transform:scale(.94);\r\n\r\n  transition:\r\n    opacity 1s cubic-bezier(.2,.7,.2,1),\r\n    transform 1s cubic-bezier(.2,.7,.2,1);\r\n\r\n  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);\r\n}\r\n\r\n.about-mega.in-view .ab-visual{\r\n  opacity:1;\r\n  transform:scale(1);\r\n}\r\n\r\n.ab-visual img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  transform:scale(1.14);\r\n  transition:transform 6s cubic-bezier(.2,.6,.2,1);\r\n}\r\n\r\n.about-mega.in-view .ab-visual img{\r\n  transform:scale(1.02);\r\n}\r\n\r\n.ab-visual:hover img{\r\n  transform:scale(1.1) !important;\r\n}\r\n\r\n.ab-visual::after{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  mix-blend-mode:multiply;\r\n}\r\n\r\n.ab-corner{\r\n  display:block !important;\r\n  position:absolute;\r\n  width:34px !important;\r\n  height:34px !important;\r\n  border-color:var(--cyan);\r\n  z-index:3;\r\n  opacity:.85;\r\n  pointer-events:none;\r\n}\r\n\r\n.ab-corner.tl{\r\n  top:16px;\r\n  inset-inline-start:16px;\r\n  border-top:2px solid !important;\r\n  border-inline-start:2px solid !important;\r\n  border-radius:6px 0 0 0 !important;\r\n}\r\n\r\n.ab-corner.br{\r\n  bottom:16px;\r\n  inset-inline-end:16px;\r\n  border-bottom:2px solid !important;\r\n  border-inline-end:2px solid !important;\r\n  border-radius:0 0 6px 0 !important;\r\n}\r\n\r\n.ab-badge{\r\n  position:absolute;\r\n  z-index:3;\r\n  bottom:22px;\r\n  inset-inline-start:22px;\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  gap:12px;\r\n  padding:12px 18px 12px 14px !important;\r\n  border-radius:16px !important;\r\n  background:var(--navy) !important;\r\n  border:1px solid rgba(165,221,234,.3) !important;\r\n  backdrop-filter:blur(8px);\r\n}\r\n\r\n.ab-badge .icon-wrap{\r\n  width:42px;\r\n  height:42px;\r\n  border-radius:50%;\r\n  flex:none;\r\n  background:var(--cyan);\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  box-shadow:0 0 18px rgba(165,221,234,.45);\r\n}\r\n\r\n.ab-badge .icon-wrap svg{\r\n  width:20px;\r\n  height:20px;\r\n  stroke:var(--navy);\r\n}\r\n\r\n.ab-badge b{\r\n  display:block;\r\n  font-size:14px;\r\n  color:#fff !important;\r\n  text-align:start;\r\n}\r\n\r\n.ab-badge span{\r\n  display:block;\r\n  font-size:11.5px;\r\n  color:var(--muted) !important;\r\n  line-height:1.5;\r\n}\r\n\r\n.ab-disc-float{\r\n  position:absolute;\r\n  z-index:3;\r\n  top:22px;\r\n  inset-inline-end:22px;\r\n  width:52px !important;\r\n  height:52px !important;\r\n  border-radius:50% !important;\r\n  border:1.6px solid rgba(165,221,234,.55) !important;\r\n  background:var(--navy) !important;\r\n  backdrop-filter:blur(8px);\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  animation:abSpinSlow 16s linear infinite;\r\n}\r\n\r\n.ab-disc-float::before,\r\n.ab-disc-float::after{\r\n  content:'';\r\n  position:absolute;\r\n  background:rgba(165,221,234,.55);\r\n}\r\n\r\n.ab-disc-float::before{\r\n  width:1px;\r\n  height:52%;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n.ab-disc-float::after{\r\n  height:1px;\r\n  width:52%;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\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:960px){\r\n\r\n  .ab-watermark{\r\n    inset-inline-end:50%;\r\n    transform:translate(50%,-50%);\r\n    font-size:clamp(48px,14vw,90px);\r\n  }\r\n\r\n  .ab-grid,\r\n  html[dir=\"rtl\"] .ab-grid,\r\n  html[dir=\"ltr\"] .ab-grid,\r\n  html[lang^=\"ar\"] .ab-grid,\r\n  html[lang^=\"en\"] .ab-grid,\r\n  body.rtl .ab-grid{\r\n    grid-template-columns:1fr !important;\r\n  }\r\n\r\n  .ab-copy,\r\n  html[dir=\"rtl\"] .ab-copy,\r\n  html[dir=\"ltr\"] .ab-copy,\r\n  html[lang^=\"ar\"] .ab-copy,\r\n  html[lang^=\"en\"] .ab-copy,\r\n  body.rtl .ab-copy{\r\n    grid-column:1 !important;\r\n    grid-row:1 !important;\r\n  }\r\n\r\n  .ab-visual,\r\n  html[dir=\"rtl\"] .ab-visual,\r\n  html[dir=\"ltr\"] .ab-visual,\r\n  html[lang^=\"ar\"] .ab-visual,\r\n  html[lang^=\"en\"] .ab-visual,\r\n  body.rtl .ab-visual{\r\n    grid-column:1 !important;\r\n    grid-row:2 !important;\r\n  }\r\n}\r\n\r\n@media (max-width:640px){\r\n\r\n  .ab-milestones{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .rwm-scope *{\r\n    animation-duration:.001ms !important;\r\n    animation-iteration-count:1 !important;\r\n    transition-duration:.2s !important;\r\n  }\r\n\r\n  .ab-visual img{\r\n    transform:none !important;\r\n  }\r\n}\r\n\r\n\/* \u0625\u0635\u0644\u0627\u062d \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u0623\u0632\u0631\u0627\u0631 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 *\/\r\nhtml[dir=\"rtl\"] .ab-copy,\r\nhtml[lang^=\"ar\"] .ab-copy,\r\nbody.rtl .ab-copy{\r\n  direction:rtl !important;\r\n  text-align:right !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .ab-cta-group,\r\nhtml[lang^=\"ar\"] .ab-cta-group,\r\nbody.rtl .ab-cta-group{\r\n  direction:rtl !important;\r\n  justify-content:flex-start !important;\r\n  width:100%;\r\n}\r\n\r\n\/* \u062a\u062b\u0628\u064a\u062a \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0635\u062d\u064a\u062d \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 *\/\r\nhtml[dir=\"ltr\"] .ab-copy,\r\nhtml[lang^=\"en\"] .ab-copy{\r\n  direction:ltr !important;\r\n  text-align:left !important;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .ab-cta-group,\r\nhtml[lang^=\"en\"] .ab-cta-group{\r\n  direction:ltr !important;\r\n  justify-content:flex-start !important;\r\n  width:100%;\r\n}\r\n<\/style>\r\n\r\n<section class=\"about-mega rwm-scope\" id=\"rwm-about\">\r\n\r\n  <div class=\"ab-blueprint\"><\/div>\r\n  <div class=\"ab-watermark\">\u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646<\/div>\r\n  <div class=\"ab-benchmark-ghost\"><\/div>\r\n\r\n  <div class=\"ab-container\">\r\n\r\n    <div class=\"ab-grid\">\r\n\r\n      <div class=\"ab-copy\">\r\n\r\n        <h2 class=\"ab-title\">\r\n          <span class=\"word\" style=\"--i:0\">\r\n            \u0646\u064f\u0634\u064a\u0651\u062f \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062a\u064a\r\n          <\/span>\r\n\r\n          <span class=\"word\" style=\"--i:1\">\r\n            <em>\u062a\u0635\u0646\u0639 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629<\/em>\r\n          <\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"ab-text\">\r\n          \u062e\u0628\u0631\u0629 \u0645\u062a\u0631\u0627\u0643\u0645\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \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\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\r\n          <br>\r\n          \u062a\u064f\u0639\u062f \u0634\u0631\u0643\u0629 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0625\u062d\u062f\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629..\r\n        <\/p>\r\n\r\n        <div class=\"ab-cta-group\">\r\n\r\n          <a href=\"#rwm-services\" class=\"ab-cta ab-cta--primary\">\r\n\r\n            <span>\u0627\u0633\u062a\u0639\u0631\u0636 \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u0646\u0641\u064a\u0630<\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path\r\n                d=\"M19 12 H5 M11 6 L5 12 L11 18\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"https:\/\/rawasy-almodon.com.sa\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\"\r\n            class=\"ab-cta ab-cta--secondary\"\r\n          >\r\n\r\n            <span>\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path\r\n                d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n                19.79 19.79 0 0 1-8.63-3.07\r\n                19.5 19.5 0 0 1-6-6\r\n                19.79 19.79 0 0 1-3.07-8.67\r\n                A2 2 0 0 1 4.11 2h3\r\n                a2 2 0 0 1 2 1.72\r\n                c.127.96.362 1.903.7 2.81\r\n                a2 2 0 0 1-.45 2.11\r\n                L8.09 9.91\r\n                a16 16 0 0 0 6 6\r\n                l1.27-1.27\r\n                a2 2 0 0 1 2.11-.45\r\n                c.907.338 1.85.573 2.81.7\r\n                A2 2 0 0 1 22 16.92z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"ab-milestones\" id=\"rwmMilestones\">\r\n\r\n          <div class=\"ab-item\" style=\"--d:0\">\r\n\r\n            <span class=\"ab-marker\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"9\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12 7v5l3.5 3.5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"ab-num\">\r\n              <span class=\"count-val\" data-count=\"40\">0<\/span>+\r\n            <\/span>\r\n\r\n            <span class=\"ab-lbl\">\r\n              \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"ab-item is-badge\" style=\"--d:1\">\r\n\r\n            <span class=\"ab-marker\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M12 2 14.5 8 21 8.6 16 13 17.5 20 12 16.5 6.5 20 8 13 3 8.6 9.5 8 Z\"\r\n                  fill=\"currentColor\"\r\n                \/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"ab-num\">\r\n              \u0627\u0644\u0623\u0648\u0644\u0649\r\n            <\/span>\r\n\r\n            <span class=\"ab-lbl\">\r\n              \u062a\u0635\u0646\u064a\u0641 \u0645\u0642\u0627\u0648\u0644\u0627\u062a\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"ab-item\" style=\"--d:2\">\r\n\r\n            <span class=\"ab-marker\">\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M5 21V4M5 4h13l-2.5 4L18 12H5\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                \/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <span class=\"ab-num\">\r\n              <span class=\"count-val\" data-count=\"160\">0<\/span>+\r\n            <\/span>\r\n\r\n            <span class=\"ab-lbl\">\r\n              \u0645\u0634\u0631\u0648\u0639\u064b\u0627 \u0645\u0646\u062c\u0632\u064b\u0627\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"ab-visual\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/\u0631\u0648\u0627\u0633\u064a.webp\"\r\n          alt=\"\u0623\u0639\u0645\u0627\u0644 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629\"\r\n          loading=\"lazy\"\r\n        >\r\n\r\n        <span class=\"ab-corner tl\"><\/span>\r\n        <span class=\"ab-corner br\"><\/span>\r\n        <span class=\"ab-disc-float\"><\/span>\r\n\r\n        <div class=\"ab-badge\">\r\n\r\n          <span class=\"icon-wrap\">\r\n            <svg viewBox=\"0 0 48 48\">\r\n\r\n              <path\r\n                d=\"M24 6 L38 11 V22 C38 32 32 39 24 42 C16 39 10 32 10 22 V11 Z\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.3\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M17 23 L22 28 L31 18\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n\r\n            <\/svg>\r\n          <\/span>\r\n\r\n          <span>\r\n            <b>\r\n              ISO 9001:2015 - ISO 14001:2015 - ISO 45001:2018\r\n            <\/b>\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \"use strict\";\r\n\r\n  var section = document.getElementById(\"rwm-about\");\r\n  var wrap = document.getElementById(\"rwmMilestones\");\r\n\r\n  if(!section || !wrap){\r\n    return;\r\n  }\r\n\r\n  var reduced = window.matchMedia(\r\n    \"(prefers-reduced-motion: reduce)\"\r\n  ).matches;\r\n\r\n  function animateCount(el){\r\n\r\n    var target = parseInt(\r\n      el.getAttribute(\"data-count\"),\r\n      10\r\n    );\r\n\r\n    var duration = reduced ? 1 : 1200;\r\n    var start = null;\r\n\r\n    function step(timestamp){\r\n\r\n      if(!start){\r\n        start = timestamp;\r\n      }\r\n\r\n      var progress = Math.min(\r\n        (timestamp - start) \/ duration,\r\n        1\r\n      );\r\n\r\n      var eased = 1 - Math.pow(1 - progress, 3);\r\n\r\n      el.textContent = Math.floor(\r\n        eased * target\r\n      ).toLocaleString(\"en-US\");\r\n\r\n      if(progress < 1){\r\n        requestAnimationFrame(step);\r\n      }else{\r\n        el.textContent = target.toLocaleString(\"en-US\");\r\n      }\r\n    }\r\n\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  if(\"IntersectionObserver\" in window){\r\n\r\n    var observer = new IntersectionObserver(\r\n      function(entries){\r\n\r\n        entries.forEach(function(entry){\r\n\r\n          if(entry.isIntersecting){\r\n\r\n            section.classList.add(\"in-view\");\r\n\r\n            wrap\r\n              .querySelectorAll(\".count-val\")\r\n              .forEach(animateCount);\r\n\r\n            observer.disconnect();\r\n          }\r\n        });\r\n      },\r\n      {\r\n        threshold:.3\r\n      }\r\n    );\r\n\r\n    observer.observe(section);\r\n\r\n  }else{\r\n\r\n    section.classList.add(\"in-view\");\r\n\r\n    wrap\r\n      .querySelectorAll(\".count-val\")\r\n      .forEach(animateCount);\r\n  }\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-607165e e-con-full e-flex e-con e-parent\" data-id=\"607165e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1173bb elementor-widget elementor-widget-html\" data-id=\"a1173bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n:root{\r\n  --ra-navy:  #3B4F71;\r\n  --ra-cyan:  #A5DDEA;\r\n\r\n  --ra-white:   #FFFFFF;\r\n  --ra-ink:     #1C2733;\r\n  --ra-gray:    #64748B;\r\n  --ra-line:    #E4EEF1;\r\n\r\n  --ra-font: 'Cairo', 'Segoe UI', Tahoma, sans-serif;\r\n\r\n  --ra-shadow-sm: 0 4px 14px rgba(59,79,113,.08);\r\n  --ra-shadow-md: 0 14px 34px rgba(59,79,113,.14);\r\n  --ra-shadow-lg: 0 24px 60px rgba(59,79,113,.20);\r\n  --ra-ease: cubic-bezier(.22,1,.36,1);\r\n}\r\n\r\n\/* ==========================================================================\r\n   \u0627\u0644\u0633\u064a\u0643\u0634\u0646 \u0627\u0644\u0639\u0627\u0645\r\n   ========================================================================== *\/\r\n.ra-about{\r\n  position: relative;\r\n  overflow: hidden;\r\n  background:\r\n    radial-gradient(1100px 480px at 85% -10%, rgba(165,221,234,.16) 0%, transparent 60%),\r\n    var(--ra-white);\r\n  padding: clamp(70px, 9vw, 120px) 0 clamp(70px, 9vw, 120px);\r\n  direction: inherit;\r\n}\r\n\r\n.ra-about__container{\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* \u0632\u062e\u0631\u0641\u0629 \u0646\u0642\u0627\u0637 \u062e\u0641\u064a\u0641\u0629 *\/\r\n.ra-about__bg{ position:absolute; inset:0; z-index:1; pointer-events:none; }\r\n.ra-grid-dots{\r\n  position:absolute; top:0; left:0; width:220px; height:220px;\r\n  background-image: radial-gradient(var(--ra-navy) 1.6px, transparent 1.6px);\r\n  background-size: 20px 20px;\r\n  opacity:.06;\r\n}\r\n.ra-grid-dots--br{ top:auto; left:auto; bottom:0; right:0; }\r\n\r\n\/* ==========================================================================\r\n   \u0647\u064a\u062f\u0631 \u0627\u0644\u0633\u064a\u0643\u0634\u0646\r\n   ========================================================================== *\/\r\n.ra-about__intro{\r\n  max-width: 780px;\r\n  margin: 0 auto 56px;\r\n  text-align: center;\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition: opacity .8s var(--ra-ease), transform .8s var(--ra-ease);\r\n}\r\n.ra-about.is-visible .ra-about__intro{ opacity:1; transform:translateY(0); }\r\n\r\n.ra-eyebrow{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 20px;\r\n  font-weight: 800;\r\n  font-size: 14px;\r\n  letter-spacing: .5px;\r\n  color: var(--ra-navy);\r\n  background: rgba(165,221,234,.18);\r\n  padding: 7px 18px;\r\n  border-radius: 999px;\r\n  border: 1px solid var(--ra-cyan);\r\n}\r\n.ra-eyebrow__dot{\r\n  width:7px; height:7px; border-radius:50%;\r\n  background: var(--ra-cyan);\r\n  box-shadow: 0 0 0 4px rgba(165,221,234,.3);\r\n}\r\n\r\n.ra-about__title{\r\n  font-weight: 800;\r\n  font-size: clamp(28px, 3.6vw, 42px);\r\n  line-height: 1.4;\r\n  color: var(--ra-ink);\r\n  margin: 0 0 18px;\r\n}\r\n.ra-about__title span{ color: var(--ra-navy); }\r\n\r\n\/* \u062e\u0637 \u0631\u0633\u0645 \u062a\u062d\u062a \u0627\u0644\u0639\u0646\u0648\u0627\u0646 \u0628\u0623\u0646\u064a\u0645\u064a\u0634\u0646 SVG *\/\r\n.ra-underline{\r\n  display:block;\r\n  margin: 0 auto 26px;\r\n  width: 130px;\r\n  height: 14px;\r\n}\r\n.ra-underline path{\r\n  fill:none;\r\n  stroke: var(--ra-cyan);\r\n  stroke-width: 4;\r\n  stroke-linecap: round;\r\n  stroke-dasharray: 220;\r\n  stroke-dashoffset: 220;\r\n  transition: stroke-dashoffset 1.1s var(--ra-ease) .3s;\r\n}\r\n.ra-about.is-visible .ra-underline path{ stroke-dashoffset: 0; }\r\n\r\n.ra-about__desc{\r\n  font-size: 17px;\r\n  line-height: 2;\r\n  color: var(--ra-gray);\r\n  margin: 0 auto;\r\n  max-width: 640px;\r\n}\r\n\r\n\/* ==========================================================================\r\n   Bento Grid\r\n   ========================================================================== *\/\r\n.ra-bento{\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  grid-template-rows: repeat(3, minmax(120px,auto));\r\n  grid-template-areas:\r\n    \"image image quote quote\"\r\n    \"image image stat1 stat1\"\r\n    \"usp   usp   stat3 stat4\";\r\n  gap: 18px;\r\n}\r\n\r\n.ra-bento__cell{\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity .7s var(--ra-ease), transform .7s var(--ra-ease);\r\n}\r\n.ra-about.is-visible .ra-bento__cell{ opacity:1; transform:translateY(0); }\r\n.ra-about.is-visible .ra-bento__cell:nth-child(1){ transition-delay:.05s; }\r\n.ra-about.is-visible .ra-bento__cell:nth-child(2){ transition-delay:.15s; }\r\n.ra-about.is-visible .ra-bento__cell:nth-child(3){ transition-delay:.22s; }\r\n.ra-about.is-visible .ra-bento__cell:nth-child(4){ transition-delay:.28s; }\r\n.ra-about.is-visible .ra-bento__cell:nth-child(5){ transition-delay:.34s; }\r\n.ra-about.is-visible .ra-bento__cell:nth-child(6){ transition-delay:.4s; }\r\n\r\n\/* --- \u0643\u0627\u0631\u062a \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0643\u0628\u064a\u0631 --- *\/\r\n.ra-cell--image{\r\n  grid-area: image;\r\n  position: relative;\r\n  border-radius: 26px;\r\n  overflow: hidden;\r\n  min-height: 320px;\r\n  box-shadow: var(--ra-shadow-md);\r\n}\r\n.ra-cell--image img{\r\n  position:absolute; inset:0;\r\n  width:100%; height:100%;\r\n  object-fit: cover;\r\n  transition: transform .8s var(--ra-ease);\r\n}\r\n.ra-cell--image:hover img{ transform: scale(1.08) rotate(.3deg); }\r\n\r\n.ra-cell--image::before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background: linear-gradient(0deg, rgba(59,79,113,.85) 0%, rgba(59,79,113,.15) 45%, transparent 70%);\r\n  z-index:1;\r\n}\r\n.ra-cell--image__caption{\r\n  position:absolute; right:0; bottom:0; left:0;\r\n  z-index:2;\r\n  padding: 26px 24px;\r\n  color: var(--ra-white);\r\n}\r\n.ra-cell--image__caption strong{\r\n  display:block;\r\n  font-size: 19px;\r\n  font-weight: 800;\r\n  margin-bottom:6px;\r\n}\r\n.ra-cell--image__caption span{\r\n  font-size: 13.5px;\r\n  color: rgba(255,255,255,.8);\r\n  font-weight: 600;\r\n}\r\n.ra-cell--image__tag{\r\n  position:absolute; top:18px; right:18px; z-index:2;\r\n  background: rgba(255,255,255,.14);\r\n  backdrop-filter: blur(6px);\r\n  border:1px solid rgba(255,255,255,.3);\r\n  color:#fff;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  padding:7px 14px;\r\n  border-radius:999px;\r\n}\r\n\r\n\/* --- \u0643\u0627\u0631\u062a \u0627\u0644\u0631\u0633\u0627\u0644\u0629 (\u063a\u0627\u0645\u0642 \u064a\u0643\u0633\u0631 \u0627\u0644\u0641\u0627\u062a\u062d) --- *\/\r\n.ra-cell--quote{\r\n  grid-area: quote;\r\n  position: relative;\r\n  background: var(--ra-navy);\r\n  border-radius: 26px;\r\n  padding: 28px 26px;\r\n  color: var(--ra-white);\r\n  overflow: hidden;\r\n  box-shadow: var(--ra-shadow-md);\r\n  transition: transform .45s var(--ra-ease), box-shadow .45s var(--ra-ease);\r\n}\r\n.ra-cell--quote:hover{\r\n  transform: translateY(-6px);\r\n  box-shadow: var(--ra-shadow-lg);\r\n}\r\n.ra-cell--quote::after{\r\n  content:\"\u201d\";\r\n  position:absolute;\r\n  font-family: Georgia, serif;\r\n  font-size: 160px;\r\n  line-height:1;\r\n  top:-38px; left:6px;\r\n  color: rgba(255,255,255,.08);\r\n  z-index:0;\r\n}\r\n.ra-cell--quote__shimmer{\r\n  position:absolute; inset:0;\r\n  background: linear-gradient(120deg, transparent 30%, rgba(165,221,234,.16) 50%, transparent 70%);\r\n  transform: translateX(-100%);\r\n  animation: ra-shimmer 5s ease-in-out infinite;\r\n}\r\n@keyframes ra-shimmer{\r\n  0%{ transform: translateX(-120%); }\r\n  55%,100%{ transform: translateX(120%); }\r\n}\r\n.ra-cell--quote p{\r\n  position:relative; z-index:1;\r\n  margin:0;\r\n  font-size: 15.5px;\r\n  line-height: 1.9;\r\n  font-weight: 600;\r\n}\r\n.ra-cell--quote small{\r\n  position:relative; z-index:1;\r\n  display:block;\r\n  margin-top:14px;\r\n  font-size:12.5px;\r\n  color: var(--ra-cyan);\r\n  font-weight:700;\r\n  letter-spacing:.4px;\r\n}\r\n\r\n\/* --- \u0643\u0631\u0648\u062a \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a --- *\/\r\n.ra-cell--stat{\r\n  background: var(--ra-white);\r\n  border: 1px solid var(--ra-line);\r\n  border-radius: 22px;\r\n  padding: 20px;\r\n  display:flex; flex-direction:column; justify-content:center;\r\n  text-align:center;\r\n  box-shadow: var(--ra-shadow-sm);\r\n  transition: transform .4s var(--ra-ease), box-shadow .4s var(--ra-ease), border-color .4s;\r\n  position:relative;\r\n}\r\n.ra-cell--stat:hover{\r\n  transform: translateY(-8px);\r\n  box-shadow: var(--ra-shadow-md);\r\n  border-color: var(--ra-cyan);\r\n}\r\n#stat1{ grid-area: stat1; }\r\n#stat3{ grid-area: stat3; }\r\n#stat4{ grid-area: stat4; }\r\n\r\n\/* \u0627\u0644\u0645\u0631\u0628\u0639 \u0627\u0644\u0643\u0628\u064a\u0631 (160+ \u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632) \u2014 \u0644\u0648\u062d\u062f\u0647 \u0641\u064a \u0635\u0641 \u0643\u0627\u0645\u0644 *\/\r\n.ra-cell--stat--big{\r\n  flex-direction: row;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 22px;\r\n  padding: 30px 24px;\r\n}\r\n.ra-cell--stat--big .ra-cell--stat__num{\r\n  margin-bottom: 0;\r\n}\r\n.ra-cell--stat--big .ra-cell--stat__label{\r\n  font-size: 16px;\r\n  position: relative;\r\n  padding-inline-start: 18px;\r\n}\r\n.ra-cell--stat--big .ra-cell--stat__label::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-11px; top:50%;\r\n  transform: translateY(-50%);\r\n  width:1px; height: 34px;\r\n  background: var(--ra-line);\r\n}\r\n@media (max-width:560px){\r\n  .ra-cell--stat--big{ flex-direction:column; gap:6px; }\r\n  .ra-cell--stat--big .ra-cell--stat__label::before{ display:none; }\r\n}\r\n\r\n.ra-cell--stat__num{\r\n  font-weight:900;\r\n  font-size: clamp(22px,2.6vw,28px);\r\n  color: var(--ra-navy);\r\n  direction:ltr;\r\n  margin-bottom:4px;\r\n}\r\n.ra-cell--stat__label{\r\n  font-size:12.5px;\r\n  font-weight:700;\r\n  color: var(--ra-gray);\r\n}\r\n\r\n\/* --- \u0643\u0627\u0631\u062a USP --- *\/\r\n.ra-cell--usp{\r\n  grid-area: usp;\r\n  background: rgba(165,221,234,.14);\r\n  border: 1px solid var(--ra-cyan);\r\n  border-radius: 22px;\r\n  padding: 24px;\r\n  display:flex; flex-direction:column; justify-content:center;\r\n  gap: 14px;\r\n}\r\n.ra-usp-item{\r\n  display:flex; align-items:center; gap:12px;\r\n  font-weight:700; font-size:14.5px; color: var(--ra-ink);\r\n  transition: transform .3s var(--ra-ease);\r\n}\r\n.ra-usp-item:hover{ transform: translateX(-6px); }\r\n.ra-usp-icon{\r\n  flex-shrink:0; width:28px; height:28px;\r\n  display:grid; place-items:center;\r\n  border-radius:50%;\r\n  background: var(--ra-navy);\r\n  color:#fff;\r\n}\r\n.ra-usp-icon svg{ width:14px; height:14px; }\r\n\r\n\/* ==========================================================================\r\n   \u0634\u0631\u064a\u0637 \u0627\u0644\u0634\u0647\u0627\u062f\u0627\u062a (\u0623\u0633\u0641\u0644 \u0627\u0644\u0634\u0628\u0643\u0629)\r\n   ========================================================================== *\/\r\n.ra-certs{\r\n  margin-top: 20px;\r\n  display:flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  background: var(--ra-white);\r\n  border: 1px solid var(--ra-line);\r\n  border-radius: 22px;\r\n  padding: 20px 22px;\r\n  box-shadow: var(--ra-shadow-sm);\r\n  opacity:0; transform: translateY(24px);\r\n  transition: opacity .7s var(--ra-ease) .5s, transform .7s var(--ra-ease) .5s;\r\n}\r\n.ra-about.is-visible .ra-certs{ opacity:1; transform:translateY(0); }\r\n\r\n.ra-cert-chip{\r\n  display:flex; align-items:center; gap:10px;\r\n  padding: 10px 16px;\r\n  border-radius: 999px;\r\n  background: rgba(165,221,234,.14);\r\n  border: 1px solid transparent;\r\n  font-size: 13.5px;\r\n  font-weight: 700;\r\n  color: var(--ra-navy);\r\n  transition: all .35s var(--ra-ease);\r\n  flex: 1 1 auto;\r\n  justify-content:center;\r\n}\r\n.ra-cert-chip:hover{\r\n  background: var(--ra-navy);\r\n  color:#fff;\r\n  border-color: var(--ra-navy);\r\n  transform: translateY(-4px);\r\n}\r\n.ra-cert-chip__icon{\r\n  width:20px; height:20px;\r\n  flex-shrink:0;\r\n  transition: transform .45s var(--ra-ease);\r\n}\r\n.ra-cert-chip:hover .ra-cert-chip__icon{ transform: rotate(-12deg) scale(1.15); }\r\n.ra-cert-chip__icon svg{ width:100%; height:100%; }\r\n\r\n\/* ==========================================================================\r\n   Responsive\r\n   ========================================================================== *\/\r\n@media (max-width: 992px){\r\n  .ra-bento{\r\n    grid-template-columns: repeat(2, 1fr);\r\n    grid-template-areas:\r\n      \"image image\"\r\n      \"quote quote\"\r\n      \"stat1 stat1\"\r\n      \"stat3 stat4\"\r\n      \"usp   usp\";\r\n  }\r\n  .ra-cell--image{ min-height: 260px; }\r\n}\r\n\r\n@media (max-width: 560px){\r\n  .ra-bento{\r\n    grid-template-columns: 1fr;\r\n    grid-template-areas:\r\n      \"image\"\r\n      \"quote\"\r\n      \"stat1\"\r\n      \"stat3\"\r\n      \"stat4\"\r\n      \"usp\";\r\n  }\r\n  .ra-certs{ flex-direction: column; }\r\n  .ra-cert-chip{ width:100%; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .ra-cell--quote__shimmer{ animation:none !important; }\r\n  .ra-about__intro, .ra-bento__cell, .ra-certs{\r\n    transition:none !important; opacity:1 !important; transform:none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ra-about\" id=\"ra-about\" dir=\"rtl\" lang=\"ar\">\r\n\r\n  <div class=\"ra-about__bg\" aria-hidden=\"true\">\r\n    <span class=\"ra-grid-dots\"><\/span>\r\n    <span class=\"ra-grid-dots ra-grid-dots--br\"><\/span>\r\n  <\/div>\r\n\r\n  <div class=\"ra-about__container\">\r\n\r\n    <div class=\"ra-about__intro\">\r\n      <div class=\"ra-eyebrow\">\r\n        <span class=\"ra-eyebrow__dot\"><\/span>\r\n        <span>\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n      <\/div>\r\n\r\n \r\n      <h2 class=\"ra-about__title\">\r\n        \u0623\u0643\u062b\u0631 \u0645\u0646 <span>\u0623\u0631\u0628\u0639\u0629 \u0639\u0642\u0648\u062f<\/span> \u0645\u0646 \u0627\u0644\u0631\u064a\u0627\u062f\u0629 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\r\n      <\/h2>\r\n\r\n      <svg class=\"ra-underline\" viewBox=\"0 0 130 14\" aria-hidden=\"true\">\r\n        <path d=\"M2 8 C 30 -2, 60 14, 90 6 S 128 4, 128 4\"\/>\r\n      <\/svg>\r\n\r\n      <p class=\"ra-about__desc\">\r\n\u0645\u0646\u0630 \u062a\u0623\u0633\u064a\u0633\u0647\u0627 \u0639\u0627\u0645 1404\u0647\u0640\u060c \u0631\u0633\u062e\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u062d\u0636\u0648\u0631\u0647\u0627 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0639\u0628\u0631 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0646\u0648\u0639\u0629 \u0641\u064a \u0627\u0644\u0637\u0631\u0642\u060c \u0627\u0644\u0643\u0628\u0627\u0631\u064a\u060c \u0627\u0644\u0623\u0646\u0641\u0627\u0642\u060c \u0627\u0644\u0645\u0628\u0627\u0646\u064a\u060c \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0621\u060c \u0627\u0644\u0645\u064a\u0627\u0647 \u0648\u0627\u0644\u0635\u0631\u0641 \u0627\u0644\u0635\u062d\u064a\u060c \u0648\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0645\u0633\u062a\u0646\u062f\u0629 \u0625\u0644\u0649 \u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 \u0623\u0631\u0628\u0639\u0648\u0646 \u0639\u0627\u0645\u0627.\r\n\r\n\u0648\u0628\u0641\u0636\u0644 \u0627\u0644\u062a\u0632\u0627\u0645\u0647\u0627 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0627\u0646\u0636\u0628\u0627\u0637 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0627\u0633\u062a\u0637\u0627\u0639\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0623\u0646 \u062a\u0635\u0644 \u0625\u0644\u0649 \u0645\u0643\u0627\u0646\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u0636\u0645\u0646 \u0643\u0628\u0631\u0649 \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u060c \u0648\u0623\u0646 \u062a\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u062f\u0631\u062c\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062a\u0634\u064a\u062f \u0648\u0627\u0644\u0628\u0646\u0627\u0621.      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ra-bento\">\r\n\r\n      <div class=\"ra-bento__cell ra-cell--image\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-08-at-12.40.52-PM-1.jpeg\"\r\n          alt=\"\u0641\u0631\u064a\u0642 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0641\u064a \u0645\u0648\u0642\u0639 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639 \u0637\u0631\u0642 \u0648\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629\"\r\n          loading=\"lazy\"\r\n        \/>\r\n        <div class=\"ra-cell--image__caption\">\r\n          <strong>\u0645\u0646\u0638\u0648\u0645\u0629 \u062a\u0646\u0641\u064a\u0630 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/strong>\r\n           <span>\u0645\u0646 \u0627\u0644\u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0627\u0644\u0646\u0647\u0627\u0626\u064a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ra-bento__cell ra-cell--quote\">\r\n        <span class=\"ra-cell--quote__shimmer\" aria-hidden=\"true\"><\/span>\r\n        <p>\r\n          \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u062d\u0645\u064a \u0627\u0633\u062a\u062b\u0645\u0627\u0631\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u062a\u062f\u0639\u0645 \u0627\u0644\u062a\u0646\u0645\u064a\u0629\r\n          \u0627\u0644\u0648\u0637\u0646\u064a\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u062e\u0637\u064a\u0637 \u062f\u0642\u064a\u0642 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0648\u0634\u0641\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0641\u064a \u0643\u0644\r\n          \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ra-bento__cell ra-cell--stat ra-cell--stat--big\" id=\"stat1\">\r\n        <div class=\"ra-cell--stat__num\"><span class=\"ra-counter\" data-target=\"160\" data-suffix=\"+\">0<\/span><\/div>\r\n        <div class=\"ra-cell--stat__label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u064f\u0646\u062c\u0632<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ra-bento__cell ra-cell--usp\">\r\n        <div class=\"ra-usp-item\">\r\n          <span class=\"ra-usp-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <span>\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0639\u062f \u2014 \u062a\u0633\u0644\u064a\u0645 100\u066a \u0636\u0645\u0646 \u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a<\/span>\r\n        <\/div>\r\n        <div class=\"ra-usp-item\">\r\n          <span class=\"ra-usp-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <span>\u062d\u0644\u0648\u0644 Design &amp; Build \u062a\u0642\u0644\u0651\u0635 \u0632\u0645\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u062d\u062a\u0649 20\u066a<\/span>\r\n        <\/div>\r\n        <div class=\"ra-usp-item\">\r\n          <span class=\"ra-usp-icon\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/span>\r\n          <span>\u0634\u0628\u0643\u0629 \u0645\u0648\u0631\u062f\u064a\u0646 \u0645\u0639\u062a\u0645\u064e\u062f\u0629 \u0644\u0636\u0645\u0627\u0646 \u0645\u0648\u062b\u0648\u0642\u064a\u0629 \u0627\u0644\u0625\u0645\u062f\u0627\u062f<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ra-bento__cell ra-cell--stat\" id=\"stat3\">\r\n        <div class=\"ra-cell--stat__num\"><span class=\"ra-counter\" data-target=\"2500\" data-suffix=\"+\">0<\/span><\/div>\r\n        <div class=\"ra-cell--stat__label\">\u0643\u0645 \u0637\u0631\u0642 \u0645\u064f\u0639\u0628\u064e\u0651\u062f\u0629<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ra-bento__cell ra-cell--stat\" id=\"stat4\">\r\n        <div class=\"ra-cell--stat__num\"><span class=\"ra-counter\" data-target=\"4\" data-suffix=\"M+\">0<\/span><\/div>\r\n        <div class=\"ra-cell--stat__label\">\u0645\u00b3 \u062e\u0631\u0633\u0627\u0646\u0629 \u062c\u0627\u0647\u0632\u0629<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"ra-certs\">\r\n      <div class=\"ra-cert-chip\">\r\n        <span class=\"ra-cert-chip__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 2l2.4 5.9L21 9l-4.6 4.3L17.6 20 12 16.9 6.4 20l1.2-6.7L3 9l6.6-1.1L12 2z\" fill=\"currentColor\"\/><\/svg>\r\n        <\/span>\r\n        <span>\u062a\u0635\u0646\u064a\u0641 \u062f\u0631\u062c\u0629 \u0623\u0648\u0644\u0649<\/span>\r\n      <\/div>\r\n      <div class=\"ra-cert-chip\">\r\n        <span class=\"ra-cert-chip__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/span>\r\n        <span>ISO 9001:2015<\/span>\r\n      <\/div>\r\n         <div class=\"ra-cert-chip\">\r\n        <span class=\"ra-cert-chip__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/span>\r\n        <span>ISO 14001:2015<\/span>\r\n      <\/div>\r\n         <div class=\"ra-cert-chip\">\r\n        <span class=\"ra-cert-chip__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/span>\r\n        <span> ISO 45001:2018<\/span>\r\n      <\/div>\r\n      <div class=\"ra-cert-chip\">\r\n        <span class=\"ra-cert-chip__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 7v5l3 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/span>\r\n        <span>\u062a\u0633\u0644\u064a\u0645 100\u066a \u0641\u064a \u0627\u0644\u0645\u0648\u0639\u062f<\/span>      <\/div>\r\n      <div class=\"ra-cert-chip\">\r\n        <span class=\"ra-cert-chip__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 20V10l8-6 8 6v10M4 20h16M9 20v-6h6v6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n        <\/span>\r\n        <span>+40 \u0633\u0646\u0629 \u062e\u0628\u0631\u0629 \u0645\u064a\u062f\u0627\u0646\u064a\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  var section = document.getElementById(\"ra-about\");\r\n  if (!section) return;\r\n\r\n  var prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\r\n  var countersStarted = false;\r\n\r\n  function animateCounters() {\r\n    if (countersStarted) return;\r\n    countersStarted = true;\r\n\r\n    var counters = section.querySelectorAll(\".ra-counter\");\r\n    counters.forEach(function (el) {\r\n      var target = parseFloat(el.getAttribute(\"data-target\")) || 0;\r\n      var suffix = el.getAttribute(\"data-suffix\") || \"\";\r\n      var duration = 1700;\r\n      var startTime = null;\r\n\r\n      if (prefersReducedMotion) {\r\n        el.textContent = target + suffix;\r\n        return;\r\n      }\r\n\r\n      function easeOutExpo(t) {\r\n        return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\r\n      }\r\n\r\n      function step(timestamp) {\r\n        if (!startTime) startTime = timestamp;\r\n        var progress = Math.min((timestamp - startTime) \/ duration, 1);\r\n        var eased = easeOutExpo(progress);\r\n        var current = Math.floor(eased * target);\r\n        el.textContent = current + suffix;\r\n        if (progress < 1) requestAnimationFrame(step);\r\n        else el.textContent = target + suffix;\r\n      }\r\n      requestAnimationFrame(step);\r\n    });\r\n  }\r\n\r\n  if (\"IntersectionObserver\" in window) {\r\n    var observer = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          section.classList.add(\"is-visible\");\r\n          animateCounters();\r\n          observer.unobserve(section);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n    observer.observe(section);\r\n  } else {\r\n    section.classList.add(\"is-visible\");\r\n    animateCounters();\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-3ee3217 e-con-full e-flex e-con e-parent\" data-id=\"3ee3217\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29f86e4 elementor-widget elementor-widget-html\" data-id=\"29f86e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n:root{\r\n  --navy:#3B4F71;\r\n  --cyan:#A5DDEA;\r\n  --paper:#F7FBFC;\r\n  --line:#D7ECF1;\r\n  --ink:#152233;\r\n  --ink-soft:#5B7186;\r\n  --font:'Tajawal', 'Segoe UI', sans-serif;\r\n  --ease:cubic-bezier(.16,.84,.32,1);\r\n}\r\n\r\n.rwm-container{ max-width:1180px; margin-inline:auto; padding-inline:24px; }\r\n\r\n\/* eyebrow \/ heading shared styles for the demo *\/\r\n.vm-section{\r\n  position:relative;\r\n  padding:clamp(4rem,8vw,8rem) 0;\r\n  overflow:hidden;\r\n  background:\r\n    radial-gradient(700px 380px at 85% -10%, rgba(165,221,234,.18) 0%, transparent 60%),\r\n    radial-gradient(600px 400px at 10% 110%, rgba(165,221,234,.18) 0%, transparent 60%),\r\n    var(--paper);\r\n}\r\n\r\n\/* faint technical grid backdrop across whole section *\/\r\n.vm-section::before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(var(--line) 1px, transparent 1px),\r\n    linear-gradient(90deg, var(--line) 1px, transparent 1px);\r\n  background-size:42px 42px;\r\n  opacity:.35;\r\n  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 30%, transparent 78%);\r\n          mask-image:radial-gradient(ellipse 70% 60% at 50% 40%, #000 30%, transparent 78%);\r\n  pointer-events:none;\r\n}\r\n\r\n.vm-head{ text-align:center; max-width:640px; margin:0 auto clamp(3rem,6vw,4.5rem); position:relative; z-index:2; }\r\n.vm-eyebrow{\r\n  display:inline-flex; align-items:center; gap:.5rem;\r\n  font-size:.82rem; font-weight:700; letter-spacing:.04em;\r\n  color:var(--navy);\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  padding:.45rem 1rem;\r\n  border-radius:999px;\r\n  box-shadow:0 1px 2px rgba(59,79,113,.05);\r\n}\r\n.vm-eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(165,221,234,.3); }\r\n.vm-head h2{\r\n  margin:1.1rem 0 0;\r\n  font-weight:900;\r\n  font-size:clamp(1.9rem, 3.4vw, 2.9rem);\r\n  color:var(--navy);\r\n  line-height:1.3;\r\n}\r\n.vm-head h2 span{ color:var(--cyan); }\r\n\r\n\/* ===================== the road \/ connector ===================== *\/\r\n.vm-road-wrap{ position:relative; z-index:2; }\r\n.vm-road{\r\n  position:absolute;\r\n  inset-inline-start:50%;\r\n  top:8%;\r\n  bottom:8%;\r\n  width:2px;\r\n  transform:translateX(50%);\r\n  display:none;\r\n}\r\n.vm-road svg{ height:100%; width:100%; overflow:visible; }\r\n.vm-road path{\r\n  stroke:var(--cyan);\r\n  stroke-width:3;\r\n  stroke-linecap:round;\r\n  stroke-dasharray:2 14;\r\n  fill:none;\r\n  stroke-dashoffset:1000;\r\n  transition:stroke-dashoffset 1.6s var(--ease);\r\n}\r\n.vm-section.is-inview .vm-road path{ stroke-dashoffset:0; }\r\n\r\n\/* ===================== grid layout ===================== *\/\r\n.vm-grid{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:clamp(1.5rem,3vw,2.5rem);\r\n  align-items:stretch;\r\n  perspective:1600px;\r\n}\r\n\r\n\/* offset the two cards along the \"road\" for the blueprint-survey feel *\/\r\n.vm-card-outer:nth-child(1){ transform:translateY(0); }\r\n.vm-card-outer:nth-child(2){ transform:translateY(clamp(0px,4vw,56px)); }\r\n\r\n.vm-card-outer{\r\n  opacity:0; translate:0 34px;\r\n  transition:opacity .8s var(--ease), translate .8s var(--ease);\r\n}\r\n.vm-section.is-inview .vm-card-outer{ opacity:1; translate:0 0; }\r\n.vm-card-outer:nth-child(2){ transition-delay:.15s; }\r\n\r\n\/* ===================== the blueprint card ===================== *\/\r\n.vm-card{\r\n  position:relative;\r\n  height:100%;\r\n  border-radius:20px;\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  padding:clamp(2rem,3vw,2.75rem) clamp(1.75rem,3vw,2.5rem);\r\n  box-shadow:0 1px 2px rgba(59,79,113,.04), 0 18px 40px -24px rgba(59,79,113,.18);\r\n  will-change:transform;\r\n  transform-style:preserve-3d;\r\n  transition:box-shadow .45s var(--ease), border-color .45s var(--ease);\r\n  overflow:hidden;\r\n}\r\n\r\n\/* corner crop marks \u2014 drafting-paper signature detail *\/\r\n.vm-card::before,\r\n.vm-card::after,\r\n.vm-card i.cm2::before,\r\n.vm-card i.cm2::after{\r\n  content:\"\"; position:absolute; width:16px; height:16px;\r\n  border-color:var(--cyan); opacity:0; transition:opacity .4s var(--ease), width .4s var(--ease), height .4s var(--ease);\r\n}\r\n.vm-card::before{ top:14px; inset-inline-start:14px; border-top:2px solid; border-inline-start:2px solid; }\r\n.vm-card::after{ bottom:14px; inset-inline-end:14px; border-bottom:2px solid; border-inline-end:2px solid; }\r\n.vm-card i.cm2::before{ top:14px; inset-inline-end:14px; border-top:2px solid; border-inline-end:2px solid; }\r\n.vm-card i.cm2::after{ bottom:14px; inset-inline-start:14px; border-bottom:2px solid; border-inline-start:2px solid; }\r\n.vm-card:hover::before,.vm-card:hover::after,\r\n.vm-card:hover i.cm2::before,.vm-card:hover i.cm2::after{ opacity:1; width:22px; height:22px; }\r\n\r\n\/* faint dot-grid inside card = drafting paper *\/\r\n.vm-card .vm-dots{\r\n  position:absolute; inset:0;\r\n  background-image:radial-gradient(var(--line) 1px, transparent 1px);\r\n  background-size:16px 16px;\r\n  opacity:.5;\r\n  -webkit-mask-image:linear-gradient(to top, #000, transparent 75%);\r\n          mask-image:linear-gradient(to top, #000, transparent 75%);\r\n  pointer-events:none;\r\n}\r\n\r\n\/* cursor-follow sky glow *\/\r\n.vm-card .vm-glow{\r\n  position:absolute; inset:0;\r\n  background:radial-gradient(220px circle at var(--mx,50%) var(--my,20%), rgba(165,221,234,.22), transparent 60%);\r\n  opacity:0; transition:opacity .4s var(--ease);\r\n  pointer-events:none;\r\n}\r\n.vm-card:hover .vm-glow{ opacity:1; }\r\n\r\n.vm-card:hover{\r\n  border-color:var(--cyan);\r\n  box-shadow:0 1px 2px rgba(59,79,113,.05), 0 30px 60px -22px rgba(59,79,113,.3);\r\n}\r\n\r\n\/* the stamp-style index number *\/\r\n.vm-stamp{\r\n  position:absolute; top:1.4rem; inset-inline-end:1.6rem;\r\n  width:64px; height:64px;\r\n  border-radius:50%;\r\n  border:1.5px dashed var(--cyan);\r\n  display:grid; place-items:center;\r\n  color:var(--navy);\r\n  font-weight:800; font-size:1rem;\r\n  transform:rotate(-8deg);\r\n  transition:transform .6s var(--ease);\r\n}\r\n.vm-card:hover .vm-stamp{ transform:rotate(4deg) scale(1.06); }\r\n\r\n.vm-kicker{\r\n  position:relative; z-index:2;\r\n  display:inline-flex; align-items:center; gap:.4rem;\r\n  font-size:.78rem; font-weight:700; color:var(--cyan);\r\n  letter-spacing:.06em; text-transform:uppercase;\r\n  margin-bottom:1.1rem;\r\n}\r\n.vm-kicker .ln{ width:22px; height:2px; background:var(--cyan); border-radius:2px; }\r\n\r\n.vm-icon{\r\n  position:relative; z-index:2;\r\n  width:56px; height:56px; border-radius:14px;\r\n  display:grid; place-items:center;\r\n  background:rgba(165,221,234,.22);\r\n  color:var(--navy);\r\n  border:1px solid var(--line);\r\n  margin-bottom:1.4rem;\r\n  transition:transform .5s var(--ease), background .5s var(--ease);\r\n}\r\n.vm-card:hover .vm-icon{ transform:translateY(-4px) rotate(-6deg); background:var(--cyan); }\r\n\r\n.vm-card h3{\r\n  position:relative; z-index:2;\r\n  font-size:clamp(1.35rem,2vw,1.6rem);\r\n  font-weight:900;\r\n  color:var(--navy);\r\n  margin:0 0 .8rem;\r\n}\r\n.vm-card p{\r\n  position:relative; z-index:2;\r\n  color:var(--ink-soft);\r\n  line-height:1.9;\r\n  font-size:1rem;\r\n  margin:0;\r\n}\r\n\r\n\/* progress underline draws in on hover \u2014 like tracing a route *\/\r\n.vm-underline{\r\n  position:relative; z-index:2;\r\n  margin-top:1.5rem; height:3px; width:100%;\r\n  background:var(--line); border-radius:3px; overflow:hidden;\r\n}\r\n.vm-underline i{\r\n  display:block; height:100%; width:0%;\r\n  background:var(--cyan);\r\n  border-radius:3px;\r\n  transition:width .7s var(--ease);\r\n}\r\n.vm-card:hover .vm-underline i{ width:100%; }\r\n\r\n@media (max-width:860px){\r\n  .vm-grid{ grid-template-columns:1fr; }\r\n  .vm-card-outer:nth-child(2){ transform:none; }\r\n  .vm-road{ display:none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"vm-section\" id=\"vision\">\r\n  <div class=\"rwm-container vm-road-wrap\">\r\n\r\n    <div class=\"vm-head\">\r\n      <span class=\"vm-eyebrow\"><span class=\"dot\"><\/span> 02 \u00b7 \u0648\u062c\u0647\u062a\u0646\u0627<\/span>\r\n      <h2>\u0625\u0644\u0649 \u0623\u064a\u0646 <span>\u0646\u062a\u062c\u0647<\/span>\u060c \u0648\u0644\u0645\u0627\u0630\u0627 \u0646\u0633\u064a\u0631<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"vm-road\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 10 400\" preserveAspectRatio=\"none\">\r\n        <path d=\"M5,0 L5,400\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"vm-grid\">\r\n\r\n      <div class=\"vm-card-outer\">\r\n        <article class=\"vm-card\" data-tilt>\r\n          <i class=\"cm2\"><\/i>\r\n          <div class=\"vm-dots\"><\/div>\r\n          <div class=\"vm-glow\"><\/div>\r\n          <div class=\"vm-stamp\">01<\/div>\r\n          <span class=\"vm-kicker\"><span class=\"ln\"><\/span> \u0631\u0624\u064a\u062a\u0646\u0627<\/span>\r\n          <div class=\"vm-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M2 12s4-7 10-7 10 7 10 7-4 7-10 7-10-7-10-7Z\"\/><circle cx=\"12\" cy=\"12\" r=\"3\"\/><\/svg>\r\n          <\/div>\r\n          <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n          <p>\r\n\u0623\u0646 \u0646\u0643\u0648\u0646 \u0627\u0644\u062e\u064a\u0627\u0631 \u0627\u0644\u0623\u0648\u0644 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629\u060c \u0645\u0646 \u062e\u0644\u0627\u0644 \u062a\u0642\u062f\u064a\u0645 \u062d\u0644\u0648\u0644 \u0645\u0628\u062a\u0643\u0631\u0629 \u0630\u0627\u062a \u0642\u064a\u0645\u0629 \u0645\u0636\u0627\u0641\u0629\u060c \u0648\u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u062a\u0631\u062a\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\u060c \u0648\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629\u060c \u0628\u0645\u0627 \u064a\u0639\u0632\u0632 \u062b\u0642\u0629 \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u064a\u062f\u0639\u0645 \u0628\u0646\u0627\u0621 \u0634\u0631\u0627\u0643\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f \u0646\u0633\u0647\u0645 \u0641\u064a \u062a\u062d\u0642\u064a\u0642 \u0631\u0624\u064a\u0629 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 2030 .<\/p>\r\n          <div class=\"vm-underline\"><i><\/i><\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n      <div class=\"vm-card-outer\">\r\n        <article class=\"vm-card\" data-tilt>\r\n          <i class=\"cm2\"><\/i>\r\n          <div class=\"vm-dots\"><\/div>\r\n          <div class=\"vm-glow\"><\/div>\r\n          <div class=\"vm-stamp\">02<\/div>\r\n          <span class=\"vm-kicker\"><span class=\"ln\"><\/span> \u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/span>\r\n          <div class=\"vm-icon\">\r\n            <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M3 12h13M12 5l7 7-7 7\"\/><\/svg>\r\n          <\/div>\r\n          <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n          <p>\u0646\u0633\u0639\u0649 \u0641\u064a \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0625\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0639\u0645\u0631\u0627\u0646\u064a\u0629 \u0648\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u062a\u0633\u0627\u0647\u0645 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u062f\u0646 \u0648\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u062c\u062a\u0645\u0639\u0627\u062a\u060c \u0639\u0628\u0631 \u062a\u0642\u062f\u064a\u0645 \u062c\u0648\u062f\u0629 \u0639\u0627\u0644\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0648\u0649\u060c \u0648\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062e\u0628\u0631\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0634\u062c\u064a\u0639 \u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u064a \u0627\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645\r\n\r\n\u0646\u0624\u0645\u0646 \u0628\u0623\u0646 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0644\u0627 \u064a\u062a\u062d\u0642\u0642 \u0641\u0642\u0637 \u0628\u0625\u062a\u0645\u0627\u0645\u0647\u060c \u0628\u0644 \u0628\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 \u0628\u064a\u0646 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0627\u0644\u0648\u0642\u062a\u060c \u0627\u0644\u062a\u0643\u0644\u0641\u0629\u060c \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/p>\r\n          <div class=\"vm-underline\"><i><\/i><\/div>\r\n        <\/article>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ reveal on scroll\r\nconst sec = document.querySelector('.vm-section');\r\nconst io = new IntersectionObserver((entries)=>{\r\n  entries.forEach(e=>{ if(e.isIntersecting){ sec.classList.add('is-inview'); io.disconnect(); } });\r\n},{ threshold:.25 });\r\nio.observe(sec);\r\n\r\n\/\/ mouse-follow glow + subtle 3D tilt\r\ndocument.querySelectorAll('[data-tilt]').forEach(card=>{\r\n  card.addEventListener('mousemove', (e)=>{\r\n    const r = card.getBoundingClientRect();\r\n    const x = e.clientX - r.left, y = e.clientY - r.top;\r\n    card.style.setProperty('--mx', x+'px');\r\n    card.style.setProperty('--my', y+'px');\r\n    const rx = ((y \/ r.height) - .5) * -6;\r\n    const ry = ((x \/ r.width) - .5) * 8;\r\n    card.style.transform = `rotateX(${rx}deg) rotateY(${ry}deg) translateY(-6px)`;\r\n  });\r\n  card.addEventListener('mouseleave', ()=>{ card.style.transform = ''; });\r\n});\r\n\r\n\/\/ respect reduced motion\r\nif (window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n  sec.classList.add('is-inview');\r\n  document.querySelectorAll('[data-tilt]').forEach(c=> c.style.transition='none');\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-ba2a537 e-con-full e-flex e-con e-parent\" data-id=\"ba2a537\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-914262f elementor-widget elementor-widget-html\" data-id=\"914262f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rwm-values\" id=\"values\">\r\n  <div class=\"rwm-values__container\">\r\n\r\n    <div class=\"rwm-values__head\" data-rwm-reveal>\r\n      <span class=\"rwm-values__eyebrow\"><span class=\"dot\"><\/span> 03 \u00b7 \u0642\u0648\u0627\u0639\u062f\u0646\u0627<\/span>\r\n      <h2>\u062e\u0645\u0633 \u0642\u0648\u0627\u0639\u062f \u0644\u0627 \u0646\u062a\u0646\u0627\u0632\u0644 \u0639\u0646\u0647\u0627<\/h2>\r\n      <p>\u0627\u0644\u0642\u064a\u0645 \u0623\u062f\u0646\u0627\u0647 \u0647\u064a \u0623\u0633\u0627\u0633 \u0642\u0648\u0629 \u0641\u0631\u064a\u0642 \u0639\u0645\u0644\u0646\u0627\u060c \u0648\u0645\u0648\u0638\u0641\u0648\u0646\u0627 \u0647\u0645 \u0639\u0645\u0627\u062f\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0648\u0646\u062f\u064a\u0646 \u0644\u0647\u0645 \u0628\u0646\u062c\u0627\u062d\u0646\u0627.<\/p>\r\n    <\/div>\r\n\r\n    <!-- \u062e\u0637 \u0642\u064a\u0627\u0633 \u0647\u0646\u062f\u0633\u064a (measuring line) \u064a\u062a\u0648\u0632\u0639 \u0639\u0644\u064a\u0647 \u0631\u0624\u0648\u0633 \u0627\u0644\u0643\u0631\u0648\u062a -->\r\n    <div class=\"rwm-values__ruler\" aria-hidden=\"true\">\r\n      <svg viewBox=\"0 0 1000 24\" preserveAspectRatio=\"none\">\r\n        <path class=\"ruler-line\" d=\"M0,12 L1000,12\"><\/path>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"rwm-values__grid\">\r\n\r\n      <article class=\"v-card\" data-rwm-tilt>\r\n        <span class=\"v-card__stamp\">01<\/span>\r\n        <div class=\"v-card__glow\"><\/div>\r\n        <div class=\"v-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3Z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n        <\/div>\r\n        <h4>\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/h4>\r\n        <p>\u0627\u0644\u062a\u0632\u0627\u0645 \u0623\u062e\u0644\u0627\u0642\u064a \u0644\u0627 \u064a\u062a\u062c\u0632\u0623 \u0641\u064a \u0643\u0644 \u062a\u0639\u0627\u0645\u0644.<\/p>\r\n        <div class=\"v-card__bar\"><i><\/i><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"v-card\" data-rwm-tilt>\r\n        <span class=\"v-card__stamp\">02<\/span>\r\n        <div class=\"v-card__glow\"><\/div>\r\n        <div class=\"v-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M4 13a8 8 0 0 1 16 0\"\/><path d=\"M4 13h16v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-3Z\"\/><path d=\"M12 7V4M9 4h6\"\/><\/svg>\r\n        <\/div>\r\n        <h4>\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0623\u0648\u0644\u064b\u0627<\/h4>\r\n        <p>\u062d\u0645\u0627\u064a\u0629 \u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u062c\u062a\u0645\u0639 \u0623\u0648\u0644\u0648\u064a\u0629 \u0645\u0637\u0644\u0642\u0629.<\/p>\r\n        <div class=\"v-card__bar\"><i><\/i><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"v-card\" data-rwm-tilt>\r\n        <span class=\"v-card__stamp\">03<\/span>\r\n        <div class=\"v-card__glow\"><\/div>\r\n        <div class=\"v-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1 1.55V21a2 2 0 1 1-4 0v-.09A1.7 1.7 0 0 0 9 19.36a1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.64 15a1.7 1.7 0 0 0-1.55-1H3a2 2 0 1 1 0-4h.09A1.7 1.7 0 0 0 4.64 9a1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.64a1.7 1.7 0 0 0 1-1.55V3a2 2 0 1 1 4 0v.09a1.7 1.7 0 0 0 1 1.55 1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.36 9c.1.64.5 1.2 1.55 1h.09a2 2 0 1 1 0 4h-.09a1.7 1.7 0 0 0-1.51 1Z\"\/><\/svg>\r\n        <\/div>\r\n        <h4>\u0627\u0644\u062a\u0645\u064a\u0651\u0632 \u0627\u0644\u0647\u0646\u062f\u0633\u064a<\/h4>\r\n        <p>\u062a\u0637\u0628\u064a\u0642 \u0623\u0641\u0636\u0644 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0648\u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629.<\/p>\r\n        <div class=\"v-card__bar\"><i><\/i><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"v-card\" data-rwm-tilt>\r\n        <span class=\"v-card__stamp\">04<\/span>\r\n        <div class=\"v-card__glow\"><\/div>\r\n        <div class=\"v-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M9 18h6M10 21h4M12 3a6 6 0 0 0-4 10.5c.6.6 1 1.4 1 2.5h6c0-1.1.4-1.9 1-2.5A6 6 0 0 0 12 3Z\"\/><\/svg>\r\n        <\/div>\r\n        <h4>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h4>\r\n        <p>\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0644\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0643\u0644\u0641\u0629.<\/p>\r\n        <div class=\"v-card__bar\"><i><\/i><\/div>\r\n      <\/article>\r\n\r\n      <article class=\"v-card\" data-rwm-tilt>\r\n        <span class=\"v-card__stamp\">05<\/span>\r\n        <div class=\"v-card__glow\"><\/div>\r\n        <div class=\"v-card__icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"><path d=\"M12 2c1 4-2 6-2 10a6 6 0 0 0 12 0c0-2-1-3-2-4 0 2-1 3-2 3 1-3-1-5-3-6-1 2 0 3-1 4-1-3 0-5-2-7Z\"\/><path d=\"M12 22v-8\"\/><\/svg>\r\n        <\/div>\r\n        <h4>\u0627\u0644\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/h4>\r\n        <p>\u0645\u0631\u0627\u0639\u0627\u0629 \u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0628\u064a\u0626\u064a \u0648\u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.<\/p>\r\n        <div class=\"v-card__bar\"><i><\/i><\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===================== \u0645\u062a\u063a\u064a\u0631\u0627\u062a \u0645\u062d\u0644\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0633\u0643\u0634\u0646 \u0641\u0642\u0637 ===================== *\/\r\n.rwm-values{\r\n  --navy:#3B4F71;\r\n  --cyan:#A5DDEA;\r\n  --paper:#F7FBFC;\r\n  --line:#D7ECF1;\r\n  --ink:#152233;\r\n  --ink-soft:#5B7186;\r\n  --font:'Tajawal','Segoe UI',sans-serif;\r\n  --ease:cubic-bezier(.16,.84,.32,1);\r\n\r\n  position:relative;\r\n  direction:inherit;\r\n  font-family:var(--font);\r\n  background:var(--paper);\r\n  padding:clamp(4rem,8vw,7.5rem) 0;\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n.rwm-values *{ box-sizing:border-box; }\r\n\r\n.rwm-values::before{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  background-image:\r\n    linear-gradient(var(--line) 1px, transparent 1px),\r\n    linear-gradient(90deg, var(--line) 1px, transparent 1px);\r\n  background-size:44px 44px;\r\n  opacity:.3;\r\n  -webkit-mask-image:radial-gradient(ellipse 65% 55% at 50% 20%, #000 25%, transparent 75%);\r\n          mask-image:radial-gradient(ellipse 65% 55% at 50% 20%, #000 25%, transparent 75%);\r\n  z-index:0;\r\n}\r\n\r\n.rwm-values__container{\r\n  max-width:1180px; margin-inline:auto; padding-inline:24px;\r\n  position:relative; z-index:1;\r\n}\r\n\r\n\/* ---------- head ---------- *\/\r\n.rwm-values__head{ text-align:center; max-width:640px; margin:0 auto clamp(2.5rem,5vw,3.5rem); }\r\n.rwm-values__eyebrow{\r\n  display:inline-flex; align-items:center; gap:.5rem;\r\n  font-size:.82rem; font-weight:700; letter-spacing:.04em;\r\n  color:var(--navy);\r\n  background:#fff; border:1px solid var(--line);\r\n  padding:.45rem 1rem; border-radius:999px;\r\n  box-shadow:0 1px 2px rgba(59,79,113,.05);\r\n}\r\n.rwm-values__eyebrow .dot{ width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(165,221,234,.3); }\r\n.rwm-values__head h2{\r\n  margin:1.1rem 0 .8rem; font-weight:900;\r\n  font-size:clamp(1.9rem,3.4vw,2.9rem); color:var(--navy); line-height:1.3;\r\n}\r\n.rwm-values__head p{ color:var(--ink-soft); font-size:1.02rem; line-height:1.85; margin:0; }\r\n\r\n\/* ---------- ruler \/ measuring line ---------- *\/\r\n.rwm-values__ruler{ height:20px; margin-bottom:1.4rem; }\r\n.rwm-values__ruler svg{ width:100%; height:100%; overflow:visible; }\r\n.ruler-line{\r\n  stroke:var(--cyan); stroke-width:2; stroke-linecap:round;\r\n  stroke-dasharray:1 12; fill:none;\r\n  stroke-dashoffset:1000; transition:stroke-dashoffset 1.4s var(--ease);\r\n}\r\n.rwm-values.is-inview .ruler-line{ stroke-dashoffset:0; }\r\n\r\n\/* ---------- grid ---------- *\/\r\n.rwm-values__grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:1.1rem;\r\n}\r\n\r\n\/* ---------- card ---------- *\/\r\n.v-card{\r\n  position:relative;\r\n  text-align:center;\r\n  padding:2.4rem 1.5rem 2rem;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n  overflow:hidden;\r\n  transform-style:preserve-3d;\r\n  will-change:transform;\r\n  box-shadow:0 1px 2px rgba(59,79,113,.04);\r\n  opacity:0; translate:0 26px;\r\n  transition:\r\n    opacity .7s var(--ease), translate .7s var(--ease),\r\n    box-shadow .5s var(--ease), border-color .5s var(--ease);\r\n}\r\n.rwm-values.is-inview .v-card{ opacity:1; translate:0 0; }\r\n.rwm-values.is-inview .v-card:nth-child(1){ transition-delay:.05s; }\r\n.rwm-values.is-inview .v-card:nth-child(2){ transition-delay:.12s; }\r\n.rwm-values.is-inview .v-card:nth-child(3){ transition-delay:.19s; }\r\n.rwm-values.is-inview .v-card:nth-child(4){ transition-delay:.26s; }\r\n.rwm-values.is-inview .v-card:nth-child(5){ transition-delay:.33s; }\r\n\r\n.v-card::after{\r\n  content:\"\";\r\n  position:absolute; inset:0;\r\n  border-radius:inherit;\r\n  padding:1px;\r\n  background:var(--cyan);\r\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\r\n  -webkit-mask-composite:xor; mask-composite:exclude;\r\n  opacity:0; transition:opacity .5s var(--ease);\r\n  pointer-events:none;\r\n}\r\n.v-card:hover::after{ opacity:1; }\r\n\r\n.v-card:hover{\r\n  box-shadow:0 26px 50px -24px rgba(59,79,113,.32);\r\n  border-color:transparent;\r\n}\r\n\r\n\/* stamp number *\/\r\n.v-card__stamp{\r\n  position:absolute; top:1.1rem; inset-inline-start:1.1rem;\r\n  width:34px; height:34px; border-radius:50%;\r\n  display:grid; place-items:center;\r\n  border:1.5px dashed var(--cyan);\r\n  color:var(--navy);\r\n  font-weight:800; font-size:.75rem;\r\n  transform:rotate(-8deg);\r\n  transition:transform .6s var(--ease), background .4s var(--ease), color .4s var(--ease);\r\n}\r\n.v-card:hover .v-card__stamp{\r\n  transform:rotate(8deg) scale(1.08);\r\n  background:var(--navy);\r\n  border-color:var(--navy);\r\n  color:#fff;\r\n}\r\n\r\n\/* cursor glow *\/\r\n.v-card__glow{\r\n  position:absolute; inset:0;\r\n  background:radial-gradient(200px circle at var(--mx,50%) var(--my,10%), rgba(165,221,234,.22), transparent 60%);\r\n  opacity:0; transition:opacity .4s var(--ease);\r\n  pointer-events:none;\r\n}\r\n.v-card:hover .v-card__glow{ opacity:1; }\r\n\r\n.v-card__icon{\r\n  position:relative; z-index:1;\r\n  width:52px; height:52px; margin:.6rem auto 1.2rem;\r\n  display:grid; place-items:center;\r\n  border-radius:14px;\r\n  background:rgba(165,221,234,.18);\r\n  border:1px solid var(--line);\r\n  color:var(--navy);\r\n  transition:transform .55s var(--ease), background .4s var(--ease), color .4s var(--ease);\r\n}\r\n.v-card__icon svg{ width:26px; height:26px; }\r\n.v-card:hover .v-card__icon{\r\n  transform:translateY(-6px) rotate(-8deg) scale(1.08);\r\n  background:var(--navy);\r\n  color:var(--cyan);\r\n}\r\n\r\n.v-card h4{\r\n  position:relative; z-index:1;\r\n  font-size:1.05rem; font-weight:800; color:var(--navy);\r\n  margin:0 0 .55rem; transition:color .3s var(--ease);\r\n}\r\n.v-card p{\r\n  position:relative; z-index:1;\r\n  font-size:.9rem; line-height:1.8; color:var(--ink-soft);\r\n  margin:0; transition:color .3s var(--ease);\r\n}\r\n\r\n\/* progress bar under text, draws in on hover *\/\r\n.v-card__bar{\r\n  position:relative; z-index:1;\r\n  margin:1.1rem auto 0; height:3px; width:36px;\r\n  background:var(--line); border-radius:3px; overflow:hidden;\r\n  transition:width .4s var(--ease);\r\n}\r\n.v-card__bar i{\r\n  display:block; height:100%; width:0%;\r\n  background:var(--cyan);\r\n  transition:width .6s var(--ease);\r\n}\r\n.v-card:hover .v-card__bar{ width:100%; }\r\n.v-card:hover .v-card__bar i{ width:100%; }\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media (max-width:1080px){\r\n  .rwm-values__grid{ grid-template-columns:repeat(3,1fr); }\r\n}\r\n@media (max-width:720px){\r\n  .rwm-values__grid{ grid-template-columns:repeat(2,1fr); gap:.9rem; }\r\n  .rwm-values__ruler{ display:none; }\r\n}\r\n@media (max-width:460px){\r\n  .rwm-values__grid{ grid-template-columns:1fr; }\r\n  .v-card{ padding:2rem 1.3rem 1.7rem; }\r\n}\r\n\r\n\/* respect reduced motion *\/\r\n@media (prefers-reduced-motion: reduce){\r\n  .v-card, .ruler-line{ transition:none !important; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var section = document.getElementById('values');\r\n  if(!section) return;\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('is-inview');\r\n        io.disconnect();\r\n      }\r\n    });\r\n  }, { threshold:.2 });\r\n  io.observe(section);\r\n\r\n  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n  var cards = section.querySelectorAll('[data-rwm-tilt]');\r\n  cards.forEach(function(card){\r\n    if(reduce) return;\r\n    card.addEventListener('mousemove', function(e){\r\n      var r = card.getBoundingClientRect();\r\n      var x = e.clientX - r.left, y = e.clientY - r.top;\r\n      card.style.setProperty('--mx', x+'px');\r\n      card.style.setProperty('--my', y+'px');\r\n      var rx = ((y \/ r.height) - .5) * -8;\r\n      var ry = ((x \/ r.width) - .5) * 10;\r\n      card.style.transform = 'rotateX('+rx+'deg) rotateY('+ry+'deg) translateY(-8px)';\r\n    });\r\n    card.addEventListener('mouseleave', function(){\r\n      card.style.transform = '';\r\n    });\r\n  });\r\n\r\n  if(reduce){ section.classList.add('is-inview'); }\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-41512c2 e-con-full e-flex e-con e-parent\" data-id=\"41512c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf1768 elementor-widget elementor-widget-html\" data-id=\"fcf1768\" 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-c3bc66a e-con-full e-flex e-con e-parent\" data-id=\"c3bc66a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56c0400 elementor-widget elementor-widget-html\" data-id=\"56c0400\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rwm-section\" id=\"expertise\">\r\n  <div class=\"rwm-container xp-grid\">\r\n\r\n    <div class=\"xp-visual\" data-rwm-reveal=\"scale\">\r\n      <div class=\"xp-ring\">\r\n        <svg viewBox=\"0 0 200 200\">\r\n          <circle\r\n            class=\"xp-spin\"\r\n            cx=\"100\"\r\n            cy=\"100\"\r\n            r=\"92\"\r\n            stroke-dasharray=\"4 10\"\r\n          \/>\r\n          <circle\r\n            class=\"xp-spin-rev\"\r\n            cx=\"100\"\r\n            cy=\"100\"\r\n            r=\"72\"\r\n            stroke-dasharray=\"2 8\"\r\n          \/>\r\n          <circle\r\n            cx=\"100\"\r\n            cy=\"100\"\r\n            r=\"52\"\r\n          \/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"xp-mark\">\r\n        <strong>+2500<\/strong>\r\n        <span>\u0643\u0645 \u0634\u0628\u0643\u0629 \u0637\u0631\u0642 \u0645\u0646\u0641\u0651\u0630\u0629<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"xp-content\" data-rwm-reveal=\"right\">\r\n\r\n      <span class=\"rwm-eyebrow\">\r\n        <span class=\"rwm-dot\"><\/span>\r\n        \u062e\u0628\u0631\u0627\u062a\u0646\u0627\r\n      <\/span>\r\n\r\n      <h2 class=\"xp-title\">\r\n        \u062e\u0628\u0631\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u062a\u062a\u062d\u062f\u062b \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645\r\n      <\/h2>\r\n\r\n      <div class=\"xp-list\" data-rwm-stagger>\r\n\r\n        <div class=\"xp-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"xp-ico\">\r\n            <svg\r\n              width=\"22\"\r\n              height=\"22\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6l-8-3Z\"\/>\r\n              <path d=\"M9 12l2 2 4-4\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u062a\u0635\u0646\u064a\u0641 \u0645\u0642\u0627\u0648\u0644\u0627\u062a \u062f\u0631\u062c\u0629 \u0623\u0648\u0644\u0649 \u0645\u0646 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0634\u0624\u0648\u0646 \u0627\u0644\u0628\u0644\u062f\u064a\u0629 \u0648\u0627\u0644\u0642\u0631\u0648\u064a\u0629 \u0648\u0627\u0644\u0625\u0633\u0643\u0627\u0646.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"xp-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"xp-ico\">\r\n            <svg\r\n              width=\"22\"\r\n              height=\"22\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M3 20V10a9 9 0 0 1 18 0v10\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u062a\u0646\u0641\u064a\u0630 \u0623\u0648\u0644 \u0646\u0641\u0642 \u0645\u0634\u0627\u0629 \u0630\u0643\u064a \u0628\u0637\u0648\u0644 450 \u0645\u062a\u0631\u064b\u0627 \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u063a\u0631\u0628\u064a\u0629.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"xp-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"xp-ico\">\r\n            <svg\r\n              width=\"22\"\r\n              height=\"22\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M4 21 10 3M20 21 14 3M9 15h6\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u062a\u0637\u0648\u064a\u0631 \u0634\u0628\u0643\u0629 \u0637\u0631\u0642 \u0625\u062c\u0645\u0627\u0644\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 2500 \u0643\u0645 \u0641\u064a \u0645\u0646\u0627\u0637\u0642 \u0645\u062a\u0639\u062f\u062f\u0629 \u0645\u0646 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"xp-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"xp-ico\">\r\n            <svg\r\n              width=\"22\"\r\n              height=\"22\"\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M6 8h12l-1.2 12H7.2L6 8Z\"\/>\r\n              <path d=\"M4 8h16M9 8V5a3 3 0 0 1 6 0v3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <p>\r\n            \u062a\u0634\u063a\u064a\u0644 \u062b\u0644\u0627\u062b \u0645\u062d\u0637\u0627\u062a \u062e\u0631\u0633\u0627\u0646\u0629 \u062c\u0627\u0647\u0632\u0629 \u0628\u0642\u062f\u0631\u0629 \u0625\u0646\u062a\u0627\u062c\u064a\u0629 160 \u0645\u00b3\/\u0633\u0627\u0639\u0629 \u0644\u0643\u0644 \u0645\u062d\u0637\u0629.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n#expertise{\r\n  --navy:#3B4F71;\r\n  --cyan:#A5DDEA;\r\n\r\n  direction:rtl;\r\n  text-align:right;\r\n}\r\n\r\n\/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\nhtml[dir=\"rtl\"] #expertise,\r\nhtml[lang^=\"ar\"] #expertise,\r\nbody.rtl #expertise{\r\n  direction:rtl !important;\r\n  text-align:right !important;\r\n}\r\n\r\n\/* \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\nhtml[dir=\"ltr\"] #expertise,\r\nhtml[lang^=\"en\"] #expertise{\r\n  direction:ltr !important;\r\n  text-align:left !important;\r\n}\r\n\r\n\/* =========================================================\r\n   \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649\r\n   \u0627\u0644\u0639\u0631\u0628\u064a: \u0627\u0644\u0635\u0648\u0631\u0629 \u064a\u0633\u0627\u0631 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u064a\u0645\u064a\u0646\r\n   \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u064a\u0633\u0627\u0631 \u0648\u0627\u0644\u0635\u0648\u0631\u0629 \u064a\u0645\u064a\u0646\r\n   ========================================================= *\/\r\n\r\n.xp-grid{\r\n  display:grid !important;\r\n  grid-template-columns:.9fr 1.1fr !important;\r\n  gap:var(--gap-xl,48px);\r\n  align-items:center;\r\n  direction:ltr !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\n.xp-visual{\r\n  grid-column:1 !important;\r\n  grid-row:1;\r\n}\r\n\r\n.xp-content{\r\n  grid-column:2 !important;\r\n  grid-row:1;\r\n}\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a *\/\r\nhtml[dir=\"rtl\"] .xp-visual,\r\nhtml[lang^=\"ar\"] .xp-visual,\r\nbody.rtl .xp-visual{\r\n  grid-column:1 !important;\r\n}\r\n\r\nhtml[dir=\"rtl\"] .xp-content,\r\nhtml[lang^=\"ar\"] .xp-content,\r\nbody.rtl .xp-content{\r\n  grid-column:2 !important;\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\nhtml[dir=\"ltr\"] .xp-visual,\r\nhtml[lang^=\"en\"] .xp-visual{\r\n  grid-column:2 !important;\r\n}\r\n\r\nhtml[dir=\"ltr\"] .xp-content,\r\nhtml[lang^=\"en\"] .xp-content{\r\n  grid-column:1 !important;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0639\u0646\u0648\u0627\u0646\r\n   ========================================================= *\/\r\n\r\n.xp-title{\r\n  font-size:var(--fs-h2,clamp(1.9rem,3.4vw,2.9rem));\r\n  margin:1rem 0 1.5rem;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0634\u0643\u0644 \u0627\u0644\u062f\u0627\u0626\u0631\u064a\r\n   ========================================================= *\/\r\n\r\n.xp-visual{\r\n  position:relative;\r\n  aspect-ratio:1\/1;\r\n  border-radius:var(--radius-lg,26px);\r\n  background:var(--navy);\r\n  box-shadow:var(\r\n    --shadow-lg,\r\n    0 24px 60px rgba(59,79,113,.2)\r\n  );\r\n}\r\n\r\n.xp-ring{\r\n  position:absolute;\r\n  inset:0;\r\n  display:grid;\r\n  place-items:center;\r\n}\r\n\r\n.xp-ring svg{\r\n  width:78%;\r\n  height:78%;\r\n}\r\n\r\n.xp-ring circle{\r\n  fill:none;\r\n  stroke:rgba(165,221,234,.28);\r\n  stroke-width:1;\r\n}\r\n\r\n.xp-spin{\r\n  transform-origin:center;\r\n  animation:xpSpin 26s linear infinite;\r\n}\r\n\r\n.xp-spin-rev{\r\n  transform-origin:center;\r\n  animation:xpSpinRev 34s linear infinite;\r\n}\r\n\r\n@keyframes xpSpin{\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n}\r\n\r\n@keyframes xpSpinRev{\r\n  to{\r\n    transform:rotate(-360deg);\r\n  }\r\n}\r\n\r\n.xp-mark{\r\n  position:absolute;\r\n  inset:0;\r\n  display:grid;\r\n  place-items:center;\r\n  text-align:center;\r\n  padding:2rem;\r\n  color:#fff;\r\n}\r\n\r\n.xp-mark strong{\r\n  display:block;\r\n  font-family:var(--font,'Cairo','Tahoma',sans-serif);\r\n  font-weight:900;\r\n  font-size:2.4rem;\r\n}\r\n\r\n.xp-mark span{\r\n  font-size:var(--fs-small,13px);\r\n  color:var(--cyan);\r\n}\r\n\r\n\/* =========================================================\r\n   \u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u062e\u0628\u0631\u0627\u062a\r\n   ========================================================= *\/\r\n\r\n.xp-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:1.1rem;\r\n}\r\n\r\n.xp-item{\r\n  display:flex;\r\n  gap:1.1rem;\r\n  align-items:flex-start;\r\n  padding:1.3rem 1.4rem;\r\n  border-radius:var(--radius-md,18px);\r\n  border:1px solid var(--line-soft,#E4EEF1);\r\n  background:#fff;\r\n\r\n  transition:\r\n    transform .4s var(\r\n      --ease-out,\r\n      cubic-bezier(.22,1,.36,1)\r\n    ),\r\n    box-shadow .4s,\r\n    border-color .4s;\r\n}\r\n\r\n.xp-item p{\r\n  margin:0;\r\n  flex:1;\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\nhtml[dir=\"rtl\"] .xp-item:hover,\r\nhtml[lang^=\"ar\"] .xp-item:hover,\r\nbody.rtl .xp-item:hover{\r\n  transform:translateX(-6px);\r\n}\r\n\r\n\/* \u062d\u0631\u0643\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\nhtml[dir=\"ltr\"] .xp-item:hover,\r\nhtml[lang^=\"en\"] .xp-item:hover{\r\n  transform:translateX(6px);\r\n}\r\n\r\n.xp-item:hover{\r\n  box-shadow:var(\r\n    --shadow-md,\r\n    0 14px 34px rgba(59,79,113,.14)\r\n  );\r\n  border-color:var(--cyan);\r\n}\r\n\r\n.xp-ico{\r\n  flex:none;\r\n  width:44px;\r\n  height:44px;\r\n  border-radius:50%;\r\n  background:rgba(165,221,234,.2);\r\n  color:var(--navy);\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  transition:\r\n    background .3s,\r\n    color .3s;\r\n}\r\n\r\n.xp-item:hover .xp-ico{\r\n  background:var(--navy);\r\n  color:var(--cyan);\r\n}\r\n\r\n\/* =========================================================\r\n   \u062a\u0631\u062a\u064a\u0628 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0646\u0635 \u062d\u0633\u0628 \u0627\u0644\u0644\u063a\u0629\r\n   ========================================================= *\/\r\n\r\n\/* \u0627\u0644\u0639\u0631\u0628\u064a: \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0645\u064a\u0646 *\/\r\nhtml[dir=\"rtl\"] .xp-item,\r\nhtml[lang^=\"ar\"] .xp-item,\r\nbody.rtl .xp-item{\r\n  flex-direction:row;\r\n  text-align:right;\r\n}\r\n\r\n\/* \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a: \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0646\u0627\u062d\u064a\u0629 \u0627\u0644\u064a\u0633\u0627\u0631 *\/\r\nhtml[dir=\"ltr\"] .xp-item,\r\nhtml[lang^=\"en\"] .xp-item{\r\n  flex-direction:row;\r\n  text-align:left;\r\n}\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n   \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0623\u0648\u0644\u064b\u0627 \u062b\u0645 \u0627\u0644\u0634\u0643\u0644\r\n   ========================================================= *\/\r\n\r\n@media (max-width:960px){\r\n\r\n  .xp-grid,\r\n  html[dir=\"rtl\"] .xp-grid,\r\n  html[dir=\"ltr\"] .xp-grid,\r\n  html[lang^=\"ar\"] .xp-grid,\r\n  html[lang^=\"en\"] .xp-grid,\r\n  body.rtl .xp-grid{\r\n    grid-template-columns:1fr !important;\r\n  }\r\n\r\n  .xp-content,\r\n  html[dir=\"rtl\"] .xp-content,\r\n  html[dir=\"ltr\"] .xp-content,\r\n  html[lang^=\"ar\"] .xp-content,\r\n  html[lang^=\"en\"] .xp-content,\r\n  body.rtl .xp-content{\r\n    grid-column:1 !important;\r\n    grid-row:1 !important;\r\n  }\r\n\r\n  .xp-visual,\r\n  html[dir=\"rtl\"] .xp-visual,\r\n  html[dir=\"ltr\"] .xp-visual,\r\n  html[lang^=\"ar\"] .xp-visual,\r\n  html[lang^=\"en\"] .xp-visual,\r\n  body.rtl .xp-visual{\r\n    grid-column:1 !important;\r\n    grid-row:2 !important;\r\n    width:100%;\r\n    max-width:320px;\r\n    margin-inline:auto;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n\r\n  .xp-spin,\r\n  .xp-spin-rev{\r\n    animation:none !important;\r\n  }\r\n\r\n  .xp-item{\r\n    transition:none !important;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2216dd9 e-con-full e-flex e-con e-parent\" data-id=\"2216dd9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2f7621 elementor-widget elementor-widget-html\" data-id=\"b2f7621\" 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@300;400;500;600;700;800;900&display=swap');\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  direction:inherit;\r\n  display:block;\r\n}\r\n.rwm-scope img{max-width:100%;display:block;}\r\n.rwm-scope button{cursor:pointer;}\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   \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0639\u0627\u0645\r\n   ========================================================= *\/\r\n.stats-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(120px,14vw,190px);\r\n}\r\n\r\n.st-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% 60% at 50% 10%, #000 40%, transparent 85%);\r\n          mask-image: radial-gradient(ellipse 90% 60% at 50% 10%, #000 40%, transparent 85%);\r\n  pointer-events:none; z-index:0;\r\n}\r\n.st-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:0;opacity:.4;}\r\n.st-blob.b1{width:420px;height:420px;background:rgba(165,221,234,.3);top:-100px;right:-90px;animation:stDrift1 17s ease-in-out infinite;}\r\n.st-blob.b2{width:480px;height:480px;background:rgba(165,221,234,.16);bottom:40px;left:-120px;animation:stDrift2 21s ease-in-out infinite;}\r\n@keyframes stDrift1{0%,100%{transform:translate(0,0)}50%{transform:translate(-30px,25px)}}\r\n@keyframes stDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(25px,-25px)}}\r\n\r\n\/* -------- \u0637\u0631\u064a\u0642 \u0645\u0646\u0638\u0648\u0631\u064a \u0645\u062a\u062d\u0631\u0643 \u0641\u064a \u0623\u0633\u0641\u0644 \u0627\u0644\u0642\u0633\u0645 (\u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0645\u0645\u064a\u0632) -------- *\/\r\n.st-road{\r\n  position:absolute; left:50%; bottom:-6%; transform:translateX(-50%);\r\n  width:min(1400px,150vw); height:260px;\r\n  z-index:0; pointer-events:none;\r\n  clip-path:polygon(42% 0%, 58% 0%, 100% 100%, 0% 100%);\r\n  background:\r\n    repeating-linear-gradient(180deg, var(--cyan) 0 26px, transparent 26px 54px),\r\n    rgba(165,221,234,.1);\r\n  background-size:6px 100%, 100% 100%;\r\n  background-position:center top, center;\r\n  background-repeat:repeat-y, no-repeat;\r\n  opacity:.16;\r\n  animation:stRoadMove 1.4s linear infinite;\r\n}\r\n@keyframes stRoadMove{from{background-position:center 0, center;}to{background-position:center 80px, center;}}\r\n\r\n.st-container{max-width:1360px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}\r\n\r\n\/* -------- \u0631\u0623\u0633 \u0627\u0644\u0642\u0633\u0645 -------- *\/\r\n.st-head{max-width:840px;margin-bottom:clamp(44px,6vw,72px);}\r\n.st-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.st-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px var(--cyan-dim);animation:stPulse 2.2s infinite;}\r\n@keyframes stPulse{0%,100%{opacity:1}50%{opacity:.35}}\r\n\r\n.st-title{font-size:clamp(30px,4.6vw,54px);font-weight:900 !important;line-height:1.22;margin:22px 0 16px;color:var(--ink) !important;text-align:start !important;}\r\n.st-title .word{display:inline-block;color:var(--ink) !important;opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i) * .07s);}\r\n.st-title .word em{font-style:normal;color:var(--cyan) !important;}\r\n.st-sub{font-size:clamp(15px,1.5vw,18.5px);color:var(--muted) !important;max-width:660px;line-height:1.9;text-align:start !important;opacity:0;transform:translateY(14px);transition:opacity .8s ease .35s, transform .8s ease .35s;}\r\n\r\n.stats-mega.in-view .st-eyebrow{opacity:1;transform:translateY(0);}\r\n.stats-mega.in-view .st-title .word{opacity:1;transform:translateY(0);}\r\n.stats-mega.in-view .st-sub{opacity:1;transform:translateY(0);}\r\n\r\n\/* -------- \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a -------- *\/\r\n.st-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3, 1fr);\r\n  gap:20px;\r\n  position:relative; z-index:2;\r\n}\r\n@media (max-width:900px){.st-grid{grid-template-columns:repeat(2, 1fr);}}\r\n@media (max-width:560px){.st-grid{grid-template-columns:1fr;}}\r\n\r\n.stat-card{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:rgba(255,255,255,.03) !important;\r\n  border:1px solid rgba(165,221,234,.14) !important;\r\n  border-radius:20px !important;\r\n  padding:26px 24px 22px !important;\r\n  opacity:0; transform:translateY(30px);\r\n  text-align:start;\r\n  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1),\r\n             border-color .35s ease, box-shadow .35s ease, background .35s ease;\r\n  transition-delay:calc(var(--d) * .09s);\r\n  will-change:transform;\r\n}\r\n.stats-mega.in-view .stat-card{opacity:1;transform:translateY(0);}\r\n.stat-card:hover{\r\n  border-color:rgba(165,221,234,.5) !important;\r\n  background:rgba(165,221,234,.06) !important;\r\n  box-shadow:0 26px 50px -24px rgba(0,0,0,.65);\r\n}\r\n\r\n.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}\r\n.stat-code{font-size:11px;font-weight:800 !important;letter-spacing:.14em;color:var(--cyan) !important;background:rgba(165,221,234,.08) !important;border:1px solid rgba(165,221,234,.25) !important;padding:5px 10px !important;border-radius:999px !important;}\r\n.stat-icon{\r\n  width:42px;height:42px;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 18px rgba(165,221,234,.4);\r\n  transition:transform .4s ease;\r\n}\r\n.stat-card:hover .stat-icon{transform:rotate(-8deg) scale(1.06);}\r\n.stat-icon svg{width:21px;height:21px;stroke:var(--navy);}\r\n\r\n.stat-number{display:flex;align-items:baseline;gap:6px;direction:ltr;}\r\n\/* \u0645\u062d\u0627\u0630\u0627\u0629 \u0627\u0644\u0631\u0642\u0645 \u0644\u0627\u0632\u0645 \u062a\u062a\u0628\u0639 \u0644\u063a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0646\u0641\u0633\u0647\u0627 (\u064a\u0645\u064a\u0646 \u0641\u064a \u0627\u0644\u0639\u0631\u0628\u064a\u060c \u0634\u0645\u0627\u0644 \u0641\u064a \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a)\r\n   \u0645\u0634 \u062a\u0641\u0636\u0644 \u064a\u0645\u064a\u0646 \u062b\u0627\u0628\u062a\u0629 \u062d\u062a\u0649 \u0644\u0648 \u0627\u0644\u0635\u0641\u062d\u0629 \u0628\u0642\u062a \u0625\u0646\u062c\u0644\u064a\u0632\u064a *\/\r\nhtml[dir=\"rtl\"] .stat-number, html[lang^=\"ar\"] .stat-number, body.rtl .stat-number{ justify-content:flex-end; }\r\nhtml[dir=\"ltr\"] .stat-number, html[lang^=\"en\"] .stat-number{ justify-content:flex-start; }\r\n\r\n.stat-number .digits{\r\n  font-size:clamp(34px,4vw,46px);font-weight:900 !important;color:#fff;\r\n  font-variant-numeric:tabular-nums; letter-spacing:.01em;\r\n  text-shadow:0 0 26px rgba(165,221,234,.25);\r\n}\r\n.stat-number .suffix{font-size:20px;font-weight:800 !important;color:var(--cyan) !important;}\r\n\r\n.stat-unit{font-size:13px;font-weight:700 !important;color:var(--cyan) !important;margin-top:2px;}\r\n.stat-label{font-size:14.5px;color:var(--muted) !important;margin-top:8px;line-height:1.7;}\r\n\r\n.stat-track{position:relative;height:4px;border-radius:4px;background:rgba(165,221,234,.12);margin-top:18px;overflow:hidden;}\r\n.stat-track i{\r\n  position:absolute; inset-inline-start:0; top:0; bottom:0; width:0%;\r\n  background:var(--cyan);\r\n  box-shadow:0 0 10px var(--cyan);\r\n  border-radius:4px;\r\n  transition:width 1.3s cubic-bezier(.2,.7,.2,1);\r\n}\r\n.stat-card.counted .stat-track i{width:var(--pct,100%);}\r\n\r\n\/* \u0634\u0631\u0637\u0629 \u0637\u0631\u064a\u0642 \u0635\u063a\u064a\u0631\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 \u0623\u0639\u0644\u0649 \u0643\u0644 \u0628\u0637\u0627\u0642\u0629 *\/\r\n.stat-dash{position:absolute; top:0; inset-inline-start:0; inset-inline-end:0; height:3px; overflow:hidden;}\r\n.stat-dash i{\r\n  display:block; height:100%; width:200%;\r\n  background:repeating-linear-gradient(90deg, var(--cyan) 0 18px, transparent 18px 34px);\r\n  opacity:.55;\r\n  animation:stDashMove 2.6s linear infinite;\r\n}\r\n@keyframes stDashMove{from{transform:translateX(0)}to{transform:translateX(-34px)}}\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}\r\n<\/style>\r\n\r\n<section class=\"stats-mega rwm-scope\" id=\"rwm-stats\">\r\n  <div class=\"st-blueprint\"><\/div>\r\n  <div class=\"st-blob b1\"><\/div>\r\n  <div class=\"st-blob b2\"><\/div>\r\n  <div class=\"st-road\"><\/div>\r\n\r\n  <div class=\"st-container\">\r\n    <div class=\"st-head\">\r\n      <span class=\"st-eyebrow\"> \u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645<\/span>\r\n      <h2 class=\"st-title\">\r\n        <span class=\"word\" style=\"--i:0\">\u0623\u0631\u0642\u0627\u0645<\/span>\r\n        <span class=\"word\" style=\"--i:1\">\u062a\u0635\u0646\u0639<\/span>\r\n        <span class=\"word\" style=\"--i:2\"><em>\u0627\u0644\u062b\u0642\u0629.<\/em><\/span>\r\n      <\/h2>\r\n      <p class=\"st-sub\">\u062b\u0642\u0629 \u0645\u0633\u062a\u0645\u0631\u0629 \u0645\u0646 \u062c\u0647\u0627\u062a \u0645\u062e\u062a\u0644\u0641\u0629 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\r\n<\/p>\r\n    <\/div>\r\n\r\n    <!-- ============ \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u0637\u0627\u0642\u0627\u062a (HTML \u062b\u0627\u0628\u062a \u0628\u062f\u0644 \u0627\u0644\u062a\u0648\u0644\u064a\u062f \u0628\u0627\u0644\u062c\u0627\u0641\u0627\u0633\u0643\u0631\u064a\u0628\u062a) ============ -->\r\n    <div class=\"st-grid\" id=\"rwmStatsGrid\">\r\n\r\n      <div class=\"stat-card\" style=\"--d:0; --pct:14%;\">\r\n        <span class=\"stat-dash\"><i><\/i><\/span>\r\n        <div class=\"stat-top\">\r\n          <span class=\"stat-code\">01<\/span>\r\n          <span class=\"stat-icon\"><svg viewBox=\"0 0 48 48\"><circle cx=\"24\" cy=\"26\" r=\"16\" stroke=\"currentColor\" stroke-width=\"2.4\"\/><path d=\"M24 16 V26 L32 30\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><path d=\"M18 6 H30 M24 6 V10\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"stat-number\"><span class=\"digits\" data-count=\"40\">0<\/span><span class=\"suffix\">+<\/span><\/div>\r\n        <div class=\"stat-unit\">\u0633\u0646\u0629 \u062e\u0628\u0631\u0629<\/div>\r\n        <div class=\"stat-label\">\u0645\u0633\u064a\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a \u0648\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.<\/div>\r\n        <div class=\"stat-track\"><i><\/i><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-card\" style=\"--d:1; --pct:14%;\">\r\n        <span class=\"stat-dash\"><i><\/i><\/span>\r\n        <div class=\"stat-top\">\r\n          <span class=\"stat-code\">02<\/span>\r\n          <span class=\"stat-icon\"><svg viewBox=\"0 0 48 48\"><path d=\"M12 40 V10 L34 10 V40\" stroke=\"currentColor\" stroke-width=\"2.4\"\/><path d=\"M12 18 H34 M12 26 H34 M12 33 H24\" stroke=\"currentColor\" stroke-width=\"2.2\"\/><path d=\"M30 6 L40 6 L37 12 L40 18 L30 18 Z\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linejoin=\"round\"\/><\/svg><\/span>\r\n        <\/div>\r\n        <div class=\"stat-number\"><span class=\"digits\" data-count=\"160\">0<\/span><span class=\"suffix\">+<\/span><\/div>\r\n        <div class=\"stat-unit\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u0641\u064e\u0651\u0630<\/div>\r\n        <div class=\"stat-label\">\u062e\u0628\u0631\u0629 \u0639\u0645\u0644\u064a\u0629 \u0648\u0627\u0633\u0639\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0637\u0631\u0642\u060c \u0627\u0644\u0645\u0628\u0627\u0646\u064a\u060c \u0627\u0644\u0643\u0628\u0627\u0631\u064a\u060c \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642<\/div>\r\n        <div class=\"stat-track\"><i><\/i><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"stat-card\" style=\"--d:2; --pct:100%;\">\r\n        <span class=\"stat-dash\"><i><\/i><\/span>\r\n        <div class=\"stat-top\">\r\n          <span class=\"stat-code\">05<\/span>\r\n          <span class=\"stat-icon\"><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        <\/div>\r\n        <div class=\"stat-number\"><span class=\"digits\" data-count=\"4000000\">0<\/span><span class=\"suffix\">+<\/span><\/div>\r\n        <div class=\"stat-unit\">\u0645\u00b3 \u062e\u0631\u0633\u0627\u0646\u0629 \u062c\u0627\u0647\u0632\u0629<\/div>\r\n        <div class=\"stat-label\">\u0642\u062f\u0631\u0627\u062a \u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u062a\u062f\u0639\u0645 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a\u0629.<\/div>\r\n        <div class=\"stat-track\"><i><\/i><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\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 \u0639\u062f\u0651 \u0627\u0644\u0623\u0631\u0642\u0627\u0645\u060c \u0627\u0644\u0640 reveal\u060c\r\n  \/\/ \u0648\u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0645\u064a\u0644 \u0627\u0644\u062e\u0641\u064a\u0641 (tilt). \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 section = document.getElementById('rwm-stats');\r\n  var grid = document.getElementById('rwmStatsGrid');\r\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  var cards = Array.prototype.slice.call(grid.querySelectorAll('.stat-card'));\r\n\r\n  function animateCard(card){\r\n    if(card.classList.contains('counted')) return;\r\n    card.classList.add('counted');\r\n    var digitsEl = card.querySelector('.digits');\r\n    var target = parseInt(digitsEl.getAttribute('data-count'), 10);\r\n    var duration = reduced ? 1 : 1400;\r\n    var start = null;\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      digitsEl.textContent = Math.floor(eased * target).toLocaleString('en-US');\r\n      if(progress < 1) requestAnimationFrame(step);\r\n      else digitsEl.textContent = target.toLocaleString('en-US');\r\n    }\r\n    requestAnimationFrame(step);\r\n  }\r\n\r\n  var cardIO = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){ animateCard(entry.target); cardIO.unobserve(entry.target); }\r\n    });\r\n  }, {threshold:.35});\r\n  cards.forEach(function(c){ cardIO.observe(c); });\r\n\r\n  var sectionIO = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){ section.classList.add('in-view'); sectionIO.disconnect(); }\r\n    });\r\n  }, {threshold:.2});\r\n  sectionIO.observe(section);\r\n\r\n  \/\/ Tilt \u062e\u0641\u064a\u0641 \u0639\u0646\u062f \u062a\u062d\u0631\u064a\u0643 \u0627\u0644\u0641\u0623\u0631\u0629 \u0641\u0648\u0642 \u0627\u0644\u0628\u0637\u0627\u0642\u0629\r\n  if(!reduced){\r\n    cards.forEach(function(card){\r\n      card.addEventListener('mousemove', function(e){\r\n        var r = card.getBoundingClientRect();\r\n        var px = (e.clientX - r.left) \/ r.width - .5;\r\n        var py = (e.clientY - r.top) \/ r.height - .5;\r\n        card.style.transform = 'translateY(-4px) rotateX(' + (py*-6) + 'deg) rotateY(' + (px*6) + 'deg)';\r\n      });\r\n      card.addEventListener('mouseleave', function(){ card.style.transform=''; });\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<div class=\"elementor-element elementor-element-73444c5 e-con-full e-flex e-con e-parent\" data-id=\"73444c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bb33f7 elementor-widget elementor-widget-html\" data-id=\"3bb33f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rwm-section\" id=\"why\">\r\n  <div class=\"rwm-container why-grid\">\r\n\r\n    <div data-rwm-reveal=\"right\">\r\n      <span class=\"rwm-eyebrow\"><span class=\"rwm-dot\"><\/span> \u0644\u0645\u0627\u0630\u0627 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646<\/span>\r\n      <h2 style=\"font-size:var(--fs-h2, clamp(1.9rem,3.4vw,2.9rem)); margin:1rem 0 1.5rem;\">\u0644\u0645\u0627\u0630\u0627 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646\u061f<\/h2>\r\n      <p class=\"why-intro\">\u0627\u062e\u062a\u064a\u0627\u0631 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u064a\u0639\u0646\u064a \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0634\u0631\u064a\u0643 \u062a\u0646\u0641\u064a\u0630\u064a \u064a\u0645\u062a\u0644\u0643 \u0627\u0644\u062e\u0628\u0631\u0629\u060c \u0627\u0644\u0645\u0648\u0627\u0631\u062f\u060c \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0639\u0644\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0645\u0646 \u0627\u0644\u0628\u062f\u0627\u064a\u0629 \u062d\u062a\u0649 \u0627\u0644\u062a\u0633\u0644\u064a\u0645.<\/p>\r\n\r\n      <div class=\"why-list\" data-rwm-stagger>\r\n        <div class=\"why-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"why-check\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n          <div><h4>\u062e\u0628\u0631\u0629 \u0637\u0648\u064a\u0644\u0629 \u0641\u064a \u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629<\/h4><\/div>\r\n        <\/div>\r\n        <div class=\"why-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"why-check\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n          <div><h4>\u0642\u062f\u0631\u0629 \u0639\u0627\u0644\u064a\u0629 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0627\u0631\u064a\u0639 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/h4><\/div>\r\n        <\/div>\r\n        <div class=\"why-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"why-check\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n          <div><h4>\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a<\/h4><\/div>\r\n        <\/div>\r\n        <div class=\"why-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"why-check\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n          <div><h4>\u0643\u0648\u0627\u062f\u0631 \u0645\u0624\u0647\u0644\u0629 \u0641\u064a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0636\u0628\u0637 \u0627\u0644\u062c\u0648\u062f\u0629<\/h4><\/div>\r\n        <\/div>\r\n        <div class=\"why-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"why-check\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n          <div><h4>\u0645\u0648\u0627\u0631\u062f \u0648\u0645\u0639\u062f\u0627\u062a \u062a\u062f\u0639\u0645 \u0633\u0631\u0639\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632 \u0648\u0627\u0633\u062a\u0642\u0631\u0627\u0631 \u0627\u0644\u0623\u062f\u0627\u0621<\/h4><\/div>\r\n        <\/div>\r\n        <div class=\"why-item\" data-rwm-reveal=\"up\">\r\n          <div class=\"why-check\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg><\/div>\r\n          <div><h4>\u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u0643\u0629<\/h4><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"why-panel\" data-rwm-reveal=\"left\">\r\n      <h3>\u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u062a\u062c\u0627\u0647 \u0643\u0644 \u0645\u0634\u0631\u0648\u0639<\/h3>\r\n      <p>\u0646\u0642\u064a\u0633 \u0623\u062f\u0627\u0621\u0646\u0627 \u0628\u0646\u0641\u0633 \u0627\u0644\u0635\u0631\u0627\u0645\u0629 \u0627\u0644\u062a\u064a \u0646\u0642\u064a\u0633 \u0628\u0647\u0627 \u0637\u0631\u0642\u0646\u0627 \u2014 \u0628\u0627\u0644\u0623\u0631\u0642\u0627\u0645\u060c \u0644\u0627 \u0628\u0627\u0644\u0648\u0639\u0648\u062f.<\/p>\r\n\r\n      <div class=\"why-bar-row\">\r\n        <div class=\"why-bar-label\"><span>\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a<\/span><span>100%<\/span><\/div>\r\n        <div class=\"why-bar\"><div class=\"rwm-bar-fill\" data-value=\"100\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"why-bar-row\">\r\n        <div class=\"why-bar-label\"><span>\u062e\u0641\u0636 \u0632\u0645\u0646 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 (Design &amp; Build)<\/span><span>20%<\/span><\/div>\r\n        <div class=\"why-bar\"><div class=\"rwm-bar-fill\" data-value=\"20\"><\/div><\/div>\r\n      <\/div>\r\n      <div class=\"why-bar-row\">\r\n        <div class=\"why-bar-label\"><span>\u0631\u0636\u0627 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u0643\u0629<\/span><span>100%<\/span><\/div>\r\n        <div class=\"why-bar\"><div class=\"rwm-bar-fill\" data-value=\"100\"><\/div><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n<style>\r\n\/* ============================================================\r\n   \u0627\u0644\u0633\u0643\u0634\u0646 \u0667 \u2014 \u0644\u0645\u0627\u0630\u0627 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 (why-*)\r\n============================================================ *\/\r\n#why{\r\n  --navy:  #3B4F71;\r\n  --cyan:  #A5DDEA;\r\n}\r\n\r\n.why-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:var(--gap-xl, 48px);\r\n  align-items:center;\r\n}\r\n\r\n.why-intro{\r\n  color:var(--ink-500, #64748B);\r\n  font-size:var(--fs-body, 15px);\r\n  line-height:1.9;\r\n  margin-bottom:1.75rem;\r\n  max-width:520px;\r\n}\r\n\r\n.why-list{ display:flex; flex-direction:column; }\r\n.why-item{\r\n  display:grid;\r\n  grid-template-columns:auto 1fr;\r\n  align-items:center;\r\n  gap:1.1rem;\r\n  padding:1.15rem 0;\r\n  border-bottom:1px solid var(--line-soft, #E4EEF1);\r\n}\r\n.why-item:first-child{ padding-top:0; }\r\n.why-item:last-child{ border-bottom:none; }\r\n.why-check{\r\n  width:38px; height:38px; border-radius:50%;\r\n  background:rgba(165,221,234,.25); color:var(--navy);\r\n  display:grid; place-items:center; flex:none;\r\n}\r\n.why-item h4{ font-size:1.02rem; margin:0; font-weight:700; line-height:1.6; }\r\n\r\n.why-panel{\r\n  position:relative;\r\n  border-radius:var(--radius-lg, 26px);\r\n  background:var(--navy);\r\n  color:#fff;\r\n  padding:2.75rem;\r\n  overflow:hidden;\r\n  box-shadow:var(--shadow-lg, 0 24px 60px rgba(59,79,113,.2));\r\n}\r\n.why-panel::after{\r\n  content:\"\";\r\n  position:absolute; width:320px; height:320px;\r\n  background:radial-gradient(circle, rgba(165,221,234,.35), transparent 70%);\r\n  top:-110px; inset-inline-end:-110px;\r\n  animation:whyFloat 8s ease-in-out infinite;\r\n}\r\n@keyframes whyFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(28px); } }\r\n.why-panel h3{ color:#fff; font-size:var(--fs-h3, 1.6rem); margin-bottom:1rem; position:relative; z-index:1; }\r\n.why-panel p{ color:rgba(255,255,255,.75); margin-bottom:1.75rem; position:relative; z-index:1; }\r\n\r\n.why-bar-row{ position:relative; z-index:1; margin-bottom:1.25rem; }\r\n.why-bar-label{ display:flex; justify-content:space-between; font-size:var(--fs-small, 13px); margin-bottom:.5rem; color:var(--cyan); }\r\n.why-bar{ height:8px; border-radius:999px; background:rgba(255,255,255,.14); overflow:hidden; }\r\n.rwm-bar-fill{\r\n  height:100%; width:0%; border-radius:999px;\r\n  background:var(--cyan);\r\n  transition:width 1.4s var(--ease-out, cubic-bezier(.22,1,.36,1));\r\n}\r\n\r\n@media (max-width:960px){ .why-grid{ grid-template-columns:1fr; } }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-557fb53 e-con-full e-flex e-con e-parent\" data-id=\"557fb53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-645f180 elementor-widget elementor-widget-html\" data-id=\"645f180\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.rwm-clients-2026{\r\n  position:relative;\r\n  background:#3B4F71;\r\n  padding:100px 20px;\r\n  overflow:hidden;\r\n  font-family:'Cairo',sans-serif;\r\n}\r\n.rwm-clients-2026 .rwm-cl-dots{\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:radial-gradient(rgba(165,221,234,.14) 1.5px, transparent 1.5px);\r\n  background-size:26px 26px;\r\n  opacity:.5;\r\n  pointer-events:none;\r\n}\r\n.rwm-clients-2026 .rwm-cl-glow-a{\r\n  position:absolute;\r\n  top:-120px;\r\n  inset-inline-end:-100px;\r\n  width:360px;\r\n  height:360px;\r\n  background:rgba(165,221,234,.18);\r\n  filter:blur(90px);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n.rwm-clients-2026 .rwm-cl-glow-b{\r\n  position:absolute;\r\n  bottom:-140px;\r\n  inset-inline-start:-100px;\r\n  width:360px;\r\n  height:360px;\r\n  background:rgba(165,221,234,.12);\r\n  filter:blur(100px);\r\n  border-radius:50%;\r\n  pointer-events:none;\r\n}\r\n.rwm-clients-2026 .rwm-cl-wrap{\r\n  position:relative;\r\n  max-width:1280px;\r\n  margin:0 auto;\r\n  z-index:2;\r\n}\r\n.rwm-clients-2026 .rwm-cl-header{\r\n  text-align:center;\r\n  max-width:720px;\r\n  margin:0 auto 64px;\r\n}\r\n.rwm-clients-2026 .rwm-cl-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  background:rgba(165,221,234,.12);\r\n  border:1px solid rgba(165,221,234,.35);\r\n  color:#A5DDEA;\r\n  font-size:13px;\r\n  font-weight:700;\r\n  padding:8px 18px;\r\n  border-radius:30px;\r\n  margin-bottom:20px;\r\n  letter-spacing:.3px;\r\n}\r\n.rwm-clients-2026 .rwm-cl-eyebrow::before{\r\n  content:\"\";\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:#A5DDEA;\r\n  display:inline-block;\r\n  animation:rwmClPulse 1.8s ease-in-out infinite;\r\n}\r\n@keyframes rwmClPulse{\r\n  0%,100%{opacity:1; transform:scale(1);}\r\n  50%{opacity:.4; transform:scale(1.5);}\r\n}\r\n.rwm-clients-2026 .rwm-cl-title{\r\n  font-size:44px;\r\n  font-weight:900;\r\n  color:#ffffff;\r\n  margin:0 0 18px;\r\n  line-height:1.3;\r\n}\r\n.rwm-clients-2026 .rwm-cl-desc{\r\n  font-size:16.5px;\r\n  font-weight:400;\r\n  color:rgba(255,255,255,.72);\r\n  line-height:2;\r\n  margin:0;\r\n}\r\n.rwm-clients-2026 .rwm-cl-divider{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  margin:26px auto 0;\r\n}\r\n.rwm-clients-2026 .rwm-cl-divider i{\r\n  width:34px;\r\n  height:2px;\r\n  background:rgba(165,221,234,.5);\r\n  display:block;\r\n  border-radius:2px;\r\n}\r\n.rwm-clients-2026 .rwm-cl-divider b{\r\n  width:7px;\r\n  height:7px;\r\n  background:#A5DDEA;\r\n  border-radius:50%;\r\n  display:block;\r\n}\r\n.rwm-clients-2026 .rwm-cl-marquees{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:26px;\r\n}\r\n.rwm-clients-2026 .rwm-cl-row{\r\n  position:relative;\r\n  overflow:hidden;\r\n  direction:ltr;\r\n  -webkit-mask-image:linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n  mask-image:linear-gradient(to right, transparent, black 8%, black 92%, transparent);\r\n}\r\n.rwm-clients-2026 .rwm-cl-track{\r\n  direction:ltr;\r\n  display:flex;\r\n  align-items:center;\r\n  width:max-content;\r\n  will-change:transform;\r\n  animation:rwmClScroll linear infinite;\r\n}\r\n.rwm-clients-2026 .rwm-cl-row.rwm-row-1 .rwm-cl-track{\r\n  animation-duration:85s;\r\n}\r\n.rwm-clients-2026 .rwm-cl-row.rwm-row-2 .rwm-cl-track{\r\n  animation-duration:100s;\r\n  animation-direction:reverse;\r\n}\r\n.rwm-clients-2026 .rwm-cl-row:hover .rwm-cl-track{\r\n  animation-play-state:paused;\r\n}\r\n@keyframes rwmClScroll{\r\n  0%{transform:translateX(0);}\r\n  100%{transform:translateX(-50%);}\r\n}\r\n.rwm-clients-2026 .rwm-cl-card{\r\n  flex:0 0 auto;\r\n  width:230px;\r\n  height:150px;\r\n  margin:0 16px;\r\n  background:#ffffff;\r\n  border:1px solid rgba(165,221,234,.4);\r\n  border-radius:18px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:14px;\r\n  box-shadow:0 10px 26px rgba(0,0,0,.22);\r\n  transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease;\r\n}\r\n.rwm-clients-2026 .rwm-cl-card:hover{\r\n  transform:translateY(-8px) scale(1.06);\r\n  border-color:#3B4F71;\r\n  box-shadow:0 20px 40px rgba(165,221,234,.35), 0 0 0 1px rgba(165,221,234,.5) inset;\r\n}\r\n.rwm-clients-2026 .rwm-cl-card img{\r\n  max-width:94%;\r\n  max-height:90%;\r\n  width:auto;\r\n  height:auto;\r\n  object-fit:contain;\r\n  image-rendering:crisp-edges;\r\n  transition:transform .45s ease;\r\n  display:block;\r\n}\r\n.rwm-clients-2026 .rwm-cl-card:hover img{\r\n  transform:scale(1.08);\r\n}\r\n[dir=\"ltr\"] .rwm-clients-2026 .rwm-cl-header{\r\n  direction:ltr;\r\n}\r\n[dir=\"rtl\"] .rwm-clients-2026 .rwm-cl-header{\r\n  direction:rtl;\r\n}\r\n@media (max-width:960px){\r\n  .rwm-clients-2026{padding:80px 18px;}\r\n  .rwm-clients-2026 .rwm-cl-title{font-size:34px;}\r\n  .rwm-clients-2026 .rwm-cl-card{width:190px; height:126px; margin:0 12px;}\r\n  .rwm-clients-2026 .rwm-cl-row.rwm-row-1 .rwm-cl-track{animation-duration:70s;}\r\n  .rwm-clients-2026 .rwm-cl-row.rwm-row-2 .rwm-cl-track{animation-duration:85s;}\r\n}\r\n@media (max-width:600px){\r\n  .rwm-clients-2026{padding:64px 14px;}\r\n  .rwm-clients-2026 .rwm-cl-title{font-size:27px;}\r\n  .rwm-clients-2026 .rwm-cl-desc{font-size:14.5px;}\r\n  .rwm-clients-2026 .rwm-cl-card{width:160px; height:106px; margin:0 10px; border-radius:14px; padding:12px;}\r\n  .rwm-clients-2026 .rwm-cl-marquees{gap:18px;}\r\n  .rwm-clients-2026 .rwm-cl-row.rwm-row-1 .rwm-cl-track{animation-duration:55s;}\r\n  .rwm-clients-2026 .rwm-cl-row.rwm-row-2 .rwm-cl-track{animation-duration:68s;}\r\n}\r\n@media (max-width:460px){\r\n  .rwm-clients-2026 .rwm-cl-title{font-size:23px;}\r\n  .rwm-clients-2026 .rwm-cl-card{width:132px; height:88px; margin:0 8px; border-radius:12px; padding:10px;}\r\n  .rwm-clients-2026 .rwm-cl-eyebrow{font-size:11.5px; padding:6px 14px;}\r\n}\r\n@media (prefers-reduced-motion:reduce){\r\n  .rwm-clients-2026 .rwm-cl-track{animation:none;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"rwm-clients-2026\">\r\n  <div class=\"rwm-cl-dots\"><\/div>\r\n  <div class=\"rwm-cl-glow-a\"><\/div>\r\n  <div class=\"rwm-cl-glow-b\"><\/div>\r\n  <div class=\"rwm-cl-wrap\">\r\n    <div class=\"rwm-cl-header\">\r\n      <span class=\"rwm-cl-eyebrow\">\u062b\u0642\u0629 \u062a\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648<\/span>\r\n      <h2 class=\"rwm-cl-title\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627<\/h2>\r\n      <p class=\"rwm-cl-desc\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0647\u0645 \u0634\u0631\u0643\u0627\u0624\u0646\u0627 \u0627\u0644\u062d\u0642\u064a\u0642\u064a\u0648\u0646 \u0641\u064a \u0627\u0644\u0646\u0645\u0648\u061b \u064a\u062c\u0645\u0639 \u0623\u0639\u0636\u0627\u0621 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u064a\u0648\u0645 \u062c\u0647\u0648\u062f \u0627\u0644\u0647\u0646\u062f\u0633\u0629 \u0639\u0628\u0631 \u0627\u0644\u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u0645\u062a\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0646\u0627\u0634\u0626\u0629 \u0644\u062a\u0644\u0628\u064a\u0629 \u062d\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0627\u0644\u0623\u0648\u0641\u064a\u0627\u0621 \u0648\u0627\u0644\u062c\u062f\u062f.<\/p>\r\n      <div class=\"rwm-cl-divider\"><i><\/i><b><\/b><i><\/i><\/div>\r\n    <\/div>\r\n    <div class=\"rwm-cl-marquees\">\r\n      <div class=\"rwm-cl-row rwm-row-1\">\r\n        <div class=\"rwm-cl-track\" id=\"rwmClTrack1\"><\/div>\r\n      <\/div>\r\n      <div class=\"rwm-cl-row rwm-row-2\">\r\n        <div class=\"rwm-cl-track\" id=\"rwmClTrack2\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var rwmClientLogos = [\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/1.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 1\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/2.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 2\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/3.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 3\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/4.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 4\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/5.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 5\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/6.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 6\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/7.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 7\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/8.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 8\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/9.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 9\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/10.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 10\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/11.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 11\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/12.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 12\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/13.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 13\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/14.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 14\" },\r\n    { src: \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/15.webp\", alt: \"\u0634\u0639\u0627\u0631 \u0627\u0644\u0639\u0645\u064a\u0644 15\" }\r\n  ];\r\n\r\n  function buildTrack(list, trackEl, copies){\r\n    var html = \"\";\r\n    for (var c = 0; c < copies; c++){\r\n      for (var i = 0; i < list.length; i++){\r\n        var logo = list[i];\r\n        html += '<div class=\"rwm-cl-card\"><img fetchpriority=\"high\" src=\"' + logo.src + '\" alt=\"' + logo.alt + '\" width=\"180\" height=\"100\" loading=\"eager\" decoding=\"sync\" fetchpriority=\"high\" class=\"skip-lazy no-lazyload\" data-no-lazy=\"1\" data-skip-lazy=\"1\"><\/div>';\r\n      }\r\n    }\r\n    trackEl.innerHTML = html;\r\n  }\r\n\r\n  var half = Math.ceil(rwmClientLogos.length \/ 2);\r\n  var rowOneLogos = rwmClientLogos.slice(0, half);\r\n  var rowTwoLogos = rwmClientLogos.slice(half);\r\n\r\n  var track1 = document.getElementById(\"rwmClTrack1\");\r\n  var track2 = document.getElementById(\"rwmClTrack2\");\r\n\r\n  if (track1) buildTrack(rowOneLogos, track1, 6);\r\n  if (track2) buildTrack(rowTwoLogos, track2, 6);\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-63ce2b1 e-con-full e-flex e-con e-parent\" data-id=\"63ce2b1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f581760 elementor-widget elementor-widget-html\" data-id=\"f581760\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"rwm-section contact-scope\" id=\"contact\" style=\"padding-top:0;\">\r\n  <div class=\"rwm-container\" data-rwm-reveal=\"scale\">\r\n    <div class=\"contact-cta\">\r\n\r\n      <div class=\"contact-copy\">\r\n        <span class=\"rwm-eyebrow\" style=\"background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.35); color:#fff;\"><span class=\"rwm-dot\" style=\"background:#fff;\"><\/span> \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0637\u0631\u064a\u0642\u060c \u0628\u062f\u0627\u064a\u0629 \u0645\u0634\u0631\u0648\u0639\u0643<\/span>\r\n        <h2>\u062c\u0627\u0647\u0632\u0648\u0646 \u0644\u062f\u0639\u0645 \u0645\u0634\u0631\u0648\u0639\u0643 \u0627\u0644\u0642\u0627\u062f\u0645<\/h2>\r\n        <p>\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.<\/p>\r\n        <a href=\"mailto:Co1@rawasy-almodon.com.sa\" class=\"rwm-btn rwm-btn-ghost\">\u0631\u0627\u0633\u0644\u0646\u0627 \u0627\u0644\u0622\u0646<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"contact-info\">\r\n        <div class=\"contact-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s7-6.3 7-11.5A7 7 0 0 0 5 9.5C5 14.7 12 21 12 21Z\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.3\"\/><\/svg>\r\n          <div>\r\n            <span>\u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0631\u0626\u064a\u0633\u064a - \u0627\u0644\u0631\u064a\u0627\u0636<\/span>\r\n            <b><a href=\"tel:0114720346\" style=\"color:inherit;\">0114720346<\/a><\/b>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s7-6.3 7-11.5A7 7 0 0 0 5 9.5C5 14.7 12 21 12 21Z\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.3\"\/><\/svg>\r\n          <div>\r\n            <span>\u0641\u0631\u0639 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629<\/span>\r\n            <b><a href=\"tel:0148402756\" style=\"color:inherit;\">0148402756<\/a><\/b>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n        <div class=\"contact-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M12 21s7-6.3 7-11.5A7 7 0 0 0 5 9.5C5 14.7 12 21 12 21Z\"\/><circle cx=\"12\" cy=\"9.5\" r=\"2.3\"\/><\/svg>\r\n          <div>\r\n            <span>\u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0628\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629<\/span>\r\n            <b><a href=\"tel:0551104242\" style=\"color:inherit;\">0551104242<\/a><\/b>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"contact-item\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 4h16v16H4V4Z\"\/><path d=\"m4 6 8 7 8-7\"\/><\/svg>\r\n          <div>\r\n            <span>\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\r\n            <b><a href=\"mailto:Co1@rawasy-almodon.com.sa\" style=\"color:inherit;\">Co1@rawasy-almodon.com.sa<\/a><\/b>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"contact-road\" aria-hidden=\"true\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   \u0625\u0635\u0644\u0627\u062d \u062c\u0630\u0631\u064a: \u062a\u0623\u0645\u064a\u0646 \u0627\u0644\u0635\u0646\u062f\u0648\u0642 (box-sizing) \u0645\u062d\u0644\u064a\u064b\u0627 \u0645\u0647\u0645\u0627 \u0643\u0627\u0646\r\n   \u062d\u0627\u0644 \u0627\u0644\u0640 reset \u0627\u0644\u0639\u0627\u0645 \u0628\u0627\u0644\u0645\u0648\u0642\u0639\u060c \u0639\u0634\u0627\u0646 \u0627\u0644\u0640 padding + \u0627\u0644\u0639\u0631\u0636\r\n   \u0645\u064a\u0639\u0645\u0644\u0648\u0634 overflow \u062e\u0627\u0631\u062c \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\r\n   ========================================================= *\/\r\n.contact-scope, .contact-scope *, .contact-scope *::before, .contact-scope *::after{\r\n  box-sizing:border-box;\r\n}\r\n.contact-scope{\r\n  --navy:  #3B4F71;\r\n  --cyan:  #A5DDEA;\r\n  max-width:100%; overflow-x:hidden;\r\n}\r\n\r\n.contact-cta{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:100%;\r\n  border-radius:var(--radius-lg, 20px);\r\n  overflow:hidden;\r\n  background:var(--navy);\r\n  padding:clamp(1.75rem,5vw,5rem);\r\n  display:grid;\r\n  grid-template-columns:1.2fr .8fr;\r\n  gap:var(--gap-xl, clamp(1.5rem,4vw,3rem));\r\n  align-items:center;\r\n  isolation:isolate;\r\n  box-shadow:var(--shadow-lg, 0 30px 70px -30px rgba(59,79,113,.5));\r\n}\r\n.contact-cta::before{\r\n  content:\"\";\r\n  position:absolute; inset:0; z-index:-1;\r\n  background:\r\n    radial-gradient(circle at 15% 20%, rgba(165,221,234,.3), transparent 45%),\r\n    radial-gradient(circle at 85% 80%, rgba(165,221,234,.2), transparent 50%);\r\n}\r\n.contact-road{\r\n  position:absolute; inset-inline-start:0; bottom:0; width:100%; height:6px;\r\n  background:repeating-linear-gradient(90deg, var(--cyan) 0 26px, transparent 26px 52px);\r\n  opacity:.8;\r\n  animation:contactDash 3.5s linear infinite;\r\n}\r\n@keyframes contactDash{ to{ background-position:52px 0; } }\r\n\r\n.contact-copy{ min-width:0; }\r\n.contact-copy h2{\r\n  color:#fff;\r\n  font-size:var(--fs-h2, clamp(1.6rem, 4.2vw, 2.5rem));\r\n  line-height:1.3;\r\n  margin:1rem 0;\r\n  word-break:break-word;\r\n}\r\n.contact-copy p{\r\n  color:var(--cyan);\r\n  font-size:var(--fs-lead, clamp(.95rem, 1.6vw, 1.15rem));\r\n  line-height:1.8;\r\n  margin-bottom:1.75rem;\r\n}\r\n\r\n.contact-info{ display:flex; flex-direction:column; gap:1.1rem; min-width:0; }\r\n.contact-item{\r\n  display:flex; align-items:center; gap:1rem;\r\n  padding:1.1rem 1.3rem;\r\n  border-radius:var(--radius-md, 14px);\r\n  background:rgba(255,255,255,.09);\r\n  border:1px solid rgba(255,255,255,.16);\r\n  color:#fff;\r\n  transition:background .3s, transform .3s;\r\n}\r\n.contact-item:hover{ background:rgba(255,255,255,.17); transform:translateX(-4px); }\r\n.contact-item svg{ flex:none; width:22px; height:22px; color:var(--cyan); }\r\n\r\n.contact-item > div{ min-width:0; flex:1; }\r\n.contact-item span{\r\n  font-size:var(--fs-small, .82rem);\r\n  color:var(--cyan);\r\n  display:block;\r\n}\r\n.contact-item b{\r\n  font-size:.98rem;\r\n  display:block;\r\n  word-break:break-word;\r\n  overflow-wrap:anywhere;\r\n}\r\n.contact-item b a{\r\n  text-decoration:none;\r\n  transition:opacity .25s;\r\n}\r\n.contact-item b a:hover{ opacity:.75; }\r\n\r\n\/* =========================================================\r\n   \u0627\u0644\u0631\u064a\u0633\u0628\u0648\u0646\u0633\u064a\u0641\r\n   ========================================================= *\/\r\n@media (max-width:960px){\r\n  .contact-cta{ grid-template-columns:1fr; }\r\n}\r\n\r\n@media (max-width:600px){\r\n  .contact-cta{ padding:1.5rem; border-radius:var(--radius-md, 16px); gap:1.5rem; }\r\n  .contact-copy h2{ font-size:clamp(1.4rem, 6vw, 1.9rem); }\r\n  .contact-copy p{ font-size:.95rem; margin-bottom:1.25rem; }\r\n  .contact-item{ padding:.9rem 1rem; gap:.75rem; }\r\n  .contact-item b{ font-size:.9rem; }\r\n  .contact-item span{ font-size:.75rem; }\r\n  .rwm-btn{ width:100%; justify-content:center; }\r\n}\r\n<\/style>\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>\u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0646\u064f\u0634\u064a\u0651\u062f \u0627\u0644\u0637\u0631\u0642 \u0627\u0644\u062a\u064a \u062a\u0635\u0646\u0639 \u0645\u0633\u062a\u0642\u0628\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u062e\u0628\u0631\u0629 \u0645\u062a\u0631\u0627\u0643\u0645\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \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\u0625\u0646\u0634\u0627\u0621\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u062a\u064f\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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/16","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=16"}],"version-history":[{"count":663,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":2167,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/16\/revisions\/2167"}],"wp:attachment":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}