{"id":1121,"date":"2025-12-11T11:50:13","date_gmt":"2025-12-11T11:50:13","guid":{"rendered":"https:\/\/hotlinezutr.top\/?page_id=1121"},"modified":"2026-04-14T12:23:41","modified_gmt":"2026-04-14T12:23:41","slug":"about-us","status":"publish","type":"page","link":"https:\/\/roeyaacademy.com\/ar\/about-us\/","title":{"rendered":"About US"},"content":{"rendered":"\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 \u0645\u0646 \u0646\u062d\u0646 \u0641\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629 <\/title>\r\n\r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tajawal:wght@400;500;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <!-- Font Awesome -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <style>\r\n \/* =========================================\r\n VARIABLES & RESET\r\n ========================================= *\/\r\n :root {\r\n --roeya-navy: #212e51;\r\n --roeya-gold: #c8ac82;\r\n --roeya-white: #ffffff;\r\n --roeya-gray: #f4f6f8;\r\n --text-main: #374151;\r\n --text-light: #6b7280;\r\n \/* Prioritize Tajawal for Arabic *\/\r\n --font-main: 'Tajawal', 'Inter', sans-serif;\r\n --ease-smooth: cubic-bezier(0.2, .8, .2, 1);\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { font-family: var(--font-main); color: var(--text-main); line-height: 1.6; overflow-x: hidden; text-align: right; }\r\n img { max-width: 100%; display: block; border-radius: 12px; }\r\n a { text-decoration: none; color: inherit; }\r\n\r\n \/* =========================================\r\n 1. HERO SECTION (Unified Style - Right Aligned for Arabic)\r\n ========================================= *\/\r\n .roeya-header-section {\r\n position: relative;\r\n width: 100%;\r\n height: 500px;\r\n overflow: hidden;\r\n background-color: var(--roeya-navy);\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .roeya-header-bg {\r\n position: absolute;\r\n inset: 0;\r\n background-image: url('https:\/\/roeyaacademy.com\/ar\/wp-content\/uploads\/2026\/04\/Screenshot-2026-04-12-at-3.23.32-PM.png');\r\n background-size: cover;\r\n background-position: center 20%;\r\n z-index: 0;\r\n animation: kenBurnsLoop 50s infinite alternate ease-in-out;\r\n }\r\n\r\n @keyframes kenBurnsLoop {\r\n 0% { transform: scale(1); }\r\n 100% { transform: scale(1.15); }\r\n }\r\n\r\n .roeya-header-overlay {\r\n position: absolute;\r\n inset: 0;\r\n \/* Flipped gradient for RTL: Darker on the Right *\/\r\n background: linear-gradient(270deg, rgba(33, 46, 81, 0.95) 0%, rgba(33, 46, 81, 0.7) 100%);\r\n display: flex;\r\n align-items: center;\r\n z-index: 1;\r\n }\r\n\r\n .roeya-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 30px;\r\n width: 100%;\r\n }\r\n\r\n .roeya-text-stack {\r\n display: flex;\r\n flex-direction: column;\r\n \/* Flex-start in RTL means Right side *\/\r\n align-items: flex-start; \r\n text-align: right;\r\n gap: 20px;\r\n max-width: 700px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Breadcrumb *\/\r\n .roeya-breadcrumb {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255, 255, 255, 0.15);\r\n padding: 8px 16px;\r\n border-radius: 50px;\r\n font-size: 0.75rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 0.08em;\r\n color: #cbd5e1;\r\n }\r\n .roeya-breadcrumb a:hover { color: var(--roeya-gold); }\r\n\r\n \/* Typography *\/\r\n .roeya-main-title {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.1;\r\n margin-top: 5px;\r\n }\r\n\r\n .roeya-subtitle {\r\n font-size: 1.125rem;\r\n font-weight: 400;\r\n color: #e2e8f0;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n }\r\n\r\n \/* =========================================\r\n 2. ANIMATIONS (SLOWED DOWN)\r\n ========================================= *\/\r\n .reveal-up { opacity: 0; transform: translateY(40px); transition: all 1.6s ease-out; }\r\n .reveal-up.active { opacity: 1; transform: translateY(0); }\r\n\r\n \/* RTL Logic: Slide Left means coming from the left (visually moving right) *\/\r\n .slide-left { opacity: 0; transform: translateX(60px); transition: all 2s ease; }\r\n .slide-right { opacity: 0; transform: translateX(-60px); transition: all 2s ease; }\r\n .slide-left.active, .slide-right.active { opacity: 1; transform: translateX(0); }\r\n\r\n .delay-1 { transition-delay: 0.1s; }\r\n .delay-2 { transition-delay: 0.2s; }\r\n .delay-3 { transition-delay: 0.3s; }\r\n\r\n \/* =========================================\r\n 3. PAGE CONTENT STYLES\r\n ========================================= *\/\r\n .ra-section { padding: 80px 20px; }\r\n .ra-container { max-width: 1200px; margin: 0 auto; }\r\n .bg-light { background-color: var(--roeya-gray); }\r\n .bg-navy { background-color: var(--roeya-navy); color: #fff; }\r\n\r\n \/* Split Content *\/\r\n .ra-split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n .ra-text-col h2 { font-size: 2.25rem; margin-bottom: 20px; color: var(--roeya-navy); font-weight: 800; }\r\n .ra-text-col p { margin-bottom: 20px; color: var(--text-light); font-size: 1.05rem; }\r\n \r\n .ra-image-col { position: relative; }\r\n .ra-image-col img { box-shadow: 0 20px 40px rgba(0,0,0,0.1); transition: transform 1s ease; width: 100%; }\r\n .ra-image-col:hover img { transform: scale(1.02); }\r\n\r\n \/* Lists *\/\r\n .ra-list { list-style: none; }\r\n .ra-list li { margin-bottom: 12px; display: flex; align-items: center; font-weight: 500; color: var(--roeya-navy); }\r\n \/* Margin adjusted for RTL *\/\r\n .ra-list i { color: var(--roeya-gold); margin-left: 12px; font-size: 1.1rem; }\r\n\r\n \/* Mission & Vision *\/\r\n .ra-mv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\r\n .ra-mv-box {\r\n background: #fff; padding: 40px; border-radius: 16px; \r\n \/* Border moved to the Right *\/\r\n border-right: 5px solid var(--roeya-gold);\r\n border-left: none;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n }\r\n .ra-mv-box h3 { color: var(--roeya-navy); font-size: 1.5rem; margin-bottom: 15px; font-weight: 700; }\r\n\r\n \/* Core Values *\/\r\n .ra-values-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 40px; }\r\n .ra-value-card {\r\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\r\n padding: 35px; border-radius: 12px; text-align: right; transition: 0.6s;\r\n }\r\n .ra-value-card:hover { transform: translateY(-10px); background: rgba(255,255,255,0.1); border-color: var(--roeya-gold); }\r\n .ra-value-icon { font-size: 2rem; color: var(--roeya-gold); margin-bottom: 20px; display: block; }\r\n .ra-value-card h3 { font-size: 1.25rem; margin-bottom: 10px; font-weight: 700; }\r\n .ra-value-card p { opacity: 0.8; font-size: 0.95rem; }\r\n\r\n \/* =========================================\r\n 4. MOBILE RESPONSIVENESS (HERO FIXES)\r\n ========================================= *\/\r\n @media (max-width: 900px) {\r\n .ra-split, .ra-mv-grid { grid-template-columns: 1fr; gap: 40px; }\r\n .roeya-main-title { font-size: 2.2rem; }\r\n .ra-text-col h2 { font-size: 2rem; }\r\n .slide-left, .slide-right { transform: translateY(30px); } \r\n .slide-left.active, .slide-right.active { transform: translateY(0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n \/* Hero Mobile Fixes *\/\r\n .roeya-header-section { \r\n height: auto !important; \r\n min-height: 600px !important; \r\n padding: 0 !important; \r\n align-items: flex-start !important; \r\n }\r\n \r\n .roeya-header-overlay {\r\n position: relative !important; \r\n height: auto !important;\r\n min-height: 600px !important; \r\n padding: 200px 0 80px 0 !important; \r\n display: block !important;\r\n }\r\n\r\n .roeya-container { padding: 0 20px; }\r\n \r\n .roeya-text-stack {\r\n \/* Center text on Mobile *\/\r\n align-items: center;\r\n text-align: center;\r\n margin-top: 0;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- HERO SECTION -->\r\n <header class=\"roeya-header-section\">\r\n <div class=\"roeya-header-bg\"><\/div>\r\n <div class=\"roeya-header-overlay\">\r\n <div class=\"roeya-container\">\r\n <div class=\"roeya-text-stack\">\r\n <div class=\"roeya-breadcrumb reveal-up\">\r\n <a href=\"#\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n <!-- Arrow point left in RTL -->\r\n <span style=\"color:var(--roeya-gold)\">❮<\/span>\r\n <span style=\"color:#fff\">\u0645\u0646 \u0646\u062d\u0646<\/span>\r\n <\/div>\r\n <h1 class=\"roeya-main-title reveal-up delay-1\">\u0645\u0646 \u0646\u062d\u0646<\/h1>\r\n <p class=\"roeya-subtitle reveal-up delay-2\">\r\n \u0641\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629\u060c \u0646\u062c\u0639\u0644 \u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0631\u062d\u0644\u0629 \u0645\u0645\u062a\u0639\u0629 \u0648\u0641\u0639\u0651\u0627\u0644\u0629 \u0644\u0643\u0644 \u0637\u0641\u0644\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0633\u0627\u0631 \u0648\u0627\u0636\u062d \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u062f\u0645 \u0645\u0644\u0645\u0648\u0633 \u0648\u0646\u062a\u0627\u0626\u062c \u0645\u0644\u062d\u0648\u0638\u0629 \/ \u0645\u0644\u0645\u0648\u0633\u0629 \u062a\u0634\u0639\u0631\u0643 \u0628\u0627\u0644\u0641\u062e\u0631 \u0628\u062a\u0637\u0648\u0631 \u0637\u0641\u0644\u0643.\r\n\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- INTRODUCTION SECTION -->\r\n <section class=\"ra-section\">\r\n <div class=\"ra-container ra-split\">\r\n <!-- Image Right (in RTL view) -->\r\n <div class=\"ra-image-col slide-left\">\r\n <img decoding=\"async\" src=\"https:\/\/roeyaacademy.com\/ar\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-12-at-6.30.00-PM.jpeg\" alt=\"\u0641\u0635\u0644 \u062f\u0631\u0627\u0633\u064a \u0641\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629\">\r\n <\/div>\r\n <!-- Text Left (in RTL view) -->\r\n <div class=\"ra-text-col slide-right\">\r\n <h2>\u0643\u064a\u0641 \u0646\u0639\u0644\u0651\u0645 \u0648\u0646\u0637\u0648\u0631 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0644\u0627\u0628 \u061f <\/h2>\r\n <ul class=\"ra-list\">\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u064a\u064a\u0645 \u062f\u0642\u064a\u0642 \u0644\u0645\u0633\u062a\u0648\u0649 \u0637\u0641\u0644\u0643 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644.<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u0645\u0646\u0627\u0647\u062c \u0645\u0639\u062a\u0645\u062f\u0629 \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 Cambridge \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0644\u0636\u0645\u0627\u0646 \u062a\u0623\u0647\u064a\u0644 \u0637\u0641\u0644\u0643 \u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0648\u0634\u0647\u0627\u062f\u0627\u062a \u062f\u0648\u0644\u064a\u0629 \u0645\u0639\u062a\u0645\u062f\u0629.<\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0648\u0631\u064a\u0629 \u0648\u062a\u0642\u0627\u0631\u064a\u0631 \u0648\u0627\u0636\u062d\u0629 \u0644\u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631\u060c \u0644\u062a\u0643\u0648\u0646 \u062f\u0627\u0626\u0645\u064b\u0627 \u0639\u0644\u0649 \u0639\u0644\u0645 \u0628\u0643\u0644 \u062a\u0642\u062f\u0645. <\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u062d\u0635\u0635 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0645\u0645\u062a\u0639\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0629\u060c \u0627\u0644\u0642\u0631\u0627\u0621\u0629\u060c \u0648\u0627\u0644\u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629. <\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u0645\u0648\u0627\u062f \u062a\u0639\u0644\u064a\u0645\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629: \u0643\u062a\u0628 \u0627\u0644\u0637\u0627\u0644\u0628\u060c \u0643\u062a\u0628 \u0627\u0644\u0623\u0646\u0634\u0637\u0629\u060c \u0643\u062a\u064a\u0628\u0627\u062a \u0645\u0646\u0632\u0644\u064a\u0629\u060c \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0642\u0635\u064a\u0631\u0629. <\/li>\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u062d\u0636\u064a\u0631 \u0645\u0645\u064a\u0632 \u0644\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a Cambridge \u0628\u062b\u0642\u0629.<\/li\r\n <li><i class=\"fas fa-check-circle\"><\/i> \u062a\u0642\u062f\u0645 \u0648\u0627\u0636\u062d \u0648\u0645\u0631\u0635\u0648\u062f \u0644\u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0648\u0646\u062c\u0627\u062d\u060c \u0645\u062f\u0639\u0648\u0645 \u0628\u0646\u0638\u0627\u0645 \u0631\u0642\u0645\u064a \u0645\u062a\u0643\u0627\u0645\u0644 \u0648\u0625\u0634\u0631\u0627\u0641 \u0645\u062f\u064a\u0631 \u0623\u0643\u0627\u062f\u064a\u0645\u064a \u062a\u0642\u0646\u064a \u0644\u0636\u0645\u0627\u0646 \u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MISSION & VISION -->\r\n <section class=\"ra-section bg-light\">\r\n <div class=\"ra-container ra-mv-grid\">\r\n <div class=\"ra-mv-box reveal-up\">\r\n <h3>\u0631\u0633\u0627\u0644\u062a\u0646\u0627<\/h3>\r\n <p>\u062a\u0642\u062f\u064a\u0645 \u062a\u0639\u0644\u064a\u0645 \u0639\u0627\u0644\u064a \u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0645\u062a\u0627\u062d \u0644\u0644\u062c\u0645\u064a\u0639\u060c \u064a\u0645\u0643\u0651\u0646 \u0627\u0644\u0637\u0644\u0627\u0628 \u0645\u0646 \u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0644\u063a\u0627\u062a\u060c \u0627\u0644\u062a\u0641\u0648\u0642 \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u064b\u0627\u060c \u0648\u062a\u0637\u0648\u064a\u0631 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0641\u0643\u064a\u0631 \u0627\u0644\u0646\u0642\u062f\u064a \u0627\u0644\u0644\u0627\u0632\u0645\u0629 \u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u0645\u0634\u0631\u0642 \u0648\u0645\u0644\u064a\u0621 \u0628\u0627\u0644\u0641\u0631\u0635.<\/p>\r\n <\/div>\r\n <div class=\"ra-mv-box reveal-up delay-1\">\r\n <h3>\u0631\u0624\u064a\u062a\u0646\u0627<\/h3>\r\n <p> \u0623\u0646 \u0646\u0635\u0628\u062d \u0627\u0644\u0634\u0631\u064a\u0643 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a \u0627\u0644\u0631\u0627\u0626\u062f \u0641\u064a \u0627\u0644\u0645\u0646\u0637\u0642\u0629\u060c \u0648\u0627\u0644\u0645\u0639\u0631\u0648\u0641 \u0628\u0627\u0644\u062a\u0632\u0627\u0645\u0646\u0627 \u0628\u0646\u062c\u0627\u062d \u0627\u0644\u0637\u0644\u0627\u0628\u060c \u0637\u0631\u0642 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u0627\u0644\u0645\u0628\u062a\u0643\u0631\u0629\u060c \u0628\u064a\u0626\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0627\u0644\u062f\u0627\u0639\u0645\u0629\u060c \u0646\u0638\u0627\u0645 \u0645\u062a\u0627\u0628\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644 \u064a\u062c\u0639\u0644 \u0627\u0644\u062a\u0642\u062f\u0645 \u0648\u0627\u0636\u062d\u064b\u0627 \u0648\u0645\u0631\u0635\u0648\u062f\u064b\u0627.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- CORE VALUES (Dark Section) -->\r\n <section class=\"ra-section bg-navy\">\r\n <div class=\"ra-container\">\r\n <div style=\"text-align: center; max-width: 600px; margin: 0 auto;\" class=\"reveal-up\">\r\n <h2 style=\"color: #fff; font-size: 2.25rem; font-weight:800; margin-bottom:10px;\">\u0642\u064a\u0645\u0646\u0627 \u0627\u0644\u062c\u0648\u0647\u0631\u064a\u0629<\/h2>\r\n <p style=\"opacity: 0.8;\">\u0627\u0644\u0645\u0628\u0627\u062f\u0626 \u0627\u0644\u062a\u064a \u062a\u0648\u062c\u0647 \u0643\u0644 \u062f\u0631\u0633 \u0646\u0642\u062f\u0645\u0647 \u0648\u0643\u0644 \u0642\u0631\u0627\u0631 \u0646\u062a\u062e\u0630\u0647.<\/p>\r\n <\/div>\r\n \r\n <div class=\"ra-values-grid\">\r\n <div class=\"ra-value-card reveal-up delay-1\">\r\n <i class=\"fas fa-star ra-value-icon\"><\/i>\r\n <h3>\u0627\u0644\u062a\u0645\u064a\u0632<\/h3>\r\n <p>\u0646\u0633\u0639\u0649 \u062c\u0627\u0647\u062f\u064a\u0646 \u0644\u062a\u062d\u0642\u064a\u0642 \u0623\u0639\u0644\u0649 \u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631 \u0641\u064a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0648\u0635\u0648\u0644 \u0643\u0644 \u0637\u0627\u0644\u0628 \u0625\u0644\u0649 \u0625\u0645\u0643\u0627\u0646\u0627\u062a\u0647 \u0627\u0644\u0643\u0627\u0645\u0644\u0629.<\/p>\r\n <\/div>\r\n <div class=\"ra-value-card reveal-up delay-2\">\r\n <i class=\"fas fa-heart ra-value-icon\"><\/i>\r\n <h3>\u0627\u0644\u0646\u0632\u0627\u0647\u0629<\/h3>\r\n <p>\u0646\u0639\u0645\u0644 \u0628\u0635\u062f\u0642 \u0648\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0647\u062a\u0645\u0627\u0645 \u062d\u0642\u064a\u0642\u064a \u0628\u0631\u0641\u0627\u0647\u064a\u0629 \u0637\u0644\u0627\u0628\u0646\u0627 \u0648\u0645\u062c\u062a\u0645\u0639\u0646\u0627.<\/p>\r\n <\/div>\r\n <div class=\"ra-value-card reveal-up delay-3\">\r\n <i class=\"fas fa-lightbulb ra-value-icon\"><\/i>\r\n <h3>\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631<\/h3>\r\n <p>\u0646\u062a\u0628\u0646\u0649 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u062d\u062f\u064a\u062b\u0629 \u0648\u0623\u0633\u0627\u0644\u064a\u0628 \u0627\u0644\u062a\u062f\u0631\u064a\u0633 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0645\u062a\u0639\u0629 \u0627\u0644\u062a\u0639\u0644\u0645 \u0648\u0641\u0639\u0627\u0644\u064a\u062a\u0647.<\/p>\r\n <\/div>\r\n <div class=\"ra-value-card reveal-up delay-3\">\r\n <i class=\"fas fa-users ra-value-icon\"><\/i>\r\n <h3>\u0627\u0644\u0645\u062c\u062a\u0645\u0639<\/h3>\r\n <p>\u0646\u0624\u0645\u0646 \u0628\u0628\u0646\u0627\u0621 \u0634\u0628\u0643\u0629 \u062f\u0627\u0639\u0645\u0629 \u0648\u0645\u062a\u0631\u0627\u0628\u0637\u0629 \u062a\u062c\u0645\u0639 \u0628\u064a\u0646 \u0627\u0644\u0645\u0639\u0644\u0645\u064a\u0646 \u0648\u0627\u0644\u0637\u0644\u0627\u0628 \u0648\u0623\u0648\u0644\u064a\u0627\u0621 \u0627\u0644\u0623\u0645\u0648\u0631.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- JAVASCRIPT FOR SCROLL ANIMATIONS -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const observerOptions = {\r\n root: null,\r\n rootMargin: '0px',\r\n threshold: 0.15 \r\n };\r\n\r\n const observer = new IntersectionObserver((entries, observer) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('active');\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, observerOptions);\r\n\r\n const els = document.querySelectorAll('.reveal-up, .slide-left, .slide-right');\r\n els.forEach(el => observer.observe(el));\r\n });\r\n <\/script>\r\n\r\n <!-- BACK TO TOP -->\r\n <style>\r\n .back-to-top {\r\n position: fixed; bottom: 30px; right: 30px; left: auto; width: 40px; height: 40px; border: 2px solid #c8ac82;\r\n border-radius: 50%; display: flex; justify-content: center; align-items: center; text-decoration: none;\r\n z-index: 999; background: transparent; opacity: 0; visibility: hidden; transform: translateY(20px);\r\n transition: all 0.6s ease; pointer-events: none;\r\n }\r\n .back-to-top.show { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; }\r\n .back-to-top svg {\r\n width: 20px; height: 20px; stroke: #c8ac82; stroke-width: 2.5; fill: none; stroke-linecap: round;\r\n stroke-linejoin: round; transition: stroke 0.6s ease;\r\n }\r\n .back-to-top:hover { background-color: #c8ac82; }\r\n .back-to-top:hover svg { stroke: #ffffff; }\r\n <\/style>\r\n\r\n <a href=\"#\" class=\"back-to-top\" aria-label=\"\u0627\u0644\u0639\u0648\u062f\u0629 \u0644\u0644\u0623\u0639\u0644\u0649\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <line x1=\"12\" y1=\"19\" x2=\"12\" y2=\"5\"><\/line>\r\n <polyline points=\"5 12 12 5 19 12\"><\/polyline>\r\n <\/svg>\r\n <\/a>\r\n\r\n <script>\r\n const backToTopButton = document.querySelector('.back-to-top');\r\n window.addEventListener('scroll', () => {\r\n const scrollTop = window.scrollY;\r\n const docHeight = document.documentElement.scrollHeight;\r\n const winHeight = window.innerHeight;\r\n const scrollPercent = (scrollTop \/ (docHeight - winHeight)) * 100;\r\n if (scrollPercent >= 50) { \r\n backToTopButton.classList.add('show'); \r\n } else { \r\n backToTopButton.classList.remove('show'); \r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\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>\u0645\u0646 \u0646\u062d\u0646 \u0641\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 ❮ \u0645\u0646 \u0646\u062d\u0646 \u0645\u0646 \u0646\u062d\u0646 \u0641\u064a \u0623\u0643\u0627\u062f\u064a\u0645\u064a\u0629 \u0631\u0624\u064a\u0629\u060c \u0646\u062c\u0639\u0644 \u062a\u0639\u0644\u0645 \u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0631\u062d\u0644\u0629 \u0645\u0645\u062a\u0639\u0629 \u0648\u0641\u0639\u0651\u0627\u0644\u0629 \u0644\u0643\u0644 \u0637\u0641\u0644\u060c \u0645\u0639 \u0645\u062a\u0627\u0628\u0639\u0629 \u062f\u0642\u064a\u0642\u0629 \u0648\u0645\u0633\u0627\u0631 \u0648\u0627\u0636\u062d \u0645\u0628\u0646\u064a \u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629\u060c \u0644\u0636\u0645\u0627\u0646 \u062a\u0642\u062f\u0645 \u0645\u0644\u0645\u0648\u0633 \u0648\u0646\u062a\u0627\u0626\u062c \u0645\u0644\u062d\u0648\u0638\u0629 \/ \u0645\u0644\u0645\u0648\u0633\u0629 \u062a\u0634\u0639\u0631\u0643 \u0628\u0627\u0644\u0641\u062e\u0631 \u0628\u062a\u0637\u0648\u0631 \u0637\u0641\u0644\u0643. \u0643\u064a\u0641 \u0646\u0639\u0644\u0651\u0645 \u0648\u0646\u0637\u0648\u0631 \u0645\u0647\u0627\u0631\u0627\u062a \u0627\u0644\u0637\u0644\u0627\u0628 \u061f \u062a\u0642\u064a\u064a\u0645 \u062f\u0642\u064a\u0642 \u0644\u0645\u0633\u062a\u0648\u0649 \u0637\u0641\u0644\u0643 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","footnotes":""},"class_list":["post-1121","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages\/1121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/comments?post=1121"}],"version-history":[{"count":137,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages\/1121\/revisions"}],"predecessor-version":[{"id":3307,"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/pages\/1121\/revisions\/3307"}],"wp:attachment":[{"href":"https:\/\/roeyaacademy.com\/ar\/wp-json\/wp\/v2\/media?parent=1121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}