#contact_us {
	background-color: var(--light_purple);
	padding: 30px 0;
	position: relative
}

.card.contact_card {
	background-image: url(../../images/contact/contact.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover, cover;
	width: 100%
}

.contact_us_content h2 {
	color: #fff;
	font-size: 30px;
	font-family: 'OpenSans-Bold'
}

.contact_us_content p {
	color: #fff;
	font-family: 'OpenSans-Regular'
}

.contact_details ul li {
	color: #fff;
	font-family: 'OpenSans-Regular'
}

.contact_details ul li a {
	color: #fff;
	font-family: 'OpenSans-Regular'
}

.get_touch h3 {
	color: var(--black);
	font-size: 30px;
	font-family: 'OpenSans-Bold'
}

.get_touch p {
	color: var(--black_alternate);
	font-family: 'OpenSans-Regular'
}

.get_touch .form-control {
	border: none;
	border-bottom: 2px solid var(--bs-border-color) !important;
	border-radius: 0
}

.get_touch .form-select {
	--bs-form-select-bg-img: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 612 612" fill="white"><path d="M 96.00,96.00l-96.00,96.00l 256.00,256.00l 256.00-256.00l-96.00-96.00L 256.00,256.00L 96.00,96.00z"/></svg>);
	display: block;
	border: none;
	border-bottom: 2px solid var(--bs-border-color) !important;
	border-radius: 0
}