/* Map background: same layer twice, multiplied, so the faint lines read clearly. */
.form-section.no-full-width {
	background:
		right bottom / auto 100% no-repeat url("../../assets/images/bg-pattern-white-2.jpg"),
		right bottom / auto 100% no-repeat url("../../assets/images/bg-pattern-white-2.jpg");
	background-color: #fff;
	background-blend-mode: multiply;
}
.form-section.no-full-width .box {
	background: right bottom / 47% no-repeat url("../../assets/images/bg-form-1.jpg") var(--brand-dark-blue);
}

@media all and (min-width: 768px) {
	.form-section.no-full-width .box {
		margin-top: calc((((100vw - 3rem)*2/3)/-0.95) + 4rem);
	}
}
@media all and (min-width: 1024px) {
	.form-section.no-full-width .box {
		margin-top: calc((((100vw - 3rem)*1/2)/-0.95) + 4rem);
	}
}
@media all and (min-width: 1280px) {
	.form-section.no-full-width .box {
		margin-top: calc((-600px/0.95) + 4rem);
	}
}