#map {
  width: 560px;
height: 700px;
border-radius: 16px;
margin-left: 1rem;

}
.contact-form {
width: 556px;
height: auto;
border-radius: 16px;
background: #FFFFFF;
border: 1px solid #00000014
}
.btn-send {
  width: 100%;
}
 .contact-hero {
  background: url('/img/contact us/contacthero.png') no-repeat;
  background-position: center;
  background-size: cover;
  height: 443px;
  border-radius: 20px;
}

.contact-box{
height: 142px;
border-radius: 16px;
  padding: 2rem 1rem;
  border: 1px solid rgba(0, 0, 0, .08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 16px;
}

.contact-box .info{
  display: flex;
  align-items: center;
  gap: 1rem;
}

.contact-icon{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #66AEEE;
  position: relative;
}


.contact-info h2{
font-weight: var(--fw-bold);
font-size: 30px;
line-height: 50px;
color: rgba(0, 0, 0, 1);

}

.contact-info .info a{
font-weight: var(--fw-regular);
font-size: 16px;
color: rgba(79, 79, 79, 1);
}