/**
 * ----------------------------------------------------------------------------------------
 * CUSTOM STYLING FOR CONTACT COMPONENT
 * ----------------------------------------------------------------------------------------
 */

.contact {
	padding-top: 75px;
	padding-bottom: 75px;
}
.contact input,
.contact textarea {
	opacity: 0.7;
	border-radius: 10px;
}
.contact input:hover,
.contact textarea:hover {
	border-color: transparent!important;
}
.contact .btn {
	border-radius: 2rem;
	padding: 1rem 3rem;
	width: -webkit-fill-available;
}
.contact h4 {
	margin-bottom: 3rem;
}
.contact .col-auto {
	width: 100%;
}
.contact textarea {
	min-height: 250px;
}
.contact .mbr-form {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
	backdrop-filter: blur(3.5px);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	padding: 7rem 3rem;
	margin: 0;
	overflow: visible;
	position: relative;
	justify-content: center;
}
@media (max-width: 767px) {
	.contact .mbr-form {
		padding: 2rem 1rem;
	}
}
.contact .mbr-form:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.3;
	height: 100%;
	width: 100%;
	border: 2px solid white;
	border-radius: 30px;
	pointer-events: none;
}
.contact h4 {
	color: #263d5a;
}
.map {
	padding-top: 7rem;
	padding-bottom: 7rem;
}
.map .google-map {
	height: 30rem;
	position: relative;
	border-radius: 30px;
}
.map .google-map iframe {
	height: 100%;
	width: 100%;
	border-radius: 30px;
	opacity: 0.8;
	backdrop-filter: blur(3.5px);
}
.map .google-map [data-state-details] {
	color: #6b6763;
	height: 1.5em;
	margin-top: -0.75em;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
.map .google-map[data-state] {
	background: #e9e5dc;
}
.map .google-map[data-state="loading"] [data-state-details] {
	display: none;
}
.map .mbr-section-title {
	color: #263d5a;
}