.backgroundShape.header_5 {
  left: -5vw;
  height: auto;
  width: 396px;
  bottom: 60vh;
}
.backgroundShape.header_6 {
  bottom: 0;
  height: auto;
  width: 228px;
  left: calc(100vw - 222px);
}

.introText {
  font-size: 24px;
}

.content_wrapper {
  opacity: 0;
  animation: fadeIn 0.75s 0.25s forwards 1 ease-in;
}

form .form-group {
  border-radius: 0;
  transition: all 0.5s;
  animation: fadeIn 0.75s 0.25s forwards 1 ease-in;
}
form .form-group .form-control {
  padding: 15px 15px 0;
  border-radius: 0;
  background-color: #fff;
  color: #212529;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 1px solid;
  height: 60px;
  font-size: 22px;
  opacity: 1;
  position: relative;
}
form .form-group .form-control:focus {
  transition: opacity 0.25s ease-in;
  border-color: #212529;
}
form .form-group .form-control:focus::placeholder {
  transition: opacity 0.25s ease-in;
  opacity: 0.2;
}
form .form-group .form-control.invalid {
  border-color: #d31616;
}
form .form-check {
  padding: 0 35px;
}
form .form-check label {
  color: #212529;
  margin-left: 10px;
  font-size: 24px;
}
form .form-check .form-check-label, form .form-check .form-check-input {
  cursor: pointer;
}
form .form-check .form-check-input {
  height: 20px;
  width: 20px;
}
form .form-check .form-check-input:checked {
  background-color: rgba(112, 115, 119, 0.831372549);
  border-color: rgba(112, 115, 119, 0.831372549);
}
form .form-check .form-check-input:focus {
  outline: 0;
  box-shadow: 0 0 3px 0.25rem rgba(57, 242, 44, 0.5);
}
form textarea.form-control {
  min-height: 30vh;
}
form button.btn {
  width: 25%;
  height: 50px;
}

textarea[type=text]:focus,
input[type=text]:focus,
input[type=email]:focus {
  border-color: transparent;
  box-shadow: none;
  outline: 0 none;
}

form.inactive, #thanks_well.inactive {
  opacity: 0;
}
form.active, #thanks_well.active {
  height: 90px;
  align-items: center;
  align-self: center;
  opacity: 1;
}
form.active .underlined, #thanks_well.active .underlined {
  width: 80%;
  border-top: 1px solid rgba(11, 12, 15, 0.5294117647);
}

#thanks_well {
  transition: opacity 0.5s;
  z-index: 9999;
}
#thanks_well .underlined {
  transition: all 0.5s 0.5s ease-in;
  height: 5px;
  bottom: 0;
  width: 0;
}

@media (prefers-color-scheme: dark) {
  form .form-group .form-control {
    background-color: rgba(11, 12, 15, 0.5294117647);
    color: #8b8c8e;
  }
  form .form-group .form-control:focus {
    color: #ffffff !important;
    background-color: rgba(11, 12, 15, 0.5294117647);
    border-color: #ffffff;
  }
  form .form-check label {
    color: rgb(139, 140, 142);
  }
  form.active .underlined, #thanks_well.active .underlined {
    width: 100%;
    background-color: #ffffff;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*# sourceMappingURL=contact.css.map */