/* stylelint-disable order/order */
/* stylelint-enable order/order */
/****************
 * Fonts
 ****************/
/****************
 * Paints
 ****************/
/****************
 * Effects
 ****************/
/****************
 * Grid Settings
 ****************/
.block-hero-contact {
  padding: clamp(5rem, -3.0963855422rem + 16.8674698795vw, 12rem) 0 clamp(5.5rem, 1.4518072289rem + 8.4337349398vw, 9rem);
  background-color: #f6f5f8;
}
@media (max-width: 47.98rem) {
  .block-hero-contact__form-col {
    margin-top: 4.5rem;
  }
}
@media (min-width: 36rem) {
  .block-hero-contact .form-columns-1 ul[role=checkbox],
.block-hero-contact .form-columns-1 ul[role=radio] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 36rem) {
  .block-hero-contact .form-columns-1 ul[role=checkbox] > li,
.block-hero-contact .form-columns-1 ul[role=radio] > li {
    margin-right: 2.5rem;
  }
}
.block-hero-contact .hs-form-checkbox-display > span,
.block-hero-contact .hs-form-radio-display > span,
.block-hero-contact .hs-form-booleancheckbox-display > span {
  font-weight: 400;
  font-size: 0.875rem;
  font-family: "Segma", sans-serif;
  line-height: 1.25rem;
  padding-left: 1.75rem;
}
.block-hero-contact .hs-form-checkbox-display > span::before,
.block-hero-contact .hs-form-radio-display > span::before,
.block-hero-contact .hs-form-booleancheckbox-display > span::before {
  top: calc(50% - 0.75rem);
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1rem;
}