/* ==========================================================================
   Service page (templates/page-ypiresia.php)
   Hero (.be_phero, main.css) → split → tasks → price factors → FAQ → CTA.
   ========================================================================== */

/* Indicative tasks: two-column check list next to a photo */
.be_tasks-layout {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	align-items: center;
	gap: 56px;
}

.be_tasks-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	list-style: none;
}

.be_tasks-list li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 20px;
	border-radius: var(--be-radius-sm);
	background: var(--be-color-white);
	box-shadow: var(--be-shadow-sm);
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
}

.be_tasks-check {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--be-color-green);
	color: var(--be-color-navy);
}

.be_tasks-check .be_icon {
	width: 16px;
	height: 16px;
	stroke-width: 3;
}

@media (max-width: 1200px) {
	.be_tasks-layout {
		grid-template-columns: 1fr;
	}

	.be_tasks-media {
		order: -1;
	}

	.be_tasks-media img {
		aspect-ratio: 16 / 9;
	}
}

@media (max-width: 600px) {
	.be_tasks-list {
		grid-template-columns: 1fr;
		gap: 10px;
	}
}