@font-face {
  font-family: "Baloo2";
  src: url("../assets/fonts/Baloo2-Regular.ttf");
}

@font-face {
  font-family: "Baloo2 Bold";
  src: url("../assets/fonts/Baloo2-Bold.ttf");
}

ul {
  padding: 0;
}
li {
  padding-bottom: 10px;
}

.nf-field-label,
.nf-form-fields-required,
.ninja-forms-req-symbol,
.nf-error-field-errors {
  display: none;
}

.nf-response-msg p {
  padding: 10px;
  margin-left: 5px;
  width: fit-content;
  background: beige;
  border: 1px solid #4a683b;
}

.nf-form-content {
  font-family: "Baloo2" !important;
}

.nf-form-content input:not([type="button"]) {
  font-family: "Baloo2" !important;
  background: #fff !important;
}

.nf-form-content input[type="button"] {
  height: unset !important;
  display: block;
  font-size: 20px;
  font-family: "Baloo2 Bold";
  color: #ffffff;
  padding: 0.7em 6em;
  background: #53784b !important;
  border: none;
  border-radius: 3em;
  margin: auto;
}

.contact {
  width: 100%;
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 1) 38%,
    rgba(216, 241, 241, 1) 100%
  );
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 10vw;
  flex-wrap: wrap;
}

.contact::before {
  content: "";
  width: 380px;
  height: 264px;
  position: absolute;
  background-image: url(../assets/img/points-image.png);
  top: 280px;
  left: 0;
}

.contact > .contact-col {
  box-sizing: border-box;
  width: 50%;
}

.contact > .contact-col li {
  font-size: 22px;
  list-style-type: none;
  color: #53784b;
  font-family: "Baloo2";
}

.contact > .contact-col li i {
  margin-right: 10px;
  color: #53784b;
}

.contact > .contact-col .fas {
  margin-right: 10px;
}

.contact > .contact-col ul > li:last-child {
  font-family: "Baloo2 Bold";
}

.contact > .contact-col h2 {
  color: #53784b;
  font-size: 35px;
  text-align: center;
  font-family: "Baloo2 Bold";
}

.contact > .contact-col > form > input {
  display: block;
  margin-bottom: 30px;
  padding: 20px;
  box-sizing: border-box;
  width: 100%;
  font-family: "Baloo2";
  font-size: 20px;
  color: #828282;
  border: #53784b 1px solid;
}

.contact > .contact-col input::placeholder {
  text-transform: uppercase;
}

.contact > .contact-col label {
  font-size: 20px;
  font-family: "Baloo2";
  color: #828282;
}

.contact > .contact-col div {
  justify-content: center;
  align-items: center;
}

.contact > .contact-col button {
  display: block;
  font-size: 20px;
  font-family: "Baloo2 Bold";
  color: #ffffff;
  padding: 0.7em 6em;
  background-color: #53784b;
  border: none;
  border-radius: 3em;
  margin: auto;
}

.accept-terms {
  display: flex;
}

@media (max-width: 1200px) {
  .contact {
    flex-direction: column-reverse;
  }

  .contact > .contact-col {
    box-sizing: border-box;
    width: 100%;
  }

  li {
    line-break: anywhere;
    font-size: 15px;
  }

  .contact > .contact-col input {
    font-size: 16px;
  }

  .contact > .contact-col h2 {
    font-size: 30px;
  }

  .contact::before {
    width: 0;
    height: 0;
  }
}