@import url('./common.css');

#contact {
  .content{
.form-group{

  margin-bottom:2rem;
  textarea,input{
      width: 100%;
      background-color: #f0f0f0;
      border: none;
      padding:1rem 1.5rem;
      border-radius: 5px;
      font-size: 16px;
      font-weight: 400;
      color: #333;
      outline: none;
      @media screen and (min-width: 769px) {
     padding: 1.5rem;
      }
    }
 label{
  display: inline-block;
  margin-bottom: 1rem;
 }
 .name-group{
  display: flex;
  gap: 10px;
  li{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    p{
      width: 100%;
    }
    
  }
 }
}
.wpcf7-form{
button{
  background-color: var(--base-dark);
  color: var(--white);
  padding: 1rem 4rem;
  border-radius:100px;
  font-weight: 500;
  font-size: clamp(14px, 0.19vw + 13.3px, 16px);
  display: inline-block;
  width: 100%;
  text-decoration: none;
  margin: 0 auto;
}
.primary{
    border-radius: 50px;
background:url(../img/icon-arrow--md.svg) no-repeat 94% center / 24px auto var(--white);
box-shadow: 4px 4px 0 0 #24A8A4;
color: var(--black);
font-size: clamp(16px, 0.38vw + 14.59px, 20px);
font-weight: 600;
padding: 1.5rem 4rem;
max-width:100%;
width: 100%;
text-align: center;
    display: table;
    margin: 0 auto;
@media screen and (min-width: 769px) {
  max-width: calc(410 / (1180 / 2) * 100%);
}
  }
 }}
}