@font-face {
  font-family: "Gilroy Light";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("") format("woff2");
}
@font-face {
  font-family: "Gilroy Medium";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("https://2697631.fs1.hubspotusercontent-na1.net/hubfs/2697631/raw_assets/public/StaedeanTheme/fonts/gilroy-medium.woff2") format("woff2");
}
@font-face {
  font-family: "Gilroy SemiBold";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("https://2697631.fs1.hubspotusercontent-na1.net/hubfs/2697631/raw_assets/public/StaedeanTheme/fonts/gilroy-semibold.woff2") format("woff2");
}
/* variables */
html {
  --typeMain: #1F2342;
  --typeSecondary: #6F6F6E;
  --typeTertiary: #B2B2B1;
  --highlight: #FA5A4F;
  --primaryMiamiteal500: #17C8BE;
  --primarySapphireblue500: #00316C;
  --neutralsBackground: #F5F5F5;
  --neutralsStroke: #E3E3E3;
  --neutralsStrokeContrast: #636363;
  --linkColor: #fa5a4f;
  --max-width: 1240px;
}

.simpleText {
  position: relative;
  container-type: inline-size;
  padding: 20px 6px;
  font-family: "Gilroy Medium";
}
.simpleText.fill {
  background-color: var(--neutralsBackground);
}
.simpleText.fill.fillblue {
  background: var(--typeMain);
  border-radius: 8px;
}
.simpleText > header {
  margin-bottom: 24px;
}
.simpleText > header .heading {
  font-size: 24px;
  font-family: "Gilroy SemiBold";
}
.simpleText .textblock {
  color: var(--typeSecondary);
  font-size: 14px;
  line-height: 142.857%;
  margin-bottom: 20px;
}
.simpleText.ph-s {
  padding-left: 6px;
  padding-right: 6px;
}
.simpleText.ph-m {
  padding-left: 18px;
  padding-right: 18px;
}
.simpleText.ph-l {
  padding-left: 42px;
  padding-right: 42px;
}
.simpleText.pv-s {
  padding-top: 6px;
  padding-bottom: 6px;
}
.simpleText.pv-m {
  padding-top: 18px;
  padding-bottom: 18px;
}
.simpleText.pv-l {
  padding-top: 42px;
  padding-bottom: 42px;
}
@container (min-width: 640px) {
  .simpleText > header {
    margin-bottom: 48px;
  }
  .simpleText .textblock {
    font-size: 18px;
    line-height: 144.444%;
  }
  .simpleText.ph-s {
    padding-left: 12px;
    padding-right: 12px;
  }
  .simpleText.ph-m {
    padding-left: 36px;
    padding-right: 36px;
  }
  .simpleText.ph-l {
    padding-left: 84px;
    padding-right: 84px;
  }
  .simpleText.pv-s {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .simpleText.pv-m {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .simpleText.pv-l {
    padding-top: 84px;
    padding-bottom: 84px;
  }
}

.bgWrap .simpleText {
  background-color: white;
  border: 1px solid var(--neutralsStroke);
  border-radius: 8px;
}
.bgWrap .simpleText.fill {
  background-color: var(--neutralsBackground);
  border: unset;
}
.bgWrap .simpleText.fill.fillblue {
  background: var(--typeMain);
  border-radius: 8px;
}