{"id":8374,"date":"2026-04-08T14:11:00","date_gmt":"2026-04-08T11:11:00","guid":{"rendered":"https:\/\/riwaq.sa\/?page_id=8374"},"modified":"2026-04-28T05:53:18","modified_gmt":"2026-04-28T02:53:18","slug":"%d8%b1%d9%88%d8%a7%d9%82-%d9%86%d8%ac%d8%af-%d9%84%d9%84%d8%a7%d8%b3%d8%aa%d8%b4%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d9%87%d9%86%d8%af%d8%b3%d9%8a%d8%a9-%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84","status":"publish","type":"page","link":"https:\/\/riwaq.sa\/ar\/%d8%b1%d9%88%d8%a7%d9%82-%d9%86%d8%ac%d8%af-%d9%84%d9%84%d8%a7%d8%b3%d8%aa%d8%b4%d8%a7%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d9%87%d9%86%d8%af%d8%b3%d9%8a%d8%a9-%d8%ae%d8%af%d9%85%d8%a7%d8%aa-%d8%a7%d9%84\/","title":{"rendered":"\u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 | \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n \u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 | \u0627\u0639\u062a\u0645\u0627\u062f \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Cairo:wght@300;400;600;700;900&display=swap\"\r\n rel=\"stylesheet\">\r\n\r\n <style>\r\n h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{\r\n color: #fff !important;\r\n }\r\n .form-header h2, .pain-section h2{\r\n color: var(--navy) !important;\r\n\r\n }\r\n :root {\r\n \/* \u0623\u0644\u0648\u0627\u0646 \u0645\u0648\u0642\u0639 riwaq.sa *\/\r\n --brand-primary: #1B365D;\r\n --brand-secondary: #C9A84C;\r\n --brand-dark: #0F2038;\r\n --brand-light: #F8F9FA;\r\n\r\n --gold: var(--brand-secondary);\r\n --gold-light: #E8C96A;\r\n --gold-dark: #A07828;\r\n\r\n --navy: var(--brand-primary);\r\n --navy-mid: var(--brand-dark);\r\n --navy-light: #2A4874;\r\n\r\n --white: #FFFFFF;\r\n --off-white: var(--brand-light);\r\n --text-muted: #8FA3B8;\r\n --red-accent: #C0392B;\r\n --green-accent: #1E7B45;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: 'Tajawal', 'Cairo', sans-serif;\r\n background: var(--navy);\r\n color: var(--white);\r\n direction: rtl;\r\n text-align: right;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n nav {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n z-index: 1000;\r\n background: rgba(27, 54, 93, 0.95);\r\n backdrop-filter: blur(16px);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n padding: 0 5%;\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .nav-logo img {\r\n height: 50px;\r\n width: auto;\r\n object-fit: contain;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .nav-logo:hover img {\r\n transform: scale(1.05);\r\n }\r\n\r\n .nav-cta {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n color: var(--navy);\r\n border: none;\r\n padding: 10px 22px;\r\n border-radius: 8px;\r\n font-family: 'Tajawal', sans-serif;\r\n font-size: 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-block;\r\n }\r\n\r\n .nav-cta:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(201, 168, 76, 0.45);\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n min-height: 100vh;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n padding: 110px 5% 80px;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 80% 60% at 30% 50%, rgba(255, 255, 255, 0.05) 0%, transparent 60%),\r\n linear-gradient(160deg, var(--navy) 0%, var(--navy-mid) 50%, var(--brand-dark) 100%);\r\n }\r\n\r\n .hero-grid-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n }\r\n\r\n .hero-shape {\r\n position: absolute;\r\n left: -5%;\r\n top: 10%;\r\n width: 55%;\r\n height: 80%;\r\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.04), transparent);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n animation: morphBlob 12s ease-in-out infinite;\r\n }\r\n\r\n @keyframes morphBlob {\r\n\r\n 0%,\r\n 100% {\r\n border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\r\n }\r\n\r\n 50% {\r\n border-radius: 70% 30% 30% 70% \/ 70% 70% 30% 30%;\r\n }\r\n }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 750px;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n border-radius: 50px;\r\n padding: 8px 18px;\r\n font-size: 13px;\r\n color: var(--gold);\r\n font-weight: 600;\r\n margin-bottom: 28px;\r\n animation: fadeInDown 0.8s ease both;\r\n }\r\n\r\n .hero-badge::before {\r\n content: '';\r\n width: 8px;\r\n height: 8px;\r\n background: var(--gold);\r\n border-radius: 50%;\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n 50% {\r\n opacity: 0.5;\r\n transform: scale(0.8);\r\n }\r\n }\r\n\r\n .hero h1 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(28px, 4.5vw, 58px);\r\n font-weight: 900;\r\n line-height: 1.35;\r\n margin-bottom: 24px;\r\n animation: fadeInDown 0.8s 0.15s ease both;\r\n }\r\n\r\n .hero h1 .highlight {\r\n color: var(--gold);\r\n position: relative;\r\n display: inline;\r\n }\r\n\r\n .hero h1 .highlight::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px;\r\n right: 0;\r\n left: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent, var(--gold), transparent);\r\n border-radius: 2px;\r\n }\r\n\r\n .hero h2 {\r\n font-size: clamp(15px, 1.8vw, 20px);\r\n font-weight: 400;\r\n color: rgba(255, 255, 255, 0.85);\r\n line-height: 1.8;\r\n margin-bottom: 40px;\r\n max-width: 640px;\r\n animation: fadeInDown 0.8s 0.3s ease both;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n gap: 16px;\r\n flex-wrap: wrap;\r\n animation: fadeInDown 0.8s 0.45s ease both;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .btn-primary {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n color: var(--navy);\r\n border: none;\r\n padding: 16px 32px;\r\n border-radius: 12px;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 17px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--white);\r\n border: 1.5px solid rgba(255, 255, 255, 0.3);\r\n padding: 15px 28px;\r\n border-radius: 12px;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--gold);\r\n color: var(--gold);\r\n }\r\n\r\n .trust-badges {\r\n display: flex;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n animation: fadeInDown 0.8s 0.6s ease both;\r\n }\r\n\r\n .trust-badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n\r\n .trust-badge .icon {\r\n width: 28px;\r\n height: 28px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 6px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n color: var(--gold);\r\n }\r\n\r\n .hero-visual {\r\n position: absolute;\r\n left: 2%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 38%;\r\n display: none;\r\n }\r\n\r\n @media (min-width: 1024px) {\r\n .hero-visual {\r\n display: block;\r\n }\r\n }\r\n\r\n .hero-card-stack {\r\n position: relative;\r\n height: 400px;\r\n }\r\n\r\n .stat-card {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.05);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n padding: 20px 24px;\r\n min-width: 180px;\r\n animation: floatCard 6s ease-in-out infinite;\r\n }\r\n\r\n .stat-card:nth-child(1) {\r\n top: 20px;\r\n left: 50px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .stat-card:nth-child(2) {\r\n top: 140px;\r\n left: 0;\r\n animation-delay: 1.5s;\r\n }\r\n\r\n .stat-card:nth-child(3) {\r\n top: 270px;\r\n left: 80px;\r\n animation-delay: 3s;\r\n }\r\n\r\n @keyframes floatCard {\r\n\r\n 0%,\r\n 100% {\r\n transform: translateY(0px);\r\n }\r\n\r\n 50% {\r\n transform: translateY(-10px);\r\n }\r\n }\r\n\r\n .stat-card .stat-num {\r\n font-size: 28px;\r\n font-weight: 900;\r\n color: var(--gold);\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .stat-card .stat-label {\r\n font-size: 12px;\r\n color: rgba(255, 255, 255, 0.7);\r\n margin-top: 4px;\r\n }\r\n\r\n @keyframes fadeInDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n \/* \u2500\u2500 PAIN SECTION \u2500\u2500 *\/\r\n .pain-section {\r\n background: var(--off-white);\r\n color: var(--navy);\r\n padding: 90px 5%;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pain-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-dark));\r\n }\r\n\r\n .section-label {\r\n display: inline-block;\r\n background: rgba(192, 57, 43, 0.1);\r\n color: var(--red-accent);\r\n border: 1px solid rgba(192, 57, 43, 0.2);\r\n padding: 6px 16px;\r\n border-radius: 50px;\r\n font-size: 13px;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .section-label.gold {\r\n background: rgba(201, 168, 76, 0.1);\r\n color: var(--gold-dark);\r\n border-color: rgba(201, 168, 76, 0.3);\r\n }\r\n\r\n .section-label.green {\r\n background: rgba(30, 123, 69, 0.1);\r\n color: var(--green-accent);\r\n border-color: rgba(30, 123, 69, 0.3);\r\n }\r\n\r\n .pain-section h2 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(26px, 3.5vw, 40px);\r\n font-weight: 900;\r\n margin-bottom: 16px;\r\n color: var(--navy);\r\n }\r\n\r\n .pain-section p {\r\n font-size: clamp(15px, 1.6vw, 18px);\r\n line-height: 1.9;\r\n color: #4A5568;\r\n max-width: 700px;\r\n margin-bottom: 50px;\r\n }\r\n\r\n .pain-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n gap: 24px;\r\n }\r\n\r\n .pain-card {\r\n background: var(--white);\r\n border-radius: 16px;\r\n padding: 28px 24px;\r\n border: 1px solid rgba(0, 0, 0, 0.06);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n }\r\n\r\n .pain-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n .pain-icon {\r\n width: 52px;\r\n height: 52px;\r\n background: rgba(192, 57, 43, 0.08);\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 24px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .pain-card h3 {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n margin-bottom: 6px;\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .pain-card p {\r\n font-size: 14px;\r\n color: #6B7280;\r\n line-height: 1.6;\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n .services-section {\r\n padding: 100px 5%;\r\n background: var(--navy);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .services-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 64px;\r\n }\r\n\r\n .section-header h2 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(26px, 3.5vw, 42px);\r\n font-weight: 900;\r\n margin-bottom: 14px;\r\n line-height: 1.4;\r\n }\r\n\r\n .section-header p {\r\n font-size: 17px;\r\n color: var(--text-muted);\r\n max-width: 550px;\r\n margin: 0 auto;\r\n line-height: 1.8;\r\n }\r\n\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 28px;\r\n }\r\n\r\n .service-card {\r\n background: var(--navy-light);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px;\r\n padding: 36px 30px;\r\n position: relative;\r\n overflow: hidden;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .service-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, var(--gold-dark), var(--gold));\r\n transition: width 0.4s ease;\r\n }\r\n\r\n .service-card:hover::before {\r\n width: 100%;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-6px);\r\n border-color: rgba(255, 255, 255, 0.1);\r\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .service-num {\r\n font-size: 60px;\r\n font-weight: 900;\r\n color: rgba(255, 255, 255, 0.03);\r\n font-family: 'Cairo', sans-serif;\r\n position: absolute;\r\n top: 10px;\r\n left: 20px;\r\n line-height: 1;\r\n }\r\n\r\n .service-icon-wrap {\r\n width: 64px;\r\n height: 64px;\r\n background: rgba(255, 255, 255, 0.05);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 30px;\r\n margin-bottom: 24px;\r\n }\r\n\r\n .service-card h3 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: var(--white);\r\n margin-bottom: 14px;\r\n line-height: 1.45;\r\n }\r\n\r\n .service-card p {\r\n font-size: 15px;\r\n color: var(--text-muted);\r\n line-height: 1.8;\r\n }\r\n\r\n .service-tag {\r\n display: inline-block;\r\n margin-top: 20px;\r\n background: rgba(255, 255, 255, 0.05);\r\n color: var(--gold);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n padding: 5px 14px;\r\n border-radius: 50px;\r\n font-size: 12px;\r\n font-weight: 600;\r\n }\r\n\r\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n .why-section {\r\n padding: 100px 5%;\r\n background: linear-gradient(160deg, var(--navy-mid) 0%, var(--navy) 100%);\r\n }\r\n\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .why-grid {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n }\r\n\r\n .why-content h2 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(26px, 3.5vw, 42px);\r\n font-weight: 900;\r\n margin-bottom: 20px;\r\n line-height: 1.4;\r\n }\r\n\r\n .why-content p {\r\n font-size: 17px;\r\n color: var(--text-muted);\r\n line-height: 1.9;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .why-points {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .why-point {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n padding: 20px 22px;\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 14px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .why-point:hover {\r\n background: rgba(255, 255, 255, 0.06);\r\n border-color: rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .why-point-icon {\r\n width: 44px;\r\n height: 44px;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n border-radius: 10px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .why-point h4 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: var(--white);\r\n margin-bottom: 5px;\r\n }\r\n\r\n .why-point p {\r\n font-size: 14px;\r\n color: var(--text-muted);\r\n margin: 0;\r\n line-height: 1.7;\r\n }\r\n\r\n .why-visual {\r\n position: relative;\r\n }\r\n\r\n .cert-card {\r\n background: var(--navy-light);\r\n border: 1px solid rgba(255, 255, 255, 0.08);\r\n border-radius: 20px;\r\n padding: 32px;\r\n text-align: center;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n }\r\n\r\n .cert-seal {\r\n width: 100px;\r\n height: 100px;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n border-radius: 50%;\r\n margin: 0 auto 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 44px;\r\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.05), 0 0 0 16px rgba(255, 255, 255, 0.02);\r\n }\r\n\r\n .cert-card h3 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 22px;\r\n font-weight: 900;\r\n color: var(--white);\r\n margin-bottom: 8px;\r\n }\r\n\r\n .cert-card p {\r\n font-size: 15px;\r\n color: var(--text-muted);\r\n margin-bottom: 24px;\r\n }\r\n\r\n .cert-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n text-align: right;\r\n }\r\n\r\n .cert-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding: 12px 16px;\r\n background: rgba(255, 255, 255, 0.04);\r\n border-radius: 10px;\r\n font-size: 14px;\r\n color: rgba(255, 255, 255, 0.8);\r\n }\r\n\r\n .cert-item .check {\r\n color: #22C55E;\r\n font-size: 16px;\r\n }\r\n\r\n \/* \u2500\u2500 FORM \u2500\u2500 *\/\r\n .form-section {\r\n padding: 100px 5%;\r\n background: var(--off-white);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .form-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-dark));\r\n }\r\n\r\n .form-container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-header {\r\n text-align: center;\r\n margin-bottom: 48px;\r\n }\r\n\r\n .form-header h2 {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(26px, 3.5vw, 42px);\r\n font-weight: 900;\r\n color: var(--navy);\r\n margin-bottom: 14px;\r\n line-height: 1.4;\r\n }\r\n\r\n .form-header p {\r\n font-size: 17px;\r\n color: #4A5568;\r\n line-height: 1.8;\r\n max-width: 560px;\r\n margin: 0 auto;\r\n }\r\n\r\n .form-card {\r\n background: var(--white);\r\n border-radius: 24px;\r\n padding: 50px 48px;\r\n box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\r\n border: 1px solid rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .form-card {\r\n padding: 32px 24px;\r\n }\r\n }\r\n\r\n .form-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 24px;\r\n }\r\n\r\n @media (max-width: 640px) {\r\n .form-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .form-group.full {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .form-group label {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--navy);\r\n font-family: 'Cairo', sans-serif;\r\n }\r\n\r\n .form-group label span {\r\n color: var(--red-accent);\r\n margin-right: 2px;\r\n }\r\n\r\n .form-group input,\r\n .form-group select {\r\n width: 100%;\r\n padding: 14px 18px;\r\n border: 1.5px solid #E2E8F0;\r\n border-radius: 12px;\r\n font-family: 'Tajawal', sans-serif;\r\n font-size: 15px;\r\n color: var(--navy);\r\n background: #FAFAFA;\r\n transition: all 0.3s ease;\r\n direction: rtl;\r\n text-align: right;\r\n appearance: none;\r\n -webkit-appearance: none;\r\n }\r\n\r\n .form-group input:focus,\r\n .form-group select:focus {\r\n outline: none;\r\n border-color: var(--gold);\r\n background: var(--white);\r\n box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.1);\r\n }\r\n\r\n .form-group select {\r\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23718096'%3E%3Cpath d='M7 10l5 5 5-5z'\/%3E%3C\/svg%3E\");\r\n background-repeat: no-repeat;\r\n background-position: left 14px center;\r\n background-size: 20px;\r\n padding-left: 40px;\r\n }\r\n\r\n .btn-submit {\r\n width: 100%;\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n color: var(--navy);\r\n border: none;\r\n padding: 18px;\r\n border-radius: 14px;\r\n font-family: 'Cairo', sans-serif;\r\n font-size: 19px;\r\n font-weight: 900;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n margin-top: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 12px;\r\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);\r\n }\r\n\r\n .btn-submit:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25);\r\n }\r\n\r\n .form-note {\r\n text-align: center;\r\n margin-top: 16px;\r\n font-size: 13px;\r\n color: #9CA3AF;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer {\r\n background: var(--brand-dark);\r\n padding: 50px 5% 30px;\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .footer-inner {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 30px;\r\n flex-wrap: wrap;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .footer-logo img {\r\n height: 60px;\r\n width: auto;\r\n object-fit: contain;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n gap: 24px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .footer-links a {\r\n color: var(--text-muted);\r\n font-size: 14px;\r\n text-decoration: none;\r\n transition: color 0.3s;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: var(--gold);\r\n }\r\n\r\n .footer-bottom {\r\n border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n padding-top: 24px;\r\n text-align: center;\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n \/* \u2500\u2500 WHATSAPP FLOAT \u2500\u2500 *\/\r\n .whatsapp-float {\r\n position: fixed;\r\n bottom: 30px;\r\n left: 30px;\r\n z-index: 9999;\r\n animation: fadeInUp 1s 1.5s both;\r\n }\r\n\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .whatsapp-btn {\r\n width: 60px;\r\n height: 60px;\r\n background: #25D366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n }\r\n\r\n .whatsapp-btn:hover {\r\n transform: scale(1.1);\r\n box-shadow: 0 10px 30px rgba(37, 211, 102, 0.55);\r\n }\r\n\r\n .whatsapp-btn svg {\r\n width: 32px;\r\n height: 32px;\r\n fill: white;\r\n }\r\n\r\n .whatsapp-btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: -4px;\r\n border: 2px solid rgba(37, 211, 102, 0.35);\r\n border-radius: 50%;\r\n animation: waPulse 2.5s ease-in-out infinite;\r\n }\r\n\r\n @keyframes waPulse {\r\n\r\n 0%,\r\n 100% {\r\n transform: scale(1);\r\n opacity: 0.6;\r\n }\r\n\r\n 50% {\r\n transform: scale(1.2);\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .wa-tooltip {\r\n position: absolute;\r\n left: 72px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: var(--navy);\r\n color: var(--white);\r\n padding: 8px 14px;\r\n border-radius: 8px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n white-space: nowrap;\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.3s;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .wa-tooltip::after {\r\n content: '';\r\n position: absolute;\r\n right: -6px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n border: 6px solid transparent;\r\n border-left-color: var(--navy);\r\n border-right: none;\r\n }\r\n\r\n .whatsapp-btn:hover .wa-tooltip {\r\n opacity: 1;\r\n }\r\n\r\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\r\n .stats-bar {\r\n background: linear-gradient(135deg, var(--gold), var(--gold-dark));\r\n padding: 30px 5%;\r\n }\r\n\r\n .stats-inner {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n gap: 20px;\r\n }\r\n\r\n .stat-item {\r\n text-align: center;\r\n color: var(--brand-dark);\r\n }\r\n\r\n .stat-item .num {\r\n font-family: 'Cairo', sans-serif;\r\n font-size: clamp(28px, 4vw, 44px);\r\n font-weight: 900;\r\n line-height: 1;\r\n display: block;\r\n }\r\n\r\n .stat-item .lbl {\r\n font-size: 14px;\r\n font-weight: 600;\r\n opacity: 0.85;\r\n margin-top: 5px;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .hero {\r\n padding: 100px 5% 70px;\r\n }\r\n\r\n .hero h1 {\r\n font-size: 28px;\r\n }\r\n\r\n .hero h2 {\r\n font-size: 15px;\r\n }\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .btn-primary,\r\n .btn-secondary {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n\r\n .trust-badges {\r\n gap: 14px;\r\n }\r\n\r\n .form-section {\r\n padding: 70px 5%;\r\n }\r\n\r\n nav {\r\n padding: 0 4%;\r\n }\r\n\r\n .nav-cta {\r\n padding: 9px 16px;\r\n font-size: 13px;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .whatsapp-float {\r\n bottom: 20px;\r\n left: 20px;\r\n }\r\n\r\n .whatsapp-btn {\r\n width: 54px;\r\n height: 54px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <nav>\r\n <a href=\"https:\/\/riwaq.sa\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/riwaq.sa\/wp-content\/uploads\/2025\/03\/logo.svg\" alt=\"\u0644\u0648\u062c\u0648 \u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\"\r\n onerror=\"\">\r\n <\/a>\r\n <a href=\"#form\" class=\"nav-cta\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u2190<\/a>\r\n <\/nav>\r\n\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-grid-overlay\"><\/div>\r\n <div class=\"hero-shape\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">\u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u0645\u0639\u062a\u0645\u062f \u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/div>\r\n <h1>\r\n \u062a\u062c\u0646\u0651\u0628 \u0627\u0644\u063a\u0631\u0627\u0645\u0627\u062a \u0648\u0625\u063a\u0644\u0627\u0642 \u0645\u0646\u0634\u0623\u062a\u0643..\r\n <br>\r\n \u0635\u0645\u0645 <span class=\"highlight\">\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 <\/span>\r\n <br>\u0645\u0639 \u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u0645\u0639\u062a\u0645\u062f\r\n <\/h1>\r\n <h2>\r\n \u0634\u0631\u0643\u0629 \"\u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\" \u062a\u0642\u062f\u0645 \u0644\u0643 \u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0646\u0635\u0645\u0645 \u0645\u062e\u0637\u0637\u0627\u062a\u0643 \u0648\u0646\u0633\u0627\u0639\u062f\u0643\r\n \u0644\u062a\u062a\u0637\u0627\u0628\u0642 \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0643\u0648\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0628\u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0648\u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\u0627\u062a.\r\n <\/h2>\r\n\r\n <div class=\"hero-buttons\">\r\n <a href=\"#form\" class=\"btn-primary\">\r\n \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0627\u0644\u0622\u0646\r\n <span>\u2190<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/966536909070\" class=\"btn-secondary\" target=\"_blank\">\r\n <span>\ud83d\udcf2<\/span> \u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"trust-badges\">\r\n <div class=\"trust-badge\">\r\n <div class=\"icon\">\u2705<\/div>\r\n <span>\u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u062e\u0628\u064a\u0631<\/span>\r\n <\/div>\r\n <div class=\"trust-badge\">\r\n <div class=\"icon\">\ud83d\udccb<\/div>\r\n <span>\u0645\u0637\u0627\u0628\u0642 \u0644\u0644\u0643\u0648\u062f \u0627\u0644\u0633\u0639\u0648\u062f\u064a SBC<\/span>\r\n <\/div>\r\n <div class=\"trust-badge\">\r\n <div class=\"icon\">\ud83d\udc77<\/div>\r\n <span>\u0645\u0647\u0646\u062f\u0633\u0648\u0646 \u062e\u0628\u0631\u0627\u0621<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-visual\">\r\n <div class=\"hero-card-stack\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-num\">+500<\/div>\r\n <div class=\"stat-label\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632 \u0628\u0646\u062c\u0627\u062d<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-num\">100%<\/div>\r\n <div class=\"stat-label\">\u0646\u0633\u0628\u0629 \u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0646 \u0627\u0644\u0645\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-num\">48h<\/div>\r\n <div class=\"stat-label\">\u0645\u062a\u0648\u0633\u0637 \u0648\u0642\u062a \u0627\u0644\u0628\u062f\u0621<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <div class=\"stats-bar\">\r\n <div class=\"stats-inner\">\r\n <div class=\"stat-item\">\r\n <span class=\"num\">+500<\/span>\r\n <div class=\"lbl\">\u0645\u0634\u0631\u0648\u0639 \u0645\u0646\u062c\u0632<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"num\">+10<\/span>\r\n <div class=\"lbl\">\u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"num\">100%<\/span>\r\n <div class=\"lbl\">\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u0646 \u0623\u0648\u0644 \u0645\u0631\u0629<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <span class=\"num\">3<\/span>\r\n <div class=\"lbl\">\u0623\u0646\u0648\u0627\u0639 \u0645\u0646\u0634\u0622\u062a \u0646\u062e\u062f\u0645\u0647\u0627<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <section class=\"pain-section\">\r\n <div class=\"section-label\">\u26a0\ufe0f \u062a\u062d\u062f\u064a\u0627\u062a \u064a\u0648\u0627\u062c\u0647\u0647\u0627 \u0623\u0635\u062d\u0627\u0628 \u0627\u0644\u0645\u0646\u0634\u0622\u062a<\/div>\r\n <h2>\u0647\u0644 \u062a\u0648\u0627\u062c\u0647 \u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0641\u064a \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u061f<\/h2>\r\n <p>\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a \u062a\u062a\u0637\u0648\u0631 \u0628\u0627\u0633\u062a\u0645\u0631\u0627\u0631\u060c \u0648\u0623\u064a \u062e\u0637\u0623 \u0641\u064a \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0623\u0648 \u062a\u0623\u062e\u064a\u0631 \u0641\u064a \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0631\u062e\u0635 \u0642\u062f \u064a\u0643\u0644\u0641 \u0645\u0646\u0634\u0623\u062a\u0643 \u0627\u0644\u0643\u062b\u064a\u0631 \u0645\u0646\r\n \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u063a\u0631\u0627\u0645\u0627\u062a\u060c \u0628\u0644 \u0648\u062a\u0623\u062e\u064a\u0631 \u0628\u062f\u0621 \u0627\u0644\u062a\u0634\u063a\u064a\u0644. \u0641\u064a \"\u0631\u0648\u0627\u0642 \u0646\u062c\u062f\"\u060c \u064a\u062a\u0648\u0644\u0649 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u0627\u0644\u0641\u0646\u064a\u0648\u0646 \u0647\u0630\u0647 \u0627\u0644\u0645\u0647\u0645\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0639\u0646\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644.<\/p>\r\n\r\n <div class=\"pain-grid\">\r\n <div class=\"pain-card\">\r\n <div class=\"pain-icon\">\ud83d\udcb8<\/div>\r\n <div>\r\n <h3>\u063a\u0631\u0627\u0645\u0627\u062a \u0645\u0627\u0644\u064a\u0629 \u0645\u0631\u062a\u0641\u0639\u0629<\/h3>\r\n <p>\u0645\u062e\u0627\u0644\u0641\u0627\u062a \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u062a\u064f\u0641\u0636\u064a \u0625\u0644\u0649 \u063a\u0631\u0627\u0645\u0627\u062a \u0628\u0627\u0647\u0638\u0629 \u0642\u062f \u062a\u064f\u0648\u0642\u0641 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-card\">\r\n <div class=\"pain-icon\">\ud83d\udeab<\/div>\r\n <div>\r\n <h3>\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u0634\u0623\u0629<\/h3>\r\n <p>\u0639\u062f\u0645 \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0631\u062e\u0635\u0629 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a \u064a\u064f\u0639\u0631\u0651\u0636 \u0645\u0646\u0634\u0623\u062a\u0643 \u0644\u0642\u0631\u0627\u0631\u0627\u062a \u0625\u063a\u0644\u0627\u0642 \u0641\u0648\u0631\u064a\u0629.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-card\">\r\n <div class=\"pain-icon\">\u23f3<\/div>\r\n <div>\r\n <h3>\u062a\u0623\u062e\u064a\u0631 \u0628\u062f\u0621 \u0627\u0644\u062a\u0634\u063a\u064a\u0644<\/h3>\r\n <p>\u0627\u0644\u0623\u062e\u0637\u0627\u0621 \u0641\u064a \u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u062a\u064f\u0633\u0628\u0628 \u0625\u0639\u0627\u062f\u0629 \u062a\u0642\u062f\u064a\u0645 \u0645\u062a\u0643\u0631\u0631\u0629 \u0648\u062a\u0623\u062e\u064a\u0631\u0627\u064b \u0641\u064a \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f\u0627\u062a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pain-card\">\r\n <div class=\"pain-icon\">\ud83d\ude35<\/div>\r\n <div>\r\n <h3>\u062a\u0639\u0642\u064a\u062f \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a<\/h3>\r\n <p>\u0628\u0648\u0627\u0628\u0629 \u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0645\u0631\u0629 \u062a\u062d\u062a\u0627\u062c \u062e\u0628\u0631\u0629 \u0641\u0646\u064a\u0629 \u0645\u062a\u062e\u0635\u0635\u0629 \u0644\u062a\u062c\u0646\u0628 \u0627\u0644\u0631\u0641\u0636.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"services-section\" id=\"services\">\r\n <div class=\"section-header\">\r\n <div class=\"section-label gold\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629<\/div>\r\n <h2>\u062e\u062f\u0645\u0627\u062a \u0647\u0646\u062f\u0633\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 <br>\u0644\u0633\u0644\u0627\u0645\u0629 \u0645\u0646\u0634\u0623\u062a\u0643<\/h2>\r\n <p>\u0646\u0642\u062f\u0645 \u0628\u0627\u0642\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0629 \u0644\u0636\u0645\u0627\u0646 \u0645\u0637\u0627\u0628\u0642\u0629 \u0645\u0646\u0634\u0623\u062a\u0643 \u0644\u0643\u0627\u0641\u0629 \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a<\/p>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">01<\/div>\r\n <div class=\"service-icon-wrap\">\ud83d\uddfa\ufe0f<\/div>\r\n <h3>\u0627\u0639\u062a\u0645\u0627\u062f \u0648\u062a\u0635\u0645\u064a\u0645 \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h3>\r\n <p>\u062a\u0635\u0645\u064a\u0645 \u0647\u0646\u062f\u0633\u064a \u062f\u0642\u064a\u0642 \u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0648\u0642\u0627\u064a\u0629 \u0645\u0646 \u0627\u0644\u062d\u0631\u064a\u0642 (\u0627\u0644\u0645\u0639\u0645\u0627\u0631\u064a\u0629\u060c \u0627\u0644\u0645\u064a\u0643\u0627\u0646\u064a\u0643\u064a\u0629\u060c \u0648\u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629) \u0648\u0645\u0633\u0627\u0644\u0643 \u0627\u0644\u0647\u0631\u0648\u0628 \u0644\u0644\u0645\u0634\u0627\u0631\u064a\u0639\r\n \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u0648\u0627\u0644\u0642\u0627\u0626\u0645\u0629\u060c \u0648\u0627\u0639\u062a\u0645\u0627\u062f\u0647\u0627 \u0631\u0633\u0645\u064a\u0627\u064b \u0645\u0646 \u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a.<\/p>\r\n <span class=\"service-tag\">\u0645\u0637\u0627\u0628\u0642 \u0644\u0644\u0643\u0648\u062f \u0627\u0644\u0633\u0639\u0648\u062f\u064a SBC<\/span>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">02<\/div>\r\n <div class=\"service-icon-wrap\">\ud83d\udcdc<\/div>\r\n <h3>\u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629<\/h3>\r\n <p>\u0625\u062f\u0627\u0631\u0629 \u0645\u0644\u0641\u0643 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0639\u0628\u0631 \u0648\u0645\u062a\u0627\u0628\u0639\u0629 \u0627\u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0634\u0623\u062a\u0643 (\u0635\u0646\u0627\u0639\u064a\u0629\u060c \u062a\u062c\u0627\u0631\u064a\u0629\u060c\r\n \u0623\u0648 \u0645\u0633\u062a\u0648\u062f\u0639\u0627\u062a) \u0628\u0623\u0633\u0631\u0639 \u0625\u0637\u0627\u0631 \u0632\u0645\u0646\u064a.<\/p>\r\n <span class=\"service-tag\">\u0645\u062a\u0627\u0628\u0639\u0629 \u0643\u0627\u0645\u0644\u0629 \u0639\u0628\u0631 \u0628\u0648\u0627\u0628\u0629 \u0633\u0644\u0627\u0645\u0629<\/span>\r\n <\/div>\r\n\r\n <div class=\"service-card\">\r\n <div class=\"service-num\">03<\/div>\r\n <div class=\"service-icon-wrap\">\ud83d\udcca<\/div>\r\n <h3>\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 \u0644\u0644\u0633\u0644\u0627\u0645\u0629<\/h3>\r\n <p>\u0625\u062c\u0631\u0627\u0621 \u0627\u0644\u0641\u062d\u0635 \u0627\u0644\u0645\u064a\u062f\u0627\u0646\u064a \u0644\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0648\u0625\u0635\u062f\u0627\u0631 \u062a\u0642\u0631\u064a\u0631 \u0641\u0646\u064a \u0647\u0646\u062f\u0633\u064a \u0645\u0639\u062a\u0645\u062f \u064a\u062b\u0628\u062a \u0643\u0641\u0627\u0621\u0629 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0625\u0637\u0641\u0627\u0621 \u0648\u0627\u0644\u0625\u0646\u0630\u0627\u0631 \u0648\u0645\u0637\u0627\u0628\u0642\u062a\u0647\u0627\r\n \u0644\u0627\u0634\u062a\u0631\u0627\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629.<\/p>\r\n <span class=\"service-tag\">\u062a\u0642\u0631\u064a\u0631 \u0641\u0646\u064a \u0645\u0639\u062a\u0645\u062f<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"why-section\" id=\"why\">\r\n <div class=\"why-grid\">\r\n <div class=\"why-content\">\r\n <div class=\"section-label green\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631\u0646\u0627\u061f<\/div>\r\n <h2>\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0647\u0646\u062f\u0633\u064a \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636<\/h2>\r\n <p>\u0646\u062d\u0646 \u0644\u0633\u0646\u0627 \u0645\u062c\u0631\u062f \u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u2014 \u0646\u062d\u0646 \u0634\u0631\u0643\u0627\u0621 \u0641\u064a \u0646\u062c\u0627\u062d \u0645\u0646\u0634\u0623\u062a\u0643. \u0646\u062a\u0648\u0644\u0649 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0641\u0646\u064a\u0629 \u0627\u0644\u0645\u0639\u0642\u062f\u0629 \u0644\u062a\u062a\u0641\u0631\u063a \u0623\u0646\u062a \u0644\u0645\u0627 \u064a\u0647\u0645\u0643.<\/p>\r\n\r\n <div class=\"why-points\">\r\n <div class=\"why-point\">\r\n <div class=\"why-point-icon\">\ud83c\udfc5<\/div>\r\n <div>\r\n <h4>\u0627\u0639\u062a\u0645\u0627\u062f \u0631\u0633\u0645\u064a \u0645\u0639\u062a\u0645\u062f<\/h4>\r\n <p>\u0645\u0643\u062a\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u064a \u0647\u0646\u062f\u0633\u064a \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0635\u0629 \u0648\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-point\">\r\n <div class=\"why-point-icon\">\ud83d\udca1<\/div>\r\n <div>\r\n <h4>\u0647\u0646\u062f\u0633\u0629 \u0627\u0644\u0642\u064a\u0645\u0629 (Value Engineering)<\/h4>\r\n <p>\u0646\u0635\u0645\u0645 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0628\u0645\u0627 \u064a\u062d\u0642\u0642 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u062a\u0627\u0645\u0629 \u0648\u064a\u0645\u0646\u0639 \u0627\u0644\u0647\u062f\u0631 \u0627\u0644\u0645\u0627\u0644\u064a \u0641\u064a \u0627\u0644\u062a\u0646\u0641\u064a\u0630.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-point\">\r\n <div class=\"why-point-icon\">\u26a1<\/div>\r\n <div>\r\n <h4>\u0633\u0631\u0639\u0629 \u0627\u0644\u0625\u0646\u062c\u0627\u0632<\/h4>\r\n <p>\u0646\u062f\u0631\u0643 \u0623\u0646 \u0627\u0644\u0648\u0642\u062a \u0647\u0648 \u0645\u0627\u0644 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0644\u0645\u0633\u062a\u062b\u0645\u0631\u060c \u0644\u0630\u0627 \u0646\u0644\u062a\u0632\u0645 \u0628\u062c\u062f\u0648\u0644 \u0632\u0645\u0646\u064a \u0635\u0627\u0631\u0645.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-point\">\r\n <div class=\"why-point-icon\">\ud83d\udcda<\/div>\r\n <div>\r\n <h4>\u0645\u0648\u0627\u0643\u0628\u0629 \u0623\u062d\u062f\u062b \u0627\u0644\u062a\u062d\u062f\u064a\u062b\u0627\u062a<\/h4>\r\n <p>\u0625\u0644\u0645\u0627\u0645 \u062a\u0627\u0645 \u0628\u0623\u062d\u062f\u062b \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0643\u0648\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a (SBC) \u0644\u0636\u0645\u0627\u0646 \u0642\u0628\u0648\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u0646 \u0627\u0644\u0645\u0631\u0629 \u0627\u0644\u0623\u0648\u0644\u0649.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-visual\">\r\n <div class=\"cert-card\">\r\n <div class=\"cert-seal\">\ud83d\udee1\ufe0f<\/div>\r\n <h3>\u0634\u0647\u0627\u062f\u0629 \u0627\u0644\u0627\u0639\u062a\u0645\u0627\u062f<\/h3>\r\n <p>\u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u0645\u0631\u062e\u0635 \u0648\u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u0643\u0627\u0641\u0629 \u0627\u0644\u062c\u0647\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0635\u0629<\/p>\r\n <div class=\"cert-list\">\r\n <div class=\"cert-item\">\r\n <span class=\"check\">\u2713<\/span>\r\n <span>\u0645\u0639\u062a\u0645\u062f \u0641\u064a \u0628\u0648\u0627\u0628\u0629 \u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0631\u0633\u0645\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <span class=\"check\">\u2713<\/span>\r\n <span>\u0645\u0637\u0627\u0628\u0642 \u0644\u0643\u0648\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a (SBC)<\/span>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <span class=\"check\">\u2713<\/span>\r\n <span>\u062e\u0628\u0631\u0629 \u062a\u0645\u062a\u062f \u0623\u0643\u062b\u0631 \u0645\u0646 10 \u0633\u0646\u0648\u0627\u062a<\/span>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <span class=\"check\">\u2713<\/span>\r\n <span>\u062e\u062f\u0645\u0629 \u0627\u0644\u0645\u0646\u0634\u0622\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/span>\r\n <\/div>\r\n <div class=\"cert-item\">\r\n <span class=\"check\">\u2713<\/span>\r\n <span>\u0641\u0631\u064a\u0642 \u0645\u0647\u0646\u062f\u0633\u064a\u0646 \u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0648\u0645\u0639\u062a\u0645\u062f\u064a\u0646<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"form-section\" id=\"form\">\r\n <div class=\"form-container\">\r\n <div class=\"form-header\">\r\n <div class=\"section-label gold\">\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629<\/div>\r\n <h2>\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0647\u0646\u062f\u0633\u064a\u0629 \u0648\u0639\u0631\u0636 \u0633\u0639\u0631 \u0645\u062e\u0635\u0635 \u0644\u0645\u0634\u0631\u0648\u0639\u0643<\/h2>\r\n <p>\u0627\u0645\u0644\u0623 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629\u060c \u0648\u0633\u064a\u0642\u0648\u0645 \u0623\u062d\u062f \u062e\u0628\u0631\u0627\u0626\u0646\u0627 \u0628\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0647\u0627\u062a\u0641\u064a\u0627\u064b \u0644\u0645\u0646\u0627\u0642\u0634\u0629 \u0648\u0636\u0639 \u0645\u0646\u0634\u0623\u062a\u0643 \u0648\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629.<\/p>\r\n <\/div>\r\n\r\n <a style=\"text-decoration: none;\"\r\n href=\"https:\/\/wa.me\/966536909070?text=\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u064a\u0643\u0645\u060c \u0623\u0648\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a\"\r\n class=\"btn-submit\">\r\n <span>\ud83d\udce8<\/span>\r\n \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0637\u0644\u0628 \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0644\u0641\u0646\u064a\u0629\r\n <\/a>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <footer>\r\n <div class=\"footer-inner\">\r\n <div class=\"nav-logo footer-logo\">\r\n <a href=\"https:\/\/riwaq.sa\">\r\n <img decoding=\"async\" src=\"https:\/\/riwaq.sa\/wp-content\/uploads\/2025\/03\/logo.svg\" alt=\"\u0644\u0648\u062c\u0648 \u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\">\r\n <\/a>\r\n <\/div>\r\n <div class=\"footer-links\">\r\n <a href=\"#home\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n <a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"#why\">\u0644\u0645\u0627\u0630\u0627 \u0646\u062d\u0646\u061f<\/a>\r\n <a href=\"#form\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 \u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <div class=\"whatsapp-float\">\r\n <a href=\"https:\/\/wa.me\/966536909070?text=\u0627\u0644\u0633\u0644\u0627\u0645 \u0639\u0644\u064a\u0643\u0645\u060c \u0623\u0648\u062f \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0648\u0627\u0644\u062f\u0641\u0627\u0639 \u0627\u0644\u0645\u062f\u0646\u064a\"\r\n target=\"_blank\" class=\"whatsapp-btn\" aria-label=\"\u062a\u0648\u0627\u0635\u0644 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path\r\n d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\" \/>\r\n <\/svg>\r\n <div class=\"wa-tooltip\">\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0627\u0644\u0622\u0646<\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\r\n a.addEventListener('click', e => {\r\n e.preventDefault();\r\n const target = document.querySelector(a.getAttribute('href'));\r\n if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n });\r\n });\r\n\r\n window.addEventListener('scroll', () => {\r\n const nav = document.querySelector('nav');\r\n nav.style.background = window.scrollY > 60\r\n ? 'rgba(15, 32, 56, 0.98)'\r\n : 'rgba(27, 54, 93, 0.95)';\r\n });\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.style.opacity = '1';\r\n entry.target.style.transform = 'translateY(0)';\r\n }\r\n });\r\n }, { threshold: 0.1 });\r\n\r\n document.querySelectorAll('.service-card, .why-point, .pain-card').forEach(el => {\r\n el.style.opacity = '0';\r\n el.style.transform = 'translateY(25px)';\r\n el.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\r\n observer.observe(el);\r\n });\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629 | \u0627\u0639\u062a\u0645\u0627\u062f \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629 \u2190 \u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u0645\u0639\u062a\u0645\u062f \u0644\u0627\u0639\u062a\u0645\u0627\u062f \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u062a\u062c\u0646\u0651\u0628 \u0627\u0644\u063a\u0631\u0627\u0645\u0627\u062a \u0648\u0625\u063a\u0644\u0627\u0642 \u0645\u0646\u0634\u0623\u062a\u0643.. \u0635\u0645\u0645 \u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0645\u0639 \u0645\u0643\u062a\u0628 \u0647\u0646\u062f\u0633\u064a \u0645\u0639\u062a\u0645\u062f \u0634\u0631\u0643\u0629 \u201c\u0631\u0648\u0627\u0642 \u0646\u062c\u062f \u0644\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0627\u062a \u0627\u0644\u0647\u0646\u062f\u0633\u064a\u0629\u201d \u062a\u0642\u062f\u0645 \u0644\u0643 \u062d\u0644\u0648\u0644 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629\u060c \u0646\u0635\u0645\u0645 \u0645\u062e\u0637\u0637\u0627\u062a\u0643 \u0648\u0646\u0633\u0627\u0639\u062f\u0643 \u0644\u062a\u062a\u0637\u0627\u0628\u0642 \u062a\u0645\u0627\u0645\u0627\u064b \u0645\u0639 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0643\u0648\u062f \u0627\u0644\u0628\u0646\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u060c \u0628\u0623\u0633\u0631\u0639 \u0648\u0642\u062a \u0648\u0628\u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f\u0627\u062a. \u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-8374","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/pages\/8374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/comments?post=8374"}],"version-history":[{"count":0,"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/pages\/8374\/revisions"}],"wp:attachment":[{"href":"https:\/\/riwaq.sa\/ar\/wp-json\/wp\/v2\/media?parent=8374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}