.map-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;  
  background-color: #fff
}

.map-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius:.5rem;
}

.map-wrapContact {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;  
  background-color: #fff
}

.map-wrapContact iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius:.5rem;
}

.ContactLocationContainer {
	padding: 2rem;
	border:1px solid #4cbd9a;
	border-radius:.5rem;
}

.ContactFormContainer {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border:1px solid #4cbd9a;
	border-radius:.5rem;
}

.ContactFormContainer h2{
	text-align:center;
	font-size:20px;
}

.ContactPageInfo {
	display: flex;
	flex-direction:row;
	gap: 20px;
	width: 100%;
	justify-content:space-around;
	padding:  2rem 0;
	
}

.ContactInfoIcon i{
	color: #4cbd9a;
	font-size: 16px
}

.ContactInfoIcon {
	border: 1px solid #4cbd9a;
	padding:8px 10px;
	border-radius: 100%;
}

.ContactInfoTitle {
	display: flex;
	flex-direction:row;
	align-items: center;
	gap: 10px;
	padding-top:15px
}

.ContactInfoTitle h5{
	font-size:18px;
}


.ContactInfoGroup {
	display:flex;
	flex-direction: column;
	gap: .5rem;
}

.ContactFormContainer {
	display: flex;
	flex-direction:row;
	justify-content:center;
	padding:2rem
}

.InputGroup {
	display:flex;
	flex-direction: column;
	gap:3px;
}

.InputGroup input {
  width: 100%;
  height: 40px;              
  padding: 10px 12px;
  border: 1px solid #cbd5e1; 
  background: #fff;
  background-clip: padding-box;
  appearance: none;
  -webkit-appearance: none; 
  box-sizing: border-box; 
border-radius:.5rem;  
}

.InputGroup textarea {
	 border: 1px solid #cbd5e1; 
	 border-radius:.5rem;
}

.InputGroup input::placeholder {

  opacity: 0.4;
}

.ContactForm {
	display:flex;
	flex-direction:column;
	gap:10px;
	font-size:16px;
	width:100%;
	padding:10px;
}

.ContactBtn {
  display: block;
  margin: 10px auto 0 auto; 
  background-color: #4cbd9a;
  border: none;
  min-width: 100px;
  text-align: center;
  padding: 8px 10px; 
  color: white;
  cursor: pointer;
  font-size:16px;
  border-radius:.5rem;
}

@media (min-width: 1408px) {
	
}

@media (max-width: 480px) {
	
	.ContactPageInfo {
		flex-direction:column;
	}

	.ContactInfoIcon {
		padding:8px 10px;
	}

	.ContactInfoGroup {
		display:flex;
		flex-direction: column;
		gap: 1rem;
	}
	
	.ContactLocationContainer {
		margin-bottom:2rem;
	}

}