{"id":140,"date":"2026-07-08T13:26:25","date_gmt":"2026-07-08T13:26:25","guid":{"rendered":"https:\/\/rawasy-almodon.tzaid.sa\/?page_id=140"},"modified":"2026-07-15T11:59:31","modified_gmt":"2026-07-15T11:59:31","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/rawasy-almodon.com.sa\/en\/%d9%85%d9%86-%d9%86%d8%ad%d9%86\/","title":{"rendered":"About us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"140\" class=\"elementor elementor-140\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1846cc e-con-full e-flex e-con e-parent\" data-id=\"a1846cc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a457380 elementor-widget elementor-widget-html\" data-id=\"a457380\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .rwm-intro-video{\r\n    --iv-navy:#3B4F71;\r\n    --iv-cyan:#A5DDEA;\r\n    --iv-white:#FFFFFF;\r\n    --iv-font:'Cairo','Tahoma',sans-serif;\r\n    --iv-ease:cubic-bezier(.16,.84,.32,1);\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n    direction:inherit;\r\n    font-family:var(--iv-font);\r\n    background:var(--iv-white);\r\n    padding:150px 0 100px;\r\n  }\r\n  .rwm-intro-video *{box-sizing:border-box;}\r\n  .rwm-iv-bgdots{\r\n    position:absolute; inset:0;\r\n    background-image:radial-gradient(circle, rgba(59,79,113,.08) 1.4px, transparent 1.4px);\r\n    background-size:26px 26px;\r\n    opacity:.5;\r\n    pointer-events:none;\r\n  }\r\n  .rwm-iv-container{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1240px;\r\n    margin-inline:auto;\r\n    padding-inline:24px;\r\n  }\r\n  .rwm-iv-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1.15fr;\r\n    gap:64px;\r\n    align-items:center;\r\n  }\r\n  @media (max-width:960px){\r\n    .rwm-iv-grid{grid-template-columns:1fr; gap:44px;}\r\n  }\r\n\r\n  \/* ===== \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0646\u0635\u064a ===== *\/\r\n  .rwm-iv-content{\r\n    opacity:0; transform:translateY(24px);\r\n    transition:opacity .8s var(--iv-ease), transform .8s var(--iv-ease);\r\n  }\r\n  .rwm-iv-content.rwm-iv-visible{opacity:1; transform:translateY(0);}\r\n  .rwm-iv-eyebrow{\r\n    display:inline-flex; align-items:center; gap:12px;\r\n    font-weight:700; font-size:14px; color:var(--iv-navy);\r\n    margin-bottom:20px; letter-spacing:.3px;\r\n  }\r\n  .rwm-iv-eyebrow::before{content:\"\"; width:34px; height:10px; flex:none; background:var(--iv-cyan);}\r\n  .rwm-iv-content h2{\r\n    font-size:clamp(30px,4vw,50px);\r\n    font-weight:900;\r\n    color:var(--iv-navy);\r\n    margin:0 0 20px;\r\n    line-height:1.3;\r\n  }\r\n  .rwm-iv-content h2 span{color:var(--iv-cyan); -webkit-text-stroke:1px var(--iv-navy);}\r\n  .rwm-iv-content p{\r\n    font-size:16.5px;\r\n    line-height:2;\r\n    color:var(--iv-navy);\r\n    opacity:.9;\r\n    max-width:560px;\r\n    margin:0 0 30px;\r\n  }\r\n  .rwm-iv-stats{\r\n    display:flex; gap:14px; flex-wrap:wrap;\r\n  }\r\n  .rwm-iv-stat{\r\n    display:flex; align-items:center; gap:12px;\r\n    background:rgba(165,221,234,.16);\r\n    border:1px solid rgba(59,79,113,.12);\r\n    border-radius:14px;\r\n    padding:14px 18px;\r\n    transition:transform .45s var(--iv-ease), background .45s var(--iv-ease);\r\n  }\r\n  .rwm-iv-stat:hover{transform:translateY(-4px); background:rgba(165,221,234,.32);}\r\n  .rwm-iv-stat-icon{\r\n    width:38px; height:38px; border-radius:10px;\r\n    background:var(--iv-navy); color:var(--iv-cyan);\r\n    display:flex; align-items:center; justify-content:center; flex:none;\r\n  }\r\n  .rwm-iv-stat-icon svg{width:19px; height:19px; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}\r\n  .rwm-iv-stat-num{font-size:15px; font-weight:800; color:var(--iv-navy); display:block; line-height:1.3;}\r\n  .rwm-iv-stat-label{font-size:12px; color:var(--iv-navy); opacity:.75;}\r\n\r\n  \/* ===== \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 ===== *\/\r\n  .rwm-iv-media{\r\n    position:relative;\r\n    opacity:0; transform:translateY(24px) scale(.97);\r\n    transition:opacity .9s var(--iv-ease) .15s, transform .9s var(--iv-ease) .15s;\r\n  }\r\n  .rwm-iv-media.rwm-iv-visible{opacity:1; transform:translateY(0) scale(1);}\r\n\r\n  .rwm-iv-ring-dashed{\r\n    position:absolute;\r\n    top:-22px; right:-22px;\r\n    width:96px; height:96px;\r\n    border:2px dashed rgba(59,79,113,.35);\r\n    border-radius:50%;\r\n    animation:rwmIvSpin 22s linear infinite;\r\n    z-index:2;\r\n  }\r\n  @keyframes rwmIvSpin{to{transform:rotate(360deg);}}\r\n\r\n  .rwm-iv-card{\r\n    position:relative;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    aspect-ratio:16\/10;\r\n    background:var(--iv-navy);\r\n    box-shadow:0 30px 60px -20px rgba(59,79,113,.4);\r\n    cursor:pointer;\r\n    isolation:isolate;\r\n  }\r\n  .rwm-iv-card video{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    transition:transform .9s var(--iv-ease), filter .6s var(--iv-ease);\r\n    filter:brightness(.72) saturate(1.05);\r\n  }\r\n  .rwm-iv-card:hover video{transform:scale(1.06); filter:brightness(.6) saturate(1.1);}\r\n\r\n  .rwm-iv-overlay{\r\n    position:absolute; inset:0;\r\n    background:\r\n      linear-gradient(180deg, rgba(59,79,113,.15) 0%, rgba(14,27,48,.55) 100%);\r\n    z-index:1;\r\n  }\r\n\r\n  .rwm-iv-hatch-edge{\r\n    position:absolute; bottom:0; inset-inline:0; height:46px;\r\n    background-image:repeating-linear-gradient(-45deg, var(--iv-cyan) 0, var(--iv-cyan) 1.5px, transparent 1.5px, transparent 9px);\r\n    opacity:.22; z-index:2;\r\n  }\r\n\r\n  .rwm-iv-badge{\r\n    position:absolute; top:18px; inset-inline-start:18px;\r\n    display:flex; align-items:center; gap:8px;\r\n    background:rgba(255,255,255,.14);\r\n    backdrop-filter:blur(8px);\r\n    border:1px solid rgba(255,255,255,.25);\r\n    color:var(--iv-white);\r\n    font-size:12.5px; font-weight:700;\r\n    padding:8px 14px; border-radius:100px;\r\n    z-index:3;\r\n  }\r\n  .rwm-iv-badge .rwm-iv-dot{\r\n    width:7px; height:7px; border-radius:50%;\r\n    background:var(--iv-cyan);\r\n    animation:rwmIvPulseDot 1.6s ease-in-out infinite;\r\n  }\r\n  @keyframes rwmIvPulseDot{0%,100%{opacity:1;}50%{opacity:.25;}}\r\n\r\n  .rwm-iv-duration{\r\n    position:absolute; top:18px; inset-inline-end:18px;\r\n    background:rgba(14,27,48,.55);\r\n    backdrop-filter:blur(8px);\r\n    color:var(--iv-white);\r\n    font-size:12.5px; font-weight:700;\r\n    padding:8px 14px; border-radius:100px;\r\n    z-index:3;\r\n    border:1px solid rgba(255,255,255,.18);\r\n  }\r\n\r\n  .rwm-iv-playbtn{\r\n    position:absolute; top:50%; left:50%;\r\n    transform:translate(-50%,-50%);\r\n    width:96px; height:96px;\r\n    border-radius:50%;\r\n    background:var(--iv-white);\r\n    display:flex; align-items:center; justify-content:center;\r\n    z-index:4;\r\n    border:none;\r\n    cursor:pointer;\r\n    transition:transform .45s var(--iv-ease), background .45s var(--iv-ease);\r\n  }\r\n  .rwm-iv-playbtn::before,\r\n  .rwm-iv-playbtn::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    border-radius:50%;\r\n    border:2px solid rgba(255,255,255,.55);\r\n    animation:rwmIvRipple 2.6s ease-out infinite;\r\n  }\r\n  .rwm-iv-playbtn::after{animation-delay:1.1s;}\r\n  @keyframes rwmIvRipple{\r\n    0%{transform:scale(1); opacity:.9;}\r\n    100%{transform:scale(1.9); opacity:0;}\r\n  }\r\n  .rwm-iv-playbtn svg{\r\n    width:30px; height:30px;\r\n    fill:var(--iv-navy);\r\n    margin-inline-start:4px;\r\n    transition:fill .4s var(--iv-ease);\r\n    position:relative; z-index:1;\r\n  }\r\n  .rwm-iv-card:hover .rwm-iv-playbtn{\r\n    transform:translate(-50%,-50%) scale(1.1);\r\n    background:var(--iv-cyan);\r\n  }\r\n  .rwm-iv-card:hover .rwm-iv-playbtn svg{fill:var(--iv-navy);}\r\n\r\n  .rwm-iv-caption{\r\n    position:absolute; bottom:16px; inset-inline-start:22px; inset-inline-end:22px;\r\n    z-index:3;\r\n    color:var(--iv-white);\r\n    font-size:15px; font-weight:700;\r\n  }\r\n  .rwm-iv-caption small{\r\n    display:block;\r\n    font-size:12px; font-weight:500;\r\n    color:var(--iv-cyan);\r\n    margin-top:4px;\r\n  }\r\n\r\n  \/* ===== \u0627\u0644\u0645\u0648\u062f\u0627\u0644 ===== *\/\r\n  .rwm-iv-modal{\r\n    position:fixed; inset:0;\r\n    z-index:99999;\r\n    display:none;\r\n    align-items:center; justify-content:center;\r\n    padding:24px;\r\n    direction:rtl;\r\n    font-family:var(--iv-font);\r\n  }\r\n  .rwm-iv-modal.rwm-iv-open{display:flex;}\r\n  .rwm-iv-modal-backdrop{\r\n    position:absolute; inset:0;\r\n    background:rgba(14,27,48,.9);\r\n    backdrop-filter:blur(6px);\r\n    opacity:0;\r\n    transition:opacity .4s var(--iv-ease);\r\n  }\r\n  .rwm-iv-modal.rwm-iv-open .rwm-iv-modal-backdrop{opacity:1;}\r\n\r\n  .rwm-iv-modal-inner{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:980px;\r\n    aspect-ratio:16\/9;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    background:#000;\r\n    box-shadow:0 40px 90px -20px rgba(0,0,0,.6);\r\n    transform:scale(.92) translateY(20px);\r\n    opacity:0;\r\n    transition:transform .5s var(--iv-ease), opacity .5s var(--iv-ease);\r\n  }\r\n  .rwm-iv-modal.rwm-iv-open .rwm-iv-modal-inner{\r\n    transform:scale(1) translateY(0);\r\n    opacity:1;\r\n  }\r\n  .rwm-iv-modal-inner video{\r\n    width:100%; height:100%;\r\n    display:block;\r\n    background:#000;\r\n  }\r\n\r\n  .rwm-iv-close{\r\n    position:absolute; top:-52px; left:0;\r\n    width:40px; height:40px;\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.12);\r\n    border:1px solid rgba(255,255,255,.3);\r\n    color:var(--iv-white);\r\n    display:flex; align-items:center; justify-content:center;\r\n    cursor:pointer;\r\n    transition:background .35s var(--iv-ease), transform .35s var(--iv-ease);\r\n    z-index:2;\r\n  }\r\n  .rwm-iv-close:hover{background:var(--iv-cyan); transform:rotate(90deg);}\r\n  .rwm-iv-close svg{width:18px; height:18px; stroke:var(--iv-navy); stroke-width:2.4; fill:none; stroke-linecap:round;}\r\n  .rwm-iv-close:hover svg{stroke:var(--iv-navy);}\r\n  .rwm-iv-close:not(:hover) svg{stroke:var(--iv-white);}\r\n  @media (max-width:600px){\r\n    .rwm-iv-close{top:-46px; left:0; width:36px; height:36px;}\r\n  }\r\n\r\n  @media (max-width:600px){\r\n    .rwm-intro-video{padding:80px 0 70px;}\r\n    .rwm-iv-playbtn{width:76px; height:76px;}\r\n    .rwm-iv-playbtn svg{width:24px; height:24px;}\r\n    .rwm-iv-stats{gap:10px;}\r\n    .rwm-iv-stat{padding:12px 14px;}\r\n  }\r\n  @media (max-width:460px){\r\n    .rwm-iv-stats{flex-direction:column;}\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .rwm-intro-video *{animation:none !important; transition:none !important;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rwm-intro-video\" id=\"rwm-intro-video\">\r\n  <div class=\"rwm-iv-bgdots\"><\/div>\r\n  <div class=\"rwm-iv-container\">\r\n    <div class=\"rwm-iv-grid\">\r\n\r\n      <div class=\"rwm-iv-content\">\r\n        <span class=\"rwm-iv-eyebrow\">\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u064a\u0646\u0627 \u0639\u0646 \u0642\u0631\u0628<\/span>\r\n        <h2>\u0642\u0635\u0629 <span>\u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646<\/span> \u0641\u064a \u062f\u0642\u0627\u0626\u0642<\/h2>\r\n        <p>\u0623\u0643\u062b\u0631 \u0645\u0646 \u0623\u0631\u0628\u0639\u0629 \u0639\u0642\u0648\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0637\u0631\u0642 \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u062c\u0633\u0648\u0631 \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0634\u0627\u0647\u062f \u0641\u064a\u0644\u0645\u0646\u0627 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a \u0644\u062a\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0631\u062d\u0644\u062a\u0646\u0627\u060c \u0631\u0624\u064a\u062a\u0646\u0627\u060c \u0648\u0623\u0628\u0631\u0632 \u0645\u0634\u0631\u0648\u0639\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u064a \u0646\u0641\u062e\u0631 \u0628\u0647\u0627 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.<\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"rwm-iv-media\">\r\n        <div class=\"rwm-iv-ring-dashed\"><\/div>\r\n        <div class=\"rwm-iv-card\" id=\"rwmIvOpenTrigger\" role=\"button\" tabindex=\"0\" aria-label=\"\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\">\r\n          <video id=\"rwmIvThumb\" muted playsinline preload=\"metadata\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-13-at-10.05.00-AM.mp4#t=0.5\"><\/video>\r\n          <div class=\"rwm-iv-overlay\"><\/div>\r\n          <span class=\"rwm-iv-badge\"><span class=\"rwm-iv-dot\"><\/span>\u0641\u064a\u062f\u064a\u0648 \u062a\u0639\u0631\u064a\u0641\u064a<\/span>\r\n          <span class=\"rwm-iv-duration\">3:00 \u062f\u0642\u0627\u0626\u0642<\/span>\r\n          <button type=\"button\" class=\"rwm-iv-playbtn\" id=\"rwmIvPlayBtn\" aria-label=\"\u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\"><svg viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg><\/button>\r\n          <div class=\"rwm-iv-hatch-edge\"><\/div>\r\n          <div class=\"rwm-iv-caption\">\u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0644\u0644\u062a\u062c\u0627\u0631\u0629 \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<small>\u0627\u0636\u063a\u0637 \u0644\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0641\u064a\u0644\u0645 \u0643\u0627\u0645\u0644\u0627\u064b \u0628\u0627\u0644\u0635\u0648\u062a<\/small><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"rwm-iv-modal\" id=\"rwmIvModal\">\r\n    <div class=\"rwm-iv-modal-backdrop\" id=\"rwmIvBackdrop\"><\/div>\r\n    <div class=\"rwm-iv-modal-inner\">\r\n      <button type=\"button\" class=\"rwm-iv-close\" id=\"rwmIvCloseBtn\" aria-label=\"\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0641\u064a\u062f\u064a\u0648\"><svg viewBox=\"0 0 24 24\"><path d=\"M6 6l12 12M18 6L6 18\"\/><\/svg><\/button>\r\n      <video id=\"rwmIvMainVideo\" controls playsinline><\/video>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var RWM_VIDEO_SRC = \"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/WhatsApp-Video-2026-07-13-at-10.05.00-AM.mp4\";\r\n\r\n  var modal = document.getElementById('rwmIvModal');\r\n  var backdrop = document.getElementById('rwmIvBackdrop');\r\n  var closeBtn = document.getElementById('rwmIvCloseBtn');\r\n  var openTrigger = document.getElementById('rwmIvOpenTrigger');\r\n  var playBtn = document.getElementById('rwmIvPlayBtn');\r\n  var mainVideo = document.getElementById('rwmIvMainVideo');\r\n  var thumbVideo = document.getElementById('rwmIvThumb');\r\n\r\n  function rwmOpenVideo(){\r\n    if(thumbVideo){ thumbVideo.pause(); }\r\n    mainVideo.setAttribute('src', RWM_VIDEO_SRC);\r\n    modal.classList.add('rwm-iv-open');\r\n    document.body.style.overflow = 'hidden';\r\n    mainVideo.muted = false;\r\n    var playPromise = mainVideo.play();\r\n    if(playPromise && playPromise.catch){ playPromise.catch(function(){}); }\r\n  }\r\n\r\n  function rwmCloseVideo(){\r\n    mainVideo.pause();\r\n    mainVideo.removeAttribute('src');\r\n    mainVideo.load();\r\n    modal.classList.remove('rwm-iv-open');\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  openTrigger.addEventListener('click', rwmOpenVideo);\r\n  playBtn.addEventListener('click', function(e){ e.stopPropagation(); rwmOpenVideo(); });\r\n  openTrigger.addEventListener('keydown', function(e){ if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); rwmOpenVideo(); } });\r\n\r\n  closeBtn.addEventListener('click', rwmCloseVideo);\r\n  backdrop.addEventListener('click', rwmCloseVideo);\r\n  document.addEventListener('keydown', function(e){\r\n    if(e.key === 'Escape' && modal.classList.contains('rwm-iv-open')){ rwmCloseVideo(); }\r\n  });\r\n\r\n  \/\/ ===== reveal on scroll =====\r\n  var revealEls = document.querySelectorAll('.rwm-iv-content, .rwm-iv-media');\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('rwm-iv-visible');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.2 });\r\n    revealEls.forEach(function(el){ io.observe(el); });\r\n  } else {\r\n    revealEls.forEach(function(el){ el.classList.add('rwm-iv-visible'); });\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-9edf63a e-con-full e-flex e-con e-parent\" data-id=\"9edf63a\" data-element_type=\"container\" data-e-type=\"container\" id=\"concrete\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ee6166b elementor-widget elementor-widget-html\" data-id=\"ee6166b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .rwm-facilities{\r\n    --fc-navy:#3B4F71;\r\n    --fc-cyan:#A5DDEA;\r\n    --fc-white:#FFFFFF;\r\n    --fc-ink:#0E1B30;\r\n    --fc-font:'Cairo','Tahoma',sans-serif;\r\n    --fc-ease:cubic-bezier(.16,.84,.32,1);\r\n    --fc-shadow:0 30px 60px -20px rgba(59,79,113,.35);\r\n\r\n    position:relative;\r\n    direction:inherit;\r\n    font-family:var(--fc-font);\r\n    background:var(--fc-white);\r\n    padding:110px 0 120px;\r\n    overflow:hidden;\r\n  }\r\n  .rwm-facilities *{box-sizing:border-box;}\r\n\r\n  .rwm-fac-bgdots{\r\n    position:absolute; inset:0;\r\n    background-image:radial-gradient(circle, rgba(59,79,113,.07) 1.4px, transparent 1.4px);\r\n    background-size:26px 26px;\r\n    opacity:.5;\r\n    pointer-events:none;\r\n    z-index:0;\r\n  }\r\n\r\n  .rwm-fac-container{\r\n    position:relative;\r\n    z-index:1;\r\n    width:100%;\r\n    max-width:1240px;\r\n    margin-inline:auto;\r\n    padding-inline:24px;\r\n  }\r\n\r\n  .rwm-fac-head{\r\n    position:relative;\r\n    max-width:760px;\r\n    margin:0 auto 84px;\r\n    text-align:center;\r\n  }\r\n  .rwm-fac-eyebrow{\r\n    display:inline-flex; align-items:center; gap:12px;\r\n    font-weight:700; font-size:14px; color:var(--fc-navy);\r\n    margin-bottom:20px; letter-spacing:.3px;\r\n  }\r\n  .rwm-fac-eyebrow::before,\r\n  .rwm-fac-eyebrow::after{content:\"\"; width:30px; height:10px; flex:none; background:var(--fc-cyan);}\r\n  .rwm-fac-head h2{\r\n    font-size:clamp(32px,4.4vw,54px);\r\n    font-weight:900;\r\n    color:var(--fc-navy);\r\n    margin:0 0 18px;\r\n    line-height:1.3;\r\n  }\r\n  .rwm-fac-head p{\r\n    font-size:16.5px;\r\n    line-height:1.95;\r\n    color:var(--fc-navy);\r\n    opacity:.85;\r\n    max-width:620px;\r\n    margin:0 auto;\r\n  }\r\n\r\n  \/* ===== \u0643\u062a\u0644\u0629 \u0627\u0644\u0645\u0635\u0646\u0639 ===== *\/\r\n  .rwm-fac-block{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:60px;\r\n    align-items:center;\r\n    position:relative;\r\n  }\r\n  .rwm-fac-block + .rwm-fac-block{\r\n    margin-top:120px;\r\n    padding-top:120px;\r\n    border-top:1px solid #E4EEF3;\r\n  }\r\n  .rwm-fac-block.rwm-fac-reverse .rwm-fac-media{order:2;}\r\n  .rwm-fac-block.rwm-fac-reverse .rwm-fac-content{order:1;}\r\n\r\n  @media (max-width:960px){\r\n    .rwm-fac-block{grid-template-columns:1fr; gap:40px;}\r\n    .rwm-fac-block.rwm-fac-reverse .rwm-fac-media{order:1;}\r\n    .rwm-fac-block.rwm-fac-reverse .rwm-fac-content{order:2;}\r\n    .rwm-fac-block + .rwm-fac-block{margin-top:80px; padding-top:80px;}\r\n  }\r\n\r\n  \/* ===== \u0627\u0644\u0635\u0648\u0631\u0629 ===== *\/\r\n  .rwm-fac-media{\r\n    position:relative;\r\n    opacity:0; transform:translateY(28px);\r\n    transition:opacity .8s var(--fc-ease), transform .8s var(--fc-ease);\r\n  }\r\n  .rwm-fac-media.rwm-fac-visible{opacity:1; transform:translateY(0);}\r\n\r\n  .rwm-fac-frame{\r\n    position:relative;\r\n    border-radius:22px;\r\n    overflow:hidden;\r\n    aspect-ratio:4\/3;\r\n    box-shadow:var(--fc-shadow);\r\n    isolation:isolate;\r\n  }\r\n  .rwm-fac-frame img{\r\n    position:absolute; inset:0;\r\n    width:100%; height:100%;\r\n    object-fit:cover;\r\n    transition:transform .9s var(--fc-ease), filter .6s var(--fc-ease);\r\n  }\r\n  .rwm-fac-frame:hover img{transform:scale(1.08); filter:saturate(1.1);}\r\n\r\n  .rwm-fac-frame::after{\r\n    content:\"\";\r\n    position:absolute; inset:0;\r\n    background:linear-gradient(180deg, rgba(59,79,113,0) 45%, rgba(14,27,48,.55) 100%);\r\n    z-index:1;\r\n    pointer-events:none;\r\n  }\r\n\r\n  .rwm-fac-tag{\r\n    position:absolute; top:18px; inset-inline-start:18px;\r\n    display:flex; align-items:center; gap:8px;\r\n    background:rgba(255,255,255,.16);\r\n    backdrop-filter:blur(8px);\r\n    border:1px solid rgba(255,255,255,.3);\r\n    color:var(--fc-white);\r\n    font-size:12.5px; font-weight:700;\r\n    padding:8px 14px; border-radius:100px;\r\n    z-index:2;\r\n  }\r\n  .rwm-fac-tag .rwm-fac-dot{\r\n    width:7px; height:7px; border-radius:50%;\r\n    background:var(--fc-cyan);\r\n    animation:rwmFacPulse 1.6s ease-in-out infinite;\r\n  }\r\n  @keyframes rwmFacPulse{0%,100%{opacity:1;}50%{opacity:.25;}}\r\n\r\n  .rwm-fac-hatch{\r\n    position:absolute; bottom:0; inset-inline:0; height:44px;\r\n    background-image:repeating-linear-gradient(-45deg, var(--fc-cyan) 0, var(--fc-cyan) 1.5px, transparent 1.5px, transparent 9px);\r\n    opacity:.25;\r\n    z-index:2;\r\n  }\r\n\r\n  .rwm-fac-ring{\r\n    position:absolute;\r\n    width:92px; height:92px;\r\n    border:2px dashed rgba(59,79,113,.3);\r\n    border-radius:50%;\r\n    z-index:2;\r\n    animation:rwmFacSpin 24s linear infinite;\r\n  }\r\n  @keyframes rwmFacSpin{to{transform:rotate(360deg);}}\r\n  .rwm-fac-block:nth-child(odd) .rwm-fac-ring{top:-20px; left:-20px;}\r\n  .rwm-fac-block.rwm-fac-reverse .rwm-fac-ring{top:-20px; right:-20px; left:auto;}\r\n\r\n  \/* ===== \u0627\u0644\u0645\u062d\u062a\u0648\u0649 ===== *\/\r\n  .rwm-fac-content{\r\n    opacity:0; transform:translateY(28px);\r\n    transition:opacity .8s var(--fc-ease) .1s, transform .8s var(--fc-ease) .1s;\r\n  }\r\n  .rwm-fac-content.rwm-fac-visible{opacity:1; transform:translateY(0);}\r\n\r\n  .rwm-fac-num{\r\n    display:inline-block;\r\n    font-size:13px; font-weight:800;\r\n    color:var(--fc-cyan);\r\n    -webkit-text-stroke:.6px var(--fc-navy);\r\n    letter-spacing:1px;\r\n    margin-bottom:12px;\r\n  }\r\n  .rwm-fac-content h3{\r\n    font-size:clamp(24px,3vw,34px);\r\n    font-weight:900;\r\n    color:var(--fc-navy);\r\n    margin:0 0 18px;\r\n    line-height:1.35;\r\n  }\r\n  .rwm-fac-content > p{\r\n    font-size:15.5px;\r\n    line-height:2;\r\n    color:var(--fc-navy);\r\n    opacity:.88;\r\n    margin:0 0 16px;\r\n  }\r\n\r\n  .rwm-fac-list-title{\r\n    font-size:15px;\r\n    font-weight:800;\r\n    color:var(--fc-navy);\r\n    margin:26px 0 14px;\r\n    display:flex; align-items:center; gap:10px;\r\n  }\r\n  .rwm-fac-list-title::before{\r\n    content:\"\"; width:22px; height:3px; background:var(--fc-cyan); flex:none; border-radius:4px;\r\n  }\r\n\r\n  .rwm-fac-list{\r\n    list-style:none;\r\n    margin:0; padding:0;\r\n    display:flex; flex-direction:column;\r\n    gap:12px;\r\n  }\r\n  .rwm-fac-list li{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n    font-size:14.5px;\r\n    line-height:1.85;\r\n    color:var(--fc-navy);\r\n    background:rgba(165,221,234,.12);\r\n    border:1px solid rgba(59,79,113,.1);\r\n    border-radius:12px;\r\n    padding:12px 16px;\r\n    transition:transform .45s var(--fc-ease), background .45s var(--fc-ease), border-color .45s var(--fc-ease);\r\n  }\r\n  .rwm-fac-list li:hover{\r\n    transform:translateX(-4px);\r\n    background:rgba(165,221,234,.28);\r\n    border-color:transparent;\r\n  }\r\n  [dir=\"rtl\"] .rwm-fac-list li:hover,\r\n  .rwm-facilities .rwm-fac-list li:hover{transform:translateX(6px);}\r\n\r\n  .rwm-fac-list li .rwm-fac-check{\r\n    flex:none;\r\n    width:22px; height:22px;\r\n    border-radius:50%;\r\n    background:var(--fc-navy);\r\n    color:var(--fc-cyan);\r\n    display:flex; align-items:center; justify-content:center;\r\n    margin-top:1px;\r\n    transition:background .4s var(--fc-ease), transform .4s var(--fc-ease);\r\n  }\r\n  .rwm-fac-list li:hover .rwm-fac-check{\r\n    background:var(--fc-cyan);\r\n    color:var(--fc-navy);\r\n    transform:rotate(-8deg) scale(1.08);\r\n  }\r\n  .rwm-fac-list li .rwm-fac-check svg{width:12px; height:12px; stroke:currentColor; fill:none; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round;}\r\n\r\n  .rwm-fac-footnote{\r\n    margin-top:24px;\r\n    padding:18px 20px;\r\n    background:var(--fc-navy);\r\n    border-radius:14px;\r\n    color:var(--fc-white);\r\n    font-size:14px;\r\n    line-height:1.9;\r\n    position:relative;\r\n    overflow:hidden;\r\n  }\r\n  .rwm-fac-footnote::before{\r\n    content:\"\";\r\n    position:absolute; inset-inline-start:0; top:0; bottom:0; width:120%;\r\n    background-image:repeating-linear-gradient(-45deg, var(--fc-cyan) 0, var(--fc-cyan) 1.5px, transparent 1.5px, transparent 9px);\r\n    opacity:.08;\r\n  }\r\n  .rwm-fac-footnote span{position:relative; z-index:1; color:var(--fc-cyan); font-weight:700;}\r\n  .rwm-fac-footnote p{position:relative; z-index:1; margin:0;}\r\n\r\n  @media (max-width:600px){\r\n    .rwm-facilities{padding:80px 0 90px;}\r\n    .rwm-fac-head{margin-bottom:56px;}\r\n    .rwm-fac-list li{font-size:14px; padding:11px 14px;}\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    .rwm-facilities *{animation:none !important; transition:none !important;}\r\n  }\r\n<\/style>\r\n\r\n<section class=\"rwm-facilities\" id=\"rwm-facilities\">\r\n  <div class=\"rwm-fac-bgdots\"><\/div>\r\n  <div class=\"rwm-fac-container\">\r\n\r\n    <div class=\"rwm-fac-head\">\r\n      <span class=\"rwm-fac-eyebrow\">\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/span>\r\n      <h2>\u0645\u0631\u0627\u0641\u0642\u0646\u0627 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/h2>\r\n      <p>\u0646\u0645\u062a\u0644\u0643 \u0645\u0646\u0638\u0648\u0645\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0643\u0633\u0627\u0631\u0627\u062a\u060c \u0645\u0635\u0627\u0646\u0639 \u0627\u0644\u0623\u0633\u0641\u0644\u062a\u060c \u0648\u0645\u062d\u0637\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0648\u0627\u062f \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639.<\/p>\r\n    <\/div>\r\n\r\n    <!-- ===== \u0627\u0644\u0643\u062a\u0644\u0629 \u0627\u0644\u0623\u0648\u0644\u0649: \u0645\u0635\u0646\u0639 \u0627\u0644\u0643\u0633\u0627\u0631\u0627\u062a ===== -->\r\n    <div class=\"rwm-fac-block\">\r\n      <div class=\"rwm-fac-media\">\r\n        <span class=\"rwm-fac-ring\"><\/span>\r\n        <div class=\"rwm-fac-frame\">\r\n          <img decoding=\"async\" src=\"https:\/\/rawasy-almodon.com.sa\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-13-at-11.31.51-AM.jpeg\" alt=\"\u0645\u0635\u0646\u0639 \u0627\u0644\u0643\u0633\u0627\u0631\u0627\u062a \u0648\u0625\u0646\u062a\u0627\u062c \u0645\u0648\u0627\u062f \u0627\u0644\u0637\u0631\u0642 - \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646\" loading=\"lazy\">\r\n          <span class=\"rwm-fac-tag\"><span class=\"rwm-fac-dot\"><\/span>\u0627\u0644\u0643\u0633\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u062e\u0644\u0637\u0627\u062a \u0627\u0644\u0625\u0633\u0641\u0644\u062a\u064a\u0629<\/span>\r\n          <div class=\"rwm-fac-hatch\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"rwm-fac-content\">\r\n        <span class=\"rwm-fac-num\">01 \/ \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/span>\r\n        <h3>\u0645\u0635\u0646\u0639 \u0627\u0644\u0643\u0633\u0627\u0631\u0627\u062a \u0648\u0625\u0646\u062a\u0627\u062c \u0645\u0648\u0627\u062f \u0627\u0644\u0637\u0631\u0642<\/h3>\r\n        <p>\u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0634\u0631\u0643\u0629 \u0628\u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0645\u0646\u0648\u0631\u0629 \u0648 \u0645\u0647\u062f \u0627\u0644\u0630\u0647\u0628 \u0643\u0633\u0627\u0631\u0627\u062a \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u062c\u0647\u0632\u0629 \u0628\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0644\u0625\u0646\u062a\u0627\u062c \u0645\u062e\u062a\u0644\u0641 \u0645\u0642\u0627\u0633\u0627\u062a \u0627\u0644\u0628\u062d\u0635 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0631\u0643\u0627\u0645\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0629 \u0641\u064a \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\u060c \u0645\u0639 \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\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<\/p>\r\n        <p>\u0643\u0645\u0627 \u062a\u0636\u0645 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0635\u0627\u0646\u0639 \u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062e\u0644\u0637\u0627\u062a \u0627\u0644\u0625\u0633\u0641\u0644\u062a\u064a\u0629 \u0645\u0632\u0648\u062f\u064b\u0627 \u0628\u0623\u062d\u062f\u062b \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u062a\u062d\u0643\u0645\u060c \u0628\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0648\u0641\u064a\u0631 \u062e\u0644\u0637\u0627\u062a \u0625\u0633\u0641\u0644\u062a\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0634\u0627\u0631\u064a\u0639 \u0625\u0646\u0634\u0627\u0621 \u0648\u0635\u064a\u0627\u0646\u0629 \u0627\u0644\u0637\u0631\u0642.<\/p>\r\n\r\n        <div class=\"rwm-fac-list-title\">\u062a\u0634\u0645\u0644 \u0642\u062f\u0631\u0627\u062a\u0646\u0627<\/div>\r\n        <ul class=\"rwm-fac-list\">\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u0625\u0646\u062a\u0627\u062c \u0645\u062e\u062a\u0644\u0641 \u0645\u0642\u0627\u0633\u0627\u062a \u0627\u0644\u0628\u062d\u0635 \u0648\u0627\u0644\u0645\u0648\u0627\u062f \u0627\u0644\u0631\u0643\u0627\u0645\u064a\u0629.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062e\u0644\u0637\u0627\u062a \u0627\u0644\u0625\u0633\u0641\u0644\u062a\u064a\u0629 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639\u0647\u0627 \u0648\u0641\u0642 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u062a\u0648\u0631\u064a\u062f \u0627\u0644\u0645\u0648\u0627\u062f \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\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0635.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u062a\u0637\u0628\u064a\u0642 \u0623\u0646\u0638\u0645\u0629 \u062f\u0642\u064a\u0642\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0623\u062b\u0646\u0627\u0621 \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0625\u0646\u062a\u0627\u062c.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u0642\u062f\u0631\u0629 \u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u062a\u0636\u0645\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u062f\u0627\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a\u0629 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639.<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"rwm-fac-footnote\">\r\n          <p><span>\u0645\u0646\u0638\u0648\u0645\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629: <\/span>\u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0645\u062a\u0644\u0627\u0643 \u0627\u0644\u0634\u0631\u0643\u0629 \u0644\u0645\u0646\u0638\u0648\u0645\u0629 \u0625\u0646\u062a\u0627\u062c \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0643\u0633\u0627\u0631\u0629 \u0648\u0645\u0635\u0646\u0639 \u0627\u0644\u0623\u0633\u0641\u0644\u062a\u060c \u0641\u0625\u0646\u0647\u0627 \u062a\u0636\u0645\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0645\u0648\u0627\u062f\u060c \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u0643\u0641\u0627\u0621\u0629 \u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f\u060c \u0628\u0645\u0627 \u064a\u0639\u0632\u0632 \u0642\u062f\u0631\u062a\u0647\u0627 \u0639\u0644\u0649 \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\u0641\u0642 \u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u0633\u0644\u0627\u0645\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ===== \u0627\u0644\u0643\u062a\u0644\u0629 \u0627\u0644\u062b\u0627\u0646\u064a\u0629: \u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 ===== -->\r\n    <div class=\"rwm-fac-block rwm-fac-reverse\">\r\n      <div class=\"rwm-fac-media\">\r\n        <span class=\"rwm-fac-ring\"><\/span>\r\n        <div class=\"rwm-fac-frame\">\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 - \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646\" loading=\"lazy\">\r\n          <span class=\"rwm-fac-tag\"><span class=\"rwm-fac-dot\"><\/span>\u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/span>\r\n          <div class=\"rwm-fac-hatch\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"rwm-fac-content\">\r\n        <span class=\"rwm-fac-num\">02 \/ \u0627\u0644\u0645\u0631\u0627\u0641\u0642 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/span>\r\n        <h3>\u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629<\/h3>\r\n        <p>\u062a\u0645\u062a\u0644\u0643 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0635\u0646\u0639\u064b\u0627 \u0645\u062a\u0637\u0648\u0631\u064b\u0627 \u0644\u0625\u0646\u062a\u0627\u062c \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629\u060c \u0645\u062c\u0647\u0632\u064b\u0627 \u0628\u0623\u062d\u062f\u062b \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0644\u0625\u0646\u062a\u0627\u062c \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u0648\u0627\u0639 \u0648\u062a\u0635\u0627\u0645\u064a\u0645 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0648\u0641\u0642 \u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629.<\/p>\r\n        <p>\u0648\u064a\u0639\u062a\u0645\u062f \u0627\u0644\u0645\u0635\u0646\u0639 \u0639\u0644\u0649 \u0645\u0648\u0627\u062f \u0623\u0648\u0644\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0645\u0639 \u062a\u0637\u0628\u064a\u0642 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u062f\u0642\u064a\u0642\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0625\u0646\u062a\u0627\u062c\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u0648\u0641\u064a\u0631 \u062e\u0631\u0633\u0627\u0646\u0629 \u062a\u062a\u0645\u064a\u0632 \u0628\u0627\u0644\u0645\u062a\u0627\u0646\u0629 \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u062a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0625\u0646\u0634\u0627\u0626\u064a\u0629 \u0648\u0645\u0634\u0627\u0631\u064a\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629.<\/p>\r\n\r\n        <div class=\"rwm-fac-list-title\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0635\u0646\u0639<\/div>\r\n        <ul class=\"rwm-fac-list\">\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\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 \u0627\u0644\u062e\u0644\u0637\u064a\u0629.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\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.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\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.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u0642\u062f\u0631\u0629 \u0625\u0646\u062a\u0627\u062c\u064a\u0629 \u062a\u0644\u0628\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0645\u062e\u062a\u0644\u0641 \u0623\u062d\u062c\u0627\u0645\u0647\u0627.<\/li>\r\n          <li><span class=\"rwm-fac-check\"><svg viewBox=\"0 0 24 24\"><path d=\"M5 13l4 4L19 7\"\/><\/svg><\/span>\u0623\u0633\u0637\u0648\u0644 \u062d\u062f\u064a\u062b \u0645\u0646 \u0634\u0627\u062d\u0646\u0627\u062a \u0627\u0644\u062e\u0644\u0637 \u0648\u0645\u0636\u062e\u0627\u062a \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0644\u0636\u0645\u0627\u0646 \u0633\u0631\u0639\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/li>\r\n        <\/ul>\r\n\r\n        <div class=\"rwm-fac-footnote\">\r\n          <p><span>\u0623\u062b\u0631 \u0645\u0628\u0627\u0634\u0631 \u0639\u0644\u0649 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639: <\/span>\u064a\u064f\u0633\u0647\u0645 \u0645\u0635\u0646\u0639 \u0627\u0644\u062e\u0631\u0633\u0627\u0646\u0629 \u0627\u0644\u062c\u0627\u0647\u0632\u0629 \u0641\u064a \u062a\u0639\u0632\u064a\u0632 \u0642\u062f\u0631\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0639\u0644\u0649 \u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0645\u0634\u0627\u0631\u064a\u0639 \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629\u060c \u0648\u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0645\u0631\u0627\u0631\u064a\u0629 \u0627\u0644\u062a\u0648\u0631\u064a\u062f\u060c \u0648\u0627\u0644\u0627\u0644\u062a\u0632\u0627\u0645 \u0628\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a \u0644\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var revealEls = document.querySelectorAll('.rwm-facilities .rwm-fac-media, .rwm-facilities .rwm-fac-content');\r\n  if('IntersectionObserver' in window){\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('rwm-fac-visible');\r\n          io.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.15 });\r\n    revealEls.forEach(function(el){ io.observe(el); });\r\n  } else {\r\n    revealEls.forEach(function(el){ el.classList.add('rwm-fac-visible'); });\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-8bcf6d2 e-con-full e-flex e-con e-parent\" data-id=\"8bcf6d2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40babc1 elementor-widget elementor-widget-html\" data-id=\"40babc1\" 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    \/* ===== \u0644\u0648\u0646\u064a\u0646 \u0627\u0644\u0628\u0631\u0627\u0646\u062f \u0641\u0642\u0637 ===== *\/\r\n    --navy:#3B4F71;\r\n    --cyan:#A5DDEA;\r\n\r\n    --white:#FFFFFF;\r\n    --ink:#0E1B30;\r\n\r\n    --font-brand:'Cairo', 'Tahoma', sans-serif;\r\n\r\n    --ease:cubic-bezier(.16,.84,.32,1);\r\n    --shadow-lg: 0 30px 60px -20px rgba(59,79,113,.35);\r\n    --shadow-sm: 0 10px 24px -12px rgba(59,79,113,.25);\r\n  }\r\n\r\n  *{box-sizing:border-box;}\r\n  html{scroll-behavior:smooth;}\r\nbody{\r\n  margin:0;\r\n  font-family:var(--font-brand);\r\n  background:var(--white);\r\n  color:var(--ink);\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n.values-section img,\r\n.values-section svg,\r\n.vision-section img,\r\n.vision-section svg,\r\n.mission-section img,\r\n.mission-section svg{\r\n  display:block;\r\n  max-width:100%;\r\n}\r\n\r\n.container{\r\n  direction:inherit;\r\n  width:100%;\r\n  max-width:1240px;\r\n  margin-inline:auto;\r\n  padding-inline:24px;\r\n}\r\n\r\n  \/* ===================== \u0646\u0645\u0637 \u0627\u0644\u0634\u0631\u0627\u0626\u0637 \u0627\u0644\u0645\u0627\u0626\u0644\u0629 (\u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0647\u0648\u064a\u0629) =====================\r\n     \u0645\u0623\u062e\u0648\u0630 \u062d\u0631\u0641\u064a\u064b\u0627 \u0645\u0646 \u0641\u0648\u0627\u0635\u0644 \u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0641\u064a \u0627\u0644\u0628\u0631\u0648\u0641\u0627\u064a\u0644 (\u0646\u0645\u0637 \/\/\/\/\/\/\/\/) *\/\r\n  .hatch{\r\n    background-image:repeating-linear-gradient(\r\n      -45deg,\r\n      currentColor 0,\r\n      currentColor 1.5px,\r\n      transparent 1.5px,\r\n      transparent 9px\r\n    );\r\n  }\r\n  .hatch-navy{color:var(--navy);}\r\n  .hatch-sky{color:var(--cyan);}\r\n\r\n  .eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n    font-weight:700;\r\n    font-size:14px;\r\n    letter-spacing:.5px;\r\n    margin-bottom:18px;\r\n  }\r\n  .eyebrow::before{\r\n    content:\"\";\r\n    width:34px;height:10px;\r\n    flex:none;\r\n  }\r\n  .eyebrow span{opacity:.85;}\r\n\r\n  .ghost-word{\r\n    position:absolute;\r\n    inset-inline-end:-.02em;\r\n    top:-.18em;\r\n    font-weight:900;\r\n    font-size:clamp(90px,16vw,220px);\r\n    line-height:1;\r\n    color:transparent;\r\n    -webkit-text-stroke:1.5px currentColor;\r\n    opacity:.08;\r\n    pointer-events:none;\r\n    white-space:nowrap;\r\n    z-index:0;\r\n    user-select:none;\r\n  }\r\n\r\n  section{position:relative;overflow:hidden;}\r\n\r\n  \/* reveal-on-scroll *\/\r\n  .reveal{\r\n    opacity:0;\r\n    transform:translateY(28px);\r\n    transition:opacity .75s var(--ease), transform .75s var(--ease);\r\n  }\r\n  .reveal.is-visible{opacity:1;transform:translateY(0);}\r\n\r\n  \/* =========================================================\r\n     \u0642\u0633\u0645 \u0627\u0644\u0642\u064a\u0645\r\n     ========================================================= *\/\r\n  .values-section{\r\n    padding:120px 0 100px;\r\n    background:\r\n      radial-gradient(1100px 420px at 85% -10%, rgba(165,221,234,.16) 0%, transparent 60%),\r\n      var(--white);\r\n  }\r\n  .values-head{\r\n    position:relative;\r\n    max-width:760px;\r\n    margin-bottom:64px;\r\n  }\r\n  .values-head .eyebrow{color:var(--cyan);}\r\n  .values-head .eyebrow::before{background:var(--cyan);}\r\n  .values-head h2{\r\n    font-size:clamp(34px,4.6vw,58px);\r\n    font-weight:900;\r\n    color:var(--navy);\r\n    margin:0 0 18px;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n  .values-head p{\r\n    font-size:17px;\r\n    line-height:1.95;\r\n    color:var(--navy);\r\n    max-width:640px;\r\n    margin:0;\r\n    position:relative;\r\n    z-index:1;\r\n  }\r\n  .ghost-word.values-ghost{color:var(--navy);}\r\n\r\n  .values-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:18px;\r\n  }\r\n  @media (max-width:1080px){ .values-grid{grid-template-columns:repeat(3,1fr);} }\r\n  @media (max-width:680px){ .values-grid{grid-template-columns:repeat(2,1fr);gap:14px;} }\r\n  @media (max-width:420px){ .values-grid{grid-template-columns:1fr;} }\r\n\r\n  .value-card{\r\n    position:relative;\r\n    background:var(--white);\r\n    border:1px solid #E4EEF3;\r\n    border-radius:18px;\r\n    padding:26px 20px 22px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n    isolation:isolate;\r\n    overflow:hidden;\r\n    transition:transform .5s var(--ease), box-shadow .5s var(--ease), border-color .5s var(--ease);\r\n  }\r\n  .value-card::before{\r\n    \/* \u0634\u0631\u064a\u0637 \u0627\u0644\u0647\u0627\u062a\u0634 \u064a\u0638\u0647\u0631 \u0639\u0646\u062f \u0627\u0644\u0647\u0648\u0641\u0631 \u2014 \u0625\u0634\u0627\u0631\u0629 \u0625\u0644\u0649 \u0646\u0645\u0637 \u0627\u0644\u0641\u0648\u0627\u0635\u0644 \u0641\u064a \u0627\u0644\u0628\u0631\u0648\u0641\u0627\u064a\u0644 *\/\r\n    content:\"\";\r\n    position:absolute;\r\n    inset-inline-start:0;top:0;bottom:0;\r\n    width:120%;\r\n    background-image:repeating-linear-gradient(-45deg, var(--cyan) 0, var(--cyan) 2px, transparent 2px, transparent 10px);\r\n    opacity:0;\r\n    transform:translateX(-40%);\r\n    transition:opacity .5s var(--ease), transform .8s var(--ease);\r\n    z-index:-1;\r\n  }\r\n  .value-card:hover{\r\n    transform:translateY(-8px);\r\n    border-color:transparent;\r\n    box-shadow:var(--shadow-sm);\r\n  }\r\n  .value-card:hover::before{opacity:.10; transform:translateX(0);}\r\n\r\n  .value-num{\r\n    position:absolute;\r\n    top:14px; left:18px;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    color:var(--cyan);\r\n    opacity:.7;\r\n    letter-spacing:.5px;\r\n  }\r\n  .value-icon{\r\n    width:52px;height:52px;\r\n    border-radius:14px;\r\n    display:flex;align-items:center;justify-content:center;\r\n    background:rgba(165,221,234,.2);\r\n    color:var(--navy);\r\n    transition:background .45s var(--ease), color .45s var(--ease), transform .55s var(--ease);\r\n  }\r\n  .value-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}\r\n  .value-card:hover .value-icon{\r\n    background:var(--navy);\r\n    color:var(--cyan);\r\n    transform:rotate(-8deg) scale(1.06);\r\n  }\r\n  .value-title{\r\n    font-size:17px;\r\n    font-weight:800;\r\n    color:var(--navy);\r\n    margin:0;\r\n  }\r\n  .value-card:nth-child(10) .value-title{\r\n    \/* \u0622\u062e\u0631 \u0642\u064a\u0645\u0629 \u0623\u0637\u0648\u0644 \u0646\u0635\u064b\u0627: \u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649 *\/\r\n    line-height:1.4;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0642\u0633\u0645 \u0627\u0644\u0631\u0624\u064a\u0629 \u2014 \u0644\u0648\u062d\u0629 \u0643\u062d\u0644\u064a\u0629 \u062f\u0627\u0643\u0646\u0629 \u0628\u0646\u0645\u0637 \u0645\u062e\u0637\u0637 \u0647\u0646\u062f\u0633\u064a\r\n     ========================================================= *\/\r\n  .vision-section{\r\n    background:var(--navy);\r\n    color:rgba(165,221,234,.9);\r\n    padding:130px 0;\r\n  }\r\n  .blueprint-grid{\r\n    position:absolute;inset:0;\r\n    background-image:\r\n      linear-gradient(var(--cyan) 1px, transparent 1px),\r\n      linear-gradient(90deg, var(--cyan) 1px, transparent 1px);\r\n    background-size:56px 56px;\r\n    opacity:.06;\r\n    animation:driftGrid 24s linear infinite;\r\n  }\r\n  @keyframes driftGrid{\r\n    from{background-position:0 0,0 0;}\r\n    to{background-position:56px 56px, -56px 56px;}\r\n  }\r\n  .vision-section::after{\r\n    \/* \u0634\u0631\u064a\u0637 \u0647\u0627\u062a\u0634 \u0633\u0641\u0644\u064a \u0632\u062e\u0631\u0641\u064a *\/\r\n    content:\"\";\r\n    position:absolute; bottom:0; inset-inline:0;\r\n    height:70px;\r\n    background-image:repeating-linear-gradient(-45deg, var(--cyan) 0, var(--cyan) 1.5px, transparent 1.5px, transparent 10px);\r\n    opacity:.08;\r\n  }\r\n\r\n  .vision-inner{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:.9fr 1.4fr;\r\n    gap:60px;\r\n    align-items:center;\r\n  }\r\n  @media (max-width:900px){\r\n    .vision-inner{grid-template-columns:1fr;gap:36px;}\r\n  }\r\n\r\n  .vision-mark{\r\n    position:relative;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-height:260px;\r\n  }\r\n  .vision-mark .ring{\r\n    position:absolute;\r\n    width:220px;height:220px;\r\n    border:1px dashed rgba(165,221,234,.35);\r\n    border-radius:50%;\r\n    animation:spin 40s linear infinite;\r\n  }\r\n  .vision-mark .ring.r2{width:300px;height:300px;animation-duration:60s;animation-direction:reverse;border-color:rgba(165,221,234,.18);}\r\n  @keyframes spin{to{transform:rotate(360deg);}}\r\n  .vision-mark .compass{\r\n    width:120px;height:120px;\r\n    border-radius:50%;\r\n    background:var(--cyan);\r\n    display:flex;align-items:center;justify-content:center;\r\n    box-shadow:0 0 0 10px rgba(165,221,234,.08), var(--shadow-lg);\r\n  }\r\n  .vision-mark .compass svg{width:52px;height:52px;stroke:var(--navy);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}\r\n\r\n  .vision-content{position:relative;z-index:1;}\r\n  .vision-section .eyebrow{color:var(--cyan);}\r\n  .vision-section .eyebrow::before{background:var(--cyan);}\r\n  .vision-content h2{\r\n    font-size:clamp(32px,4.2vw,52px);\r\n    font-weight:900;\r\n    margin:0 0 22px;\r\n    color:var(--white);\r\n  }\r\n  .vision-content p{\r\n    font-size:18px;\r\n    line-height:2;\r\n    color:var(--cyan);\r\n    max-width:660px;\r\n    margin:0;\r\n  }\r\n\r\n  \/* =========================================================\r\n     \u0642\u0633\u0645 \u0627\u0644\u0631\u0633\u0627\u0644\u0629\r\n     ========================================================= *\/\r\n  .mission-section{\r\n    padding:130px 0 110px;\r\n    background:var(--white);\r\n  }\r\n  .mission-top{\r\n    position:relative;\r\n    max-width:780px;\r\n    margin-bottom:70px;\r\n  }\r\n  .mission-section .eyebrow{color:var(--cyan);}\r\n  .mission-section .eyebrow::before{background:var(--cyan);}\r\n  .mission-top h2{\r\n    font-size:clamp(34px,4.6vw,58px);\r\n    font-weight:900;\r\n    color:var(--navy);\r\n    margin:0 0 18px;\r\n  }\r\n  .mission-top p{\r\n    font-size:17px;\r\n    line-height:1.95;\r\n    color:var(--navy);\r\n    margin:0;\r\n  }\r\n\r\n  .pillars-wrap{\r\n    position:relative;\r\n    margin-bottom:56px;\r\n  }\r\n  .pillars{\r\n    position:relative;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:0;\r\n  }\r\n  @media (max-width:820px){\r\n    .pillars{grid-template-columns:1fr 1fr;gap:36px 18px;}\r\n  }\r\n  @media (max-width:480px){\r\n    .pillars{grid-template-columns:1fr;gap:22px;}\r\n  }\r\n\r\n  .pillar-line{\r\n    position:absolute;\r\n    top:38px; inset-inline:6%;\r\n    height:2px;\r\n    z-index:0;\r\n  }\r\n  .pillar-line svg{width:100%;height:2px;overflow:visible;}\r\n  .pillar-line path{\r\n    fill:none;\r\n    stroke:var(--cyan);\r\n    stroke-width:2;\r\n    stroke-dasharray:1000;\r\n    stroke-dashoffset:1000;\r\n    transition:stroke-dashoffset 1.4s var(--ease);\r\n  }\r\n  .pillar-line.is-visible path{stroke-dashoffset:0;}\r\n  @media (max-width:820px){ .pillar-line{display:none;} }\r\n\r\n  .pillar{\r\n    position:relative;\r\n    z-index:1;\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n    gap:16px;\r\n    padding-inline:14px;\r\n  }\r\n  .pillar-badge{\r\n    width:76px;height:76px;\r\n    border-radius:50%;\r\n    background:var(--white);\r\n    border:2px solid var(--cyan);\r\n    display:flex;align-items:center;justify-content:center;\r\n    color:var(--navy);\r\n    transition:transform .5s var(--ease), background .5s var(--ease), color .5s var(--ease), box-shadow .5s var(--ease);\r\n  }\r\n  .pillar-badge svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}\r\n  .pillar:hover .pillar-badge{\r\n    background:var(--navy);\r\n    color:var(--cyan);\r\n    transform:translateY(-6px) scale(1.05);\r\n    box-shadow:var(--shadow-sm);\r\n  }\r\n  .pillar h4{\r\n    margin:0;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    color:var(--navy);\r\n  }\r\n  .pillar span{\r\n    font-size:13px;\r\n    color:var(--navy);\r\n    line-height:1.6;\r\n  }\r\n\r\n  .mission-quote{\r\n    position:relative;\r\n    background:var(--navy);\r\n    color:var(--white);\r\n    border-radius:22px;\r\n    padding:52px clamp(28px,5vw,64px);\r\n    overflow:hidden;\r\n  }\r\n  .mission-quote::before{\r\n    content:\"\";\r\n    position:absolute; top:0; inset-inline-start:0;\r\n    width:150px;height:100%;\r\n    background-image:repeating-linear-gradient(-45deg, var(--cyan) 0, var(--cyan) 1.5px, transparent 1.5px, transparent 9px);\r\n    opacity:.10;\r\n  }\r\n  .mission-quote::after{\r\n    content:\"\u201d\";\r\n    position:absolute;\r\n    top:-30px; inset-inline-end:28px;\r\n    font-size:180px;\r\n    font-weight:900;\r\n    color:var(--cyan);\r\n    opacity:.12;\r\n    line-height:1;\r\n  }\r\n  .mission-quote p{\r\n    position:relative;\r\n    z-index:1;\r\n    margin:0;\r\n    font-size:clamp(19px,2.4vw,26px);\r\n    line-height:1.9;\r\n    font-weight:700;\r\n    \/*max-width:820px;*\/\r\n    text-align: center;\r\n  }\r\n  .mission-quote strong{color:var(--cyan);}\r\n\r\n  \/* focus visibility *\/\r\n  a:focus-visible, button:focus-visible{\r\n    outline:3px solid var(--cyan);\r\n    outline-offset:3px;\r\n  }\r\n\r\n  @media (prefers-reduced-motion:reduce){\r\n    *{animation:none !important; transition:none !important;}\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- =========================================================\r\n     \u0627\u0644\u0642\u0633\u0645 1 \u2014 \u0642\u064a\u0645\u0646\u0627\r\n========================================================= -->\r\n<section class=\"values-section\" id=\"values\">\r\n  <div class=\"container\">\r\n    <div class=\"values-head\">\r\n      <span class=\"ghost-word values-ghost\">\u0642\u064a\u0645<\/span>\r\n      <div class=\"eyebrow\" style=\"color:var(--cyan);\"><span>\u0623\u0633\u0627\u0633 \u0639\u0644\u0627\u0642\u062a\u0646\u0627 \u0628\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627<\/span><\/div>\r\n      <h2>\u0642\u064a\u0645\u0646\u0627<\/h2>\r\n      <p>\u062a\u0642\u0648\u0645 \u0623\u0639\u0645\u0627\u0644\u0646\u0627 \u0639\u0644\u0649 \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0642\u064a\u0645 \u0627\u0644\u062a\u064a \u062a\u0634\u0643\u0651\u0644 \u0623\u0633\u0627\u0633 \u0639\u0644\u0627\u0642\u062a\u0646\u0627 \u0628\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0648\u0634\u0631\u0643\u0627\u0626\u0646\u0627 \u0648\u0641\u0631\u064a\u0642\u0646\u0627\u060c \u0648\u062a\u0646\u0639\u0643\u0633 \u0641\u064a \u0643\u0644 \u0645\u0634\u0631\u0648\u0639 \u0646\u0646\u0641\u0630\u0647.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"values-grid\">\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">01<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v6c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">02<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M3 12l4-4 4 3 3-3 3 2 4-4\"\/><path d=\"M3 16l4-3 4 2 3-2 3 1 4-3\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u0648\u0641\u0627\u0621<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">03<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"8\" cy=\"8\" r=\"3\"\/><circle cx=\"17\" cy=\"9\" r=\"2.4\"\/><path d=\"M3 20c0-3 2.5-5 5-5s5 2 5 5\"\/><path d=\"M14 20c.3-2.3 1.8-4 4-4 1.6 0 3 .8 3.6 2\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0645<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">04<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"5\" y=\"11\" width=\"14\" height=\"9\" rx=\"2\"\/><path d=\"M8 11V7a4 4 0 018 0v4\"\/><path d=\"M12 15v2\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u062b\u0642\u0629<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">05<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 20L14 4l2 4-6 12z\"\/><path d=\"M14 4l6 2-4 6\"\/><path d=\"M4 20l6-2\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u0637\u0645\u0648\u062d<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">06<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l1.8 5.6L19 9l-4 3.5L16 18l-4-2.8L8 18l1-5.5L5 9l5.2-1.4z\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u062d\u0645\u0627\u0633<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">07<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M4 5h16v10H9l-4 4V5z\"\/><path d=\"M8 9h8M8 12h5\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">08<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 3v2M12 19v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M3 12h2M19 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">09<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 12a8 8 0 10-2.7 6\"\/><path d=\"M20 6v5h-5\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u062a\u0643\u064a\u0641<\/h3>\r\n      <\/article>\r\n\r\n      <article class=\"value-card reveal\">\r\n        <span class=\"value-num\">10<\/span>\r\n        <div class=\"value-icon\">\r\n          <svg viewBox=\"0 0 24 24\"><rect x=\"3\" y=\"8\" width=\"8\" height=\"8\" rx=\"2\"\/><rect x=\"13\" y=\"8\" width=\"8\" height=\"8\" rx=\"2\"\/><path d=\"M11 12h2\"\/><\/svg>\r\n        <\/div>\r\n        <h3 class=\"value-title\">\u0627\u0644\u0634\u0631\u0627\u0643\u0629 \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0645\u062f\u0649<\/h3>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     \u0627\u0644\u0642\u0633\u0645 2 \u2014 \u0631\u0624\u064a\u062a\u0646\u0627\r\n========================================================= -->\r\n<section class=\"vision-section\" id=\"vision\">\r\n  <div class=\"blueprint-grid\"><\/div>\r\n  <div class=\"container\">\r\n    <div class=\"vision-inner\">\r\n\r\n      <div class=\"vision-mark reveal\">\r\n        <span class=\"ring\"><\/span>\r\n        <span class=\"ring r2\"><\/span>\r\n        <div class=\"compass\">\r\n          <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M15.5 8.5l-2 5-5 2 2-5z\"\/><\/svg>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"vision-content reveal\">\r\n        <div class=\"eyebrow\"><span>\u0625\u0644\u0649 \u0623\u064a\u0646 \u0646\u062a\u062c\u0647<\/span><\/div>\r\n        <h2>\u0631\u0624\u064a\u062a\u0646\u0627<\/h2>\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.\r\n\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     \u0627\u0644\u0642\u0633\u0645 3 \u2014 \u0631\u0633\u0627\u0644\u062a\u0646\u0627\r\n========================================================= -->\r\n<section class=\"mission-section\" id=\"mission\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"mission-top\">\r\n      <span class=\"ghost-word\" style=\"color:var(--navy);\">\u0631\u0633\u0627\u0644\u0629<\/span>\r\n      <div class=\"eyebrow\"><span>\u0643\u064a\u0641 \u0646\u0635\u0644 \u0625\u0644\u0649 \u0630\u0644\u0643<\/span><\/div>\r\n      <h2>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h2>\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.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pillars-wrap\">\r\n      <div class=\"pillar-line reveal\">\r\n        <svg viewBox=\"0 0 1000 2\" preserveAspectRatio=\"none\">\r\n          <path d=\"M0 1 L1000 1\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <div class=\"pillars\">\r\n        <div class=\"pillar reveal\">\r\n          <div class=\"pillar-badge\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v6c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-3z\"\/><path d=\"M9 12l2 2 4-4\"\/><\/svg>\r\n          <\/div>\r\n          <h4>\u0627\u0644\u062c\u0648\u062f\u0629<\/h4>\r\n          <span>\u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u0646\u0641\u064a\u0630 \u0635\u0627\u0631\u0645\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pillar reveal\">\r\n          <div class=\"pillar-badge\">\r\n            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 7v5l3.5 2\"\/><\/svg>\r\n          <\/div>\r\n          <h4>\u0627\u0644\u0648\u0642\u062a<\/h4>\r\n          <span>\u0627\u0644\u062a\u0632\u0627\u0645 \u062f\u0642\u064a\u0642 \u0628\u0627\u0644\u062c\u062f\u0648\u0644 \u0627\u0644\u0632\u0645\u0646\u064a<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pillar reveal\">\r\n          <div class=\"pillar-badge\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M3 12h18\"\/><path d=\"M6 12a6 6 0 1112 0 6 6 0 01-12 0z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>\u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/h4>\r\n          <span>\u0636\u0628\u0637 \u0627\u0644\u0645\u0648\u0627\u0632\u0646\u0629 \u062f\u0648\u0646 \u0627\u0644\u0645\u0633\u0627\u0633 \u0628\u0627\u0644\u062c\u0648\u062f\u0629<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"pillar reveal\">\r\n          <div class=\"pillar-badge\">\r\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 3l7 3v6c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6l7-3z\"\/><\/svg>\r\n          <\/div>\r\n          <h4>\u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h4>\r\n          <span>\u062d\u0645\u0627\u064a\u0629 \u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0645\u0648\u0642\u0639 \u062f\u0627\u0626\u0645\u064b\u0627<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n<div class=\"mission-quote reveal\">\r\n  <p>\r\n    \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0644\u064a\u0633\u062a \u0645\u062c\u0631\u062f \u0634\u0631\u0643\u0629 \u0645\u0642\u0627\u0648\u0644\u0627\u062a\u060c \u0628\u0644 <strong>\u0634\u0631\u064a\u0643 \u062a\u0646\u0641\u064a\u0630\u064a<\/strong> \u064a\u0645\u062a\u0644\u0643\r\n    \u0627\u0644\u062e\u0628\u0631\u0629 \u0648\u0627\u0644\u0642\u062f\u0631\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0625\u0644\u0649 \u0648\u0627\u0642\u0639 \u0645\u0644\u0645\u0648\u0633.\r\n  <\/p>\r\n  <p>\r\n    \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0627\u0644\u062c\u0648\u062f\u0629\u060c \u0648\u062b\u0642\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u060c \u0648\u062e\u0628\u0631\u062a\u0646\u0627 \u0627\u0644\u0645\u0645\u062a\u062f\u0629\u060c \u0646\u0648\u0627\u0635\u0644 \u062f\u0648\u0631\u0646\u0627 \u0641\u064a\r\n    \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0641\u064a \u0628\u0646\u0627\u0621 <strong>\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0623\u0643\u062b\u0631 \u062a\u0637\u0648\u0631\u064b\u0627 \u0648\u0627\u0633\u062a\u062f\u0627\u0645\u0629<\/strong> \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\r\n  <\/p>\r\n<\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  \/\/ ===== Scroll reveal (staggered) =====\r\n  const revealEls = document.querySelectorAll('.reveal');\r\n  const io = new IntersectionObserver((entries)=>{\r\n    entries.forEach((entry, i)=>{\r\n      if(entry.isIntersecting){\r\n        setTimeout(()=> entry.target.classList.add('is-visible'), i * 60);\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n  revealEls.forEach(el => io.observe(el));\r\n\r\n  \/\/ stagger value cards individually based on their own order in the grid\r\n  document.querySelectorAll('.values-grid .value-card').forEach((card, idx)=>{\r\n    card.style.transitionDelay = (idx * 55) + 'ms';\r\n  });\r\n\r\n  \/\/ ===== pillar connecting line draw-in =====\r\n  const lineEl = document.querySelector('.pillar-line');\r\n  if(lineEl){\r\n    const lineIo = new IntersectionObserver((entries)=>{\r\n      entries.forEach(entry=>{\r\n        if(entry.isIntersecting){\r\n          entry.target.classList.add('is-visible');\r\n          lineIo.unobserve(entry.target);\r\n        }\r\n      });\r\n    }, { threshold: 0.4 });\r\n    lineIo.observe(lineEl);\r\n  }\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062a\u0639\u0631\u0651\u0641 \u0639\u0644\u064a\u0646\u0627 \u0639\u0646 \u0642\u0631\u0628 \u0642\u0635\u0629 \u0631\u0648\u0627\u0633\u064a \u0627\u0644\u0645\u062f\u0646 \u0641\u064a \u062f\u0642\u0627\u0626\u0642 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0623\u0631\u0628\u0639\u0629 \u0639\u0642\u0648\u062f \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u062a\u0646\u0641\u064a\u0630 \u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0627\u0644\u0637\u0631\u0642 \u0648\u0627\u0644\u0623\u0646\u0641\u0627\u0642 [&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-140","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/140","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=140"}],"version-history":[{"count":120,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/140\/revisions"}],"predecessor-version":[{"id":2225,"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/pages\/140\/revisions\/2225"}],"wp:attachment":[{"href":"https:\/\/rawasy-almodon.com.sa\/en\/wp-json\/wp\/v2\/media?parent=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}