.inlinecontact__form {
  padding-top: 1rem;
}
/* .inlinecontact__form .sender-data {
  padding: 1.5rem;
  border: 1px solid #7487a9;
} */
.inlinecontact__form fieldset {
  margin: 0;
}
.inlinecontact__form fieldset.with-legend {
  border-top: 1px solid #cdcdcd;
  margin-top: 1rem;
}
.inlinecontact__form legend {
  width: fit-content;
  padding-right: 1rem;
  float: none;
}

.inlinecontact__form .form__group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
.inlinecontact__form fieldset.with-legend .form__group {
  margin-top: 1rem;
}
.inlinecontact__form .form-notes {
  text-align: right;
}
.inlinecontact__form .required::after {
  content: '*';
  color: #a51f18;
  padding: 0 0.2rem 0 0.1rem;
}
.inlinecontact__form .form-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
.inlinecontact__form .form-bottom .form-check {
  padding-left: 0;
}
.inlinecontact__form .form-footer {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
.inlinecontact__form .field-feedback {
  visibility: hidden;
}
.inlinecontact__form .form-feedback {
  margin-top: 1rem;
  text-align: right;
  visibility: hidden;
}

.inlinecontact__form fieldset.error input,
.inlinecontact__form .field.error input {
  border-color: #a51f18;
}
.inlinecontact__form .field.error .field-feedback {
  visibility: visible;
  color: #a51f18;
}
.inlinecontact__form fieldset.error legend {
  color: #a51f18;
}
.inlinecontact__form .form-feedback.success {
  color: #448344;
}
.inlinecontact__form .form-feedback.error {
  color: #a51f18;
}
.inlinecontact__form .form-feedback.show {
  visibility: visible;
}

.spinner {
  display: inline-block;
}
.spinner span {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 2px;
  background-color: #404e68;
  border-radius: 50%;
  animation: dots-bounce 0.6s infinite alternate;
}
.spinner span:nth-child(2) {
  animation-delay: 0.2s;
}
.spinner span:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes dots-bounce {
  to {
    opacity: 0.3;
    /* transform: translateY(-3px); */
  }
}

.w-50 {
  max-width: 50%;
}

@media (max-width: 1024px) {
  .inlinecontact__form .form__group {
    grid-template-columns: 1fr;
  }
  .inlinecontact__form .form-bottom {
    flex-wrap: wrap;
    font-size: 16px;
  }
  .inlinecontact__form .form-bottom > div,
  .inlinecontact__form .form-bottom > div.w-50 {
    width: 100% !important;
    max-width: initial;
    padding-top: 2rem;
  }
  .inlinecontact__form .form-notes,
  .inlinecontact__form .form-feedback {
    text-align: left;
  }
  .inlinecontact__form .form-footer {
    padding-top: 2rem;
  }
  .inlinecontact__form fieldset.with-legend {
    margin-top: 2rem;
  }
}