{"id":2,"date":"2026-01-15T16:34:49","date_gmt":"2026-01-15T16:34:49","guid":{"rendered":"https:\/\/seomenta.com\/silver\/?page_id=2"},"modified":"2026-02-02T21:54:23","modified_gmt":"2026-02-02T21:54:23","slug":"home","status":"publish","type":"page","link":"https:\/\/silverstaregy.com\/ar\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n
\n\n\n\n \n \n \u0645\u062c\u0645\u0648\u0639\u0629 \u0633\u064a\u0644\u0641\u0631 \u0644\u0644\u062a\u0648\u0638\u064a\u0641 | \u062d\u0644\u0648\u0644 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/title>\n \n <!-- Fonts: Cairo for Arabic -->\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=Cairo:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n <!-- Icons (FontAwesome) -->\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n <style>\n \/* ------------------------------------------------------------------\n 1. STYLE SYSTEM VARIABLES\n ------------------------------------------------------------------ *\/\n :root {\n \/* Palette *\/\n --primary: #8BC34A; \n --primary-hover: #7CB342; \n --dark-slate: #1F2933; \n --bg-light: #F7F9FC; \n --white: #FFFFFF; \n --border: #E5E7EB; \n \n \/* Text *\/\n --text-main: #111827; \n --text-muted: #6B7280; \n --text-on-dark: #E5E7EB; \n \n \/* UI Elements *\/\n --radius-card: 16px;\n --radius-btn: 50px; \n --shadow-card: 0 10px 30px -5px rgba(31, 41, 51, 0.08);\n --shadow-hover: 0 20px 40px -5px rgba(31, 41, 51, 0.12);\n --transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n \n \/* Spacing *\/\n --section-spacing: 110px;\n }\n\n \/* ------------------------------------------------------------------\n 2. RESET & BASE TYPOGRAPHY\n ------------------------------------------------------------------ *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n \/* Updated to Cairo for Arabic *\/\n font-family: 'Cairo', sans-serif;\n background-color: var(--white);\n color: var(--text-main);\n line-height: 1.7; \/* Slightly higher line height for Arabic *\/\n -webkit-font-smoothing: antialiased;\n overflow-x: hidden;\n text-align: right; \/* RTL Default *\/\n }\n\n h1, h2, h3, h4 {\n color: var(--text-main);\n font-weight: 700;\n line-height: 1.3; \/* Adjusted for Arabic headings *\/\n }\n\n p {\n color: var(--text-muted);\n font-size: 1.05rem;\n margin-bottom: 1rem;\n }\n\n a {\n text-decoration: none;\n transition: var(--transition);\n }\n\n \/* ------------------------------------------------------------------\n 3. UI COMPONENTS\n ------------------------------------------------------------------ *\/\n .container {\n width: 90%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n\n \/* Buttons - Pill Style *\/\n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 16px 40px;\n border-radius: var(--radius-btn);\n font-weight: 700; \/* Bolder for Arabic *\/\n font-size: 1rem;\n cursor: pointer;\n transition: var(--transition);\n border: none;\n gap: 10px;\n }\n\n .btn-primary {\n background-color: var(--primary);\n color: var(--white);\n box-shadow: 0 4px 15px rgba(139, 195, 74, 0.3);\n }\n\n .btn-primary:hover {\n background-color: var(--primary-hover);\n transform: translateY(-2px);\n box-shadow: 0 8px 25px rgba(139, 195, 74, 0.4);\n }\n\n .label-badge {\n display: inline-block;\n color: var(--primary);\n font-size: 0.9rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0; \/* No letter spacing for Arabic *\/\n margin-bottom: 12px;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 70px;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .section-title {\n font-size: 2.75rem;\n color: var(--text-main);\n }\n\n \/* Scroll To Top *\/\n .scroll-top {\n position: fixed;\n bottom: 30px;\n left: 30px; \/* Moved to Left for RTL preference *\/\n right: auto;\n width: 50px;\n height: 50px;\n background-color: var(--white);\n color: var(--primary);\n border: 1px solid var(--border);\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n opacity: 0;\n visibility: hidden;\n transform: translateY(20px);\n transition: var(--transition);\n z-index: 100;\n box-shadow: var(--shadow-card);\n }\n\n .scroll-top.visible {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n\n .scroll-top:hover {\n background-color: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n }\n\n \/* ------------------------------------------------------------------\n 4. SECTIONS\n ------------------------------------------------------------------ *\/\n \n \/* HERO - Dark Impact *\/\n .hero {\n position: relative;\n height: 90vh;\n min-height: 700px;\n width: 100%;\n display: flex;\n align-items: center;\n \/* UPDATED HERO IMAGE *\/\n background-image: url('https:\/\/silverstaregy.com\/ar\/wp-content\/uploads\/2026\/02\/hero.jpeg');\n background-size: cover;\n background-position: center;\n background-attachment: fixed;\n overflow: hidden;\n }\n\n .hero::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(31, 41, 51, 0.85);\n z-index: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n width: 100%;\n text-align: center;\n }\n\n .hero .label-badge {\n background: rgba(139, 195, 74, 0.15);\n padding: 8px 16px;\n border-radius: 50px;\n color: var(--primary);\n margin-bottom: 24px;\n }\n\n .hero h1 {\n font-size: 4rem; \/* Adjusted slightly for Arabic density *\/\n color: var(--white);\n margin-bottom: 24px;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .hero p {\n color: var(--text-on-dark);\n font-size: 1.3rem;\n max-width: 650px;\n margin: 0 auto 48px auto;\n }\n \n \/* Flip icon for RTL *\/\n .btn i {\n transform: scaleX(-1); \n }\n\n \/* STATS - Floating Cards *\/\n .stats-section {\n position: relative;\n z-index: 10;\n margin-top: -80px;\n padding-bottom: 50px;\n }\n\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n\n .stat-card {\n background: var(--white);\n padding: 40px 30px;\n border-radius: var(--radius-card);\n box-shadow: var(--shadow-card);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: var(--transition);\n }\n\n .stat-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-hover);\n }\n\n .stat-icon {\n font-size: 2rem;\n color: var(--primary);\n margin-bottom: 16px;\n background: rgba(139, 195, 74, 0.1);\n width: 60px;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n }\n\n .stat-text h3 {\n font-size: 2.5rem;\n color: var(--dark-slate);\n margin-bottom: 5px;\n }\n\n .stat-text span {\n color: var(--text-muted);\n font-weight: 600;\n font-size: 0.95rem;\n \/* No letter spacing for Arabic *\/\n }\n\n \/* SERVICES SECTION *\/\n .services-section {\n padding: var(--section-spacing) 0;\n background-color: var(--bg-light);\n }\n\n .services-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 40px;\n }\n\n .service-card {\n background: var(--white);\n border-radius: var(--radius-card);\n overflow: hidden;\n box-shadow: var(--shadow-card);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n height: 100%;\n border: 1px solid transparent;\n }\n\n .service-card:hover {\n transform: translateY(-8px);\n box-shadow: var(--shadow-hover);\n border-color: rgba(139, 195, 74, 0.4);\n }\n\n .service-img-wrapper {\n width: 100%;\n height: 280px;\n position: relative;\n overflow: hidden;\n }\n\n .service-img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s ease;\n }\n\n .service-card:hover .service-img {\n transform: scale(1.05);\n }\n\n .service-content {\n padding: 35px;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n justify-content: space-between;\n text-align: right;\n }\n\n .service-content h3 {\n font-size: 1.6rem;\n margin-bottom: 12px;\n color: var(--dark-slate);\n }\n\n .service-content p {\n font-size: 1rem;\n color: var(--text-muted);\n margin-bottom: 25px;\n line-height: 1.7;\n }\n\n .read-more {\n font-weight: 700;\n font-size: 0.9rem;\n color: var(--primary);\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: gap 0.3s ease;\n }\n \n .read-more i {\n transform: scaleX(-1); \/* Flip arrow for RTL *\/\n }\n \n .read-more:hover {\n gap: 12px;\n color: var(--primary-hover);\n }\n\n \/* TESTIMONIALS *\/\n .testimonials-section {\n background-color: var(--dark-slate);\n padding: var(--section-spacing) 0;\n color: var(--white);\n position: relative;\n overflow: hidden;\n }\n \n .testimonials-section::after {\n content: '';\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background-image: radial-gradient(circle at 90% 20%, rgba(139, 195, 74, 0.05) 0%, transparent 20%);\n pointer-events: none;\n }\n\n .testimonials-section .section-title { color: var(--white); }\n .testimonials-section p { color: var(--text-on-dark); }\n\n .testimonial-wrapper {\n max-width: 900px;\n margin: 0 auto;\n text-align: center;\n position: relative;\n z-index: 2;\n }\n\n .testimonial-card { background: transparent; padding: 20px; }\n .stars { color: var(--primary); margin-bottom: 30px; font-size: 1.2rem; letter-spacing: 4px; }\n \n .quote-text {\n font-size: 1.75rem;\n color: var(--white);\n font-weight: 300;\n font-style: italic;\n margin-bottom: 40px;\n line-height: 1.8;\n }\n\n .client-info h4 { color: var(--white); font-size: 1.2rem; }\n .client-info span { color: var(--primary); font-weight: 600; font-size: 0.95rem; }\n\n \/* FAQ SECTION *\/\n .faq-section {\n padding: var(--section-spacing) 0;\n background-color: var(--white);\n }\n\n .faq-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 80px;\n align-items: center;\n }\n\n .faq-image {\n border-radius: var(--radius-card);\n overflow: hidden;\n box-shadow: var(--shadow-card);\n }\n\n .faq-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n .accordion { display: flex; flex-direction: column; gap: 20px; }\n .accordion-item {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n overflow: hidden;\n transition: var(--transition);\n }\n\n .accordion-header {\n width: 100%;\n padding: 24px 30px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n text-align: right;\n font-size: 1.1rem;\n font-weight: 700;\n color: var(--dark-slate);\n transition: var(--transition);\n }\n \n .accordion-header i {\n margin-right: 15px; \/* Spacing for icon on left in RTL *\/\n margin-left: 0;\n }\n\n .accordion-body {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease-out;\n padding: 0 30px;\n text-align: right;\n }\n\n .accordion-body p { padding-bottom: 24px; font-size: 1rem; }\n .accordion-item.active { border-color: var(--primary); box-shadow: 0 4px 20px rgba(139, 195, 74, 0.15); }\n .accordion-item.active .accordion-header { color: var(--primary); }\n .accordion-item.active .accordion-header i { transform: rotate(180deg); color: var(--primary); }\n\n \/* PARTNERS SECTION *\/\n .partners-section {\n padding: 80px 0;\n background-color: var(--bg-light);\n border-top: 1px solid var(--border);\n }\n\n \/* ANIMATIONS *\/\n .reveal-item { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }\n .reveal-item.in-view { opacity: 1; transform: translateY(0); }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1024px) {\n .hero h1 { font-size: 3rem; }\n .stats-grid { grid-template-columns: repeat(3, 1fr); }\n .faq-layout { grid-template-columns: 1fr; gap: 40px; }\n .faq-image { height: 400px; }\n }\n\n @media (max-width: 768px) {\n \/* Center text for mobile usually looks better, or keep right *\/\n .hero { text-align: center; height: auto; padding: 150px 0 100px 0; }\n .hero h1 { font-size: 2.5rem; }\n .stats-section { margin-top: 0; }\n .stats-grid { grid-template-columns: 1fr; gap: 20px; }\n .services-grid { grid-template-columns: 1fr; }\n .section-title { font-size: 2.25rem; }\n .quote-text { font-size: 1.35rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<!-- 1. HERO SECTION -->\n<header class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <span class=\"label-badge hero-elem\">\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span>\n <h1 class=\"hero-elem\">\u062f\u0642\u0629 \u0641\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0644\u0623\u0643\u0628\u0631 \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629<\/h1>\n <p class=\"hero-elem\">\u0646\u062d\u0646 \u0646\u0628\u0646\u064a \u0627\u0644\u062c\u0633\u0648\u0631 \u0628\u064a\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629 \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u062d\u0644\u0648\u0644 \u062a\u0648\u0638\u064a\u0641 \u062a\u062a\u0633\u0645 \u0628\u0627\u0644\u062f\u0642\u0629\u060c \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0648\u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629.<\/p>\n <a href=\"#services\" class=\"btn btn-primary hero-elem\">\n \u0627\u0643\u062a\u0634\u0641 \u062d\u0644\u0648\u0644\u0646\u0627 <i class=\"fas fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n<\/header>\n\n<!-- 2. STATS SECTION -->\n<section class=\"stats-section\">\n <div class=\"container\">\n <div class=\"stats-grid\">\n <div class=\"stat-card reveal-item\">\n <div class=\"stat-icon\"><i class=\"fas fa-user-check\"><\/i><\/div>\n <div class=\"stat-text\">\n <h3 class=\"counter\" data-target=\"9000\">0<\/h3>\n <span>\u0643\u0641\u0627\u0621\u0627\u062a \u062a\u0645 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-card reveal-item\" style=\"transition-delay: 150ms;\">\n <div class=\"stat-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\n <div class=\"stat-text\">\n <h3 class=\"counter\" data-target=\"10000\">0<\/h3>\n <span>\u0639\u0645\u0644\u064a\u0629 \u062a\u0648\u0638\u064a\u0641 \u0646\u0627\u062c\u062d\u0629<\/span>\n <\/div>\n <\/div>\n <div class=\"stat-card reveal-item\" style=\"transition-delay: 300ms;\">\n <div class=\"stat-icon\"><i class=\"fas fa-briefcase\"><\/i><\/div>\n <div class=\"stat-text\">\n <h3 class=\"counter\" data-target=\"200\">0<\/h3>\n <span>\u0634\u0631\u064a\u0643 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 3. SERVICES SECTION -->\n<section class=\"services-section\" id=\"services\">\n <div class=\"container\">\n <div class=\"section-header reveal-item\">\n <span class=\"label-badge\">\u062e\u0628\u0631\u0627\u062a\u0646\u0627<\/span>\n <h2 class=\"section-title\">\u062a\u062e\u0635\u0635\u0646\u0627 \u0641\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641.<\/h2>\n <p>\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u0648\u0638\u064a\u0641 \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0635\u0627\u0631\u0645\u0629 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062d\u062f\u064a\u062b\u0629.<\/p>\n <\/div>\n\n <div class=\"services-grid\">\n <!-- SERVICE CARD 1 -->\n <div class=\"service-card reveal-item\">\n <div class=\"service-img-wrapper\">\n <!-- Service Sector Image -->\n <img decoding=\"async\" src=\"https:\/\/silverstaregy.com\/ar\/wp-content\/uploads\/2026\/02\/services.jpeg\" alt=\"Service Sector Staffing\" class=\"service-img\">\n <\/div>\n <div class=\"service-content\">\n <div>\n <h3>\u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0641\u064a \u0642\u0637\u0627\u0639 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\n <p>\u0643\u0648\u0627\u062f\u0631 \u0645\u0624\u0647\u0644\u0629 \u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0636\u064a\u0627\u0641\u0629\u060c \u0627\u0644\u0645\u0637\u0627\u0639\u0645\u060c \u0648\u0627\u0644\u062a\u062c\u0632\u0626\u0629\u060c \u0645\u0639 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0644\u0636\u0645\u0627\u0646 \u062a\u062c\u0631\u0628\u0629 \u0639\u0645\u0644\u0627\u0621 \u0645\u062b\u0627\u0644\u064a\u0629.<\/p>\n <\/div>\n <a href=\"#\" class=\"read-more\">\u0639\u0631\u0636 \u0627\u0644\u062d\u0644\u0648\u0644 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <!-- SERVICE CARD 2 (UPDATED IMAGE FOR FACTORY) -->\n <div class=\"service-card reveal-item\" style=\"transition-delay: 100ms;\">\n <div class=\"service-img-wrapper\">\n <!-- UPDATED FACTORY IMAGE -->\n <img decoding=\"async\" src=\"https:\/\/silverstaregy.com\/ar\/wp-content\/uploads\/2026\/02\/factory.jpeg\" alt=\"Industrial Sector\" class=\"service-img\">\n <\/div>\n <div class=\"service-content\">\n <div>\n <h3>\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0635\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0625\u0646\u0634\u0627\u0621\u0627\u062a<\/h3>\n <p>\u062a\u0648\u0638\u064a\u0641 \u0648\u0627\u0633\u0639 \u0627\u0644\u0646\u0637\u0627\u0642 \u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0627\u0644\u062a\u0635\u0646\u064a\u0639\u060c \u0648\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062b\u0642\u064a\u0644\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0637\u0644\u0628 \u0639\u0645\u0627\u0644\u0629 \u0641\u0646\u064a\u0629 \u0645\u0627\u0647\u0631\u0629 \u0648\u0645\u0639\u062a\u0645\u062f\u0629.<\/p>\n <\/div>\n <a href=\"#\" class=\"read-more\">\u0639\u0631\u0636 \u0627\u0644\u062d\u0644\u0648\u0644 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <div class=\"service-card reveal-item\" style=\"transition-delay: 200ms;\">\n <div class=\"service-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Executive Search\" class=\"service-img\">\n <\/div>\n <div class=\"service-content\">\n <div>\n <h3>\u062a\u0648\u0638\u064a\u0641 \u0627\u0644\u0643\u0648\u0627\u062f\u0631 \u0627\u0644\u0639\u0644\u064a\u0627<\/h3>\n <p>\u0631\u0628\u0637 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0628\u0627\u0644\u0643\u0641\u0627\u0621\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u064a\u0629\u060c \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u060c \u0648\u0642\u064a\u0627\u062f\u0627\u062a \u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0644\u064a\u0627.<\/p>\n <\/div>\n <a href=\"#\" class=\"read-more\">\u0639\u0631\u0636 \u0627\u0644\u062d\u0644\u0648\u0644 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <div class=\"service-card reveal-item\" style=\"transition-delay: 300ms;\">\n <div class=\"service-img-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521791136064-7986c2920216?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"International Mobility\" class=\"service-img\">\n <\/div>\n <div class=\"service-content\">\n <div>\n <h3>\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u062f\u0648\u0644\u064a<\/h3>\n <p>\u062f\u0639\u0645 \u0634\u0627\u0645\u0644 \u0644\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0647\u062c\u0631\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0646\u062a\u0642\u0627\u0644 \u0633\u0644\u0633 \u0644\u0644\u0645\u0648\u0627\u0647\u0628 \u0639\u0628\u0631 \u0627\u0644\u062d\u062f\u0648\u062f.<\/p>\n <\/div>\n <a href=\"#\" class=\"read-more\">\u0639\u0631\u0636 \u0627\u0644\u062d\u0644\u0648\u0644 <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 4. TESTIMONIALS -->\n<section class=\"testimonials-section\">\n <div class=\"container\">\n <div class=\"section-header reveal-item\">\n <span class=\"label-badge\">\u0642\u0635\u0635 \u0646\u062c\u0627\u062d<\/span>\n <h2 class=\"section-title\">\u0622\u0631\u0627\u0621 \u0639\u0645\u0644\u0627\u0626\u0646\u0627.<\/h2>\n <\/div>\n\n <div class=\"testimonial-wrapper\">\n <div class=\"testimonial-card reveal-item\">\n <div class=\"stars animate\">\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <i class=\"fas fa-star\"><\/i>\n <\/div>\n <p class=\"quote-text\">“\u0623\u062d\u062f\u062b\u062a \u0645\u062c\u0645\u0648\u0639\u0629 \u0633\u064a\u0644\u0641\u0631 \u0646\u0642\u0644\u0629 \u0646\u0648\u0639\u064a\u0629 \u0641\u064a \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u062a\u0648\u0638\u064a\u0641 \u0644\u062f\u064a\u0646\u0627. \u0641\u0647\u0645\u0647\u0645 \u0627\u0644\u0639\u0645\u064a\u0642 \u0644\u0644\u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0623\u062b\u0645\u0631 \u0639\u0646 \u062a\u0639\u064a\u064a\u0646 \u0643\u0648\u0627\u062f\u0631 \u0623\u0635\u0628\u062d\u0648\u0627 \u0645\u0646 \u0623\u0641\u0636\u0644 \u0645\u0648\u0638\u0641\u064a\u0646\u0627 \u062e\u0644\u0627\u0644 \u0623\u0634\u0647\u0631 \u0642\u0644\u064a\u0644\u0629.”<\/p>\n <div class=\"client-profile\">\n <div class=\"client-info\">\n <h4>\u062c\u064a\u0645\u0633 \u0623\u0646\u062f\u0631\u0633\u0648\u0646<\/h4>\n <span>\u0645\u062f\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\u060c \u0628\u064a\u0644\u062f \u0643\u0648\u0631\u0628<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 5. FAQ SECTION -->\n<section class=\"faq-section\">\n <div class=\"container\">\n <div class=\"faq-layout\">\n <div class=\"faq-image reveal-item\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Team\">\n <\/div>\n \n <div class=\"faq-content reveal-item\">\n <div class=\"section-header\" style=\"text-align: right; margin-bottom: 40px; margin-right: 0;\">\n <span class=\"label-badge\">\u0627\u0644\u062f\u0639\u0645<\/span>\n <h2 class=\"section-title\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629.<\/h2>\n <\/div>\n\n <div class=\"accordion\">\n <div class=\"accordion-item active\">\n <button class=\"accordion-header\">\n \u0645\u0627 \u0647\u064a \u0645\u0646\u0647\u062c\u064a\u062a\u0643\u0645 \u0641\u064a \u0627\u0644\u062a\u0648\u0638\u064a\u0641\u061f\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"accordion-body\" style=\"max-height: 200px;\">\n <p>\u0646\u0639\u062a\u0645\u062f \u0639\u0645\u0644\u064a\u0629 \u062a\u062f\u0642\u064a\u0642 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u0645\u0631\u0627\u062d\u0644 \u062a\u0634\u0645\u0644 \u0627\u0644\u062a\u0642\u064a\u064a\u0645 \u0627\u0644\u0641\u0646\u064a\u060c \u0627\u0644\u0645\u0642\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0633\u0644\u0648\u0643\u064a\u0629\u060c \u0648\u0641\u062d\u0635 \u0627\u0644\u062e\u0644\u0641\u064a\u0627\u062a \u0644\u0636\u0645\u0627\u0646 \u0645\u0639\u062f\u0644\u0627\u062a \u0627\u0633\u062a\u0628\u0642\u0627\u0621 \u062a\u0635\u0644 \u0625\u0644\u0649 98%.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <button class=\"accordion-header\">\n \u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u0636\u0645\u0627\u0646\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0645\u0631\u0634\u062d\u064a\u0646\u061f\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"accordion-body\">\n <p>\u0646\u0639\u0645. \u0646\u0642\u062f\u0645 \u0636\u0645\u0627\u0646 \u0627\u0633\u062a\u0628\u062f\u0627\u0644 \u0644\u0645\u062f\u0629 90 \u064a\u0648\u0645\u0627\u064b. \u0625\u0630\u0627 \u0644\u0645 \u064a\u0644\u0628\u0650 \u0627\u0644\u0645\u0648\u0638\u0641 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0634\u0647\u0631 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0627\u0644\u0623\u0648\u0644\u0649\u060c \u0646\u0642\u0648\u0645 \u0628\u062a\u0648\u0641\u064a\u0631 \u0628\u062f\u064a\u0644 \u062f\u0648\u0646 \u062a\u0643\u0644\u0641\u0629 \u0625\u0636\u0627\u0641\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <button class=\"accordion-header\">\n \u0645\u0627 \u0647\u064a \u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062e\u062f\u0645\u0648\u0646\u0647\u0627\u061f\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"accordion-body\">\n <p>\u0642\u0637\u0627\u0639\u0627\u062a\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u062a\u0634\u0645\u0644 \u0627\u0644\u0628\u0646\u0627\u0621\u060c \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\u060c \u0627\u0644\u0646\u0641\u0637 \u0648\u0627\u0644\u063a\u0627\u0632\u060c \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a\u060c \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0644\u064a\u0627 \u0644\u0644\u0634\u0631\u0643\u0627\u062a.<\/p>\n <\/div>\n <\/div>\n <div class=\"accordion-item\">\n <button class=\"accordion-header\">\n \u0643\u064a\u0641 \u062a\u062a\u0645 \u0625\u062f\u0627\u0631\u0629 \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u062a\u0623\u0634\u064a\u0631\u0627\u062a\u061f\n <i class=\"fas fa-chevron-down\"><\/i>\n <\/button>\n <div class=\"accordion-body\">\n <p>\u064a\u062f\u064a\u0631 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0642\u0627\u0646\u0648\u0646\u064a \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u062c\u0645\u064a\u0639 \u0627\u0644\u0648\u062b\u0627\u0626\u0642 \u0648\u0645\u0648\u0627\u0639\u064a\u062f \u0627\u0644\u0633\u0641\u0627\u0631\u0627\u062a \u0648\u0641\u062d\u0648\u0635\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0644\u0636\u0645\u0627\u0646 \u0633\u0631\u0639\u0629 \u0627\u0633\u062a\u0642\u062f\u0627\u0645 \u0627\u0644\u0645\u0648\u0627\u0647\u0628 \u0627\u0644\u062f\u0648\u0644\u064a\u0629.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- 6. PARTNERS SECTION -->\n<section class=\"partners-section\">\n <div class=\"container\">\n <div class=\"section-header reveal-item\">\n <span class=\"label-badge\">\u0634\u0628\u0643\u0629 \u0639\u0644\u0627\u0642\u0627\u062a\u0646\u0627<\/span>\n <h2 class=\"section-title\">\u0634\u0631\u0643\u0627\u0621 \u0627\u0644\u0646\u062c\u0627\u062d.<\/h2>\n <\/div>\n \n <style>\n \/* --- Scoped Variables --- *\/\n :root {\n --pm-gap-99: 30px;\n --pm-bg-99: #ffffff;\n --pm-shadow-99: 0 6px 20px rgba(0, 0, 0, 0.06);\n --pm-radius-99: 12px;\n }\n\n .pm-outer-wrapper-99 {\n position: relative;\n width: 100%;\n display: flex;\n align-items: center;\n direction: ltr; \/* Keeping Slider Logic Linear *\/\n }\n\n #pm-container-99 {\n width: 100%;\n overflow: hidden;\n position: relative;\n padding: 30px 0;\n background: transparent;\n cursor: grab;\n }\n\n #pm-track-99 {\n display: flex;\n align-items: center;\n gap: var(--pm-gap-99);\n width: max-content;\n will-change: transform;\n padding-left: var(--pm-gap-99);\n }\n\n .pm-card-99 {\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n background: var(--pm-bg-99);\n border-radius: var(--pm-radius-99);\n box-shadow: var(--pm-shadow-99);\n aspect-ratio: 16 \/ 9;\n padding: 20px;\n box-sizing: border-box;\n width: 180px;\n transition: transform 0.3s ease;\n border: 1px solid #f0f0f0;\n }\n\n .pm-logo-img-99 {\n width: 100%;\n height: 100%;\n object-fit: contain;\n filter: grayscale(100%);\n opacity: 0.7;\n transition: all 0.4s ease;\n pointer-events: none; \n }\n\n .pm-card-99:hover .pm-logo-img-99 {\n filter: grayscale(0%);\n opacity: 1;\n }\n\n \/* --- Navigation Arrows --- *\/\n .pm-arrow-99 {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 45px;\n height: 45px;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 50%;\n color: var(--dark-slate);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n box-shadow: var(--shadow-card);\n transition: var(--transition);\n }\n\n .pm-arrow-99:hover {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n }\n\n \/* Swapped left\/right positions for RTL logic visual *\/\n .pm-prev-99 { left: -20px; }\n .pm-next-99 { right: -20px; }\n\n @media (max-width: 768px) {\n .pm-arrow-99 { display: none; } \n .pm-card-99 { width: 140px; }\n }\n\n .pm-skeleton-99 { background: #f3f4f6; position: relative; overflow: hidden; }\n .pm-skeleton-99::after {\n content: \"\"; position: absolute; top: 0; right: 0; bottom: 0; left: 0;\n transform: translateX(-100%);\n background-image: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);\n animation: pmShimmer-99 1.5s infinite;\n }\n @keyframes pmShimmer-99 { 100% { transform: translateX(100%); } }\n <\/style>\n\n <div class=\"pm-outer-wrapper-99\">\n <!-- Icons swapped for Arabic Context (Right is Next in visual flow usually, but slider moves mechanically) -->\n <button class=\"pm-arrow-99 pm-prev-99\" id=\"pmPrev99\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n \n <div id=\"pm-container-99\">\n <div id=\"pm-track-99\">\n <!-- Dynamic Items -->\n <\/div>\n <\/div>\n\n <button class=\"pm-arrow-99 pm-next-99\" id=\"pmNext99\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n <\/div>\n\n <script>\n (function() {\n const CONFIG = {\n api: 'https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/partners?per_page=100&_embed',\n storageKey: 'partners_cache_v4', \n cacheDuration: 15 * 60 * 1000,\n baseSpeed: 0.8 \n };\n\n const track = document.getElementById('pm-track-99');\n const container = document.getElementById('pm-container-99');\n const btnPrev = document.getElementById('pmPrev99');\n const btnNext = document.getElementById('pmNext99');\n\n let scrollX = 0;\n let isPaused = false;\n let logos = [];\n\n async function init() {\n track.innerHTML = Array(8).fill('<div class=\"pm-card-99 pm-skeleton-99\"><\/div>').join('');\n \n try {\n const cached = localStorage.getItem(CONFIG.storageKey);\n if (cached) {\n const parsed = JSON.parse(cached);\n if (Date.now() - parsed.timestamp < CONFIG.cacheDuration) {\n render(parsed.data);\n return;\n }\n }\n\n const res = await fetch(CONFIG.api);\n const data = await res.json();\n localStorage.setItem(CONFIG.storageKey, JSON.stringify({ timestamp: Date.now(), data }));\n render(data);\n } catch (e) {\n track.innerHTML = '<div style=\"padding:20px; color:#888;\">Unable to load partners.<\/div>';\n }\n }\n\n function render(data) {\n const validItems = data.filter(item => item._embedded && item._embedded['wp:featuredmedia']);\n if (validItems.length === 0) return;\n\n const html = validItems.map(item => `\n <div class=\"pm-card-99\">\n <img decoding=\"async\" src=\"${item._embedded['wp:featuredmedia'][0].source_url}\" class=\"pm-logo-img-99\" alt=\"Partner\">\n <\/div>\n `).join('');\n\n track.innerHTML = html + html + html;\n startLoop();\n }\n\n function startLoop() {\n function step() {\n if (!isPaused) {\n scrollX -= CONFIG.baseSpeed;\n const resetPoint = track.scrollWidth \/ 3;\n if (Math.abs(scrollX) >= resetPoint) scrollX = 0;\n track.style.transform = `translateX(${scrollX}px)`;\n }\n requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n }\n\n container.addEventListener('mouseenter', () => isPaused = true);\n container.addEventListener('mouseleave', () => isPaused = false);\n container.addEventListener('touchstart', () => isPaused = true);\n container.addEventListener('touchend', () => isPaused = false);\n\n btnNext.addEventListener('click', () => { scrollX -= 300; });\n btnPrev.addEventListener('click', () => { scrollX += 300; });\n\n init();\n })();\n <\/script>\n <\/div>\n<\/section>\n\n<!-- 7. SCROLL TO TOP -->\n<button class=\"scroll-top\" id=\"scrollTopBtn\" aria-label=\"Scroll to top\">\n <i class=\"fas fa-arrow-up\"><\/i>\n<\/button>\n\n<!-- JAVASCRIPT: UI INTERACTION -->\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n \n \/\/ --- 1. Accordion Logic ---\n const accordions = document.querySelectorAll('.accordion-item');\n\n accordions.forEach(item => {\n const header = item.querySelector('.accordion-header');\n header.addEventListener('click', () => {\n const isOpen = item.classList.contains('active');\n accordions.forEach(acc => {\n acc.classList.remove('active');\n acc.querySelector('.accordion-body').style.maxHeight = null;\n });\n\n if (!isOpen) {\n item.classList.add('active');\n const body = item.querySelector('.accordion-body');\n body.style.maxHeight = body.scrollHeight + \"px\";\n }\n });\n });\n\n const firstAcc = document.querySelector('.accordion-item.active .accordion-body');\n if(firstAcc) {\n firstAcc.style.maxHeight = firstAcc.scrollHeight + \"px\";\n }\n\n \/\/ --- 2. Scroll to Top Logic ---\n const scrollTopBtn = document.getElementById('scrollTopBtn');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 500) {\n scrollTopBtn.classList.add('visible');\n } else {\n scrollTopBtn.classList.remove('visible');\n }\n });\n\n scrollTopBtn.addEventListener('click', () => {\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n \n \/\/ --- 3. Reveal Animation ---\n const revealCallback = (entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('in-view');\n observer.unobserve(entry.target);\n }\n });\n };\n\n const revealObserver = new IntersectionObserver(revealCallback, {\n threshold: 0.15,\n rootMargin: \"0px 0px -50px 0px\"\n });\n\n document.querySelectorAll('.reveal-item, .faq-image, .faq-content').forEach(el => revealObserver.observe(el));\n\n \/\/ --- 4. Number Counter ---\n const runCounter = (el) => {\n const target = +el.getAttribute('data-target');\n const duration = 2000; \n const increment = target \/ (duration \/ 16); \n \n let current = 0;\n const updateCount = () => {\n current += increment;\n if(current < target) {\n el.innerText = Math.ceil(current).toLocaleString() + \"+\";\n requestAnimationFrame(updateCount);\n } else {\n el.innerText = target.toLocaleString() + \"+\";\n }\n };\n updateCount();\n };\n\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if(entry.isIntersecting) {\n const counters = entry.target.querySelectorAll('.counter');\n counters.forEach(counter => runCounter(counter));\n statsObserver.unobserve(entry.target);\n }\n });\n }, { threshold: 0.5 });\n\n const statsSection = document.querySelector('.stats-grid');\n if(statsSection) statsObserver.observe(statsSection);\n });\n<\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":43,"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":348,"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/pages\/2\/revisions\/348"}],"wp:attachment":[{"href":"https:\/\/silverstaregy.com\/ar\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}