:root {
  --neutral-colors--neutral-900: #131515;
  --neutral-colors--neutral-300: #828e8c;
  --neutral-colors--neutral-50: #f5f6f6;
  --neutral-colors--neutral-800: #3a3f3f;
  --primary-colors--primary-1: #7bffe7;
  --neutral-colors--neutral-400: #667472;
  --neutral-colors--neutral-100: #e5e8e7;
  --neutral-colors--neutral-200: #d2cfd0;
  --neutral-colors--neutral-500: #586261;
  --neutral-colors--neutral-600: #4e5756;
  --neutral-colors--neutral-700: #475050;
  --primary-colors--primary-2: #d0ffee;
  --system-colors--red-100: #febebe;
  --system-colors--red-200: #f38787;
  --system-colors--red-300: #e05353;
  --system-colors--red-400: #dd4040;
  --system-colors--green-100: #c3ffc1;
  --system-colors--green-200: #83ea82;
  --system-colors--green-300: #45b542;
  --system-colors--green-400: #298727;
  --system-colors--orange-100: #ffe3ca;
  --system-colors--orange-200: #f9b77b;
  --system-colors--orange-300: #f59d4c;
  --system-colors--orange-400: #e77812;
  --colors--transparent: rgba(255, 255, 255, 0);
  --white: white;
  --black: black;
}

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

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

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

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-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;
  -ms-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-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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;
  -ms-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-commercecartitemimage {
  width: 60px;
  height: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commerceorderconfirmationcontainer {
  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: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

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

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

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

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

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

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

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

body {
  background-color: var(--neutral-colors--neutral-900);
  color: var(--neutral-colors--neutral-300);
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

h1 {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 1.3em;
}

h2 {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3em;
}

h3 {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3em;
}

h4 {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
}

h5 {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3em;
}

h6 {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3em;
}

p {
  margin-bottom: 12px;
}

a {
  color: var(--neutral-colors--neutral-800);
  text-decoration: none;
}

label {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: 6px solid var(--primary-colors--primary-1);
  margin-bottom: 12px;
  padding: 24px;
  font-size: 18px;
  line-height: 22px;
}

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

.section.hero {
  background-image: linear-gradient(90deg, var(--neutral-colors--neutral-900) 10%, rgba(19, 21, 21, .24) 53%, var(--neutral-colors--neutral-900) 90%), url('../images/Section-BG.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 0;
  padding-bottom: 0;
}

.section.bg-image {
  background-image: linear-gradient(90deg, var(--neutral-colors--neutral-900) 10%, rgba(20, 41, 41, 0) 50%, var(--neutral-colors--neutral-900) 90%), url('../images/Section-BG.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.section.brand-slider-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.section._100vh {
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section.small {
  padding-top: 24px;
  padding-bottom: 24px;
}

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

.section.subhero {
  background-image: linear-gradient(90deg, var(--neutral-colors--neutral-900) 10%, rgba(154, 154, 154, 0) 50%, var(--neutral-colors--neutral-900) 90%), url('../images/Section-BG.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 156px;
  padding-bottom: 0;
}

.section.logo-slider {
  opacity: 1;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-right: 0;
  overflow: auto;
}

.section.cta {
  margin-bottom: 24px;
  padding-top: 56px;
  padding-bottom: 56px;
}

.section.footer {
  background-image: linear-gradient(90deg, var(--neutral-colors--neutral-900) 10%, rgba(138, 138, 138, 0) 54%, var(--neutral-colors--neutral-900) 90%), url('../images/Section-BG.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 96px;
  padding-bottom: 96px;
}

.section.blog-page {
  padding-top: 156px;
}

.container {
  text-align: center;
  object-fit: fill;
  max-width: 1312px;
  height: auto;
  margin-top: 140px;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 16px;
  position: static;
  overflow: visible;
}

.container.full-width {
  width: 100%;
}

.container.full-grid {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.container.line-top {
  border-top: 1px solid var(--neutral-colors--neutral-900);
  color: var(--primary-colors--primary-1);
  margin-top: 140px;
}

.container.overflow-hidden {
  z-index: 2;
}

.style---nav-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.style---logo {
  width: 156px;
}

.style---brand-link {
  transition: transform .3s;
}

.style---brand-link:hover {
  transform: scale(.9);
}

.style---page-link {
  color: var(--primary-colors--primary-1);
  font-weight: 500;
  text-decoration: none;
  transition: transform .3s;
}

.style---page-link:hover {
  transform: translate(0, -4px);
}

.style---main-header {
  grid-column-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 640px;
  margin-bottom: 80px;
  display: flex;
}

.style---main-heading {
  font-size: 64px;
  font-weight: 600;
  line-height: 1.2em;
}

.text-color-neutral-50 {
  color: var(--neutral-colors--neutral-50);
}

.text-color-neutral-300 {
  color: var(--neutral-colors--neutral-300);
}

.text-color-neutral-400 {
  color: var(--neutral-colors--neutral-400);
}

.text-normal-regular {
  text-align: left;
  margin-top: 0;
  font-size: 16px;
  font-weight: 400;
}

.text-normal-regular.mg-bottom-24px {
  text-align: left;
  margin-top: 0;
  margin-bottom: 40px;
}

.text-normal-medium {
  font-size: 16px;
  font-weight: 500;
}

.text-normal-bold {
  font-size: 16px;
  font-weight: 700;
}

.text-normal-light {
  font-size: 16px;
  font-weight: 300;
}

.text-small-regular {
  font-size: 14px;
  font-weight: 400;
}

.text-small-regular.mg-top-12px {
  margin-top: 12px;
}

.text-small-medium {
  font-size: 14px;
  font-weight: 500;
}

.text-small-bold {
  font-size: 14px;
  font-weight: 700;
}

.text-small-light {
  font-size: 14px;
  font-weight: 300;
}

.text-large-light {
  font-size: 18px;
  font-weight: 300;
}

.text-large-regular {
  font-size: 18px;
  font-weight: 400;
}

.text-large-medium {
  font-size: 18px;
  font-weight: 500;
}

.text-large-bold {
  font-size: 18px;
  font-weight: 700;
}

.style---category-section {
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.style---category-heading {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}

.style---layout-wrapper {
  grid-column-gap: 56px;
  display: flex;
}

.style---nav-column {
  width: 296px;
  position: relative;
}

.style---section-wrapper {
  width: 100%;
}

.style---typography-top {
  grid-row-gap: 48px;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.style---font-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.style---font-name {
  color: var(--neutral-colors--neutral-50);
  font-size: 96px;
  font-weight: 700;
  line-height: 1.2em;
}

.style---typography-style {
  grid-row-gap: 24px;
  border-top: 1px solid var(--neutral-colors--neutral-800);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.style---typography-style.vertical {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
}

.heading-h1 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 56px;
  line-height: 1.2em;
}

.style---typography-class-wrapper {
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 274px;
  display: flex;
}

.text-primary-main {
  color: var(--primary-colors--primary-1);
}

.heading-h2 {
  text-align: center;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.2em;
  display: flex;
}

.heading-h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-h4.mg-bottom-4px {
  margin-bottom: 4px;
}

.heading-h5 {
  margin-top: 69px;
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2em;
}

.heading-h6 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2em;
}

.style---typography-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.style---typography-grid-item-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.link {
  color: var(--primary-colors--primary-1);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
  text-decoration: none;
  transition: color .3s;
}

.link:hover {
  color: var(--neutral-colors--neutral-900);
}

.breadcrumbs-wrapper {
  grid-column-gap: 8px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.breadcrumb-link {
  color: var(--neutral-colors--neutral-400);
  font-size: 16px;
  line-height: 1.2em;
  text-decoration: none;
}

.breadcrumb-link.text-primary-main {
  color: var(--primary-colors--primary-1);
}

.breadcrumb-divider {
  color: var(--neutral-colors--neutral-400);
  font-size: 16px;
  line-height: 1.2em;
}

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

.style---color-card {
  border: 1px solid var(--neutral-colors--neutral-800);
  overflow: hidden;
}

.style---color-block {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 194px;
  display: flex;
}

.style---color-block.neutral-50 {
  background-color: var(--neutral-colors--neutral-50);
}

.style---color-block.neutral-100 {
  background-color: var(--neutral-colors--neutral-100);
}

.style---color-block.neutral-200 {
  background-color: var(--neutral-colors--neutral-200);
}

.style---color-block.neutral-300 {
  background-color: var(--neutral-colors--neutral-300);
}

.style---color-block.neutral-400 {
  background-color: var(--neutral-colors--neutral-400);
}

.style---color-block.neutral-500 {
  background-color: var(--neutral-colors--neutral-500);
}

.style---color-block.neutral-600 {
  background-color: var(--neutral-colors--neutral-600);
}

.style---color-block.neutral-700 {
  background-color: var(--neutral-colors--neutral-700);
}

.style---color-block.neutral-800 {
  background-color: var(--neutral-colors--neutral-800);
}

.style---color-block.neutral-900 {
  background-color: var(--neutral-colors--neutral-900);
}

.style---color-block.main {
  background-color: var(--primary-colors--primary-1);
}

.style---color-block.light {
  background-color: var(--primary-colors--primary-2);
}

.style---color-block.red-100 {
  background-color: var(--system-colors--red-100);
}

.style---color-block.red-200 {
  background-color: var(--system-colors--red-200);
}

.style---color-block.red-300 {
  background-color: var(--system-colors--red-300);
}

.style---color-block.red-400 {
  background-color: var(--system-colors--red-400);
}

.style---color-block.green-100 {
  background-color: var(--system-colors--green-100);
}

.style---color-block.green-200 {
  background-color: var(--system-colors--green-200);
}

.style---color-block.green-300 {
  background-color: var(--system-colors--green-300);
}

.style---color-block.green-400 {
  background-color: var(--system-colors--green-400);
}

.style---color-block.orange-100 {
  background-color: var(--system-colors--orange-100);
}

.style---color-block.orange-200 {
  background-color: var(--system-colors--orange-200);
}

.style---color-block.orange-300 {
  background-color: var(--system-colors--orange-300);
}

.style---color-block.orange-400 {
  background-color: var(--system-colors--orange-400);
}

.style---color-details {
  border-top: 1px solid var(--neutral-colors--neutral-800);
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  display: flex;
}

.style---color-preview-text {
  color: var(--neutral-colors--neutral-900);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}

.style---color-preview-text.light {
  color: var(--neutral-colors--neutral-50);
}

.drop-shadow-small {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.drop-shadow-medium {
  box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
}

.style---button-style-wrapper {
  border-top: 1px solid var(--neutral-colors--neutral-800);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.style---button-grid-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.style---button-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: grid;
}

.button {
  grid-column-gap: 8px;
  border: 1px solid var(--neutral-colors--neutral-700);
  background-color: var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-50);
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 48px;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
  transition: padding .3s, border-color .3s;
  display: flex;
}

.button:hover {
  border-color: var(--primary-colors--primary-1);
  padding-left: 24px;
  padding-right: 24px;
}

.button.large {
  border-radius: 0;
  min-width: 56px;
  min-height: 56px;
  padding: 16px 24px;
}

.button.secondary {
  border-color: var(--neutral-colors--neutral-100);
  background-color: var(--neutral-colors--neutral-50);
  color: var(--neutral-colors--neutral-800);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.button.outline {
  border-color: var(--neutral-colors--neutral-800);
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-200);
  transition: color .3s, background-color .3s, padding .3s;
}

.button.outline:hover {
  border-color: var(--neutral-colors--neutral-700);
  background-color: var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-50);
}

.button.form {
  min-width: 40px;
  min-height: 40px;
  padding: 8px;
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: auto;
  right: 8px;
}

.button.form:hover {
  padding-left: 12px;
  padding-right: 12px;
}

.button.full-width {
  width: 100%;
}

.button.full-width.compare {
  min-width: 40px;
  min-height: 40px;
  padding: 8px;
}

.button.web-payment {
  background-color: var(--neutral-colors--neutral-900);
}

.button.small {
  min-width: 40px;
  min-height: 40px;
  padding: 8px;
}

.button.small:hover {
  padding-left: 12px;
  padding-right: 12px;
}

.button.large {
  min-width: 56px;
  min-height: 56px;
  padding: 16px 24px;
}

.button.large:hover {
  padding-left: 28px;
  padding-right: 28px;
}

.button.large.full-width {
  width: 100%;
}

.style---button-class-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 274px;
  display: flex;
}

.button-icon {
  font-family: "Font Awesome 6 Free Solid 900", sans-serif;
  line-height: 1em;
}

.button-icon.brand {
  font-family: "Font Awesome 6 Brands 400", sans-serif;
}

.style---form-class-wrapper {
  border-top: 1px solid var(--neutral-colors--neutral-800);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.style---form-class {
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 274px;
  display: flex;
}

.input-field {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: var(--neutral-colors--neutral-50);
  background-color: rgba(0, 0, 0, .24);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 0;
  min-height: 56px;
  margin-bottom: 12px;
  padding: 16px;
  transition: border-color .3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.input-field:hover {
  border-color: rgba(255, 255, 255, .56);
}

.input-field:active, .input-field:focus, .input-field.-wfp-focus {
  border-color: var(--primary-colors--primary-1);
}

.input-field:focus-visible {
  border-color: var(--primary-colors--primary-1);
}

.input-field[data-wf-focus-visible] {
  border-color: var(--primary-colors--primary-1);
}

.input-field::placeholder {
  color: var(--neutral-colors--neutral-400);
}

.input-field.text-area {
  text-align: left;
  min-height: 156px;
}

.input-field.select {
  color: var(--neutral-colors--neutral-300);
}

.input-field.clear {
  border-style: solid;
  border-color: var(--colors--transparent);
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-800);
  transition: border-color .3s, transform .3s;
}

.input-field.clear:hover {
  border-color: var(--neutral-colors--neutral-800);
}

.input-field-button {
  min-width: 396px;
  margin-bottom: 0;
  position: relative;
}

.input-button-form-wrapper {
  position: relative;
}

.checkbox {
  border-color: var(--neutral-colors--neutral-800);
  background-color: rgba(0, 0, 0, .24);
  border-radius: 0;
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-checked {
  border-color: var(--primary-colors--primary-1);
  background-color: var(--primary-colors--primary-1);
  border-radius: 0;
  width: 18px;
  height: 18px;
}

.checkbox-label {
  margin-bottom: 0;
  margin-left: 12px;
  font-weight: 400;
}

.checkbox-field {
  align-items: center;
  padding-left: 0;
  display: flex;
}

.radio {
  border-color: var(--neutral-colors--neutral-800);
  background-color: rgba(0, 0, 0, .24);
  width: 18px;
  height: 18px;
  margin-top: 0;
  margin-left: 0;
}

.radio.w--redirected-checked {
  border-width: 4px;
  border-color: var(--primary-colors--primary-1);
  width: 18px;
  height: 18px;
}

.radio-field {
  align-items: center;
  padding-left: 0;
  display: flex;
}

.radio-label {
  margin-bottom: 0;
  margin-left: 12px;
  font-weight: 400;
}

.style---icon-wrapper {
  border-top: 1px solid var(--neutral-colors--neutral-800);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.style---icon-class {
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 274px;
  display: flex;
}

.social-icon-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-icon-wrapper.footer {
  grid-column-gap: 12px;
}

.social-icon-wrapper.footer.flex-center {
  flex-flow: row;
  justify-content: center;
}

.social-icon-wrapper.team-center {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
}

.social-icon-wrapper.member-page {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  margin-top: 24px;
}

.social-icon-wrapper.blog-page {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
}

.social-icon-wrapper.blog-page.left-aligned {
  justify-content: flex-start;
}

.social-icon-container {
  border: 1px solid var(--neutral-colors--neutral-700);
  background-color: var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-200);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-decoration: none;
  transition: border-color .3s;
  display: flex;
}

.social-icon-container:hover {
  border-color: var(--primary-colors--primary-1);
}

.social-icon {
  text-align: left;
  order: 0;
  align-self: auto;
  font-family: "Font Awesome 6 Brands 400", sans-serif;
  font-size: 16px;
  line-height: 1em;
  text-decoration: none;
}

.style---sidenav {
  grid-column-gap: 24px;
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  border-radius: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 226px;
  padding: 16px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.style---category-dropdown {
  width: 100%;
}

.style---dropdown-toggle {
  grid-column-gap: 12px;
  color: var(--neutral-colors--neutral-400);
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  transition: background-color .3s;
  display: flex;
}

.style---dropdown-toggle:hover {
  background-color: var(--neutral-colors--neutral-800);
}

.fa-solid {
  font-family: "Font Awesome 6 Free Solid 900", sans-serif;
}

.style---category-icon-wrapper {
  border: 1px solid var(--neutral-colors--neutral-700);
  background-color: var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-50);
  padding: 12px;
  line-height: 1em;
}

.style---dropdown-list.w--open {
  background-color: var(--colors--transparent);
  padding-left: 42px;
  position: relative;
  overflow: hidden;
}

.style---dropdown-link {
  border-radius: 8px;
  margin-bottom: 8px;
  padding: 12px;
  transition: background-color .3s;
  display: block;
}

.style---dropdown-link:hover {
  background-color: var(--primary-colors--primary-2);
}

.style---dropdown-link.w--current {
  color: var(--neutral-colors--neutral-900);
}

.fa-brands {
  font-family: "Font Awesome 6 Brands 400", sans-serif;
}

.navbar {
  grid-row-gap: 12px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  padding-top: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar-container {
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1312px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navbar-logo {
  width: auto;
  margin-top: 0;
}

.nav-brand-block {
  transition: transform .3s;
}

.nav-brand-block:hover {
  transform: scale(.9);
}

.nav-brand-block.w--current {
  text-align: center;
  align-self: center;
}

.navbar-link {
  color: var(--neutral-colors--neutral-300);
  padding: 8px;
  transition: color .3s;
}

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

.navbar-link.w--current {
  color: var(--neutral-colors--neutral-300);
}

.nav-dropdown {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-dropdown-toggle {
  grid-column-gap: 8px;
  color: var(--neutral-colors--neutral-300);
  align-items: center;
  padding: 8px;
  transition: color .3s;
  display: flex;
}

.nav-dropdown-toggle:hover {
  color: var(--primary-colors--primary-1);
}

.dropdown-icon {
  font-family: "Font Awesome 6 Free Solid 900", sans-serif;
  font-size: 14px;
  line-height: 1em;
}

.dropdown-list {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  padding: 16px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.dropdown-list.w--open {
  background-color: var(--colors--transparent);
  padding: 0;
}

.dropdown-list-wrapper {
  padding: 16px;
}

.dropdown-list-wrapper.w--open {
  background-color: var(--colors--transparent);
  padding: 8px 0 0;
}

.button-wrapper-24px-gap {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-wrapper-24px-gap.mg-left-24px {
  margin-left: 24px;
}

.button-wrapper-24px-gap.inside-nav-menu {
  display: none;
}

.button-wrapper-24px-gap.justify-center {
  justify-content: center;
}

.cart-button {
  border: 1px solid var(--colors--transparent);
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-900);
  min-height: 48px;
  margin-left: 24px;
  padding: 8px 12px;
  transition: padding .3s, border-color .3s;
}

.cart-button:hover {
  border-style: solid;
  border-color: var(--neutral-colors--neutral-800);
  color: var(--primary-colors--primary-1);
  padding-left: 16px;
  padding-right: 16px;
}

.cart-quantity {
  background-color: var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-50);
  font-weight: 300;
}

.cart-container {
  background-color: var(--neutral-colors--neutral-50);
  border-radius: 16px;
  max-width: 564px;
  box-shadow: 0 8px 8px rgba(0, 0, 0, .1);
}

.close-button {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.cart-close-button-icon {
  font-family: "Font Awesome 6 Free Solid 900", sans-serif;
  font-size: 24px;
  line-height: 1em;
}

.pay-button {
  border-radius: 8px;
  height: 48px;
}

.remove-button {
  font-weight: 500;
  text-decoration: none;
}

.error-state {
  border: 1px solid var(--system-colors--red-300);
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-50);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px;
}

.menu-icon-block {
  cursor: pointer;
  width: 28px;
  height: 28px;
  margin-left: 24px;
  padding: 0;
}

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

.nav-icon {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 28px;
  height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.top-line, .middle-line {
  background-color: var(--neutral-colors--neutral-300);
  width: 28px;
  height: 2px;
}

.bottom-line {
  background-color: var(--neutral-colors--neutral-300);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 28px;
  height: 2px;
  display: flex;
}

.nav-menu-left {
  grid-column-gap: 24px;
  opacity: 1;
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-left: 762px;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

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

.column.flex-24px-gap {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.column.full-grid---image {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.column.full-grid---image.full {
  height: 100%;
}

.column.full-grid {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 96px 24px;
  display: flex;
}

.footer-brand-block {
  transition: transform .3s;
}

.footer-brand-block:hover {
  transform: scale(.8);
}

.footer-brand-logo {
  width: 156px;
}

.success-state {
  border: 1px solid var(--system-colors--green-300);
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-50);
  text-align: center;
  padding: 16px;
}

.inline-link {
  color: var(--primary-colors--primary-1);
  text-decoration: none;
  transition: color .3s;
}

.inline-link:hover {
  color: var(--neutral-colors--neutral-50);
}

.footer-nav-menu {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-nav-menu.horizontal {
  grid-column-gap: 56px;
  grid-row-gap: 24px;
  flex-flow: wrap;
  justify-content: center;
}

.footer-nav-link {
  color: var(--neutral-colors--neutral-300);
  line-height: 1.2em;
  text-decoration: none;
  transition: color .3s;
}

.footer-nav-link:hover {
  color: var(--primary-colors--primary-1);
}

.footer-bottom-row {
  border-top: 1px solid var(--neutral-colors--neutral-800);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  display: flex;
}

.flex-horizontal-24px-gap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  display: flex;
}

.footer-link {
  color: var(--neutral-colors--neutral-300);
  font-size: 14px;
  transition: color .3s;
}

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

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

._3-grid.blog {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
}

.footer-content-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
}

.checklist-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.checklist-wrapper.mg-bottom-24px {
  margin-bottom: 24px;
}

.checklist-item {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.form-2-grid {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.hero-2-row-grid {
  grid-column-gap: 256px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 96px;
  display: block;
}

._2-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

._2-grid.feature-cards {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  margin-top: 12px;
}

._2-grid.feature-blog {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

._2-grid.blog-page {
  grid-template-columns: 1.25fr 1fr;
  margin-bottom: 56px;
}

._2-grid.full-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

._2-grid.demo {
  grid-template-columns: 1.25fr 1fr;
}

.image-full-width {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}

.feature-grid---content-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  margin-bottom: 24px;
}

.feature-grid---content-section.right-column {
  margin-bottom: 0;
}

.feature-card---left-aligned {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-wrapper {
  border: 1px solid var(--neutral-colors--neutral-700);
  background-color: var(--neutral-colors--neutral-800);
  color: var(--primary-colors--primary-1);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.icon-wrapper.mg-bottom-12px {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin-top: 0;
  padding-top: 0;
}

.feature-contentwrapper {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-card-heading {
  text-align: center;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}

.feature-card-text {
  text-align: center;
  align-self: auto;
  margin-top: 0;
  font-size: 16px;
  line-height: 1.25em;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 656px;
  display: flex;
}

.content-wrapper.section-header {
  margin-bottom: 56px;
}

.text-color-primary-main {
  color: var(--primary-colors--primary-1);
}

.content-wrapper-centered {
  grid-row-gap: 8px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin: 0 auto 12px;
  display: flex;
}

.content-wrapper-centered.bottom-margin {
  margin-top: 140px;
  margin-bottom: 56px;
}

.content-wrapper-centered.top-margin {
  margin-top: 56px;
}

.content-wrapper-centered.small {
  max-width: 564px;
}

.feature-center-image-wrapper {
  max-width: 1114px;
  margin-top: 96px;
  margin-left: auto;
  margin-right: auto;
}

.card-content-wrapper.center-8px {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-content-wrapper._8px-gap {
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.icon-link-wrapper {
  grid-column-gap: 8px;
  color: var(--primary-colors--primary-1);
  justify-content: center;
  align-items: center;
  transition: color .3s;
  display: flex;
}

.icon-link-wrapper:hover {
  color: var(--neutral-colors--neutral-800);
}

.inner-container {
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.inner-container._1000px {
  width: 100%;
  max-width: 1000px;
  margin-top: 140px;
  margin-left: auto;
  margin-right: auto;
}

.inner-container._564px {
  max-width: 564px;
}

.inner-container.left {
  margin-left: 0;
  margin-right: 0;
}

.card-large-number {
  color: var(--primary-colors--primary-1);
  font-size: 56px;
  font-weight: 700;
  line-height: 1em;
}

.contact-form-block {
  width: 100%;
}

.cta-content-wrapper {
  border: 1px solid var(--neutral-colors--neutral-700);
  background-color: var(--neutral-colors--neutral-900);
  background-image: linear-gradient(90deg, var(--neutral-colors--neutral-900) 5%, rgba(255, 255, 255, 0) 50%, var(--neutral-colors--neutral-900) 95%), url('../images/Section-BG.png');
  text-align: center;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 56px;
  display: flex;
}

._1-2-grid {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  margin-top: 140px;
}

.brand-logo {
  opacity: .24;
  width: 156px;
  max-width: 100%;
  height: 48px;
}

.brand-logo.utility {
  opacity: 1;
}

.marquee {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-slider-wrapper {
  flex: none;
  justify-content: space-around;
  width: 1264px;
  display: flex;
}

.accordion-item-wrap {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  cursor: pointer;
  width: 100%;
  padding: 12px 24px;
  transition: border-color .3s;
}

.accordion-item-wrap:hover {
  border-color: var(--neutral-colors--neutral-400);
}

.accordion-top-bar {
  justify-content: space-between;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  display: flex;
}

.accordion-heading {
  color: var(--neutral-colors--neutral-50);
  text-align: left;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2em;
}

.accordion-content {
  overflow: hidden;
}

.accordion-paragraph {
  color: var(--neutral-colors--neutral-300);
  text-align: left;
  letter-spacing: -.03em;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
}

.ccordion {
  width: 100%;
  height: 1px;
}

.accordion-wrapper {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.accordion-wrapper.mg-bottom-56px {
  margin-bottom: 56px;
}

.accordion-icon-block {
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-50);
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.accordion-heading-wrapper {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.position-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.position-sticky._56px {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  top: 56px;
}

.section-header---space-between {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 64px;
  display: flex;
}

.section-header---space-between.align-bottom {
  align-items: flex-end;
  margin-bottom: 56px;
}

.content-60 {
  width: 60%;
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.avatar-frame---small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  overflow: hidden;
}

.avatar---small {
  object-fit: cover;
  width: 100%;
}

.avatar-wrapper {
  grid-column-gap: 16px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avatar-wrapper.vertical {
  grid-row-gap: 16px;
  flex-direction: column;
}

.avatar-wrapper.vertical.full {
  width: 100%;
}

.avatar-text-box {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.avatar-text-box.centered-content {
  align-items: center;
}

.avatar-card-job-title {
  color: var(--neutral-colors--neutral-200);
  font-size: 16px;
  font-weight: 600;
}

.avatar-name {
  color: var(--neutral-colors--neutral-300);
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.avatar-frame---full {
  width: 100%;
  height: 267px;
  overflow: hidden;
}

.display-none {
  display: none;
}

.avatar-image---full-width {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .3s;
}

.avatar-image---full-width:hover {
  transform: scale(1.1);
}

.team-member---header-center {
  grid-row-gap: 24px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
}

.team-member---page-image-small {
  max-width: 198px;
}

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

.career-card-top-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.career-card-heading {
  color: var(--neutral-colors--neutral-50);
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2em;
}

.career-bottom-wrapper {
  max-width: 564px;
}

.empty-state {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  text-align: center;
  padding: 16px;
}

.location---time-wrapper {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  justify-content: center;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
}

.tab-menu {
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
}

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

.tabs-content {
  width: 100%;
  overflow: visible;
}

.tab-link {
  background-color: var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-300);
  padding: 16px;
  transition: background-color .3s;
}

.tab-link:hover {
  background-color: var(--neutral-colors--neutral-700);
}

.tab-link.w--current {
  background-color: var(--primary-colors--primary-1);
  color: var(--neutral-colors--neutral-800);
}

.pricing-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  color: var(--neutral-colors--neutral-50);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 36px;
  transition: border-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pricing-card:hover {
  border-color: var(--primary-colors--primary-1);
}

.pricing-card-title {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
}

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

.price-card---price-tag-wrapper {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.price-text {
  font-size: 36px;
  font-weight: 700;
  line-height: 1em;
}

.price-text.compare {
  color: var(--neutral-colors--neutral-50);
}

.price-text.page {
  color: var(--neutral-colors--neutral-50);
  margin-bottom: 24px;
  font-size: 56px;
}

.payment-time-text {
  color: var(--neutral-colors--neutral-400);
  font-weight: 700;
  line-height: 1.3em;
}

.pricing-table-wrapper {
  position: relative;
}

.pricing-column-top-header {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.pricing-column-inner-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-column-top-header-cell {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-left: 1px solid var(--neutral-colors--neutral-800);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  display: flex;
}

.pricing-compare-title {
  color: var(--primary-colors--primary-1);
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2em;
}

.pricing-compare-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4em;
}

.pricing-heading-column {
  border-bottom: 1px solid var(--neutral-colors--neutral-800);
  padding: 24px;
}

.compare-heading {
  color: var(--neutral-colors--neutral-50);
  font-size: 18px;
  font-weight: 600;
}

.pricing-row-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--neutral-colors--neutral-800);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.feature-title-cell {
  padding: 16px 24px;
}

.feature-title-text {
  font-weight: 500;
}

.feature-item-cell {
  border-left: 1px solid var(--neutral-colors--neutral-800);
  color: var(--neutral-colors--neutral-400);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.blog-thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 274px;
  margin-bottom: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.blog-top-wrapper.featured {
  margin-bottom: 12px;
}

.blog-minutes {
  font-size: 16px;
  font-weight: 600;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

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

.categories-list-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.category-item-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.category-badge {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  color: var(--neutral-colors--neutral-300);
  padding: 8px;
  transition: padding .3s, color .3s, border-color .3s;
}

.category-badge:hover {
  border-color: var(--neutral-colors--neutral-300);
  color: var(--neutral-colors--neutral-50);
  padding-left: 12px;
  padding-right: 12px;
}

.category-badge.w--current {
  border-color: var(--primary-colors--primary-1);
  background-color: var(--primary-colors--primary-1);
  color: var(--neutral-colors--neutral-900);
}

.blog-feature-image {
  object-fit: cover;
  width: 100%;
  height: 456px;
}

.blog-feature-content {
  margin: 48px;
}

.pagination {
  border-color: var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  color: var(--neutral-colors--neutral-300);
  transition: padding .3s, border-color .3s;
}

.pagination:hover {
  border-color: var(--neutral-colors--neutral-300);
  padding-left: 24px;
  padding-right: 24px;
}

.pagination-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 56px;
}

.blog-page-header-bottom {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.blog-page-header-bottom._2-col {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.blog-page-image---2-col {
  width: 100%;
}

.utility-card {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  max-width: 564px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px;
}

.utility-header {
  margin-bottom: 24px;
}

.utility-divider {
  background-color: var(--neutral-colors--neutral-800);
  width: 100%;
  height: 1px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.utility-button-wrapper {
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.mg-bottom-0px {
  margin-bottom: 0;
}

.product-icon {
  width: 24px;
  height: 24px;
}

.block-header {
  border-color: var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  padding: 24px;
}

.block-content {
  border-style: none solid solid;
  border-width: 1px;
  border-color: var(--neutral-colors--neutral-100) var(--neutral-colors--neutral-800) var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  padding: 24px;
}

.checkout-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.checkout-form {
  background-color: var(--colors--transparent);
}

.utility-page-wrap {
  background-image: url('../images/Section-BG.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  text-align: center;
  flex-direction: column;
  width: 500px;
  padding: 48px;
  display: flex;
}

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

.rich-text a {
  color: var(--primary-colors--primary-1);
  font-weight: 700;
}

.full-column-content-wrapper {
  align-self: flex-start;
  max-width: 656px;
}

.full-column-content-wrapper.image {
  width: 100%;
  margin-left: 24px;
  margin-right: 24px;
}

.full-column-content-wrapper.image.full---extra-large {
  max-width: none;
  height: 100%;
  min-height: 640px;
  margin-left: 0;
  margin-right: 0;
}

.full-column-content-wrapper.content-left {
  align-self: flex-end;
}

.card {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  width: 100%;
  height: 100%;
  padding: 24px;
}

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

.card.center.hover {
  transition: border-color .3s;
}

.card.center.hover:hover {
  border-color: var(--primary-colors--primary-1);
}

.card.large {
  padding: 48px;
}

.card.service-1 {
  z-index: 1;
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
}

.card.service-2 {
  z-index: 2;
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
}

.card.service-3 {
  z-index: 3;
  position: -webkit-sticky;
  position: sticky;
  top: 56px;
}

.card.blog {
  color: var(--neutral-colors--neutral-300);
  transition: border-color .3s;
}

.card.blog:hover {
  border-color: var(--primary-colors--primary-1);
}

.card.job {
  transition: border-color .3s;
}

.card.job:hover {
  border-color: var(--neutral-colors--neutral-300);
}

.card.search {
  color: var(--neutral-colors--neutral-300);
  transition: border-color .3s;
}

.card.search:hover {
  border-color: var(--neutral-colors--neutral-300);
}

.product-sales-card {
  background-color: #f7f9fa;
  border: 1px solid #cfd6df;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  padding: 24px;
  transition: box-shadow .3s, transform .3s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}

.product-sales-card:hover {
  transform: translate(0, -8px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
}

.blog-feature-card {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  color: var(--neutral-colors--neutral-300);
  transition: border-color .3s;
  overflow: hidden;
}

.blog-feature-card:hover {
  border-color: var(--primary-colors--primary-1);
}

.overflow-hidden {
  overflow: hidden;
}

.style-guide-grid-section {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.25fr;
  margin-bottom: 96px;
}

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

.license-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 256px;
}

.subtitle {
  color: var(--neutral-colors--neutral-200);
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
}

.section-title-hero-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: var(--neutral-colors--neutral-50);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .12));
  border: 1px solid rgba(255, 255, 255, .24);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
  padding: 4px 16px;
  transition: padding .3s, box-shadow .3s, border-color .3s;
  display: flex;
}

.section-title-hero-wrapper:hover {
  border-color: rgba(255, 255, 255, .56);
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 0 12px rgba(255, 255, 255, .56);
}

.badge-icon {
  width: 18px;
  font-family: "Font Awesome 6 Free Solid 900", sans-serif;
  font-size: 14px;
  line-height: 1em;
}

.hero-title {
  letter-spacing: 1.5px;
  font-size: 14px;
  font-weight: 300;
}

.hero-cta-wrapper {
  margin-bottom: 16px;
  display: inline-block;
}

.text-gradient {
  background-image: linear-gradient(180deg, rgba(19, 21, 21, .24), var(--neutral-colors--neutral-50) 53%);
  text-align: left;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 40px;
}

.marquee-shadow {
  background-image: linear-gradient(to right, var(--neutral-colors--neutral-900), rgba(6, 15, 17, 0));
  width: 20%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.marquee-shadow.right {
  background-image: linear-gradient(270deg, var(--neutral-colors--neutral-900), rgba(6, 15, 17, 0));
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.icon {
  width: 28px;
  height: 28px;
}

.icon.check {
  width: 24px;
  height: 24px;
}

.icon.arrow-left {
  transform: rotate(90deg);
}

.icon.arrow-right {
  transform: rotate(-90deg);
}

.icon.blog {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  transform: rotate(-45deg);
}

.services-list-wrapper {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: relative;
}

.heading {
  line-height: 1.2em;
}

.heading.m {
  margin-bottom: 10px;
  margin-right: -137px;
  padding-right: 0;
  font-size: 48px;
}

.testimonial-slider {
  background-color: rgba(0, 0, 0, 0);
  height: 100%;
}

.testimonial-mask {
  width: 100%;
  max-width: 564px;
  overflow: visible;
}

.testimonial-slide {
  max-width: none;
  height: 100%;
  margin-right: 48px;
}

.testimonial-slide.small {
  max-width: 564px;
}

.testimonial-slide.small.text-normal-regular-2 {
  font-size: 16px;
  font-weight: 400;
}

.avatar-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.avatar-block.testimonial {
  margin-top: 24px;
}

.avatar-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-arrow-wrapper {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  color: #3e3b3b;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: border-color .3s;
  display: flex;
  top: -112px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.slider-arrow-wrapper:hover {
  border-color: var(--primary-colors--primary-1);
}

.slider-arrow-wrapper.left {
  object-position: 0% 50%;
  right: 96px;
}

.display-none-2 {
  display: none;
}

._3-grid-11 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-heading {
  color: var(--neutral-colors--neutral-50);
  margin-bottom: 12px;
  font-family: Noto Sans, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2em;
}

.blog-heading.featured {
  font-size: 28px;
}

.blog-card-overlay {
  background-color: rgba(0, 0, 0, .56);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-arrow-wrapper {
  border: 1px solid var(--neutral-colors--neutral-800);
  background-color: var(--neutral-colors--neutral-900);
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  position: absolute;
}

.cart-icon {
  width: 20px;
  font-family: "Font Awesome 6 Free Solid 900", sans-serif;
  line-height: 1em;
}

.cart-header {
  border-bottom-color: rgba(255, 255, 255, .24);
}

.cart-footer {
  border-top-color: rgba(255, 255, 255, .24);
}

.featured-blog-thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.warning-state {
  border: 1px solid var(--system-colors--orange-300);
  background-color: var(--colors--transparent);
  color: var(--neutral-colors--neutral-50);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 12px;
}

.section-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 181px;
  display: block;
}

.logoholder {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  opacity: .65;
  text-align: center;
  mix-blend-mode: luminosity;
  grid-template: ". . . . ."
                 ". . . . ."
                 ". . . . Area"
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  justify-content: stretch;
  display: grid;
}

.heading-2 {
  text-align: center;
  margin-bottom: -91px;
}

.paragraph {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.heading-3 {
  text-align: left;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;
  display: flex;
}

.div-block-2 {
  margin-left: 66px;
  margin-right: 66px;
}

.heading-4 {
  margin-top: 200px;
}

.heading-5 {
  text-align: left;
  margin-top: 175px;
  font-style: normal;
  font-weight: 500;
}

.section-3 {
  margin-left: 66px;
  margin-right: 66px;
}

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

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

.heading-7 {
  text-align: center;
  font-size: 56px;
  line-height: 1.2em;
}

.text-span {
  transition: opacity .2s;
}

.heading-8 {
  text-align: center;
  margin-top: 140px;
  margin-bottom: 40px;
  padding-top: 0;
}

.image-2 {
  text-align: left;
  display: block;
}

.paragraph-2 {
  text-align: center;
  margin-top: 8px;
}

.heading-9 {
  color: var(--primary-colors--primary-1);
  text-align: center;
  margin-bottom: 0;
}

.paragraph-3 {
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
}

.column-2 {
  border: 1px solid var(--neutral-colors--neutral-700);
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-right: 12px;
  display: flex;
}

.div-block-3 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.column-3 {
  border: 1px solid var(--neutral-colors--neutral-700);
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.div-block-4 {
  border: 1px solid var(--neutral-colors--neutral-700);
  border-radius: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.columns {
  margin-left: -10px;
}

.column-4 {
  border: 1px solid var(--neutral-colors--neutral-700);
  border-radius: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-5 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 140px;
  display: flex;
}

.container-3 {
  margin-top: 40px;
}

.heading-10 {
  text-align: center;
}

.paragraph-4 {
  text-align: center;
  margin-left: 144px;
  margin-right: 144px;
}

.heading-11, .heading-12 {
  text-align: center;
}

.paragraph-5 {
  text-align: center;
  margin-bottom: 0;
  margin-left: 144px;
  margin-right: 144px;
}

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

.hyperlink {
  color: var(--primary-colors--primary-1);
  -webkit-text-stroke-color: var(--white);
  text-decoration: underline;
}

.image-3 {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-6 {
  margin-top: 88px;
}

.paragraph-6 {
  text-align: center;
}

.link-2 {
  color: var(--neutral-colors--neutral-300);
  -webkit-text-stroke-color: var(--neutral-colors--neutral-300);
}

.link-3, .link-4, .link-5 {
  color: var(--neutral-colors--neutral-300);
}

.div-block-7 {
  margin-top: 40px;
  margin-bottom: 12px;
}

.paragraph-7 {
  text-align: center;
  margin-bottom: -117px;
  margin-left: 190px;
  margin-right: 190px;
  padding-bottom: 0;
}

.gradienttext {
  color: var(--white);
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#000, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

.div-block-8 {
  margin-top: 140px;
}

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

.image-4 {
  text-align: center;
}

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

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

  h2 {
    font-size: 42px;
  }

  .section.hero {
    background-position: 0 0, 50%;
    padding-bottom: 96px;
  }

  .text-normal-regular {
    margin-right: 0;
  }

  .style---layout-wrapper {
    flex-direction: column;
  }

  .style---nav-column {
    width: 100%;
    margin-bottom: 56px;
    display: none;
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
  }

  .heading-h1 {
    font-size: 48px;
  }

  .heading-h2 {
    text-align: center;
    align-self: center;
    font-size: 42px;
  }

  .heading-h3 {
    font-size: 32px;
  }

  .heading-h4 {
    font-size: 28px;
  }

  .style---sidenav {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    position: relative;
    top: auto;
  }

  .style---category-dropdown {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-dropdown {
    display: block;
  }

  .dropdown-list {
    box-shadow: none;
    border-style: none;
    border-radius: 0;
    padding: 0;
  }

  .dropdown-list-wrapper.w--open {
    position: relative;
  }

  .button-wrapper-24px-gap.tb-center {
    justify-content: center;
  }

  .tb---mg-left-auto {
    margin-left: auto;
  }

  .menu-icon-block {
    width: 36px;
    height: 36px;
    margin-left: 24px;
    padding: 0;
  }

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

  .nav-icon {
    justify-content: space-around;
    align-items: center;
    width: 36px;
    height: 36px;
  }

  .top-line, .middle-line, .bottom-line {
    height: 2px;
  }

  .nav-menu-left {
    border-bottom: 1px solid var(--neutral-colors--neutral-800);
    background-color: var(--neutral-colors--neutral-900);
    margin-left: 0;
    margin-right: 0;
    padding: 48px 24px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
  }

  .column.full-grid {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .footer-bottom-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
  }

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

  .footer-content-wrapper {
    flex-direction: column;
  }

  .hero-2-row-grid {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

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

  ._2-grid.feature-cards {
    grid-template-columns: 1fr 1fr;
  }

  ._2-grid.feature-blog {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  ._2-grid.blog-page, ._2-grid.demo {
    grid-template-columns: 1fr;
  }

  .feature-center-image-wrapper {
    margin-top: 64px;
  }

  ._1-2-grid {
    margin-left: 24px;
    padding-right: 24px;
  }

  .accordion-item-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .position-sticky._56px {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .section-header---space-between {
    flex-direction: column;
    align-items: flex-start;
  }

  .section-header---space-between.align-bottom {
    align-items: flex-start;
    margin-bottom: 48px;
  }

  .content-60 {
    width: 100%;
  }

  .pricing-card {
    height: 100%;
  }

  .full-column-content-wrapper {
    max-width: 100%;
  }

  .full-column-content-wrapper.image {
    max-width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .card.service-1.large {
    margin-right: -113px;
    padding-left: 0;
    padding-right: 0;
  }

  .style-guide-grid-section {
    grid-template-columns: 1fr;
  }

  .text-gradient {
    margin-bottom: 40px;
  }

  .heading.m {
    font-size: 40px;
  }

  .testimonial-slider {
    margin-top: 128px;
  }

  .testimonial-slide {
    width: 100%;
    max-width: none;
  }

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

  .div-block {
    margin-top: 91px;
  }

  .paragraph-4, .paragraph-5 {
    text-align: center;
    margin-left: 60px;
    margin-right: 60px;
  }

  .paragraph-7 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .body {
    padding-left: 24px;
    padding-right: 24px;
  }
}

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

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 16px;
  }

  .section.hero {
    padding-top: 96px;
    padding-bottom: 56px;
  }

  .style---font-name {
    font-size: 56px;
  }

  .style---typography-style {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .heading-h1 {
    font-size: 42px;
  }

  .heading-h2 {
    margin-bottom: 0;
    font-size: 36px;
  }

  .style---typography-grid, .style---color-grid, .style---button-grid {
    grid-template-columns: 1fr 1fr;
  }

  .button {
    text-align: center;
  }

  .style---form-class-wrapper {
    grid-row-gap: 24px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .input-field-button {
    width: 100%;
    min-width: auto;
  }

  .style---icon-wrapper {
    grid-row-gap: 24px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .nav-dropdown {
    margin-bottom: 24px;
  }

  .button-wrapper-24px-gap.mg-left-24px.mbl---hidden {
    display: none;
  }

  .button-wrapper-24px-gap.inside-nav-menu {
    display: flex;
  }

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

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

  .footer-bottom-row.flex-center {
    align-items: center;
  }

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

  .footer-content-wrapper {
    grid-row-gap: 56px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .form-2-grid, ._2-grid.feature-cards, ._2-grid.feature-cards, ._2-grid.feature-blog {
    grid-template-columns: 1fr;
  }

  .content-wrapper {
    max-width: none;
  }

  .feature-center-image-wrapper {
    margin-top: 56px;
  }

  .card-content-wrapper._8px-gap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .cta-content-wrapper {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  ._1-2-grid {
    grid-template-columns: 1fr;
  }

  .marquee-slider-wrapper {
    flex: none;
  }

  .accordion-item-wrap {
    width: 100%;
  }

  .position-sticky._56px {
    margin-bottom: -60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .avatar-frame---full {
    height: 396px;
  }

  .career-card-top-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .price-text.page {
    font-size: 36px;
  }

  .pricing-column-top-header {
    grid-template-columns: 1fr;
  }

  .empty-cell {
    display: none;
  }

  .pricing-column-top-header-cell.left {
    border-left-style: none;
  }

  .pricing-row-grid {
    grid-template-columns: 1fr;
  }

  .feature-title-cell {
    border-bottom: 1px solid var(--neutral-colors--neutral-800);
  }

  .feature-item-cell {
    border-left-style: none;
  }

  .feature-item-cell.center {
    border-right: 1px solid var(--neutral-colors--neutral-800);
    border-left-style: solid;
  }

  .blog-page-header-bottom {
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

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

  .card.service-1.large {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .license-image-grid {
    grid-template-columns: 1fr 1fr;
  }

  .text-gradient {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .heading.m {
    font-size: 32px;
  }

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

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

  .paragraph-4, .paragraph-5 {
    text-align: center;
    margin-left: 60px;
    margin-right: 60px;
  }

  .paragraph-7 {
    margin-left: 0;
    margin-right: 0;
  }
}

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  .text-normal-regular {
    text-align: center;
  }

  .style---font-name, .heading-h1 {
    font-size: 36px;
  }

  .heading-h2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    font-size: 28px;
    display: flex;
  }

  .heading-h3 {
    font-size: 24px;
  }

  .heading-h4 {
    font-size: 20px;
  }

  .heading-h5 {
    font-size: 18px;
  }

  .style---typography-grid, .style---color-grid {
    grid-template-columns: 1fr;
  }

  .style---color-block.neutral-400 {
    background-color: var(--neutral-colors--neutral-400);
  }

  .style---button-grid {
    grid-template-columns: 1fr;
  }

  .button.form {
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .button.full-width.compare {
    display: none;
  }

  .input-field-button {
    width: 100%;
    min-width: auto;
  }

  .social-icon-wrapper.footer {
    justify-content: flex-start;
  }

  .social-icon-wrapper.footer.flex-center {
    justify-content: center;
  }

  .button-wrapper-24px-gap.tb-center {
    flex-wrap: wrap;
  }

  .footer-bottom-row.flex-center {
    text-align: center;
  }

  .flex-horizontal-24px-gap {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .flex-horizontal-24px-gap.flex-center {
    align-items: center;
  }

  .footer-content-wrapper {
    text-align: center;
  }

  .feature-grid---content-section {
    grid-template-columns: 1fr;
  }

  .card-content-wrapper._8px-gap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .accordion-icon-block {
    flex: none;
  }

  .avatar-wrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    align-items: flex-start;
  }

  .avatar-wrapper.vertical {
    align-items: center;
  }

  .avatar-frame---full {
    height: 264px;
  }

  .location---time-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .price-card---price-tag-wrapper.compare {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .price-text.compare {
    font-size: 24px;
  }

  .price-text.page {
    word-break: break-all;
    font-size: 20px;
  }

  .pricing-column-top-header-cell {
    word-break: break-all;
  }

  .pricing-compare-title {
    font-size: 14px;
  }

  .pricing-compare-description {
    font-size: 12px;
    display: none;
  }

  .category-item-wrapper {
    justify-content: flex-start;
  }

  .blog-feature-content {
    margin: 24px;
  }

  .card.large {
    padding-left: 0;
    padding-right: 0;
  }

  .license-image-grid {
    grid-template-columns: 1fr;
  }

  .section-title-hero-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    text-align: left;
  }

  .hero-title {
    flex: 1;
  }

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

  .heading.m {
    font-size: 24px;
  }

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

  .order-item-details {
    margin: 12px 0;
  }

  .logoholder {
    opacity: .41;
  }

  .paragraph-4, .paragraph-5 {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
  }

  .headingcard1, .paragraph-8 {
    text-align: center;
  }
}

#w-node-_5201428b-7932-10ac-706d-38788832712e-120eb183, #w-node-_51b90e7f-37d2-7f7c-f4af-26451ab11236-120eb183 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c75f10fd-71df-247d-3bcb-127f2341a1d2-120eb1e5, #w-node-c75f10fd-71df-247d-3bcb-127f2341a1b7-120eb1e5 {
  align-self: center;
}

#w-node-f086eb73-580a-aaee-29b9-42c241be7cb9-41be7cb6, #w-node-f086eb73-580a-aaee-29b9-42c241be7cfe-41be7cb6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179c8-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179c9-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179ca-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179d6-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179e2-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179f2-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179f6-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179f9-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f179fc-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a00-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a04-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a06-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a08-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a0b-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a0f-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a10-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a12-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a15-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a19-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a1a-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a1c-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a1f-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a23-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a24-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a25-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a2b-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a2f-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a32-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a35-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a39-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a3d-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a40-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a43-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a47-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a4b-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a4e-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a51-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a55-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a59-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a5c-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a5f-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a63-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a67-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a6a-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a6d-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a74-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a78-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a7b-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a7e-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a82-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a86-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a89-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a8c-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a90-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a94-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a97-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a9a-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17a9e-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17aa2-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17aa5-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17aa8-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17aac-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17ab0-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17ab3-24f179bd, #w-node-_4f9b3deb-c512-c9a9-3b43-61df24f17ab6-24f179bd, #w-node-d36974b5-3c28-6076-338f-cf1ded1f1737-120eb1e7, #w-node-_73c51be8-7dab-d8ac-452a-fd0573789ef9-120eb1e8, #w-node-_350b7f84-3ce2-66ad-b6cb-ded6558d2801-120eb1e8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6ca3717-3a1f-7d4b-f312-f7d7f0ab3d0d-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-fa89a4a9-acc2-f877-cd30-b6cbe4b1b6f3-d2154c44, #w-node-f53cfbd8-1e22-ac0f-4ac2-5f3857889893-d2154c44, #w-node-ccd7084c-87bd-9b53-140e-f0bd9a99c82d-d2154c44, #w-node-_09409098-d588-3ada-4eb2-f0e2ee603529-d2154c44, #w-node-_09409098-d588-3ada-4eb2-f0e2ee603536-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fba1d939-2917-c33e-678a-c94397e08a08-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-fba1d939-2917-c33e-678a-c94397e08a0e-d2154c44, #w-node-_68e55769-435c-4a32-0f19-26cc6320a8be-d2154c44, #w-node-_41ac2d38-f4d4-4614-3485-041c2df1ccb7-d2154c44, #w-node-_297e249a-e865-95eb-2f71-3666a6e29fe2-d2154c44, #w-node-b24b1f08-6083-46c1-e9df-fe243a659548-d2154c44, #w-node-b24b1f08-6083-46c1-e9df-fe243a659550-d2154c44, #w-node-b24b1f08-6083-46c1-e9df-fe243a659558-d2154c44, #w-node-b24b1f08-6083-46c1-e9df-fe243a659560-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_91e242ca-d062-7b2d-e46f-bf030a57b123-d2154c44 {
  align-self: center;
  justify-self: center;
}

#w-node-b3388c83-cead-8b67-e03e-22bc72871042-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_092c89d4-915a-d882-69aa-8025f9ec306a-d2154c44 {
  align-self: center;
  justify-self: center;
}

#w-node-f8864206-611c-f182-aa4a-53fcdfd2f10d-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_949a7ff5-5ad1-5762-3c59-f71d5306e783-d2154c44, #w-node-_9668e502-05fe-22e1-0ddf-e71c29635f21-d2154c44, #w-node-_2647eed6-d09f-d00b-6ff5-2163674632ab-d2154c44, #w-node-d98e665c-0393-98dd-5d0c-ed7f77449cc0-d2154c44, #w-node-_47e1cd6a-63c0-e5b7-5265-840799ba6b07-d2154c44 {
  align-self: center;
  justify-self: center;
}

#w-node-_108fc36d-1e22-58f1-8a89-c6132ca2a419-d2154c44 {
  align-self: center;
}

#w-node-a762393c-6249-f8e7-2e63-faa7c3f8e183-d2154c44 {
  grid-area: Area;
  align-self: center;
  justify-self: center;
}

#w-node-_548168f6-bb2f-1e00-016b-33848a891200-d2154c44, #w-node-_7b48d2cd-06eb-1000-d8fd-6bc24408221f-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_4db6747e-0f2f-8819-ccb5-49e1bf46cd54-d2154c44 {
  align-self: center;
  justify-self: center;
}

#w-node-_46517226-a441-dc6a-e409-07933cc6c5a0-d2154c44, #w-node-_91e25c5f-49d4-1c0c-4ff9-d26f1836148c-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-d42afa65-88a8-84b8-cc6d-0502122cf55a-d2154c44 {
  align-self: center;
  justify-self: center;
}

#w-node-_5107d932-6bee-78aa-9159-3e7c37a80162-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-c29d03ae-c6d0-4240-ef6a-5eafed1b5c6c-d2154c44, #Company-Size.w-node-c29d03ae-c6d0-4240-ef6a-5eafed1b5c79-d2154c44 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-ccd7084c-87bd-9b53-140e-f0bd9a99c82d-d2154c44 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ccd7084c-87bd-9b53-140e-f0bd9a99c82d-d2154c44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-b24b1f08-6083-46c1-e9df-fe243a659548-d2154c44 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Font Awesome 6 Brands 400';
  src: url('../fonts/Font-Awesome-6-Brands-Regular-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Font Awesome 6 Free Solid 900';
  src: url('../fonts/Font-Awesome-6-Free-Solid-900.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}