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

#contact {
  .inner{
        padding: calc( 100 / 1380 * 100%) 1.5rem;
        @media screen and (min-width: 769px) {
          padding: calc(100 / 1380 * 100%) 3rem;
        }

      }
      .inner-md{
        padding: calc(100 / 960 * 100%) 1.5rem;
        @media screen and (min-width: 769px) {
          padding: calc(49 / 960 * 100%) 3rem calc(100 / 960 * 100%);
        }
      }
  form{
    h3{
      margin-bottom: 10px;
    }
  input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="time"]{
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
.wpcf7-submit{
  background-color: var(--yellow);
  margin-top: 2rem;
  
  padding: 2rem;
  border-radius:10px;
  font-weight: 500;
  font-size:clamp(16px, 0.22vw + 15.17px, 18px);
  display: table;
  width: 100%;
  text-decoration: none;
  max-width: 450px;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  &:hover{
   opacity: 0.8;
   transition: all 0.3s ease;
  } 
}
width: 100% !important;
}
}