{"id":7,"date":"2026-07-21T11:38:45","date_gmt":"2026-07-21T11:38:45","guid":{"rendered":"https:\/\/alrafeigroup.com\/?page_id=7"},"modified":"2026-07-21T16:23:38","modified_gmt":"2026-07-21T16:23:38","slug":"%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/alrafeigroup.com\/en\/","title":{"rendered":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"


\n
\n
\n
\n
\n \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a<\/title><br \/>\n <!-- Almarai Font -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n \/* ==========================================================================\n 1. DESIGN SYSTEM & TOKENS (USING MEDIA QUERIES)\n ========================================================================== *\/\n :root {\n \/* Brand Colors *\/\n --color-primary: #071B30;\n --color-gray: #C3C8CD;\n --color-black: #000000;\n --color-off-white: #F8F8F6;\n --color-white: #FFFFFF;\n \/* Typography Base (Mobile First) *\/\n --font-family: \"Almarai\", sans-serif;\n --fs-xs: 11px;\n --fs-sm: 12px;\n --fs-base: 14px;\n --fs-lg: 16px;\n --fs-xl: 20px;\n --fs-2xl: 28px;\n --fs-hero: 36px;\n \/* Spacing & Layout *\/\n --spacing-xs: 0.5rem;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 3rem;\n --spacing-xl: 5rem;\n \/* Borders & Shadows *\/\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n --shadow-hover: 0 10px 20px rgba(0, 0, 0, 0.2);\n \/* Transitions *\/\n --transition-fast: 180ms ease;\n --transition-normal: 350ms cubic-bezier(.2,.8,.2,1);\n --transition-slow: 700ms cubic-bezier(.2,.8,.2,1);\n }\n \/* Tablet *\/\n @media (min-width: 768px) {\n :root {\n --fs-xs: 12px;\n --fs-sm: 13px;\n --fs-base: 15px;\n --fs-lg: 18px;\n --fs-xl: 24px;\n --fs-2xl: 34px;\n --fs-hero: 48px;\n }\n }\n \/* Desktop *\/\n @media (min-width: 1200px) {\n :root {\n --fs-xs: 13px;\n --fs-sm: 14px;\n --fs-base: 16px;\n --fs-lg: 20px;\n --fs-xl: 28px;\n --fs-2xl: 40px;\n --fs-hero: 56px;\n }\n }\n \/* ==========================================================================\n 2. RESET & THEME WRAPPER (NO BODY STYLING)\n ========================================================================== *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n html { scroll-behavior: smooth; }\n .alrafei-theme {\n font-family: var(--font-family);\n background-color: var(--color-off-white);\n color: var(--color-primary);\n line-height: 1.7;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n position: relative;\n }\n .alrafei-theme a { text-decoration: none; transition: color var(--transition-normal); }\n .alrafei-theme button { font-family: inherit; cursor: pointer; border: none; background: none; }\n .alrafei-theme .container { width: 90%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 3; }\n .alrafei-theme p { margin-top: 0; margin-bottom: var(--spacing-sm); }\n \/* ==========================================================================\n 3. BUTTONS\n ========================================================================== *\/\n .alrafei-theme .btn-group {\n display: flex;\n gap: 1rem;\n flex-wrap: wrap;\n margin-top: var(--spacing-md);\n }\n .alrafei-theme .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.6rem;\n padding: 0.75rem 1.8rem;\n font-size: var(--fs-base);\n font-weight: 700;\n border-radius: var(--radius-sm);\n transition: all var(--transition-normal);\n position: relative;\n z-index: 1;\n }\n .alrafei-theme .btn-primary {\n background-color: var(--color-white);\n color: var(--color-primary);\n }\n .alrafei-theme .btn-primary:hover {\n background-color: var(--color-gray);\n transform: translateY(-2px);\n box-shadow: var(--shadow-hover);\n }\n .alrafei-theme .btn-outline {\n background-color: transparent;\n color: var(--color-white);\n border: 1px solid rgba(195, 200, 205, 0.5);\n }\n .alrafei-theme .btn-outline:hover {\n border-color: var(--color-white);\n background-color: rgba(255, 255, 255, 0.1);\n transform: translateY(-2px);\n }\n .alrafei-theme .btn i { font-size: var(--fs-sm); transition: transform var(--transition-normal); }\n .alrafei-theme .btn:hover i { transform: translateX(-4px); }\n \/* ==========================================================================\n 4. FULLSCREEN HERO SECTION & ANIMATED BACKGROUND\n ========================================================================== *\/\n .alrafei-theme .hero-fullscreen {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n background: url('https:\/\/alrafeigroup.com\/wp-content\/uploads\/2026\/07\/35360.webp') center\/cover no-repeat;\n overflow: hidden;\n }\n \/* Dark Gradient Overlay \u2014 \u064a\u062d\u0627\u0641\u0638 \u0639\u0644\u0649 \u0648\u0636\u0648\u062d \u0627\u0644\u0646\u0635 \u0648\u064a\u064f\u0638\u0647\u0631 \u0627\u0644\u062d\u0631\u0643\u0629 *\/\n .alrafei-theme .hero-fullscreen::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n linear-gradient(\n to left,\n rgba(7, 27, 48, 0.93) 0%,\n rgba(7, 27, 48, 0.72) 48%,\n rgba(7, 27, 48, 0.38) 100%\n );\n z-index: 1;\n }\n \/* Animated Background Elements Container *\/\n .alrafei-theme .animated-bg {\n position: absolute;\n inset: 0;\n z-index: 2;\n pointer-events: none;\n overflow: hidden;\n isolation: isolate;\n }\n \/* \u0634\u0628\u0643\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 \u062a\u062a\u062d\u0631\u0643 \u0628\u0628\u0637\u0621 *\/\n .alrafei-theme .animated-bg::before {\n content: '';\n position: absolute;\n inset: -25%;\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);\n background-size: 74px 74px;\n -webkit-mask-image: linear-gradient(to left, transparent 0%, #000 30%, #000 100%);\n mask-image: linear-gradient(to left, transparent 0%, #000 30%, #000 100%);\n opacity: 0.72;\n transform: perspective(700px) rotateX(64deg) translateY(13%);\n transform-origin: bottom center;\n animation: gridDrift 18s linear infinite;\n }\n \/* \u0648\u0647\u062c \u0645\u062a\u062d\u0631\u0643 \u062e\u0644\u0641 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\n .alrafei-theme .animated-bg::after {\n content: '';\n position: absolute;\n width: min(44vw, 620px);\n aspect-ratio: 1;\n left: 8%;\n top: 5%;\n border-radius: 50%;\n background: radial-gradient(\n circle,\n rgba(195, 200, 205, 0.24) 0%,\n rgba(195, 200, 205, 0.10) 34%,\n transparent 70%\n );\n filter: blur(8px);\n animation: ambientGlow 8s ease-in-out infinite alternate;\n }\n \/* \u0627\u0644\u062d\u0644\u0642\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 *\/\n .alrafei-theme .shape {\n position: absolute;\n display: block;\n aspect-ratio: 1;\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.34);\n background:\n radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.08), transparent 58%);\n box-shadow:\n 0 0 0 1px rgba(195, 200, 205, 0.08) inset,\n 0 0 35px rgba(195, 200, 205, 0.10);\n will-change: transform, opacity;\n animation: orbitFloat var(--shape-speed, 26s) ease-in-out infinite;\n }\n .alrafei-theme .shape::before,\n .alrafei-theme .shape::after {\n content: '';\n position: absolute;\n border-radius: inherit;\n }\n .alrafei-theme .shape::before {\n inset: 10%;\n border: 1px dashed rgba(195, 200, 205, 0.26);\n animation: ringSpin 14s linear infinite;\n }\n .alrafei-theme .shape::after {\n width: 10px;\n height: 10px;\n top: 50%;\n left: -5px;\n background: var(--color-gray);\n box-shadow:\n 0 0 0 5px rgba(195, 200, 205, 0.12),\n 0 0 22px rgba(255, 255, 255, 0.55);\n }\n .alrafei-theme .shape-1 {\n width: clamp(330px, 43vw, 690px);\n top: -18%;\n left: -9%;\n --shape-speed: 24s;\n }\n .alrafei-theme .shape-2 {\n width: clamp(230px, 29vw, 470px);\n bottom: -13%;\n right: 11%;\n --shape-speed: 19s;\n animation-direction: reverse;\n }\n .alrafei-theme .shape-3 {\n width: clamp(145px, 17vw, 275px);\n top: 14%;\n left: 43%;\n border-width: 2px;\n border-color: rgba(255, 255, 255, 0.28);\n --shape-speed: 15s;\n }\n .alrafei-theme .shape-4 {\n width: clamp(95px, 10vw, 165px);\n bottom: 18%;\n left: 31%;\n opacity: 0.72;\n --shape-speed: 13s;\n animation-delay: -5s;\n }\n .alrafei-theme .shape-5 {\n width: clamp(65px, 7vw, 110px);\n top: 18%;\n right: 9%;\n opacity: 0.68;\n --shape-speed: 11s;\n animation-direction: reverse;\n animation-delay: -3s;\n }\n \/* \u062e\u0637\u0648\u0637 \u0636\u0648\u0626\u064a\u0629 \u062a\u0639\u0637\u064a \u0639\u0645\u0642\u064b\u0627 \u0648\u062d\u0631\u0643\u0629 *\/\n .alrafei-theme .light-line {\n position: absolute;\n width: min(42vw, 610px);\n height: 1px;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(255, 255, 255, 0.58),\n rgba(195, 200, 205, 0.18),\n transparent\n );\n box-shadow: 0 0 13px rgba(255, 255, 255, 0.22);\n transform-origin: center;\n opacity: 0;\n animation: lightSweep 8s ease-in-out infinite;\n }\n .alrafei-theme .line-1 {\n top: 27%;\n left: -8%;\n transform: rotate(-18deg);\n }\n .alrafei-theme .line-2 {\n bottom: 25%;\n right: -10%;\n transform: rotate(15deg);\n animation-delay: -4s;\n }\n \/* \u0646\u0642\u0627\u0637 \u0645\u0636\u064a\u0626\u0629 \u0645\u062a\u062d\u0631\u0643\u0629 *\/\n .alrafei-theme .spark {\n position: absolute;\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.92);\n box-shadow:\n 0 0 0 5px rgba(255, 255, 255, 0.06),\n 0 0 20px rgba(255, 255, 255, 0.48);\n animation: sparkFloat 7s ease-in-out infinite;\n }\n .alrafei-theme .spark-1 { top: 18%; left: 22%; animation-delay: -1s; }\n .alrafei-theme .spark-2 { top: 65%; left: 48%; animation-delay: -4s; }\n .alrafei-theme .spark-3 { top: 34%; right: 18%; animation-delay: -2.5s; }\n .alrafei-theme .spark-4 { bottom: 16%; right: 34%; animation-delay: -5.5s; }\n @keyframes orbitFloat {\n 0%, 100% {\n transform: translate3d(0, 0, 0) rotate(0deg) scale(1);\n opacity: 0.48;\n }\n 35% {\n transform: translate3d(24px, -26px, 0) rotate(8deg) scale(1.035);\n opacity: 0.92;\n }\n 70% {\n transform: translate3d(-17px, 17px, 0) rotate(-6deg) scale(0.985);\n opacity: 0.64;\n }\n }\n @keyframes ringSpin {\n to { transform: rotate(360deg); }\n }\n @keyframes gridDrift {\n from {\n background-position: 0 0, 0 0;\n transform: perspective(700px) rotateX(64deg) translateY(13%) translateX(0);\n }\n to {\n background-position: 74px 74px, 74px 74px;\n transform: perspective(700px) rotateX(64deg) translateY(13%) translateX(74px);\n }\n }\n @keyframes ambientGlow {\n from { transform: translate3d(0, 0, 0) scale(0.92); opacity: 0.55; }\n to { transform: translate3d(35px, 22px, 0) scale(1.12); opacity: 0.95; }\n }\n @keyframes lightSweep {\n 0%, 100% { opacity: 0; translate: -25px 0; }\n 35%, 65% { opacity: 0.82; }\n 50% { translate: 55px 0; }\n }\n @keyframes sparkFloat {\n 0%, 100% { transform: translate3d(0, 0, 0) scale(0.8); opacity: 0.35; }\n 50% { transform: translate3d(17px, -25px, 0) scale(1.25); opacity: 1; }\n }\n \/* Hero Content Styles *\/\n .alrafei-theme .hero-content {\n position: relative;\n max-width: 650px;\n color: var(--color-white);\n padding-right: var(--spacing-sm);\n border-right: 3px solid var(--color-gray);\n }\n .alrafei-theme .hero-title {\n font-size: var(--fs-hero);\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: var(--spacing-md);\n margin-top: 0;\n }\n .alrafei-theme .hero-slogan .ar {\n font-size: var(--fs-2xl);\n font-weight: 700;\n color: var(--color-gray);\n margin-bottom: 0.5rem;\n margin-top: 0;\n }\n .alrafei-theme .hero-desc {\n font-size: var(--fs-lg);\n font-weight: 300;\n color: rgba(248, 248, 246, 0.85); \/* Off-white with opacity *\/\n line-height: 1.8;\n margin: 0;\n }\n \/* ==========================================================================\n 6. SCROLL REVEAL ANIMATIONS\n ========================================================================== *\/\n .alrafei-theme .reveal {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity var(--transition-slow), transform var(--transition-slow);\n }\n .alrafei-theme .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n .alrafei-theme .delay-1 { transition-delay: 150ms; }\n .alrafei-theme .delay-2 { transition-delay: 300ms; }\n \/* ==========================================================================\n 7. RESPONSIVE\n ========================================================================== *\/\n@media (max-width: 576px) {\n .alrafei-theme .hero-fullscreen::before {\n background: linear-gradient(to top, rgba(7, 27, 48, 0.95) 0%, rgba(7, 27, 48, 0.6) 100%);\n }\n .alrafei-theme .hero-content {\n border-right: none;\n padding-right: 0;\n text-align: center;\n margin: 0 auto;\n }\n .alrafei-theme .btn-group {\n flex-direction: column;\n gap: 0.8rem;\n justify-content: center;\n align-items: center;\n }\n .alrafei-theme .btn {\n width: 100%;\n }\n \/* \u062a\u0628\u0633\u064a\u0637 \u0627\u0644\u062d\u0631\u0643\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0645\u0639 \u0625\u0628\u0642\u0627\u0621 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0648\u0627\u0636\u062d\u0629 *\/\n .alrafei-theme .animated-bg::before {\n opacity: 0.42;\n background-size: 52px 52px;\n }\n .alrafei-theme .animated-bg::after {\n width: 90vw;\n left: -20%;\n top: 6%;\n }\n .alrafei-theme .shape-1 {\n width: 95vw;\n left: -42%;\n top: -4%;\n }\n .alrafei-theme .shape-2 {\n width: 65vw;\n right: -22%;\n bottom: 3%;\n }\n .alrafei-theme .shape-3,\n .alrafei-theme .shape-5,\n .alrafei-theme .line-2,\n .alrafei-theme .spark-4 {\n display: none;\n }\n .alrafei-theme .shape-4 {\n width: 105px;\n left: 10%;\n bottom: 14%;\n }\n .alrafei-theme .light-line {\n width: 78vw;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .alrafei-theme .shape,\n .alrafei-theme .shape::before,\n .alrafei-theme .animated-bg::before,\n .alrafei-theme .animated-bg::after,\n .alrafei-theme .light-line,\n .alrafei-theme .spark {\n animation: none !important;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n<!-- Theme Wrapper --><br \/>\n <main><br \/>\n <!-- \u0627\u0644\u063a\u0644\u0627\u0641 - \u062e\u0644\u0641\u064a\u0629 \u0643\u0627\u0645\u0644\u0629 \u0627\u0644\u0634\u0627\u0634\u0629 \u0645\u0639 \u0623\u0646\u064a\u0645\u064a\u0634\u0646 --><\/p>\n<section>\n <!-- \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0645\u062a\u062d\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 --><\/p>\n<h1>\u0645\u062c\u0645\u0648\u0639\u0629<br \/>\u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a<\/h1>\n<p>\u0646\u0639\u0631\u0641 \u0644\u0644\u0623\u0645\u0631 \u0642\u062f\u0631\u0647.<\/p>\n<p> <!-- \u0627\u0644\u0648\u0635\u0641 \u0627\u0644\u0639\u0631\u0628\u064a \u0627\u0644\u0642\u0635\u064a\u0631 \u0628\u062f\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u0643\u0644\u0645\u0629 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 --><\/p>\n<p>\u0645\u0646\u0634\u0623\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0631\u0627\u0626\u062f\u0629\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u060c \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\u060c \u0648\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u0631\u0624\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629.<\/p>\n<p> <button aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\"><br \/>\n \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<br \/>\n <\/button><br \/>\n <button aria-label=\"\u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a\"><br \/>\n \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a<br \/>\n <\/button><br \/>\n <\/section>\n<p><\/main><br \/>\n<\/body><br \/>\n<\/html>\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"ar\" dir=\"rtl\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n <title>\u0645\u0646 \u0646\u062d\u0646 – \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a<\/title><br \/>\n <!-- Almarai Font -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n \/* ==========================================================================\n 1. DESIGN SYSTEM & TOKENS (\u0623\u062d\u062c\u0627\u0645 \u0646\u0635\u0648\u0635 \u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629)\n ========================================================================== *\/\n :root {\n --color-primary: #071B30;\n --color-gray: #C3C8CD;\n --color-black: #000000;\n --color-off-white: #F8F8F6;\n --color-white: #FFFFFF;\n --font-family: \"Almarai\", sans-serif;\n \/* Typography Base (Mobile First) *\/\n --fs-xs: 10px;\n --fs-sm: 12px;\n --fs-base: 13px; \/* \u062d\u062c\u0645 \u0627\u0644\u0646\u0635 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0635\u063a\u064a\u0631 \u062c\u062f\u0627\u064b *\/\n --fs-lg: 15px;\n --fs-xl: 18px;\n --fs-2xl: 24px;\n --spacing-sm: 1rem;\n --spacing-md: 2rem;\n --spacing-lg: 3rem;\n --spacing-xl: 5rem;\n --radius-md: 8px;\n --transition-normal: 400ms cubic-bezier(.2,.8,.2,1);\n --transition-slow: 800ms cubic-bezier(.2,.8,.2,1);\n }\n @media (min-width: 768px) {\n :root {\n --fs-base: 14px;\n --fs-lg: 16px;\n --fs-xl: 20px;\n --fs-2xl: 30px;\n }\n }\n @media (min-width: 1200px) {\n :root {\n --fs-base: 14px; \/* \u062b\u0627\u0628\u062a \u0648\u0645\u0642\u0631\u0648\u0621 *\/\n --fs-lg: 16px;\n --fs-xl: 22px;\n --fs-2xl: 36px;\n }\n }\n \/* ==========================================================================\n 2. WRAPPER (NO BODY)\n ========================================================================== *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n .alrafei-theme {\n font-family: var(--font-family);\n background-color: var(--color-off-white);\n color: var(--color-black);\n line-height: 1.8;\n -webkit-font-smoothing: antialiased;\n overflow: hidden;\n position: relative;\n }\n .alrafei-theme .container {\n width: 90%;\n max-width: 1100px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \/* ==========================================================================\n 3. CINEMATIC ABOUT SECTION\n ========================================================================== *\/\n .alrafei-theme .cinematic-about {\n padding: var(--spacing-xl) 0;\n position: relative;\n display: flex;\n align-items: center;\n min-height: 80vh;\n }\n \/* Watermark \u0627\u0644\u0646\u0635\u064a \u0627\u0644\u0636\u062e\u0645 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 *\/\n .alrafei-theme .watermark {\n position: absolute;\n top: 50%;\n left: -5%;\n transform: translateY(-50%) rotate(-90deg);\n font-size: 15vw;\n font-weight: 800;\n color: rgba(7, 27, 48, 0.02); \/* \u0643\u062d\u0644\u064a \u0628\u0634\u0641\u0627\u0641\u064a\u0629 2% *\/\n white-space: nowrap;\n pointer-events: none;\n z-index: 1;\n user-select: none;\n }\n \/* \u062e\u0637 \u0639\u0645\u0648\u062f\u064a \u062f\u064a\u0643\u0648\u0631\u064a \u0644\u0631\u0628\u0637 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 *\/\n .alrafei-theme .vertical-line {\n position: absolute;\n top: 0;\n right: 10%;\n width: 1px;\n height: 100%;\n background-color: rgba(195, 200, 205, 0.3);\n z-index: 1;\n }\n .alrafei-theme .content-grid {\n display: grid;\n grid-template-columns: 1fr 1.2fr;\n gap: var(--spacing-xl);\n align-items: center;\n }\n \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0645\u0646: \u0627\u0644\u0646\u0635\u0648\u0635 --- *\/\n .alrafei-theme .text-content {\n padding-right: var(--spacing-md);\n }\n .alrafei-theme .subtitle {\n font-size: var(--fs-sm);\n font-weight: 700;\n color: var(--color-gray);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: var(--spacing-sm);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .alrafei-theme .subtitle::before {\n content: '';\n width: 30px;\n height: 1px;\n background-color: var(--color-gray);\n }\n .alrafei-theme .title {\n font-size: var(--fs-2xl);\n font-weight: 800;\n color: var(--color-primary);\n margin: 0 0 var(--spacing-md) 0;\n }\n .alrafei-theme .lead-paragraph {\n font-size: var(--fs-lg);\n font-weight: 700;\n color: var(--color-primary);\n line-height: 1.6;\n margin: 0 0 var(--spacing-sm) 0;\n }\n .alrafei-theme .normal-paragraph {\n font-size: var(--fs-base);\n font-weight: 400;\n color: #54606C;\n margin: 0 0 var(--spacing-md) 0;\n }\n \/* \u0628\u0644\u0648\u0643 \u0627\u0644\u0641\u0644\u0633\u0641\u0629 \u0628\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0627\u0642\u062a\u0628\u0627\u0633 \u0627\u0644\u0645\u0648\u062f\u0631\u0646 *\/\n .alrafei-theme .philosophy-block {\n position: relative;\n padding: var(--spacing-sm) var(--spacing-md);\n background: linear-gradient(to left, rgba(195, 200, 205, 0.1), transparent);\n border-radius: var(--radius-md);\n overflow: hidden;\n transition: background var(--transition-normal);\n }\n .alrafei-theme .philosophy-block::before {\n content: '';\n position: absolute;\n top: 0;\n right: 0; \/* \u0641\u064a \u0627\u0644\u0640 RTL \u064a\u0643\u0648\u0646 \u0627\u0644\u062e\u0637 \u064a\u0645\u064a\u0646 *\/\n width: 3px;\n height: 100%;\n background-color: var(--color-gray);\n transition: width var(--transition-normal), background-color var(--transition-normal);\n }\n .alrafei-theme .philosophy-block:hover {\n background: linear-gradient(to left, rgba(7, 27, 48, 0.05), transparent);\n }\n .alrafei-theme .philosophy-block:hover::before {\n width: 5px;\n background-color: var(--color-primary);\n }\n .alrafei-theme .philosophy-block p {\n font-size: var(--fs-base);\n font-weight: 400;\n color: var(--color-primary);\n margin: 0;\n position: relative;\n z-index: 2;\n }\n .alrafei-theme .philosophy-block strong {\n font-weight: 800;\n }\n \/* --- \u0627\u0644\u062c\u0627\u0646\u0628 \u0627\u0644\u0623\u064a\u0633\u0631: \u0627\u0644\u0635\u0648\u0631\u0629 \u0648\u062d\u0631\u0643\u0629 \u0627\u0644\u0625\u0637\u0627\u0631 --- *\/\n .alrafei-theme .image-wrapper {\n position: relative;\n padding: var(--spacing-sm);\n }\n \/* \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u0645\u0646\u0632\u0627\u062d \u0641\u064a \u0627\u0644\u062e\u0644\u0641 *\/\n .alrafei-theme .image-frame-bg {\n position: absolute;\n top: 0;\n left: 0;\n width: 90%;\n height: 90%;\n background-color: var(--color-primary);\n border-radius: var(--radius-md);\n transition: transform var(--transition-slow);\n z-index: 1;\n }\n \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0635\u0648\u0631\u0629 \u0646\u0641\u0633\u0647\u0627 *\/\n .alrafei-theme .image-container {\n position: relative;\n width: 90%;\n margin-right: 10%;\n margin-top: 10%;\n border-radius: var(--radius-md);\n overflow: hidden;\n box-shadow: 0 20px 40px rgba(0,0,0,0.15);\n z-index: 2;\n aspect-ratio: 4 \/ 5;\n transition: transform var(--transition-slow);\n }\n .alrafei-theme .image-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: grayscale(40%) contrast(1.1);\n transition: filter var(--transition-slow), transform 2s ease;\n }\n \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0640 Hover \u0627\u0644\u0645\u0628\u0647\u0631 (Parallax Effect) *\/\n .alrafei-theme .image-wrapper:hover .image-frame-bg {\n transform: translate(-15px, -15px); \/* \u064a\u062a\u062d\u0631\u0643 \u0644\u0644\u0623\u0639\u0644\u0649 \u0648\u0627\u0644\u064a\u0633\u0627\u0631 *\/\n }\n .alrafei-theme .image-wrapper:hover .image-container {\n transform: translate(10px, 10px); \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u062a\u062a\u062d\u0631\u0643 \u0644\u0644\u0623\u0633\u0641\u0644 \u0648\u0627\u0644\u064a\u0645\u064a\u0646 *\/\n }\n .alrafei-theme .image-wrapper:hover .image-container img {\n filter: grayscale(0%) contrast(1.1);\n transform: scale(1.05); \/* \u0632\u0648\u0648\u0645 \u0628\u0637\u064a\u0621 \u062f\u0627\u062e\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n }\n \/* \u0635\u0646\u062f\u0648\u0642 \u0635\u063a\u064a\u0631 \u0641\u0648\u0642 \u0627\u0644\u0635\u0648\u0631\u0629 \u0644\u0644\u062a\u0645\u064a\u0632 *\/\n .alrafei-theme .floating-box {\n position: absolute;\n bottom: 20%;\n right: -5%;\n background-color: var(--color-white);\n padding: 1rem 1.5rem;\n border-radius: var(--radius-md);\n box-shadow: 0 10px 30px rgba(7,27,48,0.1);\n z-index: 3;\n display: flex;\n align-items: center;\n gap: 15px;\n border: 1px solid rgba(195, 200, 205, 0.3);\n }\n .alrafei-theme .floating-box i {\n font-size: 24px;\n color: var(--color-primary);\n }\n .alrafei-theme .floating-box span {\n font-size: var(--fs-sm);\n font-weight: 700;\n color: var(--color-black);\n line-height: 1.4;\n }\n \/* ==========================================================================\n 4. ANIMATIONS\n ========================================================================== *\/\n .alrafei-theme .reveal-up {\n opacity: 0;\n transform: translateY(30px);\n transition: all var(--transition-slow);\n }\n .alrafei-theme .reveal-left {\n opacity: 0;\n transform: translateX(30px);\n transition: all var(--transition-slow);\n }\n .alrafei-theme .reveal-up.active,\n .alrafei-theme .reveal-left.active {\n opacity: 1;\n transform: translate(0, 0);\n }\n .alrafei-theme .delay-1 { transition-delay: 100ms; }\n .alrafei-theme .delay-2 { transition-delay: 200ms; }\n .alrafei-theme .delay-3 { transition-delay: 300ms; }\n \/* ==========================================================================\n 5. RESPONSIVE QUERIES\n ========================================================================== *\/\n @media (max-width: 992px) {\n .alrafei-theme .content-grid {\n grid-template-columns: 1fr;\n gap: var(--spacing-xl);\n }\n .alrafei-theme .text-content {\n padding-right: 0;\n }\n .alrafei-theme .vertical-line {\n display: none;\n }\n .alrafei-theme .watermark {\n font-size: 25vw;\n top: 20%;\n left: -10%;\n }\n .alrafei-theme .floating-box {\n right: 10%;\n bottom: -20px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<section id=\"about\">\n <!-- \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0627\u0644\u062f\u064a\u0643\u0648\u0631\u064a\u0629 --><br \/>\n \u0627\u0644\u0631\u0627\u0641\u0639\u064a<br \/>\n <!-- \u062c\u0627\u0646\u0628 \u0627\u0644\u0646\u0635\u0648\u0635 --><br \/>\n \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629<\/p>\n<h2>\u0645\u0646 \u0646\u062d\u0646<\/h2>\n<p>\n \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0646\u0634\u0623\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0643\u064a\u0645\u060c \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\u060c \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.\n <\/p>\n<p>\n \u062a\u0633\u062a\u0646\u062f \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0625\u0644\u0649 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0644\u0645\u0624\u0633\u0633\u0647\u0627 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a\u060c \u0627\u0644\u0645\u0645\u062a\u062f\u0629 \u0645\u0646\u0630 \u0639\u0627\u0645 1435\u0647\u0640\u060c \u0648\u062a\u0639\u0645\u0644 \u0636\u0645\u0646 \u0645\u0646\u0638\u0648\u0645\u0629 \u0645\u0647\u0646\u064a\u0629 \u0645\u0631\u0646\u0629 \u062a\u064f\u0634\u0643\u0651\u0644 \u0645\u0646 \u062e\u0644\u0627\u0644\u0647\u0627 \u0641\u0631\u0642 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0625\u062f\u0627\u0631\u064a\u0629 \u0628\u062d\u0633\u0628 \u0637\u0628\u064a\u0639\u0629 \u0643\u0644 \u062a\u0643\u0644\u064a\u0641 \u0648\u0645\u062a\u0637\u0644\u0628\u0627\u062a\u0647.\n <\/p>\n<p>\n \u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u0633\u0623\u0644\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0648\u0635\u0641\u0647\u0627 <strong>\u0645\u0633\u0624\u0648\u0644\u064a\u0629<\/strong> \u062a\u0642\u062a\u0636\u064a \u0641\u0647\u0645\u064b\u0627 \u062f\u0642\u064a\u0642\u064b\u0627 \u0644\u0644\u0648\u0642\u0627\u0626\u0639\u060c \u0648\u062a\u0642\u062f\u064a\u0631\u064b\u0627 \u0645\u062a\u0632\u0646\u064b\u0627 \u0644\u0644\u0645\u062e\u0627\u0637\u0631\u060c \u0648\u0648\u0636\u0648\u062d\u064b\u0627 \u0641\u064a \u0627\u0644\u0631\u0623\u064a\u060c \u0648\u0627\u0646\u0636\u0628\u0627\u0637\u064b\u0627 \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u061b \u0641\u0644\u064a\u0633\u062a \u0643\u0644 \u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0633\u0648\u0627\u0621\u060c \u0648\u0644\u0643\u0644 \u0623\u0645\u0631 \u0642\u062f\u0631\u0647 \u0648\u0645\u0627 \u064a\u0644\u0627\u0626\u0645\u0647 \u0645\u0646 \u0639\u0646\u0627\u064a\u0629 \u0648\u062d\u0643\u0645 \u0645\u0647\u0646\u064a.\n <\/p>\n<p> <!-- \u062c\u0627\u0646\u0628 \u0627\u0644\u0635\u0648\u0631\u0629 \u0630\u0648 \u0627\u0644\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0628\u0647\u0631\u0629 --><br \/>\n <!-- \u0627\u0644\u0625\u0637\u0627\u0631 \u0627\u0644\u062e\u0644\u0641\u064a --><br \/>\n <!-- \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 --><br \/>\n <img decoding=\"async\" src=\"https:\/\/alrafeigroup.com\/wp-content\/uploads\/2026\/07\/2152022033.webp\" alt=\"\u0639\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u0627\u0644\u0631\u0627\u0641\u0639\u064a\" loading=\"lazy\"><br \/>\n <!-- \u0627\u0644\u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0639\u0627\u0626\u0645 \u0644\u0644\u0645\u0633\u0629 \u063a\u064a\u0631 \u062a\u0642\u0644\u064a\u062f\u064a\u0629 --><br \/>\n \u062a\u0623\u0633\u0633\u062a \u0639\u0627\u0645<br \/>1435 \u0647\u0640<br \/>\n <\/section>\n<p><\/body><br \/>\n<\/html>\t\t\t\t\t<!DOCTYPE html><br \/>\n<html lang=\"ar\" dir=\"rtl\"><br \/>\n<head><br \/>\n <meta charset=\"UTF-8\"><br \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n <title>\u0645\u0628\u0627\u062f\u0626 \u0639\u0645\u0644\u0646\u0627 – \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a<\/title><br \/>\n <!-- Almarai Font -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\" rel=\"stylesheet\">\n <!-- Font Awesome -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n \/* ==========================================================================\n 1. DESIGN SYSTEM & TOKENS (\u0623\u062d\u062c\u0627\u0645 \u0646\u0635\u0648\u0635 \u0645\u062a\u0646\u0627\u0647\u064a\u0629 \u0627\u0644\u0635\u063a\u0631 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629)\n ========================================================================== *\/\n :root {\n --color-primary: #071B30;\n --color-gray: #C3C8CD;\n --color-black: #000000;\n --color-off-white: #F8F8F6;\n --color-white: #FFFFFF;\n --font-family: \"Almarai\", sans-serif;\n \/* Mobile Typography *\/\n --fs-xs: 10px;\n --fs-sm: 11px;\n --fs-base: 12px;\n --spacing-md: 2rem;\n --spacing-lg: 4rem;\n \/* Transitions \u0627\u0644\u0645\u0644\u0633\u0627\u0621 \u0644\u0644\u062a\u0645\u062f\u062f *\/\n --transition-smooth: 600ms cubic-bezier(0.25, 1, 0.5, 1);\n }\n @media (min-width: 768px) {\n :root {\n --fs-sm: 12px;\n --fs-base: 13px; \/* \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0623\u0633\u0627\u0633\u064a \u0635\u063a\u064a\u0631 \u0648\u0645\u0646\u0627\u0633\u0628 \u0644\u0644\u0640 Editorial *\/\n }\n }\n \/* ==========================================================================\n 2. WRAPPER (NO BODY STYLING)\n ========================================================================== *\/\n *, *::before, *::after {\n box-sizing: border-box;\n }\n .alrafei-theme {\n font-family: var(--font-family);\n line-height: 1.8;\n -webkit-font-smoothing: antialiased;\n overflow: hidden;\n background-color: var(--color-white); \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0639\u0627\u0645\u0629 \u0644\u0644\u0627\u062e\u062a\u0628\u0627\u0631 *\/\n }\n .alrafei-theme .container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n z-index: 2;\n }\n \/* ==========================================================================\n 3. CINEMATIC ACCORDION DIVIDER\n ========================================================================== *\/\n .alrafei-theme .sleek-divider {\n background-color: var(--color-primary); \/* \u0641\u0627\u0635\u0644 \u063a\u0627\u0645\u0642 *\/\n padding: var(--spacing-lg) 0;\n position: relative;\n }\n \/* \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0646\u0628\u0636 \u0627\u0644\u062e\u0641\u064a\u0641 \u0641\u064a \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u0628\u0647\u0627\u0631 *\/\n .alrafei-theme .sleek-divider::before {\n content: '';\n position: absolute;\n inset: 0;\n background: radial-gradient(circle at 50% 50%, rgba(195, 200, 205, 0.04) 0%, transparent 60%);\n animation: pulseAmbient 6s infinite alternate;\n pointer-events: none;\n }\n @keyframes pulseAmbient {\n 0% { transform: scale(1); opacity: 0.4; }\n 100% { transform: scale(1.1); opacity: 1; }\n }\n \/* \u0627\u0644\u063a\u0644\u0627\u0641 \u0627\u0644\u0630\u064a \u064a\u062d\u0648\u064a \u0627\u0644\u0643\u0628\u0633\u0648\u0644\u0629 \u0648\u0627\u0644\u0635\u0646\u062f\u0648\u0642 *\/\n .alrafei-theme .divider-wrapper {\n position: relative;\n margin-top: 15px; \/* \u0645\u0633\u0627\u062d\u0629 \u0644\u0644\u0643\u0628\u0633\u0648\u0644\u0629 \u0627\u0644\u0639\u0627\u0626\u0645\u0629 *\/\n }\n \/* \u0643\u0628\u0633\u0648\u0644\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 (\u0645\u0628\u0627\u062f\u0626 \u0639\u0645\u0644\u0646\u0627) *\/\n .alrafei-theme .capsule-title {\n position: absolute;\n top: -14px; \/* \u0644\u062a\u0642\u0637\u0639 \u0627\u0644\u062e\u0637 \u0627\u0644\u0639\u0644\u0648\u064a \u0628\u0627\u0644\u0645\u0646\u062a\u0635\u0641 *\/\n left: 50%;\n transform: translateX(-50%);\n background-color: var(--color-primary);\n color: var(--color-white);\n font-size: var(--fs-sm);\n font-weight: 800;\n letter-spacing: 0.5px;\n padding: 4px 24px;\n border: 1px solid rgba(195, 200, 205, 0.25);\n border-radius: 30px;\n z-index: 10;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n margin: 0;\n white-space: nowrap;\n }\n \/* \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u0623\u0643\u0648\u0631\u062f\u064a\u0648\u0646 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 *\/\n .alrafei-theme .panels-container {\n display: flex;\n width: 100%;\n height: 220px; \/* \u0631\u0634\u064a\u0642 \u0648\u0623\u0646\u064a\u0642 *\/\n background-color: rgba(0, 0, 0, 0.2); \/* \u0623\u063a\u0645\u0642 \u0645\u0646 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0644\u0628\u0631\u0648\u0632 \u0627\u0644\u0625\u0637\u0627\u0631 *\/\n border: 1px solid rgba(195, 200, 205, 0.15);\n border-radius: 12px;\n overflow: hidden;\n position: relative;\n }\n \/* \u0643\u0644 \u0645\u0628\u062f\u0623 \u064a\u0645\u062b\u0644 Panel *\/\n .alrafei-theme .panel {\n flex: 1; \/* \u062d\u062c\u0645 \u0645\u062a\u0633\u0627\u0648\u064d \u0628\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0637\u0628\u064a\u0639\u064a *\/\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-left: 1px solid rgba(195, 200, 205, 0.15); \/* \u062e\u0637 \u0641\u0627\u0635\u0644 \u0646\u062d\u064a\u0641 *\/\n transition: flex var(--transition-smooth), background var(--transition-smooth);\n cursor: pointer;\n overflow: hidden;\n }\n .alrafei-theme .panel:last-child {\n border-left: none; \/* \u0625\u0632\u0627\u0644\u0629 \u0627\u0644\u062e\u0637 \u0639\u0646 \u0622\u062e\u0631 \u0639\u0646\u0635\u0631 (\u0623\u0642\u0635\u0649 \u0627\u0644\u064a\u0633\u0627\u0631 \u0641\u064a \u0627\u0644\u0640 RTL) *\/\n }\n \/* ==========================================================================\n 4. MICRO-INTERACTIONS (\u0627\u0644\u0633\u062d\u0631 \u0627\u0644\u062d\u0642\u064a\u0642\u064a \u0647\u0646\u0627)\n ========================================================================== *\/\n \/* 1. \u0639\u0646\u062f\u0645\u0627 \u062a\u0642\u0641 \u0639\u0644\u0649 \u0627\u0644\u062d\u0627\u0648\u064a\u0629 \u0628\u0623\u0643\u0645\u0644\u0647\u0627\u060c \u062a\u0646\u0643\u0645\u0634 \u062c\u0645\u064a\u0639 \u0627\u0644\u0640 Panels \u0642\u0644\u064a\u0644\u0627\u064b *\/\n .alrafei-theme .panels-container:hover .panel {\n flex: 0.7;\n }\n \/* 2. \u0627\u0644\u0640 Panel \u0627\u0644\u0630\u064a \u062a\u0642\u0641 \u0639\u0644\u064a\u0647 \u064a\u062a\u0645\u062f\u062f \u0628\u0634\u0643\u0644 \u062f\u0631\u0627\u0645\u064a *\/\n .alrafei-theme .panels-container .panel:hover {\n flex: 2.8; \n background-color: rgba(195, 200, 205, 0.05);\n }\n \/* 3. \u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u0633\u064a\u0646\u0645\u0627\u0626\u064a (Blur) \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 \u063a\u064a\u0631 \u0627\u0644\u0646\u0634\u0637\u0629 *\/\n .alrafei-theme .panels-container:hover .panel:not(:hover) .panel-content {\n opacity: 0.15;\n filter: blur(3px); \/* \u062a\u0623\u062b\u064a\u0631 \u0645\u0628\u0647\u0631 \u064a\u0631\u0643\u0632 \u0627\u0644\u0639\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0646\u0634\u0637 *\/\n transform: scale(0.9);\n }\n \/* \u0627\u0644\u062a\u0648\u0647\u062c \u0627\u0644\u0633\u0641\u0644\u064a \u0644\u0644\u0639\u0646\u0635\u0631 \u0627\u0644\u0646\u0634\u0637 *\/\n .alrafei-theme .panel::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50%;\n background: linear-gradient(to top, rgba(255, 255, 255, 0.08), transparent);\n opacity: 0;\n transition: opacity var(--transition-smooth);\n pointer-events: none;\n }\n .alrafei-theme .panel:hover::after {\n opacity: 1;\n }\n \/* \u0627\u0644\u062e\u0637 \u0627\u0644\u0645\u0636\u064a\u0621 \u0627\u0644\u0645\u062a\u062d\u0631\u0643 \u0628\u0627\u0644\u0623\u0633\u0641\u0644 *\/\n .alrafei-theme .panel::before {\n content: '';\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 3px;\n background-color: var(--color-white);\n transition: width var(--transition-smooth);\n z-index: 2;\n }\n .alrafei-theme .panel:hover::before {\n width: 80px;\n }\n \/* \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0640 Panel (\u0623\u064a\u0642\u0648\u0646\u0629 + \u0646\u0635) *\/\n .alrafei-theme .panel-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n transform: translateY(8px);\n transition: all var(--transition-smooth);\n width: 100%;\n }\n .alrafei-theme .panel:hover .panel-content {\n transform: translateY(0);\n }\n \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 *\/\n .alrafei-theme .panel-icon {\n font-size: 22px;\n color: rgba(195, 200, 205, 0.4); \/* \u062e\u0627\u0641\u062a\u0629 \u0628\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0627\u0641\u062a\u0631\u0627\u0636\u064a *\/\n transition: all var(--transition-smooth);\n }\n .alrafei-theme .panel:hover .panel-icon {\n color: var(--color-white);\n transform: scale(1.2);\n text-shadow: 0 0 15px rgba(255, 255, 255, 0.4);\n }\n \/* \u062a\u0646\u0633\u064a\u0642 \u0627\u0644\u0646\u0635 (\u0635\u063a\u064a\u0631 \u062c\u062f\u0627\u064b \u0643\u0645\u0627 \u0637\u0644\u0628\u062a) *\/\n .alrafei-theme .panel-text {\n font-size: var(--fs-base);\n font-weight: 400;\n color: rgba(195, 200, 205, 0.6);\n white-space: nowrap; \/* \u064a\u0645\u0646\u0639 \u0646\u0632\u0648\u0644 \u0627\u0644\u0646\u0635 \u0644\u0633\u0637\u0631\u064a\u0646 \u0639\u0646\u062f \u0627\u0644\u0627\u0646\u0643\u0645\u0627\u0634 *\/\n transition: all var(--transition-smooth);\n }\n .alrafei-theme .panel:hover .panel-text {\n color: var(--color-white);\n font-weight: 700;\n letter-spacing: 0.5px;\n }\n \/* ==========================================================================\n 5. ANIMATIONS & REVEAL\n ========================================================================== *\/\n .alrafei-theme .reveal-zoom {\n opacity: 0;\n transform: scale(0.96) translateY(20px);\n transition: all 800ms cubic-bezier(.2,.8,.2,1);\n }\n .alrafei-theme .reveal-zoom.active {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n \/* ==========================================================================\n 6. RESPONSIVE QUERIES (\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0627\u0644\u0623\u0646\u064a\u0642\u0629)\n ========================================================================== *\/\n @media (max-width: 992px) {\n .alrafei-theme .panels-container {\n flex-direction: column; \/* \u062a\u0631\u062a\u064a\u0628 \u0639\u0645\u0648\u062f\u064a \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n height: auto;\n }\n .alrafei-theme .panel {\n flex: none !important; \/* \u062a\u0639\u0637\u064a\u0644 \u062a\u0645\u062f\u062f \u0627\u0644\u0641\u0644\u064a\u0643\u0633 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u062a\u062c\u0646\u0628 \u0627\u0644\u0623\u062e\u0637\u0627\u0621 *\/\n height: 70px;\n border-left: none;\n border-bottom: 1px solid rgba(195, 200, 205, 0.15);\n flex-direction: row; \/* \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0629 \u0648\u0627\u0644\u0646\u0635 \u0628\u062c\u0627\u0646\u0628 \u0628\u0639\u0636 *\/\n justify-content: flex-start;\n padding: 0 2rem;\n }\n .alrafei-theme .panel:last-child {\n border-bottom: none;\n }\n .alrafei-theme .panel-content {\n flex-direction: row;\n transform: none !important;\n gap: 20px;\n }\n \/* \u0625\u0632\u0627\u0644\u0629 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0639\u0632\u0644 \u0648\u0627\u0644\u062e\u0637\u0648\u0637 \u0627\u0644\u0645\u0636\u064a\u0626\u0629 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0644\u0639\u062f\u0645 \u0648\u062c\u0648\u062f Hover \u0641\u0639\u0644\u064a *\/\n .alrafei-theme .panels-container:hover .panel:not(:hover) .panel-content {\n opacity: 1;\n filter: none;\n transform: none;\n }\n .alrafei-theme .panel::after, .alrafei-theme .panel::before {\n display: none;\n }\n .alrafei-theme .panel-icon {\n color: var(--color-white);\n font-size: 18px;\n }\n .alrafei-theme .panel-text {\n color: var(--color-gray);\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><br \/>\n <!-- \u0627\u0644\u0633\u0643\u0634\u0646 \u0627\u0644\u0641\u0627\u0635\u0644 \u0627\u0644\u0645\u0628\u0647\u0631 --><\/p>\n<section id=\"principles\">\n <!-- \u0643\u0628\u0633\u0648\u0644\u0629 \u0627\u0644\u0639\u0646\u0648\u0627\u0646 --><\/p>\n<h3>\u0645\u0628\u0627\u062f\u0626 \u0639\u0645\u0644\u0646\u0627<\/h3>\n<p> <!-- \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u062a\u0645\u062f\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a --><br \/>\n \u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u062e\u0628\u0631\u0627\u062a<br \/>\n \u0627\u0644\u0633\u0631\u064a\u0629<br \/>\n \u0627\u0644\u0648\u0636\u0648\u062d<br \/>\n \u0627\u0644\u062f\u0642\u0629<br \/>\n \u0627\u0644\u0627\u0633\u062a\u0642\u0644\u0627\u0644<br \/>\n <\/section>\n<p><\/body><br \/>\n<\/html>\t\t\t\t\t<!-- Almarai Font -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\"\n rel=\"stylesheet\"\n><br \/>\n<!-- Font Awesome -->\n<link\n rel=\"stylesheet\"\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\"\n><\/p>\n<section\n id=\"arf-founder-story\"\n dir=\"rtl\"\n aria-labelledby=\"arf-founder-title\"\n><br \/>\n <!-- Section Heading --><\/p>\n<header>\n \u0627\u0644\u0645\u0624\u0633\u0633 \u0648\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0627\u0645<\/p>\n<h2 id=\"arf-founder-title\">\n \u0627\u0644\u0642\u064a\u0627\u062f\u0629 \u062a\u0628\u062f\u0623 \u0645\u0646<br \/>\n \u062e\u0628\u0631\u0629 \u0645\u0648\u062b\u0642\u0629<br \/>\n <\/h2>\n<p>\n \u0631\u062d\u0644\u0629 \u0645\u0647\u0646\u064a\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u060c<br \/>\n \u0648\u0641\u0647\u0645 \u0627\u0644\u0623\u062b\u0631 \u0627\u0644\u0646\u0638\u0627\u0645\u064a \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0644\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629.\n <\/p>\n<\/header>\n<p> <!-- Founder Visual --><\/p>\n<aside\n aria-label=\"\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\"\n ><\/p>\n<figure>\n <img\n src=\"https:\/\/alrafeigroup.com\/wp-content\/uploads\/2026\/07\/\u0627\u0644\u0645\u0624\u0633\u0633.webp\"\n alt=\"\u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a\u060c \u0645\u0624\u0633\u0633 \u0648\u0645\u062f\u064a\u0631 \u0639\u0627\u0645 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\"\n loading=\"lazy\"\n decoding=\"async\"\n ><br \/>\n \u062e\u0628\u0631\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646\u0630<br \/>\n <strong>1435\u0647\u0640<\/strong><figcaption>\n \u0627\u0644\u0645\u062d\u0627\u0645\u064a<\/p>\n<h3>\u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a<\/h3>\n<p\n id=\"arf-founder-description\"\n aria-live=\"polite\"\n ><br \/>\n \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0623\u0633\u0633\u062a \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629.\n <\/p>\n<\/figcaption><\/figure>\n<\/aside>\n<p> <!-- Story Chapters --><br \/>\n <!-- Chapter 1 --><\/p>\n<article\n tabindex=\"0\"\n data-caption=\"\u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u0623\u0633\u0633\u062a \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629.\"\n ><br \/>\n 01<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u0644\u0628\u062f\u0627\u064a\u0629<\/p>\n<h3>\u0645\u0631\u062c\u0639\u064a\u0629 \u0645\u0647\u0646\u064a\u0629 \u062a\u0623\u0633\u0633\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629<\/h3>\n<p>\n \u064a\u0645\u062b\u0644 \u0627\u0644\u0645\u062d\u0627\u0645\u064a \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0627\u0644\u0645\u0631\u062c\u0639\u064a\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0627\u0644\u062a\u064a<br \/>\n \u062a\u0623\u0633\u0633\u062a \u0639\u0644\u064a\u0647\u0627 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\u060c \u0628\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0639\u0645\u0644\u064a\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646\u0630<br \/>\n \u0639\u0627\u0645 1435\u0647\u0640.\n <\/p>\n<p>\n \u0628\u062f\u0623\u062a \u0647\u0630\u0647 \u0627\u0644\u0631\u062d\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u0644\u0644\u0642\u0627\u0646\u0648\u0646\u060c \u0648\u0641\u0647\u0645<br \/>\n \u0637\u0628\u064a\u0639\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0628\u0648\u0635\u0641\u0647\u0627<br \/>\n \u0642\u0631\u0627\u0631\u0627\u062a \u062a\u0624\u062b\u0631 \u0641\u064a \u0627\u0644\u0623\u0641\u0631\u0627\u062f \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0648\u0645\u0633\u062a\u0642\u0628\u0644 \u0623\u0639\u0645\u0627\u0644\u0647\u0645.\n <\/p>\n<\/article>\n<p> <!-- Chapter 2 --><\/p>\n<article\n tabindex=\"0\"\n data-caption=\"\u062e\u0628\u0631\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0634\u0631\u0643\u0627\u062a.\"\n ><br \/>\n 02<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u062a\u0633\u0627\u0639 \u0627\u0644\u062e\u0628\u0631\u0629<\/p>\n<h3>\u062e\u0628\u0631\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0644\u0627 \u062a\u062a\u0648\u0642\u0641 \u0639\u0646\u062f \u0645\u0633\u0627\u0631 \u0648\u0627\u062d\u062f<\/h3>\n<p>\n \u0627\u0645\u062a\u062f\u062a \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 \u0644\u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a<br \/>\n \u0648\u0627\u0644\u062a\u062d\u0643\u064a\u0645\u060c \u0648\u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f\u060c \u0648\u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\u060c \u0648\u0623\u0639\u0645\u0627\u0644<br \/>\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629.\n <\/p>\n<p> <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u0644\u062a\u0631\u0627\u0641\u0639 \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0627\u062a<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u062d\u0648\u0643\u0645\u0629<br \/>\n <\/article>\n<p> <!-- Chapter 3 --><\/p>\n<article\n tabindex=\"0\"\n data-caption=\"\u0645\u0646\u0647\u062c \u064a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.\"\n ><br \/>\n 03<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0645\u0646\u0647\u062c \u0627\u0644\u0642\u064a\u0627\u062f\u0629<\/p>\n<h3>\u0627\u0644\u0646\u0638\u0631 \u0625\u0644\u0649 \u0645\u0627 \u0648\u0631\u0627\u0621 \u0627\u0644\u0645\u0633\u0623\u0644\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<\/h3>\n<p>\n \u064a\u062c\u0645\u0639 \u0641\u064a \u062a\u0623\u0647\u064a\u0644\u0647 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629<br \/>\n \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\u061b \u0628\u0645\u0627 \u064a\u062f\u0639\u0645 \u0627\u0644\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u0645\u0633\u0623\u0644\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<br \/>\n \u0641\u064a \u0633\u064a\u0627\u0642\u0647\u0627 \u0627\u0644\u0623\u0648\u0633\u0639.\n <\/p>\n<blockquote><p>\n <i\n aria-hidden=\"true\"\n ><\/i><\/p>\n<p>\n \u0644\u0627 \u062a\u0643\u062a\u0645\u0644 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u062f\u0648\u0646 \u0641\u0647\u0645 \u0622\u062b\u0627\u0631\u0647\u0627<br \/>\n \u0627\u0644\u0646\u0638\u0627\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629\u060c \u0648\u0637\u0628\u064a\u0639\u0629 \u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u0646\u062a\u0627\u0626\u062c<br \/>\n \u0627\u0644\u062a\u064a \u064a\u0633\u0639\u0649 \u0625\u0644\u0649 \u062a\u062d\u0642\u064a\u0642\u0647\u0627.\n <\/p>\n<\/blockquote>\n<p>\n \u0648\u0645\u0646 \u0647\u0630\u0627 \u0627\u0644\u0645\u0646\u0637\u0644\u0642\u060c \u062a\u064f\u0628\u0646\u0649 \u0627\u0644\u0645\u0639\u0627\u0644\u062c\u0629 \u0628\u0645\u0627 \u064a\u062a\u0646\u0627\u0633\u0628 \u0645\u0639 \u0637\u0628\u064a\u0639\u0629<br \/>\n \u0643\u0644 \u0645\u0633\u0623\u0644\u0629\u060c \u0648\u0645\u0633\u062a\u0648\u0649 \u0645\u062e\u0627\u0637\u0631\u0647\u0627\u060c \u0648\u0623\u0647\u062f\u0627\u0641\u0647\u0627 \u0627\u0644\u0639\u0645\u0644\u064a\u0629<br \/>\n \u0648\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.\n <\/p>\n<\/article>\n<p> <!-- Chapter 4 --><\/p>\n<article\n tabindex=\"0\"\n data-caption=\"\u0645\u0624\u0647\u0644\u0627\u062a \u0648\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a \u0645\u062d\u0644\u064a\u0629 \u0648\u062f\u0648\u0644\u064a\u0629 \u062a\u0639\u0632\u0632 \u0647\u0630\u0647 \u0627\u0644\u0645\u0633\u064a\u0631\u0629.\"\n ><br \/>\n 04<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0627\u0644\u0645\u0624\u0647\u0644\u0627\u062a \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a<\/p>\n<h3>\u0645\u0633\u064a\u0631\u0629 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u062a\u0623\u0647\u064a\u0644 \u0648\u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f<\/h3>\n<ul>\n<li>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0645\u062d\u0627\u0645\u064d \u0645\u0631\u062e\u0635 \u0628\u0645\u0632\u0627\u0648\u0644\u0629 \u0645\u0647\u0646\u0629 \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629<br \/>\n \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\n <\/li>\n<li>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0628\u0627\u062d\u062b \u062f\u0643\u062a\u0648\u0631\u0627\u0647 \u0641\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u060c \u0648\u062d\u0627\u0635\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0627\u062c\u0633\u062a\u064a\u0631<br \/>\n \u0641\u064a \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0648\u0627\u0644\u0645\u0627\u062c\u0633\u062a\u064a\u0631 \u0641\u064a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629.\n <\/li>\n<li>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0645\u0642\u064a\u062f \u0636\u0645\u0646 \u0642\u0648\u0627\u0626\u0645 \u0627\u0644\u0645\u062d\u0643\u0645\u064a\u0646 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u064a\u0646 \u0644\u062f\u0649 \u0627\u0644\u0645\u062d\u0643\u0645\u0629<br \/>\n \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0645\u062d\u0627\u0643\u0645 \u0627\u0644\u0627\u0633\u062a\u0626\u0646\u0627\u0641 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u062c\u062f\u0629.\n <\/li>\n<li>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u062e\u0628\u064a\u0631 \u0645\u0642\u064a\u062f \u0641\u064a \u0645\u0646\u0635\u0629 \u062e\u0628\u0631\u0629 \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0639\u062f\u0644.\n <\/li>\n<li>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u062d\u0627\u0635\u0644 \u0639\u0644\u0649 \u062a\u0623\u0647\u064a\u0644 \u0645\u0647\u0646\u064a \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0627\u0644\u0625\u0633\u0644\u0627\u0645\u064a\u0629<br \/>\n \u0648\u062a\u0633\u0648\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629.\n <\/li>\n<\/ul>\n<p> <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0645\u062d\u0637\u0629 \u062f\u0648\u0644\u064a\u0629 \u0628\u0627\u0631\u0632\u0629<\/p>\n<p>\n \u0631\u064f\u0634\u062d \u0648\u0627\u062e\u062a\u064a\u0631 \u0639\u0627\u0645 2023\u0645 \u0628\u0648\u0635\u0641\u0647 \u0642\u0627\u0626\u062f\u064b\u0627 \u0642\u0627\u0646\u0648\u0646\u064a\u064b\u0627<br \/>\n \u0633\u0639\u0648\u062f\u064a\u064b\u0627 \u0644\u0644\u0645\u0634\u0627\u0631\u0643\u0629 \u0641\u064a \u0628\u0631\u0646\u0627\u0645\u062c \u0627\u0644\u0632\u0627\u0626\u0631 \u0627\u0644\u062f\u0648\u0644\u064a<br \/>\n \u0627\u0644\u0642\u064a\u0627\u062f\u064a<br \/>\n <bdi>IVLP<\/bdi><br \/>\n \u0627\u0644\u062a\u0627\u0628\u0639 \u0644\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0627\u0644\u0623\u0645\u0631\u064a\u0643\u064a\u0629\u060c \u0636\u0645\u0646 \u0645\u0633\u0627\u0631<br \/>\n \u0633\u064a\u0627\u062f\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646 \u0648\u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0642\u0636\u0627\u0626\u064a \u0641\u064a \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a<br \/>\n \u0627\u0644\u0645\u062a\u062d\u062f\u0629.\n <\/p>\n<\/article>\n<\/section>\n<style>\n :root {\n --arf-primary: #071B30;\n --arf-gray: #C3C8CD;\n --arf-black: #000000;\n --arf-off-white: #F8F8F6;\n --arf-white: #FFFFFF;\n --arf-text-primary: var(--arf-primary);\n --arf-text-secondary: var(--arf-black);\n --arf-text-muted: #68737D;\n --arf-text-on-dark: var(--arf-white);\n --arf-section-bg: var(--arf-off-white);\n --arf-surface: var(--arf-white);\n --arf-surface-dark: var(--arf-primary);\n --arf-border: rgba(7, 27, 48, 0.14);\n --arf-border-hover: rgba(7, 27, 48, 0.36);\n --arf-icon-color: var(--arf-primary);\n --arf-icon-hover-color: var(--arf-black);\n --arf-icon-bg: rgba(195, 200, 205, 0.28);\n --arf-icon-hover-bg: var(--arf-gray);\n --arf-font-family: \"Almarai\", sans-serif;\n --arf-fs-xs: clamp(0.75rem, 0.71rem + 0.18vw, 0.875rem);\n --arf-fs-sm: clamp(0.875rem, 0.82rem + 0.22vw, 1rem);\n --arf-fs-base: clamp(1rem, 0.94rem + 0.28vw, 1.125rem);\n --arf-fs-lg: clamp(1.15rem, 1.02rem + 0.55vw, 1.45rem);\n --arf-fs-xl: clamp(1.6rem, 1.25rem + 1.3vw, 2.5rem);\n --arf-fs-hero: clamp(2.1rem, 1.5rem + 2.8vw, 4.7rem);\n --arf-radius-sm: 10px;\n --arf-radius-md: 18px;\n --arf-radius-lg: 28px;\n --arf-space-xs: clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);\n --arf-space-sm: clamp(0.75rem, 0.6rem + 0.45vw, 1.1rem);\n --arf-space-md: clamp(1.1rem, 0.85rem + 0.9vw, 1.8rem);\n --arf-space-lg: clamp(1.8rem, 1.3rem + 1.7vw, 3.2rem);\n --arf-space-xl: clamp(3.2rem, 2.2rem + 4vw, 7rem);\n --arf-shadow-small: 0 12px 35px rgba(7, 27, 48, 0.07);\n --arf-shadow-large: 0 25px 75px rgba(7, 27, 48, 0.14);\n --arf-transition-fast: 180ms ease;\n --arf-transition-normal: 350ms cubic-bezier(.2, .8, .2, 1);\n --arf-transition-slow: 650ms cubic-bezier(.2, .8, .2, 1);\n }\n .arf-founder-story,\n .arf-founder-story *,\n .arf-founder-story *::before,\n .arf-founder-story *::after {\n box-sizing: border-box;\n }\n .arf-founder-story {\n position: relative;\n width: 100%;\n overflow: clip;\n direction: rtl;\n padding-block: var(--arf-space-xl);\n background:\n linear-gradient(\n 135deg,\n rgba(195, 200, 205, 0.14),\n transparent 38%\n ),\n var(--arf-section-bg);\n color: var(--arf-text-primary);\n font-family: var(--arf-font-family);\n isolation: isolate;\n }\n .arf-founder-story::before {\n content: \"\";\n position: absolute;\n top: 3%;\n right: -9rem;\n width: clamp(19rem, 38vw, 35rem);\n aspect-ratio: 1;\n border: 1px solid var(--arf-border);\n border-radius: 50%;\n opacity: 0.55;\n pointer-events: none;\n z-index: -1;\n }\n .arf-founder-story::after {\n content: \"\";\n position: absolute;\n bottom: 3%;\n left: -9rem;\n width: clamp(17rem, 31vw, 29rem);\n aspect-ratio: 1;\n background-image:\n linear-gradient(var(--arf-border) 1px, transparent 1px),\n linear-gradient(90deg, var(--arf-border) 1px, transparent 1px);\n background-size: 34px 34px;\n mask-image: linear-gradient(\n to bottom,\n transparent,\n #000,\n transparent\n );\n opacity: 0.4;\n pointer-events: none;\n z-index: -1;\n }\n\/* \u062a\u0635\u063a\u064a\u0631 \u0623\u062d\u062c\u0627\u0645 \u0627\u0644\u0646\u0635\u0648\u0635 \u0648\u0627\u0644\u0635\u0648\u0631\u0629 *\/\n#arf-founder-story {\n --arf-fs-xs: clamp(0.68rem, 0.66rem + 0.1vw, 0.78rem);\n --arf-fs-sm: clamp(0.78rem, 0.74rem + 0.16vw, 0.9rem);\n --arf-fs-base: clamp(0.9rem, 0.84rem + 0.2vw, 1rem);\n --arf-fs-lg: clamp(1rem, 0.92rem + 0.32vw, 1.22rem);\n --arf-fs-xl: clamp(1.35rem, 1.12rem + 0.85vw, 2rem);\n --arf-fs-hero: clamp(1.8rem, 1.35rem + 2vw, 3.6rem);\n}\n\/* \u062a\u0635\u063a\u064a\u0631 \u0639\u0631\u0636 \u0639\u0645\u0648\u062f \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n#arf-founder-story .arf-founder-story__layout {\n grid-template-columns:\n minmax(0, 1.28fr)\n minmax(280px, 0.72fr);\n gap: clamp(2rem, 5vw, 5rem);\n}\n\/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n#arf-founder-story .arf-founder-profile__image-wrapper,\n#arf-founder-story .arf-founder-profile__image {\n min-height: 500px;\n}\n#arf-founder-story .arf-founder-profile__image-wrapper {\n max-width: 430px;\n margin-inline: auto;\n}\n\/* \u062a\u0635\u063a\u064a\u0631 \u0635\u0646\u062f\u0648\u0642 \u0627\u0644\u0627\u0633\u0645 \u0623\u0633\u0641\u0644 \u0627\u0644\u0635\u0648\u0631\u0629 *\/\n#arf-founder-story .arf-founder-profile__caption {\n max-width: 400px;\n padding: clamp(1rem, 2vw, 1.4rem);\n margin-inline: auto 0;\n}\n\/* \u062a\u0635\u063a\u064a\u0631 \u0628\u0627\u062f\u062c \u0627\u0644\u062e\u0628\u0631\u0629 *\/\n#arf-founder-story .arf-founder-profile__experience {\n min-width: 120px;\n padding: 0.8rem 0.95rem;\n}\n\/* \u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u0627\u0641\u0627\u062a \u062f\u0627\u062e\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0642\u0635\u0629 *\/\n#arf-founder-story .arf-founder-chapter {\n min-height: min(64vh, 620px);\n padding-top: clamp(1.7rem, 4vw, 3rem);\n padding-bottom: clamp(1.7rem, 4vw, 3rem);\n}\n#arf-founder-story .arf-founder-chapter__number {\n top: clamp(1.7rem, 4vw, 3rem);\n width: 2.8rem;\n height: 2.8rem;\n}\n\/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a *\/\n#arf-founder-story .arf-founder-story__eyebrow i,\n#arf-founder-story .arf-founder-chapter__label i {\n width: 40px;\n height: 40px;\n font-size: 0.9rem;\n}\n\/* \u062a\u0635\u063a\u064a\u0631 \u0627\u0644\u0646\u0635\u0648\u0635 \u0627\u0644\u0637\u0648\u064a\u0644\u0629 \u0642\u0644\u064a\u0644\u064b\u0627 *\/\n#arf-founder-story .arf-founder-chapter p {\n line-height: 1.9;\n}\n#arf-founder-story .arf-founder-credentials li {\n padding-block: 0.9rem;\n line-height: 1.8;\n}\n\/* \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\n@media (max-width: 1050px) {\n #arf-founder-story .arf-founder-profile__image-wrapper,\n #arf-founder-story .arf-founder-profile__image {\n min-height: 460px;\n }\n #arf-founder-story .arf-founder-profile__image-wrapper {\n max-width: 380px;\n }\n}\n\/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n@media (max-width: 820px) {\n #arf-founder-story .arf-founder-profile__image-wrapper,\n #arf-founder-story .arf-founder-profile__image {\n min-height: min(105vw, 500px);\n }\n #arf-founder-story .arf-founder-profile__image-wrapper {\n max-width: 440px;\n }\n #arf-founder-story .arf-founder-profile__caption {\n max-width: 410px;\n margin-inline: auto;\n }\n #arf-founder-story .arf-founder-chapter {\n min-height: auto;\n }\n}\n\/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 \u0627\u0644\u0635\u063a\u064a\u0631 *\/\n@media (max-width: 520px) {\n #arf-founder-story {\n --arf-fs-hero: clamp(1.65rem, 1.35rem + 1.6vw, 2.25rem);\n --arf-fs-xl: clamp(1.2rem, 1.08rem + 0.55vw, 1.55rem);\n }\n #arf-founder-story .arf-founder-profile__image-wrapper,\n #arf-founder-story .arf-founder-profile__image {\n min-height: min(112vw, 460px);\n }\n}\n .arf-founder-story__container {\n width: min(calc(100% - 2rem), 1320px);\n margin-inline: auto;\n }\n .arf-founder-story__header {\n max-width: 850px;\n margin-bottom: clamp(3rem, 7vw, 6.5rem);\n }\n .arf-founder-story__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: var(--arf-space-xs);\n margin-bottom: var(--arf-space-md);\n color: var(--arf-text-primary);\n font-size: var(--arf-fs-sm);\n font-weight: 700;\n }\n .arf-founder-story__eyebrow i {\n display: grid;\n place-items: center;\n width: 44px;\n height: 44px;\n border: 1px solid var(--arf-border);\n border-radius: 50%;\n background: var(--arf-surface);\n color: var(--arf-icon-color);\n font-size: 1rem;\n transition:\n color var(--arf-transition-normal),\n background-color var(--arf-transition-normal),\n transform var(--arf-transition-normal);\n }\n .arf-founder-story__header:hover\n .arf-founder-story__eyebrow i {\n color: var(--arf-icon-hover-color);\n background: var(--arf-icon-hover-bg);\n transform: rotate(-8deg);\n }\n .arf-founder-story__header h2 {\n max-width: 800px;\n margin: 0;\n color: var(--arf-text-primary);\n font-size: var(--arf-fs-hero);\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.04em;\n }\n .arf-founder-story__header h2 span {\n position: relative;\n display: inline-block;\n color: var(--arf-text-primary);\n }\n .arf-founder-story__header h2 span::after {\n content: \"\";\n position: absolute;\n right: 0;\n bottom: 0.08em;\n width: 100%;\n height: 0.16em;\n background: var(--arf-gray);\n transform: scaleX(0.35);\n transform-origin: right;\n opacity: 0.8;\n transition: transform var(--arf-transition-slow);\n z-index: -1;\n }\n .arf-founder-story__header:hover h2 span::after {\n transform: scaleX(1);\n }\n .arf-founder-story__header > p {\n max-width: 680px;\n margin: var(--arf-space-md) 0 0;\n color: var(--arf-text-muted);\n font-size: var(--arf-fs-base);\n font-weight: 400;\n line-height: 2;\n }\n .arf-founder-story__layout {\n display: grid;\n grid-template-columns:\n minmax(0, 1.15fr)\n minmax(320px, 0.85fr);\n grid-template-areas: \"chapters visual\";\n gap: clamp(2.5rem, 7vw, 7rem);\n align-items: start;\n }\n .arf-founder-story__visual {\n grid-area: visual;\n position: sticky;\n top: clamp(5rem, 10vh, 8rem);\n }\n .arf-founder-profile {\n margin: 0;\n }\n .arf-founder-profile__image-wrapper {\n position: relative;\n min-height: 580px;\n overflow: hidden;\n border-radius: var(--arf-radius-lg);\n background: var(--arf-gray);\n box-shadow: var(--arf-shadow-large);\n }\n .arf-founder-profile__image {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 580px;\n object-fit: cover;\n object-position: center top;\n filter: saturate(0.78) contrast(1.03);\n transform: scale(1.015);\n transition:\n transform var(--arf-transition-slow),\n filter var(--arf-transition-slow);\n }\n .arf-founder-profile:hover .arf-founder-profile__image {\n filter: saturate(0.92) contrast(1.05);\n transform: scale(1.045);\n }\n .arf-founder-profile__overlay {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(\n to top,\n rgba(7, 27, 48, 0.75),\n transparent 48%\n ),\n linear-gradient(\n to left,\n rgba(7, 27, 48, 0.22),\n transparent 45%\n );\n pointer-events: none;\n }\n .arf-founder-profile__experience {\n position: absolute;\n left: var(--arf-space-md);\n bottom: var(--arf-space-md);\n display: flex;\n flex-direction: column;\n gap: 0.25rem;\n min-width: 140px;\n padding: 1rem 1.1rem;\n border: 1px solid rgba(255, 255, 255, 0.35);\n border-radius: var(--arf-radius-md);\n background: rgba(7, 27, 48, 0.8);\n color: var(--arf-text-on-dark);\n backdrop-filter: blur(10px);\n }\n .arf-founder-profile__experience span {\n color: var(--arf-gray);\n font-size: var(--arf-fs-xs);\n font-weight: 400;\n }\n .arf-founder-profile__experience strong {\n color: var(--arf-text-on-dark);\n font-size: var(--arf-fs-lg);\n font-weight: 800;\n }\n .arf-founder-profile__corner {\n position: absolute;\n top: var(--arf-space-md);\n right: var(--arf-space-md);\n width: 72px;\n height: 72px;\n border-top: 1px solid var(--arf-white);\n border-right: 1px solid var(--arf-white);\n opacity: 0.7;\n pointer-events: none;\n }\n .arf-founder-profile__lines {\n position: absolute;\n right: var(--arf-space-md);\n bottom: var(--arf-space-md);\n width: 9px;\n height: 110px;\n background:\n repeating-linear-gradient(\n to bottom,\n var(--arf-white) 0,\n var(--arf-white) 5px,\n transparent 5px,\n transparent 13px\n );\n opacity: 0.55;\n pointer-events: none;\n }\n .arf-founder-profile__caption {\n position: relative;\n width: calc(100% - clamp(1rem, 3vw, 3rem));\n margin-top: -1.8rem;\n margin-right: auto;\n padding: var(--arf-space-md);\n border: 1px solid var(--arf-border);\n border-radius: var(--arf-radius-md);\n background: var(--arf-surface);\n box-shadow: var(--arf-shadow-small);\n z-index: 2;\n }\n .arf-founder-profile__role {\n color: var(--arf-text-muted);\n font-size: var(--arf-fs-sm);\n font-weight: 400;\n }\n .arf-founder-profile__caption h3 {\n margin: 0.35rem 0 0;\n color: var(--arf-text-primary);\n font-size: var(--arf-fs-xl);\n font-weight: 800;\n line-height: 1.45;\n }\n .arf-founder-profile__description {\n min-height: 3.8em;\n margin: var(--arf-space-sm) 0 0;\n color: var(--arf-text-muted);\n font-size: var(--arf-fs-sm);\n font-weight: 400;\n line-height: 1.9;\n transition:\n opacity var(--arf-transition-fast),\n transform var(--arf-transition-fast);\n }\n .arf-founder-profile__description.is-changing {\n opacity: 0;\n transform: translateY(6px);\n }\n .arf-founder-profile__progress {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0.45rem;\n margin-top: var(--arf-space-md);\n }\n .arf-founder-profile__progress span {\n height: 3px;\n border-radius: 999px;\n background: var(--arf-gray);\n opacity: 0.6;\n transform: scaleX(0.55);\n transform-origin: right;\n transition:\n transform var(--arf-transition-normal),\n background-color var(--arf-transition-normal),\n opacity var(--arf-transition-normal);\n }\n .arf-founder-profile__progress span.is-active,\n .arf-founder-profile__progress span.is-complete {\n background: var(--arf-primary);\n opacity: 1;\n transform: scaleX(1);\n }\n .arf-founder-story__chapters {\n grid-area: chapters;\n position: relative;\n }\n .arf-founder-story__chapters::before {\n content: \"\";\n position: absolute;\n top: 2rem;\n bottom: 2rem;\n right: 1.55rem;\n width: 1px;\n background:\n linear-gradient(\n to bottom,\n transparent,\n var(--arf-border) 8%,\n var(--arf-border) 92%,\n transparent\n );\n }\n .arf-founder-chapter {\n position: relative;\n min-height: min(72vh, 720px);\n padding:\n clamp(2rem, 5vw, 4rem)\n clamp(4.8rem, 8vw, 6.5rem)\n clamp(2rem, 5vw, 4rem)\n clamp(1.5rem, 4vw, 3rem);\n border: 1px solid transparent;\n border-radius: var(--arf-radius-lg);\n outline: none;\n opacity: 0.5;\n transform: translateY(22px);\n transition:\n opacity var(--arf-transition-slow),\n transform var(--arf-transition-slow),\n background-color var(--arf-transition-normal),\n border-color var(--arf-transition-normal),\n box-shadow var(--arf-transition-normal);\n }\n .arf-founder-chapter + .arf-founder-chapter {\n margin-top: clamp(1rem, 4vw, 3rem);\n }\n .arf-founder-chapter:hover,\n .arf-founder-chapter:focus-visible,\n .arf-founder-chapter.is-active {\n border-color: var(--arf-border);\n background: rgba(255, 255, 255, 0.72);\n box-shadow: var(--arf-shadow-small);\n opacity: 1;\n transform: translateY(0);\n }\n .arf-founder-chapter:focus-visible {\n outline: 3px solid rgba(7, 27, 48, 0.25);\n outline-offset: 5px;\n }\n .arf-founder-chapter__number {\n position: absolute;\n top: clamp(2rem, 5vw, 4rem);\n right: 0;\n display: grid;\n place-items: center;\n width: 3.1rem;\n height: 3.1rem;\n border: 1px solid var(--arf-border);\n border-radius: 50%;\n background: var(--arf-section-bg);\n color: var(--arf-text-muted);\n font-size: var(--arf-fs-xs);\n font-weight: 700;\n z-index: 2;\n transition:\n color var(--arf-transition-normal),\n background-color var(--arf-transition-normal),\n border-color var(--arf-transition-normal),\n transform var(--arf-transition-normal);\n }\n .arf-founder-chapter:hover\n .arf-founder-chapter__number,\n .arf-founder-chapter:focus-visible\n .arf-founder-chapter__number,\n .arf-founder-chapter.is-active\n .arf-founder-chapter__number {\n border-color: var(--arf-primary);\n background: var(--arf-primary);\n color: var(--arf-text-on-dark);\n transform: scale(1.08);\n }\n .arf-founder-chapter__content {\n max-width: 760px;\n }\n .arf-founder-chapter__label {\n display: inline-flex;\n align-items: center;\n gap: 0.65rem;\n margin-bottom: var(--arf-space-md);\n color: var(--arf-text-muted);\n font-size: var(--arf-fs-sm);\n font-weight: 700;\n }\n .arf-founder-chapter__label i {\n display: grid;\n place-items: center;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background: var(--arf-icon-bg);\n color: var(--arf-icon-color);\n font-size: 1rem;\n transition:\n color var(--arf-transition-normal),\n background-color var(--arf-transition-normal),\n transform var(--arf-transition-normal);\n }\n .arf-founder-chapter:hover\n .arf-founder-chapter__label i,\n .arf-founder-chapter:focus-visible\n .arf-founder-chapter__label i,\n .arf-founder-chapter.is-active\n .arf-founder-chapter__label i {\n color: var(--arf-icon-hover-color);\n background: var(--arf-icon-hover-bg);\n transform: translateY(-3px) rotate(-5deg);\n }\n .arf-founder-chapter h3 {\n max-width: 680px;\n margin: 0;\n color: var(--arf-text-primary);\n font-size: var(--arf-fs-xl);\n font-weight: 800;\n line-height: 1.55;\n letter-spacing: -0.025em;\n }\n .arf-founder-chapter p {\n margin: var(--arf-space-md) 0 0;\n color: var(--arf-text-muted);\n font-size: var(--arf-fs-base);\n font-weight: 400;\n line-height: 2.05;\n }\n .arf-founder-chapter__fields {\n display: flex;\n flex-wrap: wrap;\n gap: 0.75rem;\n margin-top: var(--arf-space-lg);\n }\n .arf-founder-chapter__fields span {\n display: inline-flex;\n align-items: center;\n gap: 0.6rem;\n min-height: 44px;\n padding: 0.75rem 1rem;\n border: 1px solid var(--arf-border);\n border-radius: var(--arf-radius-sm);\n background: var(--arf-surface);\n color: var(--arf-text-primary);\n font-size: var(--arf-fs-sm);\n font-weight: 700;\n transition:\n color var(--arf-transition-normal),\n background-color var(--arf-transition-normal),\n border-color var(--arf-transition-normal),\n transform var(--arf-transition-normal);\n }\n .arf-founder-chapter__fields span:hover {\n border-color: var(--arf-border-hover);\n background: var(--arf-gray);\n color: var(--arf-black);\n transform: translateY(-3px);\n }\n .arf-founder-chapter__fields i {\n color: var(--arf-icon-color);\n font-size: 1rem;\n }\n .arf-founder-chapter__quote {\n position: relative;\n margin: var(--arf-space-lg) 0;\n padding:\n clamp(1.4rem, 3vw, 2rem)\n clamp(1.5rem, 4vw, 2.5rem);\n border: 0;\n border-right: 3px solid var(--arf-gray);\n background: var(--arf-primary);\n color: var(--arf-text-on-dark);\n }\n .arf-founder-chapter__quote > i {\n position: absolute;\n top: 1rem;\n left: 1.2rem;\n color: var(--arf-gray);\n font-size: 1.8rem;\n opacity: 0.25;\n }\n .arf-founder-chapter__quote p {\n position: relative;\n margin: 0;\n color: var(--arf-text-on-dark);\n font-size: var(--arf-fs-lg);\n font-weight: 700;\n line-height: 1.9;\n z-index: 1;\n }\n .arf-founder-credentials {\n display: grid;\n gap: 0;\n margin: var(--arf-space-lg) 0 0;\n padding: 0;\n list-style: none;\n }\n .arf-founder-credentials li {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: var(--arf-space-sm);\n align-items: start;\n padding-block: 1.15rem;\n border-bottom: 1px solid var(--arf-border);\n color: var(--arf-text-primary);\n font-size: var(--arf-fs-sm);\n font-weight: 400;\n line-height: 1.9;\n transition:\n padding-right var(--arf-transition-normal),\n color var(--arf-transition-normal);\n }\n .arf-founder-credentials li:hover {\n padding-right: 0.65rem;\n color: var(--arf-black);\n }\n .arf-founder-credentials li i {\n margin-top: 0.35rem;\n color: var(--arf-icon-color);\n font-size: 1rem;\n transition: transform var(--arf-transition-normal);\n }\n .arf-founder-credentials li:hover i {\n transform: scale(1.12) rotate(-8deg);\n }\n .arf-founder-international {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: var(--arf-space-md);\n margin-top: var(--arf-space-lg);\n padding: clamp(1.4rem, 4vw, 2.4rem);\n border-radius: var(--arf-radius-md);\n background: var(--arf-surface-dark);\n color: var(--arf-text-on-dark);\n }\n .arf-founder-international__icon {\n display: grid;\n place-items: center;\n width: clamp(3.3rem, 7vw, 4.5rem);\n height: clamp(3.3rem, 7vw, 4.5rem);\n border: 1px solid rgba(255, 255, 255, 0.25);\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.08);\n color: var(--arf-white);\n font-size: 1.35rem;\n transition:\n color var(--arf-transition-normal),\n background-color var(--arf-transition-normal),\n transform var(--arf-transition-normal);\n }\n .arf-founder-international:hover\n .arf-founder-international__icon {\n background: var(--arf-gray);\n color: var(--arf-black);\n transform: rotate(-10deg);\n }\n .arf-founder-international__content > span {\n display: block;\n color: var(--arf-gray);\n font-size: var(--arf-fs-sm);\n font-weight: 700;\n }\n .arf-founder-international__content p {\n margin: 0.6rem 0 0;\n color: var(--arf-text-on-dark);\n font-size: var(--arf-fs-sm);\n line-height: 2;\n }\n .arf-founder-international bdi {\n direction: ltr;\n unicode-bidi: isolate;\n font-weight: 700;\n }\n @media (max-width: 1050px) {\n .arf-founder-story__layout {\n grid-template-columns:\n minmax(0, 1.2fr)\n minmax(280px, 0.8fr);\n gap: clamp(2rem, 4vw, 3rem);\n }\n .arf-founder-profile__image-wrapper,\n .arf-founder-profile__image {\n min-height: 520px;\n }\n .arf-founder-chapter {\n padding-right: clamp(4.3rem, 7vw, 5.5rem);\n }\n }\n @media (max-width: 820px) {\n .arf-founder-story {\n overflow: hidden;\n }\n .arf-founder-story__container {\n width: min(calc(100% - 1.25rem), 720px);\n }\n .arf-founder-story__header {\n margin-bottom: var(--arf-space-lg);\n }\n .arf-founder-story__layout {\n display: flex;\n flex-direction: column;\n gap: var(--arf-space-lg);\n }\n .arf-founder-story__visual {\n position: relative;\n top: auto;\n width: 100%;\n }\n .arf-founder-profile__image-wrapper,\n .arf-founder-profile__image {\n min-height: min(120vw, 560px);\n }\n .arf-founder-profile__caption {\n width: calc(100% - 1rem);\n margin-top: -1.2rem;\n }\n .arf-founder-story__chapters::before {\n right: 1.45rem;\n }\n .arf-founder-chapter {\n min-height: auto;\n padding:\n var(--arf-space-lg)\n 4.6rem\n var(--arf-space-lg)\n var(--arf-space-sm);\n opacity: 1;\n transform: none;\n }\n .arf-founder-chapter__number {\n top: var(--arf-space-lg);\n width: 2.9rem;\n height: 2.9rem;\n }\n }\n @media (max-width: 520px) {\n .arf-founder-story__eyebrow i,\n .arf-founder-chapter__label i {\n width: 42px;\n height: 42px;\n }\n .arf-founder-profile__experience {\n left: var(--arf-space-sm);\n bottom: var(--arf-space-sm);\n min-width: 120px;\n }\n .arf-founder-chapter {\n padding-right: 4.15rem;\n border-radius: var(--arf-radius-md);\n }\n .arf-founder-chapter__fields {\n display: grid;\n grid-template-columns: 1fr;\n }\n .arf-founder-chapter__fields span {\n width: 100%;\n }\n .arf-founder-international {\n grid-template-columns: 1fr;\n }\n .arf-founder-international__icon {\n width: 3.4rem;\n height: 3.4rem;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .arf-founder-story *,\n .arf-founder-story *::before,\n .arf-founder-story *::after {\n scroll-behavior: auto;\n transition-duration: 0.01ms;\n animation-duration: 0.01ms;\n animation-iteration-count: 1;\n }\n .arf-founder-chapter,\n .arf-founder-profile__image {\n transform: none;\n }\n }\n<\/style>\n<p>\t\t\t\t\t<!-- \u0627\u062d\u0630\u0641 \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u062d\u0645\u0651\u0644\u0629 \u0628\u0627\u0644\u0641\u0639\u0644 \u0641\u064a \u0627\u0644\u0645\u0648\u0642\u0639 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\"\n rel=\"stylesheet\"\n><\/p>\n<section\n id=\"arf-achievements\"\n dir=\"rtl\"\n aria-label=\"\u0623\u0628\u0631\u0632 \u0623\u0631\u0642\u0627\u0645 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629\"\n><br \/>\n \u0633\u062c\u0644 \u0627\u0644\u062e\u0628\u0631\u0629<br \/>\n \u0633\u062c\u0644 \u0645\u0647\u0646\u064a \u0645\u0648\u062b\u0642<\/p>\n<p>\n \u0623\u0631\u0642\u0627\u0645 \u062a\u062e\u062a\u0635\u0631 \u0645\u0633\u064a\u0631\u0629 \u0645\u0645\u062a\u062f\u0629 \u0645\u0646 \u0627\u0644\u0645\u0645\u0627\u0631\u0633\u0629 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629<br \/>\n \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a.\n <\/p>\n<p> <!-- \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0645\u0647\u0646\u064a\u0629 --><\/p>\n<article>\n 01<br \/>\n \u0645\u0646\u0630<br \/>\n <strong><br \/>\n <bdi\n data-target=\"1435\"\n data-static=\"true\"\n ><br \/>\n 1435<br \/>\n <\/bdi><br \/>\n <small>\u0647\u0640<\/small><br \/>\n <\/strong><br \/>\n \u062e\u0628\u0631\u0629 \u0645\u0647\u0646\u064a\u0629<br \/>\n <\/article>\n<p> <!-- \u0627\u0644\u0623\u062d\u0643\u0627\u0645 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 --><\/p>\n<article>\n 02<br \/>\n \u0623\u0643\u062b\u0631 \u0645\u0646<br \/>\n <strong><br \/>\n <bdi\n data-target=\"1200\"\n ><br \/>\n 0<br \/>\n <\/bdi><br \/>\n +<br \/>\n <\/strong><br \/>\n \u062d\u0643\u0645 \u0642\u0636\u0627\u0626\u064a<br \/>\n <\/article>\n<p> <!-- \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u0645\u062b\u064a\u0644 --><\/p>\n<article>\n 03<br \/>\n \u0623\u0643\u062b\u0631 \u0645\u0646<br \/>\n <strong><br \/>\n <bdi\n data-target=\"1000\"\n ><br \/>\n 0<br \/>\n <\/bdi><br \/>\n +<br \/>\n <\/strong><br \/>\n \u0648\u0643\u0627\u0644\u0629 \u0648\u062a\u0645\u062b\u064a\u0644<br \/>\n <\/article>\n<p> <!-- \u0642\u0636\u0627\u064a\u0627 \u0627\u0644\u062a\u062d\u0643\u064a\u0645 --><\/p>\n<article>\n 04<br \/>\n \u0623\u0643\u062b\u0631 \u0645\u0646<br \/>\n <strong><br \/>\n <bdi\n data-target=\"30\"\n ><br \/>\n 0<br \/>\n <\/bdi><br \/>\n +<br \/>\n <\/strong><br \/>\n \u0642\u0636\u064a\u0629 \u062a\u062d\u0643\u064a\u0645<br \/>\n <\/article>\n<\/section>\n<style>\n :root {\n --arf-ach-primary: #071B30;\n --arf-ach-gray: #C3C8CD;\n --arf-ach-black: #000000;\n --arf-ach-off-white: #F8F8F6;\n --arf-ach-white: #FFFFFF;\n --arf-ach-bg: var(--arf-ach-primary);\n --arf-ach-text: var(--arf-ach-white);\n --arf-ach-text-muted: var(--arf-ach-gray);\n --arf-ach-border: rgba(195, 200, 205, 0.22);\n --arf-ach-border-hover: rgba(255, 255, 255, 0.55);\n --arf-ach-number-color: var(--arf-ach-white);\n --arf-ach-number-hover: var(--arf-ach-gray);\n --arf-ach-index-color: rgba(195, 200, 205, 0.48);\n --arf-ach-font: \"Almarai\", sans-serif;\n --arf-ach-fs-xs:\n clamp(0.68rem, 0.64rem + 0.12vw, 0.78rem);\n --arf-ach-fs-sm:\n clamp(0.78rem, 0.72rem + 0.2vw, 0.9rem);\n --arf-ach-fs-base:\n clamp(0.88rem, 0.8rem + 0.25vw, 1rem);\n --arf-ach-fs-number:\n clamp(2.15rem, 1.65rem + 2.1vw, 4.3rem);\n --arf-ach-radius: 18px;\n --arf-ach-transition-fast: 180ms ease;\n --arf-ach-transition:\n 450ms cubic-bezier(.2, .8, .2, 1);\n }\n .arf-achievements,\n .arf-achievements *,\n .arf-achievements *::before,\n .arf-achievements *::after {\n box-sizing: border-box;\n }\n .arf-achievements {\n position: relative;\n width: 100%;\n overflow: hidden;\n direction: rtl;\n padding-block: clamp(3.3rem, 6vw, 5.8rem);\n background: var(--arf-ach-bg);\n color: var(--arf-ach-text);\n font-family: var(--arf-ach-font);\n isolation: isolate;\n }\n .arf-achievements__container {\n position: relative;\n display: grid;\n grid-template-columns:\n minmax(190px, 0.72fr)\n minmax(0, 3.28fr);\n gap: clamp(2rem, 5vw, 5rem);\n align-items: stretch;\n width: min(calc(100% - 2rem), 1380px);\n margin-inline: auto;\n z-index: 2;\n }\n \/* \u062e\u0644\u0641\u064a\u0629 \u0623\u0631\u0634\u064a\u0641\u064a\u0629 \u062e\u0641\u064a\u0641\u0629 *\/\n .arf-achievements__background {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .arf-achievements__line {\n position: absolute;\n top: 0;\n right: 8%;\n width: 1px;\n height: 100%;\n background:\n linear-gradient(\n to bottom,\n transparent,\n var(--arf-ach-border),\n transparent\n );\n }\n .arf-achievements__circle {\n position: absolute;\n top: 50%;\n left: -9rem;\n width: clamp(19rem, 32vw, 34rem);\n aspect-ratio: 1;\n border: 1px solid var(--arf-ach-border);\n border-radius: 50%;\n transform: translateY(-50%);\n opacity: 0.7;\n }\n .arf-achievements__circle::before,\n .arf-achievements__circle::after {\n content: \"\";\n position: absolute;\n border: 1px solid var(--arf-ach-border);\n border-radius: inherit;\n }\n .arf-achievements__circle::before {\n inset: 3.2rem;\n }\n .arf-achievements__circle::after {\n inset: 6.5rem;\n }\n .arf-achievements__word {\n position: absolute;\n bottom: -0.25em;\n left: 3%;\n color: rgba(255, 255, 255, 0.025);\n font-size: clamp(4rem, 10vw, 10rem);\n font-weight: 800;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n }\n \/* \u0645\u0642\u062f\u0645\u0629 \u0627\u0644\u0633\u0643\u0634\u0646 *\/\n .arf-achievements__intro {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n gap: 2rem;\n padding-inline-end: clamp(0rem, 1vw, 1rem);\n }\n .arf-achievements__eyebrow {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n color: var(--arf-ach-text-muted);\n font-size: var(--arf-ach-fs-sm);\n font-weight: 700;\n }\n .arf-achievements__eyebrow-line {\n display: block;\n width: 34px;\n height: 1px;\n background: var(--arf-ach-gray);\n transition: width var(--arf-ach-transition);\n }\n .arf-achievements:hover\n .arf-achievements__eyebrow-line {\n width: 55px;\n }\n .arf-achievements__intro p {\n max-width: 240px;\n margin: 0;\n color: var(--arf-ach-text-muted);\n font-size: var(--arf-ach-fs-sm);\n font-weight: 400;\n line-height: 1.9;\n }\n \/* \u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u062d\u0635\u0627\u0626\u064a\u0627\u062a *\/\n .arf-achievements__stats {\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n border-block: 1px solid var(--arf-ach-border);\n }\n .arf-achievement {\n position: relative;\n min-width: 0;\n padding:\n clamp(1.8rem, 3.5vw, 3.4rem)\n clamp(1.1rem, 2.4vw, 2.2rem);\n border-inline-start: 1px solid var(--arf-ach-border);\n outline: none;\n opacity: 0;\n transform: translateY(24px);\n transition:\n opacity 650ms cubic-bezier(.2, .8, .2, 1),\n transform 650ms cubic-bezier(.2, .8, .2, 1),\n background-color var(--arf-ach-transition),\n border-color var(--arf-ach-transition);\n }\n .arf-achievement:first-child {\n border-inline-start: 0;\n }\n .arf-achievements.is-visible .arf-achievement {\n opacity: 1;\n transform: translateY(0);\n }\n .arf-achievements.is-visible\n .arf-achievement:nth-child(2) {\n transition-delay: 100ms;\n }\n .arf-achievements.is-visible\n .arf-achievement:nth-child(3) {\n transition-delay: 200ms;\n }\n .arf-achievements.is-visible\n .arf-achievement:nth-child(4) {\n transition-delay: 300ms;\n }\n .arf-achievement::before {\n content: \"\";\n position: absolute;\n inset-inline: 0;\n bottom: -1px;\n height: 2px;\n background: var(--arf-ach-white);\n transform: scaleX(0);\n transform-origin: right;\n transition: transform var(--arf-ach-transition);\n }\n .arf-achievement:hover::before,\n .arf-achievement:focus-within::before {\n transform: scaleX(1);\n }\n .arf-achievement:hover {\n background: rgba(255, 255, 255, 0.035);\n border-color: var(--arf-ach-border-hover);\n }\n .arf-achievement__index {\n position: absolute;\n top: 1rem;\n left: 1rem;\n color: var(--arf-ach-index-color);\n font-size: var(--arf-ach-fs-xs);\n font-weight: 400;\n letter-spacing: 0.08em;\n }\n .arf-achievement__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n min-height: 145px;\n }\n .arf-achievement__prefix {\n min-height: 1.5em;\n margin-bottom: 0.55rem;\n color: var(--arf-ach-text-muted);\n font-size: var(--arf-ach-fs-sm);\n font-weight: 400;\n }\n .arf-achievement__number {\n display: flex;\n align-items: baseline;\n gap: 0.22rem;\n margin: 0;\n color: var(--arf-ach-number-color);\n font-size: var(--arf-ach-fs-number);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -0.045em;\n transition:\n color var(--arf-ach-transition),\n transform var(--arf-ach-transition);\n }\n .arf-achievement:hover\n .arf-achievement__number {\n color: var(--arf-ach-number-hover);\n transform: translateY(-4px);\n }\n .arf-achievement__number bdi {\n direction: ltr;\n unicode-bidi: isolate;\n font: inherit;\n }\n .arf-achievement__number small {\n color: var(--arf-ach-text-muted);\n font-size: 0.38em;\n font-weight: 700;\n letter-spacing: 0;\n }\n .arf-achievement__plus {\n color: var(--arf-ach-gray);\n font-size: 0.45em;\n font-weight: 400;\n }\n .arf-achievement__title {\n position: relative;\n display: inline-block;\n margin-top: auto;\n padding-top: 1.25rem;\n color: var(--arf-ach-text);\n font-size: var(--arf-ach-fs-base);\n font-weight: 700;\n line-height: 1.6;\n }\n .arf-achievement__title::before {\n content: \"\";\n position: absolute;\n top: 0.55rem;\n right: 0;\n width: 18px;\n height: 1px;\n background: var(--arf-ach-gray);\n transition: width var(--arf-ach-transition);\n }\n .arf-achievement:hover\n .arf-achievement__title::before {\n width: 38px;\n }\n \/* \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\n @media (max-width: 1050px) {\n .arf-achievements__container {\n grid-template-columns: 1fr;\n gap: 2.2rem;\n }\n .arf-achievements__intro {\n display: grid;\n grid-template-columns: 1fr auto;\n align-items: end;\n }\n .arf-achievements__intro p {\n max-width: 420px;\n }\n .arf-achievements__stats {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n .arf-achievement:nth-child(3) {\n border-inline-start: 0;\n }\n .arf-achievement:nth-child(n + 3) {\n border-top: 1px solid var(--arf-ach-border);\n }\n }\n \/* \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644 *\/\n @media (max-width: 620px) {\n .arf-achievements {\n padding-block: 3.5rem;\n }\n .arf-achievements__container {\n width: min(calc(100% - 1.25rem), 560px);\n }\n .arf-achievements__intro {\n display: flex;\n align-items: flex-start;\n }\n .arf-achievements__intro p {\n max-width: 100%;\n }\n .arf-achievements__stats {\n grid-template-columns: 1fr;\n }\n .arf-achievement,\n .arf-achievement:first-child,\n .arf-achievement:nth-child(3) {\n display: grid;\n grid-template-columns: 48px 1fr;\n gap: 1rem;\n align-items: center;\n padding: 1.6rem 0.6rem;\n border-top: 1px solid var(--arf-ach-border);\n border-inline-start: 0;\n }\n .arf-achievement:first-child {\n border-top: 0;\n }\n .arf-achievement__index {\n position: static;\n display: grid;\n place-items: center;\n width: 42px;\n height: 42px;\n border: 1px solid var(--arf-ach-border);\n border-radius: 50%;\n }\n .arf-achievement__content {\n display: grid;\n grid-template-columns: 1fr auto;\n grid-template-areas:\n \"prefix number\"\n \"title number\";\n gap: 0.3rem 1rem;\n align-items: center;\n min-height: 0;\n }\n .arf-achievement__prefix {\n grid-area: prefix;\n min-height: 0;\n margin: 0;\n }\n .arf-achievement__number {\n grid-area: number;\n font-size: clamp(2rem, 9vw, 3rem);\n }\n .arf-achievement__title {\n grid-area: title;\n margin: 0;\n padding: 0;\n }\n .arf-achievement__title::before {\n display: none;\n }\n .arf-achievements__circle {\n left: -14rem;\n opacity: 0.4;\n }\n .arf-achievements__word {\n display: none;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .arf-achievements *,\n .arf-achievements *::before,\n .arf-achievements *::after {\n transition-duration: 0.01ms;\n animation-duration: 0.01ms;\n animation-iteration-count: 1;\n }\n .arf-achievement {\n opacity: 1;\n transform: none;\n }\n }\n<\/style>\n<p>\t\t\t\t\t<!-- \u0627\u062d\u0630\u0641 \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u062d\u0645\u0651\u0644\u0629 \u0628\u0627\u0644\u0641\u0639\u0644 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\"\n rel=\"stylesheet\"\n>\n<link\n rel=\"stylesheet\"\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\"\n><\/p>\n<section\n id=\"arf-services-story\"\n dir=\"rtl\"\n aria-labelledby=\"arf-services-story-title\"\n><br \/>\n \u0645\u062c\u0627\u0644\u0627\u062a \u0639\u0645\u0644\u0646\u0627<br \/>\n <!-- \u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0633\u0643\u0634\u0646 --><\/p>\n<header>\n \u0645\u062c\u0627\u0644\u0627\u062a \u0639\u0645\u0644\u0646\u0627<\/p>\n<h2 id=\"arf-services-story-title\">\n \u0623\u0631\u0628\u0639\u0629 \u0645\u0633\u0627\u0631\u0627\u062a \u0631\u0626\u064a\u0633\u064a\u0629<br \/>\n \u062a\u062a\u062d\u0631\u0643 \u0645\u0639 \u0627\u062d\u062a\u064a\u0627\u062c\u0643 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a<br \/>\n <\/h2>\n<p>\n \u062a\u0628\u062f\u0623 \u0643\u0644 \u0645\u0633\u0623\u0644\u0629 \u0645\u0646 \u0646\u0642\u0637\u0629 \u0645\u062e\u062a\u0644\u0641\u0629\u060c \u0644\u0643\u0646 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0627\u0644\u0645\u0647\u0646\u064a \u0645\u0639\u0647\u0627 \u064a\u062d\u062a\u0627\u062c<br \/>\n \u0625\u0644\u0649 \u0641\u0647\u0645 \u0645\u062a\u0643\u0627\u0645\u0644 \u0644\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0646\u0647\u0627\u0626\u064a.\n <\/p>\n<p> \u0645\u0631\u0651\u0631 \u0644\u0627\u0633\u062a\u0643\u0634\u0627\u0641 \u0627\u0644\u0645\u0633\u0627\u0631\u0627\u062a<br \/>\n <\/header>\n<p> <!-- \u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u062a\u0641\u0627\u0639\u0644\u064a \u0627\u0644\u062b\u0627\u0628\u062a --><\/p>\n<aside\n aria-label=\"\u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u0646\u0634\u0637\"\n ><br \/>\n \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0646\u0634\u0637<br \/>\n 01<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><br \/>\n \u0623\u0648\u0644\u064b\u0627<\/p>\n<h3 id=\"arf-services-stage-title\">\n \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a<br \/>\n <\/h3>\n<p id=\"arf-services-stage-description\">\n \u0625\u062f\u0627\u0631\u0629 \u0645\u0633\u0627\u0631 \u0627\u0644\u0646\u0632\u0627\u0639 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u062a\u0645\u062b\u064a\u0644<br \/>\n \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0635\u0629.\n <\/p>\n<p> <button\n type=\"button\"\n data-target-index=\"0\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a\"\n ><br \/>\n 01<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"1\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u062d\u0643\u064a\u0645\"\n ><br \/>\n 02<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"2\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a\"\n ><br \/>\n 03<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"3\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\"\n ><br \/>\n 04<br \/>\n <\/button><br \/>\n <\/aside>\n<p> <!-- \u0641\u0635\u0648\u0644 \u0627\u0644\u0642\u0635\u0629 --><br \/>\n <!-- \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u0623\u0648\u0644 --><\/p>\n<article\n data-number=\"01\"\n data-order=\"\u0623\u0648\u0644\u064b\u0627\"\n data-title=\"\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a\"\n data-icon=\"fa-scale-balanced\"\n data-description=\"\u0625\u062f\u0627\u0631\u0629 \u0645\u0633\u0627\u0631 \u0627\u0644\u0646\u0632\u0627\u0639 \u0648\u0628\u0646\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0641 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u064a\u0644 \u0623\u0645\u0627\u0645 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0635\u0629.\"\n tabindex=\"0\"\n ><br \/>\n 01<br \/>\n \u0623\u0648\u0644\u064b\u0627<\/p>\n<h3>\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a<\/h3>\n<p>\n \u062f\u0631\u0627\u0633\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0648\u0625\u062f\u0627\u0631\u0629 \u0645\u0633\u0627\u0631\u0627\u062a\u0647\u0627 \u0648\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0623\u0645\u0627\u0645<br \/>\n \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0634\u0628\u0647 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0644\u062c\u0627\u0646 \u0627\u0644\u0645\u062e\u062a\u0635\u0629 \u0628\u0645\u062e\u062a\u0644\u0641<br \/>\n \u062f\u0631\u062c\u0627\u062a\u0647\u0627 \u0648\u0627\u062e\u062a\u0635\u0627\u0635\u0627\u062a\u0647\u0627.\n <\/p>\n<ul>\n<li>\n 01<br \/>\n \u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0645\u0631\u0643\u0632 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0628\u0646\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062f\u0639\u0648\u0649<br \/>\n \u0645\u0639 \u0627\u0644\u0639\u0645\u064a\u0644.\n <\/li>\n<li>\n 02<br \/>\n \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062f\u0639\u0627\u0648\u0649 \u0648\u0627\u0644\u062f\u0641\u0648\u0639 \u0648\u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0648\u0645\u0628\u0627\u0634\u0631\u0629<br \/>\n \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a.\n <\/li>\n<li>\n 03<br \/>\n \u0627\u0644\u062d\u0636\u0648\u0631 \u0648\u062a\u0645\u062b\u064a\u0644\u0643\u0645 \u0628\u0623\u0641\u0636\u0644 \u0627\u0644\u0637\u0631\u0642.\n <\/li>\n<\/ul>\n<\/article>\n<p> <!-- \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062b\u0627\u0646\u064a --><\/p>\n<article\n data-number=\"02\"\n data-order=\"\u062b\u0627\u0646\u064a\u064b\u0627\"\n data-title=\"\u0627\u0644\u062a\u062d\u0643\u064a\u0645\"\n data-icon=\"fa-gavel\"\n data-description=\"\u0625\u062f\u0627\u0631\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0645\u0646\u0630 \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0648\u062d\u062a\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0646\u0632\u0627\u0639 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u0643\u0645.\"\n tabindex=\"0\"\n ><br \/>\n 02<br \/>\n \u062b\u0627\u0646\u064a\u064b\u0627<\/p>\n<h3>\u0627\u0644\u062a\u062d\u0643\u064a\u0645<\/h3>\n<p>\n \u062e\u062f\u0645\u0627\u062a \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0641\u064a \u0642\u0636\u0627\u064a\u0627 \u0648\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u064a\u0645\u060c<br \/>\n \u0645\u0646\u0630 \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0627\u062a\u0641\u0627\u0642 \u0648\u062d\u062a\u0649 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0646\u0632\u0627\u0639 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u062d\u0643\u0645.\n <\/p>\n<ul>\n<li>\n 01<br \/>\n \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0631\u062f\u0648\u062f \u0648\u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a.\n <\/li>\n<li>\n 02<br \/>\n \u0635\u064a\u0627\u063a\u0629 \u0634\u0631\u0648\u0637 \u0648\u0627\u062a\u0641\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062d\u0643\u064a\u0645 \u0648\u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627.\n <\/li>\n<li>\n 03<br \/>\n \u062a\u0631\u0634\u064a\u062d \u0627\u0644\u0645\u062d\u0643\u0645\u064a\u0646.\n <\/li>\n<\/ul>\n<\/article>\n<p> <!-- \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u062b\u0627\u0644\u062b --><\/p>\n<article\n data-number=\"03\"\n data-order=\"\u062b\u0627\u0644\u062b\u064b\u0627\"\n data-title=\"\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\"\n data-icon=\"fa-file-lines\"\n data-description=\"\u0628\u0646\u0627\u0621 \u0639\u0644\u0627\u0642\u0627\u062a \u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0645\u0633\u062a\u0642\u0631\u0629 \u0648\u062f\u0639\u0645 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0645\u0639 \u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631 \u0648\u0627\u0644\u0628\u062f\u0627\u0626\u0644.\"\n tabindex=\"0\"\n ><br \/>\n 03<br \/>\n \u062b\u0627\u0644\u062b\u064b\u0627<\/p>\n<h3>\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629<\/h3>\n<p>\n \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0628\u0646\u0627\u0621 \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0648\u0627\u062a\u062e\u0627\u0630 \u0627\u0644\u0642\u0631\u0627\u0631\u0627\u062a<br \/>\n \u0639\u0644\u0649 \u0623\u0633\u0627\u0633 \u0642\u0627\u0646\u0648\u0646\u064a \u0648\u0627\u0636\u062d \u064a\u0631\u0627\u0639\u064a \u0627\u0644\u0623\u0647\u062f\u0627\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u0645\u062e\u0627\u0637\u0631<br \/>\n \u0627\u0644\u0639\u0645\u0644\u064a\u0629.\n <\/p>\n<ul>\n<li>\n 01<br \/>\n \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0648\u0645\u0631\u0627\u062c\u0639\u062a\u0647\u0627.\n <\/li>\n<li>\n 02<br \/>\n \u0625\u0639\u062f\u0627\u062f \u0627\u0644\u0622\u0631\u0627\u0621 \u0648\u0627\u0644\u0645\u0630\u0643\u0631\u0627\u062a \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d<br \/>\n \u0627\u0644\u062f\u0627\u062e\u0644\u064a\u0629.\n <\/li>\n<li>\n 03<br \/>\n \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u0648\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u062e\u0627\u0637\u0631<br \/>\n \u0648\u0627\u0644\u0628\u062f\u0627\u0626\u0644.\n <\/li>\n<\/ul>\n<\/article>\n<p> <!-- \u0627\u0644\u0641\u0635\u0644 \u0627\u0644\u0631\u0627\u0628\u0639 --><\/p>\n<article\n data-number=\"04\"\n data-order=\"\u0631\u0627\u0628\u0639\u064b\u0627\"\n data-title=\"\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a\"\n data-icon=\"fa-building\"\n data-description=\"\u0645\u0633\u0627\u0646\u062f\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0641\u064a \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0648\u0627\u0644\u0646\u0645\u0648 \u0648\u0628\u0646\u0627\u0621 \u0623\u0637\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u0629.\"\n tabindex=\"0\"\n ><br \/>\n 04<br \/>\n \u0631\u0627\u0628\u0639\u064b\u0627<\/p>\n<h3>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a<\/h3>\n<p>\n \u0645\u0633\u0627\u0646\u062f\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0641\u064a \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0648\u0627\u0644\u0646\u0645\u0648<br \/>\n \u0648\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u0629.\n <\/p>\n<ul>\n<li>\n 01<br \/>\n \u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u062a\u0639\u062f\u064a\u0644 \u0639\u0642\u0648\u062f \u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629<br \/>\n \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629.\n <\/li>\n<li>\n 02<br \/>\n \u0627\u062a\u0641\u0627\u0642\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0643\u0627\u0621 \u0648\u0642\u0631\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0645\u0639\u064a\u0627\u062a \u0648\u0645\u062c\u0627\u0644\u0633<br \/>\n \u0627\u0644\u0625\u062f\u0627\u0631\u0629.\n <\/li>\n<li>\n 03<br \/>\n \u0623\u0637\u0631 \u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0635\u0644\u0627\u062d\u064a\u0627\u062a \u0648\u0627\u0644\u0633\u064a\u0627\u0633\u0627\u062a \u0648\u0625\u0639\u0627\u062f\u0629<br \/>\n \u0627\u0644\u0647\u064a\u0643\u0644\u0629.\n <\/li>\n<\/ul>\n<\/article>\n<\/section>\n<style>\n :root {\n --arf-ss-primary: #071B30;\n --arf-ss-gray: #C3C8CD;\n --arf-ss-black: #000000;\n --arf-ss-off-white: #F8F8F6;\n --arf-ss-white: #FFFFFF;\n --arf-ss-text-primary: var(--arf-ss-primary);\n --arf-ss-text-secondary: var(--arf-ss-black);\n --arf-ss-text-muted: #68737D;\n --arf-ss-text-on-dark: var(--arf-ss-white);\n --arf-ss-bg: var(--arf-ss-off-white);\n --arf-ss-dark-bg: var(--arf-ss-primary);\n --arf-ss-surface: var(--arf-ss-white);\n --arf-ss-border: rgba(7, 27, 48, 0.14);\n --arf-ss-border-dark: rgba(255, 255, 255, 0.18);\n --arf-ss-border-dark-hover: rgba(255, 255, 255, 0.48);\n --arf-ss-icon-color: var(--arf-ss-primary);\n --arf-ss-icon-bg: rgba(195, 200, 205, 0.22);\n --arf-ss-icon-hover-bg: var(--arf-ss-gray);\n --arf-ss-font-family: \"Almarai\", sans-serif;\n --arf-ss-fs-xs:\n clamp(0.68rem, 0.64rem + 0.14vw, 0.78rem);\n --arf-ss-fs-sm:\n clamp(0.78rem, 0.73rem + 0.18vw, 0.9rem);\n --arf-ss-fs-base:\n clamp(0.9rem, 0.84rem + 0.22vw, 1.02rem);\n --arf-ss-fs-lg:\n clamp(1rem, 0.92rem + 0.35vw, 1.22rem);\n --arf-ss-fs-xl:\n clamp(1.35rem, 1.12rem + 0.8vw, 1.95rem);\n --arf-ss-fs-hero:\n clamp(1.85rem, 1.35rem + 2vw, 3.5rem);\n --arf-ss-fs-stage:\n clamp(1.35rem, 1.12rem + 0.85vw, 2rem);\n --arf-ss-radius-sm: 10px;\n --arf-ss-radius-md: 18px;\n --arf-ss-radius-lg: 26px;\n --arf-ss-space-xs:\n clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);\n --arf-ss-space-sm:\n clamp(0.75rem, 0.6rem + 0.45vw, 1.05rem);\n --arf-ss-space-md:\n clamp(1rem, 0.8rem + 0.7vw, 1.5rem);\n --arf-ss-space-lg:\n clamp(1.7rem, 1.25rem + 1.5vw, 2.8rem);\n --arf-ss-space-xl:\n clamp(2.8rem, 2rem + 3.5vw, 6rem);\n --arf-ss-shadow-sm:\n 0 12px 35px rgba(7, 27, 48, 0.07);\n --arf-ss-shadow-lg:\n 0 24px 65px rgba(7, 27, 48, 0.16);\n --arf-ss-transition-fast: 180ms ease;\n --arf-ss-transition:\n 420ms cubic-bezier(.2, .8, .2, 1);\n --arf-ss-transition-slow:\n 680ms cubic-bezier(.2, .8, .2, 1);\n \/* \u0639\u062f\u0651\u0644\u0647\u0627 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0647\u064a\u062f\u0631 \u062b\u0627\u0628\u062a\u064b\u0627 *\/\n --arf-ss-mobile-sticky-top: 8px;\n }\n .arf-services-story,\n .arf-services-story *,\n .arf-services-story *::before,\n .arf-services-story *::after {\n box-sizing: border-box;\n }\n .arf-services-story {\n position: relative;\n width: 100%;\n overflow: clip;\n direction: rtl;\n padding-block: var(--arf-ss-space-xl);\n background: var(--arf-ss-bg);\n color: var(--arf-ss-text-primary);\n font-family: var(--arf-ss-font-family);\n isolation: isolate;\n }\n .arf-services-story__container {\n position: relative;\n width: min(calc(100% - 2rem), 1320px);\n margin-inline: auto;\n z-index: 2;\n }\n .arf-services-story__background {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .arf-services-story__circle {\n position: absolute;\n inset-block-start: 5rem;\n inset-inline-end: -13rem;\n width: clamp(24rem, 42vw, 44rem);\n aspect-ratio: 1;\n border: 1px solid var(--arf-ss-border);\n border-radius: 50%;\n opacity: 0.65;\n }\n .arf-services-story__circle::before,\n .arf-services-story__circle::after {\n content: \"\";\n position: absolute;\n border: 1px solid var(--arf-ss-border);\n border-radius: inherit;\n }\n .arf-services-story__circle::before {\n inset: 3rem;\n }\n .arf-services-story__circle::after {\n inset: 7rem;\n }\n .arf-services-story__grid {\n position: absolute;\n inset-inline-start: -4rem;\n inset-block-end: 2rem;\n width: 28rem;\n height: 28rem;\n background-image:\n linear-gradient(\n var(--arf-ss-border) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n var(--arf-ss-border) 1px,\n transparent 1px\n );\n background-size: 30px 30px;\n mask-image:\n radial-gradient(\n circle at center,\n #000 25%,\n transparent 72%\n );\n opacity: 0.35;\n }\n .arf-services-story__word {\n position: absolute;\n inset-inline-start: 2%;\n inset-block-start: 35%;\n color: rgba(7, 27, 48, 0.035);\n font-size: clamp(4rem, 10vw, 10rem);\n font-weight: 800;\n line-height: 1;\n white-space: nowrap;\n transform: rotate(-90deg);\n transform-origin: center;\n user-select: none;\n }\n \/* Header *\/\n .arf-services-story__header {\n max-width: 880px;\n margin-block-end: clamp(3rem, 8vw, 6rem);\n }\n .arf-services-story__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 0.75rem;\n margin-block-end: var(--arf-ss-space-md);\n color: var(--arf-ss-text-primary);\n font-size: var(--arf-ss-fs-sm);\n font-weight: 700;\n }\n .arf-services-story__eyebrow-line {\n display: block;\n width: 36px;\n height: 1px;\n background: var(--arf-ss-primary);\n transition: width var(--arf-ss-transition);\n }\n .arf-services-story__header:hover\n .arf-services-story__eyebrow-line {\n width: 58px;\n }\n .arf-services-story__header h2 {\n max-width: 860px;\n margin: 0;\n color: var(--arf-ss-text-primary);\n font-size: var(--arf-ss-fs-hero);\n font-weight: 800;\n line-height: 1.3;\n letter-spacing: -0.04em;\n }\n .arf-services-story__header h2 span {\n position: relative;\n display: inline-block;\n z-index: 1;\n }\n .arf-services-story__header h2 span::after {\n content: \"\";\n position: absolute;\n inset-inline: 0;\n inset-block-end: 0.08em;\n height: 0.16em;\n background: var(--arf-ss-gray);\n opacity: 0.75;\n transform: scaleX(0.35);\n transform-origin: right;\n transition: transform var(--arf-ss-transition-slow);\n z-index: -1;\n }\n .arf-services-story__header:hover h2 span::after {\n transform: scaleX(1);\n }\n .arf-services-story__header > p {\n max-width: 720px;\n margin: var(--arf-ss-space-md) 0 0;\n color: var(--arf-ss-text-muted);\n font-size: var(--arf-ss-fs-base);\n font-weight: 400;\n line-height: 2;\n }\n .arf-services-story__scroll-hint {\n display: inline-flex;\n align-items: center;\n gap: 0.65rem;\n margin-block-start: var(--arf-ss-space-md);\n color: var(--arf-ss-text-muted);\n font-size: var(--arf-ss-fs-xs);\n font-weight: 700;\n }\n .arf-services-story__scroll-hint i {\n color: var(--arf-ss-icon-color);\n font-size: 1rem;\n animation: arfServicesScrollHint 1.8s ease-in-out infinite;\n }\n \/* Layout *\/\n .arf-services-story__layout {\n display: grid;\n grid-template-columns:\n minmax(320px, 0.78fr)\n minmax(0, 1.22fr);\n grid-template-areas: \"stage chapters\";\n gap: clamp(3rem, 7vw, 7rem);\n align-items: start;\n }\n \/* \u0627\u0644\u0643\u0627\u0631\u062a \u0627\u0644\u0643\u062d\u0644\u064a *\/\n .arf-services-stage {\n grid-area: stage;\n position: sticky;\n inset-block-start: clamp(3rem, 6vh, 5rem);\n min-width: 0;\n }\n .arf-services-stage__inner {\n position: relative;\n display: flex;\n flex-direction: column;\n min-height: min(65vh, 570px);\n max-height: calc(100svh - 90px);\n overflow: hidden;\n padding: clamp(1.15rem, 2.2vw, 1.75rem);\n border: 1px solid var(--arf-ss-border-dark);\n border-radius: var(--arf-ss-radius-lg);\n background: var(--arf-ss-dark-bg);\n color: var(--arf-ss-text-on-dark);\n box-shadow: var(--arf-ss-shadow-lg);\n isolation: isolate;\n }\n .arf-services-stage__inner::before {\n content: \"\";\n position: absolute;\n inset-block-start: -7rem;\n inset-inline-start: -7rem;\n width: 18rem;\n height: 18rem;\n border: 1px solid var(--arf-ss-border-dark);\n border-radius: 50%;\n opacity: 0.65;\n z-index: -1;\n }\n .arf-services-stage__inner::after {\n content: \"\";\n position: absolute;\n inset-inline-end: 0;\n inset-block-end: 0;\n width: 46%;\n height: 42%;\n background-image:\n linear-gradient(\n rgba(255, 255, 255, 0.055) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(255, 255, 255, 0.055) 1px,\n transparent 1px\n );\n background-size: 22px 22px;\n mask-image:\n linear-gradient(\n to top left,\n #000,\n transparent\n );\n z-index: -1;\n }\n .arf-services-stage__top {\n display: flex;\n justify-content: space-between;\n gap: 1rem;\n align-items: flex-start;\n }\n .arf-services-stage__label {\n color: var(--arf-ss-gray);\n font-size: var(--arf-ss-fs-xs);\n font-weight: 700;\n }\n .arf-services-stage__number {\n color: rgba(255, 255, 255, 0.28);\n font-size: var(--arf-ss-fs-sm);\n font-weight: 700;\n letter-spacing: 0.1em;\n }\n .arf-services-stage__visual {\n position: relative;\n display: grid;\n place-items: center;\n width: min(100%, 235px);\n aspect-ratio: 1;\n margin: auto;\n }\n .arf-services-stage__orbit {\n position: absolute;\n border: 1px solid var(--arf-ss-border-dark);\n border-radius: 50%;\n transition:\n transform var(--arf-ss-transition-slow),\n border-color var(--arf-ss-transition);\n }\n .arf-services-stage__orbit--outer {\n inset: 0;\n }\n .arf-services-stage__orbit--inner {\n inset: 17%;\n border-style: dashed;\n opacity: 0.72;\n }\n .arf-services-stage.is-changing\n .arf-services-stage__orbit--outer {\n transform: rotate(18deg) scale(0.96);\n border-color: var(--arf-ss-border-dark-hover);\n }\n .arf-services-stage.is-changing\n .arf-services-stage__orbit--inner {\n transform: rotate(-24deg) scale(1.04);\n }\n .arf-services-stage__moving-dot {\n position: absolute;\n inset-block-start: 7%;\n inset-inline-start: 49%;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--arf-ss-gray);\n box-shadow:\n 0 0 0 7px rgba(195, 200, 205, 0.08);\n transform-origin: 0 100px;\n animation: arfServicesOrbit 11s linear infinite;\n }\n .arf-services-stage__icon {\n display: grid;\n place-items: center;\n width: clamp(78px, 8vw, 102px);\n height: clamp(78px, 8vw, 102px);\n border: 1px solid var(--arf-ss-border-dark);\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.06);\n color: var(--arf-ss-white);\n font-size: clamp(1.65rem, 3vw, 2.4rem);\n backdrop-filter: blur(8px);\n transition:\n opacity var(--arf-ss-transition-fast),\n transform var(--arf-ss-transition),\n background-color var(--arf-ss-transition);\n }\n .arf-services-stage.is-changing\n .arf-services-stage__icon {\n opacity: 0;\n transform: scale(0.82) rotate(-12deg);\n }\n .arf-services-stage__content {\n min-height: 110px;\n transition:\n opacity var(--arf-ss-transition-fast),\n transform var(--arf-ss-transition-fast);\n }\n .arf-services-stage.is-changing\n .arf-services-stage__content {\n opacity: 0;\n transform: translateY(10px);\n }\n .arf-services-stage__order {\n display: block;\n margin-block-end: 0.4rem;\n color: var(--arf-ss-gray);\n font-size: var(--arf-ss-fs-xs);\n font-weight: 700;\n }\n .arf-services-stage__content h3 {\n margin: 0;\n color: var(--arf-ss-white);\n font-size: var(--arf-ss-fs-stage);\n font-weight: 800;\n line-height: 1.45;\n }\n .arf-services-stage__content p {\n margin: 0.65rem 0 0;\n color: var(--arf-ss-gray);\n font-size: var(--arf-ss-fs-sm);\n font-weight: 400;\n line-height: 1.8;\n }\n .arf-services-stage__progress {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 0.55rem;\n margin-block-start: auto;\n padding-block-start: 0.75rem;\n }\n .arf-services-stage__progress button {\n position: relative;\n min-width: 44px;\n min-height: 44px;\n padding: 0;\n border: 0;\n background: transparent;\n color: rgba(255, 255, 255, 0.4);\n font-family: var(--arf-ss-font-family);\n font-size: var(--arf-ss-fs-xs);\n font-weight: 700;\n cursor: pointer;\n transition:\n color var(--arf-ss-transition),\n transform var(--arf-ss-transition);\n }\n .arf-services-stage__progress button::before {\n content: \"\";\n position: absolute;\n inset-inline: 0;\n inset-block-end: 5px;\n height: 2px;\n background: rgba(255, 255, 255, 0.18);\n transform-origin: right;\n transition:\n background-color var(--arf-ss-transition),\n transform var(--arf-ss-transition);\n }\n .arf-services-stage__progress button:hover,\n .arf-services-stage__progress button:focus-visible,\n .arf-services-stage__progress button.is-active {\n color: var(--arf-ss-white);\n transform: translateY(-2px);\n outline: none;\n }\n .arf-services-stage__progress button:focus-visible {\n outline: 2px solid var(--arf-ss-gray);\n outline-offset: 3px;\n border-radius: 6px;\n }\n .arf-services-stage__progress button.is-active::before {\n background: var(--arf-ss-white);\n transform: scaleX(1);\n }\n .arf-services-stage__progress button.is-complete::before {\n background: var(--arf-ss-gray);\n }\n \/* \u0641\u0635\u0648\u0644 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 *\/\n .arf-services-story__chapters {\n grid-area: chapters;\n position: relative;\n }\n .arf-services-story__chapters::before {\n content: \"\";\n position: absolute;\n inset-block: 4rem;\n inset-inline-start: 0;\n width: 1px;\n background:\n linear-gradient(\n to bottom,\n transparent,\n var(--arf-ss-border) 8%,\n var(--arf-ss-border) 92%,\n transparent\n );\n }\n .arf-service-chapter {\n position: relative;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: min(86vh, 760px);\n padding:\n clamp(3rem, 7vw, 5rem)\n clamp(1.5rem, 4vw, 3.5rem)\n clamp(3rem, 7vw, 5rem)\n clamp(2rem, 5vw, 4rem);\n border-block-end: 1px solid var(--arf-ss-border);\n outline: none;\n opacity: 0.38;\n transform: translateY(28px);\n transition:\n opacity var(--arf-ss-transition-slow),\n transform var(--arf-ss-transition-slow);\n }\n .arf-service-chapter:last-child {\n border-block-end: 0;\n }\n .arf-service-chapter.is-active,\n .arf-service-chapter:hover,\n .arf-service-chapter:focus-visible {\n opacity: 1;\n transform: translateY(0);\n }\n .arf-service-chapter:focus-visible {\n outline: 3px solid rgba(7, 27, 48, 0.18);\n outline-offset: -4px;\n }\n .arf-service-chapter__watermark {\n position: absolute;\n inset-block-start: 50%;\n inset-inline-end: 0;\n color: rgba(7, 27, 48, 0.035);\n font-size: clamp(7rem, 16vw, 14rem);\n font-weight: 800;\n line-height: 1;\n transform: translateY(-50%);\n user-select: none;\n pointer-events: none;\n }\n .arf-service-chapter__heading {\n position: relative;\n display: grid;\n grid-template-columns: 54px 1fr;\n gap: 1rem;\n align-items: start;\n z-index: 1;\n }\n .arf-service-chapter__line {\n display: block;\n width: 54px;\n height: 1px;\n margin-block-start: 1.15rem;\n background: var(--arf-ss-gray);\n transform: scaleX(0.35);\n transform-origin: right;\n transition:\n transform var(--arf-ss-transition-slow),\n background-color var(--arf-ss-transition);\n }\n .arf-service-chapter.is-active\n .arf-service-chapter__line {\n background: var(--arf-ss-primary);\n transform: scaleX(1);\n }\n .arf-service-chapter__order {\n display: block;\n margin-block-end: 0.45rem;\n color: var(--arf-ss-text-muted);\n font-size: var(--arf-ss-fs-xs);\n font-weight: 700;\n }\n .arf-service-chapter h3 {\n max-width: 700px;\n margin: 0;\n color: var(--arf-ss-text-primary);\n font-size: var(--arf-ss-fs-xl);\n font-weight: 800;\n line-height: 1.5;\n letter-spacing: -0.025em;\n }\n .arf-service-chapter__intro {\n position: relative;\n max-width: 760px;\n margin:\n var(--arf-ss-space-lg)\n 0\n 0\n calc(54px + 1rem);\n color: var(--arf-ss-text-muted);\n font-size: var(--arf-ss-fs-base);\n font-weight: 400;\n line-height: 2;\n z-index: 1;\n }\n .arf-service-chapter__list {\n position: relative;\n display: grid;\n gap: 0;\n max-width: 780px;\n margin:\n var(--arf-ss-space-lg)\n 0\n 0\n calc(54px + 1rem);\n padding: 0;\n list-style: none;\n z-index: 1;\n }\n .arf-service-chapter__list li {\n display: grid;\n grid-template-columns: 42px 1fr;\n gap: 1rem;\n align-items: start;\n padding-block: 1.1rem;\n border-block-end: 1px solid var(--arf-ss-border);\n color: var(--arf-ss-text-primary);\n font-size: var(--arf-ss-fs-sm);\n font-weight: 700;\n line-height: 1.9;\n transition:\n padding-inline-start var(--arf-ss-transition),\n color var(--arf-ss-transition);\n }\n .arf-service-chapter__list li:hover {\n padding-inline-start: 0.7rem;\n color: var(--arf-ss-black);\n }\n .arf-service-chapter__list-number {\n display: grid;\n place-items: center;\n width: 42px;\n height: 42px;\n border: 1px solid var(--arf-ss-border);\n border-radius: 50%;\n color: var(--arf-ss-text-muted);\n font-size: var(--arf-ss-fs-xs);\n font-weight: 700;\n transition:\n color var(--arf-ss-transition),\n background-color var(--arf-ss-transition),\n border-color var(--arf-ss-transition),\n transform var(--arf-ss-transition);\n }\n .arf-service-chapter__list li:hover\n .arf-service-chapter__list-number {\n border-color: var(--arf-ss-primary);\n background: var(--arf-ss-primary);\n color: var(--arf-ss-white);\n transform: rotate(-7deg);\n }\n @keyframes arfServicesOrbit {\n to {\n transform: rotate(360deg);\n }\n }\n @keyframes arfServicesScrollHint {\n 0%,\n 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(5px);\n }\n }\n \/* \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628 \u0627\u0644\u0642\u0635\u064a\u0631 *\/\n @media (min-width: 761px) and (max-height: 780px) {\n .arf-services-stage {\n inset-block-start: 1.25rem;\n }\n .arf-services-stage__inner {\n min-height: 500px;\n max-height: calc(100svh - 36px);\n padding: 1.1rem;\n }\n .arf-services-stage__visual {\n width: min(100%, 195px);\n }\n .arf-services-stage__icon {\n width: 82px;\n height: 82px;\n font-size: 1.9rem;\n }\n .arf-services-stage__content {\n min-height: 95px;\n }\n .arf-services-stage__content p {\n line-height: 1.7;\n }\n .arf-services-stage__progress {\n padding-block-start: 0.4rem;\n }\n }\n \/* \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\n @media (max-width: 1000px) {\n .arf-services-story__layout {\n grid-template-columns:\n minmax(280px, 0.7fr)\n minmax(0, 1.3fr);\n gap: clamp(2rem, 4vw, 3.5rem);\n }\n .arf-services-stage__visual {\n width: min(100%, 205px);\n }\n }\n \/* Mobile Scrollytelling *\/\n @media (max-width: 760px) {\n .arf-services-story {\n overflow: visible;\n }\n .arf-services-story__container {\n width: min(calc(100% - 1.25rem), 680px);\n }\n .arf-services-story__header {\n margin-block-end: 2rem;\n }\n .arf-services-story__layout {\n display: block;\n }\n \/* \u0627\u0644\u0643\u0627\u0631\u062a \u064a\u0638\u0644 \u062b\u0627\u0628\u062a\u064b\u0627 \u0623\u0639\u0644\u0649 \u0627\u0644\u0634\u0627\u0634\u0629 *\/\n .arf-services-stage {\n position: sticky;\n inset-block-start: var(--arf-ss-mobile-sticky-top);\n width: 100%;\n margin-block-end: 0;\n padding-block: 0.35rem;\n z-index: 20;\n }\n .arf-services-stage__inner {\n display: grid;\n grid-template-columns: 66px minmax(0, 1fr);\n grid-template-areas:\n \"visual top\"\n \"visual content\"\n \"progress progress\";\n gap: 0.3rem 0.8rem;\n align-items: center;\n min-height: 0;\n max-height: none;\n padding: 0.75rem 0.85rem 0.6rem;\n border-radius: 16px;\n box-shadow: 0 14px 38px rgba(7, 27, 48, 0.2);\n }\n .arf-services-stage__top {\n grid-area: top;\n align-items: center;\n }\n .arf-services-stage__label {\n font-size: 0.66rem;\n }\n .arf-services-stage__number {\n font-size: 0.65rem;\n }\n .arf-services-stage__visual {\n grid-area: visual;\n width: 66px;\n height: 66px;\n margin: 0;\n }\n .arf-services-stage__orbit--outer {\n inset: 1px;\n }\n .arf-services-stage__orbit--inner,\n .arf-services-stage__moving-dot {\n display: none;\n }\n .arf-services-stage__icon {\n width: 46px;\n height: 46px;\n font-size: 1.08rem;\n }\n .arf-services-stage__content {\n grid-area: content;\n min-height: 66px;\n }\n .arf-services-stage__order {\n margin-block-end: 0.15rem;\n font-size: 0.62rem;\n }\n .arf-services-stage__content h3 {\n font-size: clamp(0.95rem, 3.7vw, 1.15rem);\n line-height: 1.35;\n }\n .arf-services-stage__content p {\n display: -webkit-box;\n overflow: hidden;\n margin-top: 0.25rem;\n font-size: 0.66rem;\n line-height: 1.55;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n .arf-services-stage__progress {\n grid-area: progress;\n gap: 0.4rem;\n padding-block-start: 0.2rem;\n }\n .arf-services-stage__progress button {\n min-height: 32px;\n min-width: 32px;\n font-size: 0.63rem;\n }\n .arf-services-stage__progress button::before {\n inset-block-end: 2px;\n }\n .arf-services-story__chapters::before {\n display: none;\n }\n \/* \u0643\u0644 \u0641\u0635\u0644 \u064a\u0623\u062e\u0630 \u0645\u0633\u0627\u062d\u0629 \u0643\u0627\u0641\u064a\u0629 \u0644\u062a\u0641\u0639\u064a\u0644 \u0627\u0644\u0642\u0635\u0629 *\/\n .arf-service-chapter {\n min-height: 78svh;\n padding:\n clamp(4rem, 13vw, 6rem)\n 0.35rem\n clamp(3rem, 10vw, 5rem);\n scroll-margin-top: 155px;\n }\n .arf-service-chapter__heading {\n grid-template-columns: 36px 1fr;\n gap: 0.75rem;\n }\n .arf-service-chapter__line {\n width: 36px;\n margin-block-start: 0.9rem;\n }\n .arf-service-chapter__intro,\n .arf-service-chapter__list {\n margin-inline-start: calc(36px + 0.75rem);\n }\n .arf-service-chapter__watermark {\n inset-inline-end: -0.15em;\n font-size: clamp(6rem, 36vw, 10rem);\n }\n }\n \/* \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\n @media (max-width: 480px) {\n .arf-services-stage__inner {\n grid-template-columns: 58px minmax(0, 1fr);\n padding: 0.65rem 0.7rem 0.5rem;\n }\n .arf-services-stage__visual {\n width: 58px;\n height: 58px;\n }\n .arf-services-stage__icon {\n width: 40px;\n height: 40px;\n font-size: 0.95rem;\n }\n .arf-services-stage__label {\n display: none;\n }\n .arf-services-stage__content {\n min-height: 61px;\n }\n .arf-services-stage__content h3 {\n font-size: 0.92rem;\n }\n .arf-services-stage__content p {\n font-size: 0.62rem;\n }\n .arf-service-chapter {\n min-height: 82svh;\n scroll-margin-top: 140px;\n }\n .arf-service-chapter__intro,\n .arf-service-chapter__list {\n margin-inline-start: 0;\n }\n .arf-service-chapter__list li {\n grid-template-columns: 38px 1fr;\n gap: 0.75rem;\n }\n .arf-service-chapter__list-number {\n width: 38px;\n height: 38px;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .arf-services-story *,\n .arf-services-story *::before,\n .arf-services-story *::after {\n animation-duration: 0.01ms;\n animation-iteration-count: 1;\n transition-duration: 0.01ms;\n scroll-behavior: auto;\n }\n .arf-service-chapter {\n opacity: 1;\n transform: none;\n }\n .arf-services-stage__moving-dot {\n animation: none;\n }\n }\n<\/style>\n<p>\t\t\t\t\t<!-- \u0627\u062d\u0630\u0641 \u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0637 \u0648\u0627\u0644\u0623\u064a\u0642\u0648\u0646\u0627\u062a \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u062d\u0645\u0651\u0644\u0629 \u0628\u0627\u0644\u0641\u0639\u0644 -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Almarai:wght@300;400;700;800&display=swap\"\n rel=\"stylesheet\"\n>\n<link\n rel=\"stylesheet\"\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\"\n><\/p>\n<section\n id=\"arf-ci\"\n dir=\"rtl\"\n aria-labelledby=\"arf-ci-title\"\n><br \/>\n CLIENTS<br \/>\n <!-- \u0645\u0642\u062f\u0645\u0629 \u0627\u0644\u0633\u0643\u0634\u0646 --><\/p>\n<header>\n \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a<\/p>\n<h2 id=\"arf-ci-title\">\n \u062e\u0628\u0631\u0629 \u0645\u0645\u062a\u062f\u0629<br \/>\n \u062f\u0648\u0646 \u062d\u0635\u0631<br \/>\n <\/h2>\n<p>\n \u062a\u062e\u062f\u0645 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u0632\u064a\u062c\u064b\u0627 \u0645\u062a\u0648\u0627\u0632\u0646\u064b\u0627 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\n \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629\u060c \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u064a\u0646 \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646\u060c \u0648\u0634\u0631\u0643\u0627\u062a<br \/>\n \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0644\u060c \u0648\u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u062c\u0646\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u064a\u0646\u060c \u0648\u0627\u0644\u0645\u0646\u0634\u0622\u062a<br \/>\n \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629\u060c \u0648\u0631\u062c\u0627\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\n <\/p>\n<\/header>\n<p> <!-- \u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u0628\u0635\u0631\u064a \u0627\u0644\u062b\u0627\u0628\u062a --><\/p>\n<figure>\n <img\n src=\"https:\/\/images.unsplash.com\/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=85\"\n alt=\"\u0645\u0628\u0627\u0646\u064d \u0648\u0623\u0639\u0645\u0627\u0644 \u062a\u0645\u062b\u0644 \u062a\u0646\u0648\u0639 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0647\u0627 \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629\"\n loading=\"lazy\"\n decoding=\"async\"\n ><br \/>\n \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0646\u0634\u0637<br \/>\n 01<br \/>\n <i\n aria-hidden=\"true\"\n ><\/i><\/p>\n<h3 id=\"arf-ci-active-title\">\n \u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<br \/>\n <\/h3>\n<p id=\"arf-ci-active-description\">\n \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a<br \/>\n \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f.\n <\/p>\n<p> <button\n type=\"button\"\n data-target-index=\"0\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\"\n ><\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"1\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u062a\u0623\u0645\u064a\u0646\"\n ><\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"2\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u064a\u0631\u0627\u0646\"\n ><\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"3\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\"\n ><\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"4\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u062a\u062c\u0632\u0626\u0629\"\n ><\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"5\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u0629\"\n ><\/button><br \/>\n <button\n type=\"button\"\n data-target-index=\"6\"\n aria-label=\"\u0627\u0644\u0627\u0646\u062a\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a \u0648\u0634\u0628\u0647 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\"\n ><\/button><figcaption>\n \u0645\u062c\u0645\u0648\u0639\u0629 \u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629<br \/>\n <strong>\u062e\u0628\u0631\u0629 \u0642\u0637\u0627\u0639\u064a\u0629 \u0645\u0631\u0646\u0629<\/strong><br \/>\n <\/figcaption><\/figure>\n<p> <!-- \u0641\u0635\u0648\u0644 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a --><br \/>\n \u0642\u0637\u0627\u0639\u0627\u062a \u0645\u062e\u062a\u0627\u0631\u0629<\/p>\n<p>\u0645\u0631\u0651\u0631 \u0628\u064a\u0646 \u0627\u0644\u0641\u0635\u0648\u0644 \u0644\u0627\u0633\u062a\u0639\u0631\u0627\u0636 \u0646\u0637\u0627\u0642 \u0627\u0644\u062e\u0628\u0631\u0629<\/p>\n<p> <strong>07<\/strong><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-01\"\n role=\"tab\"\n aria-selected=\"true\"\n tabindex=\"0\"\n data-index=\"0\"\n data-number=\"01\"\n data-title=\"\u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\"\n data-icon=\"fa-building\"\n data-description=\"\u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f.\"\n data-position=\"center\"\n ><br \/>\n 01<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0623\u0648\u0644<\/small><br \/>\n <strong>\u0627\u0644\u0639\u0642\u0627\u0631 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a<\/strong><br \/>\n \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629<br \/>\n \u0628\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0648\u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f.<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-02\"\n role=\"tab\"\n aria-selected=\"false\"\n tabindex=\"-1\"\n data-index=\"1\"\n data-number=\"02\"\n data-title=\"\u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u062a\u0623\u0645\u064a\u0646\"\n data-icon=\"fa-shield-halved\"\n data-description=\"\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0623\u0645\u064a\u0646\u064a\u0629.\"\n data-position=\"center top\"\n ><br \/>\n 02<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062b\u0627\u0646\u064a<\/small><br \/>\n <strong>\u0627\u0644\u062a\u0645\u0648\u064a\u0644 \u0648\u0627\u0644\u062a\u0623\u0645\u064a\u0646<\/strong><br \/>\n \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629<br \/>\n \u0628\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0623\u0645\u064a\u0646\u064a\u0629.<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-03\"\n role=\"tab\"\n aria-selected=\"false\"\n tabindex=\"-1\"\n data-index=\"2\"\n data-number=\"03\"\n data-title=\"\u0627\u0644\u0637\u064a\u0631\u0627\u0646\"\n data-icon=\"fa-plane\"\n data-description=\"\u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 \u0628\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u064a\u0631\u0627\u0646 \u0648\u062e\u062f\u0645\u0627\u062a\u0647.\"\n data-position=\"center 35%\"\n ><br \/>\n 03<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062b\u0627\u0644\u062b<\/small><br \/>\n <strong>\u0627\u0644\u0637\u064a\u0631\u0627\u0646<\/strong><br \/>\n \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0648\u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a<br \/>\n \u0630\u0627\u062a \u0627\u0644\u0635\u0644\u0629 \u0628\u0642\u0637\u0627\u0639 \u0627\u0644\u0637\u064a\u0631\u0627\u0646 \u0648\u062e\u062f\u0645\u0627\u062a\u0647.<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-04\"\n role=\"tab\"\n aria-selected=\"false\"\n tabindex=\"-1\"\n data-index=\"3\"\n data-number=\"04\"\n data-title=\"\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\"\n data-icon=\"fa-truck-fast\"\n data-description=\"\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0648\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f.\"\n data-position=\"center 60%\"\n ><br \/>\n 04<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0631\u0627\u0628\u0639<\/small><br \/>\n <strong>\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629<\/strong><br \/>\n \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u0645\u0633\u0624\u0648\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u062e\u0632\u064a\u0646<br \/>\n \u0648\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0625\u0645\u062f\u0627\u062f.<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-05\"\n role=\"tab\"\n aria-selected=\"false\"\n tabindex=\"-1\"\n data-index=\"4\"\n data-number=\"05\"\n data-title=\"\u0627\u0644\u062a\u062c\u0632\u0626\u0629\"\n data-icon=\"fa-store\"\n data-description=\"\u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0644\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u062a\u062c\u0632\u0626\u0629.\"\n data-position=\"center bottom\"\n ><br \/>\n 05<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u0627\u0645\u0633<\/small><br \/>\n <strong>\u0627\u0644\u062a\u062c\u0632\u0626\u0629<\/strong><br \/>\n \u0627\u0644\u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0644\u0644\u0645\u0646\u0634\u0622\u062a<br \/>\n \u0627\u0644\u0639\u0627\u0645\u0644\u0629 \u0641\u064a \u0623\u0633\u0648\u0627\u0642 \u0627\u0644\u062a\u062c\u0632\u0626\u0629.<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-06\"\n role=\"tab\"\n aria-selected=\"false\"\n tabindex=\"-1\"\n data-index=\"5\"\n data-number=\"06\"\n data-title=\"\u0627\u0644\u0635\u0646\u0627\u0639\u0629\"\n data-icon=\"fa-industry\"\n data-description=\"\u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.\"\n data-position=\"center 45%\"\n ><br \/>\n 06<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0627\u062f\u0633<\/small><br \/>\n <strong>\u0627\u0644\u0635\u0646\u0627\u0639\u0629<\/strong><br \/>\n \u0627\u0644\u0639\u0642\u0648\u062f \u0648\u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0648\u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u0648\u0627\u0644\u0645\u0637\u0627\u0644\u0628\u0627\u062a \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629<br \/>\n \u0628\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629.<br \/>\n <\/button><br \/>\n <button\n type=\"button\"\n id=\"arf-ci-sector-07\"\n role=\"tab\"\n aria-selected=\"false\"\n tabindex=\"-1\"\n data-index=\"6\"\n data-number=\"07\"\n data-title=\"\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a \u0648\u0634\u0628\u0647 \u0627\u0644\u062d\u0643\u0648\u0645\u064a\"\n data-icon=\"fa-landmark\"\n data-description=\"\u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0643\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0647\u0627.\"\n data-position=\"center 25%\"\n ><br \/>\n 07<br \/>\n <small>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0633\u0627\u0628\u0639<\/small><br \/>\n <strong>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u062d\u0643\u0648\u0645\u064a \u0648\u0634\u0628\u0647 \u0627\u0644\u062d\u0643\u0648\u0645\u064a<\/strong><br \/>\n \u0627\u0644\u0645\u0633\u0627\u0626\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0648\u0627\u0644\u062a\u0639\u0627\u0642\u062f\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0627\u0644\u0645\u0631\u062a\u0628\u0637\u0629<br \/>\n \u0628\u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629 \u0648\u0627\u0644\u0643\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0628\u0639\u0629 \u0644\u0647\u0627.<br \/>\n <\/button><br \/>\n <!-- \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 --><br \/>\n \u0646\u062e\u062f\u0645<br \/>\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0633\u0627\u0647\u0645\u0629 \u0627\u0644\u0639\u0627\u0645\u0629<br \/>\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649 \u0648\u0627\u0644\u0639\u0627\u0626\u0644\u064a\u0629<br \/>\n \u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0648\u0646 \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646<br \/>\n \u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062a\u0623\u0645\u064a\u0646 \u0648\u0627\u0644\u062a\u0645\u0648\u064a\u0644<br \/>\n \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0623\u062c\u0646\u0628\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u0648\u0646<br \/>\n \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629<br \/>\n \u0631\u062c\u0627\u0644 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<br \/>\n <!-- \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0629 --><\/p>\n<footer>\n <i\n aria-hidden=\"true\"\n ><\/i><\/p>\n<p>\n \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0648\u0627\u0631\u062f\u0629 \u0645\u062e\u062a\u0627\u0631\u0629 \u0639\u0644\u0649 \u0633\u0628\u064a\u0644 \u0627\u0644\u0628\u064a\u0627\u0646\u060c \u0648\u0644\u0627 \u062a\u0645\u062b\u0644 \u062d\u0635\u0631\u064b\u0627<br \/>\n \u0644\u0646\u0637\u0627\u0642 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u062c\u0645\u0648\u0639\u0629.\n <\/p>\n<\/footer>\n<\/section>\n<style>\n :root {\n --arf-ci-primary: #071B30;\n --arf-ci-gray: #C3C8CD;\n --arf-ci-black: #000000;\n --arf-ci-off-white: #F8F8F6;\n --arf-ci-white: #FFFFFF;\n --arf-ci-bg: #071B30;\n --arf-ci-surface: rgba(255, 255, 255, 0.045);\n --arf-ci-surface-hover: rgba(255, 255, 255, 0.09);\n --arf-ci-surface-active: rgba(255, 255, 255, 0.12);\n --arf-ci-text: #FFFFFF;\n --arf-ci-text-muted: #C3C8CD;\n --arf-ci-text-soft: rgba(255, 255, 255, 0.68);\n --arf-ci-border: rgba(195, 200, 205, 0.17);\n --arf-ci-border-hover: rgba(195, 200, 205, 0.48);\n --arf-ci-font: \"Almarai\", sans-serif;\n --arf-ci-fs-xs:\n clamp(0.68rem, 0.64rem + 0.14vw, 0.78rem);\n --arf-ci-fs-sm:\n clamp(0.78rem, 0.73rem + 0.2vw, 0.92rem);\n --arf-ci-fs-base:\n clamp(0.9rem, 0.84rem + 0.24vw, 1.04rem);\n --arf-ci-fs-lg:\n clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem);\n --arf-ci-fs-xl:\n clamp(1.45rem, 1.15rem + 1vw, 2.15rem);\n --arf-ci-fs-hero:\n clamp(2rem, 1.4rem + 2.3vw, 4rem);\n --arf-ci-radius-sm: 10px;\n --arf-ci-radius-md: 18px;\n --arf-ci-radius-lg: 28px;\n --arf-ci-space-xs:\n clamp(0.5rem, 0.4rem + 0.3vw, 0.75rem);\n --arf-ci-space-sm:\n clamp(0.75rem, 0.62rem + 0.4vw, 1rem);\n --arf-ci-space-md:\n clamp(1rem, 0.82rem + 0.7vw, 1.55rem);\n --arf-ci-space-lg:\n clamp(1.7rem, 1.25rem + 1.5vw, 2.8rem);\n --arf-ci-space-xl:\n clamp(3rem, 2.1rem + 3.8vw, 6.5rem);\n --arf-ci-shadow:\n 0 28px 80px rgba(0, 0, 0, 0.26);\n --arf-ci-transition-fast: 180ms ease;\n --arf-ci-transition:\n 420ms cubic-bezier(.2, .8, .2, 1);\n --arf-ci-transition-slow:\n 700ms cubic-bezier(.2, .8, .2, 1);\n \/* \u063a\u064a\u0651\u0631\u0647\u0627 \u0639\u0646\u062f \u0648\u062c\u0648\u062f \u0647\u064a\u062f\u0631 \u062b\u0627\u0628\u062a *\/\n --arf-ci-sticky-top: 16px;\n }\n .arf-ci,\n .arf-ci *,\n .arf-ci *::before,\n .arf-ci *::after {\n box-sizing: border-box;\n }\n .arf-ci {\n position: relative;\n width: 100%;\n overflow: clip;\n direction: rtl;\n padding-block: var(--arf-ci-space-xl);\n background: var(--arf-ci-bg);\n color: var(--arf-ci-text);\n font-family: var(--arf-ci-font);\n isolation: isolate;\n }\n .arf-ci__container {\n position: relative;\n width: min(calc(100% - 2rem), 1380px);\n margin-inline: auto;\n z-index: 2;\n }\n \/* \u062e\u0644\u0641\u064a\u0629 \u0627\u0644\u0633\u0643\u0634\u0646 *\/\n .arf-ci__background {\n position: absolute;\n inset: 0;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .arf-ci__background-line {\n position: absolute;\n inset-block-start: -10%;\n inset-inline-start: 22%;\n width: 1px;\n height: 125%;\n background:\n linear-gradient(\n to bottom,\n transparent,\n rgba(255, 255, 255, 0.2),\n transparent\n );\n transform: rotate(18deg);\n animation: arfCiLine 9s ease-in-out infinite;\n }\n .arf-ci__background-circle {\n position: absolute;\n inset-inline-end: -15rem;\n inset-block-start: -16rem;\n width: clamp(35rem, 58vw, 64rem);\n aspect-ratio: 1;\n border: 1px solid var(--arf-ci-border);\n border-radius: 50%;\n animation: arfCiFloat 15s ease-in-out infinite;\n }\n .arf-ci__background-circle::before,\n .arf-ci__background-circle::after {\n content: \"\";\n position: absolute;\n border: 1px solid var(--arf-ci-border);\n border-radius: inherit;\n }\n .arf-ci__background-circle::before {\n inset: 5rem;\n }\n .arf-ci__background-circle::after {\n inset: 11rem;\n }\n .arf-ci__background-word {\n position: absolute;\n inset-inline-start: -0.1em;\n inset-block-end: -0.22em;\n color: rgba(255, 255, 255, 0.025);\n font-size: clamp(7rem, 18vw, 18rem);\n font-weight: 800;\n line-height: 1;\n letter-spacing: -0.08em;\n user-select: none;\n }\n \/* \u0627\u0644\u0639\u0646\u0648\u0627\u0646 *\/\n .arf-ci__header {\n margin-block-end: clamp(3rem, 7vw, 5.8rem);\n }\n .arf-ci__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 0.8rem;\n margin-block-end: var(--arf-ci-space-md);\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-sm);\n font-weight: 700;\n }\n .arf-ci__eyebrow-line {\n width: 38px;\n height: 1px;\n background: var(--arf-ci-gray);\n transition: width var(--arf-ci-transition);\n }\n .arf-ci__header:hover .arf-ci__eyebrow-line {\n width: 64px;\n }\n .arf-ci__header-grid {\n display: grid;\n grid-template-columns:\n minmax(300px, 0.82fr)\n minmax(0, 1.18fr);\n gap: clamp(2rem, 6vw, 6rem);\n align-items: end;\n }\n .arf-ci__header h2 {\n margin: 0;\n color: var(--arf-ci-text);\n font-size: var(--arf-ci-fs-hero);\n font-weight: 800;\n line-height: 1.25;\n letter-spacing: -0.04em;\n }\n .arf-ci__header h2 span {\n position: relative;\n display: inline-block;\n }\n .arf-ci__header h2 span::after {\n content: \"\";\n position: absolute;\n inset-inline: 0;\n inset-block-end: 0.04em;\n height: 0.12em;\n background: var(--arf-ci-gray);\n opacity: 0.72;\n transform: scaleX(0.35);\n transform-origin: right;\n transition: transform var(--arf-ci-transition-slow);\n }\n .arf-ci__header:hover h2 span::after {\n transform: scaleX(1);\n }\n .arf-ci__header p {\n max-width: 760px;\n margin: 0;\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-base);\n font-weight: 400;\n line-height: 2.05;\n }\n \/* Scrollytelling layout *\/\n .arf-ci__experience {\n display: grid;\n grid-template-columns:\n minmax(0, 1.18fr)\n minmax(340px, 0.82fr);\n gap: clamp(1.8rem, 4vw, 4rem);\n align-items: start;\n }\n \/* \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u062b\u0627\u0628\u062a\u0629 *\/\n .arf-ci__visual {\n position: sticky;\n top: var(--arf-ci-sticky-top);\n min-width: 0;\n margin: 0;\n z-index: 8;\n }\n .arf-ci__image-wrap {\n position: relative;\n min-height: min(76svh, 650px);\n max-height: calc(100svh - 40px);\n overflow: hidden;\n border: 1px solid var(--arf-ci-border);\n border-radius: var(--arf-ci-radius-lg);\n background: var(--arf-ci-black);\n box-shadow: var(--arf-ci-shadow);\n isolation: isolate;\n }\n .arf-ci__image {\n position: absolute;\n inset: 0;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center;\n filter:\n saturate(0.55)\n contrast(1.08)\n brightness(0.76);\n transform: scale(1.04);\n transition:\n object-position var(--arf-ci-transition-slow),\n filter var(--arf-ci-transition-slow),\n transform 1.2s cubic-bezier(.2, .8, .2, 1);\n }\n .arf-ci__visual:hover .arf-ci__image {\n filter:\n saturate(0.7)\n contrast(1.08)\n brightness(0.82);\n transform: scale(1.075);\n }\n .arf-ci__visual.is-changing .arf-ci__image {\n transform: scale(1.1);\n filter:\n saturate(0.42)\n contrast(1.13)\n brightness(0.62);\n }\n .arf-ci__image-overlay {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(\n to top,\n rgba(7, 27, 48, 0.97),\n rgba(7, 27, 48, 0.16) 58%,\n rgba(7, 27, 48, 0.44)\n ),\n linear-gradient(\n to left,\n rgba(7, 27, 48, 0.38),\n transparent 52%\n );\n z-index: 1;\n }\n .arf-ci__image-line {\n position: absolute;\n background: rgba(255, 255, 255, 0.3);\n z-index: 2;\n }\n .arf-ci__image-line--one {\n inset-block-start: 1.5rem;\n inset-inline-end: 1.5rem;\n width: 90px;\n height: 1px;\n }\n .arf-ci__image-line--two {\n inset-block-start: 1.5rem;\n inset-inline-end: 1.5rem;\n width: 1px;\n height: 90px;\n }\n .arf-ci__image-orbit {\n position: absolute;\n inset-inline-start: -6rem;\n inset-block-start: 16%;\n width: 17rem;\n aspect-ratio: 1;\n border: 1px solid rgba(255, 255, 255, 0.14);\n border-radius: 50%;\n z-index: 2;\n animation: arfCiOrbit 18s linear infinite;\n }\n .arf-ci__image-orbit::before,\n .arf-ci__image-orbit::after {\n content: \"\";\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.1);\n border-radius: inherit;\n }\n .arf-ci__image-orbit::before {\n inset: 2.5rem;\n }\n .arf-ci__image-orbit::after {\n inset: 5rem;\n border-style: dashed;\n }\n .arf-ci__active-sector {\n position: absolute;\n inset-inline: clamp(1.2rem, 4vw, 3rem);\n inset-block-end: clamp(3.6rem, 8vw, 5.5rem);\n z-index: 3;\n }\n .arf-ci__active-top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n margin-block-end: var(--arf-ci-space-lg);\n }\n .arf-ci__active-label {\n color: var(--arf-ci-gray);\n font-size: var(--arf-ci-fs-xs);\n font-weight: 700;\n }\n .arf-ci__active-number {\n color: rgba(255, 255, 255, 0.34);\n font-size: var(--arf-ci-fs-lg);\n font-weight: 800;\n letter-spacing: 0.08em;\n }\n .arf-ci__active-icon {\n display: grid;\n place-items: center;\n width: 72px;\n height: 72px;\n margin-block-end: var(--arf-ci-space-md);\n border: 1px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n background: rgba(7, 27, 48, 0.35);\n color: var(--arf-ci-white);\n font-size: 1.55rem;\n backdrop-filter: blur(12px);\n transition:\n opacity var(--arf-ci-transition-fast),\n transform var(--arf-ci-transition),\n background-color var(--arf-ci-transition);\n }\n .arf-ci__visual.is-changing .arf-ci__active-icon {\n opacity: 0;\n transform: scale(0.8) rotate(-12deg);\n }\n .arf-ci__active-content {\n max-width: 720px;\n transition:\n opacity var(--arf-ci-transition-fast),\n transform var(--arf-ci-transition-fast);\n }\n .arf-ci__visual.is-changing .arf-ci__active-content {\n opacity: 0;\n transform: translateY(12px);\n }\n .arf-ci__active-content h3 {\n margin: 0;\n color: var(--arf-ci-white);\n font-size:\n clamp(1.7rem, 1.2rem + 1.8vw, 3rem);\n font-weight: 800;\n line-height: 1.4;\n }\n .arf-ci__active-content p {\n max-width: 650px;\n margin: 0.8rem 0 0;\n color: var(--arf-ci-gray);\n font-size: var(--arf-ci-fs-base);\n font-weight: 400;\n line-height: 2;\n }\n .arf-ci__visual-progress {\n position: absolute;\n inset-inline: clamp(1.2rem, 4vw, 3rem);\n inset-block-end: 1.5rem;\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n gap: 0.45rem;\n z-index: 3;\n }\n .arf-ci__visual-progress button {\n position: relative;\n min-width: 28px;\n min-height: 28px;\n padding: 0;\n border: 0;\n background: transparent;\n cursor: pointer;\n }\n .arf-ci__visual-progress button::before {\n content: \"\";\n position: absolute;\n inset-inline: 0;\n top: 50%;\n height: 3px;\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.2);\n transform: translateY(-50%) scaleX(0.6);\n transform-origin: right;\n transition:\n background-color var(--arf-ci-transition),\n transform var(--arf-ci-transition),\n opacity var(--arf-ci-transition);\n }\n .arf-ci__visual-progress button:hover::before,\n .arf-ci__visual-progress button:focus-visible::before,\n .arf-ci__visual-progress button.is-active::before {\n background: var(--arf-ci-white);\n transform: translateY(-50%) scaleX(1);\n }\n .arf-ci__visual-progress button.is-complete::before {\n background: var(--arf-ci-gray);\n opacity: 0.65;\n transform: translateY(-50%) scaleX(1);\n }\n .arf-ci__visual-progress button:focus-visible {\n outline: 2px solid var(--arf-ci-white);\n outline-offset: 2px;\n border-radius: 4px;\n }\n .arf-ci__image-caption {\n display: flex;\n justify-content: space-between;\n gap: 1rem;\n margin-block-start: 0.9rem;\n padding-inline: 0.3rem;\n }\n .arf-ci__image-caption span {\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-xs);\n font-weight: 400;\n }\n .arf-ci__image-caption strong {\n color: var(--arf-ci-white);\n font-size: var(--arf-ci-fs-xs);\n font-weight: 700;\n }\n \/* \u0641\u0635\u0648\u0644 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a *\/\n .arf-ci__sectors {\n position: relative;\n }\n .arf-ci__sectors::before {\n content: \"\";\n position: absolute;\n inset-block: 7rem;\n inset-inline-start: 1.15rem;\n width: 1px;\n background:\n linear-gradient(\n to bottom,\n transparent,\n var(--arf-ci-border) 8%,\n var(--arf-ci-border) 92%,\n transparent\n );\n }\n .arf-ci__sectors-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 1rem;\n min-height: 110px;\n padding: 1.2rem 0.4rem;\n border-block: 1px solid var(--arf-ci-border);\n }\n .arf-ci__sectors-header span {\n display: block;\n color: var(--arf-ci-white);\n font-size: var(--arf-ci-fs-base);\n font-weight: 700;\n }\n .arf-ci__sectors-header p {\n margin: 0.4rem 0 0;\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-xs);\n line-height: 1.7;\n }\n .arf-ci__sectors-header strong {\n color: rgba(255, 255, 255, 0.22);\n font-size: var(--arf-ci-fs-xl);\n font-weight: 800;\n }\n .arf-ci__sector {\n position: relative;\n display: grid;\n grid-template-columns: 42px minmax(0, 1fr) 42px;\n grid-template-areas:\n \"number heading arrow\"\n \". description description\";\n gap: 0.9rem 1rem;\n align-content: center;\n align-items: center;\n width: 100%;\n min-height: min(72svh, 660px);\n padding:\n clamp(3rem, 7vw, 5rem)\n 0.4rem;\n border: 0;\n border-block-end: 1px solid var(--arf-ci-border);\n background: transparent;\n color: var(--arf-ci-white);\n font-family: var(--arf-ci-font);\n text-align: right;\n cursor: pointer;\n opacity: 0.34;\n transform: translateY(24px);\n transition:\n opacity var(--arf-ci-transition-slow),\n transform var(--arf-ci-transition-slow),\n background-color var(--arf-ci-transition),\n padding-inline var(--arf-ci-transition);\n }\n .arf-ci__sector::before {\n content: \"\";\n position: absolute;\n inset-block: 16%;\n inset-inline-start: 1.15rem;\n width: 7px;\n height: 7px;\n border: 1px solid var(--arf-ci-border-hover);\n border-radius: 50%;\n background: var(--arf-ci-primary);\n transform: translateX(50%) scale(0.75);\n transition:\n background-color var(--arf-ci-transition),\n box-shadow var(--arf-ci-transition),\n transform var(--arf-ci-transition);\n }\n .arf-ci__sector:hover,\n .arf-ci__sector:focus-visible,\n .arf-ci__sector.is-active {\n padding-inline: 1rem;\n background:\n linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.08),\n transparent 72%\n );\n opacity: 1;\n transform: translateY(0);\n outline: none;\n }\n .arf-ci__sector:focus-visible {\n outline: 2px solid var(--arf-ci-gray);\n outline-offset: -3px;\n }\n .arf-ci__sector.is-active::before {\n background: var(--arf-ci-white);\n box-shadow:\n 0 0 0 8px rgba(255, 255, 255, 0.07);\n transform: translateX(50%) scale(1);\n }\n .arf-ci__sector-number {\n grid-area: number;\n color: rgba(255, 255, 255, 0.32);\n font-size: var(--arf-ci-fs-xs);\n font-weight: 700;\n }\n .arf-ci__sector-heading {\n grid-area: heading;\n display: flex;\n flex-direction: column;\n gap: 0.45rem;\n }\n .arf-ci__sector-heading small {\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-xs);\n font-weight: 400;\n }\n .arf-ci__sector-heading strong {\n color: var(--arf-ci-white);\n font-size:\n clamp(1.35rem, 1.05rem + 0.9vw, 2rem);\n font-weight: 800;\n line-height: 1.5;\n }\n .arf-ci__sector-description {\n grid-area: description;\n max-width: 560px;\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-sm);\n font-weight: 400;\n line-height: 2;\n }\n .arf-ci__sector-arrow {\n grid-area: arrow;\n display: grid;\n place-items: center;\n width: 42px;\n height: 42px;\n border: 1px solid transparent;\n border-radius: 50%;\n color: rgba(255, 255, 255, 0.35);\n font-size: 0.78rem;\n opacity: 0;\n transform: translateX(8px);\n transition:\n opacity var(--arf-ci-transition),\n transform var(--arf-ci-transition),\n color var(--arf-ci-transition),\n background-color var(--arf-ci-transition),\n border-color var(--arf-ci-transition);\n }\n .arf-ci__sector:hover .arf-ci__sector-arrow,\n .arf-ci__sector:focus-visible .arf-ci__sector-arrow,\n .arf-ci__sector.is-active .arf-ci__sector-arrow {\n border-color: var(--arf-ci-border-hover);\n background: var(--arf-ci-gray);\n color: var(--arf-ci-black);\n opacity: 1;\n transform: translateX(0);\n }\n \/* \u0627\u0644\u0639\u0645\u0644\u0627\u0621 *\/\n .arf-ci__clients {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 1.2rem;\n align-items: center;\n margin-block-start: clamp(2.5rem, 6vw, 4.5rem);\n padding-block: 1.25rem;\n border-block: 1px solid var(--arf-ci-border);\n }\n .arf-ci__clients-label {\n color: var(--arf-ci-white);\n font-size: var(--arf-ci-fs-sm);\n font-weight: 800;\n }\n .arf-ci__clients-track {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 0.65rem 1rem;\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-xs);\n font-weight: 700;\n }\n .arf-ci__clients-track i {\n color: var(--arf-ci-gray);\n font-size: 0.3rem;\n opacity: 0.6;\n }\n \/* \u0627\u0644\u0645\u0644\u0627\u062d\u0638\u0629 *\/\n .arf-ci__note {\n display: flex;\n align-items: flex-start;\n gap: 0.8rem;\n margin-block-start: 1.5rem;\n }\n .arf-ci__note i {\n margin-block-start: 0.25rem;\n color: var(--arf-ci-gray);\n font-size: 1rem;\n }\n .arf-ci__note p {\n margin: 0;\n color: var(--arf-ci-text-muted);\n font-size: var(--arf-ci-fs-sm);\n font-weight: 400;\n line-height: 1.9;\n }\n @keyframes arfCiFloat {\n 0%,\n 100% {\n transform: translate3d(0, 0, 0);\n }\n 50% {\n transform: translate3d(-20px, 18px, 0);\n }\n }\n @keyframes arfCiLine {\n 0%,\n 100% {\n opacity: 0.2;\n transform: translateX(0) rotate(18deg);\n }\n 50% {\n opacity: 0.7;\n transform: translateX(80px) rotate(18deg);\n }\n }\n @keyframes arfCiOrbit {\n to {\n transform: rotate(360deg);\n }\n }\n \/* \u0627\u0644\u062a\u0627\u0628\u0644\u062a *\/\n @media (max-width: 1050px) {\n .arf-ci__header-grid {\n grid-template-columns: 1fr;\n gap: 1.5rem;\n }\n .arf-ci__experience {\n grid-template-columns:\n minmax(0, 1.05fr)\n minmax(300px, 0.95fr);\n }\n .arf-ci__image-wrap {\n min-height: min(70svh, 600px);\n }\n }\n \/* Scrollytelling \u0627\u0644\u0647\u0627\u062a\u0641 *\/\n @media (max-width: 760px) {\n .arf-ci {\n overflow: visible;\n padding-block-start: 3.5rem;\n }\n .arf-ci__container {\n width: min(calc(100% - 1.25rem), 680px);\n }\n .arf-ci__header {\n margin-block-end: 2.2rem;\n }\n .arf-ci__experience {\n display: block;\n }\n .arf-ci__visual {\n position: sticky;\n top: 8px;\n margin-block-end: 0;\n padding-block: 0.3rem;\n z-index: 20;\n }\n .arf-ci__image-wrap {\n min-height: 265px;\n max-height: none;\n border-radius: 20px;\n box-shadow:\n 0 18px 45px rgba(0, 0, 0, 0.3);\n }\n .arf-ci__image {\n transform: scale(1.03);\n }\n .arf-ci__visual.is-changing .arf-ci__image {\n transform: scale(1.09);\n }\n .arf-ci__image-line {\n display: none;\n }\n .arf-ci__image-orbit {\n inset-inline-start: -4rem;\n inset-block-start: -2rem;\n width: 11rem;\n opacity: 0.55;\n }\n .arf-ci__active-sector {\n inset-inline: 1rem;\n inset-block-end: 2.8rem;\n }\n .arf-ci__active-top {\n margin-block-end: 0.75rem;\n }\n .arf-ci__active-label {\n font-size: 0.62rem;\n }\n .arf-ci__active-number {\n font-size: 0.78rem;\n }\n .arf-ci__active-icon {\n width: 48px;\n height: 48px;\n margin-block-end: 0.65rem;\n font-size: 1.05rem;\n }\n .arf-ci__active-content h3 {\n font-size:\n clamp(1.1rem, 5vw, 1.45rem);\n line-height: 1.35;\n }\n .arf-ci__active-content p {\n display: -webkit-box;\n overflow: hidden;\n max-width: 92%;\n margin-top: 0.35rem;\n font-size: 0.7rem;\n line-height: 1.65;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n }\n .arf-ci__visual-progress {\n inset-inline: 1rem;\n inset-block-end: 0.65rem;\n gap: 0.3rem;\n }\n .arf-ci__visual-progress button {\n min-height: 24px;\n min-width: 24px;\n }\n .arf-ci__image-caption {\n display: none;\n }\n .arf-ci__sectors {\n margin-block-start: 0.4rem;\n }\n .arf-ci__sectors::before {\n display: none;\n }\n .arf-ci__sectors-header {\n min-height: 92px;\n padding-block: 1.3rem;\n }\n .arf-ci__sector {\n min-height: 78svh;\n padding:\n clamp(5rem, 18vw, 7rem)\n 0.35rem\n clamp(3.5rem, 14vw, 5rem);\n grid-template-columns: 36px minmax(0, 1fr) 38px;\n grid-template-areas:\n \"number heading arrow\"\n \". description description\";\n opacity: 0.25;\n scroll-margin-top: 295px;\n }\n .arf-ci__sector::before {\n display: none;\n }\n .arf-ci__sector:hover,\n .arf-ci__sector:focus-visible,\n .arf-ci__sector.is-active {\n padding-inline: 0.65rem;\n background:\n linear-gradient(\n 135deg,\n rgba(255, 255, 255, 0.08),\n transparent 72%\n );\n }\n .arf-ci__sector-heading strong {\n font-size:\n clamp(1.2rem, 5.8vw, 1.65rem);\n }\n .arf-ci__sector-description {\n font-size: 0.86rem;\n line-height: 1.95;\n }\n .arf-ci__sector-arrow {\n width: 38px;\n height: 38px;\n }\n .arf-ci__clients {\n grid-template-columns: 1fr;\n }\n }\n \/* \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0635\u063a\u064a\u0631\u0629 *\/\n @media (max-width: 480px) {\n .arf-ci__header h2 {\n font-size:\n clamp(1.8rem, 9vw, 2.5rem);\n }\n .arf-ci__image-wrap {\n min-height: 245px;\n }\n .arf-ci__active-sector {\n inset-inline: 0.85rem;\n inset-block-end: 2.5rem;\n }\n .arf-ci__active-icon {\n width: 43px;\n height: 43px;\n font-size: 0.95rem;\n }\n .arf-ci__active-content h3 {\n font-size: 1rem;\n }\n .arf-ci__active-content p {\n font-size: 0.64rem;\n }\n .arf-ci__sector {\n min-height: 82svh;\n grid-template-columns: 30px minmax(0, 1fr) 34px;\n gap: 0.7rem;\n scroll-margin-top: 275px;\n }\n .arf-ci__sector-heading strong {\n font-size: 1.15rem;\n }\n .arf-ci__sector-description {\n font-size: 0.8rem;\n }\n }\n @media (prefers-reduced-motion: reduce) {\n .arf-ci *,\n .arf-ci *::before,\n .arf-ci *::after {\n animation-duration: 0.01ms;\n animation-iteration-count: 1;\n transition-duration: 0.01ms;\n scroll-behavior: auto;\n }\n .arf-ci__image,\n .arf-ci__sector {\n transform: none;\n }\n }\n<\/style>\n<p>\t\t[arf_contact_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0645\u062c\u0645\u0648\u0639\u0629\u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0646\u0639\u0631\u0641 \u0644\u0644\u0623\u0645\u0631 \u0642\u062f\u0631\u0647. \u0645\u0646\u0634\u0623\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0631\u0627\u0626\u062f\u0629\u060c \u0646\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a\u060c \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629\u060c \u0648\u062a\u0623\u0633\u064a\u0633 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u0631\u0624\u064a\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0648\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0639\u0627\u0644\u064a\u0629. \u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u062a\u0639\u0631\u064a\u0641\u064a \u0645\u0646 \u0646\u062d\u0646 – \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0645\u0646 \u0646\u062d\u0646 \u0645\u062c\u0645\u0648\u0639\u0629 \u0639\u0628\u062f\u0627\u0644\u0631\u062d\u0645\u0646 \u0627\u0644\u0631\u0627\u0641\u0639\u064a \u0644\u0644\u0645\u062d\u0627\u0645\u0627\u0629 \u0648\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0645\u0646\u0634\u0623\u0629 \u0642\u0627\u0646\u0648\u0646\u064a\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u062a\u0642\u062f\u0645 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0645\u062b\u064a\u0644 \u0627\u0644\u0642\u0636\u0627\u0626\u064a \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0646\u0627\u0632\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u062d\u0643\u064a\u0645\u060c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":85,"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/alrafeigroup.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}