h2 {
  margin: 0;
}
.dci-module-transition.dci-module-transition--BlackDown svg{
  margin-top:-1px;
}


.headercontact {
  z-index: 2;
  position: relative;
  padding: 5em 0;
  text-align:center;
}

p.whiteText--featureHeading {
  padding-bottom: 0.5em;
}

.contact-section {
  display: flex;
  background-color: white;
  color: black;
  padding: 2em 10em;
}

.contact-header {
  display: flex;
 justify-content: center;
  flex-grow: 1;
}

.contact-form form {
  display: flex;
  flex-direction: column;
}
.contact-section {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap:3em;
}
.contact-form input, .contact-form textarea {
  font-family: 'Roboto', Arial, sans-serif;
  margin-bottom: 10px;
  padding: 1.5em;
  border: 1px solid #707070;
  border-radius: 0.5em;
  font-weight: bold;
}

.contact-form button {
  background-color: #BEFB6C;
  border: 1px solid #befb6c;
  color: black;
  padding: 1.2em 5em;
  cursor: pointer;
  transition: background-color 0.6s ease;
}

.contact-form button:hover {
    color: black;
    background: white;
    border: 1px solid black;
}

.name-fields input {
  flex-grow: 1;
}


.contact-form {
  flex-grow: 1;
  max-width: 600px;
}

.contact-form .name-fields {
  display: flex;
  flex-direction: row; 
  gap: 1em;
}

.contact-form .message-box {
  padding: 1.5em 1.5em 8em 1.5em;
}

.module:not(.module--cta-bubble) { padding: 0; }
.module--cta-bubble { padding: 4em 10%; }

.module--contact-form-2 {
  display: none;
}

.contact-header__inner {
  margin-bottom: 0 auto;
}

.contact-header__inner h2 {
  font-weight: normal;
  margin-bottom: 1em;
}

.contact-header__inner p {
  margin: 0;
  margin-bottom: 0.5em;
}

.contact-form-v2__layout {
  display: none;
}

@media screen and (max-width:830px){
  .contact-section{
    padding:2em 3em;
  }
}
@media screen and (max-width:500px){
  .contact-section{
    padding:2em 0;
  }
}
@media screen and (max-width:380px){
  .whiteBackground--flex{
    padding:4em 1em;
  }
}