/*
	Book a Demo page

	What-to-expect on the left, the qualifying form on the right. The form and numbered-step
	primitives live in the theme stylesheet, shared with the contact and detail pages.
*/

.dp-demo-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 56px;
	align-items: flex-start;
}


.dp-demo-aside {
	flex: 1 1 340px;
	min-width: 0;
}


.dp-demo-form-wrap {
	flex: 1 1 480px;
	min-width: 0;
	padding: 34px 36px;
	border: 1px solid var(--dp-line);
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 10px 34px rgba(20, 23, 27, 0.05);
	scroll-margin-top: 80px;
}


.dp-demo-expect-title {
	margin: 0 0 24px 0;
	font-size: clamp(22px, 2.6vw, 28px);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--dp-ink);
}


.dp-demo-steps {
	margin-bottom: 28px;
}


.dp-demo-reassure {
	padding-top: 22px;
	border-top: 1px solid var(--dp-line);
}


@media (max-width: 767px) {

	.dp-demo-form-wrap {
		padding: 26px 22px;
	}
}