@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;
}

.textColumns {
  position: relative;
  overflow: hidden;
  container-type: inline-size;
}
.textColumns > header {
  margin-bottom: 24px;
}
.textColumns > header .heading {
  font-size: 24px;
}
.textColumns .row {
  display: grid;
  gap: 20px;
}
.textColumns .row .column {
  position: relative;
}
.textColumns .row .column .textblock {
  color: var(--typeSecondary);
}
@container (min-width: 640px) {
  .textColumns > header {
    margin-bottom: 48px;
  }
  .textColumns .row {
    gap: 40px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@container (min-width: 640px) and (max-width:966px) {
  .textColumns .row .column:not(:nth-child(2n)):not(:last-child):after {
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E8E9EB;
  }
}
@container (min-width: 967px) {
  .textColumns .row {
    grid-template-columns: repeat(4, 1fr);
    gap: 80px;
  }
  .textColumns .row .column:not(:nth-child(4n)):not(:last-child):after {
    content: "";
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #E8E9EB;
  }
}