#enquiryForm {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-inline-start: 15%;
	padding-inline-end: 15%;
	margin-block-start: 30px;
}

#enquiryForm > :is(p, h2) {
	text-align: center;
}

#enquiryForm {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 30px;
	width: 100%;
}

#enquiryForm strong {
	display: block;
	margin-block-end: 16px;
}

#enquiryForm label{
	display: block;
	margin-block-end: .5rem;
}

#enquiryForm input {
	margin-block-end: 16px;
}

#enquiryForm div:nth-of-type(2) {
	position: relative;
}

#enquiryForm div:nth-of-type(2)::after {
	content: '';
	background-image: url('../images/red-snowflake.svg');
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	inset-block-end: 8%;
	inset-inline-end: 8%;
	block-size: 150px;
	inline-size: 150px;
	max-block-size: 150px;
}

#enquiryForm :is(input, textarea) {
	inline-size: 100%;
	block-size: calc(1.5em + .75rem + 2px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	padding: .375rem .75rem;
}

#enquiryForm textarea {
	block-size: auto;
	font-family: inherit;
}

#enquiryForm :is(h2, p, button[type="submit"]) {
	grid-column: span 2;
}

#enquiryForm p {
	font-size: 1rem;
	text-align: center;
	font-weight: 400;
	margin-block-start: 10px;
	margin-block-end: 1.2rem;
}

#enquiryForm button[type="submit"] {
	inline-size: 100%;
	color: var(--redwood-secondary-color);
	background-color: var(--redwood-primary-color);
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	border-radius: .25rem;
	margin-block-end: 10%;
	appearance: none;
	border: 0;
	cursor: pointer;
	transition: background-color .15s ease-in-out;
	padding-block-start: .45rem;
	padding-block-end: .45rem;
}

#enquiryForm button[type="submit"]:not([disabled]):hover {
	background-color: hsl(from var(--redwood-primary-color) h s calc(l + 20));
}

json-form > .noscript-warning {
	text-align: center;
	margin-block-end: 3rem;
}

#enquiryForm button[type=submit][disabled] {
  background-color: #ccc;
  color: #000;
  cursor: not-allowed;
}

@media (max-width: 950px) {
	#enquiryForm {
		padding-inline-start: 7%;
		padding-inline-end: 7%;
	}
	#enquiryForm div{
		grid-column: 1 / 3;
	}
}