.dbl-fwb {
  position: relative;
  min-height: 680px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}
.dbl-fwb__inner {
  padding-block: var(--dbl-spacing-xl);
  display: flex;
  width: 100%;
}
.dbl-fwb--card-left .dbl-fwb__inner {
  justify-content: flex-start;
}
.dbl-fwb--card-right .dbl-fwb__inner {
  justify-content: flex-end;
}
.dbl-fwb__card {
  background-color: var(--dbl-color-brand-base);
  border-radius: var(--dbl-border-radius-card, 8px);
  padding: 4rem 3.5rem;
  width: 50%;
  max-width: 608px;
  min-height: 348px;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--md);
}
.dbl-fwb__eyebrow {
  margin: 0;
  font-family: var(--dbl-font-family-base, "Source Sans 3", sans-serif);
  font-size: var(--dbl-eyebrow-size, 1rem);
  font-weight: var(--dbl-eyebrow-weight, 700);
  line-height: var(--dbl-eyebrow-lh, 2rem);
  text-transform: var(--dbl-eyebrow-transform, uppercase);
  letter-spacing: var(--dbl-eyebrow-ls, 0.08em);
  color: var(--dbl-color-winter-500, #0086C4);
}
.dbl-fwb__heading {
  margin: 0;
  font-family: var(--dbl-font-family-heading, "Source Sans 3", sans-serif);
  font-size: var(--dbl-h2-size, 2rem);
  font-weight: var(--dbl-h2-weight, 600);
  line-height: var(--dbl-h2-lh, 2.25rem);
  letter-spacing: var(--dbl-h2-ls, 0em);
  color: var(--dbl-color-winter-700, #005988);
}
.dbl-fwb__body {
  margin: 0;
  font-size: var(--dbl-body-size, 1rem);
  font-weight: var(--dbl-body-weight, 400);
  line-height: var(--dbl-body-lh, 1.5rem);
  color: var(--dbl-color-text-muted, #6B7280);
  flex: 1;
}
@media (max-width: 1023px) {
  .dbl-fwb__card {
    width: 55%;
    max-width: none;
    padding: 3rem 2.5rem;
  }
}
@media (max-width: 767px) {
  .dbl-fwb {
    min-height: 480px;
    align-items: flex-end;
  }
  .dbl-fwb__inner {
    padding-block: 0;
  }
  .dbl-fwb--card-left .dbl-fwb__inner, .dbl-fwb--card-right .dbl-fwb__inner {
    justify-content: stretch;
  }
  .dbl-fwb__card {
    width: 100%;
    max-width: 100%;
    border-radius: var(--dbl-border-radius-card, 8px) var(--dbl-border-radius-card, 8px) 0 0;
    padding: 2rem 1.5rem;
    min-height: 0;
  }
}