:root {
  --background: #f4f6f7;
  --paragraph: #141718cc;
  --heading: #141718;
  --accent-a1: #3959ff;
  --border: #0f649233;
  --white: white;
  --accent-a4: #eadb5b;
  --accent-b1: #3959ff12;
  --accent-a3: #008726;
  --accent-b3: #00872612;
  --accent-b2: #bc008712;
  --accent-a2: #bc0087;
}

.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;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  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: #000c;
  position: fixed;
  inset: 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: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

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

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

.w-commerce-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;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

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

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

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

.w-commerce-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-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 {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  background-color: var(--background);
  color: var(--paragraph);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 155%;
  display: flex;
}

h1 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4.12em;
  font-weight: 700;
  line-height: 110%;
}

h2 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.12em;
  font-weight: 700;
  line-height: 115%;
}

h3 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.37em;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75em;
  font-weight: 700;
  line-height: 125%;
}

h5 {
  color: var(--heading);
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.37em;
  font-weight: 700;
  line-height: 128%;
}

h6 {
  color: var(--heading);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 600;
  line-height: 140%;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul, ol {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding-left: 2.2em;
}

li {
  padding: .3em .5em;
}

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

em {
  font-style: italic;
}

blockquote {
  color: var(--accent-a1);
  border-left: 2px solid #3959ff33;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  margin-left: 1em;
  padding: .1em 0 .1em 1.3em;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 160%;
}

figure {
  border-radius: .87em;
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  overflow: hidden;
}

figcaption {
  text-align: center;
  background-color: #e4ebee;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.2em 7%;
  font-size: .87em;
  line-height: 145%;
}

.rich-text-block p {
  margin-bottom: 1.4em;
}

.rich-text-block h1 {
  margin-bottom: .4em;
}

.rich-text-block h2, .rich-text-block h3, .rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  margin-top: 1em;
  margin-bottom: .4em;
}

.rich-text-block a {
  border-bottom: 1px solid var(--accent-a1);
  color: var(--accent-a1);
  text-decoration: none;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
}

.rich-text-block a:hover {
  border-bottom-color: var(--heading);
  color: var(--heading);
}

.link {
  border-bottom: 1px solid var(--accent-a1);
  color: var(--accent-a1);
  text-decoration: none;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
}

.link:hover {
  border-bottom-color: var(--heading);
  color: var(--heading);
}

.navbar {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  background-color: #0000;
  border-bottom: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: .7em;
  padding: 1.1em 2em;
  display: flex;
  position: sticky;
  top: 0;
}

.nav-block {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75em;
  display: flex;
}

.nav {
  grid-column-gap: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand {
  flex: none;
  margin-right: .5em;
  padding: .5em .3em;
}

.logo {
  height: 1.56em;
}

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

.nav-link {
  color: var(--heading);
  letter-spacing: -.02em;
  padding: .7em 1.2em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-link:hover {
  color: var(--accent-a1);
}

.nav-link.w--current {
  color: var(--heading);
}

.nav-link.w--current:hover {
  color: var(--accent-a1);
}

.nav-button {
  background-color: var(--heading);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-button:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.nav-button-outline {
  box-shadow: 0 0 0 -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--accent-a1);
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.nav-button-outline:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--white);
}

.section-top-bar {
  background-color: var(--accent-a1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: .4em 2em;
  display: flex;
}

.content {
  width: 100%;
  max-width: 75em;
}

.content.narrow {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 60em;
  display: flex;
}

.top-bar-block {
  grid-column-gap: 1em;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 75em;
  display: flex;
}

.top-bar {
  grid-column-gap: 1.87em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-top-bar {
  opacity: .7;
  color: var(--white);
  letter-spacing: -.02em;
  font-size: .87em;
  line-height: 120%;
}

.link-top-bar {
  grid-column-gap: .35em;
  opacity: .7;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-top-bar:hover {
  opacity: 1;
}

.icon-top-bar {
  width: 1.125em;
  height: 1.125em;
}

.text-top-bar {
  color: var(--white);
  letter-spacing: -.02em;
  font-size: .87em;
  line-height: 120%;
}

.button-desktop {
  grid-column-gap: .5em;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-mobile {
  grid-column-gap: .5em;
  grid-row-gap: 1em;
  justify-content: center;
  align-items: center;
  display: none;
}

.section-hero {
  justify-content: center;
  align-items: center;
  padding: 3.5em 2em 3.75em;
  display: flex;
}

.grid-hero {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
}

.block-hero {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-hero {
  max-width: 11.5em;
  margin-bottom: .38em;
}

.paragraph-hero {
  max-width: 26em;
  margin-bottom: 2em;
  font-size: 1.125em;
  line-height: 160%;
}

.button-hero {
  grid-column-gap: .5em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.button.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.button.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.button.dark {
  background-color: var(--heading);
}

.button.dark:hover {
  background-color: var(--accent-a1);
}

.link-button {
  grid-column-gap: .4em;
  border-radius: 50em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .9em;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), padding .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-button:hover {
  box-shadow: inset 0 0 0 2px var(--accent-a1);
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.icon-button {
  width: 1.5em;
  height: 1.5em;
}

.text-button {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
}

.text-info {
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-left: 1em;
  margin-right: 1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
}

.link-info {
  background-color: var(--white);
  border-radius: 50em;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .8em;
  padding: 3px;
  text-decoration: none;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-info:hover {
  background-color: var(--accent-a4);
}

.block-icon-info {
  background-color: var(--accent-a4);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.375em;
  height: 1.375em;
  display: flex;
}

.icon-info {
  width: 1em;
  height: 1em;
}

.lottie {
  position: relative;
}

.lines-a1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 6%;
  padding-right: 10.5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.line-w {
  background-image: linear-gradient(to bottom, #0f649200, var(--border) 10%, var(--border) 90%, #0f649200);
  width: 1px;
}

.lines-a2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 11%;
  padding-bottom: 13%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-lottie {
  z-index: 10;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.lottie-animation-2 {
  z-index: 10;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.lottie-animation-1 {
  width: 100%;
}

.lottie-animation-2-blur {
  z-index: 5;
  filter: blur(50px);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.features-lottie {
  z-index: 20;
  grid-row-gap: 2.7em;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  inset: 0%;
}

.feature-lottie-block {
  grid-column-gap: .6em;
  background-color: var(--accent-b1);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: .64em;
  justify-content: center;
  align-items: center;
  margin-right: 43%;
  padding: .8em 1.1em;
  display: flex;
}

.feature-lottie-block.a2 {
  margin-right: 5%;
}

.feature-lottie-block.a3 {
  margin-right: 58%;
}

.feature-lottie-block.a4 {
  margin-right: 15%;
}

.text-feature-lottie {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
}

.icon-feature-lottie {
  width: 1.5em;
  height: 1.5em;
}

.section {
  justify-content: center;
  align-items: center;
  padding: 3.75em 2em;
  display: flex;
}

.grid-solutions {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: stretch;
}

.solutions {
  grid-row-gap: 1.2em;
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.5em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.icon-solution {
  width: 2em;
  height: 2em;
}

.text-link {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
}

.icon-link {
  width: 1em;
  height: 1em;
}

.block-icon-link {
  background-color: var(--accent-b1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 1.375em;
  height: 1.375em;
  display: flex;
}

.link-block {
  grid-column-gap: .5em;
  border-radius: 50px;
  justify-content: flex-start;
  align-items: center;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-right: .3em;
  text-decoration: none;
  transition: background-color .3s cubic-bezier(.25, .46, .45, .94), padding .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-block:hover {
  background-color: var(--accent-b1);
  padding-left: 1em;
}

.yellow-tag {
  background-color: var(--accent-a4);
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
  position: absolute;
  inset: -.8em 2em auto auto;
}

.green-tag {
  background-color: var(--accent-a3);
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
  position: absolute;
  inset: -.8em 2em auto auto;
}

.clients {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3.6em;
  display: flex;
}

.subtitle-clients {
  opacity: .7;
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 2.3em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.block-clients {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient-clients {
  z-index: 50;
  background-image: linear-gradient(to right, var(--background) 5%, #f4f6f700 20%, #f4f6f700 80%, var(--background) 95%);
  position: absolute;
  inset: 0%;
}

.clients-wrapper {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logo-client {
  max-height: 2.7em;
  margin-left: 2.7em;
  margin-right: 2.7em;
}

.grid {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  align-items: center;
}

.heading {
  max-width: 9em;
  margin-bottom: .5em;
}

.heading.large {
  max-width: 13em;
}

.heading.banner {
  color: var(--white);
  margin-bottom: .7em;
}

.block-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 15%;
  display: flex;
}

.paragraph {
  max-width: 30em;
  margin-bottom: 2.2em;
}

.subtitle {
  background-color: var(--white);
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  margin-bottom: .7em;
  padding: .5em 1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  box-shadow: 0 10px 20px -10px #1417180d;
}

.subtitle.white {
  color: var(--white);
  background-color: #ffffff1a;
}

.subtitle.blue {
  background-color: var(--accent-b1);
  color: var(--accent-a1);
}

.lines-b1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 4%;
  padding-right: 13%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines-b2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 12%;
  padding-bottom: 12%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.grid-numbers {
  grid-column-gap: .87em;
  grid-row-gap: .87em;
  grid-template-rows: auto;
  align-items: start;
}

.numbers {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  background-color: var(--accent-b1);
  border-radius: .64em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.2em 1.4em 1.4em;
  display: flex;
}

.numbers.green {
  background-color: var(--accent-b3);
}

.icon-numbers {
  width: 2em;
  height: 2em;
}

.heading-numbers {
  color: var(--accent-a1);
  font-weight: 500;
}

.heading-numbers.green {
  color: var(--accent-a3);
}

.text-numbers {
  color: var(--accent-a1);
  letter-spacing: -.02em;
  max-width: 11em;
  font-size: .87em;
  font-weight: 500;
  line-height: 130%;
}

.text-numbers.green {
  color: var(--accent-a3);
}

.lottie-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.lines-c1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 22%;
  padding-right: 22%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines-c2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 15%;
  padding-bottom: 15%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-heading {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 1em;
  display: flex;
}

.block-heading.center {
  text-align: center;
  align-items: center;
}

.grid-features {
  grid-column-gap: 2em;
  grid-row-gap: 1.8em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.features {
  grid-column-gap: 1.3em;
  grid-row-gap: 1.3em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  display: flex;
}

.block-heading-features {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-features {
  width: 2em;
  height: 2em;
}

.paragraph-features {
  max-width: 20em;
}

.contact-lottie {
  z-index: 20;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-top: 6%;
  padding-bottom: 6%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.contact-lottie-link {
  grid-column-gap: 1.44em;
  background-color: var(--accent-b1);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  border-radius: .64em;
  justify-content: flex-start;
  align-items: center;
  min-width: 18em;
  margin-right: 28%;
  padding-top: .87em;
  padding-bottom: .87em;
  padding-right: 2em;
  text-decoration: none;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.contact-lottie-link:hover {
  box-shadow: inset 0 0 0 2px var(--accent-a1);
}

.contact-lottie-link.a2 {
  margin-right: -33%;
}

.contact-lottie-link.a3 {
  margin-right: 16%;
}

.icon-contact-lottie {
  width: 2em;
  height: 2em;
}

.block-icon-contact-lottie {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: -.94em;
  padding: 1.1em;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.heading-contact-lottie {
  color: var(--accent-a1);
  font-weight: 500;
}

.block-heading-contact-lottie {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.text-contact-lottie {
  opacity: .5;
  color: var(--accent-a1);
  letter-spacing: -.02em;
  max-width: 11em;
  font-size: .87em;
  font-weight: 500;
  line-height: 130%;
}

.grid-faq {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  grid-template-rows: auto;
  align-items: start;
}

.block-faq {
  grid-column-gap: 1.13em;
  grid-row-gap: 1.13em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.accordion-item {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  padding-left: 1.8em;
  padding-right: 1.2em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.accordion-header {
  grid-column-gap: 1em;
  cursor: pointer;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
  transition: padding .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.accordion-header:hover {
  padding-left: .3em;
  padding-right: .3em;
}

.heading-accordion {
  margin-top: .3em;
  margin-bottom: .3em;
}

.icon-accordion {
  flex: none;
  width: 1.5em;
  height: 1.5em;
}

.block-icon-accordion {
  background-color: var(--accent-b1);
  border: 1px solid #fff3;
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.12em;
  height: 2.12em;
  display: flex;
}

.accordion-content {
  display: block;
  overflow: hidden;
}

.paragraph-accordion {
  max-width: 90%;
  margin-bottom: 1.6em;
}

.grid-banner {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  background-color: var(--accent-a1);
  border-radius: .87em;
  grid-template-rows: auto;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.block-banner {
  z-index: 50;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 5em;
  padding-bottom: 5em;
  padding-left: 12%;
  display: flex;
  position: relative;
}

.lottie-banner {
  position: absolute;
  inset: -6% 0% auto auto;
}

.lines-d1 {
  z-index: 5;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 8%;
  padding-right: 8.5%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.lines-d2 {
  z-index: 5;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-top: 14%;
  padding-bottom: 14%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.block-lottie-banner {
  z-index: 10;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.line-banner-w {
  background-image: linear-gradient(#fff0, #fff3 10% 90%, #fff0);
  width: 1px;
}

.lottie-animation-1-banner {
  width: 100%;
}

.lottie-animation-2-banner {
  z-index: 10;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.lottie-animation-2-blur-banner {
  z-index: 5;
  filter: blur(50px);
  width: 100%;
  position: absolute;
  inset: 0%;
}

.section-footer {
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding: 3.75em 2em 0;
  display: flex;
}

.grid-footer {
  grid-column-gap: 1.4em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 2.4fr 1fr 1fr 1fr;
  margin-bottom: 7.5em;
}

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

.subtitle-footer {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 1.7em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.link-footer {
  color: var(--heading);
  letter-spacing: -.02em;
  padding-top: .44em;
  padding-bottom: .44em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-footer:hover {
  color: var(--accent-a1);
}

.logo-footer {
  height: 1.56em;
  margin-bottom: 1.8em;
}

.paragraph-footer {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  max-width: 26em;
  margin-bottom: 2.2em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 165%;
}

.block-social {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.social-link {
  background-color: var(--white);
  box-shadow: inset 0 0 0 0 var(--accent-a1), 0 15px 25px -10px #1417180d;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.2em;
  height: 3.2em;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.social-link:hover {
  box-shadow: inset 0 0 0 2px var(--accent-a1), 0 15px 25px -10px #1417180d;
}

.icon-social {
  width: 1.5em;
  height: 1.5em;
}

.block-footer-down {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 3em;
  display: flex;
}

.text-footer-down {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 165%;
}

.link-footer-down {
  color: var(--heading);
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-footer-down:hover {
  color: var(--accent-a1);
}

.block-reviews {
  grid-column-gap: .88em;
  grid-row-gap: .88em;
  flex-direction: row;
  height: 40em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.review-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.review {
  grid-column-gap: .94em;
  grid-row-gap: .94em;
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .44em;
  margin-bottom: .44em;
  padding: 2em;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.paragraph-review {
  font-size: .87em;
  line-height: 155%;
}

.review-name {
  color: var(--heading);
  letter-spacing: -.02em;
  font-size: .87em;
  font-weight: 500;
  line-height: 130%;
}

.stars {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-star {
  width: 1.13em;
  height: 1.13em;
}

.reviews-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.reviews-wrapper.right {
  justify-content: flex-end;
}

.review-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.gradient-reviews {
  z-index: 50;
  background-image: linear-gradient(to bottom, var(--background), #f4f6f700 10%, #f4f6f700 90%, var(--background));
  position: absolute;
  inset: 0%;
}

.line-h {
  background-image: linear-gradient(to right, #0f649200, var(--border) 10%, var(--border) 90%, #0f649200);
  height: 1px;
}

.line-banner-h {
  background-image: linear-gradient(to right, #fff0, #fff3 10% 90%, #fff0);
  height: 1px;
}

.section-top {
  justify-content: center;
  align-items: center;
  padding: 6em 2em 3.75em;
  display: flex;
}

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

.block-top {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-top {
  max-width: 32em;
  margin-bottom: 2em;
  font-size: 1.125em;
  line-height: 160%;
}

.paragraph-top.blog-post {
  max-width: 36em;
  margin-bottom: .5em;
}

.heading-top {
  max-width: 11.5em;
  margin-bottom: .38em;
}

.grid-solutions-large {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  margin-bottom: 1.5em;
}

.solutions-large {
  grid-row-gap: 1.2em;
  background-color: var(--accent-b1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.1em;
  display: flex;
  position: relative;
}

.solutions-large.green {
  background-color: var(--accent-b3);
}

.heading-solution-large {
  color: var(--accent-a1);
}

.heading-solution-large.green {
  color: var(--accent-a3);
}

.paragraph-solution-large {
  color: var(--accent-a1);
}

.paragraph-solution-large.green {
  color: var(--accent-a3);
}

.block-icon-solution {
  background-color: var(--accent-a1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 4.5em;
  display: flex;
}

.block-icon-solution.green {
  background-color: var(--accent-a3);
}

.block-left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 15%;
  display: flex;
}

.list {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-list {
  width: 1.125em;
  height: 1.125em;
}

.block-icon-list {
  background-color: var(--accent-b1);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.625em;
  height: 1.625em;
  display: flex;
}

.block-icon-list.green {
  background-color: var(--accent-b3);
}

.heading-list.blue {
  color: var(--accent-a1);
}

.heading-list.green {
  color: var(--accent-a3);
}

.block-list {
  grid-column-gap: .56em;
  grid-row-gap: .56em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grid-about {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
}

.about {
  grid-row-gap: 1.2em;
  background-color: var(--accent-b1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.1em;
  display: flex;
  position: relative;
}

.about.green {
  background-color: var(--accent-b3);
}

.about.red {
  background-color: var(--accent-b2);
}

.block-icon-about {
  background-color: var(--accent-a1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.5em;
  height: 4.5em;
  display: flex;
}

.block-icon-about.green {
  background-color: var(--accent-a3);
}

.block-icon-about.red {
  background-color: var(--accent-a2);
}

.icon-about {
  width: 2em;
  height: 2em;
}

.heading-about {
  color: var(--accent-a1);
}

.heading-about.green {
  color: var(--accent-a3);
}

.heading-about.red {
  color: var(--accent-a2);
}

.paragraph-about {
  color: var(--accent-a1);
}

.paragraph-about.green {
  color: var(--accent-a3);
}

.paragraph-about.red {
  color: var(--accent-a2);
}

.heading-quote {
  margin-bottom: 1.4em;
}

.block-quote {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.block-name {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.heading-name {
  margin-bottom: .3em;
  line-height: 120%;
}

.text-role {
  color: #141718b3;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.signature {
  height: 3.7em;
}

.grid-team {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
}

.team {
  background-color: var(--white);
  border-radius: .87em;
  padding: 1em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.image-team {
  object-fit: cover;
  border-radius: .6em;
}

.block-team {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.3em 1em .6em;
  display: flex;
}

.collection-list-posts {
  grid-column-gap: 1.5em;
  grid-row-gap: 3.4em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-posts.large {
  grid-template-columns: 1fr;
}

.block-post {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.block-post.large {
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-wrapper-posts.large {
  margin-bottom: 3.4em;
}

.image-post-thumbnail {
  object-fit: cover;
  border-radius: .87em;
  width: 100%;
  height: 15em;
}

.image-post-thumbnail.large {
  height: auto;
  max-height: 40em;
}

.link-post-thumbnail {
  width: 100%;
}

.link-post-thumbnail.large {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.post {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 2.5em 2.8em;
  display: flex;
}

.post.large {
  justify-content: center;
  padding: 4.3em 4.5em;
}

.link-heading-post {
  margin-bottom: 1.3em;
  text-decoration: none;
}

.link-heading-post.large {
  margin-bottom: 1.4em;
}

.date {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .8em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.paragraph-post {
  margin-bottom: 1.4em;
}

.paragraph-post.large {
  max-width: 25em;
  margin-bottom: 1.6em;
}

.empty-state {
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  padding: 1em 1.4em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.text-empty {
  opacity: .7;
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.date-top {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .8em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.post-body {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  padding: 4em 13%;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.image-main-post {
  object-fit: cover;
  border-radius: .87em;
  width: 100%;
}

.contact {
  z-index: 50;
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 42em;
  margin-top: -.5em;
  margin-left: auto;
  margin-right: auto;
  padding: 3.1em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.form-block {
  width: 100%;
  margin-top: .4em;
  margin-bottom: 0;
}

.submit-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: .87em;
  padding: 1.2em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.submit-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.submit-button.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.submit-button.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.form {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.text-field {
  border: 1px solid var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .87em;
  height: 3.75em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.text-field:focus {
  border-color: var(--accent-a1);
}

.text-field::placeholder {
  color: #14171899;
}

.text-field.transparent {
  color: var(--white);
  background-color: #ffffff1a;
  border-color: #fff3;
}

.text-field.transparent:focus {
  border-color: var(--white);
}

.text-field.transparent::placeholder {
  color: #ffffffa6;
}

.textarea {
  border: 1px solid var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .87em;
  min-width: 100%;
  max-width: 100%;
  min-height: 14em;
  max-height: 30em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.textarea:focus {
  border-color: var(--accent-a1);
}

.textarea::placeholder {
  color: #14171899;
}

.error-message {
  background-color: #bc000312;
  border-radius: .87em;
  margin-top: 1em;
  padding: 1em 10%;
}

.error-message.yellow {
  border: 1px dashed var(--accent-a4);
  background-color: #0000;
}

.text-error {
  color: #bc0003;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.text-error.yellow {
  color: var(--accent-a4);
}

.success-message {
  background-color: var(--accent-b3);
  border-radius: .87em;
  padding: 1.5em 10%;
}

.success-message.yellow {
  border: 1px dashed var(--accent-a4);
  background-color: #0000;
}

.text-success {
  color: var(--accent-a3);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.text-success.yellow {
  color: var(--accent-a4);
}

.section-full {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 3.75em 2em;
  display: flex;
}

.brand-center {
  flex: none;
  margin-top: 1.2em;
  margin-left: auto;
  margin-right: auto;
  padding: .5em .3em;
}

.account-form {
  z-index: 50;
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 32em;
  margin-left: auto;
  margin-right: auto;
  padding: 3.1em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.account-form.blue {
  background-color: var(--accent-a1);
  box-shadow: none;
}

.heading-account {
  max-width: 9em;
  margin-bottom: .3em;
}

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

.paragraph-account {
  max-width: 23em;
  margin-bottom: 1.8em;
}

.paragraph-account.white {
  color: #fffc;
}

.text-account {
  color: #14171899;
  text-align: center;
  width: 100%;
  max-width: 32em;
  margin-top: 1.4em;
  margin-left: auto;
  margin-right: auto;
  font-size: .87em;
  line-height: 140%;
}

.text-account.white {
  color: #ffffff80;
}

.link-account {
  color: #14171899;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.link-account:hover {
  color: var(--accent-a1);
}

.link-account.white {
  color: #ffffff80;
}

.link-account.white:hover {
  color: var(--white);
}

.body-blue {
  background-color: #0d32f5;
}

.cart {
  flex: none;
}

.cart-button {
  background-color: var(--accent-a1);
  border-radius: 50em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: .6em;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
  position: relative;
}

.cart-button:hover {
  box-shadow: 0 15px 30px -8px var(--accent-a1);
}

.icon-cart {
  flex: none;
  width: 1.37em;
  height: 1.37em;
}

.icon-cart-quantity {
  background-color: var(--white);
  color: var(--heading);
  border-radius: 50em;
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding: .3em .6em .1em;
  font-size: .71em;
  font-weight: 500;
  line-height: 130%;
  position: absolute;
  inset: -15% -20% auto auto;
  box-shadow: 0 5px 5px #1417180d;
}

.cart-wrapper {
  background-color: #0000;
}

.cart-container {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  min-width: 22em;
  max-width: 30em;
  margin-top: .7em;
  box-shadow: 0 15px 25px -5px #14171826;
}

.cart-header {
  border-bottom-color: var(--border);
  padding: 1em 1.5em;
}

.close-button {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: .25em;
  display: flex;
}

.icon-close {
  width: 1.5em;
  height: 1.5em;
}

.cart-list {
  padding: 1em 1.5em;
}

.cart-item {
  align-items: flex-start;
  padding-top: .7em;
  padding-bottom: .7em;
}

.image-cart-item {
  background-color: var(--accent-b1);
  object-fit: cover;
  border-radius: .62em;
  width: 3.5em;
  height: 3.5em;
  padding: .9em;
}

.block-cart-item {
  margin-left: 1em;
  margin-right: 1em;
}

.cart-item-name {
  color: var(--heading);
  letter-spacing: -.02em;
  font-size: 1.05em;
  font-weight: 600;
  line-height: 130%;
}

.cart-item-price {
  color: var(--accent-a1);
  margin-bottom: .6em;
  font-size: .9em;
  font-weight: 600;
  line-height: 120%;
}

.remove-button {
  color: #141718b3;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
}

.remove-button:hover {
  color: var(--accent-a1);
}

.cart-quantity {
  border-color: var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .62em;
  width: 3.7em;
  height: 2.4em;
  margin-bottom: .8em;
  padding: .5em .5em .5em .8em;
  font-size: .9em;
  font-weight: 400;
  line-height: 1.3em;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.cart-quantity:focus {
  border-color: var(--accent-a1);
}

.cart-line-item {
  margin-bottom: 1em;
  padding-top: .3em;
  padding-bottom: .3em;
  font-size: .9em;
  line-height: 140%;
}

.text-subtotal {
  color: var(--heading);
  font-size: 1.2em;
  font-weight: 600;
}

.apple-pay, .pay-with-browser {
  border-radius: 50em;
  height: 2.8em;
}

.checkout-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  margin-top: 1em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.checkout-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.cart-empty-state {
  flex-direction: column;
  padding-top: 3.5em;
  padding-bottom: 3.5em;
}

.text-cart-empty {
  color: var(--heading);
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 130%;
}

.button-small {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button-small:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.button-small.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.button-small.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.button-small.dark {
  background-color: var(--heading);
}

.button-small.dark:hover {
  background-color: var(--accent-a1);
}

.cart-error-state {
  background-color: #bc000312;
  border-radius: .62em;
  margin: 0 1.5em 1.5em;
  padding: 1em 1.4em;
}

.collection-list-shop {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product {
  background-color: var(--white);
  text-align: left;
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.4em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.block-icon-product {
  background-color: var(--accent-b1);
  border-radius: .87em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 4.2em;
  height: 4.2em;
  margin-bottom: 1.3em;
  display: flex;
}

.icon-product {
  object-fit: cover;
  width: 1.7em;
  height: 1.7em;
}

.link-product {
  margin-bottom: .15em;
  text-decoration: none;
}

.text-price {
  color: var(--accent-a1);
  letter-spacing: -.01em;
  font-size: 1.2em;
  font-weight: 600;
  line-height: 120%;
}

.block-price {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.6em;
  display: flex;
}

.compare-at-price {
  color: #14171880;
  letter-spacing: -.01em;
  font-size: 1em;
  font-weight: 400;
  line-height: 120%;
  text-decoration: line-through;
}

.paragraph-description {
  margin-bottom: 2.1em;
  font-size: .87em;
  line-height: 155%;
}

.subtitle-product {
  color: #14171880;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: 1.4em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.icon-features-product {
  width: 1.5em;
  height: 1.5em;
}

.features-product {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.block-features-product {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 2.2em;
  display: flex;
}

.block-tag-product {
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  inset: -.5em 1.2em auto auto;
}

.yellow-tag-product {
  background-color: var(--accent-a4);
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
}

.green-tag-product {
  background-color: var(--accent-a3);
  color: var(--white);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .6em;
  padding: .7em 1.1em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 110%;
}

.collection-list-categories {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 5.25rem;
  display: flex;
}

.collection-item-categories {
  display: inline-block;
}

.link-category {
  grid-column-gap: .63em;
  grid-row-gap: .63em;
  color: var(--heading);
  background-color: #ddd0;
  border-radius: .87em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.2em 1.4em;
  text-decoration: none;
  transition: color .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.link-category:hover {
  color: var(--accent-a1);
}

.link-category.w--current {
  background-color: var(--white);
  display: inline-flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.icon-category {
  width: 1.7em;
  height: 1.7em;
}

.block-categories {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: .6em;
  display: flex;
}

.text-category {
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 600;
  line-height: 140%;
}

.utility-page-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3em 1em;
  display: flex;
}

.utility-page-content {
  background-color: var(--white);
  text-align: center;
  border-radius: .87em;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 24em;
  margin-bottom: 0;
  padding: 3.1em;
  display: flex;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: .8em;
  display: flex;
}

.field-label {
  color: var(--heading);
  text-align: left;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

.grid-product {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  align-items: start;
  position: relative;
}

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

.quantity {
  border-color: var(--border);
  background-color: var(--white);
  color: var(--heading);
  border-radius: .62em;
  width: 4.4em;
  height: 3.4em;
  margin-bottom: .9em;
  padding: .5em .5em .5em .8em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3em;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.quantity:focus {
  border-color: var(--accent-a1);
}

.add-to-cart-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.add-to-cart-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.buy-now-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: 50em;
  margin-top: .8em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.buy-now-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.buy-now-button.yellow {
  background-color: var(--accent-a4);
  color: var(--heading);
}

.buy-now-button.yellow:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a4);
}

.default-state {
  margin: 0;
}

.field-label-quantity {
  color: #14171880;
  text-align: left;
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .5em;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
  display: none;
}

.out-of-stock-state {
  background-color: #bc000312;
  border-radius: .87em;
  margin-top: 0;
  padding: 1em 10%;
}

.product-content {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 3.1em;
  display: flex;
  position: relative;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.product-sticky {
  background-color: var(--white);
  border-radius: .87em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2.4em;
  display: flex;
  position: sticky;
  top: 100px;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.ecommerce-form {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.ecommerce-grid {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  align-items: start;
  width: 100%;
}

.ecommerce-contents {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-direction: column;
  margin-right: 0;
  display: flex;
}

.ecommerce-sidebar {
  top: 100px;
}

.ecommerce-block {
  background-color: var(--white);
  border-radius: .87em;
  margin-top: 0;
  margin-bottom: 0;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.block-header {
  border-style: none none solid;
  border-color: var(--border);
  background-color: #0000;
  padding: 1em 1.5em;
}

.block-content {
  background-color: #0000;
  border: 1px #000;
  padding: 1.5em;
}

.order-summary {
  background-color: var(--white);
  border-radius: .87em;
  margin-bottom: 1.5em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.text-required {
  color: var(--accent-a3);
  font-size: .9em;
  font-weight: 500;
  line-height: 155%;
}

.text-field-ecommerce {
  border: 1px solid var(--border);
  background-color: var(--background);
  color: var(--heading);
  border-radius: .87em;
  height: 3.75em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.text-field-ecommerce:focus, .text-field-ecommerce.-wfp-focus {
  border-color: var(--accent-a1);
}

.text-field-ecommerce::placeholder {
  color: #14171899;
}

.country {
  border: 1px solid var(--border);
  background-color: var(--background);
  color: var(--heading);
  border-radius: .87em;
  height: 3.75em;
  margin-bottom: 1.12em;
  padding: 1em 1.2em;
  font-size: 1em;
  line-height: 130%;
  transition: border-color .3s cubic-bezier(.25, .46, .45, .94);
}

.country:focus {
  border-color: var(--accent-a1);
}

.billing-address-toggle {
  align-items: baseline;
}

.shipping-method-list {
  grid-column-gap: .7em;
  grid-row-gap: .7em;
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.shipping-method {
  background-color: var(--accent-b1);
  border: 1px #000;
  border-radius: .87em;
  margin-bottom: 0;
  padding: 1em 1.2em;
}

.block-quantity {
  font-size: .9em;
}

.discounts {
  border-style: none;
  border-color: var(--border);
  background-color: var(--white);
  border-radius: .87em;
  margin-bottom: 1.5em;
  padding: 1.5em;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.apply-button {
  background-color: var(--accent-a1);
  color: var(--white);
  letter-spacing: -.02em;
  border-radius: .87em;
  height: 3.75em;
  margin-left: .5em;
  padding: .9em 1.3em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.apply-button:hover {
  box-shadow: 0 15px 40px -10px var(--accent-a1);
}

.page-body {
  background-color: var(--white);
  border-radius: .87em;
  width: 100%;
  margin-bottom: 1em;
  padding: 5em 13%;
  box-shadow: 0 15px 25px -10px #1417180d;
}

.heading-template {
  margin-bottom: .8em;
}

.grid-colors {
  grid-column-gap: .6em;
  grid-row-gap: .6em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.block-color {
  grid-column-gap: .25em;
  grid-row-gap: .25em;
  background-color: var(--white);
  border-radius: .5em;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  min-height: 11em;
  padding: 1.2em;
  display: flex;
}

.block-color.background {
  background-color: var(--background);
}

.block-color.border {
  background-color: var(--border);
}

.block-color.heading-color {
  background-color: var(--heading);
}

.block-color.accent-a1 {
  background-color: var(--accent-a1);
}

.block-color.accent-a2 {
  background-color: var(--accent-a2);
}

.block-color.accent-a3 {
  background-color: var(--accent-a3);
}

.block-color.accent-a4 {
  background-color: var(--accent-a4);
}

.block-color.accent-b1 {
  background-color: var(--accent-b1);
}

.block-color.accent-b2 {
  background-color: var(--accent-b2);
}

.block-color.accent-b3 {
  background-color: var(--accent-b3);
}

.block-color.paragraph-color {
  background-color: var(--paragraph);
}

.text-color {
  color: var(--heading);
  letter-spacing: -.02em;
  font-size: 1em;
  font-weight: 600;
  line-height: 120%;
}

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

.hex-color {
  opacity: .5;
  color: var(--heading);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: IBM Plex Mono, sans-serif;
  font-size: .7em;
  font-weight: 500;
  line-height: 130%;
}

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

.block-button {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1em;
  display: flex;
}

.button-outline-small {
  box-shadow: 0 0 0 -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--accent-a1);
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50em;
  padding: .7em 1.4em;
  font-size: 1em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button-outline-small:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--white);
}

.button-outline {
  box-shadow: 0 0 0 -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--accent-a1);
  letter-spacing: -.02em;
  background-color: #0000;
  border-radius: 50em;
  padding: .9em 1.8em;
  font-size: 1.12em;
  font-weight: 500;
  line-height: 120%;
  transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
}

.button-outline:hover {
  background-color: var(--accent-a1);
  box-shadow: 0 15px 40px -10px var(--accent-a1), inset 0 0 0 2px var(--accent-a1);
  color: var(--white);
}

.paragraph-template {
  margin-bottom: 2.4em;
}

.grid-licensing {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
}

.image-template {
  object-fit: cover;
  border-radius: .6em;
}

.lottie-template {
  background-color: var(--background);
  border-radius: .6em;
}

.grid-icon-licensing {
  grid-column-gap: .8em;
  grid-row-gap: .8em;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto auto auto auto;
  place-content: stretch start;
  place-items: center start;
}

.icon-licensing {
  background-color: var(--accent-b1);
  border-radius: .87em;
  width: 4.2em;
  max-width: none;
  height: 4.2em;
  padding: 1.3em;
}

.font-template {
  background-color: var(--accent-b1);
  border-radius: .87em;
  margin-top: .7em;
  padding: 1.3em 1.8em;
}

.ibm-plex-mono {
  font-family: IBM Plex Mono, sans-serif;
  font-weight: 500;
}

.tabs-menu {
  display: flex;
}

.tabs-content {
  overflow: visible;
}

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

  h2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 2em;
  }

  h4 {
    font-size: 1.6em;
  }

  h5 {
    font-size: 1.25em;
  }

  .nav-menu {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    background-color: var(--white);
    padding: 1.2em 1em;
    box-shadow: 0 15px 25px -10px #1417180d;
  }

  .section-top-bar {
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .top-bar-block {
    grid-row-gap: .6em;
    flex-direction: column;
    align-items: flex-start;
  }

  .menu-button {
    background-color: var(--white);
    color: var(--heading);
    border-radius: 50em;
    padding: .6em;
    font-size: 1.2em;
    transition: color .3s cubic-bezier(.25, .46, .45, .94), background-color .3s cubic-bezier(.25, .46, .45, .94);
    box-shadow: 0 15px 20px -5px #1417181a;
  }

  .menu-button.w--open {
    background-color: var(--heading);
    color: var(--white);
  }

  .paragraph-hero {
    font-size: 1em;
  }

  .grid-solutions {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr;
  }

  .block-right {
    padding-left: 10%;
  }

  .grid-numbers {
    font-size: .9em;
  }

  .section-top {
    padding-top: 4.5em;
    padding-bottom: 3em;
  }

  .paragraph-top {
    font-size: 1em;
  }

  .grid-solutions-large {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
  }

  .block-left {
    padding-right: 10%;
  }

  .grid-about {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr;
  }

  .grid-team {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .collection-list-posts {
    grid-column-gap: 1.13em;
    grid-row-gap: 3em;
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-wrapper-posts.large {
    margin-bottom: 3em;
  }

  .image-post-thumbnail {
    height: 28vw;
  }

  .post.large {
    padding: 3.4em 3.2em;
  }

  .post-body {
    padding-left: 10%;
    padding-right: 10%;
  }

  .collection-list-shop {
    grid-column-gap: 1.13em;
    grid-row-gap: 1.13em;
    grid-template-columns: 1fr 1fr;
  }

  .link-category {
    padding: 1em 1.2em;
  }

  .block-categories {
    flex-direction: column;
  }

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

  .product-sticky {
    padding: 3.1em;
    position: relative;
    top: auto;
  }

  .page-body {
    padding: 4em 10%;
  }

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

  .grid-icon-licensing {
    grid-template-columns: auto auto auto auto auto auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 3em;
  }

  h2 {
    font-size: 2.3em;
  }

  h3 {
    font-size: 1.8em;
  }

  h4 {
    font-size: 1.4em;
  }

  h5 {
    font-size: 1.2em;
  }

  .button-desktop {
    display: none;
  }

  .button-mobile {
    flex-direction: column;
    align-items: flex-start;
    margin-top: .5em;
    margin-bottom: .8em;
    padding-left: .5em;
    padding-right: .5em;
    display: flex;
  }

  .section-hero {
    padding-bottom: 3em;
  }

  .grid-hero {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
  }

  .block-hero {
    text-align: center;
    align-items: center;
  }

  .section {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .grid-solutions {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
  }

  .solutions {
    padding: 2.2em;
  }

  .logo-client {
    max-height: 1.5em;
    margin-left: 1.8em;
    margin-right: 1.8em;
  }

  .grid {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr;
  }

  .block-right {
    padding-left: 0%;
  }

  .grid-numbers {
    width: 100%;
    font-size: 1em;
  }

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

  .grid-faq, .block-faq {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
  }

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

  .block-banner {
    padding: 4em 10%;
  }

  .lottie-banner {
    position: relative;
    top: 0%;
  }

  .section-footer {
    padding-top: 3em;
  }

  .grid-footer {
    grid-column-gap: 2.5em;
    grid-row-gap: 2.5em;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 6em;
  }

  .block-footer-down {
    margin-bottom: 2em;
  }

  .section-top {
    padding-top: 3.5em;
    padding-bottom: 2.5em;
  }

  .grid-solutions-large {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
    grid-template-columns: 1fr;
    margin-bottom: .87em;
  }

  .grid-about {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
    grid-template-columns: 1fr;
  }

  .grid-team {
    grid-column-gap: .87em;
    grid-row-gap: .87em;
    grid-template-columns: 1fr 1fr;
  }

  .collection-list-posts {
    grid-row-gap: 2em;
    grid-template-columns: 1fr;
  }

  .block-post.large {
    grid-template-columns: 1fr;
  }

  .collection-list-wrapper-posts.large {
    margin-bottom: 2em;
  }

  .image-post-thumbnail, .image-post-thumbnail.large {
    height: 50vw;
  }

  .post-body {
    padding-top: 2.9em;
    padding-bottom: 2.9em;
  }

  .collection-list-shop, .ecommerce-grid {
    grid-template-columns: 1fr;
  }

  .page-body {
    padding-top: 3em;
    padding-bottom: 3em;
  }

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

  .grid-icon-licensing {
    grid-template-columns: auto auto auto auto;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.4em;
  }

  h2 {
    font-size: 1.9em;
  }

  h3 {
    font-size: 1.6em;
  }

  h4 {
    font-size: 1.3em;
  }

  h5 {
    font-size: 1.15em;
  }

  .navbar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-left: 1.5em;
    padding-right: 1.5em;
    position: relative;
  }

  .nav-menu {
    padding-left: .5em;
    padding-right: .5em;
  }

  .section-top-bar {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .top-bar {
    grid-row-gap: .6em;
    flex-direction: column;
    align-items: flex-start;
  }

  .section-hero {
    padding: 3em 1.5em 2.5em;
  }

  .button-hero {
    grid-row-gap: .5em;
    flex-direction: column;
  }

  .features-lottie {
    grid-row-gap: 1.5em;
  }

  .feature-lottie-block {
    margin-right: 31%;
  }

  .feature-lottie-block.a3 {
    margin-right: 38%;
  }

  .section {
    padding: 2.5em 1.5em;
  }

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

  .solutions {
    padding: 2em;
  }

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

  .grid-features {
    grid-row-gap: 1.2em;
    grid-template-columns: 1fr;
  }

  .features {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    padding-top: .8em;
    padding-bottom: .8em;
  }

  .contact-lottie-link {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    min-width: 15em;
    margin-right: 0%;
    font-size: .9em;
  }

  .contact-lottie-link.a2, .contact-lottie-link.a3 {
    margin-right: 0%;
  }

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

  .block-banner {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .section-footer {
    padding-top: 2.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .grid-footer {
    grid-template-columns: 1fr;
    margin-bottom: 5em;
  }

  .block-footer {
    text-align: center;
    align-items: center;
  }

  .block-footer-down {
    text-align: center;
    justify-content: center;
    margin-bottom: 1.5em;
  }

  .block-reviews {
    flex-direction: column;
  }

  .review {
    padding: 1.6em;
  }

  .section-top {
    padding-top: 3em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .paragraph-top {
    margin-bottom: 1.2em;
  }

  .solutions-large, .about {
    padding: 2em;
  }

  .grid-team {
    grid-column-gap: .6em;
    grid-row-gap: .6em;
  }

  .team {
    padding: 0;
  }

  .block-team {
    padding: .9em 1.2em;
    font-size: .9em;
  }

  .collection-list-posts {
    grid-row-gap: 1.5em;
  }

  .collection-list-wrapper-posts.large {
    margin-bottom: 1.5em;
  }

  .post, .post.large {
    padding: 1.8em 2.2em;
  }

  .post-body {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
  }

  .contact {
    padding: 2em;
  }

  .text-field {
    margin-bottom: .9em;
  }

  .section-full {
    padding-top: 3em;
  }

  .account-form {
    padding: 2em;
  }

  .paragraph-account {
    margin-bottom: 1em;
  }

  .cart-container {
    border-radius: 0;
    min-width: auto;
    margin-top: 0;
  }

  .product {
    padding: 1.5em;
  }

  .block-price {
    flex-direction: column;
  }

  .collection-list-categories {
    flex-flow: column;
  }

  .block-categories {
    font-size: .9em;
  }

  .utility-page-wrap {
    padding-top: 2em;
  }

  .utility-page-content, .product-content, .product-sticky {
    padding: 2em;
  }

  .text-field-ecommerce {
    margin-bottom: .9em;
  }

  .page-body {
    padding-top: 2em;
    padding-bottom: 2em;
  }

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

  .block-button {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .grid-icon-licensing {
    grid-template-columns: auto auto;
  }
}

#w-node-_37b3a8d2-c553-a736-f678-9b56fa1506c8-9a346dba, #w-node-a4cb2e2c-97ad-0ff4-4b5f-cbaa674163ff-9a346dba, #w-node-_462e3ae4-d17a-4ca9-c67e-daf8b068f90e-9a346dba, #w-node-a033bb4d-fb8b-e335-6cb2-c443ca8c4bc8-9a346dba, #w-node-_418ca167-2aa7-6102-c555-e760a541672d-9a346dba, #w-node-_789e64b8-db23-92f3-fc78-b228e61599d1-9a346dba, #w-node-_8081eb8c-b88a-c806-4272-6a0eab494de7-9a346dba, #w-node-f0ea6266-7176-7ad5-06e9-ad15d7af875d-9a346dba, #w-node-dd03f682-5e31-981d-1bc3-e09cb94f042f-9a346dba, #w-node-d0458a27-e73f-e612-462d-65302581b228-2581b225 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d0458a27-e73f-e612-462d-65302581b234-2581b225 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-d0458a27-e73f-e612-462d-65302581b24c-2581b225 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-fa5a991c-5956-883f-ada3-90790b0053f4-0b0053f1, #w-node-fa5a991c-5956-883f-ada3-90790b0053fc-0b0053f1, #w-node-_19bb31c1-5d3a-4476-cce7-5d1349de9002-49de8ff9, #w-node-_19bb31c1-5d3a-4476-cce7-5d1349de901e-49de8ff9, #w-node-_559bd621-69cf-ebfa-c503-dc2b3a553d33-3a553d32, #w-node-_559bd621-69cf-ebfa-c503-dc2b3a553d3a-3a553d32, #w-node-_559bd621-69cf-ebfa-c503-dc2b3a553d41-3a553d32, #w-node-_559bd621-69cf-ebfa-c503-dc2b3a553d48-3a553d32, #w-node-_559bd621-69cf-ebfa-c503-dc2b3a553d4f-3a553d32, #w-node-_559bd621-69cf-ebfa-c503-dc2b3a553d56-3a553d32, #w-node-e494f31e-a988-9ead-8ab2-e7c44a0bee86-4a0bee85, #w-node-e494f31e-a988-9ead-8ab2-e7c44a0bee91-4a0bee85, #w-node-e494f31e-a988-9ead-8ab2-e7c44a0bee9f-4a0bee85, #w-node-e494f31e-a988-9ead-8ab2-e7c44a0beeaa-4a0bee85, #w-node-_0cd70b74-ab87-0e37-8c12-0b38f4d52384-9a346dc0, #w-node-afed3ac8-3177-ec05-990a-39f68f9eb356-9a346dc0, #w-node-_84b383cf-f2f3-bea7-8c05-b0fd748b650d-9a346dc0, #w-node-ef8907ed-ca22-ade3-43fc-33a830f840f2-9a346dc0, #w-node-ef8907ed-ca22-ade3-43fc-33a830f84105-9a346dc0, #w-node-_40f515c9-a2fe-edb7-7d1d-764cfb887974-9a346dc0, #w-node-_40f515c9-a2fe-edb7-7d1d-764cfb887975-9a346dc0, #w-node-_40f515c9-a2fe-edb7-7d1d-764cfb88797c-9a346dc0, #w-node-fa5afabc-a52b-507f-b843-6bbd60cbabf6-9a346dc2, #w-node-fa5afabc-a52b-507f-b843-6bbd60cbac12-9a346dc2, #w-node-_5363f964-1550-406b-86ab-876ba9bec06f-9a346dc4, #w-node-_62ab79b9-6032-891d-05d1-d48df402ca5a-9a346dc8, #w-node-_0b14b95b-c6e2-7002-10aa-43a2d12ef01b-9a346dc8, #w-node-_1ed9bd89-0019-64e2-5b75-d1a6bbea8869-9a346dc8, #w-node-_99ac6bff-1bf5-a05a-9d0c-9b325070b661-9a346dc8, #w-node-_0016a792-801a-b9d7-b457-6e60c9cec84c-9a346dc8, #w-node-a0e5c115-ea09-beab-b4f4-2e1ac60bb639-9a346dc8, #w-node-_17a23c16-d9df-b7fc-4cc7-046d36bc9e0d-9a346dc8, #w-node-f1634648-5459-ee2f-c769-034c3844fd38-9a346dc8, #w-node-_5092c0dc-2443-f6eb-e21d-1dcc5e340488-9a346dc8, #w-node-b11d4944-2ba8-3268-e095-3b09f035a977-9a346dc8, #w-node-_0f9864ad-3796-a1d5-be37-9d6247e30e46-9a346dc8, #w-node-bd7a7f8a-46f8-9878-613d-8ec95513e4a1-9a346dc8, #w-node-_280ce3f4-0b01-1e17-1712-e3f362ff0188-9a346dc8, #w-node-e9136a8e-c2f0-afc7-f368-34cb9b16efb7-9a346dc8, #w-node-_3658a508-b024-6c37-ee42-57a494e44767-9a346dc8, #w-node-_14658c5f-9491-ad2f-8412-3d615088303f-9a346dc8, #w-node-_3fd93bc6-3195-1ccd-b1b1-a8a6dd1e8e76-9a346dc8, #w-node-cb35293c-8748-d6ce-b43d-58be49efc9fc-9a346dc8, #w-node-_7b15da3a-978b-ad8f-0c7e-9034e2b084dc-9a346dc8, #w-node-_0e6c5cff-a430-b7b6-f0c1-426922754e03-9a346dc8, #w-node-_526b2d8f-5a99-d381-312e-6ff47d271bc1-9a346dc8, #w-node-_0f80b63c-e731-9a99-305d-5547092ec8f2-9a346dc8, #w-node-f2f49a57-b72e-0639-6bee-5df1cdc28b9c-9a346dc8, #w-node-_4e3d5f87-7bd7-0135-3e25-991c9ba63478-9a346dc8, #w-node-_880abb12-b877-9f0a-0223-83f67f274e74-9a346dc8, #w-node-a9745e51-8f3f-0bb7-ff0d-ce589b3504a7-9a346dc8, #w-node-_18534a7d-369e-8233-6351-b814f2cc93cb-9a346dc8, #w-node-_1aec6a9d-2bfc-5c3b-4e43-693962c19581-9a346dc8, #w-node-_84ec0c4e-ce73-a401-5d92-2ee6464d9388-9a346dcd, #w-node-_84ec0c4e-ce73-a401-5d92-2ee6464d9375-9a346dcd, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd7d-9a346dcd, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd90-9a346dcd, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd99-9a346dcd, #w-node-e0a700b7-f8d1-c9fd-11cf-eea47df8bd9f-9a346dcd, #w-node-a603bde2-2664-091f-a25b-cbe52ef6d0c0-2ef6d0bf, #w-node-a603bde2-2664-091f-a25b-cbe52ef6d0d7-2ef6d0bf, #w-node-_32c8226f-33dd-fbaa-d45d-060a456aaf95-9a346dce, #w-node-b387dea9-8019-c2f6-be02-402e509d0d3f-9a346dce, #w-node-e1ae69f4-ecd5-f39a-5fc9-1f700408dd57-9a346dce, #w-node-_1fb25b1f-87ef-df55-75d4-03cf0ca91c9a-9a346dce, #w-node-dae830aa-7d74-8280-15df-739305051422-9a346dce, #w-node-_17c4775c-9fd6-f8ab-9d9f-9d2fece60496-9a346dce, #w-node-_971632f7-d243-a370-a389-ccd2fd07720a-9a346dce, #w-node-_47171186-af89-bff0-fc97-dc7fc0cc80ae-9a346dce, #w-node-_37f28855-38c9-315b-3bed-658dfea6c532-9a346dce, #w-node-c1f37475-78be-77d4-3517-e9edc471daa8-9a346dce, #w-node-fef66e34-bed4-14f1-f94b-58a82175ce80-9a346dce, #w-node-_86c75230-b171-2a4a-b09f-aae835e2572a-9a346dce, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-4d460e73, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-165d0279, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-c2f62eef, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-2a6b4a72, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-81734b76, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-c48544ba, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-0348fe65, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-bc175d6d, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-5a7f6f68, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-c05b110a, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-ce47c769, #w-node-c136ccc0-db09-1cbe-532c-d5e2b7e4c352-4ebdb056 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_84b383cf-f2f3-bea7-8c05-b0fd748b650d-9a346dc0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a033bb4d-fb8b-e335-6cb2-c443ca8c4bc8-9a346dba, #w-node-dd03f682-5e31-981d-1bc3-e09cb94f042f-9a346dba {
    order: -9999;
  }

  #w-node-_84b383cf-f2f3-bea7-8c05-b0fd748b650d-9a346dc0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}