مشاوره رساله چگونه انجام می‌شود در کارآفرینی

/* این بخش CSS برای تضمین نمایش صحیح و ریسپانسیو در مرورگر است.
ویرایشگرهای بلوک ممکن است برخی از این استایل‌ها را به صورت inline حفظ کنند،
اما برای بهترین نتیجه، می‌توانید این کد را در بخش سفارشی‌سازی CSS سایت خود نیز قرار دهید. */

@import url(‘https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css’);

body {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, ‘Tahoma’, sans-serif;
direction: rtl;
text-align: right;
line-height: 1.8;
color: #333333;
margin: 0;
padding: 0;
background-color: #f0f2f5; /* Light background for the whole page */
}

/* Base styles for content container */
div[style*=”max-width: 900px”] {
max-width: 900px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Headings (already inline, but for general safety) */
div[style*=”font-size: 2.5em”] { /* H1 */
font-size: 2.5em;
font-weight: bold;
color: #1a2a47;
text-align: center;
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 3px solid #e0e7ee;
}

div[style*=”font-size: 1.8em”] { /* H2 */
font-size: 1.8em;
font-weight: bold;
color: #2c4a75;
border-bottom: 2px solid #e0e7ee;
padding-bottom: 10px;
margin-top: 40px;
margin-bottom: 20px;
}

div[style*=”font-size: 1.3em”] { /* H3 */
font-size: 1.3em;
font-weight: bold;
color: #3d6a9f;
margin-top: 25px;
margin-bottom: 15px;
}

/* Paragraphs */
p {
margin-bottom: 20px;
font-size: 1.05em;
}

/* Lists */
ul {
margin-right: 20px;
margin-bottom: 20px;
padding-right: 0;
}

li {
margin-bottom: 10px;
font-size: 1em;
}

/* Table */
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
border-radius: 8px;
overflow: hidden; /* Ensures rounded corners on borders */
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

thead th {
background-color: #f0f7ff;
padding: 15px;
border: 1px solid #e0e7ee;
text-align: right;
font-size: 1.1em;
color: #2c4a75;
}

tbody td {
padding: 15px;
border: 1px solid #e0e7ee;
vertical-align: top;
font-size: 1em;
color: #555;
}

/* Infographic Alternative (Flowchart) */
div[style*=”background-color: #f9fbff”] { /* Main infographic container */
background-color: #f9fbff;
padding: 30px;
border-radius: 10px;
border: 1px dashed #a7c9ed;
margin-top: 20px;
margin-bottom: 30px;
display: flex;
flex-direction: column;
align-items: center;
}

div[style*=”flex: 1 1 200px”] { /* Each step box */
flex: 1 1 200px; /* Allows flexibility for responsiveness */
margin: 10px;
padding: 20px;
background-color: #e0f2f7; /* Light blue variations */
border-radius: 8px;
border: 1px solid #a7c9ed;
text-align: center;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
transition: transform 0.2s ease-in-out;
}

div[style*=”flex: 1 1 200px”]:hover {
transform: translateY(-5px);
}

/* Responsive Adjustments for smaller screens */
@media (max-width: 768px) {
div[style*=”max-width: 900px”] {
padding: 15px;
border-radius: 8px;
}

div[style*=”font-size: 2.5em”] { /* H1 */
font-size: 2em;
margin-bottom: 20px;
padding-bottom: 10px;
}

div[style*=”font-size: 1.8em”] { /* H2 */
font-size: 1.5em;
margin-top: 30px;
margin-bottom: 15px;
}

div[style*=”font-size: 1.3em”] { /* H3 */
font-size: 1.15em;
margin-top: 20px;
margin-bottom: 10px;
}

p, li, tbody td {
font-size: 0.95em;
}

thead th {
font-size: 1em;
padding: 10px;
}

table, thead, tbody, th, td, tr {
display: block;
width: 100%;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
tr { border: 1px solid #e0e7ee; margin-bottom: 10px; display: block; }
td {
border: none;
border-bottom: 1px solid #e0e7ee;
position: relative;
padding-left: 50%;
text-align: right;
}
td::before {
content: attr(data-label);
position: absolute;
right: 15px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: bold;
color: #2c4a75;
}
/* Specific labels for table cells on small screens */
td:nth-of-type(1):before { content: “چالش رایج:”; }
td:nth-of-type(2):before { content: “راهکار مؤثر:”; }

div[style*=”flex-direction: column”] { /* Infographic container */
padding: 20px;
}

div[style*=”display: flex; flex-wrap: wrap”] { /* Infographic steps wrapper */
flex-direction: column; /* Stack steps vertically on small screens */
align-items: center;
}

div[style*=”flex: 1 1 200px”] { /* Infographic individual step */
width: 90%; /* Take more width */
margin: 10px 0; /* Adjust margin */
}

div[style*=”font-size: 2em; color: #8db4dd”] { /* Arrows */
display: none; /* Hide horizontal arrows */
}

div[style*=”margin: 0 10px; display: flex; align-items: center; justify-content: center;”]::after {
content: ‘↓’;
display: block;
font-size: 2em;
color: #8db4dd;
margin: 10px 0;
}
/* Hide the last arrow */
div[style*=”flex: 1 1 200px”]:last-of-type + div[style*=”margin: 0 10px”]::after {
content: none;
}

}

@media (max-width: 480px) {
div[style*=”font-size: 2.5em”] { /* H1 */
font-size: 1.8em;
}
div[style*=”font-size: 1.8em”] { /* H2 */
font-size: 1.3em;
}
div[style*=”font-size: 1.3em”] { /* H3 */
font-size: 1.05em;
}
p, li, tbody td {
font-size: 0.9em;
}
thead th {
font-size: 0.95em;
}
}