.contactWrapper{
	margin: auto;
}
.contactForm{
	display: flex;
	justify-content: center;
	align-items:center;
	flex-direction: column;
	gap:20px;
	border-radius: 20px;
	margin: auto;
	padding: 20px;
	width: fit-content;
}
.dark .contactForm{
	border:solid var(--sec_clr) 2px;
}
.light .contactForm{
	border:solid var(--prim_clr) 2px;
}

.contact_page hr {
	width:80%;
	margin: 10px auto;
}
.contact_page  .aff_link{
	margin: auto;
	width: fit-content;
	padding: 10px;
}
.contact_page .sub_dis{
	margin: 20px auto; 
	display:flex;
	gap:20px;
	justify-content:space-evenly;
	align-items: center;
	width: 100%; 
	/*text-align: center;*/
}
.contact_page .sub_dis .btn{
	line-height: 2.5rem;
}
.contact_page .hq_map{
	margin: auto;
	display:block;
	width: 80%;
	height: 200px;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 2px 2px 5px black;
}
.contact_page .hq{
	margin: 20px auto;
	display:block;
	width: 100%;
	text-align: center;
}

.sub_dis .info_box{
	display: flex;
	width: 300px;
	height: 150px;
	/*padding: 20px;*/
	background:var(--sec_clr);
	color: var(--3rd_clr);
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 2px 2px 5px black;
}
.sub_dis .info_box .info{
	width:200px;
	padding: 10px;
	box-shadow: 0px 0px 10px var(--3rd_clr);
	z-index:1;
}
.sub_dis .info_box .map{
	width:fit-content;
}
.sub_dis .info_box h3{
	font-size: 1.5rem;
	margin-bottom: 5px;
}


/* ==== Mobile Device Settings ===== */
@media only screen and (max-width:600px){
	.contact_page .sub_dis{
		flex-direction: column;
	}
	.contact_page .sub_dis .info_box{
		width: 100%;
	}
	.contact_page .sub_dis .info_box .info{
		width: 200px;
	}
	.contact_page .sub_dis .info_box .map{
		width: auto;
	}
	.contact_page .hq_map{
		width: 100%;
		border-radius: 0;
	}
}