@property --bf-fb { syntax: "<number>"; inherits: true; initial-value: 0; }
@property --bf-callout-tt { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --bf-callout-tb { syntax: "<length>"; inherits: false; initial-value: 0px; }

.bf-callout,
#top #wrap_all .bf-callout.bf-callout {
  --asc: 0.96875;
  --desc: 0.2412109375;
  --cap: 0.7275390625;
  --asc-t: var(--asc);
  --desc-t: var(--desc);
  --cap-t: var(--cap);
  --bf-callout-mt-now: var(--bf-callout-mt, 0px);
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin-top: var(--bf-callout-mt-now);
  margin-bottom: var(--bf-callout-mb, 0px);
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
  color: var(--bf-callout-ink, #595959);
}

.bf-callout .bf-callout__card,
#top #wrap_all .bf-callout .bf-callout__card {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--bf-callout-mw, 932px);
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: var(--bf-callout-py, 40px);
  padding-bottom: var(--bf-callout-py, 40px);
  padding-left: var(--bf-callout-px, 40px);
  padding-right: var(--bf-callout-px, 40px);
  background-color: var(--bf-callout-bg, #ffffff);
  border-radius: var(--bf-callout-r, 8px);
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
  color: var(--bf-callout-ink, #595959);
}

.bf-callout.bf-callout--card-left .bf-callout__card,
#top #wrap_all .bf-callout.bf-callout--card-left.bf-callout--card-left .bf-callout__card {
  margin-left: 0;
  margin-right: auto;
}

.bf-callout.bf-callout--card-center .bf-callout__card,
#top #wrap_all .bf-callout.bf-callout--card-center.bf-callout--card-center .bf-callout__card {
  margin-left: auto;
  margin-right: auto;
}

.bf-callout.bf-callout--card-right .bf-callout__card,
#top #wrap_all .bf-callout.bf-callout--card-right.bf-callout--card-right .bf-callout__card {
  margin-left: auto;
  margin-right: 0;
}

.bf-callout .bf-callout__text,
#top #wrap_all .bf-callout .bf-callout__text {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  row-gap: 0;
  box-sizing: border-box;
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  font-family: "Inter", sans-serif;
  letter-spacing: 0;
  color: var(--bf-callout-ink, #595959);
}

.bf-callout.bf-callout--text-left .bf-callout__text,
#top #wrap_all .bf-callout.bf-callout--text-left.bf-callout--text-left .bf-callout__text {
  text-align: left;
}

.bf-callout.bf-callout--text-center .bf-callout__text,
#top #wrap_all .bf-callout.bf-callout--text-center.bf-callout--text-center .bf-callout__text {
  text-align: center;
}

.bf-callout.bf-callout--text-right .bf-callout__text,
#top #wrap_all .bf-callout.bf-callout--text-right.bf-callout--text-right .bf-callout__text {
  text-align: right;
}

.bf-callout .bf-callout__para,
#top #wrap_all .bf-callout .bf-callout__para {
  --fs: var(--bf-callout-fs, 18px);
  --lh: var(--bf-callout-lh, 28px);
  display: block;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: "Inter", sans-serif;
  font-size: var(--fs);
  line-height: var(--lh);
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: break-word;
  color: var(--bf-callout-ink, #595959);
}

.bf-callout .bf-callout-t.bf-callout-t,
#top #wrap_all .bf-callout .bf-callout-t.bf-callout-t {
  display: block;
  --lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
  --bf-callout-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
  --bf-callout-tb: calc(var(--bf-fb) * (var(--lead) + var(--desc-t) * var(--fs)));
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  text-box: trim-both cap alphabetic;
  margin-block-start: calc(-1 * var(--bf-callout-tt));
  margin-block-end: calc(-1 * var(--bf-callout-tb));
}

.bf-callout .bf-callout-ts.bf-callout-ts,
#top #wrap_all .bf-callout .bf-callout-ts.bf-callout-ts {
  display: block;
  --lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
  --bf-callout-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
  text-box-trim: trim-start;
  text-box-edge: cap alphabetic;
  text-box: trim-start cap alphabetic;
  margin-block-start: calc(-1 * var(--bf-callout-tt));
}

.bf-callout .bf-callout-te.bf-callout-te,
#top #wrap_all .bf-callout .bf-callout-te.bf-callout-te {
  display: block;
  --lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
  --bf-callout-tb: calc(var(--bf-fb) * (var(--lead) + var(--desc-t) * var(--fs)));
  text-box-trim: trim-end;
  text-box-edge: cap alphabetic;
  text-box: trim-end cap alphabetic;
  margin-block-end: calc(-1 * var(--bf-callout-tb));
}

@supports not ((text-box: trim-both cap alphabetic) or (text-box-trim: trim-both)) {
  .bf-callout,
  #top #wrap_all .bf-callout.bf-callout {
    --bf-fb: 1;
  }
}

@media (max-width: 1199px) {
  .bf-callout.bf-callout--scale,
  #top #wrap_all .bf-callout.bf-callout--scale.bf-callout--scale {
    --bf-callout-mt-now: calc(var(--bf-callout-mt, 0px) * 0.75);
  }
}

@media (max-width: 899px) {
  .bf-callout.bf-callout--scale,
  #top #wrap_all .bf-callout.bf-callout--scale.bf-callout--scale {
    --bf-callout-mt-now: calc(var(--bf-callout-mt, 0px) * 0.6);
  }
}