@media only screen and (max-width: 600px) {
  .flex1 {
    
    width: 185%;
  }
}

@media only screen and (max-width: 600px) {
  .contact-m {
    
    margin-top: 60px;
  }
}
.contact-section{
  padding:40px 20px;
}

.contact-wrapper{
  max-width:900px;
  margin:auto;
  display:flex;
  justify-content:center;
  gap:30px;
  flex-wrap:wrap;
}

.contact-box{
  border:2px solid #2f6fb3;
  border-radius:10px;
  padding:16px 28px;
  display:flex;
  align-items:center;
  gap:12px;
  font-size:16px;
  transition:0.3s;
}

.contact-box i{
  color:#ff4b6e;
  font-size:18px;
}

.contact-box a{
  text-decoration:none;
  color:#333;
  font-weight:500;
}

.contact-box:hover{
  background:#f7f9fc;
}