body { font-family: ‘Arial’, sans-serif; line-height: 1.7; color: #333; } .container { max-width: 800px; margin: 0 auto; padding: 20px; } h1, h2, h3 { color: #004d99; margin-top: 30px; } h1 { font-size: 2.2em; border-bottom: 3px solid #f0f0f0; padding-bottom: 10px; } h2 { font-size: 1.8em; } h3 { font-size: 1.4em; color: #007bff; } .job-table { width: 100%; border-collapse: collapse; margin-bottom: 25px; } .job-table th, .job-table td { border: 1px solid #ddd; padding: 12px; text-align: right; } .job-table th { background-color: #f2f2f2; color: #333; font-weight: bold; } .content-table { border: 2px solid #007bff; padding: 15px; margin-bottom: 30px; background-color: #f9fcff; border-radius: 8px; } .content-table h2 { margin-top: 0; color: #007bff; border-bottom: 1px dashed #007bff; padding-bottom: 10px; } .content-table ul { list-style: none; padding: 0; } .content-table ul li { margin-bottom: 10px; } .content-table ul li a { color: #333; text-decoration: none; font-weight: 500; transition: color 0.3s; } .content-table ul li a:hover { color: #cc0000; text-decoration: underline; } .details-section { padding-top: 70px; margin-top: -50px; } /* لتعويض شريط التنقل الثابت إن وجد */ .apply-button-container { text-align: center; margin: 40px 0; } .job-card { background: #fff; border: 1px solid #ddd; border-radius: 12px; padding: 25px; margin-bottom: 30px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); }