
/* contact-v3 */
#contact{
  width:min(1180px,calc(100% - 48px));
  margin:72px auto;
  box-sizing:border-box;
}
#contact .section-head{
  max-width:820px;
  margin:0 auto 30px;
  text-align:center;
}
#contact .contact-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin:20px 0 30px;
}
#contact .contact-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  border:1px solid transparent;
}
#contact .contact-btn.whatsapp{
  background:#25D366;
  color:#062d1c;
}
#contact .contact-btn.telegram{
  background:#229ED9;
  color:#fff;
}
#contact .contact-btn.email{
  background:#173f38;
  color:#fff;
}
#contact .project-contact-form{
  max-width:920px;
  margin:0 auto;
  border:1px solid #ded9ce;
  border-radius:26px;
  padding:28px;
  background:rgba(255,255,255,.56);
  box-sizing:border-box;
}
#contact .form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
#contact .form-grid label{
  display:flex;
  flex-direction:column;
  gap:8px;
  font-weight:700;
}
#contact .form-grid .wide{
  grid-column:1/-1;
}
#contact input,
#contact select,
#contact textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d7d2c7;
  border-radius:12px;
  padding:12px 14px;
  background:#fffdf8;
  color:#173f38;
  font:inherit;
}
#contact textarea{
  resize:vertical;
  min-height:140px;
}
#contact .button{
  margin-top:18px;
}
#contact .small-note{
  margin-top:12px;
  color:#66766f;
  font-size:13px;
  line-height:1.7;
}
@media(max-width:700px){
  #contact{width:calc(100% - 28px)}
  #contact .form-grid{grid-template-columns:1fr}
  #contact .form-grid .wide{grid-column:auto}
}
