/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./blocks/form/form.scss ***!
  \********************************************************************************************************************************************/
.entry-content {
  padding: 0 !important;
}

*:target {
  scroll-margin-top: 6.25rem;
}
@media screen and (min-width: 1440px) {
  *:target {
    scroll-margin-top: 6.25rem;
  }
}

p .span-cta,
h1 .span-cta,
h2 .span-cta,
h3 .span-cta,
h4 .span-cta {
  color: #03bfd7;
}

.content > p + p {
  padding-top: 0.5rem;
}
@media screen and (min-width: 1279px) {
  .content > p + p {
    padding-top: 1rem;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(rf(40));
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes enter-right {
  0% {
    opacity: 0;
    transform: translateX(4rem);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.form {
  background: #fafbff;
  padding: 1.875rem 0rem 1.875rem;
}
@media screen and (min-width: 1180px) {
  .form {
    padding: 3.75rem 0rem 3.75rem;
  }
}
.form.bg-white {
  background: #fff;
}
.form__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  gap: 1.25rem;
  padding: 2.5rem 1.125rem;
  color: #fff;
  background: #0080ff;
  border-radius: 0.375rem;
  opacity: 0;
  transform: translateY(2.5rem);
}
.form__content.show {
  animation: fade-in-up 1s ease forwards;
}
.form__content.color-white {
  background: #fff;
  color: #101e3a;
}
.form__content.color-white .input input,
.form__content.color-white .input textarea,
.form__content.color-white .input select {
  border: 0.0625rem solid #e4e8f7;
}
@media (hover: hover) and (pointer: fine) {
  .form__content.color-white .hs-submit input:hover {
    background: #0080ff;
    color: #fff;
  }
}
@media screen and (min-width: 768px) {
  .form__content {
    flex-direction: row;
    padding: 4.25rem 2.5rem;
  }
}
@media screen and (min-width: 1180px) {
  .form__content {
    padding: 4.25rem 7.125rem 5.25rem 3.5rem;
  }
}
.form__title {
  max-width: 21.3125rem;
  width: 100%;
}
.form__title h2 {
  margin: 0 0 2rem;
}
.form__subtitle p:not(:last-child) {
  margin: 0 0 1.125rem;
}
.form__subtitle a {
  text-decoration: underline;
  word-break: break-all;
}
@media screen and (min-width: 520px) {
  .form__subtitle a {
    word-break: normal;
  }
}
.form__subtitle .btn {
  margin: 1.5rem 0 0;
}
@media screen and (min-width: 768px) {
  .form__subtitle .btn {
    margin: 3.25rem 0 0;
  }
}
.form__subtitle .btn a {
  text-decoration: none;
}
.form__form {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .form__form {
    max-width: 23.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .form__form {
    max-width: 32.5rem;
  }
}
@media screen and (min-width: 1180px) {
  .form__form {
    max-width: 41.625rem;
  }
}
.form__form form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.form__form form label {
  width: 100%;
  margin: 0 0 0.3125rem;
  display: block;
}
.form__form form fieldset.form-columns-1 {
  width: 100%;
  max-width: 100%;
}
.form__form form fieldset.form-columns-2 {
  width: 100%;
  display: flex;
  gap: 1.25rem;
  max-width: 100%;
}
.form__form form fieldset.form-columns-2 .hs-form-field,
.form__form form fieldset.form-columns-2 .hs-dependent-field {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .form__form form fieldset.form-columns-2 .hs-form-field,
  .form__form form fieldset.form-columns-2 .hs-dependent-field {
    width: calc(50% - 0.625rem);
  }
}
.form__form form fieldset.form-columns-2 .hs-dependent-field .hs-form-field {
  width: 100%;
}
.form__form form .input {
  margin: 0 !important;
}
.form__form form .input select {
  height: 2.75rem;
}
.form__form form .input input,
.form__form form .input select {
  width: 100% !important;
  font-size: 1rem;
  color: #101e3a;
  border-radius: 0.1875rem;
  padding: 0.75rem;
  border: none;
  background: #fff;
  font-family: "Modern Gothic", sans-serif;
}
.form__form form .input textarea {
  resize: none;
  height: 9.375rem;
  width: 100% !important;
  font-size: 1rem;
  color: #101e3a;
  border-radius: 0.1875rem;
  padding: 0.75rem;
  border: none;
  background: #fff;
  font-family: "Modern Gothic", sans-serif;
}
.form__form form .hs-submit {
  margin: 1.5rem 0 0;
  width: 100%;
  display: block;
}
.form__form form .hs-submit input {
  font-size: 1.125rem;
  line-height: 142%;
  font-weight: 400;
  padding: 0.6875rem 1.5625rem;
  border-radius: 1.6875rem;
  color: #fff;
  border: none;
  transition: background 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  max-width: fit-content;
  width: 100%;
  background: #101e3a;
}
@media (hover: hover) and (pointer: fine) {
  .form__form form .hs-submit input:hover {
    background: #fff;
    color: #101e3a;
  }
}
.form__form form .hs-error-msgs .hs-error-msg {
  color: red;
  font-weight: 500;
}

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