.contact-form-section {
  background-color: #000000;
  padding: 100px 0;
}
@media only screen and (max-width: 575px) {
  .contact-form-section {
    padding: 50px 0;
  }
}
.contact-form-section h2 {
  color: #ffffff;
  font-size: 54px;
  line-height: 110%;
  letter-spacing: -1.08px;
}
@media only screen and (max-width: 990px) {
  .contact-form-section h2 {
    font-size: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .contact-form-section h2 {
    font-size: 42px;
  }
}
.contact-form-section .text-col {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media only screen and (min-width: 1199px) {
  .contact-form-section .text-col {
    padding-right: 150px;
  }
}
.contact-form-section .text-col .arrow-svg.reveal {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1199px) {
  .contact-form-section .text-col .arrow-svg.reveal {
    margin-right: -80px;
  }
}
@media only screen and (max-width: 1199px) {
  .contact-form-section .text-col .arrow-svg.reveal svg {
    transform: rotate3d(2.6, 1.5, 0.6, 180deg) translateX(-45px);
    scale: 0.8;
  }
}
@media only screen and (max-width: 575px) {
  .contact-form-section .text-col .arrow-svg.reveal svg {
    transform: rotate3d(2.6, 1.5, 0.6, 180deg) translate(0px, 72px);
    scale: 0.5;
  }
}
@media only screen and (max-width: 380px) {
  .contact-form-section .text-col .arrow-svg.reveal svg {
    transform: rotate3d(2.6, 1.5, 0.6, 180deg) translate(30px, 91px);
  }
}
.contact-form-section .half-width-contact-form {
  border-radius: 16px;
  background-color: white;
  padding: 50px 50px 20px;
}
@media only screen and (max-width: 575px) {
  .contact-form-section .half-width-contact-form {
    padding: 16px 16px 4px;
  }
}
.contact-form-section form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
}
.contact-form-section form label {
  display: flex;
  flex-direction: row;
  gap: 3px;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.contact-form-section form input,
.contact-form-section form input.ninja-forms-field.nf-element {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1.5px solid #e5e5e5;
  background: white;
  margin-top: 8px;
}
.contact-form-section form input::placeholder,
.contact-form-section form input.ninja-forms-field.nf-element::placeholder {
  color: #a6a6a6;
}
.contact-form-section form input:focus-visible,
.contact-form-section form input.ninja-forms-field.nf-element:focus-visible {
  outline: none;
}
.contact-form-section form select {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1.5px solid #e5e5e5;
  background: white;
  margin-top: 8px;
  margin-bottom: 20px;
}
.contact-form-section form select::placeholder {
  color: #a6a6a6;
}
.contact-form-section form select:focus-visible {
  outline: none;
}
.contact-form-section form .nf-form-content .list-select-wrap > div select {
  background: transparent;
  border-radius: 8px;
  border: 1.5px solid #e5e5e5;
}
.contact-form-section form .nf-form-content .list-select-wrap .nf-field-element > div {
  background: transparent;
  border-radius: 8px;
  border: 1.5px solid #e5e5e5;
}
.contact-form-section form textarea {
  width: 100%;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1.5px solid #e5e5e5;
  background: white;
  margin-top: 8px;
  margin-bottom: 20px;
  height: 150px;
}
.contact-form-section form textarea::placeholder {
  color: #a6a6a6;
}
.contact-form-section form textarea:focus-visible {
  outline: none;
}
.contact-form-section form .nf-field-element input[type=submit] {
  background-color: #DBFF26;
  color: #000000;
  padding: 16px 40px;
  border-radius: 8px;
  outline: none;
  border: none;
  height: unset;
}
@media only screen and (max-width: 575px) {
  .contact-form-section form .nf-field-element input[type=submit] {
    width: 100%;
  }
}
.contact-form-section form .nf-form-content select.ninja-forms-field:focus {
  border: 1.5px solid #F6EEEE;
}

/*# sourceMappingURL=s-contact_form.css.map */