@charset "utf-8";
/* CSS Document */
.contact-wrapper {
	display: block;
}
.contact-detail, .contact-form, .contact-map {
	display: flex;
	
}
.contact-detail > div {
	padding: 20px 0;
	background-color: honeydew;
}

.contact-detail * {
    color: #000 !important;
	text-shadow: none !important;
}
.contact-detail .contact-matter {
    border-bottom: 1px solid rgb(7, 244, 155);
}

.contact-form {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 300px;
}
.contact-form, .instant-form {
	background-color: #fc4349;
}
.contact-form .instant-form, .contact-card {
    width: 100%;
}
.contact-form #message {
	height: 200px;
}

.thankyou_message h2 {
	color: #fff;
	text-align: center;
	font-size: clamp(2rem, 5vw, 3rem);
}




@media (min-width: 414px) {

}




@media (min-width: 768px) {
.contact-wrapper {
	display: block;
}
}


@media (min-width: 1280px) {
.contact-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.contact-detail, .contact-form {
	width: 50%;
}

.contact-detail {
	display: flex;
}
.contact-detail > div {
    align-self: center;
    width: 95%;
    margin-left: 5%;
    box-shadow: 0 2px 3px rgba(0,0,0,0.4);
	border-radius: 6px 0 0 6px;
	padding: 35px 0;
}
.contact-detail .contact-card-row {
	min-height: 100px;
}



}