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

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

@font-face {
  font-family: "Matter";
  src: url("../fonts/Matter-Heavy.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Matter";
  src: url("../fonts/Matter-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

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

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

:root {
  --surface-1-dark: white;
  --color-on-surface-1-dark: #151533;
  --color-on-surface-2-dark: #505270;
  --accent-dark: #dbddff;
  --outline-1: #9b9bbf;
  --surface-2-dark: #f2f2f5;
  --surface-3-dark: #f2f2f7;
  --accent-light: #3d8753;
  --callout: #dbdbf3;
  --surface-1-light: white;
  --surface-2-light: #f3f6fc;
  --surface-3-light: #f8fafc;
  --color-on-surface-1-light: #272623;
  --color-on-surface-2-light: #474644;
  --accent-orange: #d88800;
  --accent-green: #008839;
  --accent-pink: #ff4d6a;
}

/* Apply Matter font to body */
body {
  font-family: "Matter", sans-serif;
}

.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 {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.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-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-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 {
  height: 38px;
  width: 60px;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

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

.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;
  -ms-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;
  -ms-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-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

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

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  width: 100%;
  text-align: center;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

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

.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-users-usersignupverificationmessage {
  display: none;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  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-commercecheckoutemailinput {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-commercecartitemimage {
  width: 60px;
  height: 0%;
}

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

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

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

.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-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  min-height: 30px;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  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;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  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;
  -ms-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-commercepaypalcheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  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: 0.33em;
}

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

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

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

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

@media screen and (max-width: 767px) {
  .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-commerceaddtocartquantityinput,
  .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 {
    font-size: 16px;
  }
}

body {
  max-width: 100vw;
  background-color: var(--surface-1-dark);
  color: var(--color-on-surface-1-dark);
  font-family: Matter;
  font-size: 1rem;
  line-height: 1.6;
  display: flex;
}

form {
  font-family: Matter;
}

h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.1;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.3;
}

h4 {
  color: #c4c7c5;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

p {
  color: var(--color-on-surface-2-dark);
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.7;
}

a {
  color: var(--color-on-surface-1-dark);
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

a:active {
  opacity: 0.5;
}

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

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

li {
  margin-top: 8px;
  margin-bottom: 8px;
}

label {
  margin-bottom: 0;
  font-weight: 400;
  display: block;
}

.menu__wrapper {
  z-index: 1000;
  width: 100%;
  /* height: 5.9vh; */
  height: 65px;
  max-height: 73px;
  min-height: 56px;
  background-color: var(--surface-1-dark);
  /* border-bottom: 2px solid rgba(0, 0, 0, 0.1); */
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  position: fixed;
  background-color: #19323f;
}

.content__wrapper {
  width: 100%;
  margin-top: 5vh;
  padding: 24px 24px 0;
  overflow: hidden;
}

.content__wrapper.sidebar {
  margin-left: 280px;
  overflow: visible;
}

.card__wrapper {
  border: 1px solid var(--accent-dark);
  background-color: var(--surface-1-dark);
  color: var(--color-on-surface-1-dark);
  /* border-radius: 8px; */
  flex-direction: column;
  flex: 1;
  display: flex;
}

.card__wrapper.elevated {
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);
}

.card__wrapper.elevated:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12);
}

.card__wrapper.outlined {
  border: 1px solid var(--outline-1);
}

.card__wrapper.clickable:active {
  border-radius: 44px;
}

.card__wrapper.overflow-hidden {
  overflow: hidden;
}

.card__wrapper.shrink {
  flex: 0 auto;
}

.content__grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  align-content: start;
}

.content__grid._3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.text-image__content-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin: 24px;
  display: flex;
  position: relative;
}

.text-image__content-container.no-padding {
  margin: 0;
}

.text-image__content-container.card-top {
  margin-bottom: 16px;
}

.text-image__content-container.title-top {
  margin-top: 8px;
}

.text-image__content-container._100 {
  width: 100%;
}

.card__thumbnail {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card__thumbnail.fill-surface-1-dark {
  background-color: var(--surface-1-dark);
}

.card__thumbnail.fill-surface-2-dark {
  background-color: var(--surface-2-dark);
}

.card__thumbnail.fill-surface-3-dark {
  background-color: var(--surface-3-dark);
}

.card__thumbnail.fill-color-on-surface-1-dark {
  color: var(--color-on-surface-1-dark);
}

.card__thumbnail.fill-color-on-surface-2-dark {
  background-color: var(--color-on-surface-2-dark);
}

.card__thumbnail.fill-accent-dark {
  background-color: var(--accent-dark);
}

.card__thumbnail.fill-accent-light {
  background-color: var(--accent-light);
}

.card__thumbnail.fill-outline {
  background-color: var(--outline-1);
}

.card__thumbnail.fill-form-1-bg {
  background-color: var(--surface-3-dark);
  background-image: url("../images/Set-up-trustestate.svg");
  background-position: 50%;
  background-size: cover;
}

.card__thumbnail.fill-form-2-bg {
  background-color: var(--surface-3-dark);
  background-image: url("../images/Assets-liabilities.svg");
  background-position: 50%;
  background-size: cover;
}

.card__thumbnail.fill-form-3-bg {
  background-color: var(--surface-3-dark);
  background-image: url("../images/TrustEstate-Illustration-3.svg");
  background-position: 70%;
  background-size: cover;
}

.card__thumbnail.fill-callout {
  background-color: var(--callout);
}

.content__section {
  max-width: 1200px;
  margin: 96px auto;
  position: relative;
}

.content__section.hero {
  max-width: 1760px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.content__section.top {
  margin-top: 48px;
}

.content__section.kanban {
  height: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.content__section.embedded {
  max-width: 1760px;
}

.p-large {
  font-size: 1.3rem;
  line-height: 1.8;
}

.hero__wrapper {
  background-color: rgba(0, 0, 0, 0.25);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 56px;
  display: block;
}

.hero__wrapper.fill-bg-buttons {
  background-image: url("../images/abstract-bg-buttons_1abstract-bg-buttons.webp");
  background-position: 50%;
  background-size: cover;
}

.hero__wrapper.fill-bg-cards {
  background-image: url("../images/abstract-bg-cards_1abstract-bg-cards.webp");
  background-position: 100%;
  background-size: cover;
}

.hero__wrapper.fill-bg-none {
  background-color: rgba(0, 0, 0, 0);
}

.hero__wrapper.fill-bg-carousel {
  background-image: url("../images/abstract-bg-carousel_1abstract-bg-carousel.webp");
  background-position: 50%;
  background-size: cover;
}

.hero__wrapper.fill-bg-chips {
  background-image: url("../images/abstract-bg-chios_1abstract-bg-chios.webp");
  background-position: 50%;
  background-size: cover;
}

.hero__wrapper.fill-bg-checkbox {
  background-image: url("../images/abstract-bg-checkbox_1abstract-bg-checkbox.webp");
  background-position: 100%;
  background-size: cover;
}

.hero__wrapper.fill-bg-dropdown {
  background-image: url("../images/abstract-bg-dropdown_1abstract-bg-dropdown.webp");
  background-position: 100%;
  background-size: cover;
}

.hero__wrapper.fill-bg-lists {
  background-image: url("../images/abstract-bg-lists_1abstract-bg-lists.webp");
  background-position: 100%;
  background-size: cover;
}

.hero__wrapper.fill-bg-modals {
  background-image: url("../images/abstract-bg-modal_1abstract-bg-modal.webp");
  background-position: 100%;
  background-size: cover;
}

.hero__wrapper.fill-bg-toasts {
  background-image: url("../images/abstract-bg-toasts_1abstract-bg-toasts.webp");
  background-position: 50%;
  background-size: cover;
}

.hero__wrapper.fill-bg-tooltips {
  background-image: url("../images/abstract-bg-tooltips_1abstract-bg-tooltips.webp");
  background-position: 50%;
  background-size: cover;
}

.hero__wrapper.fill-bg-progress-indicators {
  background-image: url("../images/abstract-bg-progress-indicators_1abstract-bg-progress-indicators.webp");
  background-position: 50%;
  background-size: cover;
}

.hero__content {
  height: 432px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.hero__content.left {
  text-align: left;
}

.menu__item-wrapper {
  height: 6vh;
  max-height: 75px;
  min-height: 56px;
  color: var(--color-on-surface-2-dark);
  text-align: center;
  align-items: center;
  padding: 0.3vh 0.5vw;
  transition: color 0.3s;
  display: flex;
}

.menu__item-wrapper:hover {
  color: var(--color-on-surface-1-dark);
  transform: scale(1.05);
}

.menu__item-wrapper:active {
  opacity: 0.75;
  transform: scale(0.95);
}

.menu__item-wrapper.w--current {
  border-bottom: 3px solid var(--accent-light);
  color: var(--accent-light);
}

.menu__item-wrapper.ripple.w--current {
  height: 5vh;
  min-height: 58px;
  background-color: rgba(0, 0, 0, 0);
}

.menu__light-dark-wrapper {
  width: 48px;
  height: 48px;
  border: 1px solid var(--outline-1);
  color: var(--color-on-surface-1-dark);
  border-radius: 24px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  overflow: hidden;
}

.menu__light-dark-wrapper:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.menu__icon {
  width: 2vw;
  height: 2vw;
  max-height: 32px;
  max-width: 32px;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.menu__icon.logout {
  position: absolute;
}

.menu__light-dark-icon {
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: translate(0, -48px);
}

.fill-surface-1-dark {
  background-color: var(--surface-1-dark);
}

.fill-surface-2-dark {
  background-color: var(--surface-2-dark);
}

.fill-surface-3-dark {
  background-color: var(--surface-3-dark);
}

.fill-surface-1-light {
  background-color: var(--surface-1-light);
}

.fill-surface-2-light {
  background-color: var(--surface-2-light);
}

.fill-surface-3-light {
  background-color: var(--surface-3-light);
}

.fill-color-on-surface-1-dark {
  background-color: var(--color-on-surface-1-dark);
}

.fill-color-on-surface-2-dark {
  background-color: var(--color-on-surface-2-dark);
}

.fill-color-on-surface-1-light {
  background-color: var(--color-on-surface-1-light);
}

.fill-color-on-surface-2-light {
  background-color: var(--color-on-surface-2-light);
}

.fill-accent-dark {
  background-color: var(--accent-dark);
}

.fill-accent-light {
  background-color: var(--accent-light);
}

.menu__item-text {
  text-align: left;
  flex: 1;
  font-size: 1rem;
}

.menu__icon-hover-mobile-nav {
  width: 48px;
  height: 48px;
  color: var(--color-on-surface-1-dark);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-right: auto;
  display: none;
}

.menu__icon-hover-mobile-nav:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.menu__icon-hover-mobile-nav:active {
  opacity: 0.75;
}

.menu__mobile-nav {
  background-color: var(--surface-1-dark);
  border-bottom: 2px solid #dadada;
  display: none;
}

.menu__modal-cover {
  z-index: 1001;
  opacity: 0;
  background-color: #000;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.buttons__text {
  z-index: 15;
  height: 2.875rem;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--color-on-surface-2-dark);
  background-color: rgba(0, 0, 0, 0);
  align-self: center;
  align-items: center;
  margin: auto 8px;
  padding: 8px 20px;
  font-weight: 500;
  display: flex;
}

.buttons__text:hover {
  color: var(--color-on-surface-1-dark);
  background-color: rgba(0, 0, 0, 0.15);
  /* transform: scale(1.05); */
}

.buttons__text:active {
  opacity: 0.8;
  /* transform: scale(0.95); */
}

.buttons__text.w--current {
  color: var(--accent-light);
  background-color: rgba(0, 0, 0, 0.1);
}

.buttons__text.ripple.w--current {
  background-color: var(--accent-dark);
}

.buttons__text.icon-square {
  width: 3.3rem;
  height: 3.3rem;
  max-width: 3.3rem;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 16px;
  padding-bottom: 12px;
}

.buttons__text.icon-square:active {
  opacity: 0.5;
}

.buttons__text.icon-square.top {
  margin-top: 0;
}

.nav-custom-html {
  display: none;
}

.fill-dark-alpha-0-15 {
  background-color: rgba(255, 255, 255, 0.15);
}

.fill-light-alpha-0-15 {
  background-color: rgba(0, 0, 0, 0.15);
}

.span-code {
  background-color: var(--surface-2-dark);
  color: var(--accent-light);
  /* border-radius: 4px; */
  padding: 0.1rem 0.5rem;
  display: inline-block;
}

.p__caption {
  color: var(--color-on-surface-2-dark);
  margin-top: 0;
  font-size: 0.875rem;
  font-weight: 300;
}

.p__caption.stage-aligned {
  min-width: 18ch;
  text-align: right;
}

.p__caption.stage-aligned.see-all {
  min-width: 25ch;
}

.span-link {
  color: var(--accent-light);
  font-weight: 500;
}

.span-link:hover {
  text-decoration: underline;
}

.span-link:active {
  opacity: 0.5;
}

.figure__image {
  border-radius: 22px;
}

.buttons__inner-icon {
  height: 1.5625rem;
  align-items: center;
  display: flex;
}

.buttons__inner-icon.rotated {
  transform: rotate(180deg);
}

.buttons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--color-on-surface-1-dark);
  text-align: center;
  /* border-radius: 1.2rem; */
  justify-content: center;
  align-items: center;
  padding: 10px 22px;
  font-size: 1.2rem;
  font-weight: 500;
  display: flex;
  position: relative;
  overflow: hidden;
  z-index: 50000;
}

.buttons:hover {
  opacity: 0.8;
  /* border-radius: 1.4rem; */
  /* transform: scale(1.05); */
}

.buttons:active {
  opacity: 0.5;
  transform: scale(0.95);
}

.buttons.w--current {
  color: var(--accent-light);
  background-color: rgba(0, 0, 0, 0.1);
}

.buttons.filled {
  background-color: var(--accent-light);
  color: var(--surface-2-dark);
}

.buttons.filled.inactive {
  background-color: var(--outline-1);
  opacity: 0.3;
}

.buttons.filled.inactive:hover {
  transform: none;
}

.buttons.filled-secondary {
  background-color: var(--accent-dark);
  color: var(--accent-light);
}

.buttons.outlined {
  border: 1px solid var(--outline-1);
  background-color: rgba(0, 0, 0, 0);
}

.buttons.outlined:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.buttons.filled-elevated {
  background-color: var(--accent-dark);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.buttons.filled-elevated:hover {
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}

.buttons.segmented-wrapper {
  height: 3rem;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid var(--outline-1);
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.buttons.segmented-wrapper:hover,
.buttons.segmented-wrapper:active {
  opacity: 1;
}

.buttons.segment {
  border: 1px solid var(--outline-1);
  color: var(--color-on-surface-2-dark);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.buttons.segment:hover {
  color: var(--color-on-surface-1-dark);
  background-color: rgba(0, 0, 0, 0.1);
}

.buttons.segment.w--current {
  background-color: rgba(0, 0, 0, 0.1);
}

.buttons.segment.ripple.w--current {
  background-color: var(--accent-dark);
  color: var(--accent-light);
}

.buttons.landing-primary {
  background-color: var(--color-on-surface-1-dark);
  color: var(--surface-1-dark);
  align-self: flex-start;
  padding: 10px 28px;
  transition: border-radius 0.3s, transform 0.3s, opacity 0.3s;
  display: inline-block;
}

.buttons.landing-primary:hover {
  border-radius: 1.3rem;
}

.buttons.landing-primary:active {
  border-radius: 1.6rem;
}

.buttons.landing-primary.fill-accent-purple {
  background-color: var(--accent-light);
}

.buttons.landing-primary.ripple.hidden {
  display: none;
}

.buttons.landing-secondary {
  background-color: var(--accent-dark);
  color: var(--accent-light);
  align-self: flex-start;
  padding: 10px 28px;
  transition: transform 0.3s, border-radius 0.3s, opacity 0.3s;
  display: inline-block;
}

.buttons.landing-secondary:hover {
  border-radius: 1.3rem;
}

.buttons.landing-secondary:active {
  border-radius: 1.6rem;
}

.buttons.filled-tertiary {
  background-color: var(--surface-2-dark);
  color: var(--color-on-surface-1-dark);
}

.buttons.text {
  background-color: rgba(0, 0, 0, 0);
}

.buttons.text:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.heading {
  color: var(--color-on-surface-1-dark);
}

.fill-dark-alpha-0-25 {
  background-color: rgba(255, 255, 255, 0.25);
}

.fill-light-alpha-0-25 {
  background-color: rgba(0, 0, 0, 0.25);
}

.carousel__parallax-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 22px;
  display: flex;
  overflow: auto;
}

.carousel__parallax-card-wrapper {
  min-width: 45%;
  border-radius: 22px;
  display: flex;
  overflow: hidden;
}

.carousel__parallax-content {
  border-radius: 22px;
  flex: 1;
  display: flex;
}

.carousel__carrier-card-wrapper {
  min-width: 400px;
  display: flex;
}

.carousel__carrier-wrapper {
  max-width: 1200px;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.carousel__carrier-section {
  margin-top: -72px;
  margin-bottom: 96px;
  margin-right: -8px;
  position: relative;
  overflow: auto;
}

.checkbox__check {
  z-index: 2;
  width: 1.3rem;
  height: 1.3rem;
  min-height: 1.3rem;
  min-width: 1.3rem;
  border: 1px solid var(--outline-1);
  background-color: var(--surface-2-dark);
  margin-top: 0;
  margin-left: 0;
  position: relative;
}

.checkbox__check.w--redirected-checked {
  z-index: 2;
  border-color: var(--accent-dark);
  background-color: var(--accent-dark);
  opacity: 0;
  background-image: none;
  position: relative;
}

.checkbox__field-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: -10px;
  padding-left: 0;
  display: flex;
  position: relative;
}

.checkbox__icon {
  z-index: 1;
  width: 1.3rem;
  height: 1.3rem;
  min-height: 1.3rem;
  min-width: 1.3rem;
  border: 1px solid var(--accent-dark);
  background-color: var(--accent-dark);
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  display: flex;
  position: absolute;
}

.text-field__field {
  z-index: 2;
  width: 100%;
  height: 3.3rem;
  min-height: 3.3rem;
  border: 1px solid var(--outline-1);
  color: var(--color-on-surface-1-dark);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 8px;
  margin-bottom: 0;
  position: relative;
}

.text-field__field:focus,
.text-field__field.-wfp-focus {
  border-color: var(--accent-light);
}

.text-field__field::-ms-input-placeholder {
  color: var(--outline-1);
}

.text-field__field::placeholder {
  color: var(--outline-1);
}

.text-field__field.icon {
  justify-content: flex-start;
  align-items: center;
  padding-right: 36px;
  display: flex;
}

.text-field__wrapper {
  /* height: 3.3rem;
  min-height: 3.3rem; */
  /* grid-column-gap: 8px;
  grid-row-gap: 8px; */
  flex: 1;
  align-items: start;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.text-field__wrapper.text-area {
  height: 8rem;
  align-items: stretch;
}

.text-field__wrapper.chip {
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.text-field__wrapper.maxw-350 {
  max-width: 350px;
}

.text-field__wrapper.vertical {
  flex-direction: column;
  align-items: flex-start;
}

.text-field__label {
  z-index: 1;
  transform-origin: 0%;
  color: #19323f;
  margin-top: 16px;
  margin-bottom: 16px;
  /* margin-left: 8px; */
  /* padding-left: 4px; */
  padding-right: 4px;
  font-weight: 500;
  position: absolute;
}

.text-field__label.force-active {
  z-index: 4;
  color: var(--outline-1);
  transform: translate(0, -1.75rem) scale(0.8);
}

.text-field__label.fill-surface-2-dark {
  background-color: var(--surface-2-dark);
}

.switch-field__track {
  width: 2.8rem;
  height: 1.6rem;
  border: 1px solid var(--outline-1);
  background-image: url("../images/circle_1.svg");
  background-position: 6px;
  background-repeat: no-repeat;
  background-size: 0.7rem 0.7rem;
  border-radius: 0.8rem;
  margin-top: 0;
  margin-left: 0;
  padding: 4px 4px 4px 6px;
}

.switch-field__track.w--redirected-checked {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("../images/circle.svg");
  background-position: 21px;
  background-size: 1.2rem 1.2rem;
  border-color: rgba(0, 0, 0, 0);
}

.fill-outline {
  background-color: var(--outline-1);
}

.radio-field__button {
  width: 1.3rem;
  height: 1.3rem;
  margin-top: 0;
  margin-left: 0;
}

.radio-field__button.w--redirected-checked {
  border-width: 6px;
  border-color: var(--accent-dark);
  background-color: var(--accent-light);
}

.form__wrapper {
  width: 80%;
  max-width: 300px;
  margin-bottom: 0;
}

.hidden-custom-html {
  display: none;
}

.text-field__icon {
  display: flex;
  position: absolute;
  right: 18px;
}

.text-field__icon.intercom {
  z-index: 3;
  width: 30px;
  height: 30px;
  justify-content: center;
  align-items: center;
  right: 10px;
}

.chip__wrapper {
  flex-wrap: wrap;
  margin-bottom: 0;
  padding-left: 0;
  display: inline-block;
  position: relative;
}

.chip__label {
  z-index: 2;
  border: 1px solid var(--outline-1);
  color: var(--outline-1);
  white-space: nowrap;
  border-radius: 0.8rem;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 12px;
}

.chip__label:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

.chip__label:active {
  opacity: 0.5;
}

.chip__label.active {
  border-color: var(--accent-dark);
  background-color: var(--accent-dark);
  color: var(--accent-light);
  align-self: flex-start;
}

.chip__label.active.icon {
  padding-left: 35px;
}

.chip__label.active.fill {
  border-color: var(--accent-light);
  background-color: var(--accent-light);
  color: var(--accent-dark);
}

.chip__label.active.small {
  border-radius: 0.4rem;
  padding: 1px 8px 0;
  font-size: 0.8rem;
  font-weight: 500;
}

.chip__label.warning {
  color: #a75900;
  background-color: #fcead7;
  border-color: #fcead7;
}

.chip__label.success {
  color: #006e20;
  background-color: #dcf5e5;
  border-color: #dcf5e5;
}

.chip__checkmark {
  width: 35px;
  height: 30px;
  color: var(--accent-light);
  justify-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 5px;
  display: none;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}

.chip__checkmark.active {
  display: flex;
}

.content__row-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.content__row-wrapper.central {
  align-items: center;
}

.content__row-wrapper.distributed {
  justify-content: space-between;
  align-items: center;
}

.content__row-wrapper.search {
  width: 70vw;
  flex: 0 auto;
}

.content__row-wrapper.nowrap {
  flex-wrap: nowrap;
}

.content__row-wrapper.right {
  align-self: flex-end;
}

.content__row-wrapper.vertical {
  flex-direction: column;
}

.content__row-wrapper.bottom {
  align-items: flex-end;
}

.chip__hidden-checkbox {
  display: none;
}

.disclosure__wrapper--overlay {
  background-color: rgba(0, 0, 0, 0);
}

.disclosure__panel--expanding {
  height: 100%;
  color: var(--color-on-surface-1-dark);
  overflow: auto;
}

.disclosure__wrapper--expanding {
  background-color: rgba(0, 0, 0, 0);
  margin-top: -1px;
  padding-left: 0;
  position: relative;
  overflow: hidden;
}

.disclosure__trigger {
  color: var(--color-on-surface-1-dark);
  padding: 0;
  display: block;
}

.disclosure__group {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.list__wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.list__wrapper.low-text {
  align-items: center;
}

.list__image {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 8px;
  flex: none;
}

.list__image.avatar {
  z-index: 1;
  border-radius: 25px;
  position: relative;
}

.list__image.avatar.zero {
  position: absolute;
}

.list__image.video {
  width: 100px;
  height: 60px;
}

.list__image.icon {
  background-color: var(--surface-2-dark);
  border-radius: 1.2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.list__text-carrier {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.list__content-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin: 24px;
  display: flex;
}

.list__content-container.card-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 16px;
}

.list__content-container.no-padding {
  margin: 0;
}

.list__content-container.no-padding.grow {
  flex: 1;
}

.hidden {
  opacity: 0;
  display: none;
}

.list__icon {
  min-width: 16px;
  color: var(--accent-light);
  justify-content: center;
  display: flex;
}

.list__icon.inactive {
  color: var(--outline-1);
}

.list__icon.top {
  margin-top: 6px;
}

.list__icon.top.hidden {
  display: none;
}

.list__icon.span-fill-color-on-surface-2 {
  color: var(--color-on-surface-2-light);
}

.list__icon.span-fill-color-on-surface-2.hidden {
  display: none;
}

.progress__wrapper-circular {
  width: 6rem;
  height: 6rem;
}

.progress__wrapper-circular.central {
  width: 10rem;
  height: 10rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress__wrapper-bar {
  width: 100%;
  height: 1.5rem;
  align-items: center;
  display: flex;
  position: relative;
}

.progress__wrapper-bar.left {
  justify-content: flex-end;
}

.progress__wrapper-bar.hidden {
  display: none;
}

.modal-floating__wrapper {
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: auto;
}

.modal-floating__content {
  z-index: 2;
  width: 100%;
  max-height: 100vh;
  max-width: 1200px;
  margin-top: 5vh;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5vh;
  position: relative;
}

.modal-sheet__wrapper {
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  max-width: 100vw;
  background-color: rgba(0, 0, 0, 0.5);
  align-items: flex-start;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.modal-sheet__content {
  width: 616px;
  height: 100vh;
  max-height: 100vh;
  background-color: var(--surface-1-dark);
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  padding: 0;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.modal-sheet__top-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.modal-sheet__exit-icon {
  width: 48px;
  height: 48px;
  color: var(--color-on-surface-1-dark);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  display: flex;
}

.modal-sheet__exit-icon:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.modal-sheet__exit-icon:active {
  opacity: 0.75;
}

.global__divider {
  width: 100%;
  height: 1px;
  max-width: 1760px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
}

.login__wrapper {
  width: 50vw;
  max-width: none;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: auto;
}

.global__spacer {
  width: 1rem;
  height: 1rem;
  flex: none;
}

.login__image {
  width: 50vw;
  background-image: url("../images/Asset-11.5x-80.webp");
  background-position: 0 0;
  background-size: cover;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.login__error-state {
  background-color: #fff1ef;
  border: 1px solid #f6dbd8;
  border-radius: 1px;
  margin-left: 0;
  margin-right: 0;
  padding: 24px;
  position: static;
}

.login__form {
  width: 100%;
  min-width: 400px;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.login__form.signup {
  margin-left: 0;
  margin-right: 0;
}

.figure__icon-wrapper {
  width: 5rem;
  height: 5rem;
  background-color: var(--accent-dark);
  border-radius: 2.5rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.figure__icon-large {
  width: 42px;
  height: 42px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.figure__icon-large.lottie {
  width: 180px;
  height: 180px;
  border-radius: 100%;
  position: absolute;
}

.logout__item-wrapper {
  height: 5vh;
  min-height: 56px;
  color: var(--color-on-surface-2-dark);
  text-align: center;
  align-items: center;
  padding: 0.6vh 0.6vw;
  transition: color 0.3s;
  display: flex;
  position: relative;
}

.logout__item-wrapper:hover {
  background-color: var(--surface-3-dark);
  color: var(--color-on-surface-1-dark);
}

.logout__item-wrapper.w--current {
  color: var(--accent-light);
}

.logout__item-target {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  padding: 20px 60% 20px 32px;
  font-weight: 500;
}

.chart__wrapper {
  max-height: 350px;
  margin-left: -8px;
  margin-right: -8px;
}

.progress__bar-indicator {
  width: 1%;
  height: 5px;
  background-color: var(--accent-light);
  /* border-radius: 8px; */
  position: absolute;
}

.progress__bar-indicator.fill-red {
  background-color: #db5353;
}

.progress__bar-track {
  width: 100%;
  height: 5px;
  background-color: var(--accent-dark);
  border-radius: 8px;
}

.progress__bar-track.fill-green {
  background-color: #28b560;
}

.span-fill-purple {
  color: var(--accent-light);
}

.nav__logo {
  width: 140px;
  justify-content: flex-start;
  align-items: center;
}

.nav__link {
  margin-right: 0;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 28px;
  transition: transform 0.3s, opacity 0.3s;
}

.nav__link:hover {
  opacity: 0.8;
  transform: scale(1.05);
}

.nav__link:active {
  opacity: 0.5;
}

.nav__link.w--current {
  color: #4444e0;
}

.nav__link.w--current:hover {
  border-bottom-color: #7166ef;
}

.nav__wrapper {
  z-index: 1001;
  width: 100%;
  background-color: var(--surface-1-dark);
  opacity: 1;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  object-fit: fill;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.8vh;
  padding-bottom: 0.8vh;
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.nav-button-container {
  padding-right: 2.8rem;
}

.nav__links {
  justify-content: flex-end;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.blog__collection-item {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.blog__collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.landing__nav-underlay {
  height: 82px;
}

.blog__rich-text h2 {
  border-top: 1px solid var(--callout);
  margin-top: 30px;
  padding-top: 50px;
  padding-bottom: 10px;
}

.blog__rich-text p {
  margin-top: 20px;
  font-size: 1.2rem;
  line-height: 2;
}

.blog__rich-text h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.blog__rich-text li {
  font-size: 1.2rem;
  line-height: 2;
}

.blog__rich-text ul {
  color: var(--color-on-surface-2-dark);
}

.blog__rich-text a {
  color: var(--accent-light);
  text-decoration: underline;
}

.blog__rich-text ol {
  color: var(--color-on-surface-2-dark);
}

.form__block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.form__block.hidden {
  display: none;
}

.card__edit-icon {
  z-index: 10;
  width: 48px;
  height: 48px;
  background-color: var(--accent-dark);
  color: var(--color-on-surface-1-dark);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  padding-top: 4px;
  padding-left: 4px;
  display: flex;
  position: absolute;
  top: -8px;
  bottom: auto;
  left: auto;
  right: -8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.card__edit-icon:hover {
  filter: brightness(90%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.card__edit-icon:active {
  filter: brightness(80%);
}

.modal-sheet__top {
  height: 100vh;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin: 0 24px 96px;
  padding-top: 24px;
  display: flex;
  position: relative;
  overflow: auto;
}

.modal-sheet__bottom {
  z-index: 1002;
  background-color: var(--surface-3-dark);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.content-page__hero {
  width: 100vw;
  background-color: var(--surface-2-dark);
  padding: 30px 10vw;
}

.button__inline-wrapper {
  align-self: flex-start;
  display: inline-block;
}

.global__zero-state {
  max-width: 400px;
  min-width: 300px;
  display: none;
}

.intro__wrapper {
  width: 60vw;
  max-width: 806px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 32px;
}

.intro__wrapper.nav {
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
}

.page__wrapper {
  width: 100%;
}

.login__logo {
  margin-bottom: 24px;
  margin-left: 24px;
  margin-right: auto;
  display: block;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.calendly__wrapper {
  border-radius: 22px;
  flex-direction: column;
}

.login__forgot {
  justify-content: center;
  display: flex;
}

.card__top {
  background-color: var(--surface-2-dark);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 0;
}

.callout__wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--callout);
  color: var(--color-on-surface-1-dark);
  border-radius: 8px;
  flex-direction: row;
  margin-bottom: 10px;
  padding: 16px;
  display: flex;
}

.overview__liabilities {
  text-align: right;
}

.pricing__disclaimer {
  text-align: center;
  margin-top: 60px;
}

.landing__section {
  max-width: 100vw;
  padding-top: 7vh;
  padding-bottom: 7vh;
  overflow: hidden;
}

.landing__section.top {
  padding-top: 50px;
}

.landing__section.dark {
  background-color: var(--surface-2-dark);
}

.landing__section.bg-grad-2 {
  background-image: url("../images/download-_-upload-data-database-archive-cloud-backup-laptop-transfer.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 25% 70%;
}

.landing-columns__wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.landing-columns__left {
  width: 50%;
}

.landing-columns__left.central {
  align-self: center;
}

.landing-columns__right {
  width: 50%;
}

.landing-columns__right.hero-spot {
  max-width: 50%;
}

.landing__content-wrapper {
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8%;
  padding-right: 8%;
}

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

.landing__card-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  padding: 40px;
  display: flex;
}

.span-fill-orange {
  color: var(--accent-orange);
}

.span-fill-green {
  color: var(--accent-green);
}

.block-quote__wrapper {
  max-width: 1000px;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  text-align: center;
  flex-direction: column;
  margin: 100px auto;
  display: flex;
}

.pricing-columns__wrapper {
  grid-column-gap: 5%;
  grid-row-gap: 5%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.pricing-columns {
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  padding: 4% 2%;
  display: flex;
}

.pricing-columns.left {
  border: 1px solid #cdc6f8;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.pricing-columns.hidden {
  display: none;
}

.pricing-columns.fill-surface-3-dark {
  background-color: var(--surface-3-dark);
}

.h2-5 {
  font-size: 2rem;
}

.span-highlight-purple {
  background-color: #edeefd;
  display: inline-block;
}

.landing-list__wrapper {
  margin-top: -16px;
  margin-bottom: -16px;
  padding-left: 20px;
}

.footer__content-container {
  width: 60%;
}

.footer__text-link {
  color: var(--color-on-surface-2-dark);
  margin-top: 16px;
  margin-bottom: 16px;
  display: block;
}

.footer__columns-wrapper {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  justify-content: space-between;
  display: flex;
}

.features__columns-container {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  margin-top: 50px;
  display: flex;
}

.blog__collection-preview-truncated {
  max-height: 6.5rem;
  text-align: justify;
  overflow: hidden;
}

.menu__logo-container {
  width: 120px;
  max-width: 200px;
  margin-left: 24px;
  margin-right: 24px;
}

.edit-profile__icon {
  z-index: 10;
  width: 48px;
  height: 48px;
  background-color: var(--accent-dark);
  color: var(--color-on-surface-1-dark);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 4px;
  display: flex;
}

.edit-profile__icon:hover {
  filter: brightness(90%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.edit-profile__icon:active {
  filter: brightness(80%);
}

.edit-profile__icon.hidden {
  display: none;
}

.dashboard__columns {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-left: -24px;
  margin-right: -24px;
  display: flex;
}

.dashboard__columns.hidden {
  display: none;
}

.dashboard__column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.verify__state {
  z-index: -1;
  position: absolute;
}

.algolia__hit {
  margin-bottom: 24px;
}

.hidden-desktop {
  display: none;
}

.menu__top-container,
.menu__bottom-container {
  align-items: center;
  justify-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
}

.task__kanban-wrapper {
  height: 100%;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
}

.task__kanban-column {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to bottom,
    var(--surface-3-dark),
    rgba(242, 242, 245, 0.25)
  );
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  position: relative;
}

.task__kanban-card {
  border-left: 8px solid var(--accent-dark);
  border-radius: 8px;
  justify-content: space-between;
  padding: 2vh 1vw;
  display: flex;
}

.task__kanban-zero {
  z-index: 1;
  outline-color: var(--outline-1);
  outline-offset: -2px;
  text-align: center;
  border-radius: 8px;
  outline-width: 2px;
  outline-style: dashed;
  justify-content: center;
  align-items: center;
  padding: 48px;
  display: flex;
  position: absolute;
  top: 42px;
  bottom: 8%;
  left: 0%;
  right: 0%;
}

.task__kanban-drag-list {
  z-index: 2;
  height: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.task__kanban-drag-list.padded {
  margin-top: 16px;
  margin-left: 1vw;
  margin-right: 1vw;
}

.menu__item-desktop-hover {
  border-radius: 30px;
  padding: 0.6vh 0.7vw;
}

.menu__item-desktop-hover:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.menu__item-desktop-hover.circle {
  padding-left: 8px;
  padding-right: 8px;
}

.task__card-header {
  color: var(--color-on-surface-2-dark);
}

.task__card-tabs-wrapper {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 16px;
  display: flex;
}

.task__card-tabs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  margin-bottom: -2px;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
}

.task__card-tabs.w--current {
  border-bottom: 2px solid var(--accent-light);
  color: var(--accent-light);
  background-color: rgba(0, 0, 0, 0);
}

.task__card-tabs.hidden {
  display: none;
}

.task__card-icon {
  max-width: 28px;
  color: var(--color-on-surface-2-dark);
  justify-content: center;
  align-items: center;
  display: flex;
}

.task__card-title-field {
  z-index: 2;
  width: 100%;
  height: 100%;
  color: var(--color-on-surface-1-dark);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 8px;
  padding-right: 8px;
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
}

.task__card-title-field:hover {
  border-color: transparent transparent var(--outline-1);
}

.task__card-title-field:focus {
  border-color: var(--accent-light);
  border-top-style: solid;
  border-top-width: 1px;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
}

.task__card-title-field::-ms-input-placeholder {
  color: var(--outline-1);
}

.task__card-title-field::placeholder {
  color: var(--outline-1);
}

.task__card-zero-state {
  max-width: 450px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  /* padding: 60px 24px; */
  display: flex;
}

.task__card-zero-state.hidden {
  display: none;
}

.task__card-zero-state.less-pad {
  padding-top: 30px;
  padding-bottom: 30px;
}

.task__card-image {
  width: 30%;
  height: 8rem;
  background-image: url("../images/data-management-_-typewriter-writer-writing-copywriter-woman-cat.svg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  margin-bottom: -24px;
}

.task__card-image._2 {
  background-image: url("../images/logistics-_-box-package-shipping-delivery-door-mailman-delivery-man-document-paper.svg");
}

.task__card-image._3 {
  background-image: url("../images/leisure-_-hand-gesture-read-reading-hands-cat-animal-pet-newspaper.svg");
}

.task__card-next-up {
  width: 50%;
  flex: 1;
}

.modal-floating__closer {
  z-index: 1;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.drop-form__wrapper {
  min-height: 5rem;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--outline-1);
  background-color: var(--surface-2-dark);
  color: var(--outline-1);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  display: flex;
}

.progress__bar-100 {
  width: 100%;
  height: 0.2rem;
}

.drop-form__file-icons-wrapper {
  width: 50px;
  height: 50px;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.features-grid__wrapper {
  margin-left: -20px;
  margin-right: -20px;
}

.span-fill-pink {
  color: var(--accent-pink);
}

.feature__thumbnail {
  height: 150px;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  display: flex;
}

.hero__image {
  width: 60vw;
  max-width: 1300px;
  border: 1px solid var(--accent-dark);
  border-radius: 8px;
  margin-top: -12px;
  margin-left: 30px;
  position: relative;
  box-shadow: 16px 2px 36px rgba(0, 0, 0, 0.2);
}

.how-it-works__marker-wrapper {
  width: 50px;
  flex-direction: column;
  margin-bottom: -110px;
  display: flex;
}

.how-it-works__marker-line {
  width: 3px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin: 5px auto 3px;
}

.how-it-works__marker-dot {
  width: 8px;
  height: 8px;
  min-height: 8px;
  min-width: 8px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
}

.how-it-works__marker-number {
  width: 50px;
  height: 50px;
  min-height: 50px;
  min-width: 50px;
  background-color: var(--surface-1-dark);
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  font-weight: 700;
  display: flex;
}

.how-it-works__marker-number._3 {
  background-color: var(--accent-green);
}

.how-it-works__marker-number.mobile {
  display: none;
}

.kanban-card__left-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.chip__field {
  width: 7rem;
  height: auto;
  color: #6c2828;
  background-color: #ffcbcb;
  border-style: none;
  border-width: 0;
  border-radius: 4px;
  margin-bottom: 0;
  margin-left: 8px;
  margin-right: 8px;
  padding: 2px 6px;
  font-weight: 600;
  position: relative;
}

.chip__form {
  margin-bottom: 0;
}

.kanban-card__counters-wrapper {
  min-width: 2.25rem;
  flex-direction: column;
  align-items: flex-end;
  margin-left: 8px;
  display: flex;
}

.progress-overall__check {
  width: 25px;
  height: 25px;
  border: 2px solid var(--color-on-surface-1-dark);
  color: var(--color-on-surface-1-dark);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.progress-overall__check.large {
  width: 32px;
  height: 32px;
  margin-top: 4px;
  margin-right: 4px;
  padding: 6px;
}

.progress-overall__wrapper {
  width: 280px;
  background-color: var(--surface-2-dark);
  margin-top: 4.9vh;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.progress-overall__line {
  width: 2px;
  background-color: var(--color-on-surface-1-dark);
  flex: 1;
}

.progress-overall__checklist {
  align-self: stretch;
  align-items: center;
  margin-right: 8px;
}

.progress-overall__indicator-stage {
  opacity: 0.2;
  align-items: flex-start;
  display: flex;
}

.progress-overall__indicator-stage:hover {
  opacity: 0.3;
}

.progress-overall__text {
  padding-bottom: 30px;
}

.p-add-spacing {
  line-height: 2;
}

.progress-overall__header-image {
  height: 20vh;
  object-fit: cover;
  border-radius: 8px;
}

.span-fill-outline {
  color: var(--outline-1);
}

.progress-overall__show {
  margin-top: -66px;
  position: relative;
}

.progress-overall__hide {
  opacity: 0.2;
}

.progress-overall__stage {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.progress-overall__sticky-lock-wrapper {
  z-index: 100;
  width: 600px;
  height: 0;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: visible;
  transform: translate(0, 240px);
}

.progress-overall__hidden {
  margin-top: -96px;
  margin-bottom: 96px;
  display: none;
}

.progress-overall__back {
  width: 210px;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.progress-overall__loader {
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
}

.calendly__card {
  border: 1px solid var(--accent-dark);
  background-color: var(--surface-1-dark);
  color: var(--color-on-surface-1-dark);
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.contact__form-wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.span-fill-dark {
  color: var(--color-on-surface-1-dark);
}

.rotating-text__wrapper {
  width: 100%;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 12px;
  display: flex;
  padding-bottom: 80px;
}

.process-form__progress-bar-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  display: flex;
}

.process-form__progress-bar-indicator {
  width: 100%;
  height: 5px;
  background-color: var(--accent-dark);
  border-radius: 3px;
}

.process-form__progress-bar-indicator.baractive {
  background-color: var(--accent-light);
}

.h3-5 {
  font-size: 1.3rem;
}

.progress-form__back-icon {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}

.progress-form__back-icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.progress-form__back-icon:active {
  opacity: 0.5;
}

.document__carrier-wrapper {
  padding: 12px;
  position: relative;
}

.document__carrier-icon {
  width: 60px;
  height: 60px;
  background-color: var(--accent-dark);
  color: var(--accent-light);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.document__carrier-hover-effect {
  opacity: 0;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.document__carrier-hover-effect:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.15);
}

.document__carrier-proof-image {
  width: 100%;
  max-height: 17rem;
  background-color: var(--surface-3-dark);
  object-fit: contain;
  border-radius: 8px;
  flex: 1;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.document__carrier-proof-wrapper {
  flex: 1;
}

.span-fill-surface-1 {
  color: var(--surface-1-dark);
}

.p-blog {
  color: var(--color-on-surface-2-dark);
  font-size: 1.2rem;
  line-height: 1.8;
}

.filter__glass {
  z-index: 2000;
  /* -webkit-backdrop-filter: blur(5px); */
  /* backdrop-filter: blur(5px); */
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.modal-floating__perma {
  height: 100%;
  max-width: 1048px;
  margin-top: 74px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.modal-floating__perma-content {
  height: 98vh;
  overflow: auto;
}

.filter__glass-backdrop {
  height: 100vh;
  background-color: #19323f;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.rotating-text__icon {
  height: 20px;
  color: var(--color-on-surface-2-dark);
  margin-top: auto;
  margin-bottom: auto;
}

.modal-floating__perma-button {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  z-index: 100;
  position: fixed;
  top: auto;
  bottom: 2%;
  left: 0%;
  right: 0%;
}

.buttons__icon {
  height: 24px;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: 15px;
}

.menu__item-notifications {
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--accent-pink);
  color: var(--surface-1-dark);
  border-radius: 0.6rem;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: auto;
  right: 15%;
}

.modal-popover__wrapper {
  width: 280px;
  text-align: left;
  border-radius: 8px;
  position: absolute;
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: hidden;
}

.modal-popover__container {
  position: relative;
}

.notification__wrapper {
  border-bottom: 1px solid var(--accent-dark);
  padding: 18px 24px;
  position: relative;
}

.notification__wrapper:hover {
  border-left-color: var(--accent-dark);
  background-color: var(--surface-3-dark);
}

.notification__list {
  border-radius: 8px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  overflow: hidden;
}

.notification__indicator {
  width: 10px;
  height: 10px;
  background-color: var(--accent-pink);
  border-radius: 5px;
  position: absolute;
  top: 26px;
  bottom: auto;
  left: auto;
  right: 24px;
}

.order__column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  padding: 50px 40px;
  display: flex;
}

.order__column.right {
  width: 35%;
  background-color: var(--surface-2-dark);
  flex: none;
}

.order__columns {
  display: flex;
}

.cart__state {
  margin-bottom: 0;
}

.content__column-wrapper {
  flex-direction: column;
  display: flex;
}

.content__column-wrapper.central {
  text-align: center;
}

.order__feature-icon {
  width: 50px;
  height: 50px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card__bottom {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  padding: 0;
}

.span-fill-color-on-surface-2 {
  color: var(--color-on-surface-2-dark);
}

.no-margin {
  margin-left: 0;
  margin-right: 0;
}

.order__wrapper {
  background-color: var(--surface-1-dark);
  margin-top: 70px;
}

@media screen and (max-width: 991px) {
  body {
    display: block;
  }

  h1 {
    font-size: 6vw;
  }

  h2 {
    font-size: 2.8rem;
  }

  a {
    text-decoration: none;
  }

  /* .menu__wrapper {
    z-index: 1002;
    width: 18rem;
    height: 100%;
    max-height: none;
    flex-direction: column;
    top: 0;
    overflow: auto;
    transform: translate(-18rem);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  } */

  .content__wrapper {
    margin-top: 0;
  }

  .content__wrapper.sidebar {
    margin-top: 74px;
    margin-left: 0;
  }

  .content__grid,
  .content__grid._3 {
    grid-template-columns: 1fr 1fr;
  }

  .content__section {
    margin: 80px;
  }

  .content__section.hero {
    margin-left: auto;
    margin-right: auto;
  }

  .content__section.top,
  .content__section.kanban {
    margin-top: 40px;
  }

  .content__section.embedded {
    margin-left: 0;
    margin-right: 0;
  }

  .hero__wrapper.fill-bg-buttons,
  .hero__wrapper.fill-bg-carousel {
    background-position: 100%;
  }

  .hero__content {
    height: auto;
    min-height: 120px;
  }

  .menu__item-wrapper {
    height: auto;
    border-radius: 0;
    margin-top: 0;
    padding: 8px 0 8px 8px;
  }

  .menu__item-wrapper:hover {
    background-color: rgba(0, 0, 0, 0.1);
  }

  .menu__item-wrapper.w--current {
    background-color: var(--accent-dark);
    border-bottom-style: none;
  }

  .menu__item-wrapper.ripple.w--current:hover {
    background-color: var(--accent-dark);
  }

  .menu__light-dark-wrapper {
    width: 48px;
    height: 48px;
    border: 1px solid var(--outline-1);
    border-radius: 24px;
    margin-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .menu__icon {
    width: 24px;
    height: 24px;
  }

  .menu__icon-hover-mobile-nav {
    display: flex;
  }

  .menu__mobile-nav {
    z-index: 1000;
    width: 100%;
    height: 58px;
    align-items: center;
    display: flex;
    position: fixed;
    background-color: #19323f;
    color: white;
  }

  .menu__mobile-nav-wrapper {
    height: 58px;
  }

  .nav-custom-html {
    display: block;
    overflow: hidden;
  }

  .carousel__carrier-section {
    margin-top: -56px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .content__row-wrapper.search {
    width: 76vw;
    flex: 0 auto;
  }

  .disclosure__panel--expanding,
  .disclosure__wrapper--expanding {
    transform: translate(0);
  }

  .list__image {
    width: 40px;
    height: 40px;
  }

  .modal-floating__content {
    margin-top: 3vh;
    padding-left: 24px;
    padding-right: 24px;
  }

  .login__wrapper {
    width: 75vw;
  }

  .login__image {
    width: 25vw;
  }

  .login__form {
    min-width: auto;
    margin-left: 8vw;
    margin-right: 8vw;
  }

  .logout__item-wrapper:hover {
    color: var(--color-on-surface-1-dark);
  }

  .logout__item-target {
    width: 160px;
  }

  .nav__logo {
    width: 120px;
  }

  .nav__link {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .nav__wrapper {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .menu-line-bottom {
    width: 32px;
    height: 2px;
    background-color: #1e110b;
    border-radius: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-button-container {
    justify-content: flex-end;
    padding: 8px 10%;
    display: flex;
  }

  .menu-line-top {
    width: 32px;
    height: 2px;
    background-color: #1e110b;
    border-radius: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav__links {
    height: 100vh;
    background-color: var(--surface-2-dark);
    justify-content: center;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .blog__collection-list {
    grid-template-columns: 1fr 1fr;
  }

  .landing__nav-underlay {
    height: 88px;
  }

  .blog__rich-text h2 {
    margin-top: 10px;
    padding-top: 40px;
  }

  .blog__rich-text p {
    margin-top: 10px;
  }

  .content-page__hero {
    padding: 80px 5vw;
  }

  .intro__wrapper {
    width: 100vw;
    max-width: none;
  }

  .calendly__wrapper {
    min-width: 540px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .landing__section.bg-grad-2 {
    background-position: 100% 100%;
    background-size: auto 60%;
  }

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

  .landing-columns__left {
    width: 100%;
  }

  .landing-columns__right {
    width: 100%;
    position: relative;
  }

  .landing__card-wrapper {
    padding: 32px;
  }

  .pricing-columns__wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .pricing-columns {
    padding-left: 4%;
    padding-right: 4%;
  }

  .footer__content-container {
    width: 70%;
  }

  .footer__columns-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .menu__logo-container {
    width: 120px;
    max-width: 200px;
    margin-left: 24px;
    margin-right: 24px;
  }

  .blog__hero-image-wrapper {
    margin-bottom: -21px;
  }

  .hidden-desktop {
    display: block;
  }

  .task__kanban-card {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .task__kanban-zero {
    top: 0;
  }

  .task__kanban-drag-list.padded {
    margin-top: 16px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .menu__item-desktop-hover {
    padding: 10px 15px;
  }

  .menu__item-desktop-hover:hover {
    background-color: rgba(0, 0, 0, 0);
  }

  .task__card-icon {
    margin-right: 0;
  }

  .body--kanban {
    display: flex;
  }

  .drop-form__file-icons-wrapper {
    width: 40px;
    height: 40px;
  }

  .feature__thumbnail {
    height: 140px;
  }

  .hero__image {
    width: 80vw;
    top: -10px;
    left: 0;
    right: 0;
  }

  .how-it-works__marker-wrapper {
    margin-bottom: -70px;
  }

  .how-it-works__marker-number {
    margin-top: 30px;
  }

  .kanban-card__name-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    display: flex;
  }

  .chip__field {
    margin-left: 0;
    margin-right: 0;
  }

  .task__kanban-top {
    display: none;
  }

  .progress-overall__wrapper {
    z-index: 100;
    width: 100vw;
    height: 80px;
    margin-top: 58px;
    overflow: auto;
  }

  .progress-overall__line {
    display: none;
  }

  .progress-overall__indicator-stage {
    flex: none;
    margin-right: 20px;
  }

  .progress-overall__text {
    padding-bottom: 0;
  }

  .hidden-mobile {
    display: none;
  }

  .progress-overall__list {
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .content__wrapper {
    padding: 16px;
  }

  .content__grid {
    grid-template-columns: 1fr;
  }

  .content__grid._3 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-image__content-container {
    margin-left: 16px;
    margin-right: 16px;
  }

  .text-image__content-container.title-top {
    margin-top: 0;
  }

  .card__thumbnail.fill-form-2-bg {
    background-position: 60%;
  }

  .content__section {
    margin: 64px 32px;
  }

  .content__section.top {
    margin-top: 32px;
  }

  .menu__item-wrapper.w--current {
    background-color: var(--accent-dark);
  }

  .carousel__carrier-card-wrapper {
    min-width: 70vw;
  }

  .carousel__carrier-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .text-field__field {
    font-size: 16px;
  }

  .text-field__wrapper.maxw-350 {
    max-width: none;
  }

  .content__row-wrapper.search {
    width: 100%;
    flex-direction: column;
    flex: none;
  }

  .content__row-wrapper.nowrap.stages {
    flex-direction: column;
  }

  .disclosure__panel--expanding {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border-left-style: none;
    position: static;
  }

  .disclosure__wrapper--expanding {
    width: 100%;
    height: auto;
    border-left-style: none;
    position: static;
    overflow: hidden;
  }

  .disclosure__group {
    width: 100%;
  }

  .list__content-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .progress__wrapper-circular.central {
    width: 8rem;
    height: 8rem;
  }

  .modal-floating__wrapper {
    padding-top: 2vh;
    padding-left: 2%;
    padding-right: 2%;
  }

  .modal-floating__content {
    margin-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }

  .modal-sheet__content {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: fixed;
    top: 20px;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .login__wrapper {
    width: 100vw;
    align-items: flex-start;
  }

  .login__image {
    display: none;
  }

  .login__form {
    margin-left: 6vw;
    margin-right: 6vw;
  }

  .logout__item-wrapper:hover {
    background-color: rgba(0, 0, 0, 0.15);
  }

  .logout__item-wrapper:active {
    opacity: 0.75;
  }

  .logout__item-wrapper.w--current {
    background-color: var(--accent-dark);
  }

  .logout__item-target {
    text-align: left;
    padding-top: 3px;
    padding-left: 55px;
    font-size: 1rem;
  }

  .nav__logo {
    width: 110px;
    padding-left: 0;
  }

  .nav__link {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .nav__wrapper {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .menu-line-bottom {
    width: 32px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-button-container {
    padding: 0 0%;
    display: flex;
  }

  .menu-line-top {
    width: 32px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav__links {
    height: 100vh;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 6%;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .modal-sheet__top {
    height: 90vh;
  }

  .content-page__hero {
    padding: 64px 6%;
  }

  .calendly__wrapper {
    height: auto;
    min-width: 0;
    overflow: visible;
  }

  .landing__section {
    overflow: hidden;
  }

  .landing__section.bg-grad-2 {
    background-position: 90% 115%;
    background-size: auto 45%;
  }

  .landing-columns__left.central {
    z-index: 1;
    position: relative;
  }

  .landing-columns__right.hero-spot {
    width: 30%;
    order: -1;
    margin-left: auto;
    display: none;
    position: absolute;
    top: 6%;
    bottom: auto;
    left: auto;
    right: -6%;
  }

  .block-quote__wrapper {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .pricing-columns__wrapper {
    flex-direction: column;
  }

  .pricing-columns {
    padding: 10% 6%;
  }

  .footer__content-container {
    width: 100%;
  }

  .edit-profile__icon {
    order: -1;
    margin-bottom: 0;
    margin-left: auto;
  }

  .dashboard__columns {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .drop-form__wrapper {
    min-height: 4rem;
    text-align: center;
    padding: 2rem;
  }

  .feature__thumbnail {
    height: 120px;
  }

  .progress-overall__check.large {
    width: 26px;
    height: 26px;
    margin-top: 8px;
    margin-bottom: -40px;
    margin-right: 0;
  }

  .progress-overall__show {
    margin-top: -46px;
  }

  .calendly__card.hidden {
    overflow: hidden;
  }

  .document__carrier-wrapper {
    padding: 8px;
  }

  .document__carrier-icon {
    width: 50px;
    height: 50px;
  }

  .document__carrier-proof-image {
    max-height: 12rem;
  }

  .progress-overall__text-wrapper {
    margin-left: 35px;
  }

  .notification__list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 12vw;
    line-height: 1.1;
  }

  h2 {
    font-size: 2.1rem;
  }

  .content__grid,
  .content__grid._3 {
    grid-template-columns: 1fr;
  }

  .card__thumbnail.fill-form-2-bg {
    background-position: 40%;
  }

  .card__thumbnail.fill-form-3-bg {
    background-position: 70%;
  }

  .content__section {
    margin: 56px 16px;
  }

  .content__section.top {
    margin-top: 28px;
  }

  .content__section.kanban {
    margin-top: 30px;
  }

  .p-large {
    font-size: 1.2rem;
    line-height: 1.6;
  }

  .hero__wrapper {
    padding: 32px;
  }

  .buttons__text {
    font-size: 1rem;
  }

  .buttons {
    flex: 1;
    font-size: 1.1rem;
  }

  .buttons.segmented-wrapper {
    margin-left: 8px;
    margin-right: 8px;
  }

  .carousel__carrier-section {
    margin-left: -8px;
    margin-right: -8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .list__image {
    width: 35px;
    height: 35px;
  }

  .modal-floating__wrapper {
    background-color: rgba(0, 0, 0, 0.5);
    padding-left: 0;
    padding-right: 0;
  }

  .modal-sheet__wrapper {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .login__form {
    margin-left: 16px;
  }

  .nav__logo {
    width: 90px;
    margin-left: 16px;
    padding-left: 0;
  }

  .nav__link {
    flex-direction: row;
    flex: 0 auto;
    align-items: stretch;
    margin: 16px 0;
    font-size: 18px;
    display: block;
  }

  .nav__wrapper {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .menu-line-bottom {
    width: 32px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .nav-button-container {
    flex-direction: row;
    justify-content: flex-start;
    padding-left: 0;
    display: flex;
  }

  .menu-line-top {
    width: 32px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .nav__links {
    height: 100vh;
    justify-content: center;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 6%;
  }

  .menu-button.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .blog__collection-list {
    grid-template-columns: 1fr;
  }

  .landing__nav-underlay {
    height: 72px;
  }

  .content-page__hero {
    padding-left: 6%;
    padding-right: 6%;
  }

  .intro__wrapper.nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .calendly__wrapper,
  .callout__wrapper {
    border-radius: 16px;
  }

  .landing__section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .landing__section.bg-grad-2 {
    background-position: 90% 100%;
    background-size: 40%;
  }

  .landing__content-wrapper {
    padding-left: 0%;
    padding-right: 0%;
  }

  .landing__card-wrapper {
    padding: 16px;
  }

  .pricing-columns {
    padding: 48px 16px;
  }

  .footer__columns-wrapper {
    flex-direction: column;
  }

  .task__kanban-card {
    padding: 16px;
  }

  .task__card-image {
    display: none;
  }

  .drop-form__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .drop-form__file-icons-wrapper {
    width: 35px;
    height: 35px;
    min-width: 35px;
  }

  .feature__thumbnail {
    height: 110px;
  }

  .how-it-works__marker-wrapper {
    display: none;
  }

  .how-it-works__marker-number._2.mobile,
  .how-it-works__marker-number._3.mobile {
    margin-top: 0;
  }

  .how-it-works__marker-number.mobile {
    display: flex;
  }

  .progress-overall__show {
    margin-top: -38px;
  }
}

#w-node-_7fde9c71-1114-8b4a-9278-5f242ef7e9f6-7c1cd3a3,
#w-node-_7fde9c71-1114-8b4a-9278-5f242ef7e9f7-7c1cd3a3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_36cfef04-b458-14f2-12c3-bce5e919bb9d-7c1cd3a3,
#w-node-_7494a896-b6b2-dfcd-f046-917517a603a3-7c1cd3a3,
#w-node-_8a14aea4-b699-0e6b-11fe-01505d7d06de-7c1cd3a3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a5b854e1-ef77-c9bc-e7c6-6e7d67453da0-7c1cd3a3 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_637dee82-6117-e6f3-ef95-1d48a762b6cd-7c1cd3d4,
#w-node-_637dee82-6117-e6f3-ef95-1d48a762b6ce-7c1cd3d4 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_637dee82-6117-e6f3-ef95-1d48a762b6d3-7c1cd3d4,
#w-node-_042705ab-4bd7-876c-8d3a-5631dd6c8472-7c1cd3d4,
#w-node-dcd29c12-36ff-52b9-be11-bc1ee7a18794-7c1cd3d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3d5,
#w-node-_0da662d1-d61d-ae28-1dbb-805595581490-7c1cd3d5,
#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3d6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0da662d1-d61d-ae28-1dbb-805595581490-7c1cd3d6 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_83145ff5-7bee-a703-4023-b2db90ef7764-7c1cd3d6,
#w-node-_910e5777-79ca-1685-88d0-a1e3584be604-7c1cd3d6,
#w-node-_0fd43119-9415-602e-386f-fcc2fee2114a-7c1cd3d6,
#w-node-a1e7efac-deca-eb16-cac1-af784b6e256b-7c1cd3d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3d7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3d7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a1e3b647-9745-6d2c-2eee-739496fde2e9-7c1cd3d7 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a1e3b647-9745-6d2c-2eee-739496fde2ec-7c1cd3d7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3d9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3d9,
#w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3d9,
#w-node-cf511613-a6de-9022-7062-77901a85c21e-7c1cd3d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_819d3125-75a3-7da9-5d69-2577fe5416f4-7c1cd3d9 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_819d3125-75a3-7da9-5d69-2577fe5416f7-7c1cd3d9,
#w-node-_05525b0b-561c-7ba9-02e4-e5b42c85fbe0-7c1cd3d9,
#w-node-_05525b0b-561c-7ba9-02e4-e5b42c85fc0d-7c1cd3d9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3dc {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3dc,
#w-node-db2779af-0b44-b25b-c90e-2ed39071ba2c-7c1cd3dc {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_24143bc9-ef52-6da7-58e9-b24d77d41318-7c1cd3dc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3dd,
#w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3dd,
#w-node-f81d2cd6-7889-8745-8120-b1b149740311-7c1cd3dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fa587255-765d-a4c8-1c9b-c1971b230d41-7c1cd3dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-fa587255-765d-a4c8-1c9b-c1971b230d44-7c1cd3dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7261e239-3694-9f61-c23e-fb2ad6b157d3-7c1cd3dd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_26f42368-94f7-34f9-ed84-90685b42a713-7c1cd3dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_26f42368-94f7-34f9-ed84-90685b42a716-7c1cd3dd,
#w-node-_26f42368-94f7-34f9-ed84-90685b42a719-7c1cd3dd,
#w-node-_50bd706f-73ae-44f5-3002-d06a3f4f8c5c-7c1cd3dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27878830-4043-11b3-0503-9f019a883071-7c1cd3dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_27878830-4043-11b3-0503-9f019a883074-7c1cd3dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_27878830-4043-11b3-0503-9f019a883077-7c1cd3dd {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9be3b68c-7021-6859-c2f0-8334d9c6269c-7c1cd3dd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9be3b68c-7021-6859-c2f0-8334d9c6269f-7c1cd3dd,
#w-node-_9be3b68c-7021-6859-c2f0-8334d9c626a2-7c1cd3dd,
#w-node-_73809ef3-3195-91c8-5528-8ff27008c935-7c1cd3dd,
#w-node-e7c2bfdf-bdeb-baad-9466-c291fba31c86-7c1cd3dd,
#w-node-_3fbdaaaf-38ae-ebea-3196-dab12dd3dbee-7c1cd3dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1bff78d4-664c-07cc-f61d-5b60a8d0b281-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_1bff78d4-664c-07cc-f61d-5b60a8d0b284-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9d115587-f244-10df-242d-ab819ea9464a-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9d115587-f244-10df-242d-ab819ea9464d-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8033ece3-464c-9ca1-29ba-5d8f0f91f8f4-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8033ece3-464c-9ca1-29ba-5d8f0f91f8f7-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_08c79a5a-7c73-3418-16cd-bea026c21ac1-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_08c79a5a-7c73-3418-16cd-bea026c21ac4-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_639cd357-58dd-89d2-0aaa-73cd474562c8-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_639cd357-58dd-89d2-0aaa-73cd474562cb-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0c879d1e-f94f-2a92-7622-53a6ebc29f72-7c1cd3de {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0c879d1e-f94f-2a92-7622-53a6ebc29f75-7c1cd3de {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3e0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3e0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3e1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7fde9c71-1114-8b4a-9278-5f242ef7e9f7-7c1cd3ea {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_9a7e046d-388a-cfa9-dd2c-49c7456977b3-7c1cd3ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bd5b3a6b-fb78-6e19-fd57-18bf92f9a391-7c1cd3ea,
#w-node-_7baf8e3b-c4fb-1e6c-6663-6c8d8cdbcaa7-7c1cd3ea {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-bf925464-41c7-a277-bfc3-9e7f3b79f7a6-7c1cd3ea,
#w-node-d993ba6e-dfdf-2c35-da15-110a5ff21020-7c1cd3ea,
#w-node-_452a3e80-5c8b-f638-9be8-b1c7e5221cca-7c1cd3ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0008e592-8b68-4379-245a-565fe21d1b0a-7c1cd3ea,
#w-node-_0008e592-8b68-4379-245a-565fe21d1b0b-7c1cd3ea {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_0008e592-8b68-4379-245a-565fe21d1b38-7c1cd3ea,
#w-node-_0008e592-8b68-4379-245a-565fe21d1b3f-7c1cd3ea,
#w-node-_0008e592-8b68-4379-245a-565fe21d1b54-7c1cd3ea,
#w-node-_0008e592-8b68-4379-245a-565fe21d1b5b-7c1cd3ea,
#w-node-_0008e592-8b68-4379-245a-565fe21d1b4d-7c1cd3ea,
#w-node-_5dd8805b-1314-9447-6d81-008efb53910a-7c1cd3ea {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3eb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3eb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-de4c5b55-a432-f937-aa4a-1b132fb07698-7c1cd3eb,
#w-node-de4c5b55-a432-f937-aa4a-1b132fb07699-7c1cd3eb,
#w-node-_00006d52-4bad-d5a0-9f5d-70b66ca95e06-7c1cd3eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e5e4d98-a703-5f9f-216d-5026e43585d1-7c1cd3eb {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6e5e4d98-a703-5f9f-216d-5026e43585d4-7c1cd3eb {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6e5e4d98-a703-5f9f-216d-5026e43585d8-7c1cd3eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e5e4d98-a703-5f9f-216d-5026e43585df-7c1cd3eb {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_6e5e4d98-a703-5f9f-216d-5026e43585e2-7c1cd3eb,
#w-node-_6e5e4d98-a703-5f9f-216d-5026e43585e3-7c1cd3eb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_535336e8-08b3-1ba0-78d2-36ede6bb9f95-7c1cd3ec {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5563d08b-f595-3b71-6bb4-11942c70c5f7-7c1cd3ec {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3ec {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1ed0623c-37e9-0779-57bb-be3c6383060d-7c1cd3ec,
#w-node-_1ed0623c-37e9-0779-57bb-be3c6383060e-7c1cd3ec,
#w-node-_942570d1-5215-1ebf-5906-02f889da1558-de8e93b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#form-title.w-node-f961a8b6-226e-f6a7-49e2-da3c895ea55a-370668d8 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f961a8b6-226e-f6a7-49e2-da3c895ea55c-370668d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-aff0dc6a-07de-22d6-bc50-182e50219cc7-f4283cfd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#tally-wrapper.w-node-f961a8b6-226e-f6a7-49e2-da3c895ea55c-f4283cfd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0295c18b-76bf-1a2b-15d2-c3738af5a9a7-7a874311 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bcecbc06-603d-64cf-239a-e36e301a7f4e-7a874311,
#w-node-ae898bfd-ce3a-4786-ce8f-613a131c7c4c-7a874311,
#w-node-_5adb7ca2-4c5b-bd5e-ab30-1ef20bcbd211-7a874311,
#w-node-_4c9d9d1b-c858-676d-fabf-0359e860728f-7a874311 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_570fdd7e-071b-fc1f-582a-d677e3631b29-6e34411c,
#w-node-_570fdd7e-071b-fc1f-582a-d677e3631b2a-6e34411c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_570fdd7e-071b-fc1f-582a-d677e3631b2d-6e34411c,
#w-node-_570fdd7e-071b-fc1f-582a-d677e3631b2e-6e34411c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-ce1fb8e5,
#w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d832-ce1fb8e5,
#w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-350dad2c,
#w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d832-350dad2c {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (max-width: 991px) {
  #w-node-_7fde9c71-1114-8b4a-9278-5f242ef7e9f6-7c1cd3a3 {
    grid-column: span 2 / span 2;
  }

  #w-node-_36cfef04-b458-14f2-12c3-bce5e919bb9c-7c1cd3a3 {
    grid-row: span 1 / span 1;
  }

  #w-node-_7494a896-b6b2-dfcd-f046-917517a603a2-7c1cd3a3,
  #w-node-_8a14aea4-b699-0e6b-11fe-01505d7d06dd-7c1cd3a3 {
    grid-row: span 2 / span 2;
  }

  #w-node-a5b854e1-ef77-c9bc-e7c6-6e7d67453da0-7c1cd3a3 {
    grid-row: span 3 / span 3;
  }

  #w-node-_637dee82-6117-e6f3-ef95-1d48a762b6cd-7c1cd3d4 {
    grid-column: span 2 / span 2;
  }

  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3d5,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3d5,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3d6,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3d6,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3d6,
  #w-node-_548e10c8-5f51-11d9-d286-91e4109f0241-7c1cd3d6,
  #w-node-_284eb2c3-8c51-394a-5055-fb5987f23d58-7c1cd3d6 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_910e5777-79ca-1685-88d0-a1e3584be604-7c1cd3d6,
  #w-node-_0fd43119-9415-602e-386f-fcc2fee2114a-7c1cd3d6,
  #w-node-a1e7efac-deca-eb16-cac1-af784b6e256b-7c1cd3d6 {
    grid-column: span 2 / span 2;
  }

  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3d7,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3d7,
  #w-node-a1e3b647-9745-6d2c-2eee-739496fde2ef-7c1cd3d7,
  #w-node-_796b005c-ea32-0c55-df63-d0595567918b-7c1cd3d7,
  #w-node-b7f54f5b-74df-3f32-d1fa-6b59f6bef702-7c1cd3d7,
  #w-node-_232f057a-d113-47d0-1b0f-effc13818854-7c1cd3d7,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3d9,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3d9,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3d9,
  #w-node-cf511613-a6de-9022-7062-77901a85c21e-7c1cd3d9,
  #w-node-_05525b0b-561c-7ba9-02e4-e5b42c85fbe0-7c1cd3d9,
  #w-node-_05525b0b-561c-7ba9-02e4-e5b42c85fc0d-7c1cd3d9,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3dc,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3dc,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3dc,
  #w-node-db2779af-0b44-b25b-c90e-2ed39071ba2c-7c1cd3dc,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3dd,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3dd,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3dd,
  #w-node-f81d2cd6-7889-8745-8120-b1b149740311-7c1cd3dd,
  #w-node-_7261e239-3694-9f61-c23e-fb2ad6b157d3-7c1cd3dd,
  #w-node-_26f42368-94f7-34f9-ed84-90685b42a719-7c1cd3dd,
  #w-node-_50bd706f-73ae-44f5-3002-d06a3f4f8c5c-7c1cd3dd,
  #w-node-_27878830-4043-11b3-0503-9f019a883077-7c1cd3dd,
  #w-node-_9be3b68c-7021-6859-c2f0-8334d9c626a2-7c1cd3dd,
  #w-node-_73809ef3-3195-91c8-5528-8ff27008c935-7c1cd3dd,
  #w-node-e7c2bfdf-bdeb-baad-9466-c291fba31c86-7c1cd3dd,
  #w-node-_3fbdaaaf-38ae-ebea-3196-dab12dd3dbee-7c1cd3dd,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3de,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3de,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3de,
  #w-node-_7916ea53-8946-25e2-c970-d08e910d5665-7c1cd3de,
  #w-node-_617aa345-90e8-bec1-d505-f746a0c6770f-7c1cd3de,
  #w-node-bd5e1261-f671-ed21-da64-957211b60a51-7c1cd3de,
  #w-node-bd5e1261-f671-ed21-da64-957211b60a68-7c1cd3de,
  #w-node-bd5e1261-f671-ed21-da64-957211b60a86-7c1cd3de,
  #w-node-_957439a7-1c6b-2f9a-aec5-95e3cdf338be-7c1cd3de,
  #w-node-_957439a7-1c6b-2f9a-aec5-95e3cdf338d5-7c1cd3de,
  #w-node-_957439a7-1c6b-2f9a-aec5-95e3cdf338f3-7c1cd3de,
  #w-node-_9b3fb781-59d6-5be6-5749-f64b22fb3ca4-7c1cd3de,
  #w-node-_9b3fb781-59d6-5be6-5749-f64b22fb3cbb-7c1cd3de,
  #w-node-_9b3fb781-59d6-5be6-5749-f64b22fb3cd9-7c1cd3de,
  #w-node-_14eed0e7-5890-22d7-8986-024146f6ba47-7c1cd3de,
  #w-node-_14eed0e7-5890-22d7-8986-024146f6ba5e-7c1cd3de,
  #w-node-_14eed0e7-5890-22d7-8986-024146f6ba7c-7c1cd3de,
  #w-node-_09a21a58-787f-9c2d-cb41-cb91e161acf6-7c1cd3de,
  #w-node-_09a21a58-787f-9c2d-cb41-cb91e161ad21-7c1cd3de,
  #w-node-_09a21a58-787f-9c2d-cb41-cb91e161ad4c-7c1cd3de,
  #w-node-ce9722a0-7963-488d-d10a-4cd11b86df04-7c1cd3de,
  #w-node-ce9722a0-7963-488d-d10a-4cd11b86df2f-7c1cd3de,
  #w-node-ce9722a0-7963-488d-d10a-4cd11b86df5a-7c1cd3de,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3e0,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3e0,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3e0,
  #w-node-_548e10c8-5f51-11d9-d286-91e4109f0241-7c1cd3e0,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3e1,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3e1,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3e1,
  #w-node-_548e10c8-5f51-11d9-d286-91e4109f0241-7c1cd3e1,
  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3eb,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3eb,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-de4c5b55-a432-f937-aa4a-1b132fb07698-7c1cd3eb {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-_6e5e4d98-a703-5f9f-216d-5026e43585d4-7c1cd3eb {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6e5e4d98-a703-5f9f-216d-5026e43585e2-7c1cd3eb {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-b9666a94-59f6-b021-a616-a72de95ab788-7c1cd3ec,
  #w-node-ef04f283-d6f0-c976-d213-319f710040f6-7c1cd3ec,
  #w-node-_53ca3e07-54dd-3d91-8240-f0b4482b8df2-7c1cd3ec {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1ed0623c-37e9-0779-57bb-be3c6383060d-7c1cd3ec {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-bbe5b988-8c3d-787d-4d35-62940a049649-de8e93b1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_942570d1-5215-1ebf-5906-02f889da1558-de8e93b1 {
    order: -9999;
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bbe5b988-8c3d-787d-4d35-62940a049650-de8e93b1,
  #w-node-b20a057b-5f8a-8b89-f207-8f92e16eaa67-4f5822f4,
  #w-node-b20a057b-5f8a-8b89-f207-8f92e16eaa67-c04c24ef,
  #w-node-b20a057b-5f8a-8b89-f207-8f92e16eaa67-6fe61627 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_570fdd7e-071b-fc1f-582a-d677e3631b29-6e34411c,
  #w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-ce1fb8e5,
  #w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-350dad2c {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_7fde9c71-1114-8b4a-9278-5f242ef7e9f6-7c1cd3a3,
  #w-node-_637dee82-6117-e6f3-ef95-1d48a762b6cd-7c1cd3d4 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0295c18b-76bf-1a2b-15d2-c3738af5a9a7-7a874311 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-bcecbc06-603d-64cf-239a-e36e301a7f4e-7a874311,
  #w-node-ae898bfd-ce3a-4786-ce8f-613a131c7c4c-7a874311,
  #w-node-_5adb7ca2-4c5b-bd5e-ab30-1ef20bcbd211-7a874311,
  #w-node-_4c9d9d1b-c858-676d-fabf-0359e860728f-7a874311 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_570fdd7e-071b-fc1f-582a-d677e3631b29-6e34411c,
  #w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-ce1fb8e5,
  #w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-350dad2c {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7fde9c71-1114-8b4a-9278-5f242ef7e9f6-7c1cd3a3,
  #w-node-_637dee82-6117-e6f3-ef95-1d48a762b6cd-7c1cd3d4 {
    grid-column: span 1 / span 1;
  }

  #w-node-_4ecfd5b4-a2a5-1955-92ed-a0aa80014504-7c1cd3dc {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_570fdd7e-071b-fc1f-582a-d677e3631b29-6e34411c,
  #w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-ce1fb8e5,
  #w-node-_6f52aae9-a682-1aa5-e28f-cb51b266d830-350dad2c {
    grid-column: span 1 / span 1;
  }
}