.html{
	scroll-behavior: auto !important;
}
.image-container{
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
	url('/pictures/CookiesPrivacy/contactUs.svg');
	background-repeat: no-repeat;
	background-size: cover;
	height: 500px;
}
.image-container span {
	width: 45%;
}
.form-holder{
	padding: 32px 32px 40px;
}
.form-holder form{
	margin-top: -80px;
	padding: 40px;
}
/*.input-field{
	background-color: #EBEBEB;
	font-size: 14px;
	padding: 0.5rem 0.75rem 0.5rem 0.75rem;
	border: 2px solid transparent;
	width: 100%;
	outline: none;
}*/
.input-field {
	/*background-color: #EBEBEB;*/
	height: 100%;
	font-size: 14px;
	padding: 0.5rem calc(0.75rem + 40px) 0.5rem 0.75rem;
	width: 100%;
	line-height: 100%;
	border: 1px solid var(--bs-secondary);
	outline: 1px solid transparent;
	outline-offset: 2px;
}
/*.input-field:focus {
	border: 2px solid var(--bs-secondary);
	outline: none;
	box-sizing: border-box !important;
}*/
.input-field:focus {
	border: 1px solid var(--bs-primary);
	outline: 2px solid var(--bs-primary);
	box-sizing: border-box !important;
}

/*.input-field:focus:has(+ div){
	border-top: 2px solid var(--bs-secondary);
	border-left: 2px solid var(--bs-secondary);
	border-bottom: 2px solid var(--bs-secondary);
	border-right: none;
}*/
.input-field:focus:has(+ div) {
	
}

/*.input-field:focus + div {
	border-top: 2px solid var(--bs-secondary);
	border-right: 2px solid var(--bs-secondary);
	border-bottom: 2px solid var(--bs-secondary);
}*/
.input-field:focus + div {
	
}
.input-field + div {
	max-width: 40px;
	position: absolute !important;
	top: 1px;
	right: 1px;
	border: none;
	outline: none;
	height: calc(100% - 2px);
	bottom: 1px;
}
.form-to-slide-c{
	height: 1px;
	overflow: hidden;
}
#submitResponse img{
	max-width: 24px;
}
.additional-information{
	cursor: pointer;
}
.additional-information:hover{
	text-decoration: underline;
}
.enquire-now{
	transition: 0.2s;
}
.map iframe{
	width: 100%;
	margin-bottom: 2rem;
}
/*error section validation*/
.error{
	border-color: var(--bs-primary) !important;
}
.error + span{
	display: block !important;
}

@media  all and (max-width: 972px) {
	.image-container span{
		width: 75%;
	}
}
@media all and (max-width: 824px){
	.button-header.btn.btn-primary{
		width: 100% !important;
	}
}
@media all and (max-width: 624px){
	.btn.btn-primary{
		width: 100% !important;
	}
	.image-container span{
		width: 100%;
	}
	.container form{
		padding: 1.25rem 1.25rem !important;
	}
	.form-holder{
		padding: 1.25rem 1.25rem !important;
	}

}
@media all and (max-width: 360px){
	.fs-1.text-white.text-shadows{
		width: 75%;
	}
}