@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-RegularItalic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-BoldItalic.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-MediumItalic.otf') format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-SemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basiercircle;
  src: url('../fonts/BasierCircle-SemiBoldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --neutral-600: #888b94;
  --neutral-800: #14192b;
  --midnight-blue: #211c5c;
  --razzmatazz: #ed0e61;
  --neutral-200: #f7f8fa;
  --white: white;
  --neutral-400: #d8dae3;
  --primary-1: #0144e4;
  --neutral-700: #4b5166;
  --neutral-300: #e9eaf0;
  --steel-blue: #0e8ece;
  --grey: #5e6269;
  --indigo-40: #a6a4be;
  --indigo-20: #d3d2de;
  --indigo-70: #64608d;
  --purple-10: #ececf4;
  --neutral-500: #b8bac3;
  --gainsboro: #dee0e5;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceaddtocarterror {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: var(--neutral-600);
  letter-spacing: .02em;
  font-family: Basiercircle, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
}

h1 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 68px;
  font-weight: 700;
  line-height: 1.118em;
}

h2 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.353em;
}

h3 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.44em;
}

h4 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4em;
}

h5 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375em;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--midnight-blue);
  text-decoration: underline;
  transition: color .35s;
}

a:hover {
  color: var(--neutral-800);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ol {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: .625rem;
}

img {
  max-width: 100%;
  display: block;
}

label {
  color: var(--neutral-800);
  margin-bottom: 8px;
  font-weight: 500;
  display: block;
}

strong {
  color: var(--neutral-800);
  font-weight: 700;
}

blockquote {
  border-left: 8px solid var(--razzmatazz);
  background-color: var(--neutral-200);
  color: var(--neutral-800);
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 63px 106px 63px 100px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
}

.flex.vertical {
  flex-direction: column;
  align-items: center;
  max-width: 55%;
}

.flex.vertical.custom {
  align-items: flex-start;
  padding-left: 30px;
}

.flex.space-between {
  justify-content: space-between;
}

.flex.space-between.list-question {
  padding-top: 20px;
  padding-bottom: 0;
}

.flex.flex-wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}

.flex.flex-wrap.flex-gap.blog {
  grid-column-gap: 1.25rem;
  margin: 0 0 0;
  padding: 0;
  overflow: visible;
}

.flex.flex-wrap.blog {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: nowrap;
  width: auto;
  margin: 0 -1.5rem 3.5rem;
  padding: 1rem 1.5rem;
  overflow: auto;
}

.flex.flex-gap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.color-white {
  color: var(--white);
}

.color-white.only-tablet {
  color: var(--midnight-blue);
}

.bg-neutral-200 {
  background-color: var(--neutral-200);
}

.container-default {
  flex: 1;
  justify-content: center;
  max-width: 1222px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Basiercircle, sans-serif;
  line-height: 1.6em;
  display: block;
}

.container-default.customer-story-container {
  max-width: 744px;
}

.container-default.flex {
  justify-content: flex-start;
  align-items: center;
}

.container-default.flex.small {
  justify-content: center;
  max-width: 1000px;
}

.container-default.flex.small.vertical {
  flex-direction: column;
}

.container-default.flex.small.vertical.extra-small {
  max-width: 700px;
}

.container-default.flex.small.vertical.margin-bottom {
  padding-bottom: 30px;
}

.container-default.flex.small.align-top {
  align-items: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}

.container-default.flex.align-right {
  justify-content: flex-end;
  padding-right: 330px;
}

.container-default.flex-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.container-default.flex-vertical {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 9%;
  display: flex;
  position: static;
}

.container-default.default-padding {
  padding-top: 160px;
  padding-bottom: 160px;
}

.container-default.default-padding.center-flex {
  justify-content: center;
  display: flex;
}

.container-default.container-flex {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-default.grid-blog {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1100px;
  display: grid;
}

.container-default.blog-test {
  max-width: 1100px;
}

.paragraph-large {
  letter-spacing: 0;
  font-size: 22px;
  line-height: 1.636em;
}

.paragraph-large.home-hero {
  color: var(--neutral-400);
  max-width: 461px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.paragraph-large.blog-hero {
  margin-bottom: 58px;
  font-family: Basiercircle, sans-serif;
  line-height: 1.6em;
}

.paragraph-large.plan-page-about-summary {
  max-width: 519px;
  margin-bottom: 40px;
}

.paragraph-large.career-description {
  margin-bottom: 49px;
}

.paragraph-large.feature-hero {
  margin-bottom: 31px;
}

.paragraph-large.not-found {
  margin-bottom: 48px;
}

.paragraph-large.text-color-purple {
  font-family: Basiercircle, sans-serif;
  line-height: 1.6em;
}

.button-wrap.steps-button {
  text-align: center;
  margin-bottom: 40px;
}

.button-primary {
  background-color: var(--midnight-blue);
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  border-radius: 8px;
  padding: 20px 44px;
  line-height: 1.25em;
  transition-property: transform;
  transition-duration: .3s;
}

.button-primary:hover {
  color: var(--white);
  transform: translate(0, -6px);
}

.button-primary.small {
  padding: 16px 28px;
  font-size: 15px;
  line-height: 1.133em;
}

.button-primary.small.sign-up {
  position: absolute;
  right: 13px;
}

.button-primary.small.sign-up:hover {
  transform: translate(0, -4px);
}

.button-primary.small.blog-newsletter {
  position: absolute;
  right: 13px;
}

.button-primary.small.blog-newsletter:hover {
  transform: translate(0, -4px);
}

.button-primary.small.feature-hero-get-started {
  position: absolute;
  right: 18px;
}

.button-primary.small.feature-hero-get-started:hover {
  transform: translate(0, -4px);
}

.button-primary.full-width {
  align-self: stretch;
  display: block;
}

.button-primary.full-width.card-pricing-plan {
  padding: 16px 28px;
  font-size: 15px;
  line-height: 1.133em;
}

.button-primary.full-width.add-to-cart {
  width: 100%;
}

.button-primary.full-width.add-to-cart:hover {
  transform: translate(0, -4px);
}

.button-primary.checkout {
  margin-top: 15px;
  margin-bottom: 0;
}

.button-primary._2-buttons {
  margin-right: 26px;
}

.button-primary._2-buttons.iswhite {
  background-color: var(--white);
  color: var(--midnight-blue);
  font-style: normal;
}

.button-primary.header-button {
  padding: 16px 28px;
  font-size: 15px;
  line-height: 1.133em;
}

.button-primary.header-button:hover {
  transform: translate(0, -4px);
}

.button-primary.header-button.iswhite {
  background-color: var(--white);
  color: var(--midnight-blue);
}

.button-primary.integration {
  text-decoration: none;
  display: flex;
}

.button-primary.header-button-mobile {
  padding: 16px 28px;
  font-size: 15px;
  line-height: 1.133em;
}

.button-primary.header-button-mobile.iswhite {
  padding: 12px 16px;
}

.button-primary.header-button-mobile.issecondary {
  background-color: #0000;
  border: 1px solid #fff;
}

.button-primary.header-button-mobile.issecondary.isnavy {
  border-color: var(--midnight-blue);
  color: var(--midnight-blue);
}

.button-primary.header-button-mobile.issecondary.isnavy.dropdown.hide {
  display: none;
}

.button-primary.header-button-mobile.issecondary.dropdown {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-primary.header-button-mobile.issecondary.dropdown:hover {
  transform: none;
}

.button-primary.header-button-mobile.new.less-padding {
  padding: 12px 16px;
  font-family: Basiercircle, sans-serif;
}

.button-primary.iswhite {
  background-color: var(--white);
  color: var(--midnight-blue);
}

.button-primary.margin-top-80 {
  margin-top: 80px;
}

.button-primary.margin-top-80.padding-side-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.button-secondary {
  border: 1px solid var(--neutral-400);
  color: var(--neutral-800);
  text-align: center;
  letter-spacing: 0;
  background-color: #0000;
  border-radius: 8px;
  padding: 20px 44px;
  line-height: 1.25em;
  transition: transform .3s, color .3s, border-color .3s;
}

.button-secondary:hover {
  border-color: var(--midnight-blue);
  color: var(--midnight-blue);
  transform: translate(0, -6px);
}

.button-secondary.discounts {
  border-width: 1px;
  flex: 0 auto;
  height: auto;
  margin-left: 0;
  padding-bottom: 15px;
  padding-left: 16px;
  padding-right: 16px;
}

.button-secondary._2-buttons.iswhite {
  color: var(--white);
}

.button-secondary._2-buttons.iswhite:hover {
  border-color: #d8dae326;
}

.button-secondary.pagination {
  margin-top: 60px;
  font-size: 16px;
}

.button-secondary.category {
  background-color: var(--neutral-200);
  border-style: none;
  border-radius: 100px;
  padding: 14px 20px;
  font-size: 17px;
  line-height: 1.118em;
}

.button-secondary.category.w--current {
  border-color: var(--primary-1);
  background-color: var(--primary-1);
  color: var(--white);
}

.button-secondary.category.all {
  background-color: var(--midnight-blue);
  color: var(--white);
  border-radius: 100px;
  margin-right: 24px;
}

.button-secondary.category.category-all.w--current {
  flex: none;
}

.button-secondary.full-width {
  display: block;
}

.button-secondary.full-width.buy-now {
  margin-top: 15px;
}

.button-secondary.full-width.buy-now:hover {
  transform: translate(0, -4px);
}

.header {
  z-index: 99;
  background-color: #0000;
  border-bottom: 1px solid #e3e8ef1a;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.header.lightbg {
  z-index: 99;
  background-color: var(--white);
  border-bottom-color: #e3e8ef;
}

.header-logo {
  max-width: 100%;
  margin-top: -4px;
}

.header-navigation {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item-wrapper {
  margin-bottom: 0;
  margin-right: 24px;
}

.nav-link {
  color: var(--neutral-800);
  text-decoration: none;
  transition: color .35s;
}

.nav-link:hover {
  color: var(--midnight-blue);
}

.nav-link.dropdown {
  align-items: flex-end;
  padding: 0;
  line-height: 1em;
  display: flex;
}

.nav-link.iswhite, .nav-link.iswhite.w--current {
  color: var(--white);
}

.nav-link.iswhite.margin-right {
  margin-right: 8px;
}

.nav-link.iswhite.arrow {
  margin-right: 0;
  position: relative;
}

.nav-link.iswhite.arrow.invert {
  filter: invert();
}

.nav-link.margin-right {
  margin-right: 8px;
}

.nav-menu, .nav-menu.hasprimarybg {
  display: flex;
}

.footer_component {
  background-color: var(--midnight-blue);
}

.footer-logo-container {
  transition-property: transform;
  transition-duration: .3s;
}

.footer-logo-container:hover {
  transform: translate(0, -4px);
}

.footer-logo {
  width: 241px;
}

.section {
  color: var(--neutral-700);
  padding-top: 180px;
  padding-bottom: 180px;
  font-size: 22px;
}

.section.checkout-hero {
  padding-top: 100px;
  padding-bottom: 80px;
}

.section.home-hero {
  padding-top: 140px;
  padding-bottom: 0;
  transition: opacity .2s;
  display: block;
  overflow: hidden;
}

.section.cta {
  padding-top: 0;
  padding-bottom: 0;
}

.section.home-create-account {
  margin-top: -71px;
  padding-top: 0;
  padding-bottom: 120px;
}

.section.about-hero {
  padding-top: 140px;
  padding-bottom: 0;
}

.section.blog-hero {
  padding-top: 140px;
  padding-bottom: 100px;
}

.section.blog {
  padding-top: 140px;
}

.section.blog-post {
  padding-top: 140px;
  padding-bottom: 0;
}

.section.blog-post.customer-story {
  object-position: 50% 0%;
  padding-top: 0;
}

.section.plan {
  padding-top: 140px;
  padding-bottom: 130px;
}

.section.careers-hero {
  padding-top: 140px;
  padding-bottom: 80px;
  position: relative;
}

.section.practice-preach {
  margin-top: 80px;
  padding-top: 0;
  padding-bottom: 50px;
}

.section.career {
  padding-top: 140px;
  padding-bottom: 100px;
}

.section.more-positions {
  padding-top: 115px;
  padding-bottom: 128px;
}

.section.features {
  background-image: url('../images/features__bg2.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 140px;
  padding-bottom: 0;
  display: block;
}

.section.features-cta {
  padding-bottom: 140px;
}

.section.feature-hero {
  padding-top: 140px;
  padding-bottom: 121px;
}

.section.featured-on {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.integrations {
  padding-top: 140px;
  padding-bottom: 140px;
}

.section.integrations-cta {
  padding-top: 0;
  padding-bottom: 120px;
}

.section.more-integrations {
  padding-top: 140px;
  padding-bottom: 140px;
}

.section.integration {
  padding-top: 118px;
  padding-bottom: 148px;
}

.section.contact {
  padding-top: 140px;
  padding-bottom: 160px;
}

.section.more-contact, .section.faqs {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section.pricing-category, .section.integrations-category {
  padding-top: 140px;
  padding-bottom: 140px;
}

.section.blog-category {
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.section.blog-category.section-no-top-padding {
  padding-top: 0;
  padding-bottom: 140px;
}

.section.team {
  padding: 100px 24px 70px;
}

.section.team-articles {
  padding-top: 90px;
  padding-bottom: 140px;
}

.section.how-we-work {
  padding-top: 0;
  padding-bottom: 120px;
  overflow: hidden;
}

.section.no-bottom-padding {
  padding-top: 90px;
  padding-bottom: 0;
}

.section.haslines {
  background-color: var(--white);
  padding-top: 90px;
  position: relative;
  overflow: hidden;
}

.section.trustedbylogos {
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.s--testimonials {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  margin-top: 60px;
  padding-top: 90px;
  padding-bottom: 90px;
}

.section.about-rows {
  padding-top: 80px;
  padding-bottom: 0;
}

.section.book-demo-cta {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.trusted-by-investors {
  color: var(--neutral-600);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.feature-row {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.careers-2 {
  padding-top: 0;
  padding-bottom: 0;
}

.section.jobs {
  z-index: 1;
  background-color: var(--midnight-blue);
  padding-top: 120px;
  padding-bottom: 140px;
  position: relative;
}

.section.wellness {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  background-image: url('../images/Group-547.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 6.5rem;
  padding-bottom: 9.625rem;
}

.section.benefits-info {
  color: var(--midnight-blue);
  text-align: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.utility-page-wrap {
  align-items: center;
  min-height: 849px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.utility-page-wrap.protected-page {
  justify-content: center;
  padding-left: 24px;
  padding-right: 24px;
}

.utility-page-content-password {
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  text-align: center;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  max-width: 580px;
  padding: 72px 50px;
  display: flex;
  box-shadow: 0 3px 10px #080f340a;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.input {
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  color: var(--neutral-800);
  letter-spacing: .01em;
  border-radius: 6px;
  height: 63px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  line-height: 1.733em;
  transition: box-shadow .35s, border-color .35s, color .35s;
  box-shadow: 0 2px 8px #14192b0f;
}

.input:hover {
  border-color: var(--primary-1);
  box-shadow: 0 0 #14192b0f;
}

.input:focus, .input.-wfp-focus {
  border-color: var(--primary-1);
  color: var(--neutral-800);
  font-size: 15px;
  box-shadow: 0 0 #14192b0f;
}

.input::placeholder {
  color: var(--neutral-600);
  font-size: 15px;
}

.input.password {
  margin-bottom: 20px;
}

.input.checkout {
  height: 53px;
  margin-bottom: 16px;
}

.input.discounts {
  border-width: 1px;
  flex: 0 auto;
  height: 53px;
  margin-bottom: 16px;
}

.input.sign-up, .input.blog-newsletter {
  height: 76px;
  padding-left: 20px;
  padding-right: 160px;
}

.input.feature-hero-get-started {
  height: 76px;
  padding-left: 23px;
  padding-right: 160px;
}

.utility-page-content-404 {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

._404-title {
  color: var(--primary-1);
  margin-bottom: 34px;
  font-size: 140px;
  line-height: .857em;
}

.divider {
  background-color: var(--neutral-300);
  width: 100%;
  height: 1px;
}

.divider.blog-section-item-divider, .divider.blog-post-item-divider {
  margin-top: 16px;
  margin-bottom: 16px;
}

.divider.card-open-position {
  margin-top: 21px;
  margin-bottom: 27px;
}

.divider.contact {
  margin-top: 56px;
  margin-bottom: 56px;
}

.divider.bottom-margin {
  margin-bottom: 48px;
}

.icon-password {
  background-color: var(--neutral-200);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.paragraph.password {
  margin-bottom: 40px;
}

.paragraph.analytics-user, .paragraph.analytics-campaigns {
  margin-bottom: 32px;
}

.paragraph.analytics-campaigns.islarger {
  margin-right: 5.4rem;
  font-size: 1.33rem;
}

.paragraph.card-pricing-plan-summary {
  margin-bottom: 24px;
}

.paragraph.card-apply {
  margin-bottom: 29px;
}

.paragraph.feature {
  margin-bottom: 24px;
}

.paragraph.start-tracking {
  margin-bottom: 40px;
}

.paragraph.card-integration, .paragraph.card-integration-section {
  margin-bottom: 24px;
}

.paragraph.card-team-bio-summary {
  margin-bottom: 24px;
  font-size: 1.125rem;
  line-height: 1.6em;
}

.paragraph.feature-para {
  margin-bottom: 32px;
}

.paragraph.color-white {
  font-style: normal;
}

.paragraph.values {
  max-width: 495px;
  font-size: 20px;
}

.paragraph-small {
  letter-spacing: .01em;
  font-size: 15px;
  line-height: 1.733em;
}

.paragraph-small.footer-newsletter {
  max-width: 350px;
}

.paragraph-small.more-contact {
  margin-bottom: 27px;
}

.card {
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 10px #080f340a;
}

.card.checkout {
  margin-bottom: 40px;
}

.card.checkout.last {
  margin-bottom: 0;
}

.card.checkout.order-summary {
  border-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
}

.card.bg-neutral-200 {
  background-color: var(--neutral-200);
  box-shadow: none;
  border-width: 0;
}

.card.bg-neutral-200.cta {
  background-color: var(--midnight-blue);
  color: var(--white);
  justify-content: space-between;
  align-items: center;
  padding: 47px 45px 47px 60px;
  display: flex;
}

.card.bg-neutral-200.sign-up {
  z-index: 1;
  border-style: none;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  padding: 88px 44px 88px 49px;
  display: flex;
  position: relative;
}

.card.bg-neutral-200.blog-newsletter {
  justify-content: space-between;
  align-items: center;
  padding: 70px 44px 70px 49px;
  display: flex;
}

.card.bg-neutral-200.get-plan {
  min-height: 440px;
  padding: 48px 32px 50px;
  position: sticky;
  top: 10px;
}

.card.bg-neutral-200.get-plan-mobile {
  margin-bottom: 61px;
  padding: 48px 32px 50px;
  display: none;
}

.card.bg-neutral-200.perk {
  background-color: var(--white);
}

.card.bg-neutral-200.apply {
  padding: 47px 29px;
  position: sticky;
  top: 10px;
}

.card.bg-neutral-200.feature {
  color: var(--neutral-600);
  flex-direction: column;
  padding: 56px 40px 40px;
  text-decoration: none;
  display: flex;
}

.card.bg-neutral-200.feature:hover {
  color: var(--neutral-600);
}

.card.bg-neutral-200.more-contact {
  color: var(--neutral-600);
  text-align: center;
  padding: 48px 32px 50px;
  text-decoration: none;
}

.card.bg-neutral-200.more-contact:hover {
  color: var(--neutral-600);
}

.card.bg-neutral-200.employee-banner-cta {
  background-color: var(--midnight-blue);
  color: var(--white);
  background-image: url('../images/benepass.png');
  background-position: 105%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  justify-content: space-between;
  align-items: center;
  min-height: 350px;
  padding: 47px 45px 47px 60px;
  display: flex;
  position: relative;
}

.card.about-news {
  color: var(--neutral-600);
  padding: 40px 32px 48px;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s, transform .3s;
}

.card.about-news:hover {
  border-color: var(--primary-1);
  color: var(--neutral-600);
  transform: translate(0, -8px);
  box-shadow: 0 8px 20px #080f340f;
}

.card.about-author {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  max-width: none;
  margin-top: 3rem;
  padding: 57px 53px;
  display: flex;
}

.card.pricing-plan {
  box-shadow: none;
  color: var(--neutral-600);
  border-width: 0;
  padding: 32px 32px 48px;
  text-decoration: none;
  transition: background-color .35s;
}

.card.pricing-plan:hover {
  background-color: var(--neutral-200);
  color: var(--neutral-600);
}

.card.open-position {
  color: var(--neutral-600);
  padding: 29px 33px 30px;
  text-decoration: none;
  transition: box-shadow .3s, transform .3s;
}

.card.open-position:hover {
  color: var(--neutral-600);
  transform: translate(0, -8px);
  box-shadow: 0 8px 20px #080f340f;
}

.card.integration {
  color: var(--neutral-600);
  padding: 40px 32px 54px;
  text-decoration: none;
  transition: border-color .3s, box-shadow .3s, transform .3s;
}

.card.integration:hover {
  border-color: var(--primary-1);
  color: var(--neutral-600);
  transform: translate(0, -8px);
  box-shadow: 0 8px 20px #080f340f;
}

.card.integration-section {
  color: var(--neutral-600);
  padding: 40px 32px 54px;
  text-decoration: none;
  transition: border-color .3s, box-shadow .3s, transform .3s;
}

.card.integration-section:hover {
  border-color: var(--primary-1);
  color: var(--neutral-600);
  transform: translate(0, -8px);
  box-shadow: 0 8px 20px #080f340f;
}

.card.contact-form {
  align-items: center;
  min-height: 590px;
  padding: 57px 40px 54px;
  display: flex;
}

.card.faq {
  cursor: pointer;
  margin-bottom: 24px;
  padding: 32px 34px 32px 39px;
  box-shadow: 0 0 #080f340a;
}

.card.faq.last {
  margin-bottom: 0;
}

.card.team {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  align-items: center;
  max-width: 940px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding: 57px 53px;
  display: grid;
}

.card.default {
  padding: 60px 40px;
}

.checkout-form {
  background-color: #0000;
  padding: 80px 0 140px;
}

.checkout-block-header {
  border-width: 0;
  padding: 30px 40px 20px;
}

.checkout-block-content {
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  padding: 10px 40px 40px;
}

.title.checkout {
  margin-bottom: 0;
}

.title.order-item {
  color: var(--neutral-800);
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.title.order-item:hover {
  color: var(--primary-1);
}

.title.cta {
  margin-bottom: 32px;
  font-size: 46px;
  line-height: 1.2em;
}

.title.cta.iswhite, .title.cta.companylogos {
  color: var(--white);
}

.title.sign-up {
  color: var(--midnight-blue);
  max-width: 451px;
  margin-bottom: 0;
  margin-right: 40px;
  font-size: 46px;
  line-height: 1.1em;
}

.title.analytics-user {
  color: var(--midnight-blue);
  margin-bottom: 14px;
}

.title.h4-size {
  font-size: 20px;
  line-height: 1.4em;
}

.title.h4-size.step-tab-link-title {
  color: var(--midnight-blue);
  margin-bottom: 4px;
}

.title.h4-size.plan-features-title {
  margin-bottom: 24px;
}

.title.h4-size.perk {
  color: var(--midnight-blue);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
}

.title.h4-size.perk.color-white {
  color: var(--white);
}

.title.h4-size.card-open-position {
  margin-bottom: 5px;
}

.title.h4-size.advanced-analytics, .title.h4-size.start-tracking-user, .title.h4-size.contact-link {
  margin-bottom: 8px;
}

.title.h4-size.more-contact {
  margin-bottom: 12px;
}

.title.h4-size.faq {
  margin-bottom: 0;
  margin-right: 15px;
}

.title.h4-size.feature-title {
  margin-bottom: 8px;
  font-size: 24px;
}

.title.steps {
  color: var(--midnight-blue);
  text-align: center;
  margin-bottom: 16px;
}

.title.blog-section-item-title {
  margin-bottom: 0;
  font-size: 1.5rem;
}

.title.footer-nav-title {
  color: var(--midnight-blue);
  margin-bottom: 32px;
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.118em;
}

.title.analytics-campaigns {
  color: var(--midnight-blue);
  margin-bottom: 14px;
}

.title.about-h2 {
  color: var(--midnight-blue);
  margin-bottom: 20px;
  font-size: 2.125rem;
}

.title.blog-hero {
  margin-bottom: 30px;
  font-family: Basiercircle, sans-serif;
}

.title.blog {
  margin-bottom: 0;
}

.title.blog-post-item-title {
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
}

.title.blog-newsletter {
  margin-bottom: 0;
}

.title.h3-size {
  font-size: 25px;
  line-height: 1.44em;
}

.title.h3-size.card-about-author {
  margin-bottom: 6px;
  font-family: Basiercircle, sans-serif;
}

.title.h3-size.get-plan, .title.h3-size.card-apply {
  margin-bottom: 10px;
}

.title.card-pricing-plan-name {
  color: var(--neutral-600);
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4em;
}

.title.h1-size {
  color: var(--neutral-800);
  font-size: 68px;
  font-weight: 500;
  line-height: 1.118em;
}

.title.h1-size.plan-title {
  margin-bottom: 0;
  margin-right: 10px;
}

.title.h1-size.integration {
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 54px;
  line-height: 1.259em;
}

.title.h1-size.category {
  margin-bottom: 0;
  margin-right: 10px;
}

.title.perks {
  color: var(--midnight-blue);
  margin-bottom: 1rem;
}

.title.careers {
  color: var(--midnight-blue);
  margin-bottom: 30px;
}

.title.job-requirements {
  margin-bottom: 20px;
}

.title.more-positions {
  margin-bottom: 0;
}

.title.job-responsabilities {
  margin-bottom: 20px;
}

.title.features {
  color: var(--midnight-blue);
  margin-bottom: 30px;
}

.title.feature-hero {
  margin-bottom: 31px;
}

.title.start-tracking {
  max-width: 514px;
  margin-bottom: 16px;
}

.title.available-integrations {
  margin-bottom: 0;
}

.title.card-integration {
  margin-bottom: 6px;
}

.title.more-integrations {
  margin-bottom: 0;
}

.title.card-integration-section {
  margin-bottom: 6px;
}

.title.not-found {
  margin-bottom: 16px;
  font-size: 32px;
}

.title.h2-size {
  font-size: 34px;
  line-height: 1.353em;
}

.title.h2-size.card-team-name {
  margin-bottom: 3px;
}

.title.team-articles {
  margin-bottom: 0;
  margin-right: 10px;
}

.title.dropdown-nav-title {
  margin-bottom: 35px;
  font-size: 17px;
  line-height: 1.118em;
}

.title.h6-size {
  font-size: 16px;
  line-height: 1.375em;
}

.title.h6-size.dropdown-feature {
  margin-bottom: 6px;
}

.title.card-feature {
  color: var(--midnight-blue);
}

.title.feature-title {
  color: var(--midnight-blue);
  margin-bottom: 14px;
  font-size: 32px;
}

.title.legal {
  color: var(--midnight-blue);
  margin-bottom: 100px;
}

.title.who-we-are {
  color: var(--midnight-blue);
  margin-bottom: .75rem;
  font-size: 2.5rem;
}

.title.color-white {
  font-style: normal;
}

.title.benefits {
  color: var(--white);
  letter-spacing: -.02em;
  margin-bottom: 2rem;
  line-height: 1;
}

.title.footer-nav-title {
  margin-bottom: 50px;
  font-size: 17px;
  line-height: 1.118em;
}

.title.footer-nav-title.newsletter {
  color: #211c5c;
  font-size: 36px;
  line-height: 1.2em;
}

.title.demo-request {
  z-index: 3;
  color: var(--midnight-blue);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 64px;
  line-height: 1.2;
  position: relative;
}

.title.customer-story-card-title {
  font-size: 20px;
  line-height: 32px;
}

.title.preacg {
  color: var(--midnight-blue);
  margin-bottom: 0;
  font-size: 2.5rem;
}

.split-content.checkout-left, .split-content.checkout-right {
  flex-grow: 1;
}

.split-content.header-right {
  margin-right: 20px;
}

.split-content.header-left {
  align-items: center;
  display: flex;
}

.split-content.header-left.new {
  display: none;
}

.split-content.cta-left {
  max-width: 49%;
  margin-right: 60px;
}

.split-content.cta-right {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 503px;
  display: flex;
  position: relative;
}

.split-content.right-footer-content-top.hide {
  display: none;
}

.split-content.blog-newsletter-left {
  max-width: 44%;
  margin-right: 40px;
  padding-right: 15px;
}

.split-content.plan-left {
  max-width: 629px;
  margin-right: 40px;
}

.split-content.plan-right {
  max-width: 467px;
}

.split-content.careers-hero-left {
  z-index: 1;
  max-width: 670px;
  position: relative;
}

.split-content.card-open-position-left {
  align-items: center;
  display: flex;
}

.split-content.career-content {
  max-width: 758px;
  margin-right: 40px;
}

.split-content.career-sidebar {
  max-width: 376px;
}

.split-content.start-tracking-left {
  max-width: 571px;
  margin-right: 40px;
}

.split-content.start-tracking-right {
  align-items: center;
  width: 100%;
  max-width: 562px;
  display: flex;
  position: relative;
}

.split-content.content-top-integration-right {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.split-content.contact-left {
  max-width: 41%;
  margin-right: 40px;
}

.split-content.contact-right {
  width: 100%;
  max-width: 624px;
}

.split-content.not-found-content {
  max-width: 570px;
  margin-right: 20px;
}

.split-content.team-articles-left {
  flex-wrap: wrap;
  display: flex;
}

.split-content.dropdown-features-left {
  margin-right: 40px;
}

.split-content.cta-half {
  width: 50%;
}

.checkout-field-label {
  margin-top: 15px;
  margin-bottom: 6px;
}

.checkout-required-text {
  color: var(--primary-1);
  font-size: 20px;
}

.checkout-billing-address-toggle {
  align-items: center;
  margin-top: 10px;
}

.checkout-checkbox-label {
  margin-bottom: 0;
}

.checkout-checkbox {
  margin-top: 0;
}

.order-item-list {
  margin-bottom: -40px;
}

.order-item {
  justify-content: space-between;
  margin-bottom: 40px;
}

.image-wrapper {
  overflow: hidden;
}

.image-wrapper.blog-section-item-image {
  border-radius: 6px;
  height: auto;
  margin-bottom: 25px;
}

.image-wrapper.blog-post-item-image {
  aspect-ratio: 3 / 2;
  border-radius: 6px;
  margin-bottom: 25px;
  position: relative;
}

.image-wrapper.blog-post-item-image.customers {
  aspect-ratio: 16 / 9;
  height: auto;
}

.image-wrapper.about-author {
  border-radius: 1000px;
  width: 173px;
  min-width: 173px;
  height: 173px;
  margin-right: 41px;
}

.image-wrapper.blog-post-author-image {
  border-radius: 1000px;
  width: 72px;
  min-width: 72px;
  height: 72px;
  margin-right: 18px;
}

.image-wrapper.card-integration, .image-wrapper.card-integration-section {
  border: 1px solid var(--neutral-400);
  border-radius: 6px;
  width: 72px;
  min-width: 72px;
  height: 72px;
}

.image-wrapper.card-team {
  border-radius: 50%;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  display: flex;
  box-shadow: 14px 12px 40px #0000000d;
}

.image {
  height: auto;
}

.image.home-hero-logo {
  object-fit: contain;
  max-height: 40px;
}

.image.home-hero-1 {
  border: 1px none var(--neutral-300);
  border-radius: 8px;
  box-shadow: 0 38px 80px #14192b08;
}

.image.home-hero-2 {
  border: 1px none var(--neutral-300);
  box-shadow: none;
  border-radius: 8px;
  max-height: 490px;
  position: absolute;
  bottom: -26px;
  left: -50px;
}

.image.home-hero-3 {
  border: 1px none var(--neutral-300);
  box-shadow: none;
  border-radius: 8px;
  max-height: 160px;
  position: absolute;
  top: -55px;
  right: -75px;
}

.image.analytics-campaigns {
  border: 1px solid var(--neutral-300);
  border-radius: 15px;
  max-width: 48%;
  box-shadow: 0 38px 80px #14192b08;
}

.image.analytics-tool-feature-icon {
  margin-right: 10px;
}

.image.analytics-user-1 {
  border: 1px solid var(--neutral-300);
  border-radius: 15px;
  max-width: 440px;
  box-shadow: 0 38px 80px #14192b08;
}

.image.analytics-user-2 {
  border: 1px solid var(--neutral-300);
  border-radius: 20px;
  position: absolute;
  bottom: -81px;
  right: 0;
  box-shadow: 0 35px 81px #0821490f, 0 15px 36px #14192b03;
}

.image.cta-1 {
  border: 1px solid var(--neutral-300);
  border-radius: 10px;
  max-width: 253px;
  box-shadow: 0 38px 80px #14192b08;
}

.image.cta-2 {
  border: 1px solid var(--neutral-300);
  border-radius: 8px;
  max-width: 253px;
  position: absolute;
  bottom: 39px;
  left: 0;
  box-shadow: 0 35px 81px #0821490f, 0 15px 36px #14192b08;
}

.image.cta-3 {
  border: 1px solid var(--neutral-300);
  border-radius: 8px;
  max-width: 253px;
  position: absolute;
  top: 70px;
  right: 0;
  box-shadow: 0 35px 81px #0821490f, 0 15px 36px #14192b08;
}

.image.step {
  border-radius: 8px;
}

.image.blog-section-item-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.image.blog-section-item-date-icon {
  max-width: 17px;
  margin-right: 10px;
}

.image.blog-section-item-time-icon {
  max-width: 18px;
  margin-right: 10px;
}

.image.blog-post-item-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image.blog-post-item-date-icon {
  max-width: 17px;
  margin-right: 10px;
}

.image.blog-post-item-time-icon {
  max-width: 18px;
  margin-right: 10px;
}

.image.blog-newsletter-icon {
  margin-bottom: 13px;
}

.image.blog-post {
  border-radius: 10px;
  margin-bottom: 100px;
}

.image.about-author {
  object-fit: cover;
  width: 173px;
  height: 173px;
}

.image.blog-post-date-icon, .image.blog-post-time-icon {
  margin-right: 10px;
}

.image.blog-post-author-image {
  object-fit: cover;
  width: 72px;
  height: 72px;
}

.image.perk-icon {
  margin-bottom: 15px;
}

.image.card-open-position-location-icon, .image.card-open-position-time-icon {
  margin-right: 10px;
}

.image.feature {
  border: 1px solid var(--neutral-300);
  border-radius: 6px;
  margin-top: auto;
  box-shadow: 0 35px 81px #0821490f, 0 16px 36px #14192b03;
}

.image.feature-hero-1 {
  border: 1px solid var(--neutral-300);
  border-radius: 8px;
  box-shadow: 0 36px 77px #14192b08;
}

.image.feature-hero-2 {
  border: 1px solid var(--neutral-300);
  border-radius: 8px;
  max-width: 242px;
  position: absolute;
  bottom: 60px;
  left: 0;
  box-shadow: 0 38px 86px #0821490f, 0 16px 38px #14192b03;
}

.image.feature-hero-3 {
  border: 1px solid var(--neutral-300);
  border-radius: 8px;
  max-width: 242px;
  position: absolute;
  top: 37px;
  right: 0;
  box-shadow: 0 36px 81px #0821490f, 0 16px 36px #14192b03;
}

.image.advanced-analytics {
  border: 1px solid var(--neutral-300);
  border-radius: 14px;
  box-shadow: 0 35px 76px #14192b08;
}

.image.advanced-analytics-icon {
  margin-top: 7px;
  margin-right: 10px;
}

.image.start-tracking-1 {
  border: 1px solid var(--neutral-300);
  border-radius: 15px;
  max-width: 435px;
  margin-right: 40px;
  box-shadow: 0 38px 80px #14192b08;
}

.image.start-tracking-2 {
  border: 1px solid var(--neutral-300);
  border-radius: 12px;
  max-width: 274px;
  position: absolute;
  top: 71px;
  right: 0;
  box-shadow: 0 49px 112px #0821490f, 0 20px 49px #14192b03;
}

.image.start-tracking-user-icon {
  margin-bottom: 16px;
}

.image.integration-main-image {
  border-radius: 14px;
  margin-bottom: 128px;
}

.image.integration {
  border: 1px solid var(--neutral-400);
  border-radius: 6px;
  width: 206px;
  min-width: 206px;
  height: 206px;
  margin-right: 48px;
}

.image.not-found {
  max-width: 46%;
}

.image.card-team {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
}

.image.features-image-item {
  max-width: 48%;
}

.image.feature-image {
  border: 1px solid var(--neutral-300);
  border-radius: 15px;
  width: 100%;
  max-width: 48%;
  box-shadow: 0 38px 80px #14192b08;
}

.image.white-glove-feature-image {
  width: 100%;
  max-width: 540px;
  margin: 40px auto;
  display: block;
}

.image.ignore-section-padding {
  margin-top: -8rem;
  margin-bottom: -8rem;
}

.image.is-diagram {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.order-item-wrapper {
  flex-wrap: wrap;
  margin-right: 16px;
  display: flex;
}

.order-item-content {
  margin-left: 0;
  margin-right: 0;
}

.order-item-price, .order-item-option-result {
  color: var(--neutral-800);
  font-weight: 500;
}

.apple-pay {
  height: 56px;
}

.checkout-line-item {
  flex-wrap: wrap;
}

.order-summary-subtotal {
  color: var(--neutral-800);
  font-weight: 500;
}

.order-summary-total {
  color: var(--neutral-800);
  font-size: 20px;
  font-weight: 500;
}

.discounts {
  border-width: 0;
  flex-direction: column;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.paypal {
  margin-bottom: 15px;
}

.checkout-hero-wrapper {
  text-align: center;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.header-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-hero-content {
  max-width: none;
  margin-bottom: 123px;
}

.content-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.content-top.mission {
  flex-direction: column;
  align-items: flex-start;
  max-width: 554px;
  margin-bottom: 6rem;
}

.content-top.more-positions {
  margin-bottom: 29px;
}

.content-top.integrations {
  margin-bottom: 52px;
}

.content-top.integration {
  margin-bottom: 72px;
}

.content-top.more-integrations {
  margin-bottom: 45px;
}

.content-top.integrations-category {
  flex-direction: column;
  margin-bottom: 52px;
}

.content-top.blog-category {
  flex-direction: column;
  margin-bottom: 72px;
}

.content-top.team-articles {
  margin-bottom: 55px;
}

.content-top.values {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 3.25rem;
}

.content-top.webinars {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}

.container-medium-741px {
  max-width: 741px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-medium-741px.home-analytics-tool {
  text-align: center;
  margin-bottom: 48px;
}

.container-medium-741px.more-contact {
  text-align: center;
  margin-bottom: 40px;
}

.home-hero-images-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 143px;
  display: flex;
  position: relative;
}

.home-hero-logos-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-hero-logos-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 877px;
}

.home-hero-logos-text {
  color: var(--neutral-800);
  white-space: nowrap;
  margin-right: 40px;
}

.steps-tabs {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.steps-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 43%;
  margin-left: auto;
  display: grid;
}

.steps-tabs-content {
  border-radius: 6px;
  width: 100%;
  max-width: 597px;
  margin-right: 40px;
  position: relative;
}

.sign-up-form-block {
  width: 100%;
  max-width: 530px;
  margin-bottom: 0;
}

.sign-up-form {
  align-items: center;
  display: flex;
  position: relative;
}

.home-analitics-tool-wrapper {
  margin-bottom: 56px;
}

.analytics-user-content-text {
  max-width: 485px;
  margin-right: 40px;
}

.analytics-tool-features-grid {
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.analytics-tool-feature-wrapper {
  color: var(--neutral-800);
  align-items: center;
  line-height: 1.375em;
  display: flex;
}

.analytics-user-images-wrapper {
  width: 100%;
  max-width: 574px;
  position: relative;
}

.step-tab-link {
  border: 1px solid var(--neutral-400);
  background-color: var(--white);
  opacity: .5;
  color: var(--neutral-600);
  border-radius: 4px;
  padding: 22px 29px 22px 24px;
  text-decoration: none;
  transition-property: opacity;
  display: flex;
}

.step-tab-link:hover {
  opacity: .7;
  color: var(--neutral-600);
}

.step-tab-link.w--current {
  background-color: var(--white);
  opacity: 1;
  box-shadow: 0 3px 10px #080f340a;
}

.step-number {
  background-color: var(--midnight-blue);
  color: var(--white);
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: 38px;
  height: 38px;
  margin-right: 16px;
  font-size: 17px;
  line-height: 1.059em;
  display: flex;
  overflow: hidden;
}

.blog-section-grid {
  grid-column-gap: 25px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-section-item {
  display: flex;
}

.blog-section-item-wrapper {
  color: var(--neutral-600);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.blog-section-item-wrapper:hover {
  color: var(--neutral-600);
}

.blog-section-item-content-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-section-item-date, .blog-section-item-time {
  align-items: center;
  font-size: 15px;
  line-height: 1.133em;
  display: flex;
}

.blog-section-item-time-text {
  margin-right: 3px;
}

.blog-section-item-time-wrapper {
  display: flex;
}

.footer-content {
  justify-content: space-between;
  margin-top: 56px;
  margin-bottom: 88px;
  display: flex;
}

.footer-social-media-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto;
  justify-content: space-between;
  width: 100%;
  max-width: 223px;
  display: none;
}

.footer-nav-content {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-nav-wrapper {
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.footer-nav-box {
  margin-right: 40px;
}

.footer-nav-box.last {
  margin-right: 0;
}

.footer-nav-links {
  margin-bottom: 0;
  margin-right: 29px;
}

.footer-nav-links.last {
  margin-right: 0;
}

.footer-newsletter-wrapper {
  width: 50%;
}

.footer-newsletter-wrapper.hide {
  display: none;
}

.success-message {
  background-color: var(--primary-1);
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
}

.success-message.for-webinar {
  color: var(--midnight-blue);
  background-color: #0000;
}

.error-message {
  color: #ff2966;
  text-align: center;
  background-color: #faefef;
  border: 1px solid #f1a5bb;
  border-radius: 6px;
  align-self: stretch;
  margin-top: 20px;
  padding: 20px;
  font-size: 18px;
}

.footer-newsletter-form-block {
  width: 100%;
  margin-bottom: 0;
}

.footer-newsletter-form {
  align-items: center;
  display: flex;
  position: relative;
}

.analytics-campaigns-content-text {
  max-width: 485px;
  margin-left: 40px;
}

.analytics-campaigns-content {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.footer-newsletter-content-top {
  margin-bottom: 25px;
}

.about-hero-wrapper {
  text-align: center;
  justify-content: center;
  align-items: flex-end;
  max-width: 700px;
  margin-bottom: 70px;
  margin-left: auto;
  margin-right: auto;
}

.container-medium-786px {
  max-width: 786px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-medium-786px.blog-hero {
  text-align: center;
  margin-bottom: 98px;
}

.container-medium-786px.features {
  text-align: center;
  margin-bottom: 54px;
}

.blog-grid {
  grid-column-gap: 26px;
  grid-row-gap: 78px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-grid._2-cols {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.blog-post-item {
  flex-direction: column;
  display: flex;
}

.blog-post-item.vertical {
  flex-direction: column;
}

.blog-post-item.customers {
  flex-direction: row;
}

.blog-post-item-wrapper {
  color: var(--neutral-600);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}

.blog-post-item-wrapper:hover {
  color: var(--neutral-600);
}

.blog-post-item-wrapper.customer-story-wrapper {
  border: 1px solid #f7f8fa;
  border-radius: 8px;
  box-shadow: 1px 1px 2px #0000001a;
}

.blog-post-item-content.customer-story-card-content {
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.blog-post-item-content.margin-top-30 {
  margin-top: 30px;
}

.blog-post-item-content-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog-post-item-content-top.customer-post-margin {
  margin-bottom: 16px;
}

.blog-post-item-content-top.left-aligned {
  justify-content: flex-start;
}

.blog-post-item-date, .blog-post-item-time {
  align-items: center;
  font-size: 15px;
  line-height: 1.133em;
  display: flex;
}

.blog-post-item-time.customer-time-margin {
  margin-top: 16px;
}

.blog-post-item-time-wrapper {
  display: flex;
}

.blog-post-item-time-text {
  margin-right: 3px;
}

.blog-newsletter-form-block {
  width: 100%;
  max-width: 530px;
  margin-bottom: 0;
}

.blog-newsletter-form {
  align-items: center;
  display: flex;
  position: relative;
}

.blog-post-item-category {
  border: 1px none var(--neutral-400);
  color: var(--neutral-800);
  background-color: #15192a0d;
  border-radius: 100px;
  margin-top: 24px;
  padding: 14px 20px;
  font-size: 12px;
  line-height: 1.118em;
  text-decoration: none;
  display: inline-block;
}

.blog-post-item-category.no-top-margin {
  margin-top: 0;
  font-family: Basiercircle, sans-serif;
}

.category-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-post-item-category-wrapper {
  margin-top: auto;
}

.container-medium-874px {
  max-width: 874px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.rich-text {
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

.rich-text h2 {
  max-width: 740px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text h3 {
  max-width: 740px;
  margin: 54px auto 20px;
}

.rich-text p {
  color: var(--neutral-800);
  max-width: 740px;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text h4, .rich-text h5, .rich-text h6 {
  max-width: 740px;
  margin-top: 54px;
  margin-left: auto;
  margin-right: auto;
}

.rich-text ul {
  color: var(--neutral-800);
  max-width: 740px;
  margin: 32px auto;
}

.rich-text ol {
  max-width: 740px;
  margin: 32px auto;
}

.rich-text img {
  border-radius: 6px;
}

.rich-text figcaption {
  margin-top: 32px;
}

.rich-text figure {
  margin-top: 57px;
  margin-bottom: 62px;
}

.rich-text blockquote {
  margin-top: 34px;
  margin-bottom: 68px;
}

.rich-text.is-blog {
  width: 100%;
}

.blog-post-content-top {
  max-width: 958px;
  margin-bottom: 82px;
  margin-left: auto;
  margin-right: auto;
}

.blog-post-about-top-wrapper {
  align-items: center;
  margin-bottom: 18px;
  display: flex;
}

.blog-post-about-bottom-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
  display: flex;
}

.card-about-author-rol {
  color: var(--neutral-600);
  margin-bottom: 16px;
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  line-height: 1.118em;
}

.blog-post-author {
  color: var(--neutral-600);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.blog-post-author:hover {
  color: var(--neutral-600);
}

.blog-post-date, .blog-post-time {
  color: var(--neutral-800);
  align-items: center;
  font-size: 17px;
  line-height: 1.118em;
  display: flex;
}

.blog-post-time-wrapper {
  display: flex;
}

.blog-post-time-text {
  margin-right: 3px;
  font-family: Basiercircle, sans-serif;
}

.blog-post-about-top-divider {
  background-color: var(--neutral-400);
  width: 22px;
  height: 1px;
  margin-left: 33px;
  margin-right: 33px;
}

.blog-post-author-name {
  color: var(--neutral-800);
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.118em;
}

.blog-post-author-rol {
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  line-height: 1.118em;
}

.brand {
  padding-left: 0;
  transition-property: transform;
  transition-duration: .3s;
}

.brand:hover {
  transform: translate(0, -4px);
}

.brand.new {
  justify-content: center;
  align-items: center;
  max-width: 120px;
  display: flex;
}

.card-pricing-plan-price {
  color: var(--neutral-800);
  letter-spacing: 0;
  font-size: 37px;
  font-weight: 500;
  line-height: 1.1em;
}

.card-pricing-plan-duration {
  margin-top: 12px;
  line-height: 1.125em;
}

.card-pricing-plan-features-grid {
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.feature-wrapper {
  color: var(--neutral-800);
  align-items: center;
  line-height: 1.375em;
  display: flex;
}

.feature-icon {
  margin-right: 10px;
}

.card-pricing-plan-content-top {
  margin-bottom: 34px;
}

.card-pricing-plan-price-wrapper {
  margin-bottom: 20px;
}

.plan-wrapper {
  justify-content: space-between;
  display: flex;
}

.plan-title-wrapper {
  flex-wrap: wrap;
  margin-bottom: 30px;
  display: flex;
}

.plan-content-top {
  margin-bottom: 61px;
}

.plan-features-grid {
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.get-plan-price {
  color: var(--neutral-800);
  letter-spacing: 0;
  margin-bottom: 32px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.1em;
}

.select-wrapper {
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  border-radius: 6px;
  height: 63px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  transition: box-shadow .35s, border-color .35s;
  overflow: hidden;
  box-shadow: 0 2px 8px #14192b0f;
}

.select-wrapper:hover, .select-wrapper:focus {
  border-color: var(--primary-1);
  box-shadow: 0 0 #14192b0f;
}

.select-wrapper::placeholder {
  color: var(--neutral-600);
  font-size: 15px;
}

.select-wrapper.checkout {
  height: 53px;
  margin-bottom: 16px;
}

.select {
  background-color: var(--white);
  color: var(--neutral-600);
  letter-spacing: .01em;
  border: 0 solid #000;
  height: 63px;
  padding-left: 0;
  padding-right: 0;
  font-size: 15px;
  line-height: 1.733em;
  transition: color .35s;
}

.select:hover, .select:focus {
  color: var(--neutral-800);
}

.select::placeholder {
  color: var(--neutral-600);
  font-size: 15px;
}

.select.checkout {
  height: 53px;
  margin-bottom: 16px;
}

.get-plan-option-list {
  margin-bottom: 32px;
}

.get-plan-content-top {
  margin-bottom: 23px;
}

.careers-hero-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 57% auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  display: grid;
}

.perks-grid {
  grid-column-gap: 46px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 4rem;
}

.container-medium-579px {
  max-width: 579px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-medium-579px.advanced-analytics {
  text-align: center;
  margin-bottom: 40px;
}

.card-open-position-content-bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-open-position-apply-now-text {
  color: var(--primary-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.133em;
}

.card-open-position-location {
  color: var(--neutral-800);
  align-items: center;
  margin-right: 17px;
  font-size: 15px;
  line-height: 1.133em;
  display: flex;
}

.card-open-position-time {
  color: var(--neutral-800);
  align-items: center;
  font-size: 15px;
  line-height: 1.133em;
  display: flex;
}

.career-wrapper {
  justify-content: space-between;
  display: flex;
}

.about-career-wrapper {
  align-items: center;
  margin-bottom: 17px;
  font-size: 15px;
  line-height: 1.133em;
  display: flex;
}

.more-positions-grid {
  grid-column-gap: 26px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-career-divider {
  background-color: var(--neutral-400);
  width: 21px;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.card-apply-features-grid {
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 40px;
}

.card-apply-features-wrapper {
  color: var(--neutral-800);
  align-items: center;
  line-height: 1.375em;
  display: flex;
}

.card-apply-features-icon {
  margin-right: 10px;
}

.job-responsabilities-wrapper {
  max-width: 740px;
  margin-bottom: 20px;
}

.job-requirements-wrapper {
  max-width: 740px;
}

.features-grid {
  grid-column-gap: 26px;
  grid-row-gap: 34px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-feature-content {
  margin-bottom: 50px;
}

.card-feature-read-more-text {
  color: var(--midnight-blue);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.133em;
}

.card-feature-read-more-arrow {
  color: #0000;
  background-image: url('../images/arrow.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.container-medium-670px {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-medium-670px.feature-hero {
  text-align: center;
  margin-bottom: 60px;
}

.feature-hero-get-started-form-block {
  width: 100%;
  max-width: 607px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.feature-hero-get-started-form {
  align-items: center;
  display: flex;
  position: relative;
}

.container-large-1048px {
  max-width: 1048px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-large-1048px.featured-on {
  text-align: center;
}

.featured-on-text {
  margin-bottom: 37px;
}

.featured-on-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}

.feature-hero-images-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.featured-on-wrapper {
  max-width: 253px;
}

.featured-on-logo {
  margin-bottom: 16px;
}

.advanced-analytics-grid {
  grid-column-gap: 40px;
  grid-row-gap: 54px;
  grid-template: ". Area"
                 ". Area"
                 / auto minmax(25%, 465px) auto;
  justify-content: space-between;
}

.advanced-analytics-wrapper {
  align-items: flex-start;
  max-width: 286px;
  display: flex;
}

.start-tracking-wrapper {
  justify-content: space-between;
  display: flex;
}

.start-tracking-user-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: space-between;
  margin-bottom: 40px;
}

.start-tracking-user-wrapper {
  max-width: 260px;
}

.container-medium-648px {
  max-width: 648px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-medium-648px.integrations {
  text-align: center;
  margin-bottom: 65px;
}

.integrations-grid {
  grid-column-gap: 26px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-integration-content-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.card-integration-view-text {
  color: var(--primary-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.133em;
}

.card-integration-category {
  border: 1px solid var(--neutral-400);
  background-color: var(--neutral-200);
  color: var(--neutral-800);
  letter-spacing: 0;
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 1.133em;
}

.integration-title-wrapper {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.integration-main-content {
  max-width: 588px;
  margin-right: 40px;
}

.integration-tab-content {
  flex-direction: column;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.integration-button-text {
  margin-right: 4px;
}

.integration-tabs {
  margin-bottom: 48px;
}

.integration-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 48px;
  display: grid;
}

.integration-tab-link {
  border: 1px solid var(--neutral-400);
  background-color: var(--neutral-200);
  color: var(--neutral-700);
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 17px;
  line-height: 1.118em;
  transition: border-color .35s, background-color .35s, color .35s;
}

.integration-tab-link:hover, .integration-tab-link.w--current {
  border-color: var(--primary-1);
  background-color: var(--primary-1);
  color: var(--white);
}

.more-integrations-grid {
  grid-column-gap: 26px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-integration-section-content-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.card-integration-section-view-text {
  color: var(--primary-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.133em;
}

.card-integration-section-category {
  border: 1px solid var(--neutral-400);
  background-color: var(--neutral-200);
  color: var(--neutral-800);
  letter-spacing: 0;
  border-radius: 3px;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 1.133em;
}

.contact-wrapper {
  justify-content: space-between;
  display: flex;
}

.contact-links-grid {
  grid-row-gap: 34px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: start;
}

.contact-form-block {
  flex: 1;
  margin-bottom: 0;
}

.contact-form-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.more-contact-grid {
  grid-column-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-area {
  border: 1px solid var(--neutral-300);
  background-color: var(--white);
  color: var(--neutral-800);
  letter-spacing: .01em;
  border-radius: 6px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 132px;
  max-height: 200px;
  margin-bottom: 0;
  padding: 18px 16px;
  font-size: 15px;
  line-height: 1.733em;
  transition: box-shadow .35s, border-color .35s, color .35s;
  box-shadow: 0 2px 8px #14192b0f;
}

.text-area:hover {
  border-color: var(--primary-1);
  box-shadow: 0 0 #14192b0f;
}

.text-area:focus {
  border-color: var(--primary-1);
  color: var(--neutral-800);
  font-size: 15px;
  box-shadow: 0 0 #14192b0f;
}

.text-area::placeholder {
  color: var(--neutral-600);
  font-size: 15px;
}

.container-medium-607px {
  max-width: 607px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-medium-607px.faqs {
  text-align: center;
  margin-bottom: 46px;
}

.container-medium-712px {
  max-width: 712px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.contact-link-wrapper {
  text-decoration: none;
  display: flex;
}

.contact-link-wrapper:hover {
  color: var(--primary-1);
}

.contact-link-icon {
  color: var(--neutral-800);
  margin-top: 7px;
  margin-right: 18px;
  font-family: Icons Technology Template;
  font-size: 20px;
  line-height: 1em;
}

.contact-link-icon.icon-25px {
  font-size: 25px;
}

.contact-link-icon.icon-24px {
  font-size: 24px;
}

.contact-link-text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.118em;
}

.more-contact-icon {
  color: var(--neutral-800);
  margin-bottom: 11px;
  font-family: Icons Technology Template;
  font-size: 45px;
  line-height: 1em;
}

.more-contact-link-text {
  color: var(--primary-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.133em;
}

.space.faq-top, .space.faq-bottom {
  height: 13px;
}

.faq-arrow {
  color: var(--neutral-800);
  font-family: Icons Technology Template;
  font-size: 22px;
}

.title-category-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.title-category-wrapper.pricing-category {
  text-align: center;
  justify-content: center;
  margin-bottom: 60px;
}

.title-category-wrapper.integrations-category, .title-category-wrapper.blog-category {
  margin-bottom: 40px;
}

.pricing-category-grid {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.integrations-category-grid {
  grid-column-gap: 26px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-category-grid {
  grid-column-gap: 26px;
  grid-row-gap: 78px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-team-rol {
  color: var(--primary-1);
  margin-bottom: 16px;
  font-size: 17px;
  line-height: 1.118em;
}

.card-team-social-media-grid {
  grid-column-gap: 26px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: start;
}

.dropdown-nav-link-item {
  margin-bottom: 20px;
  display: flex;
}

.dropdown-nav-box {
  margin-right: 40px;
}

.dropdown {
  line-height: 1em;
}

.dropdown-list {
  background-color: #0000;
  padding-top: 24px;
  right: -285px;
}

.dropdown-nav-links {
  margin-bottom: 0;
  margin-right: 29px;
}

.dropdown-nav-links.last {
  margin-right: 0;
}

.dropdown-menu-wrapper {
  border: 1px solid var(--neutral-400);
  background-color: var(--white);
  border-radius: 6px;
  padding: 60px 50px 64px;
  box-shadow: 0 1px 4px #14192b08, 0 10px 38px #14192b0d;
}

.dropdown-nav-wrapper {
  justify-content: space-between;
  display: flex;
}

.dropdown-link {
  color: var(--neutral-600);
  white-space: nowrap;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1.067em;
  text-decoration: none;
  display: inline-block;
}

.dropdown-link:hover {
  color: var(--primary-1);
}

.dropdown-link.w--current {
  color: var(--primary-1);
  font-weight: 500;
}

.dropdown-link.dropdown-link-badge {
  display: flex;
}

.dropdown-nav-content {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.dropdown-nav-link-badge {
  background-color: var(--primary-1);
  color: var(--white);
  border-radius: 3px;
  margin-left: 10px;
  padding: 4px 6px;
  font-size: 8px;
  font-weight: 500;
  line-height: 1.25em;
}

.dropdown-arrow {
  font-family: Icons Technology Template;
  font-size: 8px;
  position: relative;
  top: -3px;
}

.dropdown-feature-link {
  color: var(--neutral-600);
  white-space: nowrap;
  margin-bottom: 33px;
  text-decoration: none;
  display: flex;
}

.dropdown-feature-link:hover {
  color: var(--neutral-600);
}

.dropdown-feature-link.last {
  margin-bottom: 0;
}

.dropdown-feature-icon {
  align-self: flex-start;
  max-width: 17px;
  margin-top: 2px;
  margin-right: 10px;
}

.dropdown-feature-text {
  font-size: 15px;
  line-height: 1.133em;
}

.empty-state {
  border: 1px solid var(--neutral-400);
  background-color: var(--white);
  color: var(--neutral-800);
  text-align: center;
  border-radius: 6px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 60px 20px;
  font-size: 18px;
  font-weight: 500;
  box-shadow: 0 3px 10px #080f340a;
}

.empty-state.small {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 16px;
}

.loader-wrapper {
  z-index: 2147483647;
  background-color: #0e0a3b;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.loader {
  background-image: linear-gradient(to right, transparent, var(--razzmatazz));
  height: 3px;
  position: absolute;
  left: 0;
  right: 0;
}

.integration-tabs-button-wrapper {
  align-self: flex-start;
}

.home-hero-heading {
  color: var(--white);
  margin-bottom: 0;
  text-decoration: none;
}

.home-hero-image {
  box-shadow: none;
  border: 1px #000;
  border-radius: 10px;
  width: 100%;
  transform: none;
}

.home-hero-columns {
  width: auto;
}

.list {
  margin-bottom: 5px;
}

.list-item, .list-item-2, .list-item-3, .list-item-4, .list-item-5, .text-block {
  margin-bottom: 10px;
}

.text-block-2 {
  margin-top: 10px;
}

.heading-3, .heading-4, .heading-5 {
  margin-top: auto;
  margin-bottom: auto;
}

.columns-2 {
  margin-top: 0;
}

.text-block-3 {
  margin-bottom: 10px;
}

.home-hero-wrapper {
  background-color: var(--midnight-blue);
  color: var(--white);
  background-image: url('../images/hero__bg.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 170%;
}

.home-hero-wrapper.benefits {
  background-image: none;
}

.line--cta {
  z-index: 0;
  position: absolute;
  inset: 0% auto auto 70%;
}

.line--cta.bottomleftt {
  z-index: 0;
  inset: auto 70% 0% auto;
  transform: rotate(180deg);
}

.hide {
  display: none;
}

.hide.testing {
  display: block;
}

.graphic__dots {
  z-index: -1;
  position: absolute;
  inset: 100% 0% auto auto;
}

.graphic__dots._2 {
  inset: 130% auto auto 0%;
  transform: rotate(180deg);
}

.footer-legal-container {
  justify-content: space-between;
  align-items: baseline;
}

.heading-6 {
  color: var(--midnight-blue);
}

.graphic__line {
  z-index: -1;
  display: none;
  position: absolute;
  inset: 15% 80% auto auto;
}

.graphic__line._02 {
  inset: 75% auto auto 80%;
}

.testimonials--wrapper {
  background-color: var(--white);
  border: 1px solid #e3e8ef;
  border-radius: 1rem;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 64px 16px;
  box-shadow: 0 2px 4px #0000000d;
}

.heading-testimonials {
  color: var(--midnight-blue);
}

.slider__testimonials {
  background-color: #0000;
  height: 100%;
  margin-bottom: 24px;
}

.slider__testimonials_arrow {
  display: none;
}

.slider__testimonials_nav {
  font-size: 10px;
  inset: auto 0% 0% auto;
}

.slider_testimonial_slide {
  height: 100%;
}

.slider_testimonial_slidewrapper {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.testimonial__quote {
  font-size: 20px;
}

.testimonial__metawrapper {
  margin-top: 32px;
  padding-right: 40px;
}

.testimonial__author_image {
  max-height: 56px;
}

.testimonial__author_name {
  color: var(--midnight-blue);
  font-weight: 600;
}

.testimonial__author_logo {
  max-height: 32px;
  margin-top: 24px;
}

.testimonial__author_logo.shortlogo {
  max-height: 50px;
}

.testimonial__author_position {
  line-height: 1em;
}

.features-2-column-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 96px;
  display: flex;
}

.features-col-content {
  max-width: 485px;
}

.about-heading {
  color: var(--midnight-blue);
}

.about-subheading {
  font-size: 20px;
}

.about-hero-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  max-height: 720px;
  display: block;
}

.about-row-flex-container {
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
}

.about-row-flex-container.reverse {
  flex-direction: row-reverse;
}

.about-col {
  width: 50%;
}

.about-col.image {
  padding: 2rem;
}

.about-col.image.right-margin {
  margin-right: 5rem;
}

.about--image {
  border-radius: 16px;
}

.about-para {
  max-width: 90%;
}

.about-para.hasmarginbottom {
  margin-bottom: 2rem;
}

.about-para.hero {
  text-align: left;
  max-width: none;
  margin-bottom: 2rem;
}

.feature-row-flex-container {
  align-items: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: none;
}

.feature-row-flex-container.reverse {
  flex-direction: row-reverse;
}

.feature-col {
  width: 50%;
}

.feature-col.image {
  padding: 2rem;
}

.feature-para {
  max-width: 90%;
}

.features-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 96px;
  display: flex;
}

.features-row.reverse {
  flex-direction: row-reverse;
}

.features-row.last--row {
  margin-bottom: 0;
}

.features-checkmark-grid {
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.feature-checkmark-wrapper {
  color: var(--neutral-800);
  align-items: flex-start;
  line-height: 1.375em;
  display: flex;
}

.feature-checkmark-wrapper.aligntop {
  align-items: flex-start;
}

.white-glove-feature-grid {
  grid-column-gap: 40px;
  grid-row-gap: 54px;
  grid-template: "."
  / 1fr 1fr;
  justify-content: space-between;
  position: relative;
}

.white-glove-feature-wrapper {
  background-color: #fff;
  border-radius: 12px;
  align-items: flex-start;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
  position: relative;
  box-shadow: 0 5px 10px #0000000d, 0 2px 8px #0000000d;
}

.white-gloves-image-container {
  z-index: -1;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 35px;
  display: block;
  position: relative;
}

.whiteglove--lines {
  z-index: -1;
  width: 100%;
  max-width: 611px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  transform: translate(0);
}

.whiteglove--lines.bottom {
  inset: auto 0% 0%;
  transform: translate(0, 140px);
}

.legal-rt {
  text-align: left;
  white-space: normal;
}

.legal-rt h2, .legal-rt h3, .legal-rt h4 {
  color: var(--midnight-blue);
}

.download-logo {
  opacity: .4;
  object-fit: contain;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}

.download-logo.last {
  margin-right: 0;
}

.dropdown-toggle-nav {
  padding: 0;
}

.dropdown-list-nav {
  background-color: var(--white);
  border-radius: 8px;
  width: 182px;
  margin-top: 15px;
  margin-left: -60px;
  display: none;
  overflow: hidden;
}

.dropdown-list-nav.purple {
  border: 1px none var(--midnight-blue);
  box-shadow: 0 15px 24px #0000000d;
}

.drop-links {
  color: var(--midnight-blue);
  align-items: center;
  padding: 15px 20px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.75em;
  text-decoration: none;
  transition: background-color .2s, color .35s;
  display: flex;
}

.drop-links:hover {
  background-color: #e3e8ef80;
}

.drop-links.w--current {
  color: var(--midnight-blue);
}

.icon-div {
  background-color: var(--midnight-blue);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  display: flex;
}

.icon-div.pink {
  background-color: var(--razzmatazz);
}

.arrow-nav {
  filter: invert();
  width: 10px;
  height: 10px;
  margin-top: 3px;
  margin-left: 10px;
  transform: rotate(-90deg);
}

.arrow-nav.black {
  filter: invert(0%);
}

.dropdown-login {
  align-self: center;
}

.dropdown-login.new.border.desktop-only-none, .dropdown-login.new.hide-on-desktop {
  display: none;
}

.investors-mega-wrap {
  text-align: center;
}

.logos-wrap {
  margin-top: 3.5rem;
}

.logo-top-div {
  justify-content: center;
  align-items: center;
  margin-bottom: 4.6875rem;
  display: flex;
}

.logo-img.right-margin {
  margin-right: 3.5rem;
}

.logo-img.modern, .logo-img.alumni {
  object-fit: contain;
}

.logo-bottom-div {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-color-pink {
  color: var(--razzmatazz);
}

.careers-img {
  z-index: 1;
  object-fit: contain;
  object-position: 100% 50%;
  width: 44%;
  height: 100%;
  display: block;
  position: absolute;
  inset: auto 0 -10% auto;
}

.how-we-work-wrap {
  background-color: #f7f8fa;
  border-radius: 16px;
  padding: 3.75rem;
}

.how-work-grid {
  grid-column-gap: 50px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 2rem;
  display: grid;
}

.how-work-grid.no-margin {
  margin-bottom: 0;
}

.max-544px {
  max-width: 34rem;
}

.max-544px.center {
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom-32 {
  margin-bottom: 32px;
}

.jobs-wrap.u--hide {
  display: block;
}

.job-item {
  border-bottom: 1px solid #ececec1c;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.read-more-link {
  color: var(--white);
  background-color: #ffffff21;
  border-radius: 63px;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
}

.read-more-link:hover {
  color: var(--white);
}

.careers-hero-img {
  display: none;
}

.graphic-career {
  z-index: 0;
  max-height: 1000px;
  position: absolute;
  inset: 6% 0% auto auto;
}

.card-wrap {
  position: relative;
}

.image-2 {
  z-index: 0;
  height: 250px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.u--hide {
  display: none;
}

.banner {
  z-index: 100;
  background-color: var(--midnight-blue);
  color: #888b94;
  border-bottom: 1px solid #e3e8ef1a;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 45px;
  margin-top: 0;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.text-block-4 {
  color: var(--white);
  text-decoration: none;
}

.link {
  color: var(--neutral-200);
  margin-left: 16px;
}

.link:hover {
  color: #ffffffad;
  margin-left: 16px;
}

.link.w--current:hover {
  margin-left: 16px;
}

.link.banner-mobile-text {
  display: none;
}

.banner-block {
  z-index: 2;
  height: 80px;
}

.heading-7 {
  color: var(--midnight-blue);
  font-family: Basiercircle, sans-serif;
}

.heading-7.customer-story-title {
  font-size: 40px;
  line-height: 56px;
}

.text-color-purple {
  color: var(--neutral-800);
}

.section-webinar-hero {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 329px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.webinar-hero-img {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.section-webinar-info {
  padding-bottom: 113px;
  position: relative;
}

.webinar-info-wrap {
  grid-column-gap: 6.25rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 464px) 1fr;
  grid-auto-columns: 1fr;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.webinar-form {
  flex-direction: column;
  display: flex;
}

.webinar-form-wrap {
  z-index: 3;
  background-color: var(--white);
  border-radius: 8px;
  max-width: 29rem;
  padding: 2rem;
  position: relative;
  top: -83px;
  box-shadow: 0 4px 6px #0000000d, 0 10px 15px #00000005;
}

.webinar-heading {
  color: var(--midnight-blue);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 2.25rem;
  font-family: Basiercircle, sans-serif;
  font-size: 2rem;
  line-height: 1.2;
}

.webinar-heading.type-2 {
  margin-bottom: 1rem;
}

.label-webinar {
  color: var(--midnight-blue);
  margin-bottom: 16px;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
  line-height: 100%;
}

.webinar-input {
  color: var(--midnight-blue);
  letter-spacing: 0;
  background-color: #f4f3fa;
  border-radius: 8px;
  height: 48px;
  margin-bottom: 0;
  padding-left: 16px;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.webinar-input::placeholder {
  color: #bbb8d0;
  font-weight: 400;
}

.input-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-bottom: 1.5rem;
  display: grid;
}

.submit-button-webinar {
  background-color: var(--midnight-blue);
  color: var(--white);
  border-radius: 8px;
  margin-top: 8px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
  line-height: 100%;
  transition: transform .35s;
}

.submit-button-webinar:hover {
  transform: translate(0, -8px);
}

.webinar-content {
  z-index: 3;
  color: #748094;
  max-width: 575px;
  margin-top: 5rem;
  font-family: Basiercircle, sans-serif;
  line-height: 150%;
  position: relative;
}

.tags-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  display: grid;
}

.webinar-tag {
  color: var(--midnight-blue);
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  background-color: #211c5c1a;
  border-radius: 6px;
  padding: 8px 12px;
  font-family: Basiercircle, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.webinar-date-time {
  color: var(--midnight-blue);
  letter-spacing: 0;
  margin-top: 22px;
  margin-bottom: 24px;
  line-height: 100%;
}

.logo-webinar {
  position: absolute;
  inset: auto 8% 28px 92%;
}

.logo-webinar.secondary {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: static;
}

.logo-webinar.webinar {
  width: 4rem;
  max-width: 2rem;
  position: static;
}

.logo-webinar.webinar-logo {
  width: 100%;
  height: 100%;
  position: static;
}

.logo-wrap-webinar {
  z-index: 2;
  width: 100%;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.graphic-webinar {
  z-index: 2;
  position: absolute;
  inset: auto auto 0% 0%;
}

.form-popup-wrap {
  z-index: 9999;
  background-color: #211c5cde;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 0;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.dropdown-toggle {
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.dropdown-list-2 {
  background-color: var(--white);
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 4px 20px #0000000d;
}

.max-667px {
  max-width: 667px;
}

.max-667px.center {
  margin-left: auto;
  margin-right: auto;
}

.benefits-icon {
  width: 56px;
  height: 56px;
  margin-bottom: 1rem;
}

.paragraph-medium {
  font-size: 20px;
  line-height: 1.44;
}

.margin-bottom-36 {
  margin-bottom: 2.25rem;
}

.max-448px {
  max-width: 448px;
}

.max-448px.center {
  margin-left: auto;
  margin-right: auto;
}

.button-benefits {
  background-color: var(--white);
  border-radius: 8px;
  justify-content: center;
  padding: 1rem;
  font-size: 18px;
  text-decoration: none;
  transition-property: transform;
  display: flex;
  overflow: hidden;
}

.button-benefits:hover {
  transform: translate(0, -8px);
}

.button-benefits.type-2 {
  background-color: var(--midnight-blue);
  color: var(--white);
}

.arrow-button {
  margin-left: 1.125rem;
}

.button-wrap {
  justify-content: center;
  display: flex;
}

.container-medium-931px {
  max-width: 931px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.benefits-item-wrap {
  flex-direction: column;
  align-items: center;
  margin-bottom: 5rem;
  display: flex;
}

.benefits-item-wrap.margin-120 {
  margin-bottom: 7.5rem;
}

.benefits-item-wrap.no-margin {
  margin-bottom: 0;
}

.heading-wellness {
  color: var(--midnight-blue);
  letter-spacing: -.02em;
  margin-bottom: 0;
  font-size: 46px;
  line-height: 1;
}

.heading-wellness.line-height-120 {
  line-height: 1.2;
}

.max-833px {
  max-width: 833px;
}

.max-833px.center {
  margin-left: auto;
  margin-right: auto;
}

._3-col-grid {
  grid-column-gap: 3.125rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 6rem;
  display: grid;
}

._3-col-grid.type-2 {
  margin-bottom: 4rem;
}

._3-col-grid.type-3 {
  margin-top: 0;
  margin-bottom: 6rem;
}

._3-col-grid.type-4 {
  margin-top: 0;
  margin-bottom: 5rem;
}

.benefits-grid-item {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.benefits-icon-wrap {
  background-image: url('../images/Rectangle-547.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 2.25rem;
  display: flex;
  overflow: hidden;
}

.benefits-icon-inside {
  width: 32px;
  height: 32px;
}

.max-680px {
  max-width: 680px;
}

.max-680px.center {
  margin-left: auto;
  margin-right: auto;
}

.max-715px {
  max-width: 715px;
}

.max-715px.center {
  margin-left: auto;
  margin-right: auto;
}

._2-col-grid {
  grid-column-gap: 4.8125rem;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4.25rem;
  margin-bottom: 3.75rem;
  display: grid;
}

._2-col-grid.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.max-690px {
  max-width: 690px;
}

.custom-wrap {
  margin-top: 1.875rem;
  margin-bottom: 3.5rem;
}

.custom-wrap.no-top-margin {
  margin-top: 0;
}

._5-col-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 6rem;
  display: grid;
}

._5-col-grid.type-2 {
  margin-top: 0;
  margin-bottom: 5rem;
}

.max-804px {
  max-width: 804px;
}

.max-804px.center {
  margin-left: auto;
  margin-right: auto;
}

.max-931px {
  max-width: 931px;
}

.max-931px.center {
  margin-left: auto;
  margin-right: auto;
}

.max-1040px {
  max-width: 1040px;
}

.max-1040px.center {
  margin-left: auto;
  margin-right: auto;
}

.container-hsa {
  padding-left: 24px;
  padding-right: 24px;
}

.max-883px {
  max-width: 883px;
}

.max-883px.center {
  margin-left: auto;
  margin-right: auto;
}

.margin-bottom-48 {
  margin-bottom: 3rem;
}

.footer-content-bottom-2 {
  border-top: 1px solid #e9eaf0;
  justify-content: space-between;
  align-items: center;
  padding-top: 29px;
  display: flex;
}

.footer-nav-link-2 {
  color: #888b94;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 15px;
  line-height: 1.067em;
  text-decoration: none;
  transition: transform .2s, color .3s;
}

.footer-nav-link-2:hover {
  color: #211c5c;
}

.footer-nav-link-2.w--current {
  color: #888b94;
  font-weight: 400;
}

.footer-nav-link-2.w--current:hover {
  transform: none;
}

.footer-nav-link-2.legal-padding {
  margin-right: 30px;
}

.success-message-2 {
  color: #fff;
  text-align: center;
  background-color: #0144e4;
  border-radius: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 18px;
  font-weight: 500;
}

.button-secondary-2 {
  color: #14192b;
  text-align: center;
  letter-spacing: 0;
  background-color: #0000;
  border: 1px solid #d8dae3;
  border-radius: 8px;
  padding: 20px 44px;
  line-height: 1.25em;
  transition: transform .3s, color .3s, border-color .3s;
}

.button-secondary-2:hover {
  color: #211c5c;
  border-color: #211c5c;
  transform: translate(0, -6px);
}

.button-primary-2 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  background-color: #211c5c;
  border-radius: 8px;
  padding: 20px 44px;
  line-height: 1.25em;
  transition-property: transform;
  transition-duration: .3s;
}

.button-primary-2:hover {
  color: #fff;
  transform: translate(0, -6px);
}

.button-primary-2._2-buttons {
  margin-right: 26px;
}

.button-primary-2.small {
  padding: 16px 28px;
  font-size: 15px;
  line-height: 1.133em;
}

.button-primary-2.small.footer-newsletter {
  position: absolute;
  right: 13px;
}

.button-primary-2.small.footer-newsletter:hover {
  transform: translate(0, -4px);
}

.button-primary-2.small.button-with-icon {
  justify-content: center;
  align-items: stretch;
  text-decoration: none;
  display: flex;
}

.footer-social-media-link-2 {
  color: #b8bac3;
  font-size: 18px;
  text-decoration: none;
}

.footer-social-media-link-2:hover {
  color: #0144e4;
}

.footer-social-media-link-2.icon-20px {
  font-size: 20px;
}

.footer-social-media-link-2.icon-17px {
  font-size: 17px;
}

.footer-social-media-link-2.icon-22px {
  font-size: 22px;
}

.footer-nav-link-item-2 {
  justify-content: flex-start;
  align-items: center;
  height: 18px;
  margin-bottom: 18px;
  line-height: 1.067em;
  display: flex;
}

.footer-nav-link-item-2.isbutton {
  height: auto;
}

.input-2 {
  color: #14192b;
  letter-spacing: .01em;
  background-color: #fff;
  border: 1px solid #e9eaf0;
  border-radius: 6px;
  height: 63px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  line-height: 1.733em;
  transition: box-shadow .35s, border-color .35s, color .35s;
  box-shadow: 0 2px 8px #14192b0f;
}

.input-2:hover {
  border-color: #0144e4;
  box-shadow: 0 0 #14192b0f;
}

.input-2:focus {
  color: #14192b;
  border-color: #0144e4;
  font-size: 15px;
  box-shadow: 0 0 #14192b0f;
}

.input-2::placeholder {
  color: #888b94;
  font-size: 15px;
}

.input-2.footer-newsletter {
  height: 76px;
  padding-left: 20px;
  padding-right: 160px;
}

.section-demo-request {
  padding-top: 6rem;
  padding-bottom: 8rem;
  position: relative;
  overflow: hidden;
}

.max-1152px {
  max-width: 72rem;
}

.max-1152px.center {
  margin-left: auto;
  margin-right: auto;
}

.demo-req-grid {
  z-index: 3;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.max-576px {
  max-width: 36rem;
}

.benepass-icon-demo {
  width: 33px;
  height: 28px;
  margin-bottom: 4.75rem;
}

.demo-form-wrap {
  z-index: 3;
  background-color: var(--white);
  box-shadow: none;
  border-radius: 24px;
  width: 100%;
  padding: 3.5rem;
  position: relative;
}

.demo-form-heading {
  color: var(--midnight-blue);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 3rem;
  font-size: 2rem;
  line-height: 1.2;
}

.demo-form-heading.desktop-hidden, .demo-form-heading.mobile-only {
  display: none;
}

.demo-form-mega-wrap {
  border-left: 1px solid #e3e8ef;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.demo-req-abs {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 38% 0% 0%;
}

.abs-form-bg {
  z-index: 2;
  position: absolute;
  inset: -5% -7% auto auto;
}

.max-892px {
  max-width: 892px;
}

.max-892px.center {
  margin-left: auto;
  margin-right: auto;
}

._4-col-grid {
  grid-column-gap: .5rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 5rem;
  display: grid;
}

.block-desktop {
  display: block;
}

.max-920px {
  max-width: 920px;
}

.max-920px.center {
  margin-left: auto;
  margin-right: auto;
}

.max-658px {
  max-width: 658px;
}

.max-494px {
  max-width: 494px;
}

.max-960px {
  max-width: 960px;
}

.max-960px.center {
  margin-left: auto;
  margin-right: auto;
}

.no-wrap-desktop {
  white-space: nowrap;
}

.max-750px {
  max-width: 750px;
}

.navbar-new {
  z-index: 9999999;
  background-color: #0000;
  border-bottom: 1px solid #e3e8ef1a;
  justify-content: space-between;
  height: 75px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.nav-menu {
  align-items: stretch;
  font-family: Basiercircle, sans-serif;
  position: static;
}

.nav-link-new {
  border-bottom: 5px solid var(--midnight-blue);
  color: var(--white);
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.nav-link-new:hover {
  color: var(--white);
}

.nav-link-new.border-white {
  border-bottom-color: var(--white);
}

.nav-link-wrap {
  margin-right: 16px;
  position: static;
}

.nav-button-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav-button-wrap.adjust {
  grid-column-gap: 20px;
  grid-template-columns: auto;
}

.nav-mega-menu {
  background-color: var(--midnight-blue);
  transform-origin: 50% 0;
  width: 100%;
  height: auto;
  margin-top: 75px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.nav-mega-menu.height-none {
  box-shadow: none;
  background-color: #0000;
  height: auto;
  display: none;
}

.nav-mega-menu.height-none.test {
  box-shadow: none;
  transform-origin: 0 0;
  background-color: #0000;
  border-bottom-color: #0000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: block;
}

.nav-mega-menu.height-none.test.visible {
  display: block;
}

.mega-menu-content {
  background-color: #fff;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 6fr 4fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  max-width: 900px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  overflow: hidden;
}

.mega-menu-content._6-column {
  grid-column-gap: 1rem;
  grid-template-columns: auto auto auto auto auto auto auto;
}

.mega-menu-content._2-column {
  grid-column-gap: 4rem;
  grid-template-columns: auto auto;
}

.mega-menu-content._2-column._3-column {
  grid-template-columns: auto auto auto;
}

.mega-menu-link-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  color: #000;
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 152px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition-property: color;
  transition-duration: .3s;
  display: flex;
}

.mega-menu-link-block:hover {
  color: var(--razzmatazz);
}

.mega-menu-icon {
  color: var(--razzmatazz);
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.text-color-neutral-800 {
  color: var(--neutral-800);
  font-family: Basiercircle, sans-serif;
}

.navbar-new-white {
  z-index: 99;
  background-color: var(--white);
  border-bottom: 1px solid #e3e8ef;
  justify-content: space-between;
  height: 75px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Roobert;
  display: flex;
  position: relative;
}

.nav-mega-menu-2 {
  transform-origin: 50% 0;
  background-color: #0000;
  border-bottom: 1px solid #e3e8ef1a;
  width: 100%;
  margin-top: 75px;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.nav-mega-menu-2.height-none {
  background-color: #0000;
  display: block;
  overflow: hidden;
}

.nav-mega-menu-2.height-none.test {
  border-bottom-color: #0000;
  display: none;
}

.nav-mega-menu-2.height-none.test.visible {
  display: block;
}

.nav-link-wrap-2 {
  align-self: auto;
  margin-right: 16px;
  position: static;
}

.html-embed {
  margin-top: 5rem;
}

.text-block-5, .text-block-6, .text-block-7 {
  margin-left: 5px;
}

.div-block {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-2 {
  width: 10px;
}

.div-block-3 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.image-3 {
  margin-right: 12px;
}

.text-block-8 {
  text-decoration: none;
}

.div-block-6 {
  background-image: url('../images/customer-hero.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 729px;
  background-attachment: scroll;
  flex-direction: column;
  align-items: flex-start;
  min-height: 530px;
  margin-bottom: 80px;
  padding-top: 100px;
  display: flex;
}

.text-block-9 {
  color: var(--midnight-blue);
  font-family: Basiercircle, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}

.text-span {
  color: var(--razzmatazz);
}

.image-4 {
  margin-bottom: 32px;
}

.customer-story-callout-section {
  flex-direction: row;
  margin-bottom: 48px;
  display: flex;
}

.heading-8 {
  color: var(--neutral-700);
  text-align: center;
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.image-5 {
  margin-bottom: 16px;
}

.text-block-10 {
  text-align: center;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  line-height: 1.3em;
}

.collection-item {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 26px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.customer-story-quote {
  color: #383b43;
  background-color: #0000;
  border-left-style: none;
  margin-bottom: 64px;
  padding: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
}

.collection-item-2 {
  margin-bottom: 16px;
  display: flex;
}

.customer-story-key-results-container {
  margin-bottom: 48px;
}

.heading-9 {
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
}

.div-block-8 {
  justify-content: center;
  width: 100%;
  padding-top: 48px;
  display: flex;
}

.image-6 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100vw;
  max-height: 480px;
  margin-bottom: 64px;
}

.image-7 {
  margin-right: 12px;
}

.div-block-10 {
  z-index: -1;
  background-image: url('../images/Line-Bottom-right.png');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto;
  width: 30%;
  height: 80px;
  position: absolute;
  inset: 340px 0% auto auto;
}

.no-underline {
  color: var(--neutral-200);
  text-decoration: none;
  transition-property: none;
}

.no-underline:hover {
  color: var(--neutral-200);
}

.short-head {
  background-color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}

.div-block-11 {
  flex: 1;
}

.div-block-12 {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  position: relative;
}

.image-11 {
  border-radius: 50%;
  max-width: 423px;
}

.text-block-13 {
  max-width: 80%;
  margin-top: 60px;
}

.bold-text {
  color: var(--razzmatazz);
}

.image-12 {
  max-width: 242px;
  position: absolute;
  top: -40px;
  left: -80px;
}

.legacy-hero {
  padding-top: 80px;
  padding-bottom: 80px;
}

.legacy-hero.color-variant {
  background-color: #f1f2f5;
}

.text-block-14 {
  color: var(--razzmatazz);
}

.bold-text-2 {
  color: var(--razzmatazz);
  font-size: 20px;
}

.div-block-13 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid var(--neutral-400);
  box-shadow: 1px 1px 3px 0 var(--neutral-600);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 5px;
  max-width: 400px;
  padding: 10px;
  display: flex;
}

.div-block-14 {
  justify-content: flex-end;
  align-items: center;
  width: 75%;
  display: flex;
}

.text-block-15 {
  color: var(--neutral-800);
  font-size: 20px;
  font-weight: 600;
}

.section-2 {
  background-color: var(--neutral-300);
  padding-top: 20px;
  padding-bottom: 20px;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.text-block-16 {
  color: var(--neutral-800);
  text-align: center;
}

.heading-10 {
  margin-bottom: 40px;
}

.heading-11 {
  margin-bottom: 0;
}

.text-block-17 {
  color: #e4360182;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 40px;
}

.bold-text-3 {
  color: var(--steel-blue);
}

.heading-13 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.text-block-18 {
  color: var(--neutral-800);
}

.text-block-19 {
  color: var(--steel-blue);
}

.list-item-6 {
  text-align: center;
  margin-bottom: 20px;
}

.list-2 {
  max-width: 80%;
}

.list-item-7, .list-item-8 {
  text-align: center;
}

.section-3 {
  background-color: #f1f2f5;
}

.heading-14 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.youtube {
  margin-bottom: 30px;
}

.text-block-20 {
  color: var(--neutral-800);
  margin-bottom: 10px;
  font-size: 20px;
}

.div-block-15 {
  width: 100%;
}

.div-block-15.margin-bottom {
  margin-bottom: 30px;
}

.link-block-2 {
  margin-bottom: 10px;
  margin-left: 10px;
}

.heading-15 {
  color: var(--midnight-blue);
}

.text-block-21 {
  color: var(--neutral-800);
  margin-bottom: 15px;
}

.div-block-16 {
  max-width: 45%;
}

.list-item-9 {
  color: var(--neutral-800);
  margin-bottom: 5px;
}

.section-4 {
  background-color: #f1f2f5;
}

.heading-16 {
  margin-top: 30px;
}

.text-block-23, .icon-arrow {
  color: var(--steel-blue);
}

.div-block-17 {
  border-bottom: 1px solid var(--neutral-700);
  width: 100%;
  max-height: 70px;
  overflow: hidden;
}

.div-block-17.list-container {
  border-bottom-color: var(--neutral-400);
  cursor: pointer;
  max-height: none;
  padding-bottom: 20px;
}

.div-block-18 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.div-block-18.list-answer {
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.section-5 {
  background-color: var(--midnight-blue);
  padding-top: 30px;
  padding-bottom: 50px;
}

.text-block-24 {
  color: var(--white);
  text-align: center;
  font-size: 20px;
}

.bold-text-4 {
  color: var(--white);
}

.text-block-25 {
  color: var(--neutral-800);
  font-size: 24px;
}

.link-block-3 {
  margin-top: 30px;
}

.text-block-26 {
  font-size: 12px;
  line-height: 1.4em;
}

.div-block-19 {
  width: 60%;
}

.bold-text-5 {
  color: var(--steel-blue);
}

.collection-list-7, .collection-list-8 {
  grid-column-gap: 15px;
  flex-wrap: wrap;
  display: flex;
}

.collection-list-10 {
  grid-column-gap: 15px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.collection-item-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.collection-list-wrapper-3 {
  width: 70%;
  margin-top: 24px;
}

.div-block-20 {
  background-color: #f7f8fa;
}

.collection-item-11 {
  display: flex;
}

.div-block-21 {
  width: 100%;
  padding-left: 60px;
  font-family: Basiercircle, sans-serif;
}

.heading-17 {
  font-size: 24px;
  text-decoration: underline;
}

.heading-17.no-underline-related {
  text-decoration: none;
}

.div-block-22 {
  color: #15192a;
  background-color: #15192a33;
  width: 1px;
  height: 14px;
  margin-left: 15px;
  margin-right: 15px;
}

.collection-list-11 {
  grid-row-gap: 30px;
  flex-direction: column;
  display: flex;
}

.link-block-4 {
  text-decoration: none;
}

.collection-list-12 {
  grid-column-gap: 15px;
  display: flex;
}

.div-block-23 {
  width: 100%;
}

.heading-18 {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.toc {
  margin-bottom: 0;
  padding-left: 0;
  line-height: 1.3em;
  list-style-type: none;
}

.text-block-27 {
  color: #383b43;
  border-bottom: 1px solid #0000;
  padding-left: 0;
  font-size: 14px;
  line-height: 1.25em;
  text-decoration: none;
  transition: border-color .3s, font-variation-settings .3s, color .3s;
}

.text-block-27.w--current {
  border-bottom: 1px solid var(--razzmatazz);
  color: var(--midnight-blue);
  font-weight: 500;
}

.text-block-27.smaller-text-height {
  line-height: 1em;
}

.div-block-24 {
  background-color: #7b61ff0a;
  border-radius: .5rem;
  padding: 1rem;
  font-family: Basiercircle, sans-serif;
  position: sticky;
  top: 160px;
}

.section-6 {
  min-height: 640px;
  position: relative;
}

.div-block-25 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-20 {
  color: var(--white);
  text-align: center;
  margin-top: 48px;
  font-family: Basiercircle, sans-serif;
  font-size: 64px;
}

.heading-20.family-head, .heading-20.pro-dev-title {
  max-width: 800px;
}

.text-block-28 {
  color: var(--white);
  margin-top: 4px;
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
}

.button-white {
  background-color: var(--white);
  border-radius: 8px;
  padding: 16px 85px;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
}

.button-white.margin-48-top {
  color: #211c5c;
  margin-top: 48px;
  font-style: normal;
  text-decoration: none;
}

.image-14 {
  position: absolute;
}

.section-7 {
  position: relative;
}

.benefit-flex {
  grid-column-gap: 120px;
  justify-content: space-around;
  width: 80%;
  display: flex;
}

.heading-21 {
  color: #161d2e;
  font-family: Basiercircle, sans-serif;
  font-size: 40px;
  line-height: 48px;
}

.div-block-26, .div-block-27 {
  width: 50%;
}

.text-block-29 {
  color: #383b43;
  margin-top: 8px;
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.text-block-30 {
  color: #161d2e;
  font-family: Basiercircle, sans-serif;
  font-size: 40px;
  line-height: 56px;
}

.section-8 {
  background-color: #211c5c;
}

.heading-22 {
  text-align: center;
  margin-bottom: 80px;
  font-family: Basiercircle, sans-serif;
  font-size: 40px;
}

.section-9 {
  padding-top: 80px;
  padding-bottom: 96px;
}

.div-block-28 {
  grid-column-gap: 120px;
  justify-content: space-around;
  display: flex;
}

.div-block-29 {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  display: flex;
}

.heading-23 {
  font-family: Basiercircle, sans-serif;
  font-size: 26px;
  font-weight: 500;
}

.heading-23.variation {
  color: var(--white);
}

.heading-23.variation.thinner {
  font-weight: 400;
}

.text-block-31 {
  color: #5e6269;
  margin-top: 8px;
  font-family: Basiercircle, sans-serif;
  line-height: 1.56em;
}

.text-block-31.var {
  color: #a6a4be;
}

.text-block-31.larger {
  font-size: 26px;
  line-height: 32px;
}

.div-block-30 {
  width: 50%;
}

.div-block-30.lsa-why {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-31 {
  width: 64px;
  padding-right: 32px;
}

.image-15 {
  width: 32px;
  min-width: 32px;
}

.div-block-32, .div-block-33 {
  margin-top: 80px;
  display: flex;
}

.section-10 {
  background-color: #211c5c;
  padding-top: 96px;
  padding-bottom: 96px;
}

.bold-text-7, .bold-text-8 {
  color: #d3d2de;
}

.section-11 {
  padding-top: 160px;
  padding-bottom: 120px;
  position: relative;
}

.image-16 {
  transform-style: preserve-3d;
  position: absolute;
  right: 0;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.text-block-32 {
  z-index: 2;
  color: #161d2e;
  font-family: Basiercircle, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 32px;
  position: relative;
}

.div-block-34 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-35 {
  text-align: center;
  width: 65%;
  margin-top: 48px;
  position: relative;
}

.image-17 {
  z-index: 1;
  position: absolute;
  inset: -40px auto auto -36px;
}

.text-block-33 {
  color: #5e6269;
  margin-top: 24px;
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.div-block-36 {
  opacity: 1;
  justify-content: center;
  align-items: center;
  min-height: 689px;
  padding-top: 120px;
  padding-bottom: 144px;
  display: block;
  position: relative;
}

.div-block-37 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-37.slide {
  grid-column-gap: 120px;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.div-block-37.slide.slide-1 {
  grid-column-gap: 120px;
  position: absolute;
  inset: 0%;
}

.div-block-37.slide.slide-2 {
  display: flex;
}

.div-block-37.slide.slide-1, .div-block-37.slide.slide-2 {
  opacity: 0;
  border-radius: 0;
}

.div-block-37.slide.slide-3, .div-block-37.slide.slide-4 {
  opacity: 0;
}

.div-block-38 {
  position: relative;
}

.image-18 {
  position: static;
  inset: 0% auto 0% 0%;
}

.text-block-34 {
  color: #70bdff;
  font-family: Basiercircle, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.text-block-34.for-mobile {
  display: none;
}

.div-block-39 {
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto -98px;
}

.div-block-39.more-left {
  left: -138px;
}

.div-block-39.lsa-label-3 {
  left: -190px;
}

.heading-24 {
  color: var(--white);
  margin-top: 8px;
  margin-bottom: 4px;
  font-family: Basiercircle, sans-serif;
  font-size: 40px;
  font-weight: 500;
}

.text-block-35 {
  color: var(--white);
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
}

.text-block-36 {
  color: #a6a4be;
  margin-top: 24px;
  font-family: Basiercircle, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.div-block-40 {
  max-width: 357px;
}

.image-19 {
  position: static;
  inset: 0% 0% 0% auto;
}

.image-19.button-carousel-next {
  cursor: pointer;
}

.div-block-41 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-42 {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 72px;
}

.div-block-43 {
  background-color: var(--white);
  opacity: .2;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.section-12 {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section-12.accordion-dark {
  background-color: #211c5c;
}

.heading-25 {
  text-align: center;
  max-width: 65%;
  font-family: Basiercircle, sans-serif;
  font-size: 40px;
}

.heading-25.heading-pro {
  max-width: 75%;
}

.heading-25.white {
  color: #fff;
  max-width: 80%;
}

.heading-25.white.wide {
  max-width: 90%;
}

.div-block-44 {
  grid-column-gap: 67px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1128px;
  margin-top: 80px;
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: flex;
}

.div-block-45 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 512px;
  display: block;
  position: relative;
}

.div-block-46 {
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 456px;
  display: flex;
  overflow: hidden;
}

.div-block-47 {
  border: 1px solid #dee0e5;
  border-radius: 8px;
  padding: 32px;
  position: relative;
  overflow: hidden;
}

.div-block-47.tab-1 {
  cursor: pointer;
}

.div-block-47.tab-1.dark-border {
  border-color: #64608d;
}

.div-block-47.tab-2 {
  cursor: pointer;
}

.div-block-47.tab-2.dark-border {
  border-color: #64608d;
}

.div-block-47.tab-3 {
  cursor: pointer;
}

.div-block-47.tab-3.dark-border {
  border-color: #64608d;
}

.div-block-47.tab-4 {
  cursor: pointer;
  transition: opacity .2s;
}

.div-block-47.tab-4.dark-border {
  border-color: #64608d;
}

.div-block-48 {
  opacity: .5;
  display: flex;
}

.text-block-37 {
  opacity: 1;
  color: #211c5c;
  font-family: Basiercircle, sans-serif;
  font-size: 28px;
  font-weight: 700;
}

.text-block-37.font-white {
  color: #fff;
}

.text-block-38 {
  opacity: 1;
  color: #161d2e;
  margin-left: 16px;
}

.text-block-38.font-white {
  color: #fff;
}

.text-block-39 {
  color: #5e6269;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  display: block;
}

.text-block-39.font-white {
  color: #fff;
}

.div-block-49 {
  max-height: 0;
  padding-left: 54px;
  overflow: hidden;
}

.div-block-49.description {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-height: 0;
  display: block;
  overflow: hidden;
}

.div-block-50 {
  opacity: 0;
  background-color: #ed0e61;
  width: 4px;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-22 {
  object-fit: fill;
  width: 100%;
  max-width: 605px;
  height: 100%;
  max-height: 512px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: visible;
}

.image-22.image-1 {
  opacity: 0;
}

.image-22.image-1.image-1-shorter {
  max-width: 552px;
}

.image-23 {
  width: 100%;
  max-width: 552px;
  height: 100%;
  max-height: 512px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-23.image-2, .image-23.image-3, .image-23.image-4 {
  opacity: 0;
}

.div-block-51 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.image-25 {
  display: none;
}

.bold-text-9, .bold-text-10, .bold-text-11, .bold-text-12 {
  color: #d3d2de;
}

.bold-text-13, .bold-text-14 {
  font-size: 16px;
}

.text-block-40 {
  font-family: Basiercircle, sans-serif;
}

.bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19 {
  color: var(--neutral-300);
}

.font-white, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23 {
  color: #fff;
}

.margin-xhuge {
  margin: 8rem;
}

.icon-height-small {
  height: 1rem;
}

.background-color-black {
  color: #f5f5f5;
  background-color: #000;
}

.heading-style-h4 {
  font-family: Basiercircle, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
}

.form_message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.text-size-small {
  font-size: .875rem;
}

.button-v1 {
  color: #fff;
  text-align: center;
  background-color: #000;
  padding: 1rem 5rem;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
  transition: transform .3s;
}

.button-v1:hover {
  transform: translate(0, -4px);
}

.button-v1.is-footer {
  color: #211c5c;
  background-color: #fff;
  border-radius: .5rem;
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.margin-0 {
  margin: 0;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-0 {
  padding: 0;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px #0000001a, 0 1px 2px #0000000f;
}

.text-size-tiny {
  font-size: .75rem;
}

.background-color-white {
  background-color: #fff;
}

.icon-1x1-small {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.text-align-right {
  text-align: right;
}

.text-size-large {
  font-family: Basiercircle, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.overflow-visible {
  overflow: visible;
}

.text-weight-medium {
  font-weight: 500;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.shadow-small {
  box-shadow: 0 4px 8px -2px #0000001a, 0 2px 4px -2px #0000000f;
}

.padding-xxlarge {
  padding: 4.5rem;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.icon-height-large {
  height: 3rem;
}

.fs-styleguide_classes {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_version {
  z-index: 5;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.padding-custom1 {
  padding: 1.5rem;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.margin-small {
  margin: 1rem;
}

.background-color-indigo-40 {
  background-color: #a6a4be;
}

.text-size-regular {
  font-size: 1rem;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.icon-height-medium {
  height: 2rem;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.form_radio-icon {
  width: .875rem;
  height: .875rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
  width: .875rem;
  height: .875rem;
}

.form_radio-icon.w--redirected-focus {
  width: .875rem;
  height: .875rem;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.padding-custom3 {
  padding: 3.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-xxhuge {
  margin: 12rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.background-color-indigo-20 {
  background-color: #d3d2de;
}

.margin-huge {
  margin: 6rem;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.margin-medium {
  margin: 2rem;
}

.text-color-white {
  color: #fff;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #0073e61a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.text-weight-semibold {
  font-weight: 600;
}

.padding-small {
  padding: 1rem;
}

.text-color-black {
  color: #000;
}

.text-color-grey {
  color: var(--grey);
}

.text-color-grey.benefits-card {
  color: #4b5166;
  line-height: 1.5;
}

.heading-style-h2 {
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h2.text-color-midnight-blue {
  line-height: 1.4;
}

.heading-style-h2.text-color-pink.rotating-text {
  position: absolute;
  inset: 0%;
}

.heading-style-h2.is-benepass-difference {
  color: var(--midnight-blue);
  font-size: 3rem;
}

.heading-style-h2.newsletter {
  color: var(--white);
  margin-top: 1rem;
  margin-bottom: .75rem;
  font-size: 2rem;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-align-center {
  text-align: center;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
}

.text-style-link {
  color: #000;
  text-decoration: underline;
}

.margin-xsmall {
  margin: .5rem;
}

.heading-style-h3 {
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px #00000024;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.fs-styleguide_header {
  background-color: #211c5c;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.text-weight-bold {
  font-weight: 700;
}

.text-style-italic {
  font-style: italic;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.home-message_logo {
  width: 10rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-size-medium {
  font-size: 1.125rem;
}

.text-size-medium.text-color-neutral-700 {
  font-family: Basiercircle, sans-serif;
}

.text-size-medium.is-benepass-difference {
  color: var(--midnight-blue);
  line-height: 1.4em;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.text-align-left {
  text-align: left;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.margin-custom2 {
  margin: 2.5rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.overflow-auto {
  overflow: auto;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-xxsmall {
  margin: .25rem;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #0073e6;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #be4aa5;
}

.padding-custom2 {
  padding: 2.5rem;
}

.fs-styleguide_heading-large {
  font-size: 6rem;
}

.text-color-indigo-20 {
  color: #d3d2de;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
  display: flex;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.form_component {
  margin-bottom: 0;
}

.background-color-grey {
  background-color: #f2f2f2;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.padding-section-medium {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.padding-section-medium.home-logos {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #0073e61a;
  border: 1px dashed #0073e6;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.margin-tiny {
  margin: .125rem;
}

.padding-global {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.text-color-indigo-40 {
  color: #a6a4be;
}

.padding-large {
  padding: 3rem;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.shadow-xxsmall {
  box-shadow: 0 1px 2px #0000000d;
}

.text-weight-light {
  font-weight: 300;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-xxsmall {
  padding: .25rem;
}

.text-style-nowrap {
  white-space: nowrap;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-muted {
  opacity: .6;
}

.shadow-xlarge {
  box-shadow: 0 24px 48px -12px #0000002e;
}

.heading-style-h6 {
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.padding-medium {
  padding: 2rem;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.padding-section-large.benefits {
  padding-top: 6rem;
}

.form_input {
  background-color: #0000;
  min-height: 3rem;
  margin-bottom: .75rem;
  padding: .5rem 1rem;
}

.form_input::placeholder {
  color: #fff;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-style-h5 {
  font-family: Basiercircle, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h5.benefits-card {
  color: var(--midnight-blue);
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.5em;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom.padding-small {
  padding-bottom: 2rem;
}

.padding-bottom.padding-xmedium {
  padding-bottom: 2.5rem;
}

.form_message-success {
  padding: 1.25rem;
}

.padding-huge {
  padding: 6rem;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-custom1 {
  margin: 1.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.margin-large {
  margin: 3rem;
}

.background-color-midnight-blue {
  background-color: #211c5c;
}

.padding-tiny {
  padding: .125rem;
}

.fs-styleguide_spacing-all {
  display: none;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.heading-style-h1 {
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
}

.footer_top-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  align-items: start;
}

.footer_logo-link {
  float: none;
  padding-left: 0;
}

.footer_social-list {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  display: grid;
}

.footer_social-link {
  opacity: .45;
  color: var(--indigo-40);
  justify-content: flex-start;
  align-items: center;
  width: 3rem;
  height: 3rem;
  font-size: 14px;
  text-decoration: none;
  transition: opacity .35s, color .35s;
  display: flex;
}

.footer_social-link:hover {
  opacity: 1;
  color: var(--white);
}

.footer_social-icon {
  width: 3rem;
  height: 3rem;
}

.footer_menu-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr 1fr;
  align-items: start;
}

.footer_link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  place-items: stretch start;
  display: flex;
}

.footer_link-heading {
  color: var(--indigo-40);
  text-transform: uppercase;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Basiercircle, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.footer_link-list-mobile {
  flex-direction: column;
  display: flex;
}

.footer_link {
  color: #fff;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-family: Basiercircle, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  transition: color .3s;
}

.footer_link:hover {
  color: var(--indigo-40);
}

.footer_link-list-divider-mobile {
  display: none;
}

.footer_blog-heading-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer_blog-button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--indigo-20);
  align-items: center;
  font-size: .875rem;
  font-weight: 500;
  transition: color .3s;
  display: flex;
}

.footer_blog-button:hover {
  color: #fff;
}

.footer_blog-button-icon {
  align-items: center;
  width: 1rem;
  height: 1rem;
  font-family: Basiercircle, sans-serif;
  display: block;
}

.footer_blog-item-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.footer_blog-image {
  object-fit: cover;
  border-radius: .25rem;
}

.footer_blog-icon-mobile {
  display: none;
}

.footer_blog-content-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  padding-top: .125rem;
  display: flex;
}

.footer_blog-title {
  color: #fff;
  font-size: .875rem;
  line-height: 1.4em;
  text-decoration: none;
  transition: color .3s;
}

.footer_blog-title:hover {
  color: var(--indigo-40);
}

.footer_blog-time-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.footer_blog-time-wrapper.hide-mobile-portrait {
  font-family: Basiercircle, sans-serif;
}

.footer_blog-icon {
  color: #64608d;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.footer_blog-text {
  color: #a6a4be;
  font-size: .875rem;
}

.footer_link-mobile-only {
  display: none;
}

.line-divider {
  background-color: #a6a4be;
  width: 100%;
  height: 1px;
}

.footer_bottom-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer_credit-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer_credit-text {
  color: #a6a4be;
  font-family: Basiercircle, sans-serif;
  font-size: .875rem;
}

.footer_legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: grid;
}

.footer_legal-link {
  color: var(--indigo-40);
  font-family: Basiercircle, sans-serif;
  font-size: .875rem;
  text-decoration: none;
}

.footer_legal-link:hover {
  color: var(--white);
}

.button {
  color: #fff;
  text-align: center;
  background-color: #211c5c;
  border-radius: .5rem;
  padding: .75rem 1.5rem;
  font-family: Basiercircle, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  transition: transform .3s;
}

.button:hover {
  color: #fff;
  background-image: linear-gradient(#fff3, #fff3);
  transform: translate(0, -4px);
}

.button.is-secondary {
  border: 1px solid var(--midnight-blue);
  color: var(--midnight-blue);
  background-color: #0000;
}

.button.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button.is-large {
  padding: 1rem 2rem;
}

.button.is-small {
  padding: .625rem 1rem;
  font-size: .875rem;
  line-height: 1.75;
}

.button.is-white {
  background-color: var(--white);
  color: var(--midnight-blue);
}

.button.is-hidden {
  display: none;
}

.button.new-design {
  background-color: var(--razzmatazz);
  line-height: 1.6em;
}

.button.new-design.case-study {
  padding: .66rem 1.25rem;
  font-size: .875rem;
}

.button.new-design.clamp {
  font-size: clamp(.75rem, 2vw, 1rem);
}

.button.is-hub {
  width: 100%;
}

.button.tertiary {
  color: var(--midnight-blue);
  background-color: #0000;
  padding: 0;
  text-decoration: underline;
}

.section_home-hero {
  background-color: var(--midnight-blue);
  background-image: url('../images/lines.webp');
  background-position: 95%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: scroll;
  position: relative;
}

.section_home-hero.ab-test {
  background-image: url('../images/lines.webp');
  background-repeat: no-repeat;
  background-size: 60%;
  background-attachment: scroll;
}

.header-v2_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.header-v2_image-wrapper {
  position: static;
}

.header-v2_image {
  width: 100%;
  max-width: 85%;
  height: 100%;
}

.text-color-neutral-400 {
  color: var(--neutral-400);
}

.hero_dots-background {
  opacity: .2;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section_home-table {
  background-image: url('../images/home-section-divider.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  margin-top: -.25rem;
  padding-top: .25rem;
  display: block;
  overflow: hidden;
}

.section_home-table.no-divider {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}

.section_home-table.no-brow {
  background-image: none;
}

.table_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.table_image-wrapper {
  width: 100%;
  max-width: 100%;
}

.table_image-wrapper.hidden {
  display: none;
}

.table_image {
  border-radius: .75rem;
  width: 100%;
  height: 100%;
  box-shadow: 2px 0 24px #211c5b14;
}

.text-color-midnight-blue {
  color: var(--midnight-blue);
}

.section_home-logos {
  overflow: hidden;
}

.section_home-logos.grey {
  background-color: var(--neutral-200);
  overflow: visible;
}

.logos_component {
  display: flex;
}

.logo_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 16.6rem 16.6rem 16.6rem 16.6rem 16.6rem 16.6rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: center start;
  margin-right: 2rem;
  display: grid;
}

.logo_wrapper {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.logo_image {
  max-height: 3.5rem;
}

.section_home-tabs.home-page {
  background-color: var(--neutral-200);
}

.tabs_component {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.tabs_layout-menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: center;
  margin-bottom: 4rem;
  display: flex;
  overflow: scroll;
}

.tabs_layout-menu.no-scrollbar {
  grid-column-gap: 1rem;
  flex-wrap: wrap;
  overflow: visible;
}

.tab-link-wrapper {
  background-color: #0000;
  border: 1px solid #211c5c26;
  border-radius: 100px;
  flex: none;
  padding: .5rem 1.125rem;
}

.tab-link-wrapper.w--current {
  background-color: #efeefa;
  border-style: solid;
  border-color: #ccc8ff;
}

.tab-card-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.tab_card {
  background-color: #efeefa;
  border-radius: 1rem;
  padding: 2rem 4rem;
}

.text-color-neutral-700 {
  color: var(--neutral-700);
}

.home_tab-grid {
  grid-template-rows: auto;
}

.tab_pane-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-wrapper-wrap {
  padding: 2rem;
}

.image-wrapper {
  width: 100%;
  height: 100%;
}

.information_component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.information_component.hidden {
  display: none;
}

.information-card {
  background-color: var(--neutral-200);
  border-radius: .75rem;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
}

.body-new-font {
  box-sizing: border-box;
  font-family: Basiercircle, sans-serif;
}

.information-card-small-wrapper {
  grid-column-gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.5rem;
  display: flex;
}

.information-icon {
  color: var(--midnight-blue);
  flex: none;
  width: 3rem;
  height: 3rem;
}

.testimonial_component {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 4rem;
}

.testimonial_slide {
  padding-left: 4rem;
  padding-right: 4rem;
}

.testimonial_content {
  background-color: var(--white);
  text-align: center;
  border-radius: .75rem;
  flex-direction: column;
  align-items: center;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  padding: 2rem;
  display: flex;
}

.testimonial10_rating-wrapper {
  display: flex;
}

.testimonial10_rating-icon {
  color: #0000;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  display: flex;
}

.testimonial_client {
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial_client-image-wrapper {
  margin-right: 1.25rem;
  display: none;
}

.testimonial_client-image {
  object-fit: cover;
  border-radius: 100%;
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
}

.testimonial_divider {
  background-color: #4b516633;
  align-self: stretch;
  width: 1px;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.testimonial_logo-wrapper {
  align-items: center;
  display: flex;
}

.testimonial10_logo {
  max-height: 3rem;
}

.testimonial_arrow {
  background-color: #0000;
  border: 1px solid #211c5c80;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.testimonial_arrow-icon {
  color: var(--midnight-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.testimonial_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
}

.awards_component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.awards_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start center;
  display: grid;
}

.awards_card {
  background-color: var(--neutral-200);
  text-align: center;
  border-radius: .5rem;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-height: 12rem;
  padding: 1.5rem 2rem;
  display: flex;
}

.section_cta {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
  position: relative;
}

.cta_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-image: url('../images/cta-background.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.cta_card {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.section_home-blog {
  overflow: hidden;
}

.blog_heading-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.blog_heading {
  flex: 1;
}

.blog_button-row {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.blog_button-row.show-mobile-landscape {
  display: none;
}

.blog_component {
  background-color: #0000;
  height: auto;
  padding-bottom: 7.5rem;
  position: relative;
}

.blog_mask {
  width: 33.33%;
  overflow: visible;
}

.blog_slide {
  padding-right: 2rem;
}

.blog_image-link {
  width: 100%;
  margin-bottom: 1.5rem;
}

.blog_image-wrapper {
  border-radius: .5rem;
  width: 100%;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.blog_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog_meta-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blog_category-link {
  background-color: var(--neutral-200);
  border-radius: 10rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 2rem;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.blog_category-link.w--current {
  border-bottom: 2px solid #000;
}

.blog_title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.blog_arrow {
  background-color: #0000;
  border: 1px solid #211c5c80;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
  inset: auto 0% 0% auto;
}

.blog_arrow.left {
  right: 6%;
}

.blog66_arrow-icon {
  color: var(--midnight-blue);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.blog66_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  inset: auto auto 0% 0%;
}

.blog-divider {
  background-color: #888b9433;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.blog-icon {
  color: var(--midnight-blue);
  width: 1.5rem;
  height: 1.5rem;
}

.blog_info-wrapper {
  grid-column-gap: .25rem;
  align-items: center;
  display: flex;
}

.hero_lines-mobile-image {
  display: none;
}

.collection-list-blog-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item-12 {
  grid-column-gap: 1rem;
  align-items: flex-start;
}

.collection-blog-slider-categories {
  grid-column-gap: 1rem;
  align-items: center;
  display: flex;
}

.section_home-programs {
  position: relative;
}

.rotating-wrap {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 3.6rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.abstract_lines-image-1 {
  z-index: 0;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.abstract_lines-image-2 {
  z-index: 0;
  position: absolute;
  inset: 15rem auto 0% 0%;
}

.marquee {
  grid-column-gap: 6rem;
  overflow: hidden;
}

.marquee.hero {
  overflow: hidden;
}

.testimonial_logo {
  object-fit: contain;
  width: 100%;
  max-width: 8rem;
  height: 2rem;
}

.awards_list-wrapper {
  width: 100%;
}

.awards_logo {
  max-height: 100%;
}

.awards_logo-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.search_form {
  position: relative;
}

.search_input {
  color: #14192b;
  letter-spacing: .01em;
  background-color: #fff;
  border: 1px solid #e9eaf0;
  border-radius: 8px;
  height: 63px;
  margin-bottom: 0;
  padding-left: 60px;
  padding-right: 16px;
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  line-height: 1.733em;
  transition: box-shadow .35s, border-color .35s, color .35s;
  box-shadow: 0 2px 8px #14192b0f;
}

.search_input:hover, .search_input:focus {
  border-color: #0144e4;
  box-shadow: 0 0 #14192b0f;
}

.search_input::placeholder {
  color: #888b94;
}

.search_icon {
  width: 1.5rem;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 1.5rem;
}

.section_search {
  z-index: 9;
  margin-top: -8rem;
  margin-bottom: 8rem;
  position: static;
  top: 5rem;
}

.flex-no-sizing {
  flex: none;
}

.section_header {
  max-width: 100vw;
  position: relative;
}

.section_header.background-color-purple-10 {
  background-color: var(--purple-10);
}

.tab-slider_component {
  grid-column-gap: 7.5rem;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tab-slider_image {
  opacity: 0;
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  margin-left: 0;
  transition: opacity .2s;
  display: block;
  position: absolute;
  inset: 0%;
}

.swiper-slide.is-tabs {
  flex: none;
  width: 100%;
  max-width: 100%;
}

.swiper-slide.is-tabs.swiper-slide-active {
  opacity: 1;
}

.swiper-wrapper.is-tabs {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: visible;
}

.swiper.is-tabs {
  overflow: visible;
}

.tab-slider_number-wrapper {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: 3rem;
  display: flex;
}

.tab-slider_number {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  top: -.125rem;
}

.tab-slider_card {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dee0e5;
  border-left-width: .0625rem;
  border-radius: .5rem;
  padding: 2rem;
  transition: all .2s;
  display: flex;
  overflow: hidden;
}

.tab-slider_card.is-active {
  border-left-width: .25rem;
  border-left-color: var(--razzmatazz);
  color: var(--neutral-800);
  padding-left: 1.8125rem;
}

.tab-slider_paragraph {
  opacity: .6;
  width: 100%;
  height: auto;
  transition: all .2s;
  overflow: hidden;
}

.tab-slider_title {
  margin-bottom: 0;
  font-size: 1.125rem;
}

.header_image {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header_image.is-benefits {
  object-fit: contain;
  width: 42rem;
  max-width: none;
  height: auto;
  top: -5rem;
  left: -3rem;
}

.header_image.is-benefits-utilization {
  object-fit: contain;
  width: 44rem;
  max-width: none;
  height: auto;
  top: -11rem;
  left: -2rem;
}

.header_image.is-benefits-utilization.show-mobile-landscape {
  display: none;
}

.header_image.is-meet-employees {
  object-fit: contain;
  width: 44rem;
  max-width: none;
  height: 110%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 48vw;
}

.header_image.is-recruit {
  object-fit: contain;
  width: 44rem;
  max-width: none;
  height: auto;
  position: absolute;
  top: -18rem;
  bottom: 0%;
}

.header_image.is-recruit.show-mobile-landscape {
  display: none;
}

.header_image.is-streamline {
  object-fit: contain;
  object-position: 100% 50%;
  width: 50vw;
  left: 50vw;
}

.header_image.is-company-value {
  object-fit: contain;
  object-position: 50% 100%;
  width: 40rem;
  inset: auto 0 -3.9rem auto;
}

.header_content {
  z-index: 3;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 34rem;
  margin-bottom: 0;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.header_image-overlay {
  z-index: 2;
  opacity: .9;
  background-image: linear-gradient(129deg, #211c5c, #211c5ce6);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header_image-mask {
  z-index: 4;
  object-fit: cover;
  width: 102%;
  max-width: none;
  height: auto;
  margin-left: -1rem;
  position: relative;
  bottom: -.125rem;
}

.security-image {
  width: 100%;
  height: auto;
  position: relative;
  top: -2rem;
}

.checkmark_component {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--neutral-800);
  align-items: center;
  display: flex;
}

.checkmark_icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  display: flex;
}

.header_icon {
  width: 4rem;
  height: auto;
}

.tab-slider_image-wrapper {
  width: 45%;
  padding-top: 40%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.how-it-works-image {
  width: auto;
  height: auto;
}

.how-it-works-image.mobile {
  display: none;
}

.benefits-card_component {
  background-color: var(--neutral-200);
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  padding: 2rem;
  transition: box-shadow .3s, transform .3s;
}

.benefits-card_component:hover {
  transform: translate(0, -4px);
  box-shadow: 0 2px 24px #00000014;
}

.benefits-card_component.new {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #efeefa;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5rem 1.5rem;
  display: flex;
}

.benefits-card_component.new:hover {
  box-shadow: 0 2px 24px #0000000f;
}

.beneftits-cta_component {
  background-color: var(--midnight-blue);
  text-align: center;
  border-radius: 16px;
  flex-direction: column;
  align-items: center;
  padding: 3rem 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.beneftits-cta_left-image {
  z-index: 0;
  object-fit: contain;
  object-position: 0% 100%;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.beneftits-cta_right-image {
  z-index: 0;
  object-fit: contain;
  object-position: 100% 50%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  right: 0;
}

.font-basiercircle {
  font-family: Basiercircle, sans-serif;
  line-height: 1.6;
}

.two-column-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.header_image-wrapper {
  position: relative;
}

.header_overflow-bar {
  background-color: #fff;
  width: 100%;
  height: 15rem;
  display: none;
}

.header_overflow-bar.show-mobile-landscape {
  display: none;
}

.icon-1x1-huge {
  width: 10rem;
  height: 10rem;
}

.header_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: minmax(1rem, 1fr) minmax(1rem, 1fr);
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.benefits-cta_content-wrapper {
  z-index: 1;
  max-width: 36rem;
  position: relative;
}

.text-underline-highlight {
  color: var(--razzmatazz);
  background-image: url('../images/underline-png.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100% .5rem;
  margin-bottom: -.75rem;
  padding-bottom: .75rem;
  display: inline-block;
}

.text-underline-highlight.is-small {
  margin-bottom: 0;
  padding-bottom: .2rem;
}

.four-column-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.benefits-card_link {
  text-decoration: none;
}

.faq_component {
  background-color: var(--purple-10);
  border-radius: 1rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  display: block;
  overflow: hidden;
}

.faq_question {
  white-space: normal;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  display: flex;
}

.faq_icon {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
  display: flex;
}

.faq_answer {
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.faq_answer.w--open {
  background-color: #0000;
}

.faq_content {
  border-top: 1px solid var(--indigo-20);
  width: 100%;
  max-width: 100%;
}

.faq_rich-text {
  font-family: Basiercircle, sans-serif;
  font-size: 18px;
  line-height: 1.6em;
}

.faq_rich-text h2 {
  max-width: 740px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.faq_rich-text h3 {
  max-width: 740px;
  margin: 54px auto 20px;
}

.faq_rich-text p {
  color: var(--neutral-800);
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}

.faq_rich-text h4, .faq_rich-text h5, .faq_rich-text h6 {
  max-width: 740px;
  margin-top: 54px;
  margin-left: auto;
  margin-right: auto;
}

.faq_rich-text ul {
  color: var(--neutral-800);
  max-width: 740px;
  margin: 32px auto;
}

.faq_rich-text ol {
  max-width: 740px;
  margin: 32px auto;
}

.faq_rich-text img {
  border-radius: 6px;
}

.faq_rich-text figcaption {
  margin-top: 32px;
}

.faq_rich-text figure {
  margin-top: 57px;
  margin-bottom: 62px;
}

.faq_rich-text blockquote {
  margin-top: 34px;
  margin-bottom: 68px;
}

.faq_container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.blog-post_share {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  display: grid;
}

.blog-post_social-link {
  background-color: var(--neutral-200);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: .25rem;
  transition-property: background-color;
  display: flex;
  overflow: visible;
}

.blog-post_social-link:hover {
  background-color: var(--purple-10);
}

.navbar_component {
  z-index: 999;
  background-color: #211c5c;
  font-family: Basiercircle, sans-serif;
  position: sticky;
  top: 0;
}

.modal_main-wrapper {
  z-index: 100;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal_overlay {
  cursor: pointer;
  background-color: #14192bc4;
  position: absolute;
  inset: 0%;
}

.modal_content-wrapper {
  background-color: #fff;
  border-radius: .5rem;
  flex-direction: column;
  width: 100%;
  padding: 2rem;
  display: flex;
  position: absolute;
  top: 30%;
}

.modal_close-button {
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  inset: .5rem .5rem auto auto;
}

.modal_heading {
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 1.5rem;
}

.modal_collection {
  background-color: #fff;
  border-radius: .5rem;
  flex-direction: column;
  width: 100%;
  max-width: 36rem;
  padding: 0;
  display: flex;
  position: absolute;
  top: 30%;
}

.hide-desktop {
  display: none;
}

.blog_links-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  margin-bottom: 1rem;
  display: flex;
}

.blog_link {
  background-color: var(--midnight-blue);
  color: var(--white);
  border-radius: .4rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .4rem;
  transition: background-color .25s, color .35s;
  display: flex;
  position: relative;
}

.blog_link:hover {
  background-color: var(--indigo-70);
  color: var(--white);
}

.blog_share-icon {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.blog-author-image-wrapper {
  border-radius: 50%;
  width: 173px;
  height: 173px;
}

.link-no-underline {
  text-decoration: none;
}

.modal_display-script {
  display: none;
}

.marquee-inner-wrapper {
  display: flex;
}

.marquee-logos-wrapper {
  flex: none;
  justify-content: space-around;
  align-items: center;
  min-width: 450%;
  display: flex;
}

.marquee-logos-wrapper.hero {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  will-change: transform;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  min-width: 0%;
  padding-right: 4rem;
  transform: translate3d(0, 0, 0);
}

.marquee-image {
  object-fit: contain;
  width: 100%;
  max-width: 8rem;
  height: 2.5rem;
}

.text-container-800px {
  max-width: 700px;
}

.banner-link {
  align-items: center;
  display: flex;
}

.padding-section-hero-home {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.div-full-height {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.table-wrapper {
  width: 100%;
}

.table-heading {
  background-color: var(--midnight-blue);
  color: var(--white);
  border-radius: .5rem;
  justify-content: center;
  margin-bottom: 0;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 22px;
  display: flex;
}

.table-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.benefits-row-header {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  padding: 1.5rem .3rem;
  display: flex;
}

.benefits-row-header.bigger-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

.benefits-row-header.background-opacity-small {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.table-icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.benefits-table-h4 {
  color: var(--midnight-blue);
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2em;
}

.background-opacity-medium {
  background-color: #bdaaff1a;
}

.table-avatar-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-top-left-radius: .5rem;
  border-bottom-left-radius: .5rem;
  align-items: center;
  padding: 1.5rem 1rem 1.5rem 2rem;
  display: flex;
}

.table-avatar {
  max-width: 5rem;
}

.avatar-p {
  color: var(--midnight-blue);
  font-size: 1.1rem;
  line-height: 1.2em;
}

.background-opacity-small {
  background-color: #211c5c08;
}

.table-cell {
  color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.table-cell.background-opacity-medium.last {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.table-cell.background-opacity-large {
  background-color: #f3f2fb;
}

.table-logo {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: .95rem;
  line-height: 1.3;
  display: flex;
}

.table-scroll-wrapper {
  width: 100%;
  overflow: hidden;
}

.table-overlay {
  display: none;
}

.how-it-works-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-26 {
  font-size: 18px;
}

.blog-post-about-top-divider-2 {
  background-color: #d8dae3;
  width: 22px;
  height: 1px;
  margin-left: 33px;
  margin-right: 33px;
}

.collection-list-13 {
  grid-column-gap: 15px;
  flex-flow: wrap;
  place-content: stretch flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.card-2 {
  background-color: #fff;
  border: 1px solid #e9eaf0;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 3px 10px #080f340a;
}

.card-2.about-author {
  max-width: 740px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 57px 53px;
  display: flex;
}

.div-block-52 {
  background-color: #f7f8fa;
  padding-top: 100px;
  padding-bottom: 100px;
}

.blog_link-2 {
  color: #fff;
  background-color: #211c5c;
  border-radius: .5rem;
  flex: none;
  padding: .5rem;
  transition: background-color .25s, color .35s;
  position: relative;
}

.blog_link-2:hover {
  color: #fff;
  background-color: #64608d;
}

.text-block-41 {
  font-family: Basiercircle, sans-serif;
}

.blog-post-date-2, .blog-post-time-2 {
  color: #14192b;
  align-items: center;
  font-size: 17px;
  line-height: 1.118em;
  display: flex;
}

.section-13 {
  color: #4b5166;
  padding-top: 180px;
  padding-bottom: 180px;
  font-size: 22px;
}

.section-13.blog-post {
  padding-top: 140px;
  padding-bottom: 0;
}

.text-block-42 {
  text-decoration: none;
}

.blog-post-author-2 {
  color: #888b94;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.blog-post-author-2:hover {
  color: #888b94;
}

.image-26 {
  margin-right: 12px;
}

.div-block-53 {
  padding-bottom: 50px;
  font-family: Basiercircle, sans-serif;
  position: sticky;
  top: 160px;
}

.divider-2 {
  background-color: #e9eaf0;
  width: 100%;
  height: 1px;
}

.blog-post_social-link-2 {
  background-color: #f7f8fa;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: .25rem;
  transition-property: background-color;
  display: flex;
  overflow: visible;
}

.blog-post_social-link-2:hover {
  background-color: #ececf4;
}

.heading-27 {
  color: #211c5c;
  font-family: Roobert;
}

.card-about-author-rol-2 {
  color: #888b94;
  margin-bottom: 16px;
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  line-height: 1.118em;
}

.collection-item-14 {
  display: flex;
}

.image-27 {
  height: auto;
}

.image-27.blog-post-author-image {
  object-fit: cover;
  width: 72px;
  height: 72px;
}

.image-27.blog-post-date-icon, .image-27.blog-post-time-icon {
  margin-right: 10px;
}

.image-27.about-author {
  object-fit: cover;
  width: 173px;
  height: 173px;
}

.text-block-43 {
  color: #000;
  padding-left: 0;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.div-block-54 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.blog-post-author-name-2 {
  color: #14192b;
  font-family: Basiercircle, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.118em;
}

.difference-dropdown-wrapper {
  background-color: #f7f7f9;
  border-radius: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.difference-dropdown-wrapper.hidden {
  display: none;
}

.difference-dropdown {
  border-bottom: 1px solid #bfc1c7;
  width: 100%;
  overflow: hidden;
}

.difference-dropdown-toggle {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0 1.5rem;
  display: flex;
}

.difference-dropdown-list {
  background-color: #0000;
  position: static;
}

.difference-icon {
  color: var(--razzmatazz);
  width: 2rem;
  height: 2rem;
}

.difference-toggle-inner-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.difference-dropdown-icon {
  color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.difference-item {
  grid-column-gap: 1rem;
  color: var(--midnight-blue);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.difference-item-icon {
  color: var(--midnight-blue);
  flex: none;
  width: 2rem;
  height: 2rem;
}

.container-xsmall {
  max-width: 58.5rem;
}

.information-icon-2 {
  color: #211c5c;
  flex: none;
  width: 3rem;
  height: 3rem;
}

.text-color-neutral-700-2 {
  color: #4b5166;
}

.information-card-2 {
  background-color: #f7f8fa;
  border-radius: .75rem;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1rem;
  display: flex;
}

.text-container-difference {
  max-width: 600px;
}

.section_benefits-highlight {
  position: relative;
}

.benefits-highlight-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.h2_benefits-highlight {
  color: #161d2e;
  margin-bottom: 0;
  font-family: Basiercircle, sans-serif;
  font-size: 2.5rem;
}

.benefits-highlight-p {
  color: #383b43;
  font-family: Basiercircle, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4em;
}

.benefits-highlight-small-p {
  color: #161d2e;
  font-family: Basiercircle, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5em;
}

.container-xmedium {
  max-width: 70rem;
}

.benefits-highlight-image {
  height: 600px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.positive-relative-1 {
  z-index: 1;
  position: relative;
}

.container-xxmedium {
  max-width: 73.75rem;
}

.blog-content-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-content-grid.no-table-contents {
  grid-template-columns: 7fr;
  padding-left: 15%;
  padding-right: 15%;
}

.list-item-10 {
  margin-bottom: .5rem;
}

.padding-section-blog-hero {
  padding-top: 6rem;
  padding-bottom: 2rem;
}

.image-28 {
  border-radius: .5rem;
}

.tabs-slider-number, .slider-navigation-wrapper, .html-embed-2 {
  display: none;
}

.blog-summary-divider {
  background-color: #211c5c40;
  width: 100%;
  height: 1px;
  margin-bottom: 1rem;
}

.share-heading {
  color: #383b43;
  border-bottom: 1px solid #0000;
  margin-bottom: .5rem;
  padding-left: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25em;
  text-decoration: none;
  transition: border-color .3s, font-variation-settings .3s, color .3s;
}

.share-heading.w--current {
  border-bottom: 1px solid var(--razzmatazz);
  color: var(--midnight-blue);
  font-weight: 500;
}

.blog-link-icon {
  color: var(--white);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 1.2rem;
  display: flex;
}

.blog-list-item {
  line-height: 1.3em;
}

.heading-28, .text-block-44, .text-block-45, .paragraph-2 {
  font-family: Basiercircle, sans-serif;
}

.heading-for-ab {
  color: var(--white);
  margin-bottom: .625rem;
  font-family: Basiercircle, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2em;
}

.text-size-18 {
  font-size: 1.125rem;
  line-height: 1.8em;
}

.hero-home-for-ab {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.white-divider {
  background-color: var(--white);
  width: 100%;
  height: 1px;
}

.ab-story-highligh {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.testimonial-column-dark {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.testimonial-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.testimonial-block-main {
  background-color: #f5f7fa;
  justify-content: space-between;
  padding: 32px 24px;
  display: flex;
}

.testimonial-main-image {
  object-fit: cover;
  width: 200px;
  height: 280px;
  margin-right: 24px;
}

.testimonial-main-content {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.testimonial-main-heading {
  margin-bottom: 2px;
  font-weight: 600;
}

.testimonial-block {
  background-color: #f5f7fa;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px;
  display: flex;
}

.testimonial-info-two {
  align-items: center;
  display: flex;
}

.testimonial-image {
  object-fit: cover;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin-right: 16px;
}

.testimonial-author-name {
  font-weight: 700;
}

.ab-highlight-header-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .25rem;
  width: 10rem;
}

.ab-highlight-head-wrapper {
  color: var(--white);
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5em;
}

.display-inline {
  margin-right: .4em;
  display: inline;
}

.highlight-ab-button {
  color: var(--razzmatazz);
  line-height: 1.8em;
  text-decoration: none;
}

.highlight-ab-button:hover {
  color: var(--white);
}

.hero-ab-image {
  width: 55%;
}

.header-ab-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-ab-testimonial {
  z-index: 99;
  max-width: 437px;
  position: absolute;
  inset: auto 0% 30% auto;
}

.hero-ab-testimonial-inner {
  background-color: var(--white);
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
  padding: 1.25rem 2rem;
  display: block;
  box-shadow: -20px 20px 25px #0000001a;
}

.ab-testimonial-image {
  max-width: 4.5rem;
  margin-bottom: 2rem;
}

.ab-testimonial-p {
  color: var(--razzmatazz);
  margin-bottom: 1rem;
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.4em;
}

.ab-testimonial-name {
  color: var(--midnight-blue);
  font-size: .75rem;
  line-height: 1.25em;
}

.ab-testimonial-name.text-weight-bold {
  margin-bottom: .1rem;
}

.mega-menu-links-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  padding: 1.5rem 2.5rem;
  display: grid;
}

.mega-menu-higlight {
  background-color: #fde7ef;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1.25rem;
  display: flex;
}

.mega-menu-highlight-image {
  width: 90%;
  height: 132px;
  margin-bottom: 1rem;
}

.mega-menu-highlight-heading {
  color: #000;
  text-align: center;
  width: 220px;
  margin-bottom: .875rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.2em;
}

.mega-menu-highlight-heading.wider {
  width: 260px;
}

.mega-menu-highlight-button {
  background-color: var(--midnight-blue);
  color: #fff;
  border-radius: .5rem;
  padding: .625rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.5em;
  transition-property: transform;
  transition-duration: .3s;
  display: block;
}

.mega-menu-highlight-button:hover {
  color: #fff;
  transform: translate(0, -.2rem);
}

.mega-menu-link-text {
  width: 100%;
  max-width: 105px;
}

.mega-menu-mobile-link {
  color: var(--razzmatazz);
  font-size: .875rem;
  line-height: 1.6;
  text-decoration: none;
  display: none;
}

.newsletter-signup-outer-wrapper {
  border-top: 1px solid var(--neutral-300);
  border-bottom: 1px solid var(--neutral-300);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.newsletter-signup-outer-wrapper.hidden {
  display: none;
}

.newsletter-form {
  background-color: var(--midnight-blue);
  border-radius: .5rem;
  margin-bottom: 0;
  padding: 3rem 2rem;
  position: relative;
  overflow: hidden;
}

.newlsetter-logo {
  width: 100%;
  max-width: 8rem;
}

.newsletter-signu-p {
  color: var(--neutral-400);
  line-height: 1.4em;
}

.newsletter-social-link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.newsletter-social-link-outer {
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  padding: .4rem;
  display: flex;
}

.newsletter-social-link-outer:hover {
  color: var(--indigo-70);
}

.newsletter-social-links-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: flex;
}

.newsletter-form-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 3rem;
  display: flex;
  position: relative;
}

.newsletter-email-input {
  border: 1px solid var(--white);
  color: var(--neutral-800);
  border-radius: .3rem;
  width: 100%;
  height: 3rem;
  margin-bottom: 0;
  padding: 1rem;
}

.newsletter-email-input:focus {
  border: 1px solid var(--midnight-blue);
}

.newsletter-email-input.table-of-contents {
  color: var(--neutral-800);
  border-color: #211c5c40;
  height: 2rem;
  margin-top: .75rem;
  font-size: .75rem;
  line-height: 1.3em;
}

.newsletter-email-input.table-of-contents::placeholder {
  color: var(--neutral-600);
  font-size: .75rem;
}

.newsletter-submit-button {
  background-color: var(--razzmatazz);
  border-radius: .4rem;
  height: 2.5rem;
  margin-bottom: .25rem;
  margin-right: .25rem;
  padding: 0 1rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.newsletter-submit-button.table-of-contents {
  background-color: var(--midnight-blue);
  width: 100%;
  height: 2.2rem;
  margin-top: .5rem;
  margin-bottom: 0;
  margin-right: 0;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  transition: background-color .3s;
  position: static;
}

.newsletter-submit-button.table-of-contents:hover {
  background-color: var(--neutral-700);
}

.form {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
  position: relative;
}

.newsletter-form-success {
  background-color: var(--midnight-blue);
  color: var(--white);
  border-radius: 1.8rem;
  padding: 1rem;
  font-weight: 500;
}

.newsletter-form-success.table-of-contents {
  border: 1px solid #211c5c12;
  border-radius: .5rem;
  padding: .5rem 1rem;
  font-size: .75rem;
}

.newsletter-form-error {
  color: var(--midnight-blue);
  background-color: #fadcdc;
  border: 1px solid #211c5c12;
  border-radius: .5rem;
  padding: .5rem 1rem;
  font-size: .75rem;
  font-weight: 500;
}

.newsletter-form-image {
  z-index: 0;
  opacity: .34;
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%)rotate(12deg);
}

.post-summary-newsletter-form {
  margin-bottom: 0;
}

.hidden {
  display: none;
}

.e-books {
  color: var(--neutral-700);
}

.hidden-desktop {
  display: none;
}

.legal-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  margin-bottom: 8rem;
  padding-top: 4rem;
  display: grid;
}

.toc-element {
  margin-bottom: .4rem;
}

.text-link {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: var(--midnight-blue);
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
}

.text-link-arrow {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 1px;
}

.card-icon {
  width: 2rem;
  height: 2rem;
}

.benefits-card_component-2 {
  background-color: #f7f8fa;
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  padding: 2rem;
  transition: box-shadow .3s, transform .3s;
}

.benefits-card_component-2:hover {
  transform: translate(0, -4px);
  box-shadow: 0 2px 24px #00000014;
}

.text-color-grey-2 {
  color: #5e6269;
}

.demo-request-form-p {
  color: #4b5166;
  border-top: 1px solid #e3e8ef;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.4em;
}

.demo-request-form-link {
  font-weight: 400;
}

.demo-employee-wrapper {
  margin-bottom: 4rem;
  padding-right: 2rem;
}

.padding-section-big {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.div-block-56 {
  background-color: #f7f6ff;
}

.toc-share-list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  margin-bottom: 1rem;
  display: flex;
}

.toc-social {
  border: 1px solid var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: #fff;
  border-radius: 4px;
  width: 2rem;
  height: 2rem;
  padding: .3rem;
  overflow: hidden;
}

.toc-social:hover {
  background-color: #0000;
}

.toc-social-embed {
  width: 100%;
  height: 100%;
}

.code-embed {
  display: none;
}

.lsa-slider-p {
  color: var(--midnight-blue);
  max-width: 450px;
  margin: 1.25rem auto 4.5rem;
  font-size: 1.125rem;
  line-height: 1.6666em;
}

.lsa-slider-p.new {
  margin-top: 0;
  margin-bottom: 3rem;
}

.lsa-slider-outer-wrapper {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 713px;
  margin-bottom: 1.5rem;
  display: flex;
  position: relative;
}

.lsa-slider-wrapper {
  grid-column-gap: 3.25rem;
  grid-row-gap: 3.25rem;
  flex-flow: row;
  display: flex;
}

.lsa-slider-wrapper.swiper-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.lsa-slider-slide {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  background-color: #fff;
  border-radius: 1.5rem;
  flex-flow: column;
  flex: none;
  width: 100%;
  max-width: 713px;
  padding: 2rem;
  display: flex;
  box-shadow: 1px 1px 16px 1px #00000014;
}

.lsa-slider-slide-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lsa-slide-header-person {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lsa-slide-person-image {
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
}

.lsa-slide-person-name {
  color: var(--midnight-blue);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1em;
}

.lsas-slide-person-icons-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lsa-slide-person-icon-wrapper {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  color: #5e5c6d;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lsa-slide-person-icon {
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
}

.lsa-slide-person-icon-heading {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.3em;
}

.lsa-slide-header-outer-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.lsa-slide-description {
  color: var(--midnight-blue);
  letter-spacing: 0;
  line-height: 1.75rem;
}

.lsa-slider-benefits-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.lsa-slide-benefit {
  border-radius: 50rem;
  justify-content: space-between;
  align-items: center;
  padding: .25rem;
  display: flex;
  position: relative;
  box-shadow: 1px 1px 16px #00000014;
}

.lsa-slide-benefit-icon {
  color: #1f6cae;
  background-color: #ebf6ff;
  border-radius: 50%;
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  padding: .625rem;
}

.lsa-slide-benefit-icon.green {
  color: #05785d;
  background-color: #e7faf5;
}

.lsa-slide-benefit-icon.green.small {
  padding: .5rem;
}

.lsa-slide-benefit-icon.orange {
  color: #9e5702;
  background-color: #fdf3e6;
}

.lsa-slide-benefit-icon.purple {
  color: #5d0578;
  background-color: #f6e7fa;
}

.lsa-slide-benefit-icon.commuter {
  padding: .5rem;
}

.lsa-slide-benefit-icon.brand-blue {
  color: var(--midnight-blue);
  background-color: #e9e8ef;
}

.lsa-slide-benefit-icon.prof-development {
  color: var(--midnight-blue);
  background-color: #e9e8ef;
  flex: none;
  padding: .5rem;
}

.lsa-slide-benefit-icon.red {
  color: #ca0a52;
  background-color: #fdecf2;
}

.lsa-slide-benefit-icon.yelllow {
  color: #7e6921;
  background-color: #fff8dc;
}

.lsa-slide-benefit-header {
  color: var(--midnight-blue);
  letter-spacing: 0;
  font-weight: 500;
  line-height: 1.25em;
}

.lsa-slide-benefit-value {
  color: var(--midnight-blue);
  font-weight: 500;
  line-height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lsa-slide-benefit-logo {
  height: 1.75rem;
  display: none;
}

.lsa-slide-benefit-logo.smaller {
  height: 1.25rem;
}

.lsa-slide-benefit-logo.xl-small {
  height: 1.75rem;
}

.lsa-slide-benefit-logo.warby-parker {
  height: .66rem;
}

.lsa-slide-benefit-logo.kinder-care {
  height: 2.25rem;
}

.lsa-slide-benefit-logo.masterclass-logo {
  height: .875rem;
}

.lsa-slide-benefit-logo.sephora, .lsa-slide-benefit-logo.cvs-pharmacy {
  height: 1rem;
}

.lsa-slide-benefit-logo.senior-helper, .lsa-slide-benefit-logo.peloton {
  height: 1.5rem;
}

.lsa-slide-benefit-logo.hello-fresh {
  height: 2rem;
}

.lsa-slide-benefit-logo.texas-med-clinic {
  height: 1.5rem;
}

.lsa-slide-benefit-logo.capmetro {
  height: 1.25rem;
}

.lsa-slide-benefit-logo.austin-dental-logo {
  height: 2rem;
}

.lsa-slide-benefit-spent {
  color: #1f5c91;
  background-color: #ebf6ff;
  border-radius: 50rem;
  padding: .375rem .625rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1em;
}

.lsa-slide-benefit-spent.green {
  color: #05785d;
  background-color: #e7faf5;
}

.lsa-slide-benefit-spent.testimonial10_rating-wrapper, .lsa-slide-benefit-spent.orange {
  color: #9e5702;
  background-color: #fdf3e6;
}

.lsa-slide-benefit-spent.purple {
  color: #5d0578;
  background-color: #f6e7fa;
}

.lsa-slide-benefit-spent.brand-blue {
  color: var(--midnight-blue);
  background-color: #e9e8ef;
}

.lsa-slide-benefit-spent.red {
  color: #ca0a52;
  background-color: #fdecf2;
}

.lsa-slide-benefit-spent.yellow {
  color: #7e6921;
  background-color: #fff8dc;
}

.lsa-slide-benefit-spent-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.lsa-slide-benefits-header-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 250px;
  display: flex;
}

.text-color-pink-2 {
  color: #ed0e61;
}

.benefits-table-h4-2 {
  color: #211c5c;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.2em;
}

.table-heading-2 {
  color: #fff;
  background-color: #211c5c;
  border-radius: .5rem;
  justify-content: center;
  margin-bottom: 0;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 22px;
  display: flex;
}

.benefits-row-header-2 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #211c5c;
  justify-content: center;
  align-items: center;
  padding: 1.5rem .3rem;
  display: flex;
}

.benefits-row-header-2.bigger-padding {
  padding-left: 1rem;
  padding-right: 1rem;
}

.benefits-row-header-2.background-opacity-small {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.avatar-p-2 {
  color: #211c5c;
  font-size: 1.1rem;
  line-height: 1.2em;
}

.table-cell-2 {
  color: #211c5c;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
}

.table-cell-2.background-opacity-large {
  background-color: #f3f2fb;
}

.table-cell-2.background-opacity-medium.last {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
}

.lsa-slider-block-wrapper {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.lsa-slider-change-icon {
  border: 1px solid var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  padding: .3rem;
  transition: color .3s, background-color .3s;
}

.lsa-slider-change-icon:hover {
  background-color: var(--white);
  color: var(--midnight-blue);
}

.lsa-slider-change-icon.prev {
  transform: rotate(180deg);
}

.lsa-slider-change-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 797px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.last-transaction {
  display: none;
}

.lsa-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: -4px;
  display: flex;
}

.lsa-icon-wrapper.calendar {
  margin-top: -2px;
}

.lsa-icon-wrapper.suitcase {
  margin-top: -3px;
}

.lsa-slider-pagination-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 700px;
  display: flex;
  position: absolute;
  inset: auto 0% -2.5rem;
}

.lsa-slider-pagination-icon {
  cursor: pointer;
  background-color: #a3a9bf;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  transition: background-color .3s;
}

.lsa-slider-pagination-icon.is-current {
  background-color: var(--midnight-blue);
}

.partner-logo {
  max-width: 4rem;
  position: absolute;
  inset: auto 0% 0% auto;
}

.logo-webinar-inner-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 28px;
  right: 5%;
}

.logo-webinar-wrapper {
  background-color: var(--white);
  border-radius: .5rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
  display: flex;
}

.logo-webinar-outer-wrapper {
  background-color: #fff;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 2.5rem;
  padding: .75rem;
  display: flex;
}

.div-block-57 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}

.benchmark-screen {
  z-index: 1;
  opacity: 0;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  background-image: linear-gradient(135deg, #ffffff1a, #ffffff80);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  transition: opacity .3s;
  display: flex;
  position: relative;
}

.benchmark-screen._1st {
  z-index: 8;
  padding-bottom: 5rem;
  position: absolute;
}

.benchmark-screen._1st.is-active {
  opacity: 1;
}

.benchmark-screen._1st.is-active.zoom {
  background-image: none;
  height: 700px;
  padding-bottom: 0;
  transform: translate(0, -5%)scale(.75);
}

.benchmark-screen._0nd {
  z-index: 9;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  position: absolute;
  inset: 0%;
}

.benchmark-screen._2nd {
  z-index: 7;
  position: absolute;
}

.benchmark-screen._3rd {
  z-index: 6;
  position: absolute;
}

.benchmark-screen.is-active {
  opacity: 1;
}

.benchmark-screen._4th {
  z-index: 5;
  position: absolute;
}

.benchmark-screen._5th {
  z-index: 0;
  position: absolute;
}

.benchmark-screen._5th.is-active {
  z-index: 40;
}

.benchmark-content-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 650px;
  display: flex;
}

.benchmark-h1 {
  color: var(--midnight-blue);
  text-align: center;
  margin-bottom: 1.25rem;
  font-size: 3.5rem;
  line-height: 1.3em;
}

.benchmark-h1.screen {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: 4rem;
}

.benchmark-h1.screen-2, .benchmark-h1.screen-3 {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: 3.4rem;
}

.benchmark-p {
  color: var(--midnight-blue);
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  line-height: 2em;
  display: inline-flex;
}

.benchmark-p.bigger, .benchmark-p.screen-2, .benchmark-p.screen-3 {
  font-size: 1.33rem;
}

.benchmark-p.hide, .benchmark-p.hide-till-mobile {
  display: none;
}

.benchmark-highlight {
  color: var(--razzmatazz);
  background-color: #fde7ef;
  border: 1px solid #ed0e6129;
  border-radius: .5rem;
  padding: .05rem .4rem;
  font-weight: 500;
  display: inline-block;
}

.benchmark-highlight.blue {
  color: #32a1ff;
  background-color: #ebf6ff;
  border-color: #32a1ff29;
}

.benchmark-start-button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  color: var(--white);
  background-color: #fff;
  border: 1px solid #211c5c3d;
  border-radius: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1.75rem .75rem 1.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  transition: box-shadow .3s, border-color .3s, background-color .3s, color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px #211c5c29;
}

.benchmark-start-button:hover {
  color: var(--midnight-blue);
  transform: translate(0, -.25rem);
  box-shadow: 0 2px 8px #211c5c14;
}

.benchmark-start-button.secondary {
  padding: .66rem 1.25rem;
  transition: transform .3s, box-shadow .3s;
}

.benchmark-start-button.secondary:hover {
  color: var(--white);
}

.benchmark-start-button.secondary-outline {
  padding: 1px;
  transition: transform .3s, box-shadow .3s;
}

.benchmark-start-button.smaller {
  background-color: var(--midnight-blue);
  letter-spacing: .03em;
  border-style: solid;
  border-color: #211c5c;
  border-radius: .6rem;
  padding: .66rem 1.25rem;
  font-size: .875rem;
  font-weight: 400;
  transition: transform .3s, box-shadow .3s, border-color .3s, background-color .3s, color .3s;
}

.benchmark-start-button.smaller:hover {
  background-color: #fff;
}

.benchmark-button-icon {
  z-index: 1;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
}

.benchmark-benepass-logo {
  object-fit: contain;
  width: 10rem;
  max-width: none;
}

.benchmark-background-wrapper {
  z-index: 0;
  background-color: #fff;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.background-blob {
  filter: none;
  background-color: #e7faf5;
  border-radius: 50%;
  width: 33vw;
  height: 33vw;
}

.background-blob.red {
  background-color: #fde7ef;
}

.background-blob.blue {
  background-color: #ebf6ff;
}

.background-blob.yellow {
  background-color: #fff8dc;
}

.benchmark-background-image {
  opacity: .53;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.benchmark-blob {
  background-color: #dcfff6b3;
  border-radius: 50%;
  width: 80vw;
  height: 80vw;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(-25%, 25%);
}

.benchmark-blob.red {
  background-color: #ffe4eeb3;
  inset: 0% 0% auto auto;
  transform: translate(33%, -16%);
}

.benchmark-logo-wrapper {
  z-index: 9999999;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: absolute;
  top: 0;
}

.benchmark-p-wrapper {
  max-width: 600px;
  margin-bottom: 2rem;
}

.benchmakr-highlight {
  color: var(--razzmatazz);
  background-color: #fde7ef;
  border: 1px solid #ed0e6129;
  border-radius: .5rem;
  padding: .05rem .4rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2em;
  display: inline-flex;
}

.benchmakr-highlight.blue {
  color: #32a1ff;
  background-color: #ebf6ff;
  border-color: #32a1ff29;
}

.benchmark-highlight-number-wrapper {
  height: 2em;
  display: flex;
  overflow: hidden;
}

.benchmark-highlight-number-camera {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: .65em;
  display: flex;
  transform: translate(0);
}

.benchmark-button-gradient {
  z-index: 0;
  aspect-ratio: 1;
  background-image: linear-gradient(225deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  pointer-events: none;
  width: 150%;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.benchmark-button-gradient.outline {
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
  inset: 0%;
  transform: none;
}

.paragraph-3 {
  z-index: 1;
  position: relative;
}

.paragraph-3.smaller {
  font-size: 15px;
}

.paragraph-3.smaller-ouline {
  color: var(--midnight-blue);
  background-color: #fff;
  border-radius: .6rem;
  padding: .66rem 1.25rem;
  font-size: 15px;
}

.screen-1-1-content-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 650px;
  display: flex;
  position: absolute;
}

.screen-1-2-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  max-width: 550px;
  font-size: 1.25rem;
  display: block;
  position: absolute;
}

.screen-1-3-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

.screen-subheader {
  margin-bottom: 2.5rem;
  font-size: 2rem;
  font-weight: 600;
}

.screen-subheader.pie-chart {
  margin-bottom: 0;
}

.screen-subheader._2-4, .screen-subheader._2-5 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
}

.screen-subheader._3-3 {
  line-height: 1.5;
}

.company-sizes-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 2px solid var(--razzmatazz);
  text-align: center;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-left: 1rem;
  display: flex;
}

.company-sizes-wrapper._2-4, .company-sizes-wrapper._2-5 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left: 2px solid var(--razzmatazz);
  border-bottom-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}

.company-sizes-wrapper.median-election {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left: 2px solid var(--razzmatazz);
  border-bottom-style: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 0;
}

.company-size-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  backface-visibility: hidden;
  contain: layout paint;
  will-change: height;
  transform-style: preserve-3d;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  transition-property: height;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
  transform: translateZ(0);
}

.company-size-wrapper._1 {
  height: 3rem;
}

.company-size-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.company-size-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.company-size-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.company-size-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.company-size-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.company-size-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.company-size-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.company-size-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.company-size-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.company-size-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.company-size-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.company-size-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.company-size-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.company-size-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.company-size-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.company-size-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.company-size-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.company-size-wrapper.is-active-1 {
  height: 4rem;
}

.company-size-wrapper.is-active-2 {
  height: 7.5rem;
}

.company-size-wrapper.is-active-3 {
  height: 10rem;
}

.company-sizes-outer-wrapper {
  height: 14rem;
  display: flex;
}

.company-sizes-outer-wrapper._2-4, .company-sizes-outer-wrapper._2-5 {
  width: 100%;
  height: 20rem;
}

.company-sizes-outer-wrapper.employee-contribution {
  width: 100%;
  height: 22rem;
}

.company-sizes-outer-wrapper.auto-substantioations {
  width: 100%;
  height: 25rem;
}

.graph-legend {
  border-left-style: solid;
  border-left-width: 2px;
  border-left-color: var(--razzmatazz);
  color: var(--midnight-blue);
  text-align: center;
  writing-mode: vertical-rl;
  margin-left: 0;
  margin-right: 0;
  padding-left: .5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5em;
  transform: rotate(180deg);
}

.screen-1-4-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

.industry-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  will-change: height;
  backface-visibility: hidden;
  contain: layout paint;
  transform-style: preserve-3d;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 500;
  transition-property: height;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: flex;
  overflow: hidden;
  transform: translateZ(0);
}

.industry-wrapper._1 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.industry-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.industry-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.industry-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.industry-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.industry-wrapper.is-active-1 {
  height: 12rem;
}

.industry-wrapper.is-active-2 {
  height: 7.5rem;
}

.industry-wrapper.is-active-3 {
  height: 5rem;
}

.industries-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 2px solid var(--razzmatazz);
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 12.75rem;
  display: flex;
}

.industries-outer-wrapper {
  opacity: 0;
  width: 100%;
  height: 17rem;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.industries-outer-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.industries-names-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .5rem;
  display: flex;
}

.industry-name {
  color: var(--midnight-blue);
  text-align: center;
  width: 100%;
  font-size: 1rem;
  line-height: 1.3em;
}

.screen-1-5-content-wrapper {
  z-index: 1;
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

.div-block-58 {
  width: 400px;
  height: 400px;
}

.pie {
  border: 1px solid var(--razzmatazz);
  border-radius: 50%;
  width: 400px;
  height: 400px;
  box-shadow: 2px 4px 8px #211c5c29;
}

.pie-chart-wrapper {
  border-radius: 50%;
  width: 400px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.pie-53 {
  backface-visibility: hidden;
  perspective: 1000px;
  width: 400px;
  height: 400px;
  position: absolute;
  transform: scale(.99);
}

.pie-31, .pie-16 {
  width: 400px;
  height: 400px;
  position: absolute;
}

.pie-chart-states-wrapper {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 90%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.pie-chart-states-wrapper._2 {
  height: 75%;
  inset: auto auto 0% 0%;
}

.pie-chart-states-wrapper._3 {
  width: 55%;
  height: 75%;
  inset: 0% auto auto 0%;
}

.pie-chart-states-wrapper._1 {
  height: 110%;
}

.pie-chart-states-wrapper._4 {
  width: 85%;
  height: 40%;
  inset: auto auto 0% 0%;
}

.pie-chart-states-wrapper._6 {
  width: 67%;
  height: 45%;
  inset: 0% auto auto 0%;
}

.pie-chart-states-wrapper._4-2 {
  width: 58%;
  height: 52%;
  inset: auto auto 0% 0%;
}

.pie-chart-states-wrapper._4-4 {
  width: 53%;
  height: 72%;
  inset: 0% auto auto 0%;
}

.pie-chart-states-wrapper._5-1 {
  width: 71%;
  height: 44%;
  inset: 0% 0% auto auto;
}

.pie-chart-states-wrapper._5-2 {
  width: 36%;
  height: 77%;
  inset: 0% 0% auto auto;
}

.pie-chart-states-wrapper._5-3 {
  width: 61%;
  height: 76%;
  inset: auto auto 0% 0%;
}

.pie-chart-percentage {
  color: #ed0e61;
  margin-bottom: .25rem;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1em;
}

.pie-chart-percentage.green {
  color: #0ecca0;
}

.pie-chart-percentage.blue {
  color: #32a1ff;
}

.pie-chart-heading {
  color: #211c5ccc;
  font-size: 1rem;
}

.pie-chart-legend {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
}

.pie-char-under-legend {
  max-width: 300px;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5em;
}

.pie-chart-under-highlight {
  font-weight: 500;
}

.screen-1-6-content-wrapper {
  z-index: 2;
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 600px;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

.pie-chart-piece {
  z-index: 32;
  width: 450px;
  height: 450px;
  position: absolute;
}

.screen-2-1-content-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 700px;
  display: flex;
  position: absolute;
}

.screen-2-2-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  max-width: 550px;
  font-size: 1.25rem;
  display: block;
  position: absolute;
}

.screen-2-3-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  height: 25rem;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

._3-3-chart-wrapper {
  width: 100%;
  position: absolute;
}

._3-3-chart-legend {
  padding-top: .25rem;
  padding-left: 42px;
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
}

.text-block-46 {
  text-align: center;
  width: 100%;
}

._3-3-numbers-outer-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: absolute;
}

._3-3-numbers-inner-wrapper {
  height: 6rem;
  display: flex;
  overflow: hidden;
}

._3-3-number-column {
  transform: translate(0);
}

._3-3-number-column._1 {
  transform: none;
}

._3-3-number {
  color: var(--razzmatazz);
  width: 4.25rem;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1em;
}

._3-3-number.comma {
  text-align: center;
  width: 2rem;
}

._3-3-number.percentage {
  width: 5rem;
}

.num-transactions {
  color: var(--neutral-800);
  margin-top: 1.5rem;
  font-size: 1.75rem;
  font-weight: 500;
}

.num-transactions.subheader {
  color: var(--midnight-blue);
  margin-top: 0;
  font-size: 1rem;
  font-weight: 400;
}

.num-transactions.subheader.doctor-visits {
  text-align: center;
  max-width: 300px;
  margin-top: 1rem;
  font-size: 1.25rem;
  line-height: 1.5em;
}

._2-3-3-numbers-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
  position: absolute;
}

._2-3-3-numbers-inner-wrapper {
  height: 6rem;
  display: flex;
  overflow: hidden;
}

._2-3-3-number-cokumn {
  transform: translate(0);
}

.screen-2-4-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

._2-4-chart-wrapper {
  width: 100%;
  display: flex;
}

._2-4-chart-legend {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 0;
  padding-left: 0;
  padding-right: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
}

._2-4-legend-wrapper {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  font-weight: 400;
  display: flex;
}

._2-4-legend-wrapper.shorter {
  word-break: break-all;
  width: 144px;
  line-height: 1;
}

.screen-2-5-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 700px;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

.percantage-companies {
  font-size: 1rem;
  font-weight: 400;
}

._2-5-chart-wrapper {
  display: flex;
}

._2-5-chart-legend {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 0;
  padding-left: 0;
  padding-right: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
}

._2-3-3-outer-content-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15rem;
  display: flex;
  position: relative;
}

.text-block-47 {
  flex: none;
}

.screen-3-1-content-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: 700px;
  display: flex;
  position: absolute;
}

.screen-3-2-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  max-width: 550px;
  font-size: 1.25rem;
  display: block;
  position: absolute;
}

.screen-3-3-content-wrapper {
  color: var(--midnight-blue);
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  height: 25rem;
  font-size: 1.25rem;
  display: flex;
  position: absolute;
}

._3-3-card-wrapper {
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 16px #00000014;
}

._3-3-card-heading {
  color: #854dff;
  text-align: left;
  margin-bottom: .75rem;
  font-size: 2rem;
  font-weight: 500;
}

._3-3-card-heading.green {
  color: #06b68d;
}

._3-3-card-heading.blue {
  color: #1f8eec;
}

._3-3-card-heading.orange {
  color: #f18635;
}

._3-3-card-heading.yellow {
  color: #e2b000;
}

._3-3-card-heading.red {
  color: #e00b5a;
  font-size: 1.75rem;
}

._3-3-card-heading.dark-blue {
  color: #211c5c;
  font-size: 1.75rem;
}

._3-3-card-heading.smaller {
  font-size: 1.5rem;
}

.contribution {
  color: #fff;
  text-align: center;
  border-radius: 50rem;
  width: 2rem;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1em;
}

.contribution.percent {
  width: 2.5rem;
}

.contribution.is-active {
  opacity: 1;
}

.contribution-amount {
  color: #fffc;
  font-size: 1rem;
}

._3-3-card-icon {
  color: #854dff;
  background-color: #ede6fc;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .75rem;
  padding: .5rem;
  position: static;
  inset: auto 0% 0% auto;
}

._3-3-card-icon.green {
  color: #06b68d;
  background-color: #e7faf5;
}

._3-3-card-icon.blue {
  color: #211c5c;
  background-color: #e9e8ef;
}

._3-3-card-icon.orange {
  color: #f18635;
  background-color: #fcf0e6;
}

._3-3-card-icon.yellow {
  color: #e2b000;
  background-color: #fff8dc;
}

._3-3-card-icon.red {
  color: #e00b5a;
  background-color: #fde7ef;
}

._3-3-card-icon.white-blue {
  color: #1f8eec;
  background-color: #ebf6ff;
}

.contribution-wrapper {
  background-color: #854dff;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.contribution-wrapper.green {
  background-color: #06b68d;
}

.contribution-wrapper.blue {
  background-color: #1f8eec;
}

.contribution-wrapper.orange {
  background-color: #f18635;
}

.contribution-wrapper.yellow {
  background-color: #e2b000;
}

.contribution-wrapper.red {
  background-color: #e00b5a;
}

.contribution-wrapper.dark-blue {
  background-color: #211c5c;
}

.div-block-59 {
  width: 100%;
  padding: 1.5rem;
}

.starter-screen {
  z-index: 1;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  background-image: linear-gradient(135deg, #ffffff1a, #ffffff80);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.starter-screen._1st {
  z-index: 8;
  position: absolute;
}

.starter-screen._0nd {
  z-index: 50;
  -webkit-backdrop-filter: blur(64px);
  backdrop-filter: blur(64px);
  display: flex;
  position: absolute;
  inset: 0%;
  transform: none;
}

.starter-screen._0nd.zoom {
  background-image: none;
  height: 700px;
  transform: scale(.75);
}

.starter-screen._2nd {
  z-index: 7;
  position: absolute;
}

.starter-screen._3rd {
  z-index: 6;
  position: absolute;
}

.benchmark-h2 {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  opacity: 0;
  color: var(--midnight-blue);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: 4rem;
  line-height: 1.3em;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.benchmark-h2.screen-2, .benchmark-h2.screen-3 {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: 3.4rem;
}

.benchmark-h2.is-active {
  opacity: 1;
  transform: translate(0);
}

.benchmark-h2.smaller {
  font-size: 3rem;
}

.benchmark-h2.no-gradient {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 3rem;
}

.benchmark-h2.subheader {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.benchmark-header-p {
  opacity: 0;
  color: var(--midnight-blue);
  text-align: center;
  max-width: 600px;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.33rem;
  font-weight: 600;
  line-height: 2em;
  transition: opacity .3s, transform .3s;
  display: inline-flex;
  transform: translate(0, 50%);
}

.benchmark-header-p.bigger, .benchmark-header-p.screen-2, .benchmark-header-p.screen-3 {
  font-size: 1.33rem;
}

.benchmark-header-p.is-active {
  opacity: 1;
  transform: translate(0);
}

.benchmark-header-p.narrower {
  max-width: 400px;
}

.benchmark-header-p.even-narrower {
  max-width: 300px;
  margin-top: .5rem;
}

.inner-screen {
  opacity: 0;
  pointer-events: none;
  color: var(--midnight-blue);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 650px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
}

.inner-screen.is-active {
  opacity: 1;
  pointer-events: auto;
}

.inner-screen.narrow {
  max-width: 600px;
}

.inner-screen.wider {
  max-width: 700px;
}

.intro-paragraph {
  opacity: 0;
  color: var(--midnight-blue);
  text-align: center;
  font-size: 1.25rem;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.intro-paragraph.is-active {
  opacity: 1;
  transform: translate(0);
}

.intro-paragraph.narrower {
  max-width: 600px;
  margin-top: .5rem;
}

.inner-screen-subheader {
  opacity: 0;
  color: var(--midnight-blue);
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 2rem;
  font-weight: 600;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.inner-screen-subheader.pie-chart {
  margin-bottom: 0;
}

.inner-screen-subheader._2-4, .inner-screen-subheader._2-5 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
}

.inner-screen-subheader._3-3 {
  line-height: 1.5;
}

.inner-screen-subheader.is-active {
  opacity: 1;
  transform: translate(0);
}

.inner-screen-subheader.small-margin {
  margin-bottom: .5rem;
}

.inner-screen-subheader.smaller-width {
  max-width: 600px;
}

.inner-screen-subheader.even-smaller-width {
  max-width: 550px;
}

.inner-screen-subheader.has-subheader {
  margin-bottom: .5rem;
}

.inner-screen-subheader.tiny-width {
  max-width: 431px;
}

.inner-screen-subheader.tiny-width.has-subheader {
  line-height: 1.5em;
}

.company-size-outer-wrapper {
  opacity: 0;
  width: 100%;
  height: 14rem;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.company-size-outer-wrapper._2-4, .company-size-outer-wrapper._2-5 {
  width: 100%;
  height: 20rem;
}

.company-size-outer-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.inner-screen-subheader-p {
  opacity: 0;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.inner-screen-subheader-p.is-active {
  opacity: 1;
  transform: translate(0);
}

.pie-chart-piece-wrapper {
  opacity: 0;
  will-change: transform, opacity;
  transform-origin: center;
  width: 100%;
  height: 100%;
  transition-property: opacity, transform;
  transition-duration: .3s, .3s;
  transition-timing-function: ease, ease;
  display: block;
  position: absolute;
  inset: 0%;
  transform: scale(0);
}

.pie-chart-piece-wrapper.is-active, .pie-chart-piece-wrapper.is-active-2, .pie-chart-piece-wrapper.is-active-3 {
  opacity: 1;
  transform: scale(1);
}

.inner-screen-under-p {
  opacity: 0;
  text-align: center;
  max-width: 300px;
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.5em;
  transition: opacity .3s, transform .3s;
  transform: translate(0, 50%);
}

.inner-screen-under-p.is-active {
  opacity: 1;
  transform: translate(0);
}

.benchmark-pills-wrapper {
  z-index: 49;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 5rem;
  padding-left: 10%;
  padding-right: 10%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.benchmark-pills-inner-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  max-width: 1000px;
  display: flex;
}

.benchmark-pill-wrapper {
  cursor: pointer;
  flex: none;
}

.benchmark-pill-fill {
  background-color: var(--midnight-blue);
  border-radius: 50rem;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.where-money-goes-outer-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15rem;
  display: flex;
  position: relative;
}

.where-money-goes-chart {
  opacity: 0;
  width: 100%;
  transition: transform .3s, opacity .3s;
  position: absolute;
  transform: translate(0, 50%);
}

.where-money-goes-chart.is-active {
  opacity: 1;
  transform: translate(0);
}

.money-goes-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.money-goes-wrapper._1 {
  height: 3rem;
}

.money-goes-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.money-goes-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.money-goes-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.money-goes-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.money-goes-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.money-goes-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.money-goes-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.money-goes-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.money-goes-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.money-goes-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.money-goes-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.money-goes-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.money-goes-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.money-goes-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.money-goes-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.money-goes-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.money-goes-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.money-goes-wrapper.is-active-1 {
  height: 10rem;
}

.money-goes-wrapper.is-active-2 {
  height: 7.5rem;
}

.money-goes-wrapper.is-active-3 {
  height: 4rem;
}

.money-goes-wrapper.is-active-4 {
  height: 10rem;
}

.money-goes-numbers-wrapper {
  opacity: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  transition: transform .3s, opacity .3s;
  display: flex;
  position: absolute;
  transform: translate(0, 50%);
}

.money-goes-numbers-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.where-money-goes-number-column {
  opacity: 0;
  text-align: center;
  transition: transform .3s, opacity .3s;
  transform: translate(0);
}

.where-money-goes-number-column._1 {
  transform: none;
}

.where-money-goes-number-column.is-active {
  opacity: 1;
  transform: translate(0, -400%);
}

.where-money-goes {
  color: var(--razzmatazz);
  width: 4.25rem;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1em;
}

.where-money-goes.comma {
  text-align: center;
  width: 2rem;
}

.where-money-goes.percentage {
  width: 5rem;
}

.where-money-goes-sign {
  opacity: 0;
  color: var(--razzmatazz);
  text-align: center;
  width: 2rem;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1em;
  transition: opacity .3s;
}

.where-money-goes-sign.comma {
  text-align: center;
  width: 2rem;
}

.where-money-goes-sign.percentage {
  width: 5rem;
}

.where-money-goes-sign.is-active {
  opacity: 1;
}

.where-money-goes-sign.per {
  width: 5rem;
}

.where-money-goes-sign.per.is-active {
  opacity: 1;
}

.money-goes-num {
  opacity: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 0;
  transition: transform .3s, opacity .3s;
  display: flex;
  position: absolute;
  transform: translate(0, 50%);
}

.money-goes-num.is-active {
  opacity: 1;
  transform: translate(0);
}

.money-number-column {
  text-align: center;
  transform: translate(0);
}

.where-money-goes-sign-per {
  opacity: 0;
  color: var(--razzmatazz);
  text-align: center;
  width: 5rem;
  font-size: 6rem;
  font-weight: 600;
  line-height: 1em;
  transition: opacity .3s;
}

.where-money-goes-sign-per.comma {
  text-align: center;
  width: 2rem;
}

.where-money-goes-sign-per.percentage {
  width: 5rem;
}

.where-money-goes-sign-per.is-active {
  opacity: 1;
}

.where-money-goes-sign-per.per {
  width: 5rem;
}

.where-money-goes-sign-per.per.is-active {
  opacity: 0;
}

.contributions-per-year-wrapper {
  opacity: 0;
  width: 100%;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.contributions-per-year-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.most-popular-accounts-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 2.5rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.most-popular-accounts-wrapper._1 {
  height: 3rem;
}

.most-popular-accounts-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.most-popular-accounts-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.most-popular-accounts-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.most-popular-accounts-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.most-popular-accounts-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.most-popular-accounts-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.most-popular-accounts-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.most-popular-accounts-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.most-popular-accounts-wrapper.is-active-1 {
  width: 95%;
}

.most-popular-accounts-wrapper.is-active-2 {
  width: 94%;
}

.most-popular-accounts-wrapper.is-active-3 {
  width: 78%;
}

.most-popular-accounts-wrapper.is-active-4 {
  width: 74%;
}

.most-popular-accounts-wrapper.is-active-5 {
  width: 69%;
}

.most-popular-accounts-wrapper.is-active-6 {
  width: 69%;
  min-width: 64px;
}

.most-popular-accounts-wrapper.is-active-7 {
  width: 17%;
  min-width: 64px;
}

.median-subsidies-per-year {
  opacity: 0;
  width: 100%;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.median-subsidies-per-year.is-active {
  opacity: 1;
  transform: translate(0);
}

.median-subsidies-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 2.5rem;
  padding-left: .75rem;
  font-size: 1rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.median-subsidies-wrapper._1 {
  height: 3rem;
}

.median-subsidies-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.median-subsidies-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.median-subsidies-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-subsidies-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.median-subsidies-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-subsidies-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-subsidies-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-subsidies-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-subsidies-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-subsidies-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-subsidies-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-subsidies-wrapper.is-active-1 {
  width: 100%;
}

.median-subsidies-wrapper.is-active-2 {
  width: 90%;
}

.median-subsidies-wrapper.is-active-3 {
  width: 80%;
}

.median-subsidies-wrapper.is-active-4 {
  width: 70%;
}

.median-subsidies-wrapper.is-active-5 {
  width: 60%;
}

.median-subsidies-wrapper.is-active-6 {
  width: 55%;
}

.biggest-yoy-increase-wrapper {
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: transform .3s, opacity .3s;
  display: grid;
  position: absolute;
  overflow: hidden;
  transform: translate(0, 50%);
  box-shadow: 0 4px 16px #00000014;
}

.biggest-yoy-increase-wrapper.is-active {
  opacity: 1;
  pointer-events: auto;
  overflow: hidden;
  transform: translate(0);
}

.biggest-yoy-increase-outer-wrapper {
  opacity: 0;
  width: 100%;
  height: 12rem;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.biggest-yoy-increase-outer-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.contribution-number-wrapper {
  margin-bottom: .5rem;
  display: flex;
  overflow: hidden;
}

.contribution-number-wrapper.no-margin {
  margin-bottom: 0;
  overflow: hidden;
}

.contribution-number-column {
  opacity: 0;
  height: 3rem;
  transition: transform .3s, opacity .3s;
  overflow: visible;
  transform: translate(0);
}

.contribution-number-column.is-active {
  opacity: 1;
  transform: translate(0, -400%);
}

.contribution-sign {
  opacity: 0;
  color: #fff;
  text-align: center;
  border-radius: 50rem;
  width: 2rem;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1em;
  transition: opacity .3s;
}

.contribution-sign.percent {
  width: 2.5rem;
}

.contribution-sign.is-active {
  opacity: 1;
}

.contribution-sign.blog-section-item-time-wrapper, .contribution-sign.comma {
  width: 1rem;
}

.contribution-sign.dot {
  width: .75rem;
}

.pie-chart-explanation-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: 0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 350px;
  margin-top: 1.5rem;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.pie-chart-explanation-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.pie-chart-explanation {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.pie-chart-explanation-circle {
  background-color: #ff9a4d;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
}

.pie-chart-explanation-circle.purple {
  background-color: #854dff;
}

.top-spending-categories-wrapper {
  opacity: 0;
  width: 100%;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.top-spending-categories-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.spending-category-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 100%;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.spending-category-wrapper._1 {
  height: 3rem;
}

.spending-category-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.spending-category-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.spending-category-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.spending-category-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.spending-category-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.spending-category-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.spending-category-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.spending-category-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.spending-category-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.spending-category-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.spending-category-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.spending-category-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.spending-category-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.spending-category-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.spending-category-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.spending-category-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.spending-category-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.spending-category-wrapper.is-active-1 {
  width: 94%;
}

.spending-category-wrapper.is-active-4 {
  width: 40%;
}

.spending-category-wrapper.is-active-6 {
  width: 20%;
}

.spending-category-wrapper.is-active-2 {
  width: 94%;
}

.spending-category-wrapper.is-active-3, .spending-category-wrapper.is-active-4 {
  width: 92%;
}

.spending-category-wrapper.is-active-5 {
  width: 89%;
}

.spemding-category-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-bottom: 2px solid var(--razzmatazz);
  text-align: center;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  padding-left: 1rem;
  display: flex;
}

.spemding-category-wrapper._2-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-right: 1px none var(--razzmatazz);
  border-left: 2px solid var(--razzmatazz);
  border-bottom-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}

.spemding-category-wrapper._2-5 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-left: 2px solid var(--razzmatazz);
  border-bottom-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
}

.final-cta-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.final-cta-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.outline-gradient {
  z-index: 0;
  aspect-ratio: 1;
  background-image: linear-gradient(225deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  pointer-events: none;
  width: 150%;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.outline-gradient.outline {
  aspect-ratio: auto;
  width: 100%;
  height: 100%;
  inset: 0%;
  transform: none;
}

.benchmark-body {
  background-image: linear-gradient(135deg, #ff639d59, #5dc9ff80);
}

.benchmark-body.no-gradient {
  background-image: linear-gradient(135deg, #ff639d26, #5dc9ff4d);
  justify-content: center;
  align-items: center;
  display: flex;
}

.code-hidden {
  opacity: 0;
}

.lsa-slide-benefit-description {
  color: #1f5c91;
  font-size: .875rem;
}

.lsa-slide-benefit-description.green {
  color: #05785d;
}

.lsa-slide-benefit-description.orange {
  color: #9e5702;
}

.lsa-slide-benefit-description.purple {
  color: #5d0578;
}

.lsa-slide-benefit-description.dark-blue {
  color: var(--midnight-blue);
}

.lsa-slide-benefit-description.red {
  color: #ca0a52;
}

.lsa-slide-benefit-description.yellow {
  color: #7e6921;
}

.value-h3 {
  color: var(--midnight-blue);
  margin-bottom: .5rem;
  font-size: 1.25rem;
}

.value-p {
  font-size: 16px;
  line-height: 1.66em;
}

.value-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 4rem;
}

.value-grid._3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

.value-icon-wrapper {
  color: #ca0a52;
  background-color: #fdecf2;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.value-icon-wrapper.blue {
  color: #1f6cae;
  background-color: #ebf6ff;
}

.value-icon-wrapper.green {
  color: #05785d;
  background-color: #e7faf5;
}

.value-icon-wrapper.yellow {
  color: #7e6921;
  background-color: #fff8dc;
}

.value-icon {
  width: 100%;
  height: 100%;
  transform: scale(.5);
}

.value-icon.benepass-icon {
  transform: scale(.6);
}

.benchmark-navigation-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.delete-for-production {
  display: none;
}

.subheader-p {
  opacity: 0;
  color: var(--midnight-blue);
  text-align: center;
  max-width: 450px;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.subheader-p.is-active {
  opacity: 1;
  transform: translate(0);
}

.subheader-p.narrower {
  max-width: 600px;
  margin-top: .5rem;
}

.subheader-p.wider {
  max-width: 650px;
}

.medium-bod {
  font-weight: 500;
}

.median-employee-election-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 2.5rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.median-employee-election-wrapper._1 {
  height: 3rem;
}

.median-employee-election-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.median-employee-election-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.median-employee-election-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-employee-election-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.median-employee-election-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-employee-election-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-employee-election-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-employee-election-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-employee-election-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.median-employee-election-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.median-employee-election-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.median-employee-election-wrapper.is-active-1 {
  width: 100%;
}

.median-employee-election-wrapper.is-active-2 {
  width: 33%;
}

.median-employee-election-wrapper.is-active-3 {
  width: 25%;
}

.median-employee-election-wrapper.is-active-4 {
  width: 15%;
}

.median-employee-election-wrapper.is-active-5 {
  width: 12%;
}

.median-employee-election-wrapper.is-active-6 {
  width: 69%;
  min-width: 64px;
}

.median-employee-election-wrapper.is-active-7 {
  width: 17%;
  min-width: 64px;
}

.most-popular-accounts-outer-wrapper {
  opacity: 0;
  width: 100%;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: translate(0, 50%);
}

.most-popular-accounts-outer-wrapper.is-active {
  opacity: 1;
  transform: translate(0);
}

.legend-smaller-wrapper {
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-width: 134px;
  height: 3rem;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.5;
  display: flex;
}

.employer-contribution-trend-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 3rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._1 {
  height: 3rem;
}

.employer-contribution-trend-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.employer-contribution-trend-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.employer-contribution-trend-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.employer-contribution-trend-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.employer-contribution-trend-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.employer-contribution-trend-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.employer-contribution-trend-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.employer-contribution-trend-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.employer-contribution-trend-wrapper.is-active-1 {
  width: 100%;
}

.employer-contribution-trend-wrapper.is-active-2 {
  width: 80%;
}

.employer-contribution-trend-wrapper.is-active-3 {
  width: 50%;
}

.employer-contribution-trend-wrapper.is-active-4 {
  width: 60%;
}

.employer-contribution-trend-wrapper.is-active-5 {
  width: 33%;
}

.employer-contribution-trend-wrapper.is-active-7 {
  width: 10%;
  min-width: 64px;
}

.employer-contribution-trend-wrapper.is-active-6 {
  width: 17%;
  min-width: 64px;
}

.card-first-experience-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 2.5rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.card-first-experience-wrapper._1 {
  height: 3rem;
}

.card-first-experience-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.card-first-experience-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.card-first-experience-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-first-experience-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.card-first-experience-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-first-experience-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-first-experience-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-first-experience-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-first-experience-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-first-experience-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.card-first-experience-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.card-first-experience-wrapper.is-active-1 {
  width: 99%;
}

.card-first-experience-wrapper.is-active-2 {
  width: 75%;
}

.card-first-experience-wrapper.is-active-3 {
  width: 72%;
}

.card-first-experience-wrapper.is-active-4 {
  width: 66%;
}

.card-first-experience-wrapper.is-active-5 {
  width: 55%;
}

.card-first-experience-wrapper.is-active-7 {
  width: 17%;
  min-width: 64px;
}

.card-first-experience-wrapper.is-active-6 {
  width: 5%;
  min-width: 64px;
}

.auto-substantiation-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 3rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.auto-substantiation-wrapper._1 {
  height: 3rem;
}

.auto-substantiation-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.auto-substantiation-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.auto-substantiation-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.auto-substantiation-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.auto-substantiation-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.auto-substantiation-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.auto-substantiation-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.auto-substantiation-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.auto-substantiation-wrapper.is-active-1, .auto-substantiation-wrapper.is-active-2 {
  width: 98%;
}

.auto-substantiation-wrapper.is-active-3 {
  width: 97%;
}

.auto-substantiation-wrapper.is-active-4, .auto-substantiation-wrapper.is-active-5 {
  width: 96%;
}

.auto-substantiation-wrapper.is-active-7 {
  width: 94%;
  min-width: 64px;
}

.auto-substantiation-wrapper.is-active-6 {
  width: 95%;
  min-width: 64px;
}

.auto-substantiation-wrapper.is-active-8 {
  width: 90%;
}

.utilisation-of-funds-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-right-radius: .5rem;
  border-bottom-right-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  width: 0%;
  height: 2.5rem;
  padding-left: .75rem;
  font-size: 1.125rem;
  font-weight: 500;
  transition: width .3s;
  display: flex;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._1 {
  height: 3rem;
}

.utilisation-of-funds-wrapper._1._2-3 {
  height: 0;
  padding-bottom: .5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._1._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._1._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._1._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._2._2-3 {
  height: 0;
  font-size: 1.5rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._2._2-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.utilisation-of-funds-wrapper._3._2-3 {
  height: 5rem;
  font-size: 1.5rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._3._2-3-3-3-3-3 {
  height: 0;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.utilisation-of-funds-wrapper._2._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._2._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 40%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._2._2-5 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._2._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.utilisation-of-funds-wrapper._3._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._3._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._3._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 55%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.utilisation-of-funds-wrapper._4._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._4._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._4._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._5 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.utilisation-of-funds-wrapper._5._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._5._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._5._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 45%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._6 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.utilisation-of-funds-wrapper._6._2-3 {
  height: 12.5rem;
  padding-bottom: .5rem;
  font-size: 1.5rem;
}

.utilisation-of-funds-wrapper._6._2-4 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper._6._2-4-1 {
  border-top-left-radius: 0;
  border-bottom-right-radius: .5rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 35%;
  height: 2.5rem;
  padding-bottom: 0;
  padding-left: .75rem;
  padding-right: 0;
  font-size: 1.125rem;
  overflow: hidden;
}

.utilisation-of-funds-wrapper.is-active-1 {
  width: 76%;
}

.utilisation-of-funds-wrapper.is-active-2 {
  width: 74%;
}

.utilisation-of-funds-wrapper.is-active-3 {
  width: 73%;
}

.utilisation-of-funds-wrapper.is-active-4 {
  width: 71%;
}

.utilisation-of-funds-wrapper.is-active-5 {
  width: 68%;
}

.utilisation-of-funds-wrapper.is-active-7 {
  width: 17%;
  min-width: 64px;
}

.utilisation-of-funds-wrapper.is-active-6 {
  width: 60%;
  min-width: 64px;
}

.contries-statistics {
  opacity: 0;
  width: 100%;
  height: 12rem;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.contries-statistics.is-active {
  opacity: 1;
  transform: translate(0);
}

.countries-individual-wrapper {
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border-radius: 1rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: transform .3s, opacity .3s;
  display: grid;
  position: absolute;
  overflow: hidden;
  transform: translate(0, 50%);
  box-shadow: 0 4px 16px #00000014;
}

.countries-individual-wrapper.is-active {
  opacity: 1;
  pointer-events: auto;
  overflow: hidden;
  transform: translate(0);
}

.country-engagement-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 500;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.country-engagement-wrapper._1 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.country-engagement-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.country-engagement-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.country-engagement-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.country-engagement-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.country-engagement-wrapper.is-active-1 {
  height: 12rem;
}

.country-engagement-wrapper.is-active-2 {
  height: 11rem;
}

.country-engagement-wrapper.is-active-3 {
  height: 8.5rem;
}

.cpuntry-card-usage {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 500;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.cpuntry-card-usage._1 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.cpuntry-card-usage._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.cpuntry-card-usage._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.cpuntry-card-usage._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.cpuntry-card-usage._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.cpuntry-card-usage.is-active-1 {
  height: 12rem;
}

.cpuntry-card-usage.is-active-2 {
  height: 10rem;
}

.cpuntry-card-usage.is-active-3 {
  height: 9rem;
}

.card-total-spend-wrapper {
  background-color: var(--razzmatazz);
  color: var(--white);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 0;
  padding-bottom: .25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 2rem;
  font-weight: 500;
  transition: height .3s;
  display: flex;
  overflow: hidden;
}

.card-total-spend-wrapper._1 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.card-total-spend-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  text-align: center;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 7.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-total-spend-wrapper._4 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 12.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-total-spend-wrapper._2 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.card-total-spend-wrapper._3 {
  background-color: var(--razzmatazz);
  color: #fff;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 3.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: flex;
}

.card-total-spend-wrapper.is-active-1 {
  height: 12rem;
}

.card-total-spend-wrapper.is-active-2 {
  height: 9rem;
}

.card-total-spend-wrapper.is-active-3 {
  height: 8rem;
}

.pill-track {
  z-index: 8;
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  width: 100%;
  height: 4rem;
  padding-inline: 50%;
  display: flex;
  position: absolute;
  inset: auto auto 1rem 0%;
  overflow: hidden;
}

.pill-track.hidden-pill-track {
  display: none;
}

.benchmark-pill-inner-wrapper {
  border: 1px solid var(--midnight-blue);
  background-color: #fff;
  border-radius: 5000px;
  height: .33rem;
  margin-bottom: .5rem;
  position: relative;
}

.pill-number {
  color: var(--midnight-blue);
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.25em;
}

.pill-name {
  color: var(--midnight-blue);
  font-size: .875rem;
  font-weight: 400;
}

.benchmark-h3 {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  opacity: 0;
  color: var(--midnight-blue);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: 4rem;
  line-height: 1.3em;
  transition: transform .3s, opacity .3s;
  transform: translate(0, 50%);
}

.benchmark-h3.screen-2, .benchmark-h3.screen-3 {
  background-image: linear-gradient(135deg, var(--midnight-blue), var(--midnight-blue) 20%, var(--razzmatazz) 90%, var(--razzmatazz));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: .5rem;
  font-size: 3.4rem;
}

.benchmark-h3.is-active {
  opacity: 1;
  transform: translate(0);
}

.benchmark-h3.smaller {
  font-size: 3rem;
}

.benchmark-h3.no-gradient {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 3rem;
}

.benchmark-h3.subheader {
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 400;
}

.prev-pill {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: calc(100% - 6rem);
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.prev-pill.embed {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-bottom: 6rem;
  inset: auto auto 1rem;
  transform: translate(-150%);
}

.next-pill {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: calc(100% - 6rem);
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.next-pill.embed {
  width: auto;
  height: auto;
  margin-bottom: 6rem;
  inset: auto auto 1rem 50%;
  transform: translate(100%);
}

.benchmark-navigation {
  color: #211c5c;
  cursor: pointer;
  border: 1px solid #211c5c;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  transition: transform .3s;
}

.benchmark-navigation:hover {
  transform: translate(0, -.25rem);
}

.benchmark-navigation.embed {
  width: 2.5rem;
  height: 2.5rem;
  padding: .5rem;
}

.code-embed-2 {
  width: 100%;
  height: 100%;
}

.pause-button {
  z-index: 10;
  border: 1px solid var(--midnight-blue);
  color: var(--midnight-blue);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  transition: transform .3s;
  display: flex;
  position: absolute;
  inset: auto auto 8rem 50%;
  transform: translate(-50%);
}

.pause-button:hover {
  transform: translate(0, -.25rem)translate(-50%);
}

.pause-button.embed-only {
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 6rem;
  padding: .5rem;
  bottom: 1rem;
}

.pause-icon {
  opacity: 0;
  width: 2.5rem;
  height: 2.5rem;
  transition: opacity .3s;
  position: absolute;
}

.pause-icon.pause {
  opacity: 100;
}

.pause-icon.pause.embed, .pause-icon.play.embed {
  width: 1.5rem;
  height: 1.5rem;
}

.section_welcom {
  background-color: #221b5c;
}

.container-welcome {
  max-width: 1100px;
}

.padding-section-welcome {
  padding-top: 4rem;
  padding-bottom: 6rem;
}

.welcome-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.welcome-h1 {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 4rem;
  line-height: 1.15em;
}

.welcome-logo {
  max-width: 8rem;
  margin-bottom: 1.25rem;
}

.welcome-logo.no-padding {
  object-fit: contain;
  height: 2rem;
  margin-bottom: 0;
}

.welcome-p {
  opacity: .8;
  color: var(--white);
  text-align: center;
  max-width: 490px;
}

.benepass-card-wrapper {
  perspective: 1000px;
  width: 400px;
  height: 260px;
  margin-top: 4rem;
  position: relative;
}

.benepass-card-image {
  z-index: 1;
  max-width: 400px;
  position: absolute;
}

.benepass-card-shadow {
  z-index: 0;
  opacity: .4;
  filter: blur(32px);
  background-color: #000;
  border-radius: 16px;
  width: 400px;
  height: 260px;
  position: absolute;
}

.welcome-benefits-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 4rem;
  display: grid;
}

.welcome-card {
  background-color: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  padding: 2rem;
}

.welcome-card-icon {
  color: #ed0e61;
  background-color: #fde7ef;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  padding: .5rem;
}

.welcome-card-icon.blue {
  color: #32a1ff;
  background-color: #ebf6ff;
}

.welcome-card-icon.green {
  color: #0ecca0;
  background-color: #e7faf5;
}

.welcome-card-icon-heading {
  color: #fff;
  margin-bottom: .25rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.welcome-card-icon-p {
  color: #fffc;
  font-weight: 400;
  line-height: 1.5;
}

.welcome-h2 {
  color: var(--midnight-blue);
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3rem;
  line-height: 1.15em;
}

.padding-section-welcome-form {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.welcome-form-p {
  color: var(--midnight-blue);
  text-align: center;
  max-width: 480px;
}

.welcome-download-badges {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.5rem;
  display: flex;
}

.download-badge {
  width: 100%;
}

.welcome-badge-link {
  width: 100%;
  max-width: 9rem;
}

.welcome-form-wrapper {
  margin-top: 4rem;
}

.welcome-form-wrap {
  z-index: 3;
  background-color: var(--white);
  border-radius: 24px;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem;
  position: relative;
  box-shadow: 0 0 6px 2px #0000000d;
}

.welcome-form-heading {
  color: var(--midnight-blue);
  text-align: center;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 2rem;
  line-height: 1.2;
}

.welcome-form-heading.desktop-hidden, .welcome-form-heading.mobile-only {
  display: none;
}

.welcome-form-paragraph {
  color: var(--midnight-blue);
  text-align: center;
  max-width: 316px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.security-body {
  color: #000;
  padding: 1rem;
  line-height: 2.5em;
}

.banner-rolling-wrapper {
  color: #fff;
  background-color: #140f4e;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  text-decoration: none;
  display: flex;
}

.banner-rolling-wrapper:hover {
  color: #cacaca;
}

.banner-rolling-wrapper.centre {
  background-color: var(--midnight-blue);
  color: #ff9fc3;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}

.banner-rolling-item {
  flex: none;
  padding-right: 4rem;
}

.banner-rolling-item.no-padding {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.code-embed-3 {
  height: 700px;
  overflow: hidden;
}

.section-hero {
  background-color: #140f4e;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 119px);
  min-height: 625px;
  max-height: 750px;
  padding: 4rem 2.5rem 180px;
  display: flex;
  position: relative;
}

.section-hero.customers {
  height: auto;
  min-height: 0;
  max-height: none;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.container-hero {
  max-width: 51rem;
}

.home-hero-h1 {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  max-width: 43.75rem;
  margin-bottom: 1rem;
  font-size: 2.7rem;
  line-height: 1.25em;
}

.home-hero-h1.bottom-margin {
  margin-bottom: 2rem;
}

.hero-p {
  opacity: .7;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  max-width: 24rem;
  margin-bottom: 1.75rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5em;
}

.hero-p.logos {
  max-width: none;
  margin-bottom: .5rem;
}

.hero-p.smaller {
  max-width: 22rem;
}

.hero-p.smaller.no-wrap {
  max-width: none;
}

.hero-p.smaller.customers-page {
  max-width: 600px;
}

.home-hero-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero-card-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 55rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.hero-card {
  z-index: 2;
  position: absolute;
}

.hero-card-inner-wrapper {
  aspect-ratio: 444 / 279;
  perspective: 1000px;
  width: 20rem;
  height: 100%;
  position: relative;
}

.hero-card-shadow {
  z-index: 1;
  aspect-ratio: 444 / 279;
  opacity: .24;
  filter: blur(24px);
  background-color: #000;
  border-radius: .75rem;
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero-marquee {
  width: 100%;
  margin-bottom: 1rem;
  position: absolute;
  inset: auto auto 0% 0%;
}

.hero-marquee.more-padding {
  margin-bottom: 1.5rem;
}

.hero-marquee-p {
  color: #6f69d6;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.marquee-hero-image {
  opacity: .8;
  object-fit: contain;
  width: auto;
  max-width: 6rem;
  box-shadow: 0 20px 5px #140f4e;
}

.marquee-hero-image.smaller, .marquee-hero-image.smaller.wix {
  max-width: 3.5rem;
}

.marquee-hero-image.kkr {
  max-width: 4rem;
}

.marquee-hero-image.brookfield, .marquee-hero-image.monday {
  max-width: 5.5rem;
}

.marquee-hero-image.notion {
  max-width: 5rem;
}

.marquee-hero-image.okta, .marquee-hero-image.openai {
  max-width: 4.5rem;
}

.marquee-hero-image.poshmark {
  max-width: 7.5rem;
}

.marquee-hero-image.riot-games {
  max-width: 5rem;
}

.marquee-hero-image.ucb {
  max-width: none;
  height: 2.5rem;
}

.marquee-hero-image.workday {
  width: 100%;
  max-width: 7rem;
  height: 2rem;
}

.h2-new-style {
  color: #211c5c;
  text-transform: none;
  max-width: 800px;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 3rem;
  line-height: 1.35em;
}

.h2-new-style.white {
  color: #fff;
  text-align: center;
  max-width: 450px;
}

.h2-new-style.white.exta-padding {
  max-width: 500px;
  margin-bottom: 2.5rem;
}

.h2-new-style.smaller {
  font-size: 2.5rem;
}

.h2-new-style.smaller.even-smaller {
  text-align: center;
  max-width: 600px;
}

.h2-new-style.smaller-width {
  text-align: center;
  max-width: 600px;
  font-size: 2.5rem;
}

.h2-new-style.smaller-width.even-smaller {
  max-width: 500px;
}

.h2-new-style.smaller-width.bigger {
  max-width: 700px;
}

.pink-highlight {
  color: var(--razzmatazz);
}

.pink-highlight.for-dark-bg {
  color: #ff458a;
}

.section-features {
  background-color: #140f4e;
}

.padding-section-features {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.feature-tab-wrapper {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2rem;
  display: flex;
}

.feature-tab {
  color: #32a1ff;
  background-color: #32a1ff14;
  border: 1px solid #32a1ff29;
  border-radius: 50rem;
  padding: 10px 18px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.33em;
  transition: background-color .3s, border-color .3s;
}

.feature-tab:hover {
  color: #32a1ff;
}

.feature-tab.w--current {
  background-color: #32a1ff29;
  border-color: #32a1ff;
}

.feature-tab.red {
  color: #ee79a5;
  background-color: #ee79a514;
  border: 1px solid #ee79a529;
}

.feature-tab.red.w--current {
  background-color: #ee79a529;
  border-color: #ee79a5;
}

.feature-tab.yellow {
  color: #ffd84d;
  background-color: #ffd84d14;
  border: 1px solid #ffd84d29;
}

.feature-tab.yellow.w--current {
  background-color: #ffd84d29;
  border-color: #ffd84d;
}

.feature-tab.green {
  color: #0ecca0;
  background-color: #0ecca014;
  border: 1px solid #0ecca029;
}

.feature-tab.green.w--current {
  background-color: #0ecca029;
  border-color: #0ecca0;
}

.feature-tab.purple {
  color: #cf57ff;
  background-color: #cf57ff14;
  border: 1px solid #cf57ff14;
}

.feature-tab.purple.w--current {
  background-color: #cf57ff29;
  border-color: #cf57ff;
}

.feature-tab.orange {
  color: #ff990a;
  background-color: #ff990a14;
  border: 1px solid #ff990a29;
}

.feature-tab.orange.w--current {
  background-color: #ff990a29;
  border-color: #ff990a;
}

.tab-link-tab-2 {
  padding: 12px 22px;
}

.feature-tab-pane {
  background-color: #32a1ff29;
  border: 1px solid #32a1ffcc;
  border-radius: 1rem;
  height: 350px;
  padding: 3rem;
}

.feature-tab-pane.red {
  background-color: #ee79a529;
  border-color: #ee79a5cc;
}

.feature-tab-pane.yellow {
  background-color: #ffd84d29;
  border-color: #ffd84dcc;
}

.feature-tab-pane.green {
  background-color: #0ecca029;
  border-color: #0ecca0cc;
}

.feature-tab-pane.purple {
  background-color: #cf57ff29;
  border-color: #cf57ffcc;
}

.feature-tab-pane.orange {
  background-color: #ff990a29;
  border-color: #ff990acc;
}

.feature-h3 {
  color: #fff;
  margin-top: -2rem;
  margin-bottom: .5rem;
  font-size: 2.25rem;
  font-weight: 600;
}

.feature-p {
  color: #fffc;
  letter-spacing: 0;
  margin-bottom: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.6em;
}

.feature-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 40%;
  height: 100%;
  display: flex;
}

.feature-image {
  width: 45%;
  position: absolute;
  inset: 10% 5% auto auto;
}

.feature-image.engagement {
  z-index: 2;
  width: 35%;
  height: 90%;
  inset: auto 10% 0% auto;
}

.feature-image.flexibility {
  width: 50%;
  inset: 50% 2% auto auto;
  transform: translate(0, -40%);
}

.feature-image.attract-talent {
  object-fit: cover;
  width: auto;
  height: 100%;
  inset: auto 0% 0% auto;
}

.feature-image.admin {
  width: auto;
  max-width: 45%;
  inset: auto -10% -30% auto;
}

.feature-image.champion {
  width: 100%;
  max-width: 40%;
  height: auto;
  inset: auto -5% -25% auto;
}

.feature-image-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.feature-inner-wrapper {
  height: 100%;
  display: flex;
}

.padding-section-numberes {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.number-top-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.number-h2 {
  color: #211c5c;
  text-align: center;
  max-width: 600px;
  margin-bottom: 1rem;
  font-size: 3rem;
  line-height: 1.3em;
}

.number-p-wrapper {
  color: #211c5c;
  text-align: center;
  max-width: 400px;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.125rem;
  line-height: 1.6em;
}

.numbers-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.numbers-left-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.numbers-right-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.numbers-wrap {
  color: #888b94;
  background-color: #ebfffa;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  padding: 2rem;
  display: flex;
}

.numbers-wrap.orange {
  background-color: #fff5eb;
}

.numbers-wrap.blue {
  background-color: #ecf6ff;
}

.numbers-wrap.red {
  background-color: #ffebf2;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}

.numbers-wrap.purple {
  background-color: #faebff;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  overflow: hidden;
}

.number-h3 {
  color: #211c5c;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
}

.number-h3.bigger {
  width: 100%;
  max-width: 250px;
  font-size: 1.125rem;
}

.number-highlight {
  color: #06b990;
  letter-spacing: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.5em;
  display: block;
}

.number-highlight.orange {
  color: #fa8c17;
}

.number-highlight.blue {
  color: #32a1ff;
}

.number-highlight.red {
  color: #ed0e61;
  font-size: 3rem;
}

.number-highlight.purple {
  color: #8c06b9;
  font-size: 3rem;
}

.number-card-image {
  width: 100%;
  max-width: 380px;
  position: absolute;
  inset: auto 0% 0% auto;
  transform: translate(25%, 30%);
}

.number-feature-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.number-phone-image {
  width: 100%;
  max-width: 160px;
  position: absolute;
  inset: 50% 0% 0% auto;
  transform: translate(0%, -30%);
}

.padding-section-testimonials {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.testimonials-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #211c5c;
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 1rem;
  display: grid;
  overflow: hidden;
}

.testimonials-text-wrapper {
  margin-bottom: 4rem;
}

.testimonoials-h2 {
  color: #fff;
  text-transform: none;
  margin-bottom: .75rem;
  font-size: 2.5rem;
  line-height: 1.25em;
}

.testimonials-p {
  color: #fff;
  letter-spacing: 0;
  max-width: 384px;
}

.awards-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 387px;
  display: flex;
}

.award-image {
  max-width: 6rem;
}

.award-image.bigger {
  max-width: 4rem;
}

.award-image.shortlister {
  max-width: none;
  height: 5rem;
}

.award-image.g2 {
  object-fit: contain;
  width: 100%;
  max-width: 4.4rem;
  height: 5rem;
}

.award-image.wef, .award-image.forbes {
  max-width: 6rem;
}

.testimonials-track-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  position: relative;
}

.testimonials-track {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  padding-bottom: 1rem;
  display: flex;
}

.testimonial-track-inner-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-60 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.testimonial-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-image: linear-gradient(45deg, #ffffff29, #ffffff14);
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.testimonial-logo, .testimonials-text-inner-wrapper {
  z-index: 1;
  position: relative;
}

.testimonials-callout {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
}

.testimonials-highlight {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.5em;
  display: block;
}

.testimonials-quote {
  color: #fff;
  letter-spacing: 0;
  font-size: 1.125em;
  line-height: 1.4em;
}

.testimonial-quote-author {
  color: #b0ace0;
  margin-bottom: .25rem;
  font-weight: 600;
  line-height: 1em;
}

.testimonials-quote-title {
  color: #b0ace0;
  font-size: .875rem;
  line-height: 1.25em;
}

.testimonials-track-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.testimonials-track-inner.top {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.testimonials-track-inner.bottom {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.section-hub.grey {
  background-color: #fff;
}

.hub-outer-wrapper {
  display: block;
}

.hub-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hub-item {
  background-color: #fff;
  border: 1px solid #211c5c14;
  border-radius: 1rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 16px #0000000a;
}

.hub-item-image {
  object-fit: cover;
  width: 100%;
  height: 250px;
}

.hub-item-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 1.5rem;
  display: flex;
}

.hub-item-heading {
  color: var(--midnight-blue);
  letter-spacing: 0;
  margin-bottom: .5rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.25em;
}

.hub-item-p {
  color: var(--midnight-blue);
  margin-bottom: 1.5rem;
  line-height: 1.5rem;
}

.hub-date-published {
  display: none;
}

.hub-loader {
  background-color: #211c5c29;
  border: 1px solid #211c5c29;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  width: 100%;
  max-width: 10rem;
  position: absolute;
  inset: -50% auto auto 5%;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.fsa-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  width: 100%;
  max-width: 6rem;
  position: absolute;
  inset: -30% 12.5% auto auto;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.hsa-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: -50% auto auto 5%;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.hra-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: auto 10% 40% auto;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.commuter-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: auto auto 30% 5%;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.pill-fsa, .fsaaaaaaa {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  width: 100%;
  max-width: 6rem;
  position: absolute;
  inset: -30% 12.5% auto auto;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.pill-fsa-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: -30% 12.5% auto auto;
  box-shadow: 0 8px 16px #0003;
}

.lsa-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: -35% auto auto 20%;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.wellness-stipend, .wellne {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  max-width: 15rem;
  position: absolute;
  inset: -10% 10% auto auto;
  box-shadow: 0 8px 16px #0003;
}

.wellness-stipend-wellness {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  top: -10%;
  right: 0%;
  box-shadow: 0 8px 16px #0003;
}

.rewards-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  width: 100%;
  max-width: 20rem;
  position: absolute;
  inset: auto auto 5% 0%;
  overflow: hidden;
  box-shadow: 0 8px 16px #0003;
}

.pill-rewards {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: auto auto 5% 0%;
  box-shadow: 0 8px 16px #0003;
}

.family-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: auto 0% 25% auto;
  box-shadow: 0 8px 16px #0003;
}

.prof-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  top: 20%;
  left: 0%;
  box-shadow: 0 8px 16px #0003;
}

.work-home-pill {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: 10% 8% auto auto;
  box-shadow: 0 8px 16px #0003;
}

.food-benefit {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-radius: 50rem;
  height: 2.5rem;
  position: absolute;
  inset: auto 7% -10% auto;
  box-shadow: 0 8px 16px #0003;
}

.banner-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 1px;
}

.case-study-overlay {
  z-index: 3;
  opacity: 0;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.blur {
  background-color: #211c5ce6;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.engagement-illustration {
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-top-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.blog-h2 {
  color: #211c5c;
  max-width: 400px;
  margin-bottom: .75rem;
  font-size: 2rem;
  line-height: 1.3em;
}

.blog-h2.bigger {
  max-width: 600px;
}

.blog-p-wrapper {
  color: #211c5c;
  max-width: 400px;
  line-height: 1.6em;
}

.hubs-wrapper {
  display: none;
  overflow: hidden;
}

.empty-state {
  display: none;
}

.hub-navigation {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
  display: none;
}

.hero-logos-p {
  opacity: .7;
  color: #fff;
  text-align: center;
  margin-bottom: .5rem;
  font-size: 1rem;
}

.gpt-heading {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 3.5rem;
  line-height: 1.15em;
}

.gpt-subhead {
  color: var(--neutral-200);
  margin-bottom: .5rem;
  font-size: 1.125rem;
}

.gpt-hero-p {
  opacity: .7;
  color: var(--white);
  text-align: center;
  max-width: 601px;
}

.gpt-embed {
  width: 100%;
}

.container-gpt {
  max-width: 1100px;
}

.section-gpt, .section-gpt-hero {
  background-color: #211b5c;
}

.padding-section-gpt-hero {
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.padding-section-gpt-hero.no-pading {
  padding-top: 0;
  padding-bottom: 4rem;
}

.blog-wrapper {
  display: block;
  overflow: hidden;
}

.gpt-note {
  color: var(--neutral-300);
  text-align: center;
  max-width: 600px;
  margin-top: .5rem;
}

.gpt-square-wrapper {
  background-color: #fff;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}

.welcome-logos-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: stretch;
  height: 2rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.welcome-logo-divider {
  background-color: #ffffff69;
  border-radius: 50rem;
  width: 1px;
}

.section_why-benepass {
  background-color: #140f4e;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 119px);
  min-height: 625px;
  max-height: 750px;
  padding: 4rem 2.5rem 180px;
  display: flex;
  position: relative;
}

.section_why-benepass.customers {
  background-color: #0000;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-bottom: 4rem;
}

.section_why-benepass.customers.grey {
  background-color: #f3f3f3;
}

.section_why-benepass.customers-copy {
  background-color: #0000;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-bottom: 4rem;
}

.section_why-benepass.customers-copy.grey {
  background-color: #f3f3f3;
}

.subheader {
  color: var(--midnight-blue);
  max-width: 450px;
  margin: 1.25rem auto 4.5rem;
  font-size: 1.125rem;
  line-height: 1.6666em;
}

.subheader.new {
  text-align: center;
  margin-top: 0;
  margin-bottom: 3rem;
}

.subheader.new.bigger {
  max-width: 500px;
  margin-bottom: 1rem;
}

.subheader.new.bigger.smaller {
  max-width: 400px;
}

.why-benepass-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 0;
  display: grid;
}

.why-benepass-wrapper._4-cols {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2rem;
}

.why-benepass-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fde7ef;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.why-benepass-card.blue {
  background-color: #ebf6ff;
}

.why-benepass-card.green {
  background-color: #e7faf5;
}

.why-benepass-card.white {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
}

.why-benepass-heading {
  color: var(--midnight-blue);
  letter-spacing: 0;
  margin-bottom: .25rem;
  font-size: 1.25rem;
  font-weight: 600;
}

.why-benepass-p {
  color: var(--neutral-800);
  font-weight: 400;
  line-height: 1.5;
}

.why-benepass-inner-wrapper {
  flex-flow: column;
  display: flex;
}

.why--benepass-icon {
  color: #ed0e61;
  background-color: #fff;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  padding: .5rem;
}

.why--benepass-icon.blue {
  color: #32a1ff;
  background-color: #fff;
}

.why--benepass-icon.green {
  color: #0ecca0;
  background-color: #fff;
}

.section-about-benepass {
  background-color: #140f4e;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 119px);
  min-height: 625px;
  max-height: 750px;
  padding: 4rem 2.5rem 180px;
  display: flex;
  position: relative;
}

.section-about-benepass.customers {
  background-color: #f3f3f3;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-bottom: 4rem;
}

.section-about-benepass.customers.white {
  background-color: #0000;
}

.section-about-benepass.not-grey {
  background-color: #0000;
  height: auto;
  min-height: 0;
  max-height: none;
  padding-bottom: 4rem;
}

.about-benepass-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.benepass-p {
  color: var(--midnight-blue);
  letter-spacing: 0;
  line-height: 1.6;
}

.benepass-p.bigger {
  font-size: 1.125rem;
  font-weight: 600;
}

.benepass-video-wrapper {
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.benepass-video-play {
  background-color: var(--razzmatazz);
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  padding: .5rem;
  position: absolute;
}

.h1-new-style {
  color: #211c5c;
  text-transform: none;
  max-width: 800px;
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.75rem;
  line-height: 1.35em;
}

.h1-new-style.white {
  color: #fff;
  text-align: center;
  max-width: 450px;
}

.h1-new-style.white.exta-padding {
  max-width: 500px;
  margin-bottom: 2.5rem;
}

.h1-new-style.smaller {
  font-size: 2.5rem;
}

.h1-new-style.contact {
  max-width: none;
}

.benepass-video-placeholder {
  object-fit: cover;
  height: 100%;
}

.benepass-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #fff;
  border: 1px solid #00000030;
  border-radius: 1rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.benepass-card.blue {
  background-color: #ebf6ff;
}

.benepass-card.green {
  background-color: #e7faf5;
}

.benepass-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 3rem;
  display: grid;
}

.benepass-heading {
  color: var(--midnight-blue);
  letter-spacing: 0;
  margin-bottom: .25rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25em;
}

.benepass-accounts, .benepass-account-pill {
  color: var(--neutral-800);
}

.benepass-pill {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--midnight-blue);
  background-color: #211c5c0f;
  border-radius: 50rem;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem 1rem .25rem .25rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.benepass-pill.no-icon {
  padding-left: .5rem;
  padding-right: .5rem;
}

.benepass-pills {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.benefits-icons {
  background-color: var(--midnight-blue);
  color: #fff;
  border-radius: 50%;
  flex: none;
  width: 2rem;
  height: 2rem;
  padding: .5rem;
}

.benefits-icons.green {
  color: #05785d;
  background-color: #e7faf5;
}

.benefits-icons.green.small {
  padding: .5rem;
}

.benefits-icons.orange {
  color: #9e5702;
  background-color: #fdf3e6;
}

.benefits-icons.purple {
  color: #5d0578;
  background-color: #f6e7fa;
}

.benefits-icons.commuter {
  padding: .5rem;
}

.benefits-icons.brand-blue {
  color: var(--midnight-blue);
  background-color: #e9e8ef;
}

.benefits-icons.prof-development {
  color: var(--midnight-blue);
  background-color: #e9e8ef;
  flex: none;
  padding: .5rem;
}

.benefits-icons.red {
  color: #ca0a52;
  background-color: #fdecf2;
}

.benefits-icons.yelllow {
  color: #7e6921;
  background-color: #fff8dc;
}

.benefits-icons.smaller {
  padding: .35rem;
}

.div-block-62 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.h3-heading {
  color: var(--midnight-blue);
  margin-bottom: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.contact-image {
  color: var(--midnight-blue);
  background-color: #211c5c0f;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  padding: 1.5rem;
}

.contact-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-name {
  color: var(--midnight-blue);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.6;
}

.contact-icon {
  color: var(--midnight-blue);
  width: 1.5rem;
  height: 1.5rem;
}

.div-block-63 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-64 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-image-actual {
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
}

.contact-explain-text {
  color: var(--neutral-800);
  margin-top: 1rem;
  font-size: .875rem;
  line-height: 1.5;
}

.div-block-65 {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  display: flex;
}

.contact-divider {
  background-color: var(--midnight-blue);
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.div-block-66 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.div-block-66._3-cols {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-columns: 1fr 1fr;
}

.div-block-67 {
  border-right: 1px solid var(--midnight-blue);
  padding-right: 2rem;
}

.div-block-67.no-padding {
  border-right-style: none;
  padding-right: 0;
}

.div-block-68 {
  padding-left: 2rem;
}

.div-block-68.no-padding {
  padding-left: 0;
}

.employer-size-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  display: flex;
}

.employer-size-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #211c5c52;
  grid-template-rows: auto;
  grid-template-columns: 3fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.employer-size-row.top {
  background-color: #211c5c0f;
}

.employer-size-cell {
  padding: 1rem;
}

.employer-size-cell.centre-align {
  text-align: center;
  border-left: 1px solid #211c5c52;
  justify-content: center;
  align-items: center;
  display: flex;
}

.go-live-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #211c5c52;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.go-live-row.top {
  background-color: #211c5c0f;
}

.mutual-clients-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.mutual-clients-grid._3-cols {
  grid-template-columns: 1fr 1fr 1fr;
}

.mutual-client-cell {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.mutual-client-image {
  object-fit: contain;
  width: 100%;
  max-width: 10rem;
  height: 4rem;
}

.dedicated-team-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fde7ef;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.dedicated-team-wrapper.blue {
  background-color: #ebf6ff;
}

.dedicated-team-wrapper.green {
  background-color: #e7faf5;
}

.dedicated-team-wrapper.white {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: #fff;
  padding: 0;
}

.support-team-image {
  max-width: 8rem;
  margin-bottom: 1rem;
}

.usps-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 4rem;
  display: grid;
}

.usps-grid._4-cols {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2rem;
}

.usp-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fde7ef;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  padding: 2rem;
  display: flex;
}

.usp-item.blue {
  background-color: #ebf6ff;
}

.usp-item.green {
  background-color: #e7faf5;
}

.usp-item.white {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-bottom: 4px none var(--razzmatazz);
  border-left: 4px none var(--razzmatazz);
  border-top-width: 4px;
  border-top-color: var(--razzmatazz);
  background-color: #fff;
  border-radius: 0;
  padding: 1rem 0 0;
}

.usp-item.blue {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  border-bottom: 4px none var(--razzmatazz);
  border-left: 4px none var(--razzmatazz);
  border-top-width: 4px;
  border-top-color: var(--steel-blue);
  background-color: #fff;
  border-radius: 0;
  padding: 1rem 0 0;
}

.resource-card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid #ffffff14;
  border-radius: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.resource-card.blue {
  background-color: #ebf6ff;
}

.resource-card.green {
  background-color: #e7faf5;
}

.resource-card.white {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #fff;
}

.resource-image {
  object-fit: cover;
  border-radius: .75rem;
  width: 100%;
  height: 300px;
  margin-bottom: 1rem;
}

.resource-image.not-fit {
  aspect-ratio: 1308 / 723;
  height: auto;
}

.resources-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  display: grid;
}

.resources-grid._4-cols {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 2rem;
}

.resources-grid.padding-top {
  grid-template-columns: 1fr 1fr;
  margin-top: 4rem;
}

.margint-top {
  margin-top: 2rem;
}

@media screen and (min-width: 1280px) {
  .button-primary.header-button-mobile.iswhite {
    padding: 16px 20px;
  }

  .button-primary.header-button-mobile.issecondary.isnavy.dropdown.hide {
    display: flex;
  }

  .button-primary.header-button-mobile.new.less-padding {
    padding: 16px 20px;
  }

  .header-logo {
    margin-top: -4px;
  }

  .card.about-author {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
  }

  .brand.new {
    max-width: 200px;
  }

  .dropdown-login.new.border.desktop-only-none {
    display: flex;
  }

  .dropdown-login.new.hide, .dropdown-login.new.hide-on-desktop {
    display: block;
  }

  .navbar-new {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-link-wrap {
    margin-right: 20px;
  }

  .nav-button-wrap.adjust {
    grid-template-columns: auto auto;
  }

  .nav-mega-menu.height-none.test {
    display: flex;
  }

  .navbar-new-white {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-link-wrap-2 {
    margin-right: 20px;
  }

  .div-block-23 {
    max-width: 247px;
  }

  .div-block-23.full-width {
    max-width: 100%;
  }

  .section-6 {
    background-size: cover;
  }

  .icon-1x1-medium {
    color: #0000;
  }

  .section_home-hero {
    background-position: 80%;
  }

  .section_home-hero.ab-test {
    background-position: 95%;
  }

  .section_home-table {
    background-size: contain;
  }

  .beneftits-cta_component {
    width: 1128px;
    margin-left: auto;
    margin-right: auto;
  }

  .marquee-inner-wrapper {
    flex-direction: row;
  }

  .marquee-logos-wrapper {
    flex: none;
  }

  .div-full-height {
    justify-content: flex-start;
    padding-top: 2rem;
  }

  .benefits-table-h4.bottom-aligned {
    margin-top: 1rem;
  }

  .blog-content-grid {
    grid-template-columns: 1fr;
    display: flex;
  }

  .blog-content-text-wrapper {
    width: 100%;
  }

  .hero-ab-image {
    width: 50%;
  }

  .form {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .benefits-table-h4-2.bottom-aligned {
    margin-top: 1rem;
  }

  .value-icon-wrapper.swap {
    color: #ca0a52;
    background-color: #fdecf2;
  }

  .prev-pill.embed, .next-pill.embed, .pause-button.embed-only {
    margin-bottom: 0;
  }

  .hero-p {
    font-size: 1.125rem;
  }

  .hero-card-inner-wrapper {
    width: 22.5rem;
  }

  .feature-tab-pane.orange {
    background-color: #ff990a29;
    border-color: #ff990acc;
  }
}

@media screen and (min-width: 1440px) {
  .section-hero {
    max-height: 850px;
  }

  .home-hero-h1 {
    font-size: 3rem;
  }

  .hero-card-wrapper {
    margin-top: 5rem;
  }

  .hero-card-inner-wrapper {
    width: 25rem;
  }

  .section_why-benepass, .section-about-benepass {
    max-height: 850px;
  }
}

@media screen and (min-width: 1920px) {
  body {
    font-size: 17px;
  }

  .container-default {
    max-width: 1320px;
  }

  .section.features {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.no-bottom-padding {
    padding-top: 40px;
  }

  .paragraph-small, .paragraph-small.small-print {
    font-size: 16px;
  }

  .title.h6-size.dropdown-feature {
    font-size: 17px;
  }

  .split-content.start-tracking-left {
    max-width: 600px;
  }

  .home-hero-content {
    max-width: none;
  }

  .home-hero-logos-grid {
    grid-template-columns: auto auto auto auto auto 1fr;
  }

  .blog-post-item-content-top.customer-post-margin {
    margin-bottom: 15px;
  }

  .about-career-wrapper {
    font-size: 16px;
  }

  .feature-hero-images-wrapper {
    max-width: 1145px;
    margin-left: auto;
    margin-right: auto;
  }

  .dropdown-link {
    font-size: 16px;
  }

  .heading-3, .heading-4, .heading-5, .columns-2 {
    margin-top: 10px;
  }

  .container {
    margin-top: auto;
    margin-bottom: auto;
  }

  .home-hero-wrapper {
    background-repeat: repeat-x;
    background-size: 120%;
  }

  .graphic__dots {
    right: 9%;
  }

  .graphic__dots._2 {
    left: 10%;
  }

  .about-hero-image {
    max-height: 890px;
  }

  .footer-nav-link-2 {
    font-size: 16px;
  }

  .text-block-17 {
    color: #e43601;
    margin-top: 50px;
    margin-bottom: 40px;
  }

  .bold-text-3 {
    color: #0e8ece;
  }

  .section-6 {
    background-size: cover;
    min-height: 865px;
  }

  .image-24 {
    object-fit: fill;
    width: 100%;
  }

  .section_home-hero {
    background-image: url('../images/lines.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: scroll;
  }

  .marquee-logos-wrapper {
    min-width: 400%;
  }

  .section-hero {
    max-height: 850px;
    display: block;
  }

  .home-hero-h1 {
    font-size: 3rem;
  }

  .hero-card-wrapper {
    margin-top: 4rem;
  }

  .hero-card-inner-wrapper {
    width: 25rem;
  }

  .marquee-hero-image {
    max-width: 6rem;
  }

  .marquee-hero-image.smaller, .marquee-hero-image.kkr {
    max-width: 4.5rem;
  }

  .section_why-benepass, .section-about-benepass {
    max-height: 850px;
    display: block;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    margin-bottom: 20px;
    font-size: 57px;
  }

  blockquote {
    padding: 53px 89px 53px 83px;
  }

  .flex.vertical.custom {
    max-width: 100%;
    padding-left: 0;
  }

  .flex.flex-wrap.blog {
    padding-bottom: 0;
  }

  .color-white.only-tablet {
    color: var(--white);
  }

  .container-default {
    flex-direction: column;
    align-items: stretch;
  }

  .container-default.flex.small.align-top {
    align-items: center;
  }

  .container-default.flex.align-right {
    padding-right: 24px;
  }

  .container-default.flex-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .container-default.flex-vertical {
    padding-top: 37%;
  }

  .container-default.grid-blog {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1.75fr;
  }

  .paragraph-large.blog-hero {
    margin-bottom: 50px;
  }

  .paragraph-large.career-description, .paragraph-large.not-found {
    margin-bottom: 40px;
  }

  .button-primary._2-buttons.iswhite {
    margin-bottom: 8px;
  }

  .button-primary.header-button-mobile {
    padding: 24px 16px;
    font-size: 16px;
    display: block;
  }

  .button-primary.header-button-mobile.iswhite {
    padding: 16px 20px;
  }

  .button-primary.header-button-mobile.issecondary.isnavy.dropdown.hide {
    display: flex;
  }

  .button-primary.header-button-mobile.issecondary.dropdown {
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-primary.header-button-mobile.new {
    background-color: var(--white);
    color: var(--midnight-blue);
  }

  .button-primary.header-button-mobile.new.less-padding {
    padding: 16px 20px;
  }

  .button-secondary.category.w--current {
    margin-bottom: 30px;
  }

  .button-secondary.category.all.gap-botom {
    margin-bottom: 20px;
  }

  .header-logo {
    margin-top: 0;
  }

  .header-navigation {
    flex-direction: column;
    align-items: stretch;
    margin-left: 24px;
    margin-right: 24px;
  }

  .nav-item-wrapper {
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .nav-item-wrapper.hide {
    display: none;
  }

  .nav-link {
    font-size: 24px;
  }

  .nav-link.iswhite.dropdown-styling {
    margin-left: 0;
    margin-right: 0;
  }

  .menu-button {
    z-index: 99;
    background-color: var(--midnight-blue);
    border-radius: 6px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    margin-left: 20px;
    padding: 12px;
    transition: transform .3s;
  }

  .menu-button:hover {
    background-color: var(--midnight-blue);
    transform: translate(0, -4px);
  }

  .menu-button.w--open {
    background-color: var(--razzmatazz);
  }

  .nav-menu {
    background-color: var(--white);
    width: 100%;
    padding-top: 100px;
    padding-bottom: 36px;
  }

  .nav-menu.hasprimarybg {
    z-index: 999;
    background-color: var(--midnight-blue);
  }

  .footer_component {
    font-family: Basiercircle, sans-serif;
    line-height: 1.5;
  }

  .section {
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .section.home-hero {
    padding-top: 112px;
    position: relative;
  }

  .section.home-create-account {
    padding-bottom: 96px;
    overflow: hidden;
  }

  .section.about-hero {
    padding-top: 112px;
  }

  .section.blog-hero {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .section.blog, .section.blog-post {
    padding-top: 112px;
  }

  .section.plan {
    padding-top: 112px;
    padding-bottom: 104px;
  }

  .section.careers-hero {
    padding-top: 112px;
    padding-bottom: 64px;
  }

  .section.practice-preach {
    padding-bottom: 112px;
  }

  .section.career {
    padding-top: 112px;
    padding-bottom: 80px;
  }

  .section.more-positions {
    padding-top: 92px;
    padding-bottom: 102px;
  }

  .section.features {
    padding-top: 112px;
  }

  .section.features-cta {
    padding-bottom: 112px;
  }

  .section.feature-hero {
    padding-top: 112px;
    padding-bottom: 97px;
  }

  .section.featured-on {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.integrations {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .section.integrations-cta {
    padding-bottom: 96px;
  }

  .section.more-integrations {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .section.integration {
    padding-top: 94px;
    padding-bottom: 118px;
  }

  .section.contact {
    padding-top: 112px;
    padding-bottom: 128px;
  }

  .section.more-contact, .section.faqs {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .section.pricing-category, .section.integrations-category, .section.blog-category {
    padding-top: 112px;
    padding-bottom: 112px;
  }

  .section.feature-row {
    padding-bottom: 20px;
  }

  .section.wellness {
    padding-top: 5rem;
    padding-bottom: 6rem;
  }

  .utility-page-content-404 {
    text-align: center;
    flex-direction: column-reverse;
  }

  ._404-title {
    margin-bottom: 30px;
  }

  .divider.blog-section-item-divider {
    margin-top: 20px;
    margin-bottom: 16px;
  }

  .divider.blog-post-item-divider {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .divider.contact {
    width: 1px;
    height: auto;
    margin: 0 45px;
  }

  .paragraph.start-tracking {
    max-width: 679px;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph.card-integration-section {
    max-width: 439px;
  }

  .paragraph-small.small-print {
    margin-bottom: 15px;
  }

  .card.bg-neutral-200.cta {
    flex-direction: column;
    padding-top: 40px;
    padding-left: 45px;
  }

  .card.bg-neutral-200.sign-up {
    text-align: center;
    flex-direction: column;
    padding-top: 73px;
    padding-bottom: 73px;
    padding-left: 44px;
  }

  .card.bg-neutral-200.blog-newsletter {
    text-align: center;
    flex-direction: column;
    padding-top: 63px;
    padding-bottom: 63px;
    padding-left: 44px;
  }

  .card.bg-neutral-200.get-plan {
    display: none;
  }

  .card.bg-neutral-200.get-plan-mobile {
    justify-content: space-between;
    align-items: center;
    min-height: 403px;
    display: flex;
  }

  .card.bg-neutral-200.feature {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
  }

  .card.bg-neutral-200.more-contact {
    padding-top: 40px;
  }

  .card.bg-neutral-200.employee-banner-cta {
    background-position: 150%;
    background-size: auto 110%;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 40px;
    padding-left: 45px;
  }

  .card.about-news {
    padding-bottom: 44px;
  }

  .card.about-author {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
  }

  .card.open-position {
    padding-bottom: 10px;
  }

  .card.integration-section {
    width: 100%;
  }

  .card.team {
    justify-content: center;
  }

  .checkout-form {
    padding-bottom: 112px;
  }

  .checkout-block-header, .checkout-block-content {
    padding-left: 60px;
    padding-right: 60px;
  }

  .title.sign-up {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .title.h4-size.plan-features-title {
    margin-bottom: 20px;
  }

  .title.blog-section-item-title {
    max-width: 440px;
  }

  .title.about-h2 {
    margin-bottom: 16px;
  }

  .title.blog-hero {
    margin-bottom: 20px;
  }

  .title.blog-post-item-title {
    font-size: 20px;
    line-height: 1.34em;
  }

  .title.h1-size {
    font-size: 57px;
  }

  .title.h1-size.integration {
    margin-right: 6px;
    font-size: 45px;
  }

  .title.careers {
    margin-bottom: 20px;
  }

  .title.job-requirements, .title.job-responsabilities {
    margin-bottom: 16px;
  }

  .title.features {
    margin-bottom: 20px;
  }

  .title.feature-hero {
    margin-bottom: 26px;
  }

  .title.start-tracking {
    max-width: 603px;
    margin-left: auto;
    margin-right: auto;
  }

  .title.available-integrations {
    margin-bottom: 35px;
  }

  .title.benefits {
    margin-bottom: 1.5rem;
  }

  .title.footer-nav-title {
    margin-bottom: 40px;
  }

  .title.demo-request {
    font-size: 56px;
  }

  .split-content.checkout-left {
    margin-bottom: 40px;
    margin-right: 0;
  }

  .split-content.header-left.new {
    display: flex;
  }

  .split-content.cta-left {
    text-align: center;
    max-width: 530px;
    margin-bottom: 60px;
    margin-right: 0;
  }

  .split-content.blog-newsletter-left {
    max-width: 481px;
    margin-bottom: 40px;
    margin-right: 0;
    padding-right: 0;
  }

  .split-content.plan-left {
    max-width: 100%;
    margin-right: 0;
  }

  .split-content.careers-hero-left {
    max-width: 849px;
    margin-bottom: 40px;
  }

  .split-content.card-open-position-left {
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .split-content.career-content {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .split-content.career-sidebar {
    max-width: 100%;
  }

  .split-content.start-tracking-left {
    text-align: center;
    max-width: 754px;
    margin-bottom: 60px;
    margin-right: 0;
  }

  .split-content.start-tracking-right {
    max-width: 660px;
  }

  .split-content.content-top-integration-right {
    flex-direction: column;
    align-items: flex-start;
  }

  .split-content.contact-left {
    justify-content: space-between;
    max-width: 100%;
    margin-bottom: 60px;
    margin-right: 0;
    display: flex;
  }

  .split-content.contact-right {
    max-width: none;
  }

  .split-content.not-found-content {
    margin-top: 40px;
    margin-right: 0;
  }

  .split-content.cta-half {
    width: auto;
    max-width: 60%;
  }

  .image-wrapper.blog-section-item-image {
    width: 100%;
    max-width: 45%;
    margin-bottom: 0;
    margin-right: 30px;
  }

  .image-wrapper.blog-post-author-image {
    margin-right: 15px;
  }

  .image-wrapper.card-team {
    max-width: 300px;
  }

  .image.home-hero-logo {
    max-width: 90%;
  }

  .image.home-hero-1 {
    max-width: 80%;
  }

  .image.home-hero-2 {
    width: 21%;
  }

  .image.home-hero-3 {
    width: 28%;
    display: none;
    right: 0;
  }

  .image.analytics-campaigns {
    max-width: 49%;
  }

  .image.analytics-user-1 {
    max-width: 90%;
  }

  .image.analytics-user-2 {
    width: 52%;
    bottom: -41px;
  }

  .image.step {
    width: 100%;
  }

  .image.blog-section-item-image {
    border-radius: 6px;
  }

  .image.blog-newsletter-icon {
    margin-bottom: 10px;
  }

  .image.blog-post {
    margin-bottom: 83px;
  }

  .image.feature {
    margin-top: 0;
  }

  .image.feature-hero-1 {
    max-width: 82%;
  }

  .image.feature-hero-2, .image.feature-hero-3 {
    max-width: 26%;
  }

  .image.start-tracking-user-icon {
    margin-bottom: 10px;
  }

  .image.integration-main-image {
    margin-bottom: 107px;
  }

  .image.integration {
    margin-right: 40px;
  }

  .image.not-found {
    max-width: 283px;
  }

  .image.features-image-item, .image.feature-image {
    max-width: 49%;
  }

  .image.ignore-section-padding {
    margin-top: -6rem;
    margin-bottom: -6rem;
  }

  .home-hero-content {
    margin-bottom: 103px;
  }

  .content-top.integrations {
    flex-direction: column;
  }

  .content-top.integration {
    margin-bottom: 60px;
  }

  .content-top.integrations-category {
    flex-direction: column;
  }

  .content-top.blog-category {
    margin-bottom: 60px;
  }

  .content-top.team-articles {
    margin-bottom: 50px;
  }

  .home-hero-images-wrapper {
    margin-bottom: 119px;
  }

  .home-hero-logos-wrapper {
    flex-direction: column;
    align-items: stretch;
    margin-top: 67px;
  }

  .home-hero-logos-text {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .steps-tabs {
    flex-direction: column;
  }

  .steps-tabs-menu {
    grid-template-columns: auto;
    max-width: 754px;
    margin-top: 40px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .steps-tabs-content {
    max-width: 754px;
    margin-right: 0;
  }

  .home-analitics-tool-wrapper {
    margin-bottom: 50px;
  }

  .analytics-user-content-text {
    max-width: 46%;
    margin-right: 0;
  }

  .analytics-user-images-wrapper {
    width: auto;
    max-width: 49%;
  }

  .step-tab-link-content {
    width: 100%;
    max-width: 392px;
  }

  .blog-section-grid {
    grid-row-gap: 65px;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .blog-section-item-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .footer-content {
    flex-direction: column;
    margin-bottom: 73px;
  }

  .footer-social-media-grid {
    margin-bottom: 15px;
  }

  .footer-nav-wrapper {
    width: 100%;
    margin-bottom: 60px;
  }

  .footer-nav-box {
    margin-right: 20px;
  }

  .footer-newsletter-wrapper {
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .analytics-campaigns-content-text {
    max-width: 46%;
    margin-left: 0;
  }

  .analytics-campaigns-content {
    margin-bottom: 100px;
  }

  .analytics-campaigns-content.last {
    margin-bottom: 0;
  }

  .footer-newsletter-content-top {
    width: 100%;
    max-width: 37%;
    margin-bottom: 0;
    margin-right: 40px;
  }

  .about-hero-wrapper {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 101px;
  }

  .container-medium-786px.blog-hero {
    margin-bottom: 82px;
  }

  .container-medium-786px.features {
    margin-bottom: 50px;
  }

  .blog-grid {
    grid-row-gap: 65px;
    grid-template-columns: 1fr 1fr;
  }

  .rich-text h2 {
    margin-bottom: 18px;
  }

  .rich-text h3 {
    margin-top: 45px;
    margin-bottom: 18px;
  }

  .rich-text p {
    margin-bottom: 28px;
  }

  .rich-text h4, .rich-text h5, .rich-text h6 {
    margin-top: 45px;
  }

  .rich-text ul, .rich-text ol {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .rich-text figcaption {
    margin-top: 28px;
  }

  .rich-text blockquote {
    margin-bottom: 57px;
  }

  .rich-text.plan {
    max-width: 740px;
  }

  .blog-post-content-top {
    margin-bottom: 68px;
  }

  .blog-post-about-top-wrapper {
    margin-bottom: 15px;
  }

  .blog-post-about-bottom-wrapper {
    margin-top: 40px;
  }

  .blog-post-about-top-divider {
    margin-left: 30px;
    margin-right: 30px;
  }

  .brand {
    z-index: 99;
  }

  .brand.new {
    max-width: none;
  }

  .card-pricing-plan-content-top {
    margin-bottom: 0;
    margin-right: 40px;
  }

  .card-pricing-plan-content-bottom {
    max-width: 50%;
  }

  .card-pricing-plan-price-wrapper {
    align-items: flex-end;
    display: flex;
  }

  .card-pricing-plan-wrapper {
    justify-content: center;
    display: flex;
  }

  .plan-wrapper {
    flex-direction: column;
  }

  .plan-title-wrapper {
    margin-bottom: 20px;
  }

  .get-plan-price {
    font-size: 38px;
  }

  .plan-add-to-cart {
    flex: 1;
  }

  .plan-add-to-cart-default-state {
    margin-bottom: 0;
  }

  .get-plan-content-top {
    max-width: 50%;
    margin-bottom: 0;
    margin-right: 40px;
  }

  .careers-hero-wrapper {
    grid-row-gap: 4rem;
    flex-direction: column;
    grid-template-columns: auto;
    align-items: stretch;
  }

  .perks-grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
  }

  .card-open-position-content-bottom {
    flex-wrap: wrap;
  }

  .card-open-position-apply-now-text {
    margin-bottom: 20px;
  }

  .career-wrapper {
    flex-direction: column;
  }

  .about-career-wrapper {
    margin-bottom: 15px;
  }

  .features-grid {
    grid-template-columns: 1fr;
  }

  .card-feature-content {
    max-width: 363px;
    margin-bottom: 0;
    margin-right: 30px;
  }

  .container-large-1048px {
    flex-direction: column;
    align-items: stretch;
  }

  .featured-on-text {
    margin-bottom: 30px;
  }

  .advanced-analytics-grid {
    grid-row-gap: 54px;
    grid-template-columns: auto minmax(25%, 465px);
    max-width: 842px;
    margin-left: auto;
    margin-right: auto;
  }

  .start-tracking-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .start-tracking-user-grid {
    grid-column-gap: 40px;
    justify-content: center;
  }

  .container-medium-648px.integrations {
    margin-bottom: 60px;
  }

  .integrations-grid {
    grid-template-columns: 1fr 1fr;
  }

  .integration-title-wrapper {
    margin-bottom: 10px;
  }

  .integration-main-content {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .more-integrations-grid {
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-wrapper {
    flex-direction: column;
  }

  .contact-title-wrapper {
    max-width: 472px;
  }

  .contact-links-grid {
    grid-row-gap: 30px;
  }

  .more-contact-grid {
    grid-column-gap: 20px;
  }

  .contact-link-icon {
    margin-right: 16px;
  }

  .title-category-wrapper.integrations-category, .title-category-wrapper.blog-category {
    margin-bottom: 35px;
  }

  .pricing-category-grid {
    grid-row-gap: 26px;
    grid-template-columns: 1fr;
  }

  .integrations-category-grid {
    grid-template-columns: 1fr 1fr;
  }

  .blog-category-grid {
    grid-row-gap: 65px;
    grid-template-columns: 1fr 1fr;
  }

  .dropdown-nav-box {
    margin-right: 20px;
  }

  .dropdown {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-list {
    padding-top: 0;
    position: static;
  }

  .dropdown-menu-wrapper {
    box-shadow: none;
    border-width: 0;
    max-width: 660px;
    padding: 40px 0 20px;
  }

  .dropdown-nav-content {
    flex-wrap: nowrap;
  }

  .dropdown-arrow {
    font-size: 13px;
  }

  .menu-button-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .menu-button-icon {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 25px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .menu-line-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #fff;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 2px;
    max-height: 2px;
    padding: 0;
  }

  .menu-line-middle, .menu-line-bottom {
    background-color: #fff;
    min-height: 2px;
    max-height: 2px;
    padding: 0;
  }

  .home-hero-column.hide-tablet {
    display: none;
  }

  .home-hero-wrapper {
    background-position: 50% 100%;
    background-size: 200%;
  }

  .line--cta {
    left: 34%;
  }

  .line--cta.bottomleftt {
    height: 150px;
    right: 78%;
  }

  .features-2-column-wrapper {
    margin-bottom: 60px;
  }

  .features-col-content {
    max-width: 46%;
    margin-left: 0;
  }

  .about-col.image.right-margin {
    margin-right: 0;
  }

  .features-row {
    margin-bottom: 60px;
  }

  .white-glove-feature-grid {
    grid-row-gap: 54px;
    grid-template-columns: auto minmax(25%, 465px);
    max-width: 842px;
    margin-left: auto;
    margin-right: auto;
  }

  .whiteglove--lines {
    max-width: 90%;
  }

  .dropdown-toggle-nav {
    margin-left: 24px;
  }

  .dropdown-toggle-nav.no-margin {
    margin-left: 0;
    margin-right: 0;
  }

  .dropdown-list-nav {
    flex-direction: column;
    align-items: stretch;
    margin-left: 24px;
    position: relative;
  }

  .dropdown-list-nav.purple, .dropdown-list-nav.purple.w--open {
    width: 100%;
    margin-top: 5rem;
    margin-left: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    position: absolute;
  }

  .drop-links {
    padding: 12px;
  }

  .icon-div {
    width: 32px;
    height: 32px;
  }

  .arrow-nav.black.invert-tablet {
    filter: invert();
  }

  .dropdown-login {
    flex-direction: column;
    align-items: flex-start;
    width: 150px;
    margin-left: 0;
    display: flex;
  }

  .dropdown-login.new {
    align-items: center;
  }

  .dropdown-login.new.border {
    border: 1px solid var(--white);
    border-radius: 8px;
  }

  .dropdown-login.new.border.desktop-only-none, .dropdown-login.new.hide-on-desktop {
    display: block;
  }

  .logo-top-div {
    grid-column-gap: 16px;
    grid-row-gap: 3rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    margin-bottom: 3rem;
    display: grid;
  }

  .logo-img.right-margin {
    width: 200px;
    margin-right: 0;
  }

  .logo-img.modern, .logo-img.alumni {
    width: 200px;
  }

  .logo-img.gradient {
    width: 250px;
  }

  .logo-img.operator {
    width: 200px;
  }

  .logo-bottom-div {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .careers-img {
    display: none;
  }

  .how-we-work-wrap {
    padding: 2rem;
  }

  .careers-hero-img {
    z-index: 1;
    object-fit: contain;
    width: 100%;
    height: 450px;
    display: block;
    position: relative;
  }

  .graphic-career {
    max-height: 800px;
  }

  .image-2 {
    bottom: -4%;
    left: -8%;
  }

  .section-webinar-hero.tablet {
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .webinar-hero-img.absolute {
    position: absolute;
  }

  .section-webinar-info {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .webinar-info-wrap {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    margin-top: -42px;
  }

  .webinar-info-wrap.no-row {
    grid-row-gap: 0rem;
  }

  .webinar-form-wrap {
    max-width: none;
    top: 0;
  }

  .webinar-heading.tablet-hidden {
    display: none;
  }

  .webinar-content {
    margin-top: 0;
  }

  .webinar-content.tablet-full {
    max-width: 100%;
    padding-top: 5rem;
  }

  .tags-wrap.tablet-hidden {
    display: none;
  }

  .graphic-webinar {
    inset: auto auto 0% 0%;
  }

  .graphic-webinar.tablet-hidden {
    display: none;
  }

  .dropdown-toggle {
    padding-left: 0;
  }

  .dropdown-list-2 {
    margin-top: 8px;
  }

  .benefits-item-wrap.margin-120 {
    margin-bottom: 5rem;
  }

  ._3-col-grid {
    margin-top: 3rem;
  }

  ._2-col-grid {
    grid-column-gap: 4rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  ._5-col-grid {
    margin-top: 3rem;
  }

  .footer-content-bottom-2 {
    flex-wrap: wrap-reverse;
  }

  .demo-req-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .max-576px.align-centre {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .benepass-icon-demo.tablet-hidden {
    display: none;
  }

  .demo-form-wrap {
    max-width: none;
    padding-left: 0;
    top: 0;
  }

  .demo-form-wrap.no-padding-top {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    box-shadow: 0 -2px 6px #0000000d, 0 10px 15px #00000005;
  }

  .demo-form-heading.tablet-hidden {
    display: none;
  }

  .demo-form-heading.desktop-hidden {
    color: var(--razzmatazz);
    text-align: left;
    letter-spacing: .4px;
    margin-bottom: 2rem;
    display: block;
  }

  .demo-form-heading.mobile-only {
    color: var(--razzmatazz);
    text-align: left;
    letter-spacing: .4px;
    margin-bottom: 2rem;
    display: none;
  }

  .demo-form-mega-wrap {
    border-left-style: none;
    display: block;
  }

  .abs-form-bg {
    top: -8%;
    right: -2.5%;
  }

  .abs-form-bg.higher-tablet {
    top: -30%;
    right: 1%;
  }

  .abs-form-bg.higher-tablet.left-align {
    background-color: var(--razzmatazz);
    border-radius: 50%;
    width: 96px;
    height: 96px;
    inset: 0% auto auto 0%;
  }

  ._4-col-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .block-desktop {
    display: inline-block;
  }

  .navbar-new {
    padding-left: 5%;
    padding-right: 5%;
  }

  .navbar-wrapper {
    align-items: center;
  }

  .nav-menu {
    background-color: var(--midnight-blue);
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    overflow: scroll;
  }

  .nav-link-new {
    border-bottom-width: 3px;
    justify-content: center;
  }

  .nav-link-new.border-white, .nav-link-new.border-blue {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .nav-link-wrap {
    border-bottom: 1px solid #fff6;
    width: 100%;
    margin-bottom: 0;
    margin-right: 0;
  }

  .nav-link-wrap.last {
    border-bottom-color: #fff0;
  }

  .nav-button-wrap {
    grid-template-columns: auto;
    justify-content: center;
    padding-top: 1.5rem;
    padding-bottom: 19rem;
  }

  .nav-button-wrap.adjust {
    padding-top: 1.5rem;
    padding-bottom: 16rem;
  }

  .nav-mega-menu {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    height: auto;
    margin-top: 0;
    position: relative;
  }

  .nav-mega-menu.height-none {
    border-bottom-style: none;
    overflow: auto;
  }

  .nav-mega-menu.height-none.test {
    border-radius: 0;
    display: none;
  }

  .mega-menu-content {
    grid-column-gap: 4rem;
    border-radius: 0;
    flex-flow: column;
    max-width: 100%;
    display: flex;
  }

  .mega-menu-content._6-column {
    grid-template-columns: auto auto auto;
  }

  .mega-menu-link-block {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 400;
  }

  .text-color-neutral-800 {
    color: var(--white);
  }

  .navbar-new-white {
    padding-left: 24px;
    padding-right: 24px;
  }

  .nav-mega-menu-2 {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    height: auto;
    margin-top: 0;
    position: relative;
  }

  .nav-mega-menu-2.height-none {
    border-bottom-style: none;
    display: block;
    overflow: auto;
  }

  .nav-mega-menu-2.height-none.test {
    border-radius: 0;
    display: block;
  }

  .nav-link-wrap-2 {
    border-bottom: 1px solid #fff6;
    margin-right: 0;
  }

  .div-block-6 {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    min-height: 0;
  }

  .div-block-10 {
    display: none;
  }

  .div-block-12 {
    margin-top: 40px;
  }

  .image-12 {
    top: 0;
  }

  .div-block-16 {
    max-width: 100%;
  }

  .list-3 {
    padding-left: 20px;
  }

  .div-block-23, .div-block-24, .image-14 {
    display: none;
  }

  .benefit-flex {
    grid-column-gap: 80px;
    width: 100%;
  }

  .div-block-28 {
    flex-direction: column;
  }

  .div-block-29 {
    width: 100%;
  }

  .div-block-30 {
    order: -1;
    width: 100%;
    margin-bottom: 58px;
  }

  .div-block-35 {
    width: 80%;
  }

  .div-block-37.slide {
    grid-column-gap: 0px;
  }

  .div-block-39 {
    align-items: center;
    top: 50px;
    left: -30px;
  }

  .div-block-39.lsa-label-3 {
    left: -40px;
  }

  .heading-25 {
    max-width: 100%;
  }

  .div-block-44 {
    flex-direction: column;
  }

  .div-block-45 {
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 0;
    margin-bottom: 48px;
    display: flex;
    overflow: hidden;
  }

  .div-block-46 {
    max-width: 100%;
  }

  .image-22.image-1 {
    opacity: 0;
    width: 118%;
    max-width: none;
    height: 100%;
    max-height: none;
  }

  .image-23.image-2.image {
    opacity: 0;
    max-width: none;
    max-height: none;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .image-23.image-3 {
    opacity: 0;
    max-width: none;
    max-height: none;
  }

  .image-23.image-4 {
    opacity: 0;
    max-width: none;
    max-height: none;
    position: static;
  }

  .image-24 {
    text-align: left;
    object-fit: cover;
    object-position: 50% 0%;
    max-width: none;
    height: 100%;
    display: none;
    overflow: visible;
  }

  .image-25 {
    object-fit: contain;
    width: 100%;
    display: block;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .fs-styleguide_4-col {
    grid-template-columns: 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h2.is-benepass-difference {
    font-size: 3rem;
  }

  .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-section-large.benefits {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-xlarge.tablet-hidden, .padding-bottom.padding-small.tablet-hidden {
    display: none;
  }

  .padding-bottom.padding-medium.no-change {
    padding-bottom: 2rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .footer_top-wrapper {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .footer_menu-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
  }

  .footer_link-list-wrapper._2-cols {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer_blog-item-wrapper {
    align-items: center;
  }

  .footer_blog-image.hide-mobile-portrait {
    width: 96px;
    height: 96px;
  }

  .footer_blog-content-wrapper {
    padding-top: 0;
    padding-bottom: 1rem;
  }

  .footer_blog-icon {
    color: var(--indigo-70);
  }

  .footer_blog-text {
    color: var(--indigo-40);
  }

  .footer_bottom-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .section_home-hero {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .section_home-hero.ab-test {
    background-image: url('../images/lines.webp');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 90%;
    background-attachment: scroll;
  }

  .header-v2_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .header-v2_image-wrapper {
    justify-content: center;
    align-items: center;
    padding-left: 6rem;
    display: flex;
    position: relative;
  }

  .header-v2_image {
    z-index: 1;
    max-width: 100%;
    position: relative;
  }

  .hero_dots-background {
    bottom: -10%;
  }

  .section_home-table {
    background-size: auto;
    margin-top: -.25rem;
  }

  .logo_list {
    grid-template-columns: 13rem 13rem 13rem 13rem 13rem 13rem;
  }

  .tab-card-wrapper, .home_tab-grid, .information_component {
    grid-template-columns: 1fr;
  }

  .information-card {
    align-items: flex-start;
  }

  .information-card-small-wrapper {
    margin-bottom: 1.5rem;
  }

  .awards_list {
    grid-column-gap: 2rem;
  }

  .cta_card {
    padding: 3rem;
  }

  .blog_heading-wrapper {
    grid-column-gap: 3rem;
  }

  .blog_heading {
    margin-right: 3rem;
  }

  .blog_button-row {
    flex: none;
  }

  .blog_component {
    padding-left: 0;
    padding-right: 0;
  }

  .blog_mask {
    width: 50%;
  }

  .blog_arrow.left {
    right: 8%;
  }

  .hero_lines-mobile-image {
    max-width: 80%;
    display: block;
    position: absolute;
    inset: -10% 0% 0% 5%;
  }

  .rotating-wrap {
    width: 100%;
  }

  .abstract_lines-image-1 {
    max-width: 9%;
  }

  .abstract_lines-image-2 {
    max-width: 8%;
    top: 22rem;
  }

  .tab-slider_component {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .header_image.is-benefits, .header_image.is-benefits-utilization, .header_image.is-meet-employees {
    width: 37rem;
    max-width: 63vw;
  }

  .header_image.is-recruit {
    width: 37rem;
    max-width: 63vw;
    top: -5rem;
  }

  .header_image.is-streamline {
    object-fit: contain;
  }

  .header_image.is-company-value {
    width: 32rem;
    bottom: -3.2rem;
    right: -3rem;
  }

  .header_image-mask {
    width: 110%;
    margin-left: -5%;
  }

  .four-column-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .faq_rich-text h2 {
    margin-bottom: 18px;
  }

  .faq_rich-text h3 {
    margin-top: 45px;
    margin-bottom: 18px;
  }

  .faq_rich-text p {
    margin-bottom: 28px;
  }

  .faq_rich-text h4, .faq_rich-text h5, .faq_rich-text h6 {
    margin-top: 45px;
  }

  .faq_rich-text ul, .faq_rich-text ol {
    margin-top: 28px;
    margin-bottom: 28px;
  }

  .faq_rich-text figcaption {
    margin-top: 28px;
  }

  .faq_rich-text blockquote {
    margin-bottom: 57px;
  }

  .marquee-logos-wrapper {
    min-width: 700%;
  }

  .marquee-image.smaller {
    height: 1.5rem;
  }

  .text-container-800px {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }

  .table-grid {
    width: 1150px;
  }

  .table-scroll-wrapper {
    padding-bottom: 1rem;
    padding-right: 4rem;
    position: relative;
    overflow: auto;
  }

  .table-overlay {
    pointer-events: none;
    background-image: linear-gradient(to right, #0000 85%, #fff);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .table-outer-wrapper {
    position: relative;
  }

  .blog-post-about-top-divider-2 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .card-2.about-author {
    margin-top: 60px;
  }

  .section-13 {
    padding-top: 144px;
    padding-bottom: 144px;
  }

  .section-13.blog-post {
    padding-top: 112px;
  }

  .div-block-53 {
    display: none;
  }

  .information-card-2 {
    align-items: flex-start;
  }

  .benefits-highlight-image {
    display: block;
  }

  .blog-content-grid {
    grid-template-columns: 1fr;
  }

  .blog-content-grid.no-table-contents {
    padding-left: 0%;
    padding-right: 0%;
  }

  .hero-home-for-ab {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-items: start;
    min-height: auto;
  }

  .container-2 {
    max-width: 728px;
  }

  .testimonial-grid {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-main-image {
    width: 300px;
    height: 350px;
  }

  .hero-ab-testimonial {
    max-width: 100%;
    margin-top: 2rem;
    position: static;
  }

  .hero-ab-testimonial-inner {
    border-radius: .5rem;
  }

  .mega-menu-links-wrapper {
    flex-flow: column;
    display: flex;
  }

  .mega-menu-higlight {
    order: -1;
  }

  .mega-menu-highlight-button {
    display: none;
  }

  .mega-menu-link-text {
    max-width: 100%;
  }

  .mega-menu-mobile-link {
    display: block;
  }

  .form {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1.4fr;
  }

  .ebook-category-pill {
    color: #211c5c;
    background-color: #dedeeb;
    border-radius: .25rem;
    padding: .5rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
  }

  .ebook-tablet-hero-wrapper {
    z-index: 3;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 3rem 5%;
    display: flex;
    position: relative;
  }

  .ebook-blue-overlay {
    z-index: 2;
    background-color: #211c5ccc;
    width: 100%;
    height: 100%;
    position: absolute;
  }

  .ebook-tablet-h1 {
    color: #fff;
    margin-bottom: 0;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.5em;
  }

  .ebook-paragraph {
    color: #fffc;
    line-height: 1.5;
  }

  .ebook-hero-button {
    color: #211c5c;
    text-align: center;
    background-color: #fff;
    border-radius: .25rem;
    width: 164px;
    margin-top: .5rem;
    padding: .9rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
  }

  .demo-request-form-p {
    color: #4b5166d9;
    border-top-style: solid;
    margin-top: 1rem;
    margin-bottom: .75rem;
    padding-top: 1rem;
    font-size: 1.125rem;
  }

  .demo-request-form-link {
    color: #211c5cbf;
  }

  .demo-employee-wrapper {
    border-bottom: 1px solid #e3e8ef;
    max-width: 500px;
    margin: 2rem auto 1.5rem;
    padding-bottom: 1rem;
    padding-right: 0;
  }

  .lsa-slider-p.new {
    max-width: 400px;
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .lsa-slider-outer-wrapper {
    max-width: 649px;
  }

  .lsa-slider-slide {
    justify-content: space-between;
    max-width: 649px;
  }

  .lsa-slider-change-wrapper {
    width: 733px;
  }

  .benchmark-screen._1st.is-active {
    padding-left: 5%;
    padding-right: 5%;
  }

  .benchmark-screen._1st.is-active.zoom {
    height: 100%;
    transform: translate(0, -5%)scale(.65);
  }

  .benchmark-p.hide, .benchmark-p.hide-till-mobile {
    display: none;
  }

  .starter-screen._0nd.zoom {
    height: 100%;
    transform: scale(.65);
  }

  .benchmark-pills-inner-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .benchmark-body.no-gradient {
    justify-content: center;
    align-items: center;
  }

  .value-grid {
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
  }

  .prev-pill {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 2rem;
  }

  .prev-pill.embed {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }

  .next-pill {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 2rem;
  }

  .next-pill.embed {
    margin-bottom: 0;
    padding-bottom: 1rem;
  }

  .pause-button.embed-only {
    margin-bottom: 1rem;
  }

  .welcome-benefits-wrapper {
    grid-template-columns: 1fr;
    max-width: 350px;
  }

  .welcome-form-wrap {
    max-width: none;
    top: 0;
  }

  .welcome-form-wrap.no-padding-top {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    box-shadow: 0 -2px 6px #0000000d, 0 10px 15px #00000005;
  }

  .welcome-form-heading.tablet-hidden {
    display: none;
  }

  .welcome-form-heading.desktop-hidden {
    color: var(--razzmatazz);
    text-align: left;
    letter-spacing: .4px;
    margin-bottom: 2rem;
    display: block;
  }

  .welcome-form-heading.mobile-only {
    color: var(--razzmatazz);
    text-align: left;
    letter-spacing: .4px;
    margin-bottom: 2rem;
    display: none;
  }

  .code-embed-3 {
    height: 60vh;
  }

  .section-hero {
    padding-top: 3rem;
    display: block;
  }

  .home-hero-h1 {
    margin-bottom: .75rem;
    font-size: 2.5rem;
  }

  .hero-p {
    margin-bottom: 1.25rem;
  }

  .hero-card-inner-wrapper {
    max-width: 350px;
  }

  .marquee-hero-image.smaller {
    height: 1.5rem;
  }

  .h2-new-style {
    max-width: 550px;
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .h2-new-style.white.exta-padding {
    max-width: 400px;
    margin-bottom: 2rem;
  }

  .padding-section-features {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .feature-h3 {
    font-size: 1.75rem;
  }

  .feature-p {
    max-width: 340px;
    font-size: 1rem;
  }

  .feature-text-wrapper {
    z-index: 2;
    max-width: 40%;
    position: relative;
  }

  .feature-image, .feature-image.flexibility {
    width: 60%;
    right: -10%;
  }

  .feature-image.attract-talent {
    height: 100%;
    right: 0%;
  }

  .feature-image.admin {
    max-width: 45%;
    bottom: 0%;
  }

  .feature-image.champion {
    max-width: 50%;
  }

  .padding-section-numberes {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .number-h2 {
    max-width: 400px;
    font-size: 2rem;
  }

  .number-p-wrapper {
    margin-bottom: 1.5rem;
    font-size: 1rem;
  }

  .numbers-grid {
    flex-flow: column;
  }

  .numbers-left-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: grid;
  }

  .numbers-right-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .numbers-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 1.5rem;
  }

  .number-h3.bigger {
    max-width: 214px;
    font-size: .875rem;
  }

  .number-h3.smaller {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    font-size: .875rem;
    display: flex;
  }

  .number-highlight {
    font-size: 32px;
  }

  .number-highlight.red, .number-highlight.purple {
    font-size: 2rem;
  }

  .number-card-image {
    max-width: 200px;
    top: 50%;
    transform: translate(25%, -50%);
  }

  .number-feature-wrap.not-relative {
    position: static;
  }

  .number-phone-image {
    max-width: 125px;
    transform: translate(0%, -25%);
  }

  .padding-section-testimonials {
    padding-top: 0;
    padding-bottom: 0;
  }

  .testimonials-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .testimonials-text-wrapper {
    margin-bottom: 2rem;
  }

  .testimonoials-h2 {
    font-size: 2rem;
  }

  .awards-wrapper {
    max-width: none;
  }

  .testimonials-track-wrapper {
    width: 100%;
    padding-bottom: 3rem;
  }

  .testimonials-track.top, .testimonials-track.bottom {
    flex-flow: row;
    flex: none;
    width: auto;
    padding-bottom: 0;
    padding-right: 1rem;
  }

  .testimonial-track-inner-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
    position: relative;
  }

  .div-block-60 {
    width: 100%;
    padding: 3rem;
  }

  .testimonial-wrapper {
    flex: none;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 250px;
    max-width: 350px;
  }

  .testimonial-wrapper.number {
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 300px;
  }

  .testimonials-text-inner-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .testimonials-callout {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    margin-bottom: 0;
    font-size: 16px;
    display: flex;
  }

  .testimonials-highlight {
    font-size: 2.2rem;
  }

  .testimonials-quote {
    margin-top: auto;
  }

  .testimonials-track-inner.top {
    flex-flow: row;
    width: 100%;
    height: auto;
  }

  .testimonials-track-inner.bottom {
    flex-flow: row;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
  }

  .section-hub.grey {
    overflow: hidden;
  }

  .hub-wrapper {
    grid-template-columns: 1fr;
  }

  .hub-wrapper.target-hub-wrapper.swiper-enabled {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .hub-item {
    flex: none;
    width: 100%;
  }

  .hsa-pill {
    top: -30%;
    left: 5%;
  }

  .hra-pill {
    bottom: 10%;
    left: 5%;
    right: auto;
  }

  .commuter-pill {
    bottom: -25%;
    left: 0%;
  }

  .lsa-pill {
    top: 10%;
    left: 10%;
  }

  .wellness-stipend-wellness {
    top: 20%;
    right: -1%;
  }

  .pill-rewards {
    bottom: -50%;
    left: 10%;
    right: auto;
  }

  .family-pill {
    bottom: -35%;
  }

  .prof-pill {
    top: auto;
    bottom: -25%;
    left: 25%;
  }

  .work-home-pill {
    top: auto;
    bottom: 10%;
    right: -2%;
  }

  .food-benefit {
    bottom: -60%;
    right: 15%;
  }

  .blog-top-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: wrap;
  }

  .hub-navigation.tablet {
    display: flex;
  }

  .gpt-heading {
    max-width: 600px;
    font-size: 3rem;
  }

  .gpt-subhead {
    text-align: center;
    max-width: 500px;
  }

  .gpt-hero-p {
    max-width: 550px;
    font-size: .875rem;
  }

  .blog-wrapper {
    overflow: visible;
  }

  .gpt-note {
    font-size: .875rem;
  }

  .section_why-benepass {
    padding-top: 3rem;
    display: block;
  }

  .subheader.new {
    max-width: 400px;
    margin-bottom: 2rem;
    font-size: 1rem;
  }

  .why-benepass-wrapper {
    grid-template-columns: 1fr;
    max-width: none;
  }

  .why-benepass-wrapper._4-cols {
    grid-template-columns: 1fr 1fr;
  }

  .why-benepass-wrapper._3-cols {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section-about-benepass {
    padding-top: 3rem;
    display: block;
  }

  .about-benepass-grid {
    grid-template-columns: 1fr;
  }

  .h1-new-style {
    max-width: none;
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .h1-new-style.white.exta-padding {
    max-width: 400px;
    margin-bottom: 2rem;
  }

  .benepass-card {
    border-style: none;
    padding: 0;
  }

  .benepass-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    max-width: none;
  }

  .div-block-62 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .mutual-clients-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .usps-grid {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: none;
  }

  .resource-image {
    height: 150px;
  }

  .resources-grid {
    grid-template-columns: 1fr 1fr 1fr;
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-bottom: 16px;
    font-size: 47px;
  }

  h2 {
    margin-bottom: 10px;
    font-size: 28px;
  }

  h3 {
    font-size: 23px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    padding: 44px 55px 44px 49px;
    font-size: 18px;
  }

  .container-default.flex-vertical {
    padding-top: 110px;
  }

  .container-default.default-padding.center-flex {
    padding-top: 72px;
    padding-bottom: 120px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .paragraph-large.home-hero {
    margin-bottom: 35px;
  }

  .paragraph-large.blog-hero {
    margin-bottom: 40px;
  }

  .paragraph-large.plan-page-about-summary {
    margin-bottom: 35px;
  }

  .button-primary.full-width.card-pricing-plan {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .button-primary.header-button {
    display: none;
  }

  .button-primary.header-button-mobile {
    border-radius: 6px;
  }

  .button-secondary.category {
    align-self: flex-start;
  }

  .nav-item-wrapper {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .nav-link {
    font-size: 22px;
  }

  .menu-button {
    width: 45px;
    min-width: 45px;
    height: 45px;
    margin-left: 0;
  }

  .footer_component {
    padding-top: 39px;
    padding-bottom: 23px;
  }

  .footer-logo {
    margin-bottom: 32px;
  }

  .section {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .section.checkout-hero {
    padding-top: 80px;
    padding-bottom: 64px;
  }

  .section.home-hero {
    padding-top: 90px;
    padding-bottom: 46px;
  }

  .section.home-create-account {
    padding-bottom: 77px;
  }

  .section.about-hero {
    padding-top: 90px;
  }

  .section.blog-hero {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.blog, .section.blog-post {
    padding-top: 90px;
  }

  .section.plan {
    padding-top: 90px;
    padding-bottom: 83px;
  }

  .section.careers-hero {
    padding-top: 90px;
    padding-bottom: 51px;
  }

  .section.practice-preach {
    padding-bottom: 90px;
  }

  .section.career {
    padding-top: 90px;
    padding-bottom: 64px;
  }

  .section.more-positions {
    padding-top: 74px;
    padding-bottom: 82px;
  }

  .section.features {
    padding-top: 90px;
  }

  .section.features-cta {
    padding-bottom: 90px;
  }

  .section.feature-hero {
    padding-top: 90px;
    padding-bottom: 77px;
  }

  .section.featured-on {
    padding-top: 51px;
    padding-bottom: 51px;
  }

  .section.integrations {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.integrations-cta {
    padding-bottom: 77px;
  }

  .section.more-integrations {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.integration {
    padding-top: 76px;
    padding-bottom: 95px;
  }

  .section.contact {
    padding-top: 90px;
    padding-bottom: 102px;
  }

  .section.more-contact, .section.faqs {
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .section.pricing-category, .section.integrations-category, .section.blog-category {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .section.team {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.team-articles {
    padding-top: 64px;
    padding-bottom: 90px;
  }

  .section.feature-row {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .section.wellness {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .section.benefits-info {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .utility-page-wrap {
    min-height: 800px;
  }

  .utility-page-wrap.protected-page {
    min-height: 720px;
  }

  .utility-page-content-password {
    padding-left: 32px;
    padding-right: 32px;
  }

  ._404-title {
    margin-bottom: 25px;
    font-size: 117px;
  }

  .divider.blog-section-item-divider, .divider.blog-post-item-divider {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .divider.contact {
    width: 100%;
    height: 1px;
    margin: 40px 0;
  }

  .paragraph.analytics-user, .paragraph.analytics-campaigns, .paragraph.card-apply {
    margin-bottom: 25px;
  }

  .paragraph.feature {
    max-width: 402px;
    margin-bottom: 20px;
  }

  .paragraph.start-tracking {
    margin-bottom: 35px;
  }

  .paragraph.card-integration, .paragraph.card-integration-section {
    max-width: 457px;
    margin-bottom: 20px;
  }

  .paragraph.faqs {
    margin-left: 20px;
    margin-right: 20px;
  }

  .paragraph.card-team-bio-summary {
    margin-bottom: 30px;
  }

  .paragraph-small.small-print {
    font-size: 14px;
  }

  .paragraph-small.more-contact {
    max-width: 368px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .card.bg-neutral-200.cta {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card.bg-neutral-200.sign-up {
    padding: 61px 40px;
  }

  .card.bg-neutral-200.blog-newsletter {
    padding: 51px 40px;
  }

  .card.bg-neutral-200.get-plan-mobile {
    flex-direction: column;
    align-items: stretch;
    min-height: 440px;
    margin-bottom: 51px;
    padding-top: 40px;
    padding-bottom: 42px;
  }

  .card.bg-neutral-200.apply {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card.bg-neutral-200.feature {
    flex-direction: column;
  }

  .card.bg-neutral-200.more-contact {
    padding-top: 35px;
    padding-bottom: 45px;
  }

  .card.bg-neutral-200.employee-banner-cta {
    background-image: linear-gradient(#211c5ce6, #211c5ce6), url('../images/company__logos.png');
    background-position: 0 0, -250%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 500px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card.about-news {
    padding-bottom: 40px;
  }

  .card.about-author {
    flex-direction: column;
    padding: 48px 44px;
  }

  .card.pricing-plan {
    flex-direction: column;
    display: block;
  }

  .card.integration, .card.integration-section {
    padding-bottom: 45px;
  }

  .card.contact-form {
    min-height: 729px;
    padding: 50px 32px;
  }

  .card.faq {
    padding: 28px 32px;
  }

  .card.team {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-bottom: 0;
    padding: 48px 44px;
  }

  .card.default {
    padding: 50px 30px;
  }

  .checkout-form {
    padding-top: 64px;
    padding-bottom: 90px;
  }

  .checkout-block-header, .checkout-block-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .title.order-item {
    font-size: 19px;
  }

  .title.cta {
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .title.analytics-user {
    margin-bottom: 10px;
  }

  .title.h4-size {
    font-size: 18px;
  }

  .title.h4-size.plan-features-title {
    margin-bottom: 16px;
  }

  .title.h4-size.perk {
    margin-bottom: 6px;
  }

  .title.h4-size.contact-link {
    margin-bottom: 4px;
  }

  .title.h4-size.more-contact {
    margin-bottom: 8px;
  }

  .title.steps {
    text-align: left;
  }

  .title.blog-section-item-title {
    max-width: 100%;
  }

  .title.analytics-campaigns, .title.about-h2, .title.blog-hero {
    margin-bottom: 10px;
  }

  .title.blog {
    margin-bottom: 32px;
  }

  .title.blog-post-item-title {
    max-width: 460px;
  }

  .title.h3-size {
    font-size: 23px;
  }

  .title.h3-size.card-about-author {
    margin-bottom: 4px;
  }

  .title.card-pricing-plan-name {
    margin-bottom: 10px;
  }

  .title.h1-size {
    font-size: 47px;
  }

  .title.h1-size.plan-title {
    margin-right: 8px;
  }

  .title.h1-size.integration {
    font-size: 38px;
  }

  .title.perks {
    margin-bottom: 10px;
  }

  .title.careers {
    margin-bottom: 15px;
  }

  .title.job-requirements, .title.job-responsabilities {
    margin-bottom: 10px;
  }

  .title.features {
    margin-bottom: 16px;
  }

  .title.feature-hero {
    margin-bottom: 20px;
  }

  .title.start-tracking {
    max-width: 475px;
    margin-bottom: 10px;
  }

  .title.available-integrations {
    margin-bottom: 30px;
  }

  .title.not-found, .title.h2-size {
    font-size: 28px;
  }

  .title.dropdown-nav-title {
    margin-bottom: 30px;
  }

  .title.h6-size {
    font-size: 14px;
  }

  .title.feature-title {
    margin-bottom: 10px;
  }

  .title.legal {
    margin-bottom: 50px;
  }

  .title.who-we-are {
    margin-bottom: 10px;
  }

  .title.benefits {
    margin-bottom: 1rem;
  }

  .title.footer-nav-title {
    margin-bottom: 30px;
  }

  .title.footer-nav-title.newsletter {
    margin-bottom: 20px;
  }

  .title.demo-request {
    font-size: 44px;
  }

  .title.preacg {
    margin-bottom: 10px;
  }

  .split-content.cta-left {
    margin-bottom: 50px;
  }

  .split-content.careers-hero-left {
    margin-bottom: 35px;
  }

  .split-content.career-content {
    margin-bottom: 0;
  }

  .split-content.more-positions-left {
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .split-content.more-positions-right {
    margin-bottom: 30px;
  }

  .split-content.start-tracking-left {
    margin-bottom: 50px;
  }

  .split-content.more-integrations-left {
    margin-bottom: 30px;
    margin-right: 20px;
  }

  .split-content.more-integrations-right {
    margin-bottom: 30px;
  }

  .split-content.contact-left {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .split-content.team-articles-left {
    margin-bottom: 35px;
  }

  .split-content.dropdown-features-left {
    margin-bottom: 25px;
    margin-right: 20px;
  }

  .split-content.cta-half {
    width: auto;
    max-width: 90%;
  }

  .checkout-row {
    flex-direction: column;
  }

  .image-wrapper.blog-section-item-image {
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .image-wrapper.blog-post-item-image {
    align-self: flex-start;
    width: 100%;
  }

  .image-wrapper.about-author {
    width: 144px;
    min-width: 144px;
    height: 144px;
    margin-bottom: 25px;
    margin-right: 0;
  }

  .image-wrapper.blog-post-author-image {
    margin-right: 10px;
  }

  .image-wrapper.card-team {
    max-width: 250px;
  }

  .image.home-hero-2 {
    left: 0;
  }

  .image.analytics-campaigns {
    max-width: 100%;
  }

  .image.analytics-user-1 {
    max-width: 70%;
  }

  .image.analytics-user-2 {
    width: 35%;
  }

  .image.cta-2 {
    width: 33%;
  }

  .image.cta-3 {
    width: 35%;
  }

  .image.blog-section-item-image {
    aspect-ratio: 3 / 2;
    width: 100%;
  }

  .image.blog-post {
    margin-bottom: 69px;
  }

  .image.about-author {
    max-width: 173px;
  }

  .image.perk-icon {
    margin-right: 30px;
  }

  .image.feature {
    width: 447px;
  }

  .image.feature-hero-2, .image.feature-hero-3 {
    max-width: 30%;
  }

  .image.advanced-analytics-icon {
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 8px;
  }

  .image.start-tracking-1 {
    width: 100%;
    max-width: 80%;
    margin-right: 0;
  }

  .image.start-tracking-2 {
    max-width: 50%;
  }

  .image.integration-main-image {
    border-radius: 10px;
    margin-bottom: 89px;
  }

  .image.integration {
    width: 100px;
    min-width: 100px;
    height: 100px;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .image.features-image-item {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .image.feature-image {
    max-width: 100%;
    margin-bottom: 32px;
  }

  .image.ignore-section-padding {
    margin-top: -4rem;
    margin-bottom: -4rem;
  }

  .image.ignore-section-padding.no-bottom-padding {
    margin-bottom: 0;
  }

  .image.is-diagram {
    left: -2.25rem;
  }

  .image.is-your-program {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 3.5rem;
  }

  .home-hero-content {
    margin-bottom: 85px;
  }

  ._2-buttons-wrapper {
    align-self: flex-start;
  }

  .content-top.footer-content-top, .content-top.mission {
    flex-direction: column;
    align-items: stretch;
  }

  .content-top.more-positions {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .content-top.integrations {
    margin-bottom: 40px;
  }

  .content-top.integration {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 50px;
  }

  .content-top.more-integrations {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .content-top.integrations-category {
    margin-bottom: 40px;
  }

  .content-top.blog-category {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .content-top.team-articles {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 40px;
  }

  .content-top.values {
    flex-direction: column;
    align-items: stretch;
  }

  .content-top.webinars {
    flex-direction: column;
  }

  .container-medium-741px.home-analytics-tool {
    text-align: left;
    margin-bottom: 45px;
    margin-left: 0;
  }

  .home-hero-images-wrapper {
    margin-bottom: 99px;
  }

  .home-hero-logos-wrapper {
    margin-top: 56px;
  }

  .home-hero-logos-text {
    margin-bottom: 15px;
  }

  .steps-tabs-menu {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .home-analitics-tool-wrapper {
    margin-bottom: 45px;
  }

  .analytics-user-content-text {
    max-width: 647px;
    margin-bottom: 40px;
  }

  .analytics-user-images-wrapper {
    max-width: 100%;
    margin-bottom: 50px;
  }

  .step-tab-link {
    justify-content: flex-start;
  }

  .blog-section-grid {
    grid-row-gap: 54px;
    justify-items: stretch;
  }

  .blog-section-item-wrapper {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .blog-section-item-content-top {
    flex-wrap: wrap;
  }

  .blog-section-item-date {
    margin-bottom: 10px;
    margin-right: 20px;
  }

  .blog-section-item-time {
    margin-bottom: 10px;
  }

  .footer-content {
    margin-bottom: 61px;
  }

  .footer-nav-wrapper {
    flex-wrap: wrap;
    margin-bottom: 10px;
  }

  .footer-nav-box {
    margin-bottom: 40px;
  }

  .footer-newsletter-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .footer-newsletter-form-block {
    max-width: 611px;
  }

  .analytics-campaigns-content-text {
    max-width: 647px;
    margin-bottom: 40px;
  }

  .analytics-campaigns-content {
    flex-direction: column-reverse;
    align-items: stretch;
    margin-bottom: 50px;
  }

  .footer-newsletter-content-top {
    max-width: 350px;
    margin-bottom: 35px;
    margin-right: 0;
  }

  .about-hero-wrapper {
    margin-bottom: 84px;
  }

  .container-medium-786px.blog-hero {
    margin-bottom: 68px;
  }

  .container-medium-786px.features {
    margin-bottom: 40px;
  }

  .blog-grid {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
    max-width: 575px;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-grid._2-cols {
    flex-flow: column;
    display: flex;
  }

  .blog-post-item-wrapper.customer-story-wrapper {
    flex: 1;
  }

  .blog-post-item-content-top {
    flex-wrap: wrap;
  }

  .blog-post-item-date {
    margin-bottom: 10px;
    margin-right: 20px;
  }

  .blog-post-item-time {
    margin-bottom: 10px;
  }

  .blog-post-item-category {
    margin-top: 20px;
  }

  .category-wrapper {
    display: flex;
  }

  .rich-text h2 {
    margin-bottom: 16px;
  }

  .rich-text h3 {
    margin-top: 38px;
    margin-bottom: 16px;
  }

  .rich-text p {
    margin-bottom: 25px;
  }

  .rich-text h4, .rich-text h5, .rich-text h6 {
    margin-top: 38px;
  }

  .rich-text ul, .rich-text ol {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 30px;
  }

  .rich-text figcaption {
    margin-top: 23px;
  }

  .rich-text figure {
    margin-top: 45px;
    margin-bottom: 52px;
  }

  .rich-text blockquote {
    margin-top: 30px;
    margin-bottom: 47px;
  }

  .blog-post-content-top {
    margin-bottom: 57px;
  }

  .blog-post-about-top-wrapper {
    margin-bottom: 10px;
  }

  .blog-post-about-bottom-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .card-about-author-rol {
    margin-bottom: 10px;
  }

  .blog-post-date, .blog-post-time {
    font-size: 16px;
  }

  .blog-post-about-top-divider {
    margin-left: 25px;
    margin-right: 25px;
  }

  .card-pricing-plan-price {
    font-size: 31px;
  }

  .card-pricing-plan-content-top {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .card-pricing-plan-content-bottom {
    max-width: 459px;
  }

  .card-pricing-plan-wrapper {
    flex-direction: column;
    max-width: 524px;
    margin-left: auto;
    margin-right: auto;
  }

  .plan-title-wrapper {
    margin-bottom: 16px;
  }

  .plan-content-top {
    margin-bottom: 51px;
  }

  .get-plan-price {
    font-size: 32px;
  }

  .get-plan-content-top {
    max-width: 365px;
    margin-bottom: 35px;
    margin-right: 0;
  }

  .perks-grid {
    grid-template-columns: 1fr;
  }

  .container-medium-579px.advanced-analytics {
    max-width: 499px;
  }

  .about-career-wrapper {
    margin-bottom: 10px;
  }

  .more-positions-grid {
    grid-template-columns: 1fr;
  }

  .card-feature-content {
    width: 100%;
    max-width: 447px;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .container-medium-670px.feature-hero {
    margin-bottom: 50px;
  }

  .feature-hero-get-started-form-block {
    max-width: 611px;
  }

  .featured-on-text {
    margin-bottom: 25px;
  }

  .featured-on-grid {
    grid-row-gap: 32px;
    grid-template-columns: auto;
    justify-content: center;
  }

  .featured-on-logo {
    margin-bottom: 10px;
  }

  .advanced-analytics-grid {
    grid-column-gap: 35px;
    grid-row-gap: 40px;
    grid-template-columns: auto;
    grid-template-areas: "."
                         "."
                         "."
                         "."
                         "Area";
    justify-items: center;
  }

  .advanced-analytics-wrapper {
    flex-direction: column;
    max-width: 500px;
  }

  .start-tracking-user-grid {
    grid-row-gap: 30px;
    grid-template-columns: auto;
    margin-bottom: 35px;
  }

  .container-medium-648px.integrations {
    margin-bottom: 50px;
  }

  .integrations-grid {
    grid-template-columns: 1fr;
  }

  .integration-tabs, .integration-tabs-menu {
    margin-bottom: 40px;
  }

  .more-integrations-grid {
    grid-template-columns: 1fr;
  }

  .contact-title-wrapper {
    max-width: 575px;
  }

  .contact-links-grid {
    grid-row-gap: 25px;
  }

  .contact-form-grid {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .more-contact-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .container-medium-607px.faqs {
    margin-bottom: 40px;
  }

  .contact-link-icon {
    margin-right: 10px;
  }

  .more-contact-icon {
    margin-bottom: 10px;
  }

  .title-category-wrapper.pricing-category {
    margin-bottom: 50px;
  }

  .integrations-category-grid {
    grid-template-columns: 1fr;
  }

  .blog-category-grid {
    grid-row-gap: 54px;
    grid-template-columns: 1fr;
    max-width: 575px;
    margin-left: auto;
    margin-right: auto;
  }

  .card-team-rol {
    margin-bottom: 10px;
  }

  .dropdown-nav-box {
    margin-bottom: 35px;
  }

  .dropdown-menu-wrapper {
    padding-top: 35px;
  }

  .dropdown-nav-wrapper {
    flex-wrap: wrap;
  }

  .dropdown-arrow {
    font-size: 11px;
  }

  .dropdown-feature-link {
    margin-bottom: 25px;
  }

  .home-hero-column {
    padding-left: 0;
  }

  .line--cta {
    max-height: 290px;
    top: 3%;
  }

  .features-2-column-wrapper {
    flex-direction: column-reverse;
    align-items: stretch;
    margin-bottom: 50px;
  }

  .features-col-content {
    max-width: 647px;
    margin-bottom: 40px;
  }

  .about-row-flex-container, .about-row-flex-container.reverse {
    flex-direction: column;
  }

  .about-col {
    width: 80%;
  }

  .about-col.image {
    margin-bottom: 1rem;
  }

  .feature-row-flex-container, .feature-row-flex-container.reverse {
    flex-direction: column;
  }

  .feature-col {
    width: 80%;
  }

  .feature-col.image {
    margin-bottom: 1rem;
  }

  .features-row {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 50px;
  }

  .features-row.reverse {
    flex-direction: column;
  }

  .features-row.last--row {
    margin-bottom: 0;
  }

  .white-glove-feature-grid {
    grid-column-gap: 35px;
    grid-row-gap: 40px;
    grid-template-columns: auto;
    justify-items: center;
    margin-bottom: 40px;
  }

  .white-glove-feature-wrapper {
    flex-direction: column;
    max-width: 500px;
  }

  .white-gloves-image-container {
    display: none;
  }

  .logo-top-div {
    justify-content: space-between;
  }

  .logo-img.right-margin {
    width: 200px;
    margin-right: 0;
  }

  .logo-img.gradient {
    width: 200px;
  }

  .how-work-grid {
    grid-template-columns: 1fr 1fr;
    margin-top: 2rem;
  }

  .careers-hero-img {
    height: 350px;
  }

  .graphic-career {
    max-height: 700px;
  }

  .image-2 {
    left: -2%;
  }

  .text-block-4 {
    display: inline;
  }

  .text-block-4.desktop-text {
    display: none;
  }

  .link.banner-mobile-text {
    display: block;
  }

  .webinar-form-wrap.max-width-500 {
    width: 100%;
    max-width: 100%;
  }

  .webinar-form-wrap.webinar {
    width: 100%;
    max-width: 575px;
  }

  .webinar-heading {
    font-size: 1.5rem;
  }

  .logo-webinar {
    bottom: 50px;
    left: 88%;
  }

  .graphic-webinar {
    width: 60%;
  }

  .heading-wellness {
    font-size: 32px;
  }

  ._3-col-grid, ._2-col-grid, ._5-col-grid {
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .margin-bottom-48 {
    margin-bottom: 2rem;
  }

  .footer-content-bottom-2 {
    padding-top: 24px;
  }

  .footer-nav-link-2 {
    font-size: 16px;
  }

  .button-primary-2._2-buttons.footer-buttons {
    margin-bottom: 15px;
  }

  .benepass-icon-demo {
    margin-bottom: 3rem;
  }

  .demo-form-heading {
    font-size: 1.5rem;
  }

  .abs-form-bg.higher-tablet {
    width: 50px;
    display: none;
    right: -5%;
  }

  ._4-col-grid {
    grid-template-columns: 1fr;
  }

  .no-wrap-desktop {
    white-space: normal;
  }

  .nav-link-wrap {
    width: 100%;
  }

  .nav-mega-menu.height-none.test {
    display: flex;
  }

  .mega-menu-content._6-column {
    grid-column-gap: 1rem;
    grid-template-columns: auto auto auto;
  }

  .mega-menu-link-block {
    width: auto;
    font-size: 14px;
  }

  .nav-mega-menu-2.height-none {
    overflow: auto;
  }

  .nav-link-wrap-2 {
    width: 100%;
  }

  .grid {
    grid-template: "."
                   "Area"
                   / 1fr 1fr;
  }

  .collection-list-10 {
    grid-row-gap: 15px;
  }

  .collection-item-11 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-21 {
    padding-left: 0;
  }

  .collection-list-11 {
    grid-row-gap: 3rem;
  }

  .heading-20, .text-block-28 {
    text-align: center;
  }

  .benefit-flex {
    grid-column-gap: 0px;
    flex-direction: column;
  }

  .heading-21 {
    text-align: center;
    font-size: 32px;
  }

  .div-block-26 {
    width: 100%;
  }

  .div-block-27 {
    width: 100%;
    margin-top: 80px;
  }

  .text-block-29 {
    text-align: center;
    font-size: 16px;
  }

  .text-block-30 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
  }

  .heading-23, .text-block-31 {
    text-align: center;
  }

  .div-block-31 {
    align-self: center;
    width: 32px;
    margin-bottom: 24px;
    padding-right: 0;
  }

  .div-block-32 {
    flex-direction: column;
  }

  .div-block-33 {
    flex-direction: column;
    margin-top: 58px;
  }

  .image-16 {
    display: none;
  }

  .div-block-35 {
    width: 100%;
  }

  .div-block-36 {
    min-height: 912px;
  }

  .div-block-37.slide {
    flex-direction: column;
  }

  .text-block-34.for-mobile {
    text-align: center;
    margin-bottom: 64px;
    display: block;
  }

  .text-block-34.hide-mobile {
    display: none;
  }

  .div-block-39 {
    top: 120px;
  }

  .heading-24, .text-block-35 {
    text-align: center;
  }

  .text-block-36 {
    text-align: center;
    font-size: 18px;
  }

  .image-20 {
    margin-left: 0;
    transform: translate(20px);
  }

  .heading-25 {
    font-size: 32px;
  }

  .image-24 {
    display: none;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .heading-style-h4 {
    margin-bottom: 0;
    font-size: 1rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .fs-styleguide_version, .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h2, .heading-style-h2.is-benepass-difference {
    font-size: 2rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .fs-styleguide_heading-large {
    font-size: 3rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-section-medium {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-global.no-padding-landspace {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h5 {
    margin-bottom: 0;
    font-size: .875rem;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .footer_top-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .footer_logo-link {
    margin-bottom: 1.5rem;
    display: block;
  }

  .footer_menu-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .footer_link-list-mobile {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .footer_link-list-divider-mobile {
    background-color: #fff;
    width: 1px;
    height: 1.25rem;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .footer_link-list-wrapper._2-cols {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .footer_link-mobile-only {
    display: none;
  }

  .footer_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .footer_credit-text {
    margin-top: 0;
  }

  .footer_legal-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: max-content 1fr;
    grid-auto-flow: row;
  }

  .section_home-hero.ab-test {
    background-position: 50% 90%;
    background-size: 100%;
  }

  .header-v2_component {
    grid-row-gap: 3rem;
  }

  .header-v2_image {
    max-width: 100%;
  }

  .logo_list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .logo_wrapper {
    padding: .75rem 1rem;
  }

  .logo_image {
    max-height: 3rem;
  }

  .tabs_layout-menu {
    width: 100vw;
    margin-bottom: 3rem;
    margin-left: -5vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tabs_layout-menu.no-scrollbar {
    justify-content: flex-start;
  }

  .tabs_layout-menu.no-scrollbar.max-width-xlarge.align-center {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .tab_card {
    padding: 2rem;
  }

  .image-wrapper-wrap {
    padding: 0;
  }

  .information-icon {
    width: 2.5rem;
    height: 2.5rem;
  }

  .testimonial_component {
    padding-bottom: 3rem;
  }

  .testimonial_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial_client {
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .testimonial_client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .testimonial_client-info {
    margin-bottom: 1rem;
  }

  .awards_list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr;
  }

  .cta_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cta_card {
    padding: 2rem;
  }

  .blog_heading-wrapper {
    grid-row-gap: 2rem;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .blog_heading {
    margin-right: 0;
  }

  .blog_button-row {
    justify-content: flex-start;
    width: 100%;
  }

  .blog_button-row.show-mobile-landscape {
    margin-top: 2.5rem;
    display: flex;
  }

  .blog_component {
    padding-bottom: 6rem;
  }

  .blog_mask {
    width: 80%;
  }

  .blog_slide {
    padding-right: 1.5rem;
  }

  .blog_arrow.left {
    right: 12%;
  }

  .rotating-wrap {
    height: 45px;
  }

  .abstract_lines-image-1 {
    max-width: 6%;
    top: -2%;
  }

  .abstract_lines-image-2 {
    max-width: 5%;
    top: 23rem;
  }

  .tab-slider_component {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .content-wrapper.text-center-mobile, .content-wrapper.text-align-right {
    text-align: center;
  }

  .tab-slider_image {
    opacity: 1;
  }

  .swiper-slide.is-tabs {
    flex: none;
    max-width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
    position: relative;
  }

  .swiper-wrapper.is-tabs {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
  }

  .swiper.is-tabs {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-bottom: 3rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    overflow: hidden;
  }

  .tab-slider_content {
    text-align: center;
  }

  .tab-slider_number {
    font-size: 2.5rem;
  }

  .tab-slider_card {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    color: var(--neutral-800);
    border-style: none;
    border-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 0 3.5rem;
  }

  .tab-slider_card.is-active {
    border-width: 0;
    border-color: #000;
    padding-left: 3.5rem;
  }

  .header_image.is-benefits {
    width: 130%;
    max-width: 40rem;
    margin-bottom: -20rem;
    position: relative;
    top: 0;
    left: -15%;
  }

  .header_image.is-benefits-utilization {
    width: 100%;
    max-width: 40rem;
    margin-bottom: -20rem;
    position: relative;
    top: 0;
    left: -1.5rem;
  }

  .header_image.is-benefits-utilization.show-mobile-landscape {
    display: block;
  }

  .header_image.is-meet-employees {
    width: 100%;
    max-width: 40rem;
    height: auto;
    margin-bottom: -6rem;
    position: relative;
    top: 0;
    left: 0;
  }

  .header_image.is-recruit {
    width: auto;
    max-width: 100vw;
    height: auto;
    margin-bottom: -20rem;
    margin-left: -1.25rem;
    position: relative;
    top: 0;
    left: 0;
  }

  .header_image.is-recruit.show-mobile-landscape {
    display: block;
  }

  .header_image.is-streamline {
    width: 100%;
    height: auto;
    margin-bottom: -6rem;
    position: relative;
    left: 1.25rem;
  }

  .header_image.is-company-value {
    width: 135%;
    max-width: none;
    height: auto;
    margin-bottom: -9rem;
    position: relative;
    bottom: 0;
    left: -5rem;
  }

  .section_scalable, .section_flexible, .section_engaging {
    overflow: hidden;
  }

  .security-image {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    top: 0;
  }

  .checkmark_component {
    text-align: center;
  }

  .checkmark_component.is-center-mobile {
    justify-content: center;
  }

  .swiper-button-next {
    z-index: 999;
    width: 1rem;
    height: 1rem;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    bottom: 10%;
    right: 1.5rem;
  }

  .swiper-pagination {
    color: var(--neutral-800);
    display: block;
  }

  .swiper-button-prev {
    width: 1rem;
    height: 1rem;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    bottom: 10%;
    left: 2.5rem;
  }

  .tab-slider_image-wrapper {
    width: 100%;
    padding-top: 85%;
    position: relative;
  }

  .how-it-works-image {
    display: none;
  }

  .how-it-works-image.mobile {
    display: block;
  }

  .beneftits-cta_component {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .beneftits-cta_left-image {
    height: 70%;
  }

  .beneftits-cta_right-image {
    height: 80%;
  }

  .two-column-grid {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .header_overflow-bar {
    display: none;
  }

  .header_overflow-bar.show-mobile-landscape {
    display: block;
  }

  .header_grid {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .four-column-grid {
    grid-template-columns: 1fr 1fr;
  }

  .faq_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .faq_icon {
    width: 1.75rem;
  }

  .faq_rich-text h2 {
    margin-bottom: 16px;
  }

  .faq_rich-text h3 {
    margin-top: 38px;
    margin-bottom: 16px;
  }

  .faq_rich-text p {
    margin-bottom: 25px;
  }

  .faq_rich-text h4, .faq_rich-text h5, .faq_rich-text h6 {
    margin-top: 38px;
  }

  .faq_rich-text ul, .faq_rich-text ol {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 30px;
  }

  .faq_rich-text figcaption {
    margin-top: 23px;
  }

  .faq_rich-text figure {
    margin-top: 45px;
    margin-bottom: 52px;
  }

  .faq_rich-text blockquote {
    margin-top: 30px;
    margin-bottom: 47px;
  }

  .modal_content-wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal_heading {
    font-size: 1.25rem;
  }

  .modal_collection {
    width: 90%;
  }

  .hide-desktop {
    display: block;
  }

  .blog-author-image-wrapper {
    justify-content: center;
    align-items: center;
    width: 144px;
    height: 144px;
    display: flex;
  }

  .marquee-logos-wrapper {
    min-width: 900%;
  }

  .banner-link {
    align-items: center;
    display: none;
  }

  .padding-section-hero-home {
    padding-bottom: 4rem;
  }

  .table-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .table-avatar-wrapper {
    padding: 1.25rem 1rem;
  }

  .table-avatar {
    max-width: 3.25rem;
  }

  .avatar-p {
    width: 120px;
    font-size: 1rem;
  }

  .table-logo {
    font-size: .9rem;
  }

  .table-scroll-wrapper {
    padding-right: 2rem;
  }

  .blog-post-about-top-divider-2 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .collection-list-13 {
    grid-row-gap: 15px;
  }

  .card-2.about-author {
    flex-direction: column;
    margin-top: 50px;
    padding: 48px 44px;
  }

  .blog-post-date-2, .blog-post-time-2 {
    font-size: 16px;
  }

  .section-13 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .section-13.blog-post {
    padding-top: 90px;
  }

  .card-about-author-rol-2 {
    margin-bottom: 10px;
  }

  .image-27.about-author {
    max-width: 173px;
  }

  .difference-item-icon, .information-icon-2 {
    width: 2.5rem;
    height: 2.5rem;
  }

  .h2_benefits-highlight {
    font-size: 2rem;
  }

  .benefits-highlight-p {
    font-size: 1.5rem;
  }

  .benefits-highlight-image {
    display: none;
  }

  .image-28 {
    width: 100%;
  }

  .heading-for-ab {
    font-size: 2.5rem;
  }

  .hero-home-for-ab {
    grid-row-gap: 3rem;
  }

  .testimonial-column-dark {
    padding: 60px 15px;
  }

  .testimonial-main-image {
    width: 250px;
  }

  .hero-ab-image {
    width: 75%;
  }

  .hero-ab-testimonial {
    bottom: 10%;
  }

  .ebook-category-pill {
    font-size: .75rem;
  }

  .ebook-tablet-h1 {
    font-size: 1.5rem;
  }

  .ebook-paragraph {
    font-size: .875rem;
  }

  .padding-section-big {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .lsa-slider-wrapper {
    width: 100%;
    padding-bottom: 3.5rem;
  }

  .lsa-slider-slide {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    max-width: none;
    padding: 1.25rem;
  }

  .lsa-slider-slide-header {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .lsa-slide-header-person {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .lsa-slide-person-image {
    width: 3rem;
    height: 3rem;
  }

  .lsa-slide-person-name {
    font-size: 1.1255rem;
  }

  .lsa-slide-person-icon {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
  }

  .lsa-slide-person-icon-heading {
    font-size: .75rem;
  }

  .lsa-slide-description {
    line-height: 1.7rem;
  }

  .lsa-slider-benefits-wrapper {
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .lsa-slide-benefit {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    letter-spacing: 0;
    border-radius: .5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
  }

  .lsa-slide-benefit-header {
    font-size: 15px;
  }

  .lsa-slide-benefit-value {
    justify-content: flex-start;
    align-items: center;
    height: 32px;
    font-size: 1rem;
    display: flex;
    inset: 1rem 1.25rem auto auto;
    transform: none;
  }

  .lsa-slide-benefit-logo.xl-small {
    height: 1.5rem;
  }

  .lsa-slide-benefit-logo.warby-parker {
    height: .55rem;
  }

  .lsa-slide-benefit-logo.masterclass-logo, .lsa-slide-benefit-logo.cvs-pharmacy {
    height: .75rem;
  }

  .lsa-slide-benefit-logo.texas-med-clinic {
    height: 1.25rem;
  }

  .lsa-slide-benefit-spent-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-left: .25rem;
    padding-right: 0;
  }

  .lsa-slide-benefits-header-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    max-width: 80%;
  }

  .avatar-p-2 {
    width: 120px;
    font-size: 1rem;
  }

  .lsa-slider-change-wrapper {
    width: 4.5rem;
    inset: auto 0% 0% auto;
    transform: none;
  }

  .lsa-icon-wrapper {
    width: 1rem;
    height: 1rem;
    margin-top: -8px;
  }

  .lsa-icon-wrapper.calendar {
    margin-top: -7px;
  }

  .lsa-icon-wrapper.suitcase {
    margin-top: -8px;
  }

  .lsa-slider-pagination-wrapper {
    justify-content: flex-start;
    align-items: center;
    max-width: 300px;
    bottom: .5rem;
  }

  .benchmark-h1 {
    max-width: 500px;
    font-size: 2rem;
  }

  .benchmark-p, .benchmark-p.hide {
    display: inline-block;
  }

  .benchmark-p.hide-landscape, .benchmark-p.hide-till-mobile {
    display: none;
  }

  .benchmark-p-wrapper {
    text-align: center;
    max-width: 400px;
  }

  .benchmakr-highlight {
    white-space: nowrap;
    padding: 0 .25rem;
  }

  .starter-screen._0nd {
    padding-left: 5%;
    padding-right: 5%;
  }

  .inner-screen {
    max-width: 90vw;
  }

  .value-grid {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }

  .value-grid._3-col {
    grid-template-columns: 1fr;
  }

  .prev-pill, .next-pill {
    width: 3.5rem;
  }

  .benchmark-navigation {
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
  }

  .pause-button {
    width: 2.5rem;
    height: 2.5rem;
  }

  .pause-icon.pause {
    width: 1.5rem;
    height: 1.6rem;
  }

  .pause-icon.play {
    width: 1.5rem;
    height: 1.5rem;
  }

  .padding-section-welcome {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .welcome-h1 {
    font-size: 3rem;
  }

  .welcome-p {
    max-width: 390px;
  }

  .benepass-card-wrapper, .welcome-benefits-wrapper {
    margin-top: 3rem;
  }

  .welcome-h2 {
    font-size: 2.5rem;
  }

  .padding-section-welcome-form {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .welcome-form-heading {
    font-size: 1.5rem;
  }

  .banner-rolling-wrapper {
    font-size: .875rem;
  }

  .banner-rolling-item {
    padding-right: 3rem;
  }

  .section-hero {
    height: auto;
    min-height: auto;
    max-height: none;
    padding-bottom: 240px;
  }

  .home-hero-h1 {
    font-size: 2rem;
  }

  .hero-p {
    max-width: 387px;
    font-size: 1rem;
  }

  .hero-card-wrapper {
    margin-top: 7rem;
  }

  .hero-card-inner-wrapper {
    max-width: 300px;
  }

  .hero-marquee {
    margin-bottom: 0;
    padding-bottom: 2rem;
  }

  .h2-new-style.smaller.even-smaller, .h2-new-style.smaller-width {
    font-size: 2rem;
  }

  .h2-new-style.smaller-width.bigger {
    font-size: 1.75rem;
  }

  .feature-tab-pane {
    height: auto;
    padding: 2rem 2rem 15rem;
  }

  .feature-h3 {
    text-align: center;
    margin-top: 0;
    font-size: 2rem;
  }

  .feature-p {
    text-align: center;
    max-width: none;
  }

  .feature-text-wrapper {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    height: auto;
  }

  .feature-image {
    width: 100%;
    max-width: 80%;
    top: 50%;
    left: 10%;
    right: auto;
  }

  .feature-image.engagement {
    width: 15rem;
    max-width: none;
    height: auto;
    inset: auto auto -5% 50%;
    transform: translate(-50%);
  }

  .feature-image.flexibility {
    top: 60%;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .feature-image.attract-talent {
    max-width: 20rem;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
  }

  .feature-image.admin {
    width: 25rem;
    max-width: none;
    height: auto;
    bottom: -20%;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }

  .feature-image.champion {
    width: 20rem;
    max-width: none;
    inset: 50%;
    transform: translate(-50%);
  }

  .feature-inner-wrapper {
    flex-flow: column;
    height: auto;
  }

  .numbers-grid {
    flex-flow: column-reverse;
  }

  .numbers-left-wrapper, .numbers-right-wrapper {
    grid-template-columns: 1fr;
  }

  .testimonials-block {
    border-radius: 0;
  }

  .testimonials-text-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .awards-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .testimonials-track-wrapper {
    padding-bottom: 4rem;
  }

  .div-block-60 {
    padding: 4rem 2rem 2rem;
  }

  .testimonials-highlight {
    font-size: 2rem;
  }

  .testimonials-quote {
    font-size: 1rem;
  }

  .testimonials-track-inner.top, .testimonials-track-inner.bottom {
    align-items: stretch;
  }

  .hub-wrapper.target-hub-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .hub-item {
    flex: none;
    width: 100%;
  }

  .hsa-pill {
    top: -40%;
  }

  .hra-pill {
    bottom: -45%;
    left: auto;
    right: 5%;
  }

  .commuter-pill {
    bottom: -50%;
  }

  .pill-fsa-pill {
    top: -50%;
  }

  .lsa-pill {
    top: -35%;
    left: 0%;
  }

  .wellness-stipend-wellness {
    top: -40%;
    right: 5%;
  }

  .pill-rewards {
    bottom: -35%;
    left: -5%;
  }

  .family-pill {
    bottom: -60%;
  }

  .prof-pill {
    bottom: -35%;
    left: 10%;
  }

  .work-home-pill {
    top: -35%;
    bottom: auto;
    right: 10%;
  }

  .food-benefit {
    bottom: -65%;
  }

  .blog-top-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: wrap;
  }

  .hub-navigation {
    display: flex;
  }

  .gpt-heading {
    font-size: 3rem;
  }

  .gpt-subhead {
    font-size: 1rem;
  }

  .gpt-hero-p {
    max-width: 500px;
  }

  .padding-section-gpt-hero {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .section_why-benepass {
    height: auto;
    min-height: auto;
    max-height: none;
    padding-bottom: 240px;
  }

  .why-benepass-wrapper {
    margin-top: 0;
  }

  .why-benepass-wrapper._4-cols, .why-benepass-wrapper._3-cols {
    grid-template-columns: 1fr;
  }

  .section-about-benepass {
    height: auto;
    min-height: auto;
    max-height: none;
    padding-bottom: 240px;
  }

  .benepass-p.bigger {
    line-height: 1.25;
  }

  .benepass-grid {
    margin-top: 3rem;
  }

  .div-block-66 {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .div-block-67 {
    border-bottom: 1px solid var(--midnight-blue);
    border-right-style: none;
    padding-bottom: 2rem;
    padding-right: 0;
  }

  .div-block-68 {
    padding-top: 2rem;
    padding-left: 0;
  }

  .div-block-68.no-padding {
    padding-top: 0;
  }

  .employer-size-cell {
    padding: .5rem;
  }

  .mutual-clients-grid, .mutual-clients-grid._3-cols {
    grid-template-columns: 1fr 1fr;
  }

  .usps-grid {
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .resource-image {
    height: 250px;
  }

  .resources-grid {
    grid-template-columns: 1fr;
    margin-top: 3rem;
  }

  .resources-grid.padding-top {
    grid-template-columns: 1fr;
    margin-top: 2rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: 10px;
    font-size: 40px;
  }

  h2 {
    margin-bottom: 6px;
    font-size: 24px;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 16px;
  }

  h5 {
    font-size: 14px;
  }

  p {
    text-align: left;
  }

  li {
    margin-bottom: 10px;
  }

  blockquote {
    border-left-width: 6px;
    padding: 37px 34px 37px 30px;
    font-size: 16px;
  }

  .flex.flex-wrap.flex-gap.blog {
    grid-column-gap: 0rem;
  }

  .flex.flex-wrap.blog {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-default.flex-vertical {
    padding-top: 31px;
  }

  .container-default.no-box {
    overflow: hidden;
  }

  .paragraph-large {
    font-size: 19px;
  }

  .paragraph-large.home-hero {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .paragraph-large.blog-hero {
    margin-bottom: 35px;
  }

  .paragraph-large.plan-page-about-summary {
    margin-bottom: 30px;
  }

  .paragraph-large.career-description {
    margin-bottom: 35px;
  }

  .paragraph-large.feature-hero {
    margin-bottom: 25px;
  }

  .paragraph-large.not-found {
    margin-bottom: 35px;
  }

  .button-primary {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .button-primary.small.sign-up, .button-primary.small.blog-newsletter, .button-primary.small.feature-hero-get-started {
    align-self: stretch;
    margin-top: 20px;
    padding: 20px 10px;
    font-size: 16px;
    position: static;
  }

  .button-primary.full-width {
    padding-left: 10px;
    padding-right: 10px;
  }

  .button-primary.full-width.card-pricing-plan {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-primary._2-buttons {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .button-primary.integration {
    justify-content: center;
    align-self: auto;
  }

  .button-primary.margin-top-80.padding-side-85 {
    margin-top: 64px;
  }

  .button-secondary {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .button-secondary.category {
    margin-bottom: 8px;
    margin-right: 14px;
  }

  .button-secondary.category.all {
    margin-right: 14px;
  }

  .header-navigation {
    margin-left: 16px;
    margin-right: 16px;
  }

  .menu-button {
    width: 43px;
    min-width: 43px;
    height: 43px;
    padding: 10px;
    font-size: 26px;
  }

  .footer_component {
    padding-top: 33px;
    padding-bottom: 20px;
  }

  .section {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .section.checkout-hero {
    padding-top: 64px;
    padding-bottom: 51px;
  }

  .section.home-hero {
    padding-top: 72px;
    padding-bottom: 37px;
  }

  .section.home-create-account {
    padding-bottom: 61px;
  }

  .section.about-hero {
    padding-top: 72px;
  }

  .section.blog-hero {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.blog, .section.blog-post {
    padding-top: 72px;
  }

  .section.plan {
    padding-top: 72px;
    padding-bottom: 67px;
  }

  .section.careers-hero {
    padding-top: 50px;
    padding-bottom: 41px;
  }

  .section.practice-preach {
    margin-top: 0;
    padding-bottom: 72px;
  }

  .section.career {
    padding-top: 72px;
    padding-bottom: 51px;
  }

  .section.more-positions {
    padding-top: 59px;
    padding-bottom: 66px;
  }

  .section.features {
    padding-top: 72px;
  }

  .section.features-cta {
    padding-bottom: 72px;
  }

  .section.feature-hero {
    padding-top: 72px;
    padding-bottom: 62px;
  }

  .section.featured-on {
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .section.integrations {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.integrations-cta {
    padding-bottom: 61px;
  }

  .section.more-integrations {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.integration {
    padding-top: 60px;
    padding-bottom: 76px;
  }

  .section.contact {
    padding-top: 72px;
    padding-bottom: 82px;
  }

  .section.more-contact, .section.faqs {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .section.pricing-category, .section.integrations-category, .section.blog-category {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.team {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section.no-bottom-padding.home-custom, .section.trustedbylogos {
    padding-top: 0;
  }

  .section.s--testimonials {
    margin-top: 40px;
    padding: 20px 16px 0;
  }

  .section.trusted-by-investors {
    padding-bottom: 0;
  }

  .section.jobs {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .utility-page-wrap.protected-page {
    min-height: 670px;
    padding: 68px 16px;
  }

  .utility-page-content-password {
    padding: 56px 20px;
  }

  .utility-page-form {
    align-items: flex-start;
  }

  .input.sign-up, .input.blog-newsletter, .input.feature-hero-get-started {
    height: 63px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .utility-page-content-404 {
    align-items: flex-start;
  }

  ._404-title {
    text-align: left;
    margin-bottom: 15px;
    font-size: 97px;
  }

  .divider.blog-section-item-divider, .divider.blog-post-item-divider {
    margin-top: 10px;
  }

  .divider.card-open-position {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .divider.contact {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .icon-password {
    width: 79px;
    margin-bottom: 15px;
  }

  .paragraph {
    font-size: 18px;
    line-height: 1.5em;
  }

  .paragraph.password {
    margin-bottom: 35px;
  }

  .paragraph.analytics-user, .paragraph.analytics-campaigns, .paragraph.card-pricing-plan-summary, .paragraph.card-apply {
    margin-bottom: 20px;
  }

  .paragraph.feature {
    margin-bottom: 15px;
  }

  .paragraph.start-tracking {
    margin-bottom: 30px;
  }

  .paragraph.faqs {
    max-width: 402px;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph.card-team-bio-summary {
    margin-bottom: 25px;
  }

  .paragraph.values {
    font-size: 18px;
  }

  .card.bg-neutral-200.cta {
    padding: 35px 25px;
  }

  .card.bg-neutral-200.sign-up {
    padding: 51px 25px;
  }

  .card.bg-neutral-200.blog-newsletter {
    padding: 41px 25px;
  }

  .card.bg-neutral-200.get-plan-mobile {
    min-height: 420px;
    margin-bottom: 40px;
    padding: 33px 25px 35px;
  }

  .card.bg-neutral-200.apply {
    padding: 30px 25px;
  }

  .card.bg-neutral-200.feature {
    padding-left: 25px;
    padding-right: 25px;
  }

  .card.bg-neutral-200.more-contact {
    padding: 30px 25px 40px;
  }

  .card.bg-neutral-200.employee-banner-cta {
    background-image: linear-gradient(#211c5ce6, #211c5ce6), url('../images/company__logos.png');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    min-height: auto;
    padding: 35px 25px;
  }

  .card.about-news {
    padding: 30px 25px;
  }

  .card.about-author {
    padding: 40px 25px;
  }

  .card.pricing-plan {
    padding: 25px 25px 40px;
  }

  .card.open-position {
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .card.integration, .card.integration-section {
    padding: 30px 25px 35px;
  }

  .card.contact-form {
    padding: 40px 25px;
  }

  .card.faq {
    padding: 22px 25px;
  }

  .card.team {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding: 40px 25px;
  }

  .card.default {
    padding: 40px 25px;
  }

  .checkout-form {
    padding-top: 51px;
    padding-bottom: 72px;
  }

  .checkout-block-header, .checkout-block-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .title.checkout-hero {
    text-align: left;
  }

  .title.cta {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .title.cta.companylogos {
    font-size: 32px;
  }

  .title.sign-up {
    max-width: 348px;
    margin-bottom: 30px;
  }

  .title.h4-size {
    font-size: 16px;
  }

  .title.h4-size.plan-features-title {
    margin-bottom: 10px;
  }

  .title.h4-size.perk {
    text-align: left;
  }

  .title.h4-size.advanced-analytics, .title.h4-size.more-contact, .title.h4-size.feature-title {
    margin-bottom: 6px;
  }

  .title.steps {
    margin-bottom: 35px;
  }

  .title.blog-section-item-title {
    font-size: 1.25rem;
  }

  .title.about-h2 {
    margin-bottom: 6px;
  }

  .title.blog-newsletter {
    max-width: 348px;
  }

  .title.h3-size {
    font-size: 21px;
  }

  .title.h3-size.card-apply {
    margin-bottom: 6px;
  }

  .title.card-pricing-plan-name {
    font-size: 18px;
  }

  .title.h1-size {
    font-size: 40px;
  }

  .title.h1-size.integration {
    font-size: 31px;
  }

  .title.h1-size.category {
    margin-right: 8px;
  }

  .title.perks {
    margin-bottom: 6px;
  }

  .title.careers {
    margin-bottom: 10px;
    font-size: 2rem;
  }

  .title.job-requirements, .title.job-responsabilities {
    margin-bottom: 6px;
  }

  .title.features, .title.feature-hero {
    margin-bottom: 10px;
  }

  .title.start-tracking {
    margin-bottom: 6px;
  }

  .title.available-integrations {
    margin-bottom: 25px;
  }

  .title.not-found {
    text-align: left;
    margin-bottom: 10px;
    font-size: 23px;
  }

  .title.h2-size {
    font-size: 24px;
  }

  .title.h2-size.card-team-name {
    margin-bottom: 4px;
    font-size: 30px;
  }

  .title.dropdown-nav-title {
    margin-bottom: 25px;
  }

  .title.who-we-are {
    margin-bottom: 6px;
    font-size: 1.5rem;
  }

  .title.footer-nav-title.newsletter {
    margin-bottom: 15px;
  }

  .title.demo-request {
    font-size: 40px;
  }

  .title.preacg {
    margin-bottom: 6px;
    font-size: 28px;
  }

  .split-content.cta-left {
    margin-bottom: 40px;
  }

  .split-content.careers-hero-left {
    margin-bottom: 30px;
  }

  .split-content.card-open-position-left {
    flex-wrap: wrap;
    margin-bottom: 5px;
    margin-right: 10px;
  }

  .split-content.start-tracking-left {
    text-align: left;
    margin-bottom: 40px;
  }

  .split-content.content-top-integration-right {
    align-items: stretch;
  }

  .split-content.more-integrations-left {
    margin-bottom: 25px;
    margin-right: 0;
  }

  .split-content.more-integrations-right {
    margin-bottom: 0;
  }

  .split-content.contact-left {
    margin-bottom: 40px;
  }

  .split-content.not-found-content {
    margin-top: 30px;
  }

  .split-content.team-articles-left {
    margin-bottom: 25px;
  }

  .split-content.cta-half {
    max-width: none;
  }

  .checkout-required-text {
    font-size: 18px;
  }

  .order-item {
    flex-wrap: wrap;
  }

  .image-wrapper.blog-section-item-image {
    max-width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .image-wrapper.blog-post-item-image {
    max-width: 100%;
    margin-bottom: 20px;
  }

  .image-wrapper.about-author {
    width: 120px;
    min-width: 120px;
    height: 120px;
    margin-bottom: 20px;
  }

  .image-wrapper.blog-post-author-image {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 6px;
  }

  .image-wrapper.card-integration, .image-wrapper.card-integration-section {
    width: 60px;
    min-width: 60px;
    height: 60px;
    margin-bottom: 15px;
  }

  .image.home-hero-2 {
    width: 28%;
    bottom: -33px;
  }

  .image.home-hero-3 {
    width: 34%;
    top: -22px;
  }

  .image.analytics-user-1 {
    max-width: 80%;
  }

  .image.analytics-user-2 {
    width: 40%;
    bottom: 87px;
  }

  .image.cta-1 {
    max-width: 80%;
  }

  .image.cta-2 {
    width: 40%;
    bottom: 37px;
  }

  .image.cta-3 {
    width: 40%;
    top: 40px;
  }

  .image.blog-section-item-date-icon, .image.blog-section-item-time-icon, .image.blog-post-item-date-icon, .image.blog-post-item-time-icon {
    margin-right: 6px;
  }

  .image.blog-post {
    margin-bottom: 58px;
  }

  .image.about-author {
    width: 120px;
    max-width: 120px;
    height: 120px;
  }

  .image.blog-post-date-icon, .image.blog-post-time-icon {
    max-width: 20px;
    margin-right: 6px;
  }

  .image.blog-post-author-image {
    width: 60px;
    height: 60px;
  }

  .image.perk-icon {
    margin-right: 0;
  }

  .image.card-open-position-location-icon, .image.card-open-position-time-icon {
    margin-right: 6px;
  }

  .image.feature-hero-2 {
    bottom: 20px;
  }

  .image.feature-hero-3 {
    top: 30px;
  }

  .image.advanced-analytics-icon {
    margin-bottom: 6px;
  }

  .image.start-tracking-1 {
    max-width: 90%;
  }

  .image.start-tracking-user-icon {
    margin-bottom: 6px;
  }

  .image.integration-main-image {
    margin-bottom: 74px;
  }

  .image.integration {
    width: 80px;
    min-width: 80px;
    height: 80px;
  }

  .image.not-found {
    max-width: 63%;
  }

  .image.is-diagram {
    left: -2rem;
  }

  .image.is-your-program {
    left: 14%;
  }

  .order-item-wrapper {
    flex-direction: column;
  }

  .home-hero-content {
    margin-bottom: 71px;
  }

  ._2-buttons-wrapper {
    align-self: auto;
  }

  .content-top.mission {
    margin-bottom: 64px;
  }

  .content-top.more-positions {
    flex-direction: column;
    align-items: stretch;
  }

  .content-top.integrations {
    align-items: flex-start;
  }

  .content-top.integration {
    align-items: stretch;
    margin-bottom: 40px;
  }

  .content-top.more-integrations {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 40px;
  }

  .content-top.integrations-category {
    align-items: flex-start;
  }

  .content-top.blog-category {
    align-items: stretch;
  }

  .content-top.values {
    margin-bottom: 30px;
  }

  .content-top.webinars {
    align-items: stretch;
  }

  .container-medium-741px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium-741px.home-analytics-tool {
    margin-bottom: 40px;
  }

  .container-medium-741px.more-contact {
    text-align: left;
    margin-bottom: 35px;
  }

  .home-hero-images-wrapper {
    margin-bottom: 83px;
  }

  .home-hero-logos-wrapper {
    margin-top: 46px;
  }

  .home-hero-logos-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: auto auto auto;
  }

  .home-hero-logos-text {
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
  }

  .sign-up-form {
    flex-direction: column;
  }

  .home-analitics-tool-wrapper {
    margin-bottom: 0;
  }

  .analytics-user-content-text {
    margin-bottom: 30px;
  }

  .step-tab-link {
    flex-direction: column;
    padding: 20px 25px;
  }

  .step-number {
    margin-bottom: 10px;
  }

  .blog-section-grid {
    grid-row-gap: 40px;
  }

  .blog-section-item-wrapper {
    flex-direction: column;
  }

  .blog-section-item-date {
    margin-right: 15px;
    font-size: 14px;
  }

  .blog-section-item-time {
    font-size: 14px;
  }

  .footer-content {
    margin-top: 0;
    margin-bottom: 0;
  }

  .footer-nav-content {
    flex-wrap: wrap;
  }

  .footer-nav-box {
    margin-bottom: 35px;
  }

  .footer-nav-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-newsletter-wrapper {
    width: 100%;
  }

  .footer-newsletter-form {
    flex-direction: column;
  }

  .analytics-campaigns-content-text {
    margin-bottom: 30px;
  }

  .analytics-campaigns-content {
    margin-bottom: 40px;
  }

  .footer-newsletter-content-top {
    margin-bottom: 20px;
  }

  .about-hero-wrapper {
    margin-bottom: 65px;
  }

  .container-medium-786px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium-786px.blog-hero {
    text-align: left;
    margin-bottom: 57px;
  }

  .container-medium-786px.features {
    text-align: left;
  }

  .blog-grid {
    grid-row-gap: 40px;
  }

  .blog-post-item-wrapper, .blog-post-item-wrapper.customer-story-wrapper {
    flex-direction: column;
  }

  .blog-post-item-date {
    margin-right: 15px;
    font-size: 14px;
  }

  .blog-post-item-time {
    font-size: 14px;
  }

  .blog-newsletter-form {
    flex-direction: column;
  }

  .blog-post-item-category {
    margin-top: 15px;
  }

  .category-grid {
    flex-wrap: wrap;
    display: flex;
  }

  .container-medium-874px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .rich-text h2 {
    margin-bottom: 10px;
  }

  .rich-text h3 {
    margin-top: 32px;
    margin-bottom: 10px;
  }

  .rich-text p {
    color: var(--neutral-800);
    margin-bottom: 20px;
  }

  .rich-text h4, .rich-text h5 {
    margin-top: 32px;
    margin-bottom: 10px;
  }

  .rich-text h6 {
    margin-top: 32px;
  }

  .rich-text ul, .rich-text ol {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .rich-text figcaption {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5em;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 43px;
  }

  .rich-text blockquote {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .blog-post-content-top {
    margin-bottom: 32px;
  }

  .blog-post-about-top-wrapper {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .blog-post-about-bottom-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .card-about-author-rol {
    font-size: 16px;
  }

  .blog-post-author {
    margin-bottom: 15px;
    margin-right: 20px;
  }

  .blog-post-date, .blog-post-time {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .blog-post-about-top-divider {
    width: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .blog-post-author-name, .blog-post-author-rol {
    font-size: 16px;
  }

  .brand.new {
    max-width: 8rem;
  }

  .card-pricing-plan-price {
    font-size: 26px;
  }

  .card-pricing-plan-features-grid {
    grid-row-gap: 16px;
  }

  .feature-wrapper {
    font-size: 15px;
  }

  .feature-icon {
    margin-right: 6px;
  }

  .card-pricing-plan-content-top {
    margin-bottom: 25px;
  }

  .card-pricing-plan-price-wrapper {
    flex-wrap: wrap;
  }

  .plan-title-wrapper {
    margin-bottom: 10px;
  }

  .plan-content-top {
    margin-bottom: 40px;
  }

  .plan-features-grid {
    grid-row-gap: 16px;
  }

  .get-plan-price {
    font-size: 26px;
  }

  .get-plan-content-top {
    margin-bottom: 30px;
  }

  .careers-hero-wrapper {
    grid-row-gap: 0rem;
  }

  .perks-grid {
    grid-row-gap: 0px;
  }

  .container-medium-579px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium-579px.advanced-analytics {
    text-align: left;
    max-width: 431px;
    margin-bottom: 35px;
    margin-left: 0;
  }

  .card-open-position-content-bottom {
    align-items: flex-start;
  }

  .card-open-position-apply-now-text {
    margin-bottom: 15px;
  }

  .card-open-position-location {
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 14px;
  }

  .card-open-position-time {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .about-career-wrapper {
    font-size: 14px;
  }

  .more-positions-grid {
    grid-row-gap: 20px;
  }

  .card-apply-features-grid {
    grid-row-gap: 16px;
    margin-bottom: 35px;
  }

  .card-apply-features-wrapper {
    font-size: 15px;
  }

  .card-apply-features-icon {
    margin-right: 6px;
  }

  .job-responsabilities-wrapper {
    margin-bottom: 10px;
  }

  .card-feature-content {
    margin-bottom: 30px;
  }

  .container-medium-670px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium-670px.feature-hero {
    text-align: left;
    margin-bottom: 40px;
  }

  .feature-hero-get-started-form {
    flex-direction: column;
  }

  .container-large-1048px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .featured-on-text {
    margin-bottom: 20px;
  }

  .featured-on-grid {
    grid-row-gap: 25px;
  }

  .featured-on-wrapper {
    max-width: 333px;
  }

  .featured-on-logo {
    margin-bottom: 6px;
  }

  .advanced-analytics-grid {
    grid-row-gap: 30px;
    grid-template-areas: "."
                         "."
                         "."
                         "."
                         "Area";
  }

  .start-tracking-user-grid {
    justify-content: start;
    margin-bottom: 30px;
  }

  .container-medium-648px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium-648px.integrations {
    text-align: left;
    margin-bottom: 40px;
  }

  .card-integration-content-top {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .card-integration-category {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .integration-title-wrapper {
    margin-bottom: 6px;
  }

  .integration-tabs-menu {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 35px;
    display: flex;
  }

  .card-integration-section-content-top {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .card-integration-section-category {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-medium-607px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-medium-607px.faqs {
    text-align: left;
    margin-bottom: 35px;
  }

  .container-medium-712px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-link-icon {
    margin-right: 8px;
  }

  .contact-link-text {
    font-size: 15px;
  }

  .more-contact-icon {
    margin-bottom: 8px;
  }

  .space.faq-top, .space.faq-bottom {
    height: 10px;
  }

  .title-category-wrapper.pricing-category {
    justify-content: flex-start;
    margin-bottom: 40px;
  }

  .title-category-wrapper.integrations-category, .title-category-wrapper.blog-category {
    margin-bottom: 30px;
  }

  .blog-category-grid {
    grid-row-gap: 40px;
  }

  .card-team-rol {
    margin-bottom: 16px;
    font-size: 16px;
  }

  .card-team-social-media-grid {
    grid-column-gap: 20px;
  }

  .dropdown-nav-box {
    margin-bottom: 30px;
  }

  .dropdown-nav-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .dropdown-menu-wrapper {
    padding-top: 30px;
  }

  .dropdown-nav-content {
    flex-wrap: wrap;
  }

  .integration-tabs-button-wrapper {
    align-self: stretch;
  }

  .home-hero-wrapper {
    background-position: 50% 100%;
    background-size: 200%;
  }

  .line--cta.bottomleftt {
    height: 75px;
    bottom: 1%;
  }

  .footer-legal-container {
    margin-bottom: 30px;
  }

  .graphic__line {
    top: 43%;
  }

  .testimonials--wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .testimonial__author_position {
    line-height: 1em;
  }

  .features-2-column-wrapper {
    margin-bottom: 40px;
  }

  .features-col-content {
    margin-bottom: 30px;
  }

  .about-heading {
    text-align: left;
  }

  .about-subheading {
    font-size: 18px;
  }

  .about-row-flex-container.last {
    margin-bottom: 0;
  }

  .about-col {
    width: 100%;
  }

  .about-col.image {
    padding: 0;
  }

  .about-col.image.right-margin {
    margin-bottom: 1.5rem;
  }

  .feature-col {
    width: 100%;
  }

  .feature-col.image {
    padding: 0;
  }

  .features-row {
    margin-bottom: 40px;
  }

  .white-glove-feature-grid {
    grid-row-gap: 30px;
    margin-bottom: 30px;
  }

  .white-glove-feature-wrapper {
    padding: 1.5rem;
  }

  .dropdown-toggle-nav, .dropdown-list-nav {
    margin-left: 16px;
  }

  .arrow-nav {
    margin-left: 5px;
  }

  .logo-top-div {
    margin-bottom: 2rem;
  }

  .logo-img.right-margin {
    width: 125px;
    margin-right: 0;
  }

  .logo-img.modern {
    width: 125px;
  }

  .logo-img.alumni, .logo-img.gradient, .logo-img.operator {
    width: 150px;
  }

  .logo-img.yc {
    width: 125px;
  }

  .logo-img.gfc {
    width: 50px;
  }

  .logo-bottom-div {
    grid-row-gap: 2rem;
  }

  .how-we-work-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .how-work-grid {
    grid-template-columns: 1fr;
  }

  .margin-bottom-32 {
    margin-bottom: 24px;
  }

  .job-item {
    flex-direction: column;
  }

  .read-more-link {
    margin-top: 1rem;
    display: inline;
  }

  .graphic-career {
    max-height: 600px;
    top: 10%;
  }

  .banner {
    background-color: var(--midnight-blue);
  }

  .text-block-4 {
    text-align: center;
    font-size: 14px;
  }

  .link {
    margin-left: 8px;
    font-size: 14px;
  }

  .link:hover {
    margin-left: 8px;
  }

  .heading-7 {
    margin-top: .25rem;
  }

  .heading-7.customer-story-title {
    font-size: 32px;
    line-height: 40px;
  }

  .section-webinar-hero {
    height: 300px;
  }

  .webinar-hero-img {
    object-position: 55% 50%;
  }

  .webinar-form {
    width: 100%;
  }

  .webinar-form-wrap {
    width: 100%;
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .webinar-heading {
    margin-bottom: 2rem;
  }

  .label-webinar {
    margin-bottom: 12px;
  }

  .webinar-input {
    height: 40px;
  }

  .input-wrap {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .submit-button-webinar {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .tags-wrap {
    grid-column-gap: 8px;
  }

  .webinar-tag {
    justify-content: center;
    align-items: center;
    font-size: 11px;
    line-height: 150%;
    display: flex;
  }

  .logo-webinar {
    inset: auto auto 64px 20px;
  }

  .logo-webinar.mobile {
    bottom: 3.5rem;
    left: auto;
    right: 5%;
  }

  .logo-wrap-webinar {
    z-index: 2;
  }

  .graphic-webinar {
    width: 40%;
    inset: auto auto 0% 0%;
  }

  .paragraph-medium {
    font-size: 18px;
  }

  .container-medium-931px {
    padding-left: 16px;
    padding-right: 16px;
  }

  .benefits-item-wrap, .benefits-item-wrap.margin-120 {
    margin-bottom: 4rem;
  }

  ._3-col-grid {
    margin-top: 2rem;
  }

  ._3-col-grid.type-3, ._3-col-grid.type-4 {
    margin-bottom: 4rem;
  }

  .benefits-icon-wrap {
    margin-bottom: 1.5rem;
  }

  ._2-col-grid {
    grid-row-gap: 1.5rem;
    text-align: center;
  }

  .custom-wrap {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
  }

  ._5-col-grid {
    margin-top: 2rem;
  }

  ._5-col-grid.type-2 {
    margin-bottom: 4rem;
  }

  .container-hsa {
    padding-left: 16px;
    padding-right: 16px;
  }

  .margin-bottom-48 {
    margin-bottom: 1.5rem;
  }

  .footer-content-bottom-2 {
    padding-top: 20px;
  }

  .button-secondary-2, .button-primary-2 {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .button-primary-2._2-buttons {
    margin-bottom: 15px;
    margin-right: 0;
  }

  .button-primary-2.small.footer-newsletter {
    align-self: stretch;
    margin-top: 20px;
    padding: 20px 10px;
    font-size: 16px;
    position: static;
  }

  .input-2.footer-newsletter {
    height: 63px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-demo-request {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }

  .benepass-icon-demo {
    margin-bottom: 2rem;
  }

  .demo-form-wrap {
    width: 100%;
    max-width: none;
    padding: 2.5rem 1.5rem;
  }

  .demo-form-wrap.no-padding-top {
    border-radius: 1rem;
    padding: 1.5rem;
  }

  .demo-form-heading {
    margin-bottom: 2rem;
  }

  .demo-form-heading.desktop-hidden {
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    display: none;
  }

  .demo-form-heading.mobile-only {
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
  }

  .demo-form-mega-wrap {
    padding-right: 15px;
  }

  .demo-req-abs {
    top: 23%;
  }

  .abs-form-bg {
    width: 80px;
    height: 80px;
    top: -5%;
  }

  ._4-col-grid {
    margin-bottom: 4rem;
  }

  .navbar-new {
    height: 56px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-mega-menu.height-none.test {
    display: none;
  }

  .navbar-new-white {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block {
    display: block;
  }

  .div-block-3 {
    padding-top: 24px;
  }

  .text-block-9 {
    font-size: 40px;
    line-height: 48px;
  }

  .heading-8 {
    margin-bottom: 8px;
  }

  .image-5 {
    width: 5rem;
    height: 5rem;
    margin-bottom: 12px;
  }

  .collection-list-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .image-11 {
    max-width: 100%;
  }

  .image-12 {
    max-width: 150px;
    top: -20px;
    left: -20px;
  }

  .collection-list-10 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .collection-item-10 {
    align-self: auto;
  }

  .collection-list-wrapper-3 {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .div-block-20 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .collection-item-11 {
    flex-direction: column;
  }

  .div-block-21 {
    padding-top: 20px;
    padding-left: 0;
  }

  .link-block-4 {
    margin-bottom: 15px;
  }

  .collection-list-12 {
    flex-wrap: wrap;
  }

  .section-6 {
    min-height: 0;
  }

  .div-block-25 {
    align-items: flex-start;
  }

  .heading-20 {
    text-align: left;
    margin-top: 18px;
    font-size: 40px;
  }

  .heading-20.lsa-head {
    font-size: 40px;
  }

  .heading-20.pro-dev-title {
    font-size: 32px;
  }

  .text-block-28 {
    text-align: left;
    font-size: 18px;
  }

  .button-white.margin-48-top {
    margin-top: 24px;
    padding-left: 70px;
    padding-right: 70px;
  }

  .image-13 {
    width: 40px;
    height: 40px;
  }

  .heading-21, .text-block-29, .text-block-30 {
    text-align: left;
  }

  .heading-22 {
    text-align: left;
    margin-bottom: 32px;
  }

  .heading-23, .text-block-31 {
    text-align: left;
  }

  .div-block-30 {
    margin-bottom: 16px;
  }

  .div-block-31, .image-15 {
    margin-right: auto;
  }

  .div-block-32 {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 58px;
  }

  .section-11 {
    padding-top: 120px;
  }

  .text-block-32 {
    text-align: left;
  }

  .div-block-34 {
    align-items: flex-start;
  }

  .image-17 {
    width: 84px;
    top: -24px;
    left: 0;
  }

  .text-block-33 {
    text-align: left;
  }

  .div-block-37.slide.slide-1, .div-block-37.slide.slide-2 {
    opacity: 0;
  }

  .div-block-37.slide.slide-3 {
    opacity: 0;
    border-radius: 0;
  }

  .image-18 {
    width: 161px;
    height: 80px;
  }

  .image-18.food-label-1 {
    width: 211px;
    height: 80px;
  }

  .image-18.label-wellness {
    width: 197px;
  }

  .image-18.lsa-label-3 {
    width: 196px;
  }

  .image-18.lsa-label-33 {
    width: 255px;
  }

  .text-block-34.for-mobile, .text-block-34.hide-mobile {
    text-align: left;
  }

  .div-block-39 {
    top: 90px;
    left: -20px;
  }

  .div-block-39.more-left, .div-block-39.lsa-label-3.lsa-label-33 {
    left: -20px;
  }

  .heading-24, .text-block-35, .text-block-36, .div-block-40 {
    text-align: left;
  }

  .div-block-41 {
    z-index: 5;
    align-items: flex-end;
    padding-bottom: 290px;
    top: 0%;
    bottom: 0%;
  }

  .section-12 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-12.mobile-hidden {
    display: none;
  }

  .heading-25 {
    text-align: left;
  }

  .heading-25.no-margin {
    margin-bottom: 0;
  }

  .heading-25.no-margin.white {
    max-width: 100%;
  }

  .div-block-47.tab-1, .div-block-47.tab-2, .div-block-47.tab-3, .div-block-47.tab-4 {
    padding: 16px;
  }

  .div-block-48.title {
    flex-direction: column;
    align-items: flex-start;
  }

  .text-block-38 {
    margin-left: 0;
  }

  .div-block-49.description {
    padding-left: 0;
  }

  .div-block-51 {
    height: auto;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-style-h2 {
    text-align: left;
    font-size: 1.75rem;
  }

  .heading-style-h2.text-color-white.text-align-center {
    text-align: center;
  }

  .heading-style-h2.text-color-pink.rotating-text {
    white-space: normal;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.75rem;
    display: flex;
  }

  .heading-style-h2.is-rotating-heading, .heading-style-h2.is-benepass-difference {
    font-size: 1.75rem;
  }

  .heading-style-h3 {
    text-align: left;
  }

  .heading-style-h3.text-color-midnight-blue.tab-card {
    font-size: 1.5rem;
  }

  .heading-style-h3.text-color-midnight-blue.tab-card.semi-bold {
    font-weight: 600;
  }

  .text-size-medium {
    text-align: left;
  }

  .text-size-medium.text-color-neutral-700.mobile-16px {
    font-size: 1rem;
    line-height: 1.5em;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-medium.bigger {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .button-group.is-center {
    justify-content: flex-start;
    align-items: center;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom.padding-large.mobile-hidden {
    display: none;
  }

  .padding-bottom.padding-small {
    padding-bottom: 1rem;
  }

  .padding-bottom.padding-xxlarge.mobile-hidden {
    display: none;
  }

  .heading-style-h1 {
    text-align: left;
  }

  .footer_menu-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .footer_link {
    padding-top: .24rem;
    padding-bottom: .24rem;
  }

  .footer_blog-item-wrapper {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer_blog-icon-mobile {
    color: #a6a4be;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
  }

  .footer_link-mobile-only {
    flex-direction: column;
  }

  .footer_bottom-wrapper {
    grid-row-gap: 1.75rem;
  }

  .footer_credit-wrapper {
    justify-content: flex-start;
  }

  .footer_credit-text {
    margin-top: 0;
  }

  .footer_legal-list {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: max-content 1fr;
  }

  .button.new-design, .button.new-design.clamp, .button.is-hub {
    font-size: .875rem;
  }

  .section_home-hero.ab-test {
    background-position: 50% 80%;
    background-size: 90%;
  }

  .header-v2_component {
    grid-template-columns: 1fr;
  }

  .header-v2_image-wrapper {
    padding-left: 0;
  }

  .logo_list {
    justify-content: center;
  }

  .logo_wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .tabs_layout-menu {
    flex-wrap: wrap;
  }

  .tabs_layout-menu.no-scrollbar.max-width-xlarge.align-center.mobile-hidden {
    display: none;
  }

  .tab_card {
    padding: 3rem 2rem 2rem;
  }

  .tab_card.secondary {
    background-color: #f7f7f9;
    border-radius: .5rem;
    padding: 3rem 1.5rem 1.5rem;
  }

  .home_tab-grid {
    flex-flow: column-reverse;
    display: flex;
  }

  .image-wrapper-wrap._5 {
    padding-top: 1rem;
    padding-left: 1rem;
  }

  .image-wrapper.absolute {
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
  }

  .testimonial_client {
    align-items: flex-start;
  }

  .awards_list {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .blog_heading-wrapper {
    grid-row-gap: 1rem;
  }

  .blog_mask {
    width: 95%;
  }

  .blog_arrow.left {
    right: 16%;
  }

  .blog_arrow.smaller {
    width: 2.5rem;
    height: 2.5rem;
  }

  .blog66_arrow-icon.smaller {
    width: .75rem;
    height: .75rem;
  }

  .rotating-wrap {
    flex-wrap: wrap;
    height: 65px;
  }

  .abstract_lines-image-1 {
    max-width: 10%;
  }

  .abstract_lines-image-2.mobile-none {
    display: none;
  }

  .awards_logo {
    aspect-ratio: 1;
    object-fit: contain;
  }

  .section_search {
    margin-top: -5rem;
    margin-bottom: 5rem;
  }

  .tab-slider_number-wrapper {
    width: auto;
  }

  .tab-slider_card {
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-slider_card.is-active {
    padding-left: 0;
  }

  .tab-slider_title {
    text-align: left;
  }

  .header_image.is-company-value {
    left: -3.3rem;
  }

  .header_content {
    align-items: flex-start;
  }

  .beneftits-cta_left-image, .beneftits-cta_right-image {
    display: none;
  }

  .four-column-grid {
    grid-template-columns: 1fr;
  }

  .faq_component {
    white-space: normal;
    max-width: 100%;
  }

  .faq_question {
    white-space: normal;
    width: 100%;
    max-width: 100%;
  }

  .faq_rich-text {
    width: 100%;
    max-width: 100%;
  }

  .faq_rich-text h2 {
    margin-bottom: 10px;
  }

  .faq_rich-text h3 {
    margin-top: 32px;
    margin-bottom: 10px;
  }

  .faq_rich-text p {
    color: var(--neutral-800);
    margin-bottom: 20px;
  }

  .faq_rich-text h4, .faq_rich-text h5 {
    margin-top: 32px;
    margin-bottom: 10px;
  }

  .faq_rich-text h6 {
    margin-top: 32px;
  }

  .faq_rich-text ul, .faq_rich-text ol {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .faq_rich-text figcaption {
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.5em;
  }

  .faq_rich-text figure {
    margin-top: 40px;
    margin-bottom: 43px;
  }

  .faq_rich-text blockquote {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .blog-author-image-wrapper {
    width: 120px;
    height: 120px;
  }

  .marquee-logos-wrapper {
    min-width: 1200%;
  }

  .marquee-logos-wrapper.hero {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-right: 2rem;
  }

  .marquee-image {
    max-width: 6rem;
    height: 2rem;
    transform: none;
  }

  .marquee-image.smaller {
    height: 1.5rem;
  }

  .table-wrapper {
    margin-top: 1rem;
  }

  .table-heading {
    text-align: center;
    font-size: 16px;
  }

  .table-avatar {
    max-width: 4rem;
  }

  .table-overlay {
    background-image: linear-gradient(to right, #0000 75%, #fff);
  }

  .blog-post-about-top-divider-2 {
    width: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .collection-list-13 {
    grid-row-gap: 15px;
    flex-direction: column;
    justify-content: flex-start;
  }

  .card-2.about-author {
    margin-top: 40px;
    padding: 40px 25px;
  }

  .div-block-52 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .blog-post-date-2, .blog-post-time-2 {
    margin-bottom: 10px;
    font-size: 14px;
  }

  .section-13 {
    padding-top: 92px;
    padding-bottom: 92px;
  }

  .section-13.blog-post {
    padding-top: 72px;
  }

  .blog-post-author-2 {
    margin-bottom: 15px;
    margin-right: 20px;
  }

  .card-about-author-rol-2 {
    font-size: 16px;
  }

  .collection-item-14 {
    flex-direction: column;
  }

  .image-27.blog-post-author-image {
    width: 60px;
    height: 60px;
  }

  .image-27.blog-post-date-icon, .image-27.blog-post-time-icon {
    max-width: 20px;
    margin-right: 6px;
  }

  .image-27.about-author {
    width: 120px;
    max-width: 120px;
    height: 120px;
  }

  .div-block-54 {
    padding-top: 24px;
  }

  .blog-post-author-name-2 {
    font-size: 16px;
  }

  .difference-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .benefits-highlight-p {
    font-size: 1.25rem;
  }

  .padding-section-blog-hero {
    padding-top: 4rem;
  }

  .tabs-slider-number {
    color: #4b5166;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
    font-weight: 500;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .slider-number {
    color: var(--midnight-blue);
    font-size: 1.5rem;
    font-weight: 700;
  }

  .slider-navigation-wrapper {
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
    display: flex;
  }

  .slider-dots {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    display: flex;
  }

  .slider-dot {
    background-color: #4b516680;
    border-radius: 50%;
    width: .5rem;
    height: .5rem;
    padding: 0;
  }

  .slider-dot.active {
    background-color: var(--midnight-blue);
  }

  .slider-buttons-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .slider-button {
    border: 1px solid var(--midnight-blue);
    color: var(--midnight-blue);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: .25rem;
    display: flex;
  }

  .slider-icon {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .slider-button-prev, .slider-button-next {
    border: 1px solid var(--midnight-blue);
    color: var(--midnight-blue);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    padding: .25rem;
    display: flex;
  }

  .html-embed-2 {
    display: block;
  }

  .heading-for-ab {
    text-align: left;
  }

  .hero-home-for-ab {
    grid-template-columns: 1fr;
  }

  .ab-story-highligh {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .container-2 {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .testimonial-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-block-main {
    flex-direction: column;
  }

  .testimonial-main-image {
    width: 100%;
    height: auto;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .ab-highlight-header-image {
    display: none;
  }

  .hero-ab-image {
    width: 80%;
  }

  .hero-ab-testimonial {
    bottom: 0%;
  }

  .hero-ab-testimonial-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .ab-testimonial-image {
    margin-bottom: 1.5rem;
  }

  .mega-menu-links-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .newsletter-form-image {
    width: 200%;
    max-width: 200%;
  }

  .bold-tab {
    color: var(--neutral-700);
  }

  .image-holder {
    aspect-ratio: 1;
    width: 100%;
  }

  .hidden-desktop {
    display: block;
  }

  .demo-request-form-p {
    border-top-style: none;
    max-width: 300px;
    margin-top: 0;
    margin-bottom: .5rem;
    padding-top: 0;
    font-weight: 400;
  }

  .demo-employee-wrapper {
    border-bottom-style: none;
    margin-top: 1rem;
  }

  .div-block-55 {
    text-align: left;
  }

  .padding-section-big {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lsa-slider-p.new {
    text-align: center;
  }

  .lsa-slider-slide {
    box-shadow: none;
    padding: 0;
  }

  .lsas-slide-person-icons-wrapper {
    flex-flow: wrap;
  }

  .lsa-slide-benefit-icon {
    width: 2rem;
    height: 2rem;
    padding: .4rem;
  }

  .lsa-slide-benefit-icon.green.small, .lsa-slide-benefit-icon.commuter, .lsa-slide-benefit-icon.prof-development {
    padding: .35rem;
  }

  .lsa-slide-benefit-value {
    font-size: .875rem;
    right: 1rem;
    transform: none;
  }

  .lsa-slide-benefit-logo.warby-parker {
    height: .65rem;
  }

  .lsa-slide-benefit-logo.masterclass-logo, .lsa-slide-benefit-logo.cvs-pharmacy {
    height: 1rem;
  }

  .lsa-slide-benefit-logo.texas-med-clinic {
    height: 1.5rem;
  }

  .lsa-slide-benefit-logo.capmetro {
    height: 1rem;
  }

  .lsa-slide-benefit-spent {
    background-color: #0000;
    padding: 0;
  }

  .lsa-slide-benefit-spent.green, .lsa-slide-benefit-spent.testimonial10_rating-wrapper, .lsa-slide-benefit-spent.orange, .lsa-slide-benefit-spent.purple, .lsa-slide-benefit-spent.brand-blue, .lsa-slide-benefit-spent.red, .lsa-slide-benefit-spent.yellow {
    background-color: #0000;
  }

  .table-heading-2 {
    text-align: center;
    font-size: 16px;
  }

  .last-transaction {
    color: var(--midnight-blue);
    font-size: .875rem;
    display: block;
  }

  .lsa-slider-pagination-icon {
    width: .875rem;
    height: .875rem;
  }

  .logo-webinar-inner-wrapper {
    flex-flow: wrap;
    justify-content: flex-end;
    align-items: flex-end;
    max-width: 300px;
  }

  .benchmark-screen._1st.is-active.zoom {
    padding-left: 0%;
    padding-right: 0%;
    transform: translate(0)scale(.7);
  }

  .benchmark-h1 {
    font-size: 7vw;
  }

  .benchmark-p {
    font-size: 3vw;
    display: none;
  }

  .benchmark-p.hide {
    display: none;
  }

  .benchmark-p.hide-till-mobile {
    font-size: 1rem;
    line-height: 1.75em;
    display: block;
  }

  .benchmark-start-button.secondary {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .benchmark-start-button.secondary-outline {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .benchmark-start-button.smaller {
    padding: .5rem .8rem;
    font-size: .75rem;
  }

  .benchmark-benepass-logo {
    width: 8rem;
  }

  .benchmakr-highlight {
    font-size: 4vw;
    display: none;
  }

  .paragraph-3.smaller-ouline {
    text-align: center;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .company-sizes-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-left: .5rem;
    overflow: hidden;
  }

  .company-size-wrapper {
    font-size: .875rem;
  }

  .company-sizes-outer-wrapper._2-4 {
    height: 18rem;
  }

  .company-sizes-outer-wrapper._2-4.smaller {
    height: 15rem;
  }

  .graph-legend {
    padding-left: 0;
  }

  .industry-wrapper {
    font-size: 1rem;
  }

  .industries-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .industries-outer-wrapper {
    max-width: 380px;
    transform: scale(.8)translate(0, 50%);
  }

  .industries-names-wrapper, .industry-name {
    font-size: .875rem;
  }

  .pie-chart-wrapper, .pie-53, .pie-31, .pie-16 {
    width: 280px;
    height: 280px;
  }

  .pie-chart-percentage {
    margin-bottom: .1rem;
    font-size: 1.5rem;
  }

  .pie-chart-heading {
    font-size: .875rem;
  }

  ._2-4-legend-wrapper {
    height: auto;
    font-size: .875rem;
  }

  ._2-4-legend-wrapper.shorter {
    width: 114px;
    height: 2rem;
  }

  ._3-3-card-heading {
    font-size: 1.5rem;
  }

  .contribution-wrapper {
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
  }

  .div-block-59 {
    padding: 1rem;
  }

  .starter-screen._0nd.zoom {
    transform: scale(.9);
  }

  .benchmark-h2 {
    max-width: 350px;
    font-size: 2rem;
    line-height: 1.25em;
  }

  .benchmark-h2.smaller {
    font-size: 1.5rem;
  }

  .benchmark-h2.no-gradient {
    max-width: 350px;
    font-size: 2.5rem;
  }

  .benchmark-header-p {
    max-width: 300px;
    font-size: 1.125rem;
    line-height: 1.5em;
  }

  .benchmark-header-p.narrower {
    max-width: 360px;
  }

  .inner-screen {
    margin-top: -4rem;
    transform: scale(.9);
  }

  .inner-screen.yoy-increase {
    margin-top: -7rem;
  }

  .intro-paragraph {
    max-width: 350px;
    font-size: 1rem;
    line-height: 1.5;
  }

  .intro-paragraph.narrower {
    max-width: 350px;
    font-size: 1rem;
  }

  .inner-screen-subheader {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  .inner-screen-subheader.has-subheader {
    max-width: 320px;
  }

  .inner-screen-subheader.has-subheader.no-subheader-mobile {
    max-width: 300px;
    margin-bottom: 2rem;
  }

  .inner-screen-subheader.tiny-width.has-subheader {
    max-width: 350px;
  }

  .company-size-outer-wrapper {
    max-width: 380px;
  }

  .inner-screen-under-p {
    margin-top: .5rem;
    font-size: .875rem;
  }

  .biggest-yoy-increase-wrapper, .biggest-yoy-increase-wrapper.is-active {
    grid-template-columns: 1fr;
  }

  .pie-chart-explanation {
    font-size: .875rem;
  }

  .final-cta-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    max-width: 350px;
    margin-top: 1.5rem;
  }

  .subheader-p {
    font-size: 1rem;
    line-height: 1.5;
  }

  .subheader-p.is-active {
    max-width: 380px;
  }

  .subheader-p.wider.hidden-mobile, .subheader-p.hidden-mobile {
    display: none;
  }

  .median-employee-election-wrapper.is-active-2 {
    width: 50%;
  }

  .median-employee-election-wrapper.is-active-3 {
    width: 40%;
  }

  .median-employee-election-wrapper.is-active-4 {
    width: 25%;
  }

  .median-employee-election-wrapper.is-active-5 {
    width: 20%;
    min-width: 64px;
  }

  .most-popular-accounts-outer-wrapper.has-margin-top {
    margin-top: 1rem;
  }

  .legend-smaller-wrapper {
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: break-word;
    width: 80px;
    min-width: 0;
    font-size: .75rem;
    line-height: 1.2;
  }

  .countries-individual-wrapper, .countries-individual-wrapper.is-active {
    grid-template-columns: 1fr;
  }

  .country-engagement-wrapper, .cpuntry-card-usage, .card-total-spend-wrapper {
    font-size: 1rem;
  }

  .pill-track {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    height: 3rem;
  }

  .pill-number, .pill-name {
    font-size: .75rem;
  }

  .benchmark-h3.subheader {
    margin-bottom: .75rem;
    display: none;
  }

  .benchmark-h3.subheader.is-active {
    font-size: 1rem;
  }

  .prev-pill, .prev-pill.embed, .next-pill, .next-pill.embed {
    padding-bottom: 0;
  }

  .benchmark-navigation:hover {
    transform: none;
  }

  .pause-button {
    bottom: 6rem;
  }

  .pause-button:hover {
    transform: translate(-50%);
  }

  .pause-button.embed-only {
    margin-bottom: 0;
  }

  .welcome-h1 {
    font-size: 10vw;
  }

  .welcome-logo {
    margin-bottom: 1.5rem;
  }

  .welcome-logo.no-padding {
    max-width: 6rem;
    height: 1.75rem;
  }

  .benepass-card-wrapper {
    width: 90%;
    height: auto;
  }

  .benepass-card-image {
    width: 100%;
    max-width: none;
    position: static;
  }

  .benepass-card-shadow {
    display: none;
  }

  .welcome-card {
    padding: 1.5rem;
  }

  .welcome-h2 {
    font-size: 2rem;
  }

  .welcome-form-wrap {
    width: 100%;
    max-width: none;
    padding: 2.5rem 1.5rem;
  }

  .welcome-form-wrap.no-padding-top {
    border-radius: 1rem;
    padding: 1.5rem;
  }

  .welcome-form-heading {
    margin-bottom: .75rem;
  }

  .welcome-form-heading.desktop-hidden {
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    display: none;
  }

  .welcome-form-heading.mobile-only {
    letter-spacing: 0;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
  }

  .banner-rolling-item.no-padding {
    grid-column-gap: 1vw;
    grid-row-gap: 1vw;
    font-size: 3vw;
  }

  .code-embed-3 {
    height: 50vh;
  }

  .section-hero {
    padding: 1.5rem 5% 16rem;
  }

  .section-hero.customers {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home-hero-h1 {
    font-size: 7vw;
  }

  .hero-p.logos {
    max-width: 250px;
    margin-bottom: 1rem;
    padding-left: 5%;
    padding-right: 5%;
  }

  .home-hero-wrap.flex-left {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-card-wrapper {
    width: 90%;
    margin-top: 27vw;
  }

  .hero-card {
    width: 100%;
    max-width: none;
  }

  .hero-card-inner-wrapper {
    max-width: none;
  }

  .hero-marquee {
    inset: auto auto 0% 0%;
  }

  .marquee-hero-image {
    transform: none;
  }

  .marquee-hero-image.smaller {
    height: 1.5rem;
  }

  .h2-new-style, .h2-new-style.smaller {
    font-size: 1.75rem;
  }

  .h2-new-style.smaller.even-smaller, .h2-new-style.smaller-width, .h2-new-style.smaller-width.bigger {
    font-size: 1.5rem;
  }

  .feature-tab-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .feature-tab {
    padding: 8px 14px;
    font-size: .875rem;
  }

  .feature-h3 {
    font-size: 1.5rem;
  }

  .feature-image {
    max-width: 22rem;
    inset: auto auto 0% 50%;
    transform: translate(-50%, 25%);
  }

  .feature-image.engagement {
    width: 100%;
    max-width: 13rem;
    bottom: 0%;
  }

  .feature-image.flexibility {
    width: 100%;
    max-width: 20rem;
  }

  .feature-image.attract-talent {
    width: 100%;
  }

  .feature-image.admin {
    width: 100%;
    max-width: 25rem;
    inset: auto auto 0% 50%;
    transform: translate(-50%, 25%);
  }

  .feature-image.champion {
    width: 100%;
    max-width: 17rem;
    inset: auto auto 0% 50%;
    transform: translate(-50%, 25%);
  }

  .number-h2, .testimonoials-h2 {
    font-size: 1.75rem;
  }

  .testimonials-p {
    text-align: center;
    font-size: .875rem;
  }

  .awards-wrapper {
    width: 100%;
    transform: scale(.9);
  }

  .award-image.shortlister {
    height: 4rem;
  }

  .award-image.g2 {
    max-width: 3.4rem;
    height: 4rem;
    overflow: visible;
  }

  .award-image.wef, .award-image.forbes {
    max-width: 4.5rem;
  }

  .div-block-60 {
    padding: 4rem 1.75rem 2rem;
  }

  .testimonial-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    min-width: 200px;
    max-width: 250px;
    padding: 1.5rem;
  }

  .testimonial-logo {
    max-width: 6rem;
  }

  .testimonials-callout {
    font-size: .875rem;
    line-height: 1.25em;
  }

  .testimonials-highlight {
    font-size: 1.5rem;
  }

  .testimonials-quote {
    font-size: .875rem;
    line-height: 1.25em;
  }

  .testimonial-quote-author {
    margin-bottom: 2px;
    font-size: .875rem;
    font-weight: 500;
  }

  .testimonials-quote-title {
    font-size: .75rem;
  }

  .hub-item-image {
    height: 150px;
  }

  .hub-item-heading {
    font-size: 1.125rem;
  }

  .hub-item-p {
    font-size: .875rem;
    line-height: 1.25rem;
  }

  .hsa-pill {
    height: 10vw;
    top: -35%;
  }

  .hra-pill {
    height: 10vw;
    bottom: -30%;
  }

  .commuter-pill {
    height: 10vw;
    bottom: -40%;
  }

  .pill-fsa-pill {
    height: 10vw;
    top: -25%;
    right: 10%;
  }

  .lsa-pill {
    height: 10vw;
    top: -25%;
    left: 10%;
  }

  .wellness-stipend-wellness {
    height: 10vw;
    top: -40%;
  }

  .pill-rewards {
    height: 10vw;
    bottom: -25%;
    left: 10%;
  }

  .family-pill {
    height: 10vw;
    bottom: -50%;
    right: -5%;
  }

  .prof-pill {
    height: 10vw;
    inset: -30% auto auto 0%;
  }

  .work-home-pill {
    height: 10vw;
    inset: auto auto -55% -5%;
  }

  .food-benefit {
    height: 10vw;
    inset: auto 5% -35% auto;
  }

  .banner-icon {
    width: 4vw;
    height: 4vw;
    margin-top: 0;
  }

  .blog-top-wrapper {
    margin-bottom: 2.5rem;
  }

  .blog-h2 {
    font-size: 1.75rem;
  }

  .gpt-heading {
    font-size: 10vw;
  }

  .gpt-subhead {
    line-height: 1.5;
  }

  .welcome-logos-wrapper {
    height: 1.75rem;
    margin-bottom: 1rem;
  }

  .section_why-benepass {
    padding: 1.5rem 5% 16rem;
  }

  .section_why-benepass.customers {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .subheader.new {
    text-align: center;
  }

  .why-benepass-card {
    padding: 1.5rem;
  }

  .section-about-benepass {
    padding: 1.5rem 5% 16rem;
  }

  .section-about-benepass.customers, .section-about-benepass.customers.white {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .h1-new-style {
    font-size: 1.75rem;
  }

  .benepass-card {
    padding: 0;
  }

  .benefits-icons {
    width: 2rem;
    height: 2rem;
    padding: .4rem;
  }

  .benefits-icons.green.small, .benefits-icons.commuter, .benefits-icons.prof-development {
    padding: .35rem;
  }

  .employer-size-grid {
    width: 420px;
    margin-top: 0;
    overflow: auto;
  }

  .mutual-clients-grid, .mutual-clients-grid._3-cols {
    grid-template-columns: 1fr;
  }

  .dedicated-team-wrapper {
    padding: 1.5rem;
  }

  .support-team-image {
    max-width: 6rem;
  }

  .usps-grid {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
  }

  .usp-item {
    padding: 1.5rem;
  }

  .resource-card {
    padding: 0;
  }

  .resources-grid {
    margin-top: 1rem;
  }

  .table-inner-wrapper {
    width: 100%;
    margin-top: 2rem;
    overflow: scroll;
  }
}

#w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19e2-ae2f46c5, #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19e4-ae2f46c5, #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19e6-ae2f46c5, #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19e8-ae2f46c5, #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19fa-ae2f46c5, #w-node-d9a4aa68-0348-d85d-ac32-cf906cef892d-ae2f46c5, #w-node-d9a4aa68-0348-d85d-ac32-cf906cef892f-ae2f46c5, #w-node-d9a4aa68-0348-d85d-ac32-cf906cef8931-ae2f46c5, #w-node-d9a4aa68-0348-d85d-ac32-cf906cef8933-ae2f46c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4aa3db9a-8927-a43e-f3c2-2a8aaa409c99-6edb1883 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2e43ce25-76bf-78f1-e5ef-2b24712508f6-6edb1883, #w-node-_659f06c7-f840-0f3e-f2cd-e17b3a4ae712-6edb1883, #w-node-f3a90d56-0cef-23b9-7c29-1f4ab411fbd2-6edb1883, #w-node-_014fddfa-5f1c-85b0-1b78-bdd807d7ba01-6edb1883, #w-node-fc124d12-5738-ccae-a340-4f956be279f6-6edb1883, #w-node-_90079b31-6617-299e-a5ad-dbbe1efb44cd-6edb1883, #w-node-_9fc3ca81-deed-065a-9e1d-bb4c6edb18a8-6edb1883, #w-node-_9fc3ca81-deed-065a-9e1d-bb4c6edb18b0-6edb1883, #w-node-_59739444-92bc-0204-2e2d-5736181b0f3b-6edb1883, #w-node-_83c9d35c-f95a-9eaf-3847-059192df8d1f-6edb1883, #w-node-_01a8acf8-7789-3548-3c82-266c0b1977c9-6edb1883, #w-node-_01a8acf8-7789-3548-3c82-266c0b1977cd-6edb1883, #w-node-_01a8acf8-7789-3548-3c82-266c0b1977d1-6edb1883, #w-node-_1839b047-51a3-faad-3058-64fa39a16fa4-6edb1883, #w-node-_1839b047-51a3-faad-3058-64fa39a16fa8-6edb1883 {
  justify-self: end;
}

#w-node-_9fc3ca81-deed-065a-9e1d-bb4c6edb18d1-6edb1883 {
  align-self: center;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae82-5953f391 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae86-5953f391 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae8a-5953f391 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae8e-5953f391 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae92-5953f391 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae96-5953f391 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563dae9a-5953f391 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daea4-5953f391 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daeae-5953f391 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daeb8-5953f391 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daeba-5953f391 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daebc-5953f391 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daebe-5953f391 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daebf-5953f391 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daec0-5953f391 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daec2-5953f391 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daec3-5953f391 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daec4-5953f391 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daec7-5953f391 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daec8-5953f391 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daecb-5953f391 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daecc-5953f391 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daecd-5953f391 {
  grid-area: 4 / 8 / 5 / 9;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daece-5953f391 {
  grid-area: 3 / 8 / 4 / 9;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daed1-5953f391 {
  grid-area: 2 / 8 / 3 / 9;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daed4-5953f391 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daed5-5953f391 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-adab5828-1e8d-a9b1-2458-2a01563daed8-5953f391 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_2e30848a-6500-b002-3100-185432195c95-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195c9e-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195ca4-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195cad-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195cb3-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195cbc-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195cc2-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195ccb-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195cd1-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195cda-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195ce0-5953f391, #w-node-_2e30848a-6500-b002-3100-185432195ce9-5953f391 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86a1c80a-d222-0012-aa83-48291161be62-ea4188cb {
  align-self: stretch;
}

#w-node-b63ca384-89b0-39cc-0567-501dd87665fb-e805b64a, #w-node-b63ca384-89b0-39cc-0567-501dd87665fc-e805b64a, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd72089-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd7208a-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd7208b-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd7208c-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd7208d-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd7208e-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd7208f-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd72090-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720a1-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720e6-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720e7-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720e8-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720e9-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720ea-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720eb-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720ec-0dd7207c, #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720ed-0dd7207c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42a8-86c2e2fb {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42ac-86c2e2fb, #w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42b0-86c2e2fb, #w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42b4-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cc3-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cc7-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8ccb-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8ccf-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cd3-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cd7-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cdb-86c2e2fb, #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389e6-86c2e2fb, #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389ea-86c2e2fb, #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389ee-86c2e2fb, #w-node-_1ab1a5c7-a2ef-e173-b670-88f007a2a91e-86c2e2fb, #w-node-_1ab1a5c7-a2ef-e173-b670-88f007a2a922-86c2e2fb {
  justify-self: end;
}

#w-node-_0dbf1034-dd07-57be-fdf8-1e1086c2e349-86c2e2fb {
  align-self: center;
}

#w-node-e2ed155c-974c-22a6-deff-5772ca00cd88-3205b69b {
  place-self: center;
}

#w-node-_665313d8-c32c-4c1e-6526-00700371990f-3205b69b {
  place-self: stretch stretch;
}

#w-node-_0b666947-41d0-e025-d8a4-883139762f9d-3205b69b {
  align-self: stretch;
}

#w-node-_9e30f996-81fc-5b6a-4a3e-a42a9f022e07-4905b6d8, #Message.w-node-f58dcb4e-c528-7484-fc84-0086611a5bf5-4905b6d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c1e67344-5322-2e53-bc2d-a5058b70c244-4905b6d8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-efefd3e3-50bc-46d9-359e-a410677e78bf-6705b6d9 {
  grid-area: 1 / 1 / 2 / 4;
}

#w-node-b08e7f1d-7c0a-c0c8-eeca-80dd27571253-6705b6d9 {
  grid-area: 1 / 4 / 2 / 12;
}

#w-node-_8f80e40f-b392-c8c6-12c8-ad033c9bf58f-0205b6e1 {
  align-self: start;
}

#w-node-e9f486f0-7749-0880-8f7a-b72297100626-0205b6e1, #w-node-f949c9ac-c00d-0f2b-625c-b026b4b1b051-0205b6e1, #w-node-_13472c51-e2e5-3ddd-e56e-c2ca808900a1-0205b6e1, #w-node-_13472c51-e2e5-3ddd-e56e-c2ca808900a2-0205b6e1, #w-node-_1d2a729d-75a9-eaa1-92fa-6802cad4449a-0205b6e1, #w-node-_1d2a729d-75a9-eaa1-92fa-6802cad4449b-0205b6e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4c4c1456-7165-d382-e98d-0d1d82d279d5-3905b6e2 {
  grid-area: Area;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4d8-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4dc-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4de-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4eb-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4ed-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4fa-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4fc-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a509-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a50b-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a523-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a527-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a529-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a536-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a538-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a545-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a547-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a554-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a556-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a56e-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a572-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a574-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a581-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a583-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a590-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a592-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a59f-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a5a1-f305b6e3 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a5bf-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a5cf-f305b6e3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-2105b737, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-6ab75bcf {
  justify-self: end;
}

#w-node-b4738e6d-1f7e-bf52-ead8-eb758527009f-6ab75bcf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-732b1352 {
  justify-self: end;
}

#w-node-_2de892db-87cd-e281-6021-7211dd5e2c46-0de35aab, #w-node-_48afa35b-a21c-f0fe-9f63-56bc02db2711-0de35aab {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-be4e0902 {
  justify-self: end;
}

#w-node-dcafa14b-3f68-d345-a2d3-03f9a7b98005-be4e0902, #w-node-_8205125c-a48b-98a4-638d-79e4935c8899-be4e0902 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-aa2a27a0 {
  justify-self: end;
}

#w-node-dcafa14b-3f68-d345-a2d3-03f9a7b98005-aa2a27a0, #w-node-_8205125c-a48b-98a4-638d-79e4935c8899-aa2a27a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c10a5b3a-06b1-a0a3-cc83-f416b30ce7e7-80c4a7e2 {
  justify-self: end;
}

#w-node-_8c4e99f2-d0a9-b4e7-f29e-6a65a52dc97e-80c4a7e2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-c10a5b3a-06b1-a0a3-cc83-f416b30ce7eb-80c4a7e2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-4a2c29d6 {
  justify-self: end;
}

#w-node-d18ee6e9-bf36-495a-d3a3-829336600358-30971827, #scroll.w-node-_8faf6735-d170-1834-d58c-8412be522b66-30971827, #w-node-_5f41082f-6e22-9b1e-723e-73f1b50d64c2-30971827, #w-node-_6b6dc56a-eb7c-b887-80f1-bc8fd765ddfa-6e6d09f7, #w-node-_6b6dc56a-eb7c-b887-80f1-bc8fd765de03-6e6d09f7, #w-node-_6b6dc56a-eb7c-b887-80f1-bc8fd765de0d-6e6d09f7, #w-node-_6b6dc56a-eb7c-b887-80f1-bc8fd765de16-6e6d09f7, #w-node-c7c292e4-25fc-72ea-737c-598eeb224feb-6e6d09f7, #w-node-c7c292e4-25fc-72ea-737c-598eeb224ff4-6e6d09f7, #w-node-da1a7e5f-5aaa-10a5-1997-a29f1176302c-6e6d09f7, #w-node-da1a7e5f-5aaa-10a5-1997-a29f11763035-6e6d09f7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fbb60556-d725-5b29-7897-59269d9b96ec-9d9b96e6 {
  grid-area: 1 / 2 / 2 / 6;
}

#w-node-fbb60556-d725-5b29-7897-59269d9b96f8-9d9b96e6 {
  grid-area: 1 / 7 / 2 / 12;
}

#w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b351-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b359-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b363-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b36c-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b376-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b37c-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b386-747c622d, #w-node-_4ab08f56-5a71-1c3a-4476-d71d1594b38c-747c622d, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c410-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c418-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c422-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c42b-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c435-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c43b-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c445-dfef1205, #w-node-ba5c4b2e-ea85-9e16-e5f6-e99a58a2c44b-dfef1205, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da58-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da60-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da6a-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da73-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da7d-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da83-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da8d-a2265937, #w-node-_1d94013d-6114-f459-2c43-9d2f0f90da93-a2265937, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a98e-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a996-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a9a0-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a9a9-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a9b3-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a9b9-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a9c3-9f7e3c37, #w-node-_7c4977cb-789b-8643-a8a2-3ba88779a9c9-9f7e3c37, #w-node-aa229153-ec18-579e-c45c-ce2093cf7b62-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7b77-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7b81-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7b8a-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7b94-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7b9a-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7ba4-a7e50976, #w-node-aa229153-ec18-579e-c45c-ce2093cf7baa-a7e50976, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbbf-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbce-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbd8-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbe1-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbeb-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbf1-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bbfb-ba30cb26, #w-node-b221724b-bdfb-e20e-c084-c16f0646bc01-ba30cb26, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f1c-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f24-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f2e-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f37-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f41-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f47-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f51-6c65a0f1, #w-node-_8ab49261-8adc-f12f-e54b-4b6d5d9f2f57-6c65a0f1, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be445-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be44b-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be455-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be45b-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be465-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be46b-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be475-2bf0bc12, #w-node-_4e7bd92e-99f9-3019-b34d-7f75c10be47b-2bf0bc12, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946221-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946227-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946231-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946237-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946241-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946247-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946251-9b147dbe, #w-node-_9a2b120e-4ccc-9105-f6c3-f336d7946257-9b147dbe, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d6a-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d72-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d7c-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d82-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d8c-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d92-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00d9c-c9f92509, #w-node-_63ddbcda-317d-4446-919b-c288a9c00da2-c9f92509 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa28-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa2d-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa32-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa37-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa3d-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa43-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fa49-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fb4f-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fb68-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fb6b-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fb6d-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fb70-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fbc9-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fbd3-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fbd4-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fbd9-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fbde-d743ddbf, #w-node-ba0465d7-b518-383c-71e5-4d72466a955f-d743ddbf, #w-node-_7ee41bd7-c761-4a45-70ff-05e6baa8fe13-d743ddbf, #w-node-ddd2f660-116d-83a0-0515-0d62883f50e7-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc19-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc1c-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc1e-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc21-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc23-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc26-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc28-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc2b-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc2d-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc30-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc32-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc35-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc37-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc3a-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc4c-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc4f-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc51-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc54-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc56-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc59-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc5b-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc5e-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc60-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc63-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc65-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fc68-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcbf-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcc4-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcc9-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcce-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcd3-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcd8-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fce2-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fce7-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcec-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcf1-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcf6-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fcfb-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd00-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd05-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd0a-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd0f-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd14-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd18-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd19-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd1b-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd1e-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd23-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd28-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd3d-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd42-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd47-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd4c-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd51-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd56-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd60-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd65-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd6a-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd6f-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd74-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd79-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd7e-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd83-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd88-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd8d-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd92-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd96-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd97-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fd9c-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fda1-d743ddbf, #w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fda6-d743ddbf {
  justify-self: start;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fe28-d743ddbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_472ff40a-e7ce-0bf6-a1da-81a11da1fe84-d743ddbf {
  justify-self: start;
}

#w-node-_05e5c114-25e6-ff67-6324-bb895624e11e-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e120-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e122-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e124-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e126-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e128-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e12b-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e12d-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e12f-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e131-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e133-5471b6a3, #w-node-_05e5c114-25e6-ff67-6324-bb895624e135-5471b6a3 {
  justify-self: center;
}

#w-node-_8f1ccc7b-3eca-bb9f-5ae8-e8db1b2e561a-5471b6a3, #w-node-_4f174b4a-b74a-e4d9-b46c-2eba560e1422-5471b6a3, #w-node-_6bdfa8b9-3371-6203-c8cd-9b2c2d13b436-5471b6a3, #w-node-_6bdfa8b9-3371-6203-c8cd-9b2c2d13b43f-5471b6a3, #w-node-_93b8d244-0a90-1cc5-2b51-0b3d58aeed27-5471b6a3, #w-node-_93b8d244-0a90-1cc5-2b51-0b3d58aeed30-5471b6a3, #w-node-b5b9b8f2-081e-ed99-8e2f-5f1d2158f81d-5471b6a3, #w-node-b5b9b8f2-081e-ed99-8e2f-5f1d2158f826-5471b6a3, #w-node-cc2098e6-ade3-f0a6-e510-829d41ceecf0-5471b6a3, #w-node-cc2098e6-ade3-f0a6-e510-829d41ceecf9-5471b6a3, #w-node-_2868eaa1-45e4-ef85-2b53-2647e461d5d7-5471b6a3, #w-node-_2868eaa1-45e4-ef85-2b53-2647e461d5e0-5471b6a3, #w-node-_0e653191-0b2f-f4cc-60af-ae711a2c3517-5471b6a3, #w-node-fadf1438-e7e8-908f-1625-614fc35ce0f4-5471b6a3, #w-node-_72a1af57-2df4-1259-1882-11f8b67669c4-5471b6a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-1d54d81c {
  justify-self: end;
}

#w-node-dcafa14b-3f68-d345-a2d3-03f9a7b98005-1d54d81c, #w-node-_8205125c-a48b-98a4-638d-79e4935c8899-1d54d81c, #w-node-_90e2127d-b283-55d9-4203-af0ec1e44132-20f2dbd6, #w-node-_0fd17e6e-eccc-2e17-a690-24a446441bc3-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c3e00543-b3f2-7c98-3906-2959a61753db-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_71b22fc2-b8a5-0e80-4a69-4197fd19074b-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_71b22fc2-b8a5-0e80-4a69-4197fd19074d-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_265f3098-8b0c-4a12-4ee6-807677989cf2-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_265f3098-8b0c-4a12-4ee6-807677989cf4-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-d322d693-5ecf-b9b8-32dd-c8ed29fc1fc9-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d322d693-5ecf-b9b8-32dd-c8ed29fc1fcb-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3053-20f2dbd6, #w-node-f5d6407b-ec75-32b9-1be6-51116d8d3057-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3059-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3064-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3066-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3071-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3073-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d307e-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f5d6407b-ec75-32b9-1be6-51116d8d3080-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d100-20f2dbd6, #w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d104-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d106-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d111-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d113-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d11e-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d120-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d12b-20f2dbd6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d12d-20f2dbd6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_59d76400-ed69-c982-e77e-a90e37410e03-20f2dbd6, #w-node-c2c96a90-1d86-551c-b1fe-7a81f60af972-20f2dbd6, #w-node-_7bd56fab-136c-c104-5d63-581ced069452-408836b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dbf2130-920c-80ef-1d45-6c43350ec5e2-408836b7 {
  align-self: start;
}

#w-node-dc531644-cc58-1b72-3135-15ca9195cb2c-408836b7, #w-node-cf651a63-f7e3-b685-d486-7d2e058e8879-408836b7, #w-node-_0fcb3a29-2fdf-e378-1716-2a44b0e48857-408836b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0fcb3a29-2fdf-e378-1716-2a44b0e48864-408836b7, #w-node-_4bf92164-2430-28ef-1bbf-76f01979965a-408836b7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4bf92164-2430-28ef-1bbf-76f019799658-408836b7, #w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b6192-d404efae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b61a1-d404efae {
  align-self: start;
}

#w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b61cd-d404efae {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b61cb-d404efae, #w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b61e9-d404efae {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b61df-d404efae {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_193449ee-18f3-c09b-db2a-336472f5ad91-4eae2833 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_193449ee-18f3-c09b-db2a-336472f5adb3-4eae2833 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_193449ee-18f3-c09b-db2a-336472f5adbd-4eae2833, #w-node-_193449ee-18f3-c09b-db2a-336472f5adc4-4eae2833 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_193449ee-18f3-c09b-db2a-336472f5adc6-4eae2833 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_41a3fb08-088f-2339-f03c-3011e8d4a064-c2f7ea0f, #w-node-_41a3fb08-088f-2339-f03c-3011e8d4a08b-c2f7ea0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41a3fb08-088f-2339-f03c-3011e8d4a084-c2f7ea0f, #w-node-_41a3fb08-088f-2339-f03c-3011e8d4a094-c2f7ea0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_41a3fb08-088f-2339-f03c-3011e8d4a092-c2f7ea0f, #w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f370c-d68138d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f3730-d68138d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f372e-d68138d0, #w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f3743-d68138d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f373c-d68138d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1e1094e8-46a4-22ee-4577-9042be426fa5-5d51342e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e1094e8-46a4-22ee-4577-9042be426fc4-5d51342e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1e1094e8-46a4-22ee-4577-9042be426fcb-5d51342e, #w-node-_1e1094e8-46a4-22ee-4577-9042be426fd2-5d51342e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1e1094e8-46a4-22ee-4577-9042be426fd4-5d51342e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-ee3866a3-16b7-3403-6c3e-215c8df4023d-913a70e8 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d0c72a66-892b-d8a4-7ca8-04a86a396bf2-913a70e8 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_8b3945e4-625c-3cb2-d624-eee955b9bb14-913a70e8 {
  grid-area: 1 / 5 / 2 / 6;
}

#w-node-_62f6774d-1868-7be1-e66b-152e6c243437-913a70e8 {
  grid-area: 1 / 6 / 2 / 7;
}

#w-node-_4370f961-dae0-c478-fa4a-fc7eb6028eee-913a70e8 {
  grid-area: 1 / 7 / 2 / 8;
}

#w-node-_7351648f-9985-973c-d1dd-0c06450d67f1-913a70e8 {
  grid-area: 1 / 8 / 2 / 9;
}

#w-node-_5b03f95c-015d-715b-b7b9-945fbfd510b7-913a70e8 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-ce62c58a-b610-a4dc-c251-ad5aee0dcfdb-913a70e8 {
  grid-area: 3 / 1 / 4 / 3;
}

#w-node-_478f21eb-8814-725a-eea0-240582edcc71-913a70e8 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_27cf8eb7-af2c-359d-919f-4f18787ad8c6-913a70e8 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-e0b7c2f8-7497-458c-7557-7fba5be59a3f-913a70e8 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_2ec92005-7a21-26fc-2a7a-487eb6d04023-913a70e8 {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_83474e1e-1f18-ad5a-9a7f-c69013e5381a-913a70e8 {
  grid-area: 4 / 3 / 5 / 4;
}

#w-node-_83474e1e-1f18-ad5a-9a7f-c69013e5381b-913a70e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1db9377d-daa9-85f6-08af-734a868d79b1-913a70e8 {
  grid-area: 3 / 6 / 4 / 7;
}

#w-node-dbf10056-a3f7-8af5-d190-e290908ed788-913a70e8 {
  grid-area: 3 / 4 / 4 / 5;
}

#w-node-_05429362-5b9f-d728-1c90-b69f6625f5b3-913a70e8 {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_29325a16-9e5a-c5b6-c709-a8e75ae84f84-913a70e8 {
  grid-area: 2 / 5 / 3 / 6;
}

#w-node-_4e32fcd6-eb9e-7776-e799-e2753e345bdc-913a70e8 {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-ab01d6cd-8971-f084-7d27-c8bd4f31468e-913a70e8 {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-e6b3aa10-9ccc-f46f-4024-0eca60597ea5-913a70e8 {
  grid-area: 2 / 7 / 3 / 8;
}

#w-node-_99eb83a0-4910-5ae1-200e-00d1fa52a3d1-913a70e8 {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-c7ce302b-f584-b825-edb1-53ab050821bc-913a70e8 {
  grid-area: 4 / 8 / 5 / 9;
}

#w-node-ad138be8-4025-f533-93af-b1bb7399c71c-913a70e8 {
  grid-area: 3 / 8 / 4 / 9;
}

#w-node-c387871a-c66e-9308-853d-27d76d7cf3aa-913a70e8 {
  grid-area: 2 / 8 / 3 / 9;
}

#w-node-f8cf20d5-f641-81c0-8d18-c4cd3da2e76d-913a70e8 {
  grid-area: 4 / 5 / 5 / 6;
}

#w-node-_25a3dca2-0e93-8f7c-f07a-ccf027bc2adb-913a70e8 {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-_638aae63-0487-3b6c-dc7c-b705d00f7407-913a70e8 {
  grid-area: 4 / 7 / 5 / 8;
}

#w-node-_2e30848a-6500-b002-3100-185432195c95-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195c9e-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195ca4-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195cad-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195cb3-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195cbc-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195cc2-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195ccb-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195cd1-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195cda-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195ce0-913a70e8, #w-node-_2e30848a-6500-b002-3100-185432195ce9-913a70e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6779e9ff-e4f1-3d3e-f27a-8eb159130ef5-76f2e470 {
  grid-area: 1 / 2 / 2 / 4;
}

@media screen and (min-width: 1920px) {
  #w-node-_092b76a9-7148-3bc6-fafd-2b542857ec76-2a43fb9e, #w-node-_092b76a9-7148-3bc6-fafd-2b542857ec76-1613a69b, #w-node-_14f74b3e-2741-a351-2f82-92a125f93bc3-d71c6822 {
    justify-self: end;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19fa-ae2f46c5 {
    grid-area: 1 / 2 / 2 / 4;
  }

  #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf1a0e-ae2f46c5 {
    grid-area: 2 / 1 / 2 / 4;
  }

  #w-node-_9fc3ca81-deed-065a-9e1d-bb4c6edb18d1-6edb1883 {
    justify-self: center;
  }

  #w-node-_9fc3ca81-deed-065a-9e1d-bb4c6edb18d3-6edb1883 {
    place-self: start center;
  }

  #w-node-_0dbf1034-dd07-57be-fdf8-1e1086c2e34b-86c2e2fb, #w-node-_816f6649-360d-7c05-b6a6-74c4ab549e16-3205b69b, #w-node-b97c2450-f753-ae1c-7417-4e926deb41cc-3205b69b, #w-node-_6c1de33d-7793-25f2-313c-84a162a7cb58-3205b69b, #w-node-_665313d8-c32c-4c1e-6526-00700371990f-3205b69b, #w-node-_0b666947-41d0-e025-d8a4-883139762f9d-3205b69b {
    justify-self: center;
  }

  #w-node-_53d9950d-521b-051d-8336-c372eb975360-3205b69b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_65e4f487-d4e9-b78c-baba-bb6fef582e97-2005b6d3 {
    order: -9999;
  }

  #w-node-b08e7f1d-7c0a-c0c8-eeca-80dd27571253-6705b6d9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_51193e74-ffad-e1c2-e207-f95c974683f4-2105b737, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-2105b737, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-6ab75bcf, #w-node-_51193e74-ffad-e1c2-e207-f95c974683f4-732b1352, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-732b1352, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-be4e0902, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-aa2a27a0, #w-node-c10a5b3a-06b1-a0a3-cc83-f416b30ce7e1-80c4a7e2, #w-node-c10a5b3a-06b1-a0a3-cc83-f416b30ce7e7-80c4a7e2, #w-node-_51193e74-ffad-e1c2-e207-f95c974683f4-4a2c29d6, #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-4a2c29d6 {
    justify-self: center;
  }

  #w-node-fbb60556-d725-5b29-7897-59269d9b96ec-9d9b96e6 {
    grid-column: 3 / 11;
  }

  #w-node-fbb60556-d725-5b29-7897-59269d9b96f8-9d9b96e6 {
    grid-area: 2 / 3 / 3 / 11;
  }

  #w-node-c58bbb2f-8ff2-e7d6-c9a3-2a3c4b93c9bc-1d54d81c {
    justify-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19ef-ae2f46c5 {
    align-self: auto;
  }

  #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf19fa-ae2f46c5 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf1a0e-ae2f46c5 {
    grid-row: 3 / 4;
    grid-column-end: 2;
  }

  #w-node-_659f06c7-f840-0f3e-f2cd-e17b3a4ae712-6edb1883, #w-node-f3a90d56-0cef-23b9-7c29-1f4ab411fbd2-6edb1883, #w-node-_014fddfa-5f1c-85b0-1b78-bdd807d7ba01-6edb1883, #w-node-_90079b31-6617-299e-a5ad-dbbe1efb44cd-6edb1883, #w-node-_83c9d35c-f95a-9eaf-3847-059192df8d1f-6edb1883, #w-node-_01a8acf8-7789-3548-3c82-266c0b1977c9-6edb1883, #w-node-_01a8acf8-7789-3548-3c82-266c0b1977d1-6edb1883, #w-node-_1839b047-51a3-faad-3058-64fa39a16fa4-6edb1883 {
    justify-self: center;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae82-5953f391 {
    grid-column: 2 / 3;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae86-5953f391 {
    grid-column: 3 / 4;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae8a-5953f391 {
    grid-column: 4 / 5;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae8e-5953f391 {
    grid-column: 5 / 6;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae92-5953f391 {
    grid-column: 6 / 7;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae96-5953f391 {
    grid-column: 7 / 8;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563dae9a-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daea4-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daeae-5953f391 {
    grid-column-end: 2;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daeb8-5953f391 {
    grid-column: 2 / 3;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daeba-5953f391 {
    grid-column: 3 / 4;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daebc-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daebe-5953f391 {
    grid-column: 2 / 3;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daec0-5953f391 {
    grid-column: 5 / 6;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daec2-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daec3-5953f391 {
    grid-column: 3 / 4;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daec4-5953f391 {
    grid-column: 4 / 5;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daec7-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daec8-5953f391 {
    grid-column: 5 / 6;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daecb-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daecc-5953f391 {
    grid-column: 6 / 7;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daecd-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daece-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daed1-5953f391 {
    grid-column: 7 / 8;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daed4-5953f391, #w-node-adab5828-1e8d-a9b1-2458-2a01563daed5-5953f391 {
    grid-column: 4 / 5;
  }

  #w-node-adab5828-1e8d-a9b1-2458-2a01563daed8-5953f391 {
    grid-column: 6 / 7;
  }

  #w-node-_710265c5-8b59-a839-c896-fddea5fa430f-e805b64a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd72096-0dd7207c {
    align-self: auto;
  }

  #w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42b0-86c2e2fb, #w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42b4-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cc3-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8ccb-86c2e2fb, #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cdb-86c2e2fb, #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389e6-86c2e2fb, #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389ee-86c2e2fb, #w-node-_1ab1a5c7-a2ef-e173-b670-88f007a2a91e-86c2e2fb, #w-node-_6c1de33d-7793-25f2-313c-84a162a7cb58-3205b69b {
    justify-self: center;
  }

  #w-node-e2ed155c-974c-22a6-deff-5772ca00cd88-3205b69b {
    place-self: stretch center;
  }

  #w-node-_665313d8-c32c-4c1e-6526-00700371990f-3205b69b, #w-node-_0b666947-41d0-e025-d8a4-883139762f9d-3205b69b {
    justify-self: center;
  }

  #w-node-_9e30f996-81fc-5b6a-4a3e-a42a9f022e07-4905b6d8, #Message.w-node-f58dcb4e-c528-7484-fc84-0086611a5bf5-4905b6d8, #w-node-c1e67344-5322-2e53-bc2d-a5058b70c244-4905b6d8 {
    grid-column: span 1 / span 1;
  }

  #w-node-d6aefb73-8f23-acd6-c12d-2a35ac340202-3905b6e2, #w-node-_68a134e3-eeed-9b75-bb89-848360fd0822-3905b6e2 {
    justify-self: auto;
  }

  #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4de-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4ed-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a4fc-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a50b-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a529-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a538-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a547-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a556-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a574-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a583-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a592-f305b6e3, #w-node-_6dd35dcb-0492-e8ee-8c56-c35a0519a5a1-f305b6e3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e0378589-45c0-ea89-32d0-e3334c07c04b-1005b74e {
    justify-self: auto;
  }

  #w-node-fbb60556-d725-5b29-7897-59269d9b96ec-9d9b96e6, #w-node-fbb60556-d725-5b29-7897-59269d9b96f8-9d9b96e6 {
    grid-column: 1 / 13;
  }

  #w-node-c3e00543-b3f2-7c98-3906-2959a61753db-20f2dbd6, #w-node-_71b22fc2-b8a5-0e80-4a69-4197fd19074d-20f2dbd6, #w-node-_265f3098-8b0c-4a12-4ee6-807677989cf4-20f2dbd6, #w-node-d322d693-5ecf-b9b8-32dd-c8ed29fc1fcb-20f2dbd6, #w-node-f5d6407b-ec75-32b9-1be6-51116d8d3059-20f2dbd6, #w-node-f5d6407b-ec75-32b9-1be6-51116d8d3066-20f2dbd6, #w-node-f5d6407b-ec75-32b9-1be6-51116d8d3073-20f2dbd6, #w-node-f5d6407b-ec75-32b9-1be6-51116d8d3080-20f2dbd6, #w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d106-20f2dbd6, #w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d113-20f2dbd6, #w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d120-20f2dbd6, #w-node-_20525c0a-d95d-d8e9-3c2f-ad75d9d2d12d-20f2dbd6 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_814b8b2b-2c71-1eef-26d7-f75ee84b61cb-d404efae, #w-node-_193449ee-18f3-c09b-db2a-336472f5adbd-4eae2833, #w-node-_41a3fb08-088f-2339-f03c-3011e8d4a08b-c2f7ea0f {
    order: -9999;
  }

  #w-node-_41a3fb08-088f-2339-f03c-3011e8d4a092-c2f7ea0f {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f372e-d68138d0 {
    order: -9999;
  }

  #w-node-_35f52e55-26e6-7cb3-8402-bd78fc2f3743-d68138d0 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1e1094e8-46a4-22ee-4577-9042be426fcb-5d51342e {
    order: -9999;
  }

  #w-node-_1e1094e8-46a4-22ee-4577-9042be426fd2-5d51342e {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ee3866a3-16b7-3403-6c3e-215c8df4023d-913a70e8 {
    grid-column: 2 / 3;
  }

  #w-node-d0c72a66-892b-d8a4-7ca8-04a86a396bf2-913a70e8 {
    grid-column: 3 / 4;
  }

  #w-node-_8b3945e4-625c-3cb2-d624-eee955b9bb14-913a70e8 {
    grid-column: 4 / 5;
  }

  #w-node-_62f6774d-1868-7be1-e66b-152e6c243437-913a70e8 {
    grid-column: 5 / 6;
  }

  #w-node-_4370f961-dae0-c478-fa4a-fc7eb6028eee-913a70e8 {
    grid-column: 6 / 7;
  }

  #w-node-_7351648f-9985-973c-d1dd-0c06450d67f1-913a70e8 {
    grid-column: 7 / 8;
  }

  #w-node-_5b03f95c-015d-715b-b7b9-945fbfd510b7-913a70e8, #w-node-ce62c58a-b610-a4dc-c251-ad5aee0dcfdb-913a70e8, #w-node-_478f21eb-8814-725a-eea0-240582edcc71-913a70e8 {
    grid-column-end: 2;
  }

  #w-node-_27cf8eb7-af2c-359d-919f-4f18787ad8c6-913a70e8 {
    grid-column: 2 / 3;
  }

  #w-node-e0b7c2f8-7497-458c-7557-7fba5be59a3f-913a70e8 {
    grid-column: 3 / 4;
  }

  #w-node-_2ec92005-7a21-26fc-2a7a-487eb6d04023-913a70e8, #w-node-_83474e1e-1f18-ad5a-9a7f-c69013e5381a-913a70e8 {
    grid-column: 2 / 3;
  }

  #w-node-_1db9377d-daa9-85f6-08af-734a868d79b1-913a70e8 {
    grid-column: 5 / 6;
  }

  #w-node-dbf10056-a3f7-8af5-d190-e290908ed788-913a70e8, #w-node-_05429362-5b9f-d728-1c90-b69f6625f5b3-913a70e8 {
    grid-column: 3 / 4;
  }

  #w-node-_29325a16-9e5a-c5b6-c709-a8e75ae84f84-913a70e8 {
    grid-column: 4 / 5;
  }

  #w-node-_4e32fcd6-eb9e-7776-e799-e2753e345bdc-913a70e8, #w-node-ab01d6cd-8971-f084-7d27-c8bd4f31468e-913a70e8 {
    grid-column: 5 / 6;
  }

  #w-node-e6b3aa10-9ccc-f46f-4024-0eca60597ea5-913a70e8, #w-node-_99eb83a0-4910-5ae1-200e-00d1fa52a3d1-913a70e8 {
    grid-column: 6 / 7;
  }

  #w-node-c7ce302b-f584-b825-edb1-53ab050821bc-913a70e8, #w-node-ad138be8-4025-f533-93af-b1bb7399c71c-913a70e8, #w-node-c387871a-c66e-9308-853d-27d76d7cf3aa-913a70e8 {
    grid-column: 7 / 8;
  }

  #w-node-f8cf20d5-f641-81c0-8d18-c4cd3da2e76d-913a70e8, #w-node-_25a3dca2-0e93-8f7c-f07a-ccf027bc2adb-913a70e8 {
    grid-column: 4 / 5;
  }

  #w-node-_638aae63-0487-3b6c-dc7c-b705d00f7407-913a70e8 {
    grid-column: 6 / 7;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_326b2e22-61b7-d6e0-c9a4-d47fdbcf1a3a-ae2f46c5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_659f06c7-f840-0f3e-f2cd-e17b3a4ae712-6edb1883, #w-node-f3a90d56-0cef-23b9-7c29-1f4ab411fbd2-6edb1883 {
    justify-self: start;
  }

  #w-node-_014fddfa-5f1c-85b0-1b78-bdd807d7ba01-6edb1883 {
    justify-self: center;
  }

  #w-node-_90079b31-6617-299e-a5ad-dbbe1efb44cd-6edb1883 {
    justify-self: end;
  }

  #w-node-_83c9d35c-f95a-9eaf-3847-059192df8d1f-6edb1883, #w-node-_01a8acf8-7789-3548-3c82-266c0b1977c9-6edb1883 {
    justify-self: center;
  }

  #w-node-_01a8acf8-7789-3548-3c82-266c0b1977d1-6edb1883 {
    justify-self: end;
  }

  #w-node-_1839b047-51a3-faad-3058-64fa39a16fa4-6edb1883 {
    justify-self: center;
  }

  #w-node-_00cd4de9-1bd4-5917-fdc7-dbb20dd720e1-0dd7207c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42b0-86c2e2fb, #w-node-_6d861fb1-c803-9b02-4b1c-f2c5535a42b4-86c2e2fb {
    justify-self: start;
  }

  #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cc3-86c2e2fb {
    justify-self: center;
  }

  #w-node-a4172687-d5ec-759b-befb-3bf7daaf8ccb-86c2e2fb {
    justify-self: end;
  }

  #w-node-a4172687-d5ec-759b-befb-3bf7daaf8cdb-86c2e2fb, #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389e6-86c2e2fb {
    justify-self: center;
  }

  #w-node-_7e908cf0-401d-46ac-2847-b9b2bc7389ee-86c2e2fb {
    justify-self: end;
  }

  #w-node-_1ab1a5c7-a2ef-e173-b670-88f007a2a91e-86c2e2fb, #w-node-_816f6649-360d-7c05-b6a6-74c4ab549e16-3205b69b, #w-node-e2ed155c-974c-22a6-deff-5772ca00cd88-3205b69b, #w-node-_665313d8-c32c-4c1e-6526-00700371990f-3205b69b {
    justify-self: center;
  }

  #w-node-c1e67344-5322-2e53-bc2d-a5058b70c244-4905b6d8 {
    justify-self: auto;
  }
}


@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basiercircle';
  src: url('../fonts/BasierCircle-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}