/* Section Styles */
.section-header {
	color: #fff;
	left: 58px;
	bottom: 142px;
}

.section-header h2 {
	font-size: 6rem;
	font-weight: 700;
}

.section-header p {
	font-weight: 500;
	margin-bottom: -2rem;
}

/* hero Styles */
.hero-images {
	background-image: linear-gradient(90deg, #035cd0, #03b2d0 50%, #b6f4ff);
	height: 515px;
}

/* form Styles */
#form {
	padding: 128px 0;
}

.form-text {
	padding-bottom: 6rem;
}

.form_block {
	display: flex;
	gap: 6rem;
	padding: 28px 0;
}

.form_label {
	width: 220px;
}

.form_radio-wrapper {
	display: flex;
	gap: 3rem;
}

input.form_field,
textarea.form_field {
	border: solid 1px #CCCCCC;
	padding: .25rem;
	width: 60%;
	background-color: #fff;
}

textarea.form_field {
	height: 250px;
}

button.BtnContact {
	margin: auto;
	display: block;
	padding: 1rem 0;
	width: min(320px, 90%);
	text-align: center;
	border: 1px solid var(--accent-color);
	background-color: var(--accent-color);
	color: #fff;
	border-radius: 32px;
}

button.BtnContact:hover {
	background-color: #fff;
	color: var(--accent-color);
}

span.form-required {
	background-color: rgb(168 0 0 / 80%);
	color: #FFFFFF;
	font-size: 14px;
	padding: 3px 10px;
	margin-left: .5rem;
	border-radius: 5px;
}

.privacy {
	background-color: #fff;
	padding: 56px 73px;
	border: 1px solid #CCCCCC;
	margin-bottom: 52px;
	overflow-y: scroll;
	height: 300px;
	font-size: 18px;
}

.privacy .title {
	text-align: center;
	margin-bottom: 2rem;
	font-size: 40px;
	font-weight: bold;
}

.privacy>ol>li {
	margin-bottom: 2.5rem;
}

.privacy>ol>li>b {
	margin-bottom: .5rem;
	display: block;
}

.agree {
	color: #A80000;
	margin-bottom: 2rem !important;
}

.messageBox {
	padding: 1rem;
	border: 1px solid #A80000;
	margin-top: 1rem;
	font-size: 1rem;
}

@media (max-width: 1024px) {
	.form_block {
		gap: 4rem;
	}
}


@media (max-width: 768px) {

	.section-header {
		left: 2rem;
		bottom: 3rem;
	}

	.section-header h2 {
		font-size: 3rem;
	}

	.section-header p {
		margin-bottom: -1rem;
	}

	#form {
		padding: 4rem 0;
	}

	.form-text {
		font-size: 14px;
		padding-bottom: 3rem;
	}

	.form_block {
		flex-direction: column;
		gap: 0;
	}

	input.form_field,
	textarea.form_field {
		width: 100%;
	}

	.privacy {
		padding: 1.5rem;
	}

	.privacy .title {
		font-size: 24px;
	}

	.agree {
		font-size: 12px;
	}
}