“`html

/* Styling for the entire article to ensure a cohesive look and responsiveness */
body {
font-family: ‘B Nazanin’, ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; /* A professional Persian font and fallbacks */
direction: rtl; /* Right-to-left for Persian content */
text-align: right;
margin: 0;
padding: 0;
background-color: #F8F9FA; /* Light background for readability */
color: #333; /* Dark gray for main text */
line-height: 1.8; /* Good line spacing for readability */
}
.article-container {
max-width: 900px; /* Max width for large screens */
margin: 40px auto; /* Centering the content */
padding: 20px;
background-color: #FFFFFF; /* White background for the content area */
border-radius: 12px; /* Slightly rounded corners */
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); /* Soft shadow for depth */
}

/* Headings Styling */
h1 {
font-size: 2.6em; /* Larger for H1 */
font-weight: 800; /* Extra bold */
color: #004D40; /* Deep Teal – Primary color */
text-align: center;
margin-bottom: 40px;
padding-bottom: 15px;
border-bottom: 3px solid #E0F2F1; /* Light border under H1 */
line-height: 1.3;
}
h2 {
font-size: 2.1em; /* Substantial for H2 */
font-weight: 700; /* Bold */
color: #00796B; /* Strong Teal – Secondary color */
margin-top: 50px;
margin-bottom: 25px;
padding-right: 15px;
border-right: 5px solid #4DB6AC; /* Accent border on the right for H2 */
line-height: 1.4;
}
h3 {
font-size: 1.6em; /* Clear for H3 */
font-weight: 600; /* Semi-bold */
color: #00897B; /* Medium Teal – Tertiary color */
margin-top: 35px;
margin-bottom: 18px;
padding-right: 10px;
border-right: 3px solid #80CBC4; /* Lighter accent border for H3 */
}

/* Paragraphs and Text Elements */
p {
font-size: 1.15em; /* Comfortable reading size */
margin-bottom: 1.5em;
text-align: justify; /* Justified text for a clean look */
line-height: 1.9;
color: #3A3A3A;
}
strong {
color: #004D40; /* Emphasize important text with deep teal */
}
ul {
list-style: none; /* Remove default bullet points */
padding: 0;
margin: 0 0 1.5em 0;
}
ul li {
position: relative;
padding-right: 30px; /* Space for custom bullet */
margin-bottom: 0.8em;
font-size: 1.1em;
color: #4A4A4A;
}
ul li::before {
content: ‘✅’; /* Custom bullet point emoji */
position: absolute;
right: 0;
top: 0;
color: #26A69A; /* Green accent for the checkmark */
font-size: 1.1em;
}

/* Table Styling */
table {
width: 100%;
border-collapse: collapse;
margin: 30px 0;
font-size: 1.05em;
text-align: right;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners apply to content */
}
th, td {
padding: 15px 20px;
border: 1px solid #E0F2F1; /* Light border for cells */
}
th {
background-color: #00796B; /* Strong Teal for table headers */
color: white;
font-weight: 700;
text-align: center;
}
tr:nth-child(even) {
background-color: #F0FDFD; /* Light alternate row color */
}
tr:hover {
background-color: #E8F8F7; /* Hover effect for rows */
}

/* Infographic Substitute Styling */
.infographic-block {
background-color: #E0F2F1; /* Light teal background */
border-radius: 15px;
padding: 30px;
margin: 40px 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
text-align: center;
overflow: hidden; /* For inner elements */
position: relative;
}
.infographic-title {
font-size: 1.8em;
font-weight: 700;
color: #004D40;
margin-bottom: 25px;
text-align: center;
}
.infographic-step {
display: flex;
align-items: center;
justify-content: flex-end; /* Align right for RTL */
margin-bottom: 20px;
background-color: #FFFFFF;
padding: 15px 20px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease-in-out;
}
.infographic-step:last-child {
margin-bottom: 0;
}
.infographic-step:hover {
transform: translateY(-3px);
}
.infographic-step-icon {
font-size: 2.2em;
margin-left: 15px; /* Space between icon and text for RTL */
color: #26A69A;
}
.infographic-step-text {
font-size: 1.2em;
font-weight: 600;
color: #00796B;
flex-grow: 1; /* Allow text to take available space */
text-align: right;
}
.infographic-arrow {
font-size: 2.5em;
color: #4DB6AC;
margin: 15px auto;
display: block;
text-align: center;
}
.infographic-flow {
position: relative;
}
.infographic-flow .infographic-step:not(:last-child) {
margin-bottom: 10px; /* Adjust spacing between steps */
}
.infographic-flow .infographic-step + .infographic-step::before {
content: ‘⬇️’; /* Down arrow for flow */
position: absolute;
right: 50%;
transform: translateX(50%) translateY(-25px); /* Center arrow between blocks */
font-size: 1.8em;
color: #4DB6AC;
z-index: 1;
display: none; /* Hide default arrow, show custom below */
}

/* Custom visual separator for infographic flow */
.infographic-flow-separator {
width: 4px;
height: 40px; /* Height of the arrow */
background-color: #B2DFDB;
margin: 10px auto;
border-radius: 2px;
position: relative;
}
.infographic-flow-separator::after {
content: ”;
position: absolute;
bottom: -8px;
left: -8px; /* Adjust to center the triangle */
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #B2DFDB;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.article-container {
margin: 20px auto;
padding: 15px;
border-radius: 8px;
}
h1 {
font-size: 2em;
margin-bottom: 25px;
}
h2 {
font-size: 1.7em;
margin-top: 40px;
margin-bottom: 20px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
margin-bottom: 12px;
}
p {
font-size: 1em;
line-height: 1.7;
}
ul li {
font-size: 1em;
padding-right: 25px;
}
.infographic-title {
font-size: 1.5em;
}
.infographic-step {
flex-direction: row-reverse; /* Icons on left, text on right for smaller screens if preferred */
justify-content: flex-start;
padding: 12px 15px;
}
.infographic-step-icon {
margin-right: 15px;
margin-left: 0;
font-size: 1.8em;
}
.infographic-step-text {
font-size: 1.1em;
text-align: left; /* Adjust text alignment for reverse flex direction */
}
th, td {
padding: 10px 12px;
font-size: 0.95em;
}
}

@media (max-width: 480px) {
.article-container {
margin: 10px auto;
padding: 10px;
}
h1 {
font-size: 1.8em;
margin-bottom: 20px;
padding-bottom: 10px;
}
h2 {
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
}
h3 {
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 10px;
}
p, ul li, .infographic-step-text, th, td {
font-size: 0.9em;
}
.infographic-title {
font-size: 1.3em;
}
.infographic-step-icon {
font-size: 1.6em;
}
.infographic-flow-separator {
height: 30px;
margin: 8px auto;
}
}

“`

در دنیای امروز که سرعت تغییرات بی‌سابقه است، حوزه آموزش و بهسازی منابع انسانی نیز از این قاعده مستثنی نیست. ما در [نام موسسه – که در عنوان و متن اصلی مشخص شده است] با درک عمیق از تحولات نوین، رویکردهای خود را دائماً به‌روز می‌کنیم. از به‌کارگیری هوش مصنوعی و تحلیل داده‌های کلان در پژوهش‌های منابع انسانی گرفته تا تمرکز بر مهارت‌های نرم مورد نیاز آینده شغلی و چگونگی مدیریت تحولات دیجیتال در سازمان‌ها، هدف ما فراتر از صرفاً نگارش یک پایان‌نامه است. ما دانش‌پژوهان را برای تبدیل شدن به رهبران نوآور و استراتژیک در عرصه منابع انسانی آماده می‌کنیم که نه تنها تئوری را می‌دانند، بلکه قادر به پیاده‌سازی عملی آن در چالش‌های واقعی دنیای کار هستند. با همراهی تیمی از متخصصان پیشرو و متعهد به یادگیری مداوم، اطمینان داریم که مسیر پژوهشی شما در اینجا، پلی به سوی آینده‌ای موفق‌تر و تأثیرگذارتر خواهد بود.