.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-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  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-commercecartopenlinkicon {
  margin-right: 8px;
}

.w-commerce-commercecartopenlinkcount {
  height: 18px;
  min-width: 18px;
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0;
}

.w-commerce-commercecartcontainer {
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  background-color: #fff;
  flex-direction: column;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px rgba(0, 0, 0, .25);
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

.w-commerce-commercecartquantity {
  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-commercecartquantity::-ms-input-placeholder {
  color: #999;
}

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

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

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

.w-commerce-commercecartordervalue {
  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-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.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-commercecheckoutlabel {
  margin-bottom: 8px;
}

.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-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-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

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

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

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

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

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

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

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

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

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

.w-commerce-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-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-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-commerce-commerceorderconfirmationcontainer {
  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: .33em;
}

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

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

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

@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-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

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

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

body {
  color: #121722;
  font-family: Avertastd;
  font-size: 16px;
  line-height: 120%;
}

h1 {
  color: #121722;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Eudoxussans, sans-serif;
  font-size: 76px;
  font-weight: 700;
  line-height: 100%;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Eudoxussans, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 106%;
}

h3 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Eudoxussans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 116%;
}

h4 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Eudoxussans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 125%;
}

h5 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Eudoxussans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
}

h6 {
  color: #404eed;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 30px;
  font-family: Eudoxussans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

p {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 140%;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

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

li {
  font-size: 18px;
  line-height: 155%;
  list-style-type: disc;
}

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

blockquote {
  background-image: url('../images/quote-up.1-1.svg');
  background-position: 28px 28px;
  background-size: auto;
  border: 1px #000;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 28px 28px 28px 92px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

.h3-heading-white {
  color: #fff;
  margin-bottom: 0;
}

.h3-heading-white.black {
  color: #121722;
}

.paragraph-18px {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 20px;
  font-family: Eudoxussans, sans-serif;
  font-size: 18px;
  line-height: 155%;
}

.paragraph-18px.about {
  color: #121722;
  margin-top: 48px;
  margin-bottom: 0;
}

.style-guide-content-wrap {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 140px;
}

.text-container {
  width: 45%;
  max-width: 520px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-container.left {
  max-width: 480px;
}

.text-container.about {
  width: 50%;
  max-width: 680px;
}

.image-container {
  width: 48%;
  max-width: 550px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.image-container.product-hero {
  width: 50%;
  max-width: 600px;
  flex-direction: column;
  align-items: stretch;
}

.footer-link {
  color: #121722;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
  text-decoration: none;
  transition: color .2s;
  display: block;
}

.footer-link:hover {
  color: #404eed;
}

.licensing-heading {
  margin-bottom: 30px;
}

.licencing-image-item {
  height: 250px;
}

.version-number {
  color: #fff;
  margin-bottom: 10px;
}

.wrapper-changelog {
  width: 85%;
  max-width: 1215px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.wrapper-changelog.updates {
  width: 70%;
  width: 100%;
  max-width: 600px;
  background-color: #404eed;
  border: 3px #000;
  border-radius: 24px;
  flex-direction: column;
  justify-content: center;
  margin-top: 80px;
  padding: 52px 40px;
  box-shadow: 0 10px 70px rgba(83, 83, 83, .07);
}

.page-wrapper {
  font-family: Eudoxussans, sans-serif;
  overflow: hidden;
}

.page-wrapper.overflow-on {
  overflow: visible;
}

.contain {
  object-fit: contain;
}

.navigation-bar {
  background-color: rgba(0, 0, 0, 0);
}

.navigation-container {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navigation-logo {
  display: flex;
}

.navigation-logo.signup {
  position: absolute;
  top: 24px;
  bottom: auto;
  left: 80px;
  right: auto;
}

.r-circle {
  display: inline-block;
  position: relative;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background-color: #404eed;
  animation: circle-animation 1s;
  animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.letter-r {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 26px;
  color: white;
  text-transform: uppercase;
  font-family: Eudoxussans, sans-serif;
}

.ally-yours {
  display: inline-block;
  margin-left: 2px;
  font-size: 18px;
  font-weight: 600;
  color: #404eed;
  font-family: Eudoxussans, sans-serif;
}

@keyframes circle-animation {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}




.logo-image {
  width: 100%;
  max-width: 96px;
  object-fit: contain;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.logo-circle-1 {
  width: 24px;
  height: 24px;
  mix-blend-mode: multiply;
  background-color: #404eed;
  border-radius: 100px;
}

.logo-circle-2 {
  z-index: 1;
  width: 24px;
  height: 24px;
  mix-blend-mode: multiply;
  background-color: #1fb4ff;
  border-radius: 100px;
  margin-top: -8px;
  position: relative;
}

.logo-contain {
  margin-right: 16px;
}

.logo-contain-inner {
  display: flex;
  align-items: center;
}

.navlink {
  color: #121722;
  padding: 32px 16px;
  font-weight: 500;
  line-height: 150%;
  transition: color .2s;
}

.navlink:hover {
  color: #404eed;
}

.navlink.w--current {
  color: #121722;
}

.button-container {
  align-items: center;
  display: flex;
}

.button-container.in-menu {
  display: none;
}

.blue-fill-button {
  color: #404eed;
  background-color: rgba(64, 78, 237, .2);
  border-radius: 100px;
  padding: 12px 24px;
  font-weight: 700;
  line-height: 150%;
  transition: all .2s;
}

.blue-fill-button:hover {
  color: #fff;
  background-color: #404eed;
}

.blue-fill-button.in-menu {
  margin-left: 16px;
}

.blue-fill-button.navbar {
  margin-left: 0;
}

.hero-wrapper-home {
  width: 90%;
  max-width: 1280px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 128px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.home-hero-left-contain {
  width: 46%;
  max-width: 560px;
}

.overline-text {
  background-image: url('../images/line.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 20px;
  padding-left: 44px;
}

.overline-text.light-blue {
  color: #1fb4ff;
  background-image: url('../images/line-2.svg');
  margin-bottom: 12px;
}

.overline-text.bottom-margin-12px, .overline-text.faq {
  margin-bottom: 12px;
}

.hero-paragraph {
  color: rgba(18, 23, 34, .75);
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 160%;
}

.hero-paragraph.about {
  margin-bottom: 0;
}

.get-started-form {
  z-index: 1;
  margin-bottom: 0;
  position: relative;
}

.text-field {
  height: 76px;
  color: #121722;
  border: 1px #000;
  border-radius: 100px;
  margin-bottom: 0;
  padding-left: 28px;
  padding-right: 210px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
  box-shadow: 0 12px 64px rgba(18, 23, 34, .08);
}

.text-field::-ms-input-placeholder {
  color: rgba(18, 23, 34, .5);
}

.text-field::placeholder {
  color: rgba(18, 23, 34, .5);
}

.cta-submit-button {
  height: 60px;
  background-color: #404eed;
  border-radius: 100px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: background-color .2s;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: auto;
  right: 8px;
}

.cta-submit-button:hover {
  color: #fff;
  background-color: #121722;
}

.logos-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.logos-contain {
  opacity: 1;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.logos-image {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 0;
  margin-left: 1%;
  margin-right: 1%;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.logos-image:hover {
  filter: grayscale(0%);
}

.h5-heading {
  margin-bottom: 0;
}

.dark-blue-span {
  color: #404eed;
}

.slider-section {
  background-color: #404eed;
}

.slider-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.slider-heading {
  max-width: 620px;
  color: #fff;
  margin-bottom: 0;
}

.slider {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.slide-nav {
  display: none;
}

.slide-wrapper {
  height: 100%;
  max-width: 400px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px 32px;
  display: flex;
}

.slide-image-contain {
  width: 100%;
  border-radius: 100px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.slide-image-contain img {
  object-fit: cover;
  border-radius: 50%;
}

.slider-text {
  margin-bottom: 8px;
}

.slider-paragraph {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 155%;
}

.arrow-link {
  color: #404eed;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.arrow-link.light-blue {
  color: #1fb4ff;
}

.arrow-link-text {
  margin-right: 12px;
  font-size: 21px;
  font-weight: 700;
  line-height: 155%;
}

.link-bottom-line {
  width: 100%;
  height: 2px;
  background-color: #404eed;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.link-bottom-line.light-blue {
  background-color: #1fb4ff;
}

.slide {
  max-width: 400px;
  margin-right: 40px;
}

.mask {
  max-width: 400px;
  overflow: visible;
}

.left-arrow {
  width: 48px;
  height: 48px;
  filter: brightness(600%);
  background-color: rgba(255, 255, 255, .2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  transition: filter .2s;
  display: flex;
  top: -24%;
  bottom: auto;
  left: auto;
  right: 68px;
}

.left-arrow:hover {
  filter: none;
  background-color: #fff;
}

.right-arrow {
  width: 48px;
  height: 48px;
  filter: brightness(600%);
  background-color: rgba(255, 255, 255, .2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  transition: filter .2s;
  display: flex;
  top: -24%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.right-arrow:hover {
  filter: none;
  background-color: #fff;
}

.images-container {
  width: 45%;
  height: 100%;
  max-width: 520px;
  position: relative;
}

.background-image {
  width: 100%;
  height: 100%;
}

.top-image {
  width: 80%;
  max-width: 440px;
  max-height: -webkit-fill-available;
  object-fit: contain;
  margin: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.h3-heading {
  max-width: 620px;
  margin-bottom: 16px;
}

.h3-heading.white {
  color: #fff;
}

.points-contain {
  margin-bottom: 18px;
}

.point-wrapper {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.checkmark {
  width: 100%;
  max-width: 24px;
  margin-right: 12px;
}

.point-text {
  color: #121722;
  margin-bottom: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 18px;
  line-height: 155%;
}

.features-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f2f4f7;
  border-radius: 20px;
  grid-template-columns: 1.5fr 1fr;
  padding: 40px;
}

.features-wrapper {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 140px;
}

.feature-wrapper-top {
  width: 100%;
  max-width: 1200px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  padding-top: 72px;
  padding-bottom: 54px;
  padding-left: 40px;
  display: flex;
}

.features-text-wrapper {
  width: 55%;
  max-width: 542px;
}

.features-text-wrapper.bottom {
  width: 100%;
  height: 100%;
  max-width: 600px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.features-text-wrapper.bottom-right {
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.features-heading {
  margin-bottom: 8px;
}

.features-heading.white {
  color: #fff;
}

.features-paragraph {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 155%;
}

.features-paragraph.white {
  color: #fff;
}

.feature-wrapper-bottom {
  width: 100%;
  max-width: 680px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.feature-wrapper-blue {
  width: 100%;
  max-width: 680px;
  background-color: #404eed;
  border-radius: 20px;
  flex-direction: column;
  padding-top: 32px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.features-mockup {
  width: 100%;
  max-width: 400px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slider-section {
  background-color: #404eed;
}

.testimonial-title {
  margin-top: 32px;
  margin-bottom: 12px;
}

.stars-image {
  width: 100%;
  max-width: 136px;
  object-fit: contain;
}

.testimonial-name {
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
}

.testimonial-position {
  color: rgba(18, 23, 34, .5);
  font-size: 16px;
  line-height: 150%;
}

.testimonial-info-contain {
  align-items: center;
  display: flex;
}

.testimonial-slide-contain {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  display: flex;
}

.testimonial-images {
  width: 100%;
  max-width: 60px;
  object-fit: contain;
  border-radius: 100px;
}

.testimonial-text {
  color: #121722;
  margin-bottom: 32px;
  font-size: 20px;
  line-height: 160%;
}

.testimonial-about {
  margin-left: 16px;
}

.testimonial-slide {
  max-width: 560px;
  margin-right: 40px;
}

.testimonial-mask {
  max-width: 560px;
  overflow: visible;
}

.testimonial-slider {
  width: 100%;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  display: flex;
  position: relative;
}

.stats-grid {
  width: 100%;
  max-width: 1280px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 80px;
}

.stats-grid.about {
  width: 90%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.stats-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.stats-heading {
  color: #fff;
  margin-bottom: 20px;
  font-weight: 700;
  line-height: 100%;
}

.stats-heading.about {
  color: #121722;
  margin-bottom: 32px;
  font-size: 60px;
  line-height: 106%;
}

.stats-text {
  color: rgba(255, 255, 255, .75);
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.stats-text.about {
  color: rgba(18, 23, 34, .75);
}

.pricing-section {
  position: relative;
}

.pricing-section.h3-heading {
  max-width: none;
}

.pricing-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.top-center-wrapper {
  max-width: 620px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.top-center-wrapper.blogs {
  margin-bottom: 48px;
}

.top-center-wrapper.investors {
  margin-bottom: 50px;
}

.top-center-wrapper._580px {
  max-width: 580px;
}

.pricing-footer {
  grid-column: 1 / 3;
  font-size: 14px;
}


.pricing-paragraph {
  max-width: 810px;
  color: rgba(18, 23, 34, .75);
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.pricing-paragraph.big {
  max-width: 520px;
}

.pricing-grid {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 80px;
}

.pricing-contain {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 40px;
  display: flex;
  box-shadow: 0 20px 80px rgba(18, 23, 34, .05);
}

.pricing-contain.blue {
  background-color: #404eed;
  justify-content: space-between;
}

.pricing-contain.enterprise {
  justify-content: space-between;
}

.pricing-icon-contain {
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.pricing-top-contain {
  min-height: 250px;
  margin-bottom: 48px;
}

.pricing-top-contain ul {
  padding-left: 0;
}

.pricing-top-contain li {
  list-style-type: none;
}

.pricing-top-contain img {
  padding-right:3px;
}

.plan-name {
  margin-bottom: 8px;
}

.plan-name.white {
  color: #fff;
}

.pricing-text {
  color: rgba(18, 23, 34, .75);
  font-size: 18px;
  line-height: 155%;
  margin-bottom: 16px;
}

.pricing-text.white {
  color: #fff;
}

.price {
  margin-bottom: 24px;
  font-size: 60px;
  font-weight: 700;
  line-height: 106%;
}

.price.white {
  color: #fff;
}

.pricing-button {
  width: 100%;
  color: #404eed;
  text-align: center;
  background-color: rgba(64, 78, 237, .2);
  border-radius: 100px;
  flex: none;
  padding: 16px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  transition: all .2s;
}

.pricing-button:hover {
  color: #fff;
  background-color: #404eed;
}

.pricing-button.white {
  color: #404eed;
  background-color: #fff;
}

.pricing-button.white:hover {
  color: #fff;
  background-color: #121722;
}

.price-maintext {
  margin-bottom: 5px;
}
.price-subtext {
  color: rgba(18, 23, 34, .5);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
}

.price-subtext.white {
  color: rgba(255, 255, 255, .75);
}

.price-maintext-small {
  color: rgba(18, 23, 34, .5);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  margin-top: 8px;
}

.month-span {
  font-size: 32px;
  line-height: 40px;
  display: inline;
}

.success-message {
  background-color: rgba(64, 78, 237, .14);
  border-radius: 6px;
  font-weight: 500;
}

.success-message.white-background {
  background-color: rgba(255, 255, 255, .9);
}

.error-message {
  background-color: rgba(255, 223, 223, .5);
  border-radius: 4px;
  font-weight: 500;
}

.error-message.white-background {
  background-color: rgba(255, 223, 223, .9);
}

.blog-section {
  background-color: #121722;
}

.similar-wrapper {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 276px;
}

.similar-top-wrappers {
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 80px;
  display: flex;
}

.blog-left-wrapper {
  max-width: 510px;
}

.primary-blue-button {
  height: 60px;
  background-color: #404eed;
  border-radius: 100px;
  align-items: center;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  transition: all .2s;
  display: flex;
  position: static;
  top: 8px;
  bottom: 8px;
  left: auto;
  right: 8px;
}

.primary-blue-button:hover {
  color: #404eed;
  background-color: #fff;
}

.primary-blue-button.black {
  transition-property: background-color;
}

.primary-blue-button.black:hover {
  color: #fff;
  background-color: #121722;
}

.primary-blue-button.signup {
  text-align: center;
  justify-content: center;
  transition-property: background-color;
}

.primary-blue-button.signup:hover {
  color: #fff;
  background-color: #121722;
}

.bottom-blogs-wrapper {
  width: 100%;
  max-width: 400px;
  text-decoration: none;
}

.blog-image-wrapper {
  height: 360px;
  margin-bottom: 24px;
  overflow: hidden;
}

.blog-image-wrapper._440px {
  width: 100%;
  height: 440px;
}

.blog-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-category {
  color: #1fb4ff;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 150%;
}

.blog-category.blue {
  color: #404eed;
}

.blog-title {
  color: #fff;
  margin-bottom: 8px;
}

.blog-title.black {
  color: #121722;
}

.blog-summary {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.blog-summary.black {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 20px;
}

.blog-summary.cms {
  max-width: 700px;
  text-align: center;
  font-size: 20px;
  line-height: 160%;
}

.collection-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list.categories {
  grid-template-columns: 1fr;
  justify-items: center;
}

.cta-form {
  margin-top: -136px;
}

.cta-wrapper {
  width: 90%;
  max-width: 1280px;
  background-color: #404eed;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 0;
  display: flex;
}

.cta-left-contain {
  width: 65%;
  max-width: 700px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.cta-heading {
  color: #fff;
}

.cta-paragraph {
  max-width: 480px;
  color: #fff;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 155%;
}

.cta-text-field {
  width: 560px;
  height: 76px;
  color: #121722;
  border: 1px #000;
  border-radius: 100px;
  margin-bottom: 0;
  padding-left: 28px;
  padding-right: 210px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
  box-shadow: 0 12px 64px rgba(18, 23, 34, .08);
}

.cta-text-field::-ms-input-placeholder {
  color: rgba(18, 23, 34, .5);
}

.cta-text-field::placeholder {
  color: rgba(18, 23, 34, .5);
}

.cta-text-field.subscribe {
  width: 520px;
}

.footer-main-wrapper {
  padding-top: 80px;
}

.footer-top-wrapper {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-logo {
  align-items: center;
  display: flex;
}

.footer-grid {
  width: 70%;
  max-width: 760px;
  grid-column-gap: 60px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.footer-column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.footer-left-contain {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.long-blue-fill-button {
  color: #404eed;
  background-color: rgba(64, 78, 237, .2);
  border-radius: 100px;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  transition: all .2s;
}

.long-blue-fill-button.active {
  color: #fff;
  background-color: #404eed;
}

.long-blue-fill-button:hover {
  color: #fff;
  background-color: #404eed;
}

.footer-banner {
  width: 90%;
  max-width: 1280px;
  color: rgba(18, 23, 34, .5);
  background-color: #f2f4f7;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 145%;
  display: flex;
}

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

.cf-links {
  color: #404eed;
  text-decoration: none;
  transition: color .2s;
}

.cf-links:hover {
  color: #121722;
}

.popular-tag {
  letter-spacing: 1.6px;
  background-image: url('../images/Background.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  margin-left: 10px;
  padding: 4px 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.background-colour-div {
  z-index: -1;
  height: 580px;
  background-color: #f2f4f7;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.overline-page-text {
  background-image: url('../images/line.svg'), url('../images/line.svg');
  background-position: 100%, 0%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  margin-bottom: 20px;
  padding-left: 44px;
  padding-right: 44px;
}

.overline-page-text.cms {
  color: #1fb4ff;
  background-image: url('../images/line-2.svg'), url('../images/line-2.svg');
  background-position: 0%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
  margin-bottom: 16px;
}

.overline-page-text.career {
  margin-bottom: 16px;
}

.top-wrapper-pricing {
  max-width: 840px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.top-wrapper-pricing.integrations {
  max-width: 900px;
}

.page-hero-paragraphs {
  max-width: 560px;
  color: rgba(18, 23, 34, .75);
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.page-hero-paragraphs.pricing {
  max-width: 410px;
}

.page-hero-paragraphs.integrations {
  max-width: 540px;
}

.headings {
  width: 40%;
  font-size: 18px;
  line-height: 155%;
}

.headings._25 {
  width: 25%;
}

.comparison-plan {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
  display: flex;
}

.comparison-table {
  margin-top: 0;
}

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

.pricing-row-contain {
  border-bottom: 2px solid rgba(18, 23, 34, .1);
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.pricing-row-contain.top {
  border-bottom-width: 2px;
  border-bottom-color: rgba(18, 23, 34, .2);
}

._22-px {
  font-size: 22px;
  line-height: 150%;
}

.top-wrap-pricing {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
}

.pricing-comparison-wrap {
  width: 85%;
  max-width: 1280px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.pricing-comparison-wrap._100 {
  width: 100%;
}

.price-headings {
  color: #121722;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.price-checkmark.unavailable {
  opacity: .25;
}

.feature-tabs-sections {
  background-color: #404eed;
  margin-top: 0;
}

.feature-tabs-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.features-h3-heading {
  max-width: 620px;
  color: #fff;
  text-align: center;
  margin-bottom: 16px;
}

.features-top-paragraph {
  max-width: 520px;
  color: #fff;
  text-align: center;
  margin-bottom: 48px;
  font-size: 18px;
  line-height: 155%;
}

.feature-tabs {
  width: 100%;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feature-tabs-content {
  width: 100%;
}

.tabs-menu {
  background-color: rgba(255, 255, 255, .25);
  border-radius: 100px;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  display: flex;
}

.feature-tab-link {
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
  margin-right: 8px;
  padding: 16px 28px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
}

.feature-tab-link.w--current {
  color: #404eed;
  background-color: #fff;
}

.tab-content-wrap {
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  padding-top: 0;
  display: flex;
}

.features-text-container {
  width: 45%;
  max-width: 520px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.features-h4-heading {
  color: #fff;
  margin-bottom: 8px;
}

.features-sub-paragraph {
  color: #fff;
  margin-bottom: 32px;
  font-family: Eudoxussans, sans-serif;
  font-size: 18px;
  line-height: 155%;
}

.features-subheading {
  color: #fff;
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.feature-point {
  color: #fff;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 155%;
}

.pricing-comparison-contain {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
}

.price-logos {
  width: 100%;
  max-width: 140px;
  object-fit: contain;
}

.faqs-text-wrap {
  width: 35%;
  max-width: 440px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.faq-content {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 0;
  padding-bottom: 32px;
  font-size: 18px;
  font-weight: 400;
  line-height: 155%;
}

.bottom-line {
  width: 100%;
  height: 1px;
  background-color: #dfd8d1;
}

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

.faqs-wrapper {
  width: 60%;
  max-width: 720px;
  padding-top: 12px;
}

.faq-paragraph {
  color: rgba(18, 23, 34, .75);
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.faq-card {
  width: 100%;
  max-width: 730px;
  color: #181818;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  text-decoration: none;
}

.faq-answer-wrap {
  padding-bottom: 0;
  padding-right: 10%;
}

.faq-question-container {
  cursor: pointer;
  padding-top: 32px;
  padding-bottom: 32px;
}

.faq-question {
  margin-bottom: 0;
  font-weight: 700;
}

.faq-image {
  width: 100%;
  max-width: 344px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}

.faqs-main-wrapper {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.support-section {
  background-color: #121722;
}

.support-wrapper {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 280px;
  display: flex;
}

.support-image-wrap {
  width: 50%;
  height: 428px;
  max-width: 620px;
}

.support-image {
  width: 100%;
  height: 100%;
  max-width: 620px;
  object-fit: cover;
}

.support-text-wrapper {
  width: 45%;
  max-width: 560px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.support-paragraph {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 155%;
}

.features-hero-section {
  position: relative;
}

.features-hero-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 140px;
  display: flex;
}

.hero-grid {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

.hero-grid.values {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.hero-grid-icons {
  width: 100%;
  max-width: 64px;
  margin-bottom: 20px;
}

.hero-grid-icons._48px {
  max-width: 48px;
}

.hero-grid-icons._46px {
  max-width: 46px;
}

.hero-grid-icons._56px {
  max-width: 56px;
}

.hero-grid-point-heading {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.hero-grid-point-heading.white {
  color: #fff;
}

.hero-grid-point {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 0;
  font-size: 16px;
  line-height: 150%;
}

.hero-grid-point.white {
  color: #fff;
}

.graph-section {
  background-color: #404eed;
}

.graph-main-wrapper {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
}

.top-center-paragraph {
  max-width: 520px;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.top-center-paragraph.black {
  color: rgba(18, 23, 34, .75);
}

.graph-contain {
  height: 480px;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.graph-background-contain {
  width: 100%;
  max-width: 1280px;
}

.blue-div {
  background-color: #404eed;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.graph-top-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.graph-text-wrap {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
  position: relative;
}

.graph-text-wrap._2, .graph-text-wrap._4 {
  justify-content: flex-end;
}

.line-image {
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.line-image.reverse {
  transform: rotate(180deg);
}

.graph-h4-heading {
  color: #fff;
  margin-bottom: 8px;
}

.graph-white-text {
  color: rgba(255, 255, 255, .75);
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
}

.features-grey-grid {
  width: 90%;
  max-width: 1280px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f2f4f7;
  border-radius: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 140px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
}

.feature-container {
  background-color: #fff;
  border-radius: 20px;
  padding: 24px;
}

.features-icon {
  width: 100%;
  max-width: 64px;
  margin-bottom: 32px;
}

.feature-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.process-section {
  background-color: #121722;
  padding-top: 140px;
  padding-bottom: 280px;
}

.process-wrapper {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.process-image-wrap {
  width: 45%;
  max-width: 520px;
  justify-content: center;
  align-items: flex-end;
  padding-top: 64px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  position: relative;
}

.process-bkg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.process-image {
  width: 100%;
  max-width: 424px;
  object-fit: contain;
  position: relative;
}

.process-points-wrapper {
  width: 50%;
  max-width: 660px;
  grid-column-gap: 0px;
  grid-row-gap: 64px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-point {
  align-items: center;
  display: flex;
}

.process-number {
  width: 120px;
  height: 120px;
  color: #fff;
  background-color: rgba(255, 255, 255, .25);
  border-radius: 100px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  display: flex;
}

.process-heading {
  color: #fff;
  margin-bottom: 8px;
}

.process-paragraph {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.blog-hero-section {
  position: relative;
}

.blog-hero-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  display: flex;
}

.featured-blogs {
  margin-bottom: 140px;
}

.featured-blogs-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.blogs-wrapper {
  width: 100%;
  max-width: 580px;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.blog-category-blue {
  color: #404eed;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 150%;
}

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

.collection-list-wrapper {
  flex-direction: row;
  display: flex;
}

.newsletter-section {
  background-color: #404eed;
  margin-bottom: 140px;
}

.newsletter-wrapper {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.newsletter-left-wrapper {
  width: 50%;
  max-width: 580px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.newsletter-heading {
  color: #fff;
  margin-bottom: 0;
}

.newsletter-right-wrapper {
  position: relative;
}

.subscribe-button {
  height: 60px;
  background-color: #404eed;
  border-radius: 100px;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  transition: background-color .2s;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: auto;
  right: 8px;
}

.subscribe-button:hover {
  color: #fff;
  background-color: #121722;
}

.newsletter-image {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -120%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blogs-section.categories {
  background-color: #f2f4f7;
  padding-top: 100px;
}

.blogs-bottom-wrapper {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 140px;
}

.blogs-tab-contain {
  margin-bottom: 0;
}

.blogs-tabs {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.tabs-menu-blogs {
  background-color: #f2f4f7;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  display: flex;
}

.tab-links {
  color: #404eed;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 100px;
  margin-right: 8px;
  padding: 16px 28px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
}

.tab-links.w--current {
  color: #fff;
  background-color: #404eed;
}

.tabs-content {
  width: 100%;
}

.progress-bar {
  z-index: 5;
  width: 100%;
  height: 10px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.progress-line {
  width: 0%;
  height: 100%;
  background-color: #404eed;
}

.blog-main-image-contain {
  height: 548px;
  margin-top: 0;
  position: relative;
}

.blog-overlay {
  background-color: rgba(18, 23, 34, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.blog-content {
  width: 90%;
  max-width: 1060px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: 80px;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-main-heading {
  color: #fff;
  text-align: center;
}

.blog-info-section {
  margin-top: -140px;
  position: relative;
}

.blog-info-wrapper {
  width: 100%;
  max-width: 920px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  padding-bottom: 140px;
  display: flex;
}

.rich-text {
  max-width: 760px;
  border-bottom: 2px solid rgba(0, 0, 0, .2);
  margin-bottom: 48px;
  padding-bottom: 28px;
}

.rich-text ul {
  padding-left: 20px;
  font-size: 18px;
  line-height: 155%;
  list-style-type: none;
}

.rich-text li {
  color: #121722;
  margin-bottom: 8px;
  padding-left: 0;
  list-style-type: square;
}

.rich-text ol {
  padding-left: 20px;
  font-size: 18px;
  line-height: 155%;
  list-style-type: none;
}

.rich-text blockquote {
  color: #fff;
  background-color: #404eed;
  background-repeat: no-repeat;
  margin-bottom: 28px;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
}

.rich-text a {
  color: #404eed;
  border-bottom: 1px solid #404eed;
  text-decoration: none;
  transition: all .2s;
}

.rich-text a:hover {
  color: #121722;
  border-bottom-color: #121722;
}

.rich-text p {
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 155%;
}

.author-block {
  width: 100%;
  max-width: 760px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.author-left-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.author-image {
  width: 100%;
  height: 80px;
  max-width: 80px;
  object-fit: cover;
  border-radius: 100px;
}

.author-info-contain {
  margin-left: 24px;
}

.author-text {
  color: rgba(18, 23, 34, .5);
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
}

.author-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.share-button {
  align-items: center;
  text-decoration: none;
  transition: filter .2s;
  display: flex;
}

.share-button:hover {
  filter: grayscale(1000%);
}

.share-text {
  color: #404eed;
  margin-right: 12px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  text-decoration: none;
}

.integrations-section {
  margin-top: 100px;
}

.integrations-bottom-wrapper {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 140px;
}

.integrations-hero-section {
  position: relative;
}

.integration-card {
  width: 100%;
  max-width: 400px;
  color: #121722;
  background-color: #fff;
  border-radius: 20px;
  padding: 40px;
  text-decoration: none;
  box-shadow: 0 20px 80px rgba(0, 0, 0, .05);
}

.integration-thumbnail {
  width: 100%;
  max-width: 64px;
  border-radius: 100px;
}

.integration-name {
  margin-bottom: 8px;
}

.integration-description {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

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

.integrations-grid.cms {
  grid-template-rows: auto;
}

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

.values-section {
  background-color: #121722;
}

.values-section.primary {
  background-color: #404eed;
}

.values-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 280px;
  display: flex;
}

.values-wrapper.primary {
  flex-direction: column;
  align-items: stretch;
  padding-bottom: 140px;
}

.values-top-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 80px;
  display: flex;
}

.values-left-wrapper {
  max-width: 620px;
}

.values-paragraph {
  width: 45%;
  max-width: 480px;
  color: #fff;
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 155%;
}

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

.value-icon {
  margin-bottom: 24px;
}

.value-icon._1 {
  width: 100%;
  max-width: 64px;
}

.value-icon._2 {
  width: 100%;
  max-width: 48px;
}

.value-icon._3 {
  width: 100%;
  max-width: 56px;
}

.value-title {
  color: #fff;
  margin-bottom: 8px;
}

.value-text {
  color: #fff;
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 155%;
}

.integration-info-section {
  margin-top: -140px;
  position: relative;
}

.integration-info-wrapper {
  width: 100%;
  max-width: 920px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 140px;
  display: flex;
}

.integration-hero-cms {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 140px;
  display: flex;
}

.integration-rich-text {
  max-width: 760px;
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 0;
}

.integration-rich-text ul {
  padding-left: 20px;
  font-size: 18px;
  line-height: 155%;
  list-style-type: disc;
}

.integration-rich-text li {
  color: #121722;
  margin-bottom: 8px;
  padding-left: 0;
  list-style-type: square;
}

.integration-rich-text ol {
  padding-left: 20px;
  font-size: 18px;
  line-height: 155%;
  list-style-type: decimal;
}

.integration-rich-text blockquote {
  color: #404eed;
  background-image: none;
  border-left: 2px solid #404eed;
  border-radius: 0;
  margin-bottom: 28px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.integration-rich-text a {
  color: #404eed;
  border-bottom: 1px solid #404eed;
  text-decoration: none;
  transition: all .2s;
}

.integration-rich-text a:hover {
  color: #121722;
  border-bottom-color: #121722;
}

.integration-rich-text p {
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 155%;
}

.integration-logos-wrap {
  max-width: 572px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  justify-items: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.integration-main-logo {
  width: 100%;
  max-width: 240px;
}

.cross-image {
  margin-left: 40px;
  margin-right: 40px;
}

.our-logo {
  width: 204px;
  max-width: 100%;
}

.integrations-left-wrapper {
  max-width: 520px;
}

.empty-state {
  text-align: center;
  background-color: rgba(64, 78, 237, .08);
  border-radius: 4px;
  font-weight: 500;
}

.empty-state.white {
  color: #fff;
  background-color: rgba(31, 180, 255, .2);
}

.career-hero-section {
  position: relative;
}

.tabs-menu-career {
  background-color: #f2f4f7;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  display: flex;
}

.career-tabs {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.career-top-wrap {
  border-bottom: 2px solid rgba(0, 0, 0, .2);
  padding-top: 24px;
  padding-bottom: 24px;
}

.career-top-wrap.white {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, .2);
}

.career-heading {
  margin-bottom: 0;
}

.career-wrap {
  border-bottom: 2px solid rgba(0, 0, 0, .1);
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.career-wrap.white {
  color: #fff;
  border-bottom-color: rgba(255, 255, 255, .1);
}

.job-title {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.tags-contain {
  display: flex;
}

.job-tags {
  color: rgba(18, 23, 34, .75);
  font-size: 18px;
  line-height: 155%;
}

.job-tags._20px {
  font-size: 20px;
  line-height: 160%;
}

.job-tags.white {
  color: #fff;
}

.location-section {
  background-color: #121722;
}

.location-section.white {
  background-color: #fff;
}

.location-wrapper {
  width: 90%;
  max-width: 1280px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 280px;
  display: flex;
}

.location-wrapper.white {
  padding-bottom: 140px;
}

.location-image-contain {
  width: 50%;
  height: 560px;
  max-width: 640px;
}

.location-text-contain {
  width: 45%;
  max-width: 520px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.location-paragraph {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 32px;
  font-family: Eudoxussans, sans-serif;
  font-size: 18px;
  line-height: 155%;
}

.location-paragraph.black {
  color: rgba(18, 23, 34, .75);
}

.location-grid {
  grid-template-rows: auto;
  margin-bottom: 32px;
}

.location-heading {
  color: #fff;
  margin-bottom: 8px;
}

.location-heading.black {
  color: #121722;
}

.location-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.location {
  color: #fff;
  margin-top: 8px;
  margin-bottom: 0;
  font-family: Eudoxussans, sans-serif;
  font-size: 18px;
  line-height: 155%;
}

.location.black {
  color: rgba(18, 23, 34, .75);
}

.career-hero-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 140px;
  display: flex;
}

.career-heading-main {
  margin-bottom: 20px;
}

.career-section {
  position: relative;
}

.career-info-section {
  margin-top: -140px;
  position: relative;
}

.career-info-wrapper {
  width: 100%;
  max-width: 920px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
  padding-bottom: 140px;
  display: flex;
}

.career-rich-text {
  max-width: 760px;
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 48px;
}

.career-rich-text blockquote {
  color: #404eed;
  background-image: none;
  border-left: 2px solid #404eed;
  border-radius: 0;
  margin-bottom: 28px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
}

.career-rich-text a {
  color: #404eed;
  border-bottom: 1px solid #404eed;
  text-decoration: none;
  transition: all .2s;
}

.career-rich-text a:hover {
  color: #121722;
  border-bottom-color: #121722;
}

.career-rich-text p {
  margin-bottom: 28px;
  font-size: 18px;
  line-height: 155%;
}

.career-rich-text ol {
  padding-left: 24px;
  list-style-type: decimal;
}

.career-rich-text li {
  margin-bottom: 8px;
  list-style-type: square;
}

.career-rich-text ul {
  padding-left: 20px;
  list-style-type: disc;
}

.similar-jobs-section {
  background-color: #121722;
}

.similar-jobs-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 280px;
  display: flex;
}

.center-contain {
  max-width: 520px;
  text-align: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

.center-contain.bottom {
  margin-top: 80px;
  margin-bottom: 0;
}

.center-contain._620px {
  max-width: 620px;
}

.similar-heading {
  color: #fff;
  margin-bottom: 16px;
}

.contact-section {
  background-color: #f2f4f7;
  padding-bottom: 220px;
}

.contact-form-section {
  background-color: #121722;
  margin-bottom: -140px;
}

.contact-form-contain {
  width: 90%;
  max-width: 1280px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 42px 60px;
  display: flex;
  position: relative;
  top: -140px;
}

.contact-form-left {
  width: 50%;
  max-width: 520px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.contact-paragraph {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 32px;
  font-size: 18px;
  line-height: 155%;
}

.contact-paragraph._480px {
  max-width: 480px;
}

.contact-links {
  color: #121722;
  align-items: center;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
  transition: color .2s;
  display: flex;
}

.contact-links:hover {
  color: #404eed;
}

.contact-icon {
  width: 100%;
  max-width: 32px;
  object-fit: contain;
  margin-right: 20px;
}

.contact-image {
  width: 100%;
  max-width: 240px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.right-form-contain {
  width: 45%;
  max-width: 520px;
}

.contact-field {
  height: 60px;
  color: #121722;
  background-color: #f2f4f7;
  border: 1px #000;
  border-radius: 100px;
  margin-bottom: 24px;
  padding: 16px 28px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
}

.contact-field::-ms-input-placeholder {
  color: rgba(18, 23, 34, .5);
}

.contact-field::placeholder {
  color: rgba(18, 23, 34, .5);
}

.contact-field.message {
  height: 128px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 28px;
  padding-left: 30px;
  display: flex;
}

.checkbox {
  width: 18px;
  height: 18px;
  border-width: 2px;
  border-color: #404eed;
  border-radius: 4px;
  margin-top: .5px;
}

.checkbox.w--redirected-checked {
  background-color: #fff;
  background-image: url('../images/tick-square.2-1.svg');
  background-size: auto;
  border-color: #404eed;
}

.checkbox.w--redirected-focus {
  border-color: #404eed;
  box-shadow: 0 0 3px 1px rgba(64, 78, 237, .25);
}

.checkbox-label {
  color: #121722;
  margin-left: 11px;
  font-weight: 500;
  line-height: 150%;
}

.terms-link {
  color: #404eed;
  font-weight: 500;
  transition: color .2s;
}

.terms-link:hover {
  color: #121722;
}

.contact-button {
  height: 60px;
  background-color: #404eed;
  border-radius: 100px;
  padding: 16px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  transition: background-color .2s;
}

.contact-button:hover {
  color: #fff;
  background-color: #121722;
}

.contact-heading {
  margin-bottom: 32px;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-color: #f2f4f7;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  font-family: Eudoxussans, sans-serif;
  display: flex;
}

.utility-page-content {
  width: 750px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin: 20px auto auto;
  display: flex;
}

._404-image {
  width: 100%;
  max-width: 400px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.sign-in-form {
  flex-direction: column;
  display: flex;
}

._16-px {
  flex: none;
  font-size: 16px;
  font-weight: 500;
}

._16-px.color-code {
  color: rgba(13, 14, 16, .75);
  margin-top: 4px;
  font-size: 18px;
  line-height: 150%;
}

.sign-up-left-wrapper {
  height: 100%;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 140px 40px 100px 80px;
  display: flex;
}

.sign-up-section {
  margin-left: auto;
  margin-right: auto;
}

.sign-up-link {
  color: #404eed;
  font-weight: 500;
  text-decoration: underline;
  transition: all .2s;
}

.sign-up-link:hover {
  color: #121722;
  text-decoration: underline;
}

.sign-up-with-google {
  color: #0d0e10;
  background-color: #f2f4f7;
  border: 1.5px #000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  padding: 15px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
  overflow: hidden;
}

.sign-up-with-google:hover {
  background-color: #e7e9eb;
  border-color: #145aff;
}

.sign-up-with-google-icon {
  flex: none;
  margin-right: 24px;
}

.sign-up-image {
  width: 50%;
  height: 100%;
  max-width: 800px;
  background-color: #f2f4f7;
  justify-content: center;
  align-items: center;
  padding-left: 2%;
  padding-right: 2%;
  display: flex;
  position: static;
}

.sign-in-form-block {
  width: 100%;
  max-width: 480px;
}

.signup-wrapper {
  width: 100%;
  max-width: 1920px;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.forgot-password {
  color: rgba(18, 23, 34, .75);
  flex: none;
  margin: 0 0 28px auto;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  transition: color .2s;
}

.forgot-password:hover {
  color: #404eed;
}

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

.webinar-section {
  background-color: #121722;
}

.webinar-wrapper {
  width: 90%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 280px;
}

.webinar-h4 {
  max-width: 520px;
  color: #fff;
  text-align: center;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
}

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

.webinar-image-contain {
  width: 50%;
  height: 428px;
  max-width: 620px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.webinar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zoom-link {
  color: #1fb4ff;
  padding-bottom: 5px;
  font-size: 18px;
  font-weight: 700;
  line-height: 155%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.zoom-icon {
  margin-left: 12px;
}

.popup {
  z-index: 10;
  background-color: rgba(18, 23, 34, .5);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.webinar-form {
  max-width: 640px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: center;
  padding: 64px 48px;
  display: flex;
  position: relative;
}

.webinar-icon {
  width: 100%;
  max-width: 70px;
  object-fit: contain;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
}

.webinar-h4-heading {
  max-width: 524px;
  margin-bottom: 8px;
}

.webinar-paragraph {
  max-width: 492px;
  color: rgba(18, 23, 34, .75);
  text-align: center;
  margin-bottom: 32px;
}

.close-icon {
  cursor: pointer;
  position: absolute;
  top: 10px;
  bottom: auto;
  left: auto;
  right: 10px;
}

.nav-menu {
  align-items: center;
  display: flex;
}

.hero-wrapper-about {
  width: 90%;
  max-width: 1280px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.about-hero-left-contain {
  width: 47%;
  max-width: 560px;
}

.stats-section {
  background-color: #f2f4f7;
  padding-top: 80px;
  padding-bottom: 80px;
}

.primary-blue-span {
  color: #404eed;
}

.story-wrapper {
  width: 90%;
  max-width: 1280px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 0;
  display: flex;
}

.team-section.cms {
  background-color: #f2f4f7;
  padding-top: 80px;
  padding-bottom: 100px;
}

.team-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.member-image-wrap {
  width: 100%;
  max-width: 290px;
  border-radius: 10px;
  margin-bottom: 24px;
}

.member-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.member-name {
  margin-bottom: 8px;
}

.member-position {
  color: rgba(18, 23, 34, .5);
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
}

.collection-list-team {
  grid-column-gap: 40px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-team.cms {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  justify-items: center;
}

.collection-list-wrapper-team {
  width: 100%;
}

.investors-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.logos-contain-investors {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  flex-wrap: nowrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.investor-logo {
  width: 100%;
  height: 120px;
  max-width: 200px;
  background-color: #f2f4f7;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-hero-image-wrap {
  width: 53%;
  height: 668px;
  max-width: 700px;
  position: relative;
  left: 9%;
}

.about-image {
  width: 100%;
  height: 100%;
  max-width: 700px;
  object-fit: cover;
}

.style-guide-section {
  background-color: #f2f4f7;
}

.reference-headings {
  text-align: center;
  margin-bottom: 40px;
}

.typography-main {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 64px;
  display: grid;
}

.colour-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 178%;
}

.typography-heading {
  margin-bottom: 16px;
}

.color-box {
  width: 100%;
  height: 136px;
  max-width: none;
  background-color: #6c4be5;
  border-radius: 8px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
}

.color-box._1 {
  background-color: #121722;
}

.color-box._3 {
  background-color: #1fb4ff;
}

.color-box._8 {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
}

.color-box._2 {
  background-color: #404eed;
}

.color-box._4 {
  background-color: #f2f4f7;
}

.typography-item.flex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.typography-item-description {
  margin-top: 16px;
}

.color-grid-item {
  max-width: 200px;
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
  box-shadow: 0 10px 70px rgba(83, 83, 83, .07);
}

.style-guide-main-content {
  width: 100%;
  margin-top: 80px;
}

.buttons-grid {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  margin-top: 40px;
  display: grid;
}

.buttons {
  margin-bottom: 64px;
}

.style-guide-item-heading {
  margin-bottom: 16px;
}

.colors-grid {
  width: 100%;
  max-width: 1280px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 64px;
  display: grid;
}

.buttons-heading {
  margin-bottom: 16px;
}

.symbols-grid {
  grid-column-gap: 16px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  margin-top: 40px;
  display: grid;
}

.template-name {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.versions-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.updates-date {
  color: #fff;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
}

.changelog-wrapper {
  padding-top: 120px;
  padding-bottom: 140px;
}

.changelog-section {
  background-color: #f2f4f7;
}

.instructions-wrapper {
  flex-direction: column;
  justify-content: space-between;
  padding-top: 100px;
  padding-bottom: 140px;
  display: flex;
}

.instructions-section {
  background-color: #f2f4f7;
}

.features-wrap {
  width: 90%;
  max-width: 1280px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.features-wrap.reverse {
  flex-direction: row-reverse;
  padding-top: 0;
}

.features-images-container {
  width: 45%;
  max-width: 520px;
  position: relative;
}

.features-text-contain {
  width: 45%;
  max-width: 520px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.left-arrow-testimonial {
  width: 48px;
  height: 48px;
  filter: brightness(600%);
  background-color: rgba(255, 255, 255, .2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  transition: filter .2s;
  display: flex;
  top: -33%;
  bottom: auto;
  left: auto;
  right: 68px;
}

.left-arrow-testimonial:hover {
  filter: none;
  background-color: #fff;
}

.right-arrow-testimonial {
  width: 48px;
  height: 48px;
  filter: brightness(600%);
  background-color: rgba(255, 255, 255, .2);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  transition: filter .2s;
  display: flex;
  top: -33%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.right-arrow-testimonial:hover {
  filter: none;
  background-color: #fff;
}

.slider-heading-testimonial {
  max-width: 620px;
  color: #fff;
  margin-bottom: 0;
}

.submit-button {
  height: 60px;
  background-color: #404eed;
  border-radius: 100px;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  transition: background-color .2s;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: auto;
  right: 8px;
}

.submit-button:hover {
  color: #fff;
  background-color: #121722;
}

.submit-button.password {
  margin-top: 16px;
  padding: 16px 40px;
  font-size: 18px;
  line-height: 155%;
  position: static;
}

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

.integrations-top-wrap {
  width: 100%;
  max-width: 1280px;
  background-color: #fff;
  border-radius: 20px;
  margin-bottom: 0;
  padding-top: 40px;
  overflow: hidden;
}

.author-section {
  background-color: #f2f4f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 140px;
  display: flex;
}

.licencing-images-grids {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 100px;
  display: grid;
}

.license-links {
  width: 32px;
  height: 32px;
  max-width: 32px;
  background-image: url('../images/Group-5521.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  border-radius: 50px;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}

.license-links:hover {
  background-color: rgba(64, 78, 237, .2);
}

.bold-span {
  font-weight: 700;
}

.licensing-image-and-text-wrappers {
  width: 100%;
  border: 2px #0d0e10;
  border-radius: 5px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.image-covers {
  z-index: 10;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 24px;
  position: relative;
}

.licensing-tag-subtexts {
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 20px;
  line-height: 160%;
}

.licensing-tag-subtexts.small {
  max-width: 400px;
}

.licensing-tag-subtexts.bold {
  font-size: 24px;
  font-weight: 700;
}

.licensing-tag-subtexts.top {
  max-width: 770px;
  text-align: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.licensing-block {
  margin-right: auto;
}

.licensing-block.margin {
  margin-bottom: 100px;
}

.licensing-wrap {
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.licensing-wrap.top {
  margin-bottom: 32px;
}

.licensing-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  padding-bottom: 60px;
  display: flex;
}

.license-section {
  background-color: #f2f4f7;
}

.license-heading {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 0;
}

.field-label {
  text-align: left;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
}

.password-image {
  width: 100%;
  max-width: 360px;
  object-fit: contain;
  margin-right: 5%;
}

.utility-page-content-password {
  width: 880px;
  text-align: center;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: auto;
  display: flex;
}

.text-field-password {
  height: 76px;
  color: #121722;
  border: 1px #000;
  border-radius: 100px;
  margin-bottom: 0;
  padding-left: 28px;
  padding-right: 28px;
  font-size: 18px;
  font-weight: 500;
  line-height: 155%;
  box-shadow: 0 12px 64px rgba(18, 23, 34, .08);
}

.text-field-password::-ms-input-placeholder {
  color: rgba(18, 23, 34, .5);
}

.text-field-password::placeholder {
  color: rgba(18, 23, 34, .5);
}

.integrations-train-section {
  position: relative;
  overflow: hidden;
}

.integrations-train-section.integrations-page {
  overflow: visible;
}

.integrations-train-wrap {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-bottom: 140px;
  display: flex;
}

.integrations-train-wrap.integrations {
  padding-bottom: 0;
}

.integrations-h3-heading {
  max-width: 620px;
  text-align: center;
  margin-bottom: 80px;
}

.integrations-logos-wrap {
  flex: none;
  margin-bottom: 80px;
}

.integrations-row {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

.integrations-row._1, .integrations-row._2, .integrations-row._3 {
  margin-bottom: 0;
}

.integrations-logo-contain {
  border-radius: 100px;
  align-items: center;
  margin-bottom: 28px;
  margin-left: 28px;
  margin-right: 0;
  padding: 8px 32px 8px 8px;
  display: flex;
  box-shadow: 0 8px 48px rgba(0, 0, 0, .06);
}

.company-logo {
  width: 100%;
  max-width: 64px;
  border-radius: 100px;
  margin-right: 24px;
}

.integration-train-name {
  margin-bottom: 0;
}

.collection-list-wrapper-logos {
  flex: none;
  display: block;
}

.collection-list-logos {
  display: flex;
}

.integration-logos {
  flex: none;
}

.slide-image {
  width: 100%;
  max-width: 200px;
  max-height: 160px;
}

.feature-absolute-image {
  width: 100%;
  max-width: 240px;
  position: absolute;
  top: 40%;
  bottom: auto;
  left: auto;
  right: -15%;
}

.feature-absolute-image-2 {
  width: 100%;
  max-width: 240px;
  position: absolute;
  top: 40%;
  bottom: auto;
  left: -15%;
  right: auto;
}

.features-image-wrapper {
  width: 40%;
  max-width: 640px;
  justify-content: center;
  align-items: center;
  margin-right: 5%;
  display: flex;
}

.feature-image {
  width: 100%;
}

.features-image-2 {
  width: 100%;
  height: auto;
  max-width: 620px;
  object-fit: cover;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.press-wrapper {
  width: 90%;
  max-width: 1280px;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 140px;
  display: flex;
}

.press-paragraph {
  width: 45%;
  max-width: 520px;
  color: rgba(18, 23, 34, .75);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.press-botttom-wrapper {
  width: 100%;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.press-category {
  color: #404eed;
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-weight: 700;
  line-height: 150%;
}

.press-contain {
  width: 100%;
  max-width: 400px;
  text-decoration: none;
}

.press-text-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.press-title {
  color: #121722;
  margin-bottom: 8px;
}

.press-summary {
  color: rgba(18, 23, 34, .75);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 155%;
}

.features-train-section {
  position: relative;
  overflow: hidden;
}

.features-train-wrap {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 60px;
  display: flex;
}

.features-logo-contain {
  background-color: #fff;
  border-radius: 100px;
  flex: none;
  align-items: center;
  margin-right: 28px;
  padding: 12px 24px;
  display: flex;
  box-shadow: 0 8px 48px rgba(0, 0, 0, .06);
}

.feature-icon {
  width: 100%;
  max-width: 24px;
  flex: none;
  margin-right: 16px;
}

.feature-name {
  flex: none;
  font-size: 20px;
  font-weight: 700;
  line-height: 160%;
}

.cta-image-contain {
  width: 35%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cta-contain {
  width: 90%;
  max-width: 1080px;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cta-image {
  width: 52%;
  max-width: 240px;
}

.tab-image-contain {
  width: 50%;
  height: 480px;
  max-width: 660px;
  background-color: rgba(255, 255, 255, .25);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-image {
  width: 100%;
  height: 400px;
  max-width: 500px;
  object-fit: contain;
}

.tab-image._100 {
  height: 100%;
  max-width: 600px;
}

.sign-images.login {
  width: 100%;
}

.sign-contain {
  width: 100%;
  display: flex;
}

.testimonial-slider-contain {
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.hero-image-wrapper {
  width: 55%;
  height: 100%;
  background-color: #eef0f3;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: -6%;
  overflow: hidden;
}

.hero-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: url('../images/crossfade-placeholder.webp') center/cover no-repeat;
}

.hero-image-1 {
  width: 100%;
  max-width: 400px;
  position: relative;
  right: -30px;
}

.hero-image-floating-1 {
  z-index: 1;
  width: 100%;
  max-width: 180px;
  object-fit: contain;
  position: absolute;
  top: 53%;
  bottom: auto;
  left: 6%;
  right: auto;
}

.hero-image-floating-2 {
  width: 100%;
  max-width: 160px;
  object-fit: contain;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 59%;
  right: auto;
}

.hero-image-floating-3 {
  width: 100%;
  max-width: 120px;
  object-fit: contain;
  position: absolute;
  top: 74%;
  bottom: auto;
  left: 22%;
  right: auto;
}

.slider-contain {
  width: 100%;
  margin-top: 80px;
}

.instruction-video {
  width: 90%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.product-name-wrapper {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}

.product-box-wrap {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 10px 30px rgba(15, 31, 61, .08);
}

.plan-price {
  color: #0d0e10;
  font-size: 38px;
  font-weight: 700;
  line-height: 54px;
}

.plan-detail-paragraph {
  margin-bottom: 20px;
  font-size: 18px;
}

.text-containers {
  width: 48%;
  max-width: 550px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-containers.product-hero {
  width: 45%;
  max-width: 500px;
}

.plans-hero-section {
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.plan-detail-title {
  color: #0d0e10;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.about-product-text {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
}

.buynow-button {
  width: 100%;
  text-align: center;
  background-color: #121722;
  border-radius: 100px;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 40px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .3s;
  display: flex;
}

.buynow-button:hover {
  color: #fff;
  background-color: #404eed;
}

.add-to-cart-buttons {
  width: 100%;
  text-align: center;
  background-color: #404eed;
  border-radius: 100px;
  justify-content: center;
  margin-top: 0;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .2s;
}

.add-to-cart-buttons:hover {
  color: #fff;
  background-color: #121722;
}

.product-details-2 {
  margin-top: 20px;
  font-size: 18px;
}

.products-name {
  margin-bottom: 8px;
  margin-right: 10px;
}

.plan-wrapper {
  width: 90%;
  max-width: 1280px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 140px;
  display: flex;
}

.option-list {
  margin-top: 20px;
}

.duration-buttons {
  background-color: rgba(64, 78, 237, .1);
  border-style: none;
  border-radius: 4px;
  margin-right: 20px;
  padding: 10px 20px;
  font-weight: 500;
}

.duration-buttons.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #404eed;
}

.button-group {
  margin-bottom: 20px;
}

.duration-label {
  margin-bottom: 10px;
}

.buttons-contain {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-top: 30px;
  display: grid;
}

.checkout-form {
  background-color: #f2f4f7;
  padding: 60px 0;
}

.block-header {
  align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
}

.block-headings {
  margin-bottom: 0;
}

.apple-pay {
  height: 60px;
  border-radius: 4px;
}

.place-order-button {
  width: 100%;
  text-align: center;
  background-color: #404eed;
  border-radius: 100px;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  transition: background-color .2s;
}

.place-order-button:hover {
  color: #fff;
  background-color: #121722;
}

.plan-name-cart {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

.checkout-wrapper {
  width: 90%;
  max-width: 1280px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.order-confirmation {
  background-color: #f2f4f7;
  padding: 60px 0;
}

.cart-button {
  color: #121722;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.cart-quantity {
  color: #fff;
  background-color: #404eed;
}

.remove-button {
  color: #404eed;
  text-decoration: none;
}

.apple-pay-2 {
  height: 60px;
  border-radius: 200px;
}

.cart-quantity-2 {
  background-color: rgba(64, 78, 237, .05);
  border-color: rgba(64, 78, 237, .2);
}

.hero-image-floating-4 {
  width: 100%;
  max-width: 120px;
  object-fit: contain;
  position: absolute;
  top: 43%;
  bottom: auto;
  left: 66%;
  right: auto;
}

.hero-image-floating-5 {
  width: 100%;
  max-width: 120px;
  object-fit: contain;
  position: absolute;
  top: 24%;
  bottom: auto;
  left: 6%;
  right: auto;
}

.hero-image-floating-6 {
  z-index: auto;
  width: 100%;
  height: 100%;
  max-width: 80%;
  object-fit: contain;
  position: absolute;
  top: 17%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.hero-image-floating-7 {
  width: 100%;
  max-width: 100px;
  object-fit: contain;
  position: absolute;
  top: 39%;
  bottom: auto;
  left: 14%;
  right: auto;
}

.hero-image-floating-8 {
  width: 100%;
  max-width: 100px;
  object-fit: contain;
  position: absolute;
  top: 10%;
  bottom: auto;
  left: 44%;
  right: auto;
}

.hero-image-floating-9 {
  width: 100%;
  max-width: 100px;
  object-fit: contain;
  position: absolute;
  top: 65%;
  bottom: auto;
  left: 80%;
  right: auto;
}

.features-row {
  flex: none;
  align-items: center;
  margin-bottom: 24px;
  display: flex;
}

.features-row.last {
  margin-bottom: 0;
}

._404-heading {
  margin-top: 10px;
}

@media screen and (min-width: 1280px) {
  .home-hero-left-contain {
    width: 47%;
  }

  .top-image {
    box-shadow: none;
  }

  .pricing-icon-contain {
    justify-content: space-between;
  }

  .pricing-button {
    padding-left: 40px;
    padding-right: 40px;
  }

  .cta-left-contain {
    width: 71%;
  }

  .support-image-wrap {
    height: 428px;
  }

  .support-image {
    height: 100%;
    object-fit: cover;
  }

  .utility-page-wrap._404 {
    justify-content: flex-end;
  }

  .utility-page-content {
    margin-top: 40px;
  }

  ._404-image {
    max-width: 400px;
  }

  .sign-up-section {
    height: 100vh;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .sign-up-image {
    max-width: none;
    padding-left: 40px;
    padding-right: 40px;
  }

  .signup-wrapper {
    justify-content: space-between;
    align-items: stretch;
  }

  .about-hero-image-wrap {
    left: 6%;
  }

  .sign-contain {
    justify-content: space-between;
    align-items: stretch;
  }
}

@media screen and (min-width: 1440px) {
  .features-text-wrapper.bottom-right {
    display: flex;
  }

  .pricing-icon-contain {
    justify-content: flex-start;
  }

  .popular-tag {
    margin-left: 47px;
    font-size: 16px;
  }

  .utility-page-content {
    margin-top: 40px;
  }

  .sign-up-section {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .sign-up-image {
    width: auto;
    padding-left: 100px;
    padding-right: 100px;
  }

  .sign-up-contain {
    margin-left: auto;
    margin-right: auto;
  }

  .about-hero-image-wrap {
    left: 7%;
  }

  .feature-absolute-image {
    right: -25%;
  }

  .feature-absolute-image-2 {
    left: -25%;
  }

  .sign-images, .sign-images.login {
    max-width: 600px;
  }

  .hero-image-wrapper {
    right: -6.5%;
  }

  .hero-image-floating-5 {
    left: 10%;
  }

  .hero-image-floating-7 {
    left: 17%;
  }

  .hero-image-floating-9 {
    top: 66%;
    left: 76%;
  }
}

@media screen and (min-width: 1920px) {
  .utility-page-content {
    margin-top: auto;
  }

  ._404-image {
    max-width: 600px;
  }

  .sign-up-left-wrapper {
    align-items: flex-start;
  }

  .sign-up-image {
    width: 50%;
  }

  .sign-up-contain {
    margin-left: auto;
    margin-right: auto;
  }

  .about-hero-image-wrap {
    left: 5%;
  }

  .color-box {
    max-width: none;
  }

  .hero-image-wrapper {
    right: -2%;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 64px;
  }

  h2 {
    font-size: 50px;
  }

  h3 {
    font-size: 42px;
  }

  h4 {
    font-size: 30px;
  }

  h5 {
    font-size: 22px;
  }

  .text-container {
    width: 100%;
  }

  .text-container.left {
    max-width: 600px;
  }

  .text-container.about {
    width: 100%;
    max-width: 550px;
  }

  .image-container {
    width: 100%;
  }

  .image-container.product-hero {
    width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .footer-link {
    margin-bottom: 15px;
  }

  .wrapper-changelog {
    width: 80%;
  }

  .wrapper-changelog.updates {
    flex-direction: column;
  }

  .navigation-container {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .navigation-logo.signup {
    left: 5%;
  }

  .navlink {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0;
  }

  .navlink.login {
    padding-right: 0;
  }

  .button-container.navigation-bar {
    margin-left: auto;
  }

  .button-container.in-menu {
    margin-left: auto;
    display: none;
  }

  .blue-fill-button.navbar {
    margin-left: 16px;
  }

  .hero-wrapper-home {
    flex-direction: column;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 60px;
  }

  .home-hero-left-contain, .get-started-form.cta {
    width: 100%;
  }

  .logos-wrapper {
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .logos-contain {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: stretch;
    justify-items: center;
    display: grid;
  }

  .logos-image {
    margin-bottom: 0;
    margin-left: 2%;
    margin-right: 2%;
  }

  .slider-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .slider-heading {
    max-width: 480px;
  }

  .left-arrow, .right-arrow {
    top: -24%;
  }

  .images-container {
    width: 100%;
  }

  .feature-wrapper-top {
    flex-direction: column;
    padding-right: 40px;
    display: flex;
  }

  .features-text-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .features-text-wrapper.bottom {
    margin-left: auto;
    margin-right: auto;
  }

  .features-text-wrapper.bottom-right {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .feature-wrapper-bottom, .feature-wrapper-blue {
    max-width: none;
  }

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

  .stats-grid.about {
    grid-template-columns: 1fr 1fr;
  }

  .pricing-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .pricing-grid {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .pricing-contain {
    width: 47%;
  }

  .pricing-contain.enterprise {
    width: 60%;
  }

  .success-message.white-background {
    color: #121722;
    background-color: rgba(255, 255, 255, .9);
  }

  .error-message.white-background {
    background-color: rgba(255, 223, 223, .9);
  }

  .similar-wrapper {
    padding-top: 120px;
    padding-bottom: 260px;
  }

  .similar-top-wrappers {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-left-wrapper {
    margin-bottom: 40px;
  }

  .blog-image-wrapper._440px {
    height: 400px;
  }

  .collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .cta-wrapper {
    flex-direction: column;
    padding-left: 0;
  }

  .cta-left-contain {
    width: 100%;
    max-width: 540px;
    align-items: baseline;
  }

  .cta-text-field {
    width: 100%;
  }

  .footer-top-wrapper {
    flex-direction: column;
    margin-bottom: 60px;
  }

  .footer-grid {
    width: 100%;
    max-width: none;
    grid-column-gap: 60px;
    grid-row-gap: 16px;
    margin-top: 60px;
  }

  .long-blue-fill-button {
    margin-top: 40px;
  }

  .headings {
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
    display: flex;
  }

  .headings._25 {
    width: 100%;
  }

  .comparison-plan {
    text-align: center;
  }

  .comparison-table {
    position: relative;
  }

  .price-grid-contain {
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: .25fr;
    grid-auto-flow: row;
    margin-top: 20px;
  }

  .pricing-row-contain {
    flex-direction: column;
  }

  .pricing-row-contain.top {
    justify-content: center;
  }

  ._22-px {
    font-size: 20px;
  }

  .pricing-comparison-wrap {
    flex-direction: column;
  }

  .feature-tabs-sections {
    margin-top: 0;
  }

  .feature-tabs-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .feature-tab-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .tab-content-wrap {
    flex-direction: column-reverse;
    align-items: center;
    display: flex;
  }

  .features-text-container {
    width: 100%;
  }

  .pricing-comparison-contain {
    padding-top: 120px;
  }

  .faqs-text-wrap {
    width: 100%;
    margin-bottom: 40px;
  }

  .faq-content {
    padding-bottom: 24px;
  }

  .faqs-wrapper {
    width: 100%;
    max-width: none;
    padding-top: 0;
  }

  .faq-card {
    max-width: none;
  }

  .h2-heading {
    font-size: 50px;
    line-height: 100%;
  }

  .faq-answer-wrap {
    padding-bottom: 0;
  }

  .faq-image {
    display: none;
  }

  .faqs-main-wrapper {
    flex-direction: column;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .support-wrapper {
    flex-direction: column-reverse;
    padding-top: 120px;
    padding-bottom: 260px;
  }

  .support-image-wrap {
    width: 100%;
    margin-top: 100px;
  }

  .support-text-wrapper {
    width: 100%;
  }

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

  .graph-contain {
    height: 400px;
  }

  .graph-text-wrap {
    padding-left: 16px;
  }

  .line-image.reverse {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .features-grey-grid {
    grid-template-columns: 1fr 1fr;
  }

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

  .process-image-wrap {
    width: 100%;
  }

  .process-points-wrapper {
    width: 100%;
    max-width: 600px;
    margin-top: 100px;
  }

  .featured-blogs {
    margin-bottom: 120px;
  }

  .featured-blogs-list {
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .collection-item-featured-blog {
    max-width: 500px;
  }

  .newsletter-wrapper {
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .newsletter-left-wrapper {
    width: 100%;
    position: relative;
    top: -10px;
  }

  .newsletter-right-wrapper {
    margin-top: 100px;
  }

  .newsletter-image {
    max-width: 300px;
    top: -90%;
  }

  .blogs-section.categories {
    padding-top: 80px;
  }

  .blogs-bottom-wrapper {
    padding-bottom: 120px;
  }

  .tab-links {
    text-align: center;
  }

  .blog-info-wrapper {
    width: 90%;
    padding-bottom: 120px;
  }

  .rich-text {
    width: 90%;
  }

  .rich-text blockquote {
    font-size: 22px;
  }

  .author-block {
    width: 90%;
  }

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

  .values-wrapper {
    padding-top: 120px;
    padding-bottom: 260px;
  }

  .values-wrapper.primary {
    padding-bottom: 120px;
  }

  .values-top-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .values-paragraph {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .integration-info-wrapper {
    width: 90%;
    padding-bottom: 120px;
  }

  .integration-rich-text {
    width: 90%;
  }

  .integration-logos-wrap {
    flex-direction: row;
    margin-bottom: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .our-logo {
    max-width: 100%;
  }

  .integrations-left-wrapper {
    margin-bottom: 40px;
  }

  .job-tags {
    font-size: 16px;
  }

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

  .location-wrapper.white {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .location-image-contain {
    width: 100%;
    height: 500px;
  }

  .location-text-contain {
    width: 100%;
    margin-top: 60px;
  }

  .career-info-wrapper {
    width: 90%;
    max-width: none;
  }

  .career-rich-text {
    width: 90%;
  }

  .similar-jobs-wrapper {
    padding-top: 120px;
    padding-bottom: 260px;
  }

  .contact-form-contain {
    flex-direction: column;
    padding-left: 42px;
    padding-right: 42px;
  }

  .contact-form-left {
    width: 100%;
    max-width: none;
    flex-direction: row;
    justify-content: space-between;
  }

  .contact-image {
    max-width: 200px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0;
  }

  .right-form-contain {
    width: 100%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
  }

  .utility-page-wrap {
    height: auto;
  }

  .utility-page-wrap._404 {
    height: 100vh;
  }

  .sign-up-left-wrapper {
    align-items: center;
    padding: 157px 0 100px;
  }

  .sign-up-image {
    width: 100%;
    max-width: none;
    justify-content: center;
    display: flex;
  }

  .webinar-wrapper {
    padding-top: 100px;
    padding-bottom: 260px;
  }

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

  .webinar-image-contain {
    width: 100%;
  }

  .nav-menu {
    background-color: #fff;
    padding-bottom: 20px;
    box-shadow: 0 140px 120px rgba(18, 23, 34, .05);
  }

  .hero-wrapper-about {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 80px;
    padding-bottom: 100px;
  }

  .about-hero-left-contain {
    width: 100%;
  }

  .story-wrapper {
    flex-direction: column;
    padding-top: 100px;
  }

  .team-section.cms {
    padding-top: 20px;
  }

  .team-wrapper {
    padding-top: 40px;
  }

  .collection-list-team {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .investors-wrapper {
    padding-top: 120px;
  }

  .logos-contain-investors {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: stretch;
  }

  .investor-logo {
    max-width: none;
  }

  .about-hero-image-wrap {
    width: 100%;
    height: 450px;
    max-width: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 60px;
    display: flex;
    left: 0%;
  }

  .about-image {
    max-width: none;
  }

  .style-guide-main-content {
    width: 100%;
  }

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

  .versions-wrapper {
    width: 100%;
  }

  .nav-links-contain {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-button {
    color: #121722;
    padding-right: 0;
  }

  .menu-button.w--open {
    color: #404eed;
    background-color: #fff;
  }

  .features-wrap {
    flex-direction: column;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .features-wrap.reverse {
    flex-direction: column;
  }

  .features-images-container {
    width: 100%;
  }

  .features-text-contain {
    width: 100%;
    margin-top: 100px;
  }

  .left-arrow-testimonial, .right-arrow-testimonial {
    top: -32%;
  }

  .slider-heading-testimonial {
    max-width: 400px;
  }

  .pricing-grid-contain {
    width: 100%;
    margin-top: 20px;
  }

  .contact-info-contain {
    max-width: 360px;
  }

  .licencing-images-grids {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .licensing-image-and-text-wrappers {
    width: 100%;
  }

  .licensing-tag-subtexts.top {
    width: 90%;
  }

  .licensing-wrapper {
    padding-top: 100px;
    padding-bottom: 0;
  }

  .license-heading {
    margin-top: 80px;
  }

  .password-image {
    max-width: 250px;
    margin-bottom: 5%;
    margin-right: 0%;
  }

  .utility-page-content-password {
    width: 100%;
    flex-direction: column;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .integrations-train-wrap {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .integrations-train-wrap.integrations {
    padding-top: 0;
  }

  .features-image-wrapper {
    width: 100%;
    margin-top: 40px;
    margin-right: 0%;
  }

  .press-wrapper {
    padding-top: 0;
    padding-bottom: 120px;
  }

  .press-paragraph {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
  }

  .press-botttom-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .features-train-wrap {
    padding-top: 120px;
    padding-bottom: 40px;
  }

  .cta-image-contain {
    margin-bottom: 40px;
  }

  .cta-contain {
    flex-direction: column-reverse;
  }

  .tab-image-contain {
    width: 100%;
    max-width: 600px;
    margin-bottom: 60px;
  }

  .sign-images {
    width: 80%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sign-contain {
    flex-direction: column;
  }

  .hero-image-wrapper {
    width: 100%;
    position: relative;
    right: 0%;
  }

  .hero-video {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .hero-image-floating-1 {
    max-width: 150px;
    left: 12%;
  }

  .hero-image-floating-2 {
    max-width: 120px;
  }

  .hero-image-floating-3 {
    max-width: 100px;
  }

  .instruction-video {
    margin-top: 20px;
  }

  .text-containers, .text-containers.product-hero {
    width: 100%;
  }

  .plan-wrapper {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 80px;
  }

  .checkout-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .checkout-left-wrap {
    margin-right: 0;
  }

  .cart-button {
    padding-right: 20px;
  }

  .hero-image-floating-4 {
    max-width: 100px;
  }

  .hero-image-floating-5 {
    max-width: 100px;
    left: 10%;
  }

  .hero-image-floating-6 {
    max-width: 60%;
    left: 17%;
  }

  .hero-image-floating-7 {
    left: 20%;
  }

  .hero-image-floating-8 {
    max-width: 80px;
    top: 6%;
    left: 50%;
  }

  .hero-image-floating-9 {
    top: 70%;
    left: 76%;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 54px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 36px;
  }

  h4 {
    font-size: 28px;
  }

  .licencing-image-item {
    height: 200px;
  }

  .wrapper-changelog {
    width: 90%;
  }

  .wrapper-changelog.updates {
    width: 90%;
    width: 90%;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .navigation-logo {
    padding-left: 0;
  }

  .navlink {
    margin-left: 0;
  }

  .navlink.login {
    display: none;
  }

  .button-container.in-menu {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .blue-fill-button.in-menu {
    margin-left: 0;
    margin-right: auto;
    display: block;
  }

  .blue-fill-button.navbar {
    display: none;
  }

  .hero-wrapper-home {
    width: 90%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .overline-text.footer {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 0;
  }

  .hero-paragraph {
    font-size: 18px;
  }

  .get-started-form {
    width: 100%;
  }

  .logos-wrapper {
    width: 90%;
  }

  .slider-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .slider-heading {
    max-width: 450px;
  }

  .slider {
    margin-top: 120px;
    display: flex;
  }

  .slide-image-contain {
    max-width: 300px;
  }

  .slider-paragraph {
    font-size: 16px;
  }

  .left-arrow {
    top: -18%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .right-arrow {
    top: -18%;
    bottom: auto;
    left: 68px;
    right: auto;
  }

  .features-grid {
    padding: 20px;
  }

  .features-wrapper {
    padding-top: 60px;
  }

  .feature-wrapper-top {
    padding: 46px 24px;
  }

  .feature-wrapper-bottom, .feature-wrapper-blue {
    padding-left: 24px;
    padding-right: 24px;
  }

  .testimonial-title {
    font-size: 20px;
  }

  .testimonial-text {
    font-size: 18px;
  }

  .testimonial-mask {
    max-width: 400px;
  }

  .testimonial-slider {
    margin-top: 140px;
  }

  .stats-heading.about {
    font-size: 46px;
  }

  .stats-text.about {
    font-size: 18px;
  }

  .pricing-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .pricing-contain {
    width: 100%;
    max-width: 460px;
  }

  .pricing-contain.enterprise {
    width: 100%;
  }

  .similar-wrapper {
    padding-top: 100px;
  }

  .similar-top-wrappers {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-left-wrapper {
    margin-bottom: 40px;
  }

  .blog-image-wrapper._440px {
    height: 360px;
  }

  .blog-summary.cms {
    font-size: 18px;
  }

  .collection-list {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .cta-wrapper {
    width: 90%;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .cta-left-contain {
    width: 90%;
  }

  .cta-text-field, .cta-text-field.subscribe {
    width: 100%;
  }

  .footer-grid {
    grid-column-gap: 37px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .headings {
    margin-bottom: 0;
  }

  .comparison-plan {
    font-size: 16px;
  }

  .price-grid-contain {
    margin-top: 14px;
  }

  ._22-px {
    font-size: 20px;
  }

  .pricing-comparison-wrap {
    width: 90%;
  }

  .feature-tabs-sections {
    margin-top: 0;
  }

  .feature-tabs-wrapper {
    width: 90%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .tabs-menu {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    flex-wrap: wrap;
    display: flex;
  }

  .pricing-comparison-contain {
    width: 90%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .h2-heading {
    font-size: 40px;
  }

  .faq-answer-wrap {
    padding-right: 5%;
  }

  .faqs-main-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .support-wrapper {
    padding-top: 100px;
  }

  .support-image-wrap {
    height: 350px;
    margin-top: 80px;
  }

  .hero-grid {
    padding-left: 24px;
    padding-right: 24px;
  }

  .graph-contain {
    height: 300px;
  }

  .graph-top-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
  }

  .graph-h4-heading {
    font-size: 24px;
  }

  .graph-white-text {
    font-size: 15px;
  }

  .features-grey-grid {
    padding-left: 24px;
    padding-right: 24px;
  }

  .process-section {
    padding-top: 120px;
  }

  .featured-blogs-list {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .newsletter-right-wrapper {
    width: 100%;
  }

  .tabs-menu-blogs {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    flex-wrap: wrap;
  }

  .tab-links {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .blog-main-image-contain {
    height: 600px;
  }

  .blog-info-wrapper {
    padding-top: 40px;
    padding-bottom: 100px;
  }

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

  .author-name {
    font-size: 18px;
  }

  .integrations-grid {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .values-wrapper.primary {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .values-grid {
    grid-template-columns: 1fr;
    justify-items: start;
  }

  .values-contain {
    max-width: 400px;
  }

  .integration-info-wrapper {
    padding-bottom: 100px;
  }

  .integration-rich-text img {
    width: 100%;
  }

  .integration-logos-wrap {
    width: 90%;
  }

  .integration-main-logo {
    max-width: 150px;
  }

  .cross-image {
    margin-left: 20px;
    margin-right: 20px;
  }

  .our-logo {
    width: 140px;
    max-width: 100%;
  }

  .integrations-left-wrapper {
    margin-bottom: 40px;
  }

  .tabs-menu-career {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    flex-wrap: wrap;
  }

  .career-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .career-left-wrapper {
    margin-bottom: 20px;
  }

  .tags-contain.cms {
    flex-wrap: wrap;
  }

  .job-tags._20px {
    font-size: 18px;
  }

  .location-wrapper {
    padding-top: 100px;
    padding-bottom: 260px;
  }

  .location-wrapper.white {
    padding-top: 100px;
    padding-bottom: 120px;
  }

  .location-image-contain {
    height: 400px;
  }

  .career-info-wrapper {
    padding-top: 40px;
  }

  .similar-jobs-wrapper {
    padding-top: 100px;
    padding-bottom: 240px;
  }

  .contact-image {
    display: none;
  }

  .right-form-contain {
    max-width: none;
    margin-top: 40px;
  }

  .utility-page-content {
    width: 90%;
  }

  ._404-image {
    max-width: 350px;
  }

  .webinar-image-contain {
    height: 300px;
  }

  .webinar-form {
    width: 90%;
  }

  .webinar-paragraph {
    font-size: 18px;
  }

  .nav-menu {
    padding-bottom: 0;
  }

  .sign-up-contain {
    width: 90%;
    max-width: 480px;
  }

  .hero-wrapper-about {
    width: 90%;
    padding-top: 80px;
    padding-bottom: 90px;
  }

  .story-wrapper {
    width: 90%;
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .team-wrapper {
    padding-top: 60px;
  }

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

  .investors-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .about-hero-image-wrap {
    height: 300px;
  }

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

  .nav-links-contain {
    padding-bottom: 40px;
  }

  .features-wrap {
    width: 90%;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .features-text-contain {
    margin-top: 80px;
  }

  .left-arrow-testimonial {
    top: -22%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .right-arrow-testimonial {
    top: -22%;
    bottom: auto;
    left: 68px;
    right: auto;
  }

  .slider-heading-testimonial {
    max-width: 450px;
  }

  .form {
    width: 100%;
  }

  .contact-info-contain {
    max-width: none;
  }

  .licencing-images-grids {
    grid-template-columns: 1fr 1fr;
  }

  .licensing-image-and-text-wrappers {
    padding: 0;
  }

  .image-covers {
    border-radius: 12px;
  }

  .licensing-tag-subtexts {
    text-align: left;
    font-size: 18px;
  }

  .licensing-wrapper {
    width: 90%;
    padding-top: 90px;
    padding-bottom: 0;
  }

  .password-image {
    max-width: 200px;
  }

  .integrations-train-wrap {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .feature-absolute-image {
    max-width: 180px;
    right: -8%;
  }

  .feature-absolute-image-2 {
    max-width: 180px;
    left: -4%;
  }

  .press-wrapper {
    padding-bottom: 120px;
  }

  .press-botttom-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .features-train-wrap {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .cta-image-contain {
    width: 50%;
  }

  .tab-image {
    width: 90%;
    height: auto;
  }

  .sign-images {
    max-width: 480px;
  }

  .testimonial-slider-contain {
    margin-top: 0;
  }

  .hero-image-floating-1 {
    max-width: 140px;
    left: 4%;
  }

  .hero-image-floating-2 {
    max-width: 120px;
  }

  .hero-image-floating-3 {
    max-width: 100px;
  }

  .slider-contain {
    margin-top: 0;
    display: flex;
  }

  .product-box-wrap {
    padding: 30px;
  }

  .plan-wrapper {
    width: 90%;
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .checkout-wrapper {
    width: 90%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .cart-button {
    padding-right: 0;
  }

  .hero-image-floating-4 {
    max-width: 100px;
  }

  .hero-image-floating-5 {
    max-width: 100px;
    left: 1%;
  }

  .hero-image-floating-7 {
    max-width: 80px;
    left: 11%;
  }

  .hero-image-floating-8 {
    max-width: 80px;
    top: 5%;
    left: 49%;
  }

  .hero-image-floating-9 {
    max-width: 90px;
    left: 80%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 24px;
  }

  p, .paragraph-18px {
    font-size: 16px;
  }

  .paragraph-18px.about {
    margin-top: 40px;
  }

  .licencing-image-item {
    height: 150px;
  }

  .wrapper-changelog.updates {
    padding: 20px;
  }

  .navigation-container {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .logo-contain {
    margin-right: 8px;
  }

  .blue-fill-button.in-menu {
    display: block;
  }

  .blue-fill-button.navbar {
    display: none;
  }

  .hero-wrapper-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero-paragraph, .hero-paragraph.about {
    font-size: 16px;
  }

  .text-field {
    height: 70px;
    padding-right: 28px;
    font-size: 16px;
  }

  .cta-submit-button {
    width: 100%;
    height: 60px;
    background-color: #121722;
    margin-top: 20px;
    transition-property: all;
    position: static;
  }

  .cta-submit-button:hover {
    color: #404eed;
    background-color: #fff;
  }

  .logos-wrapper {
    text-align: center;
  }

  .logos-contain {
    grid-template-columns: 1fr 1fr;
  }

  .logos-image {
    width: 120px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .slider {
    margin-top: 120px;
  }

  .slide-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-image-contain {
    max-width: 200px;
  }

  .slide {
    margin-right: 20px;
  }

  .mask {
    width: 95%;
    max-width: none;
  }

  .left-arrow {
    top: -18%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .right-arrow {
    top: -18%;
    bottom: auto;
    left: 68px;
    right: auto;
  }

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

  .features-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 12px;
  }

  .feature-wrapper-top {
    padding-left: 16px;
    padding-right: 16px;
  }

  .features-paragraph {
    font-size: 16px;
  }

  .feature-wrapper-bottom, .feature-wrapper-blue {
    padding-left: 16px;
    padding-right: 16px;
  }

  .testimonial-name {
    font-size: 16px;
  }

  .testimonial-position {
    font-size: 14px;
  }

  .testimonial-info-contain {
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial-slide-contain {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .testimonial-about {
    margin-top: 10px;
    margin-left: 0;
  }

  .testimonial-slide {
    margin-right: 20px;
  }

  .testimonial-mask {
    width: 95%;
    max-width: none;
  }

  .testimonial-slider {
    margin-top: 120px;
  }

  .stats-grid.about {
    grid-template-columns: 1fr;
  }

  .stats-text {
    font-size: 18px;
  }

  .top-center-wrapper._90-width {
    width: 90%;
  }

  .pricing-paragraph {
    font-size: 16px;
  }

  .pricing-contain, .pricing-contain.blue {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .price {
    font-size: 50px;
  }

  .blog-image-wrapper, .blog-image-wrapper._440px {
    height: 300px;
  }

  .blog-summary, .blog-summary.cms {
    font-size: 16px;
  }

  .collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cta-wrapper {
    width: 100%;
    border-radius: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cta-left-contain {
    width: 100%;
  }

  .cta-paragraph {
    font-size: 16px;
  }

  .cta-text-field {
    height: 60px;
    padding-right: 28px;
    font-size: 16px;
  }

  .cta-text-field.subscribe {
    height: 60px;
  }

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

  .footer-banner {
    padding-left: 4px;
    padding-right: 4px;
  }

  .copyright-text {
    text-align: center;
  }

  .popular-tag {
    font-size: 12px;
  }

  .overline-page-text.career {
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
  }

  .page-hero-paragraphs {
    font-size: 16px;
  }

  .headings {
    margin-bottom: 0;
    font-size: 16px;
  }

  .comparison-plan {
    max-width: 120px;
  }

  .price-grid-contain {
    margin-top: 20px;
  }

  ._22-px, .price-headings {
    font-size: 18px;
  }

  .features-top-paragraph {
    font-size: 16px;
  }

  .tabs-menu {
    justify-content: center;
  }

  .feature-tab-link {
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 16px;
  }

  .features-sub-paragraph, .feature-point, .faq-content, .faq-paragraph {
    font-size: 16px;
  }

  .h2-heading {
    font-size: 35px;
    line-height: 120%;
  }

  .faqs-main-wrapper {
    width: 90%;
  }

  .support-image-wrap {
    height: 250px;
  }

  .support-paragraph {
    font-size: 16px;
  }

  .hero-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    padding-top: 20px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .hero-grid-point-heading {
    font-size: 18px;
  }

  .hero-grid-point-heading.white {
    line-height: 140%;
  }

  .hero-grid-point {
    font-size: 14px;
  }

  .top-center-paragraph, .top-center-paragraph.black {
    font-size: 16px;
  }

  .graph-top-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .graph-text-wrap {
    padding-left: 10px;
  }

  .graph-text-wrap._4 {
    display: none;
  }

  .graph-h4-heading {
    font-size: 20px;
  }

  .graph-white-text {
    font-size: 12px;
  }

  .features-grey-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .feature-container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .features-icon {
    max-width: 48px;
  }

  .feature-text {
    font-size: 16px;
    line-height: 140%;
  }

  .process-point {
    flex-direction: column;
    align-items: flex-start;
  }

  .process-number {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }

  .process-paragraph {
    font-size: 16px;
  }

  .featured-blogs {
    margin-bottom: 100px;
  }

  .featured-blogs-list {
    padding-left: 14px;
    padding-right: 14px;
  }

  .newsletter-section {
    margin-bottom: 100px;
  }

  .newsletter-right-wrapper {
    margin-top: 60px;
  }

  .subscribe-button {
    width: 100%;
    background-color: #121722;
    margin-top: 20px;
    transition-property: all;
    position: static;
  }

  .subscribe-button:hover {
    color: rgba(18, 23, 34, .85);
    background-color: #1fb4ff;
  }

  .newsletter-image {
    width: 80%;
    top: -32%;
  }

  .blogs-bottom-wrapper {
    padding-bottom: 100px;
  }

  .tab-links {
    font-size: 16px;
  }

  .blog-info-wrapper {
    padding-top: 24px;
  }

  .rich-text li {
    font-size: 16px;
  }

  .rich-text blockquote {
    background-size: 30px;
    padding-top: 73px;
    padding-left: 28px;
    font-size: 20px;
  }

  .rich-text p {
    font-size: 16px;
  }

  .author-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .author-left-block {
    margin-bottom: 20px;
  }

  .integration-card {
    padding-left: 20px;
    padding-right: 20px;
  }

  .integration-description {
    font-size: 16px;
  }

  .values-wrapper.primary {
    padding-top: 80px;
  }

  .values-paragraph, .value-text {
    font-size: 16px;
  }

  .integration-info-wrapper {
    padding-bottom: 80px;
  }

  .integration-rich-text li {
    font-size: 16px;
  }

  .integration-rich-text blockquote {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .integration-rich-text p {
    font-size: 16px;
  }

  .integration-rich-text figure {
    width: 100%;
    display: block;
    position: static;
  }

  .integration-logos-wrap {
    text-align: center;
    flex-direction: column;
  }

  .cross-image {
    margin: 10px 0;
  }

  .tabs-menu-career {
    margin-bottom: 60px;
  }

  .tags-contain {
    flex-wrap: wrap;
  }

  .tags-contain.cms {
    justify-content: center;
  }

  .job-tags._20px {
    font-size: 16px;
  }

  .location-image-contain {
    height: 300px;
  }

  .location-paragraph {
    font-size: 16px;
  }

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

  .location {
    font-size: 16px;
  }

  .career-info-wrapper {
    padding-top: 24px;
  }

  .career-rich-text blockquote {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
  }

  .career-rich-text p, .career-rich-text li {
    font-size: 16px;
  }

  .career-rich-text ul {
    list-style-type: disc;
  }

  .contact-section {
    padding-bottom: 180px;
  }

  .contact-form-contain {
    padding: 20px;
  }

  .contact-paragraph, .contact-links {
    font-size: 16px;
  }

  .contact-icon {
    max-width: 24px;
    margin-right: 10px;
  }

  .contact-field {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .checkbox-field {
    align-items: flex-start;
  }

  .checkbox {
    margin-top: 2px;
  }

  .checkbox-label {
    font-size: 14px;
  }

  .contact-button {
    padding-left: 30px;
    padding-right: 30px;
  }

  .utility-page-content {
    margin-top: 40px;
  }

  ._404-image {
    margin-top: 0;
  }

  .sign-in-form {
    text-align: left;
  }

  .sign-up-left-wrapper {
    text-align: center;
    padding-top: 140px;
  }

  .sign-up-with-google {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 16px;
  }

  .webinar-form {
    text-align: center;
    padding: 60px 20px 50px;
  }

  .webinar-icon {
    max-width: 60px;
    margin-bottom: 20px;
  }

  .webinar-paragraph {
    font-size: 16px;
  }

  .story-wrapper {
    padding-bottom: 40px;
  }

  .team-wrapper {
    padding-top: 40px;
  }

  .member-position {
    font-size: 16px;
  }

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

  .logos-contain-investors {
    grid-template-columns: 1fr 1fr;
  }

  .about-hero-image-wrap {
    height: auto;
    grid-template-columns: 1fr;
  }

  .reference-headings {
    font-size: 37px;
  }

  .colors-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .updates-date {
    font-size: 18px;
  }

  .menu-button {
    padding-left: 15px;
  }

  .left-arrow-testimonial {
    top: -18%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .right-arrow-testimonial {
    top: -18%;
    bottom: auto;
    left: 68px;
    right: auto;
  }

  .submit-button {
    width: 100%;
    height: 70px;
    background-color: #404eed;
    margin-top: 20px;
    transition-property: all;
    position: static;
  }

  .submit-button:hover {
    color: #fff;
    background-color: #121722;
  }

  .submit-button.password {
    height: 60px;
  }

  .pricing-grid-contain {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .integrations-top-wrap {
    margin-bottom: 0;
  }

  .contact-info-contain {
    width: 100%;
  }

  .licencing-images-grids {
    grid-template-columns: 1fr;
  }

  .licensing-image-and-text-wrappers {
    padding: 0;
  }

  .image-covers {
    border-radius: 12px;
  }

  .licensing-tag-subtexts {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .licensing-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .licensing-wrapper {
    padding-bottom: 0;
  }

  .license-heading {
    font-size: 37px;
  }

  .password-image {
    max-width: 160px;
  }

  .text-field-password {
    height: 60px;
    padding-right: 28px;
    font-size: 16px;
  }

  .feature-absolute-image {
    width: 50%;
    max-width: 120px;
    right: -5%;
  }

  .feature-absolute-image-2 {
    max-width: 120px;
  }

  .press-wrapper {
    padding-bottom: 120px;
  }

  .press-paragraph, .press-summary {
    font-size: 16px;
  }

  .features-train-wrap {
    overflow: hidden;
  }

  .feature-name {
    font-size: 18px;
  }

  .tab-image-contain {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tab-image._100 {
    height: auto;
    max-width: 500px;
  }

  .sign-images {
    width: 90%;
  }

  .hero-image-floating-1 {
    width: 36%;
    left: -4%;
  }

  .hero-image-floating-2 {
    width: 35%;
    left: 65%;
  }

  .hero-image-floating-3 {
    width: 23%;
    left: 16%;
  }

  .instruction-video {
    margin-top: 0;
  }

  .product-box-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .plan-price {
    font-size: 30px;
  }

  .plan-detail-paragraph {
    font-size: 16px;
  }

  .plan-detail-title {
    font-size: 30px;
    line-height: 40px;
  }

  .buttons-contain {
    grid-template-columns: 1fr;
  }

  .block-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-image-floating-4 {
    width: 20%;
    top: 46%;
    left: 75%;
  }

  .hero-image-floating-5 {
    width: 23%;
  }

  .hero-image-floating-6 {
    display: none;
  }

  .hero-image-floating-7 {
    width: 25%;
    left: 5%;
  }

  .hero-image-floating-8 {
    width: 18%;
  }

  .hero-image-floating-9 {
    max-width: 60px;
    display: none;
  }
}

#w-node-a92e769d-26f4-8229-e087-fe3874baecad-8fa9ed56 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8ae9992a-8f58-9f38-1e88-8ffc6f9bcf14-8fa9ed56, #w-node-b2be0080-1532-e369-e279-9568ac5859b5-8fa9ed56, #w-node-_9dedbfe4-0d79-2e07-7bf6-f51821aa37a1-8fa9ed56, #w-node-a6d9f6b9-404e-5ec5-75c8-876363c68ca8-8fa9ed56, #w-node-_3db1172a-e05a-9243-99c6-42aeea4259ab-8fa9ed56, #w-node-_419f5b5f-8914-9cc5-e8a5-596ac92976c0-8fa9ed56, #w-node-f44919d2-2625-df13-9cd5-994ef1fa89ba-8fa9ed56, #w-node-_32988063-4df7-9d4f-36c7-209dc41823b1-8fa9ed56, #w-node-d00ca334-0df9-f461-1457-826904a72501-04a724f5, #w-node-d00ca334-0df9-f461-1457-826904a7250e-04a724f5, #w-node-d00ca334-0df9-f461-1457-826904a72517-04a724f5, #w-node-_57d5e4c0-2692-df6f-5e10-59ab5b5a6465-8fa9ed59, #w-node-_57d5e4c0-2692-df6f-5e10-59ab5b5a646a-8fa9ed59, #w-node-_57d5e4c0-2692-df6f-5e10-59ab5b5a646f-8fa9ed59, #w-node-ca9cab55-6e0a-e4b0-1a40-087504869eba-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a51-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a57-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a5d-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a63-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a69-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a6f-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a75-8fa9ed59, #w-node-_9d4e0afb-4000-0a55-c7ed-be9384da3a7b-8fa9ed59, #w-node-_6af7f943-415d-996b-0273-f9996e073123-8fa9ed59, #w-node-_6af7f943-415d-996b-0273-f9996e07312e-8fa9ed59, #w-node-_64f01359-3c8a-1695-a826-2ae1eaa44ec3-8fa9ed5b, #w-node-ddf344c5-7876-8dad-50f2-75e30bad62ee-8fa9ed5b, #w-node-_99ec802b-fc67-7736-7ed6-5cac11f296ab-8fa9ed5b, #w-node-_9f6dc639-2970-fcc4-6ec4-676cea8cc268-8fa9ed5b, #w-node-_24823383-5947-5090-f731-a6209051cc78-8fa9ed5b, #w-node-_5bb30d64-3e51-8639-63bb-a629e9490515-8fa9ed5b, #w-node-_01c86695-d53e-595f-7b4f-b64da9affd02-8fa9ed5b, #w-node-f114a9d3-b723-44c2-f40d-6831c407bd85-8fa9ed5b, #w-node-beff2cc7-3d58-4326-599e-3c2f51cf02f3-51cf02e7, #w-node-beff2cc7-3d58-4326-599e-3c2f51cf02fe-51cf02e7, #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e1a-8fa9ed62, #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e2b-8fa9ed62, #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e3e-8fa9ed62, #w-node-_9869dc16-2eeb-15c2-4da3-f5efe527da7a-8fa9ed63, #w-node-_64f01359-3c8a-1695-a826-2ae1eaa44ec3-8fa9ed68, #w-node-ddf344c5-7876-8dad-50f2-75e30bad62ee-8fa9ed68, #w-node-_99ec802b-fc67-7736-7ed6-5cac11f296ab-8fa9ed68, #w-node-_9f6dc639-2970-fcc4-6ec4-676cea8cc268-8fa9ed68, #w-node-_24823383-5947-5090-f731-a6209051cc78-8fa9ed68, #w-node-_5bb30d64-3e51-8639-63bb-a629e9490515-8fa9ed68, #w-node-_01c86695-d53e-595f-7b4f-b64da9affd02-8fa9ed68, #w-node-f114a9d3-b723-44c2-f40d-6831c407bd85-8fa9ed68, #w-node-a4dc4ed4-4655-1c6a-f06f-cf5c95f7f632-8fa9ed68, #w-node-_1dffaaa5-6f1e-3946-af0e-24968582743e-8fa9ed68, #w-node-a7aa59c6-20af-636a-3ba7-2bfbe968b629-8fa9ed68, #w-node-_24bd1bcb-858f-2a2c-88bd-0e0ee7982c19-8fa9ed68, #w-node-a25e5469-32e7-20a2-deb6-eef464d2b3ac-8fa9ed68, #w-node-abcd115e-ef6f-0cd0-b7bc-0ff85e8b9c40-8fa9ed68, #w-node-ba3fe63d-1bcf-a499-a0f7-d3f887e88e1a-8fa9ed68, #w-node-_14b476fc-8778-7ec7-0a4d-e04820129812-8fa9ed68, #w-node-_956c0aed-db39-ffba-72ff-5ceb8f93123c-8fa9ed6a, #w-node-ee09fc74-2d6e-4c6b-3db4-4ad09656626a-8fa9ed6a, #w-node-ab0fe9d3-d519-c7b9-2353-7e942dd7297a-8fa9ed6a, #w-node-cf85f73f-9ca0-b32e-6cc6-a09e7059a131-8fa9ed70, #w-node-cf85f73f-9ca0-b32e-6cc6-a09e7059a142-8fa9ed70, #w-node-cf85f73f-9ca0-b32e-6cc6-a09e7059a155-8fa9ed70, #w-node-b6d0de7c-d57b-e6db-4b94-474512a17766-8fa9ed71, #w-node-b6d0de7c-d57b-e6db-4b94-474512a17777-8fa9ed71, #w-node-b6d0de7c-d57b-e6db-4b94-474512a1778a-8fa9ed71, #w-node-_6712df68-5012-4e37-0d4c-9e5ce8c9018e-8fa9ed74, #w-node-_6712df68-5012-4e37-0d4c-9e5ce8c90194-8fa9ed74, #w-node-_6712df68-5012-4e37-0d4c-9e5ce8c9019a-8fa9ed74, #w-node-_6712df68-5012-4e37-0d4c-9e5ce8c901a0-8fa9ed74, #w-node-_6712df68-5012-4e37-0d4c-9e5ce8c901bc-8fa9ed74, #w-node-_579ff0eb-10d5-4dc5-17b8-06caba2b97cc-8fa9ed74, #w-node-_0059fa02-bdd2-df0c-167b-6677e8a28bdc-8fa9ed74 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_8ae9992a-8f58-9f38-1e88-8ffc6f9bcf14-8fa9ed56, #w-node-b2be0080-1532-e369-e279-9568ac5859b5-8fa9ed56 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e57-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e5a-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e5d-8fa9ed62 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e65-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e67-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e69-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e70-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e73-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e76-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e7e-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e81-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e84-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e90-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e92-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e94-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e9b-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e9d-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60e9f-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ea6-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ea9-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60eac-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60eb8-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60eba-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ebc-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ec3-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ec5-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ec7-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ece-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ed1-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ed4-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60fe5-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60fe7-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60fe9-8fa9ed62, #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60feb-8fa9ed62 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff2-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff4-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff6-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff8-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60fff-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61002-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61005-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61008-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61010-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61012-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61014-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61016-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6101d-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61020-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61023-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61026-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6102e-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61030-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61032-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61034-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6103b-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6103e-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61041-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61044-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6104c-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6104e-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61050-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61052-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61059-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6105c-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6105f-8fa9ed62 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61062-8fa9ed62 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318ddf-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318de2-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318de5-8fa9ed65 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318ded-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318def-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318df1-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318df8-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318dfb-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318dfe-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e06-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e09-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e0c-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e18-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e1a-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e1c-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e23-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e25-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e27-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e2e-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e31-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e34-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e40-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e42-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e44-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e4b-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e4d-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e4f-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e56-8fa9ed65 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e59-8fa9ed65 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b33ede2b-bf1d-7e82-9d34-a5ea13318e5c-8fa9ed65 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b7e5ba10-3a73-4377-7086-cd9bc22589c7-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b7e5ba10-3a73-4377-7086-cd9bc22589ca-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b7e5ba10-3a73-4377-7086-cd9bc22589cd-8fa9ed70 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_292218cd-0718-332a-c115-9e9d0f6f0259-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_292218cd-0718-332a-c115-9e9d0f6f025b-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_292218cd-0718-332a-c115-9e9d0f6f025d-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_292218cd-0718-332a-c115-9e9d0f6f023d-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_292218cd-0718-332a-c115-9e9d0f6f0240-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_292218cd-0718-332a-c115-9e9d0f6f0243-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-de3daaf7-4db6-c05b-92cb-07e30e6d73de-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-de3daaf7-4db6-c05b-92cb-07e30e6d73e0-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-de3daaf7-4db6-c05b-92cb-07e30e6d73e2-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_20ad2c1f-20fd-0ac2-a2fc-5337d9ee8f64-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_20ad2c1f-20fd-0ac2-a2fc-5337d9ee8f66-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_20ad2c1f-20fd-0ac2-a2fc-5337d9ee8f68-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-e0248e2c-f3a1-2748-437f-b5f3026414d1-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e0248e2c-f3a1-2748-437f-b5f3026414d3-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e0248e2c-f3a1-2748-437f-b5f3026414d5-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_19559822-e587-cef6-b049-06dae9413c2b-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_19559822-e587-cef6-b049-06dae9413c2e-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_19559822-e587-cef6-b049-06dae9413c31-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-c48fe130-a660-50b5-aadb-5879ff8bca24-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-c48fe130-a660-50b5-aadb-5879ff8bca26-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-c48fe130-a660-50b5-aadb-5879ff8bca28-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_3dac2fb9-fda9-f43a-c6ce-4a46d9c276b9-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3dac2fb9-fda9-f43a-c6ce-4a46d9c276bb-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_3dac2fb9-fda9-f43a-c6ce-4a46d9c276bd-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_613168c5-4df1-4fe3-575a-e9f8364e3b4a-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_613168c5-4df1-4fe3-575a-e9f8364e3b4d-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_613168c5-4df1-4fe3-575a-e9f8364e3b50-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d19-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d1c-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d1f-8fa9ed70, #w-node-_616ba58c-4a6f-48f4-a0fb-03572f96842d-8fa9ed70 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2e9e2dc6-c771-97f4-b555-beefa7a0c44c-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1379c63c-f0e1-f709-8959-5ec7b60f1a53-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_6786b219-0600-8e8b-1129-29b74a82c87e-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-ff245f72-aefb-f78b-79e3-6d06b332e980-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d32-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d35-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d38-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_25049aee-c948-7ca3-3461-03d56ad28520-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-e97a564c-6257-5c6f-3cf7-33400f13e85b-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e97a564c-6257-5c6f-3cf7-33400f13e85d-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-e97a564c-6257-5c6f-3cf7-33400f13e85f-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-e97a564c-6257-5c6f-3cf7-33400f13e861-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_0c18f44e-d037-72c2-c605-9e2633102482-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_0c18f44e-d037-72c2-c605-9e2633102485-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_0c18f44e-d037-72c2-c605-9e2633102488-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_0c18f44e-d037-72c2-c605-9e263310248b-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-ac2c8829-2a42-4086-4211-07b102f45564-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ac2c8829-2a42-4086-4211-07b102f45566-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-ac2c8829-2a42-4086-4211-07b102f45568-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-ac2c8829-2a42-4086-4211-07b102f4556a-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_46b3247d-7847-a4b3-64f5-09f72966dc20-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_46b3247d-7847-a4b3-64f5-09f72966dc23-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_46b3247d-7847-a4b3-64f5-09f72966dc26-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_46b3247d-7847-a4b3-64f5-09f72966dc29-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_234f9883-0687-d5eb-bda1-0665a2c5a86a-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_234f9883-0687-d5eb-bda1-0665a2c5a86c-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_234f9883-0687-d5eb-bda1-0665a2c5a86e-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_234f9883-0687-d5eb-bda1-0665a2c5a870-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-_4ecca160-fce8-55ab-4821-7084212ad2e7-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_4ecca160-fce8-55ab-4821-7084212ad2ea-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_4ecca160-fce8-55ab-4821-7084212ad2ed-8fa9ed70 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-_4ecca160-fce8-55ab-4821-7084212ad2f0-8fa9ed70 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177a3-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177a6-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177a9-8fa9ed71 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177b1-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177b3-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177b5-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177bc-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177bf-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177c2-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177ca-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177cd-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177d0-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177dc-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177de-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177e0-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177e7-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177e9-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177eb-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177f2-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177f5-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a177f8-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17804-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17806-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17808-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1780f-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17811-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17813-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1781a-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1781d-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17820-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17931-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17933-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17935-8fa9ed71, #w-node-b6d0de7c-d57b-e6db-4b94-474512a17937-8fa9ed71 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1793e-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17940-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17942-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17944-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1794b-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1794e-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17951-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17954-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1795c-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1795e-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17960-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17962-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17969-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1796c-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1796f-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17972-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1797a-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1797c-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1797e-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17980-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17987-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1798a-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1798d-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17990-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17998-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1799a-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1799c-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1799e-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a179a5-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a179a8-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a179ab-8fa9ed71 {
    grid-area: 1 / 3 / 2 / 4;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a179ae-8fa9ed71 {
    grid-area: 1 / 4 / 2 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff2-8fa9ed62 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff4-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff6-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e60ff8-8fa9ed62 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61005-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61008-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61014-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61016-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61023-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61026-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61032-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61034-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61041-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61044-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61050-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61052-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e6105f-8fa9ed62 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b4cc3a7c-1156-eb21-a4d0-2a4b04e61062-8fa9ed62 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_2e9e2dc6-c771-97f4-b555-beefa7a0c44c-8fa9ed70 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_1379c63c-f0e1-f709-8959-5ec7b60f1a53-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_6786b219-0600-8e8b-1129-29b74a82c87e-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ff245f72-aefb-f78b-79e3-6d06b332e980-8fa9ed70 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_65da235a-b875-f3eb-a46f-15bcc1761d38-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_25049aee-c948-7ca3-3461-03d56ad28520-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-e97a564c-6257-5c6f-3cf7-33400f13e85f-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-e97a564c-6257-5c6f-3cf7-33400f13e861-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_0c18f44e-d037-72c2-c605-9e2633102488-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_0c18f44e-d037-72c2-c605-9e263310248b-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-ac2c8829-2a42-4086-4211-07b102f45568-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-ac2c8829-2a42-4086-4211-07b102f4556a-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_46b3247d-7847-a4b3-64f5-09f72966dc26-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_46b3247d-7847-a4b3-64f5-09f72966dc29-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_234f9883-0687-d5eb-bda1-0665a2c5a86e-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_234f9883-0687-d5eb-bda1-0665a2c5a870-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-_4ecca160-fce8-55ab-4821-7084212ad2ed-8fa9ed70 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_4ecca160-fce8-55ab-4821-7084212ad2f0-8fa9ed70 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1793e-8fa9ed71 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17940-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17942-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17944-8fa9ed71 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17951-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17954-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17960-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17962-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1796f-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17972-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1797e-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17980-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1798d-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a17990-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1799c-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a1799e-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a179ab-8fa9ed71 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b6d0de7c-d57b-e6db-4b94-474512a179ae-8fa9ed71 {
    grid-area: 2 / 2 / 3 / 3;
  }
}


@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Eudoxussans';
  src: url('../fonts/EudoxusSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}

.no-padding-top {
  padding-top: 0 !important;
}

.contact-form-submitted {
  display: flex;
  flex-direction: column;
  justify-content: center; /* align items vertically */
  align-items: center; /* align items horizontally */
  height: 100%; /* this will only work if its parent (.contact-form-section) has a defined height */
  
}

.empty-price {
  height: 60px; /* adjust this value to match the height of your price */
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-dialog {
  z-index: 1000 !important; /* A high value to ensure it's on top */
  background-color: #fff;
}

#main-content-select {
  margin-top: 66px;
  margin-bottom: 66px;
  display: flex;
  flex-direction: column; /* stack children vertically */
  align-items: center;    /* center children horizontally */
  justify-content: center;/* center children vertically */
  height: 100%;           /* take full height of the container */
  width: 100%;            /* take full width of the container */
}

@media (max-width: 768px) {
  #main-content-select {
    margin-top: 0;
    margin-bottom: 33px;
  }
} 

@media screen and (max-width: 991px) {
  #main-content-select .long-blue-fill-button {
    margin-top: 0;
  }
}

.button-group {
  display: flex;
  gap: 10px; /* Adjust for space between buttons */
  font-family: Eudoxussans, sans-serif;
}

.ui-dialog-titlebar-close {
  display: none;
}

/* Collapsible Manifesto Styles */
.manifesto-container {
  position: relative;
}

.manifesto-container a {
  color: #fff;
  text-decoration: underline;
}

.manifesto-container .slider-paragraph {
  color: #fff;
}

.manifesto-text.collapsed {
  max-height: 21em; /* Show approximately 6-8 lines */
  overflow: hidden;
  position: relative;
}

.manifesto-text.collapsed::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2em;
  background: linear-gradient(to bottom, transparent, #404eed);
  pointer-events: none;
}

.manifesto-text.expanded {
  max-height: none;
}

.manifesto-toggle {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0.5em 0;
  font-size: 18px;
  font-family: inherit;
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-top: 0.5em;
  transition: opacity 0.2s;
}

.manifesto-toggle:hover {
  opacity: 0.8;
}

.toggle-icon {
  transition: transform 0.3s;
  font-size: 0.8em;
}

.manifesto-toggle[aria-expanded="true"] .toggle-icon {
  transform: rotate(180deg);
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.margin-top-60 {
  margin-top: 60px;
}

/* Full-width image break section */
.full-width-image-break {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 60px;
  margin-bottom: 60px;
  overflow: hidden;
}

.full-width-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  max-height: 70vh;
}

@media screen and (max-width: 991px) {
  .full-width-image {
    height: 50vh;
    object-fit: fill;
  }
  
  .full-width-image-break {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 767px) {
  .full-width-image {
    height: 40vh;
  }
  
  .full-width-image-break {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  .full-width-image {
    height: 30vh;
  }
  
  .full-width-image-break {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}