/* ===== Topic Palette: Saudi Arabia / Gov ===== */ .saudi-cv-page { –viz-primary: #1d9c73; –viz-accent: #c9a227; –viz-dark: #0d3b66; –viz-primary-rgb: 29, 156, 115; –viz-accent-rgb: 201, 162, 39; –viz-primary-light: rgba(29, 156, 115, 0.1); –viz-accent-light: rgba(201, 162, 39, 0.1); }/* ===== Component: Horizontal Process Flow ===== */ .viz-flow { display: flex; align-items: flex-start; justify-content: center; gap: 0; margin: 2.5rem 0; padding: 2rem 1rem; direction: ltr; } @media (max-width: 768px) { .viz-flow { flex-direction: column; align-items: center; } } .viz-flow__step { display: flex; flex-direction: column; align-items: center; text-align: center; flex: 1; max-width: 180px; position: relative; } .viz-flow__circle { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(–viz-primary), var(–viz-accent)); color: white; font-size: 1.5rem; font-weight: 800; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 14px rgba(var(–viz-primary-rgb), 0.3); position: relative; z-index: 2; } .viz-flow__title { font-weight: 700; color: var(–viz-dark); margin-top: 1rem; font-size: 0.9rem; } .viz-flow__desc { color: #64748b; font-size: 0.8rem; line-height: 1.5; margin-top: 0.5rem; } .viz-flow__connector { flex: 0 0 50px; display: flex; align-items: center; justify-content: center; padding-top: 20px; } @media (max-width: 768px) { .viz-flow__connector { transform: rotate(90deg); flex: 0 0 40px; padding-top: 0; } } .viz-flow__connector svg { width: 50px; height: 20px; }/* ===== Component: Decision Tree ===== */ .viz-tree { text-align: center; margin: 2.5rem 0; padding: 2rem; } .viz-tree__root { display: inline-block; background: var(–viz-dark); color: white; padding: 1rem 2rem; border-radius: 12px; font-weight: 700; font-size: 1.05rem; margin-bottom: 0; } .viz-tree__connector { display: flex; justify-content: center; margin: 0; } .viz-tree__connector svg { width: 100%; max-width: 500px; height: 50px; } .viz-tree__branches { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; } .viz-tree__branch { flex: 1; min-width: 160px; max-width: 220px; background: white; border: 2px solid rgba(var(–viz-primary-rgb), 0.2); border-radius: 16px; padding: 1.5rem; text-align: center; transition: all 0.3s ease; } .viz-tree__branch:hover { border-color: var(–viz-primary); box-shadow: 0 8px 30px rgba(var(–viz-primary-rgb), 0.15); transform: translateY(-4px); } .viz-tree__branch-label { display: inline-block; background: linear-gradient(135deg, var(–viz-primary), var(–viz-accent)); color: white; padding: 0.25rem 0.75rem; border-radius: 50px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.75rem; } .viz-tree__branch-title { font-weight: 700; color: var(–viz-dark); font-size: 1rem; margin-bottom: 0.5rem; } .viz-tree__branch-desc { font-size: 0.82rem; color: #64748b; line-height: 1.5; }/* ===== Component: Progress Bars ===== */ .viz-progress { margin: 1.5rem 0; } .viz-progress__item { margin: 1rem 0; } .viz-progress__header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; } .viz-progress__label { font-weight: 600; color: var(–viz-dark); font-size: 0.95rem; } .viz-progress__value { font-weight: 700; color: var(–viz-primary); font-size: 1rem; } .viz-progress__track { width: 100%; height: 28px; background: rgba(var(–viz-primary-rgb), 0.08); border-radius: 14px; overflow: hidden; } .viz-progress__fill { height: 100%; background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent)); border-radius: 14px; transition: width 1s ease; min-width: 2rem; }/* ===== Component: Before/After Split ===== */ .viz-split { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-radius: 20px; overflow: hidden; margin: 2rem 0; box-shadow: 0 4px 24px rgba(0,0,0,0.08); } @media (max-width: 768px) { .viz-split { grid-template-columns: 1fr; } } .viz-split__before { background: #fef2f2; padding: 2rem; border-left: 3px solid #e5e7eb; } .viz-split__after { background: rgba(var(–viz-primary-rgb), 0.04); padding: 2rem; } @media (max-width: 768px) { .viz-split__before { border-left: none; border-bottom: 3px solid #e5e7eb; } } .viz-split__label { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 50px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; } .viz-split__label–before { background: #fee2e2; color: #dc2626; } .viz-split__label–after { background: rgba(var(–viz-primary-rgb), 0.15); color: var(–viz-primary); } .viz-split__title { font-size: 1.125rem; font-weight: 700; margin-bottom: 1rem; } .viz-split__before .viz-split__title { color: #991b1b; } .viz-split__after .viz-split__title { color: var(–viz-dark); } .viz-split__list { list-style: none; padding: 0; margin: 0; } .viz-split__list li { padding: 0.5rem 0; padding-right: 1.5rem; position: relative; font-size: 0.9rem; line-height: 1.5; } .viz-split__before .viz-split__list li::before { content: ‘✗’; position: absolute; right: 0; color: #dc2626; font-weight: 700; } .viz-split__after .viz-split__list li::before { content: ‘✓’; position: absolute; right: 0; color: var(–viz-primary); font-weight: 700; }/* ===== Component: Circular Progress Rings ===== */ .viz-rings { display: flex; justify-content: center; gap: 3rem; flex-wrap: wrap; margin: 2rem 0; } .viz-ring { text-align: center; } .viz-ring__svg { width: 140px; height: 140px; transform: rotate(-90deg); } .viz-ring__track { fill: none; stroke: rgba(var(–viz-primary-rgb), 0.12); stroke-width: 8; } .viz-ring__fill { fill: none; stroke: url(#viz-ring-gradient-sc); stroke-width: 8; stroke-linecap: round; transition: stroke-dashoffset 1s ease; } .viz-ring__value { font-size: 2rem; font-weight: 800; color: var(–viz-dark); margin-top: -90px; position: relative; } .viz-ring__label { font-size: 0.875rem; color: #64748b; margin-top: 0.5rem; }/* ===== Component: Comparison Bar Chart ===== */ .viz-compare { background: linear-gradient(135deg, #f8fafc 0%, rgba(var(–viz-primary-rgb), 0.05) 100%); border-radius: 20px; padding: 2.5rem; margin: 2rem 0; } .viz-compare__title { font-size: 1.25rem; font-weight: 700; color: var(–viz-dark); margin-bottom: 2rem; text-align: center; } .viz-compare__row { display: flex; align-items: center; margin: 1rem 0; gap: 1rem; } .viz-compare__label { width: 160px; flex-shrink: 0; font-weight: 600; color: var(–viz-dark); font-size: 0.9rem; text-align: right; } .viz-compare__track { flex: 1; height: 36px; background: #e5e7eb; border-radius: 18px; overflow: hidden; } .viz-compare__fill { height: 100%; border-radius: 18px; display: flex; align-items: center; padding: 0 1rem; color: white; font-weight: 700; font-size: 0.85rem; } .viz-compare__fill–primary { background: linear-gradient(90deg, var(–viz-primary), var(–viz-accent)); } .viz-compare__fill–muted { background: #94a3b8; } @media (max-width: 600px) { .viz-compare__row { flex-direction: column; align-items: flex-start; } .viz-compare__label { width: 100%; } }/* ===== Component: Vertical Timeline ===== */ .viz-timeline { position: relative; max-width: 700px; margin: 2.5rem auto; padding-right: 40px; } .viz-timeline::before { content: ”; position: absolute; right: 15px; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(–viz-primary), var(–viz-accent)); border-radius: 2px; } .viz-timeline__item { position: relative; margin-bottom: 2rem; padding-right: 2rem; } .viz-timeline__dot { position: absolute; right: -32px; top: 4px; width: 20px; height: 20px; border-radius: 50%; background: white; border: 3px solid var(–viz-primary); z-index: 2; } .viz-timeline__item:last-child .viz-timeline__dot { border-color: var(–viz-accent); } .viz-timeline__title { font-weight: 700; color: var(–viz-dark); font-size: 1.05rem; margin-bottom: 0.25rem; } .viz-timeline__meta { font-size: 0.8rem; color: var(–viz-primary); font-weight: 600; margin-bottom: 0.5rem; } .viz-timeline__desc { color: #475569; font-size: 0.9rem; line-height: 1.6; }/* ===== Inline CTAs ===== */ .scv-inline-cta { margin: 2.5rem 0; border-radius: 16px; padding: 2rem 2.5rem; direction: rtl; text-align: center; overflow: hidden; } .scv-inline-cta__title { font-size: 1.35rem; font-weight: 700; margin: 0 0 0.75rem; line-height: 1.5; } .scv-inline-cta__desc { font-size: 0.95rem; margin: 0 0 1.25rem; line-height: 1.8; opacity: 0.92; } .scv-inline-cta__btn { display: inline-block; padding: 14px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: transform 0.2s, box-shadow 0.2s; } .scv-inline-cta__btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); } .scv-inline-cta__note { font-size: 0.8rem; margin-top: 0.75rem; opacity: 0.75; } .scv-inline-cta–gradient { background: linear-gradient(135deg, #1d9c73 0%, #4a8c60 50%, #c9a227 100%); color: #fff; } .scv-inline-cta–gradient .scv-inline-cta__btn { background: #fff; color: #1d9c73; } .scv-inline-cta–green { background: #1d9c73; color: #fff; } .scv-inline-cta–green .scv-inline-cta__btn { background: #fff; color: #1d9c73; } .scv-inline-cta–light { background: #f0faf5; border: 2px solid #1d9c73; color: #0d3b66; } .scv-inline-cta–light .scv-inline-cta__btn { background: #1d9c73; color: #fff; } .scv-inline-cta–gold { background: linear-gradient(135deg, #c9a227 0%, #a07d1c 100%); color: #fff; } .scv-inline-cta–gold .scv-inline-cta__btn { background: #fff; color: #c9a227; } .scv-inline-cta–navy { background: #0d3b66; color: #fff; } .scv-inline-cta–navy .scv-inline-cta__btn { background: #c9a227; color: #fff; } .scv-inline-cta–stats { background: #f8fafc; border: 2px solid #e2e8f0; color: #0d3b66; } .scv-inline-cta–stats .scv-inline-cta__stats { display: flex; justify-content: center; gap: 2rem; margin-bottom: 1.25rem; flex-wrap: wrap; } .scv-inline-cta–stats .scv-inline-cta__stat { text-align: center; } .scv-inline-cta–stats .scv-inline-cta__stat-number { font-size: 2rem; font-weight: 800; color: #1d9c73; display: block; line-height: 1.2; } .scv-inline-cta–stats .scv-inline-cta__stat-label { font-size: 0.8rem; color: #64748b; } .scv-inline-cta–stats .scv-inline-cta__btn { background: linear-gradient(135deg, #1d9c73, #c9a227); color: #fff; } @media (max-width: 768px) { .scv-inline-cta { padding: 1.5rem 1.25rem; } .scv-inline-cta__title { font-size: 1.15rem; } }{ “@context”: “https://schema.org”, “@type”: “WebPage”, “name”: “كيفية كتابة سيرة ذاتية للسعوديين 2026 | دليل شامل خطوة بخطوة”, “description”: “دليل شامل لكتابة سيرة ذاتية احترافية للسعوديين 2026: التنسيق المناسب، أقسام السيرة الذاتية، توافق ATS، تخصيص حسب القطاع، ونصائح الخبراء.”, “url”: “https://stylingcv.com/ar/%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%b9%d9%86-%d8%b9%d9%85%d9%84-%d8%af%d9%84%d9%8a%d9%84-%d8%b4%d8%a7%d9%85%d9%84/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b3%d9%8a%d8%b1%d8%a9-%d8%b0%d8%a7%d8%aa%d9%8a%d8%a9-%d9%84%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a%d9%8a%d9%86/”, “inLanguage”: “ar”, “dateModified”: “2026-02-05”, “publisher”: { “@type”: “Organization”, “name”: “StylingCV”, “url”: “https://stylingcv.com” } }{ “@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [ {“@type”: “ListItem”, “position”: 1, “name”: “الرئيسية”, “item”: “https://stylingcv.com/ar/”}, {“@type”: “ListItem”, “position”: 2, “name”: “البحث عن عمل”, “item”: “https://stylingcv.com/ar/%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%b9%d9%86-%d8%b9%d9%85%d9%84-%d8%af%d9%84%d9%8a%d9%84-%d8%b4%d8%a7%d9%85%d9%84/”}, {“@type”: “ListItem”, “position”: 3, “name”: “كيفية كتابة سيرة ذاتية للسعوديين”, “item”: “https://stylingcv.com/ar/%d8%a7%d9%84%d8%a8%d8%ad%d8%ab-%d8%b9%d9%86-%d8%b9%d9%85%d9%84-%d8%af%d9%84%d9%8a%d9%84-%d8%b4%d8%a7%d9%85%d9%84/%d9%83%d9%8a%d9%81%d9%8a%d8%a9-%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%b3%d9%8a%d8%b1%d8%a9-%d8%b0%d8%a7%d8%aa%d9%8a%d8%a9-%d9%84%d9%84%d8%b3%d8%b9%d9%88%d8%af%d9%8a%d9%8a%d9%86/”} ] }{ “@context”: “https://schema.org”, “@type”: “FAQPage”, “mainEntity”: [ {“@type”: “Question”, “name”: “كم صفحة يجب أن تكون السيرة الذاتية السعودية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “صفحة واحدة للخريجين الجدد وذوي خبرة أقل من 5 سنوات. صفحتان كحد أقصى لذوي الخبرة الطويلة (+10 سنوات). لا تتجاوز صفحتين أبداً.”}}, {“@type”: “Question”, “name”: “هل أكتب السيرة الذاتية بالعربي أم الإنجليزي؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “جهّز نسختين: عربية وإنجليزية. القطاع الحكومي يفضل العربية، الشركات المتعددة الجنسيات تطلب الإنجليزية.”}}, {“@type”: “Question”, “name”: “هل أضع صورتي الشخصية في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “في السعودية، إدراج الصورة شائع ومقبول في معظم القطاعات. استخدم صورة رسمية بخلفية بيضاء وملابس مهنية.”}}, {“@type”: “Question”, “name”: “ما هو أفضل تنسيق للسيرة الذاتية في السعودية 2026؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “التنسيق المختلط (Combination) هو الأفضل لمعظم السعوديين. يجمع بين إبراز المهارات والتسلسل الزمني. 70% من مسؤولي التوظيف يفضلونه.”}}, {“@type”: “Question”, “name”: “كيف أكتب ملخصاً مهنياً قوياً؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “في 3-4 أسطر: تخصصك، سنوات خبرتك، أبرز إنجاز بالأرقام، والقيمة التي ستقدمها للشركة.”}}, {“@type”: “Question”, “name”: “هل أذكر الراتب المتوقع في السيرة الذاتية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “لا تذكر الراتب المتوقع إلا إذا طُلب صراحة. اترك التفاوض لمرحلة المقابلة الشخصية.”}}, {“@type”: “Question”, “name”: “كيف أجعل سيرتي متوافقة مع ATS؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “عمود واحد بسيط، خطوط قياسية، عناوين واضحة، كلمات مفتاحية من إعلان الوظيفة. تجنب الجداول والرسومات. احفظ PDF.”}}, {“@type”: “Question”, “name”: “هل أحتاج سيرة ذاتية مختلفة لكل وظيفة؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “نعم، عدّل الملخص المهني والكلمات المفتاحية لكل وظيفة. هذا يرفع فرصك بنسبة 40%.”}}, {“@type”: “Question”, “name”: “ما يميز السيرة الذاتية السعودية؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “ثنائية اللغة، إمكانية إدراج الصورة، مراعاة السعودة ونطاقات، إبراز مهارات رؤية 2030، والشهادات المهنية المعتمدة.”}}, {“@type”: “Question”, “name”: “ما أفضل أداة مجانية لإنشاء سيرة ذاتية للسعوديين؟”, “acceptedAnswer”: {“@type”: “Answer”, “text”: “StylingCV: قوالب عربية احترافية، توافق 95%+ مع ATS، اقتراحات بالذكاء الاصطناعي، نسختين عربي/إنجليزي. أكثر من 6 مليون مستخدم.”}} ] }