:root {
  --black: #181b20;
  --light-grey: #d0d6de;
  --white: #fefefd;
  --grey: #a0a7b3;
  --dark-grey: #555d6a;
  --medium-purple: #b62020;
  --black-lite: #1d2127;
  --light-salmon: #fdb99b;
  --color: #b62020;
  --dark-slate-grey: #333a44;
}

.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-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  background-color: #f5f5f5;
  padding: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

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

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

@media screen and (max-width: 479px) {
  .w-commerce-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(--black);
  color: var(--light-grey);
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

h3 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.2;
}

h4 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
}

h5 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

h6 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--white);
  border-color: #000;
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

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

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid #000;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.text-style-link {
  text-decoration: underline;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility-component {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--black) 36%), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
  justify-content: center;
  align-items: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility-form-block {
  max-width: 20rem;
  text-align: center;
  flex-direction: column;
  display: flex;
}

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

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-tiny {
  margin: .25rem;
}

.margin-xxsmall {
  margin: .5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-huge {
  margin: 6rem;
}

.padding-xxsmall {
  padding: .5rem;
}

.padding-xsmall {
  padding: 1rem;
}

.padding-small {
  padding: 1.5rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.margin-top, .margin-top.margin-huge, .margin-top.margin-small, .margin-top.margin-medium, .margin-top.margin-xxlarge, .margin-top.margin-xlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom, .margin-bottom.margin-xxlarge, .margin-bottom.margin-medium, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-xlarge, .margin-bottom.margin-huge, .margin-bottom.margin-xxsmall, .margin-bottom.margin-xsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-vertical, .margin-vertical.margin-medium, .margin-vertical.margin-xxsmall, .margin-vertical.margin-xsmall {
  margin-left: 0;
  margin-right: 0;
}

.padding-top, .padding-top.padding-medium {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-bottom, .padding-bottom.padding-small, .padding-bottom.padding-xxlarge {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical, .padding-vertical.padding-xxlarge, .padding-vertical.padding-xsmall, .padding-vertical.padding-xlarge {
  padding-left: 0;
  padding-right: 0;
}

.text-weight-medium {
  font-weight: 500;
}

.text-size-medium {
  font-size: 1.125rem;
}

.text-size-medium.text-color-grey {
  color: var(--grey);
}

.heading-style-h2 {
  font-size: 3rem;
  line-height: 1.2;
}

.background-color-gray {
  background-color: #f4f4f4;
}

.heading-style-h6 {
  font-size: 1.25rem;
  line-height: 1.4;
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.heading-style-h5 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.heading-style-h1 {
  font-size: 3.5rem;
  line-height: 1.2;
}

.form-checkbox-icon {
  width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  border: 1px solid var(--dark-grey);
  cursor: pointer;
  border-radius: 0;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.form-checkbox-icon.w--redirected-checked {
  background-color: var(--medium-purple);
  box-shadow: none;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form-checkbox-icon.w--redirected-focus {
  border-color: var(--medium-purple);
  background-color: var(--black-lite);
  box-shadow: none;
}

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

.text-size-tiny {
  font-size: .75rem;
}

.field-label {
  margin-bottom: .5rem;
  font-weight: 400;
}

.button {
  border: 1px solid var(--light-grey);
  background-color: var(--light-grey);
  color: var(--black);
  text-align: center;
  border-radius: 50px;
  padding: .75rem 1.25rem;
  text-decoration: none;
  transition: background-color .2s;
}

.button:hover {
  background-color: var(--grey);
}

.button.is-link {
  color: var(--light-grey);
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  transition: color .2s, background-color .2s;
}

.button.is-link.is-icon:hover {
  color: var(--grey);
}

.button.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button.is-secondary {
  border-color: var(--light-grey);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  transition: border .2s, color .2s, background-color .2s;
}

.button.is-secondary:hover {
  border-color: var(--grey);
  color: var(--grey);
}

.button.is-small {
  padding: .5rem 1rem;
}

.button.form {
  border-style: solid;
  border-color: #d0d5dd;
  border-radius: 5px;
  padding: .5rem 1rem;
  transition: border-color .2s, color .2s;
}

.button.form:hover {
  border-color: #98a2b3;
}

.button.is-add-to-cart-button {
  width: 100%;
  text-align: center;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.heading-style-h4 {
  font-size: 2rem;
  line-height: 1.3;
}

.form-radio-label {
  margin-bottom: 0;
}

.text-size-regular {
  font-size: 1rem;
}

.heading-style-h3 {
  font-size: 2.5rem;
  line-height: 1.2;
}

.form-input {
  height: auto;
  min-height: 2.75rem;
  border: 1px solid var(--dark-grey);
  color: var(--light-grey);
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input:focus, .form-input.-wfp-focus {
  border-color: var(--white);
}

.form-input::-ms-input-placeholder {
  color: var(--grey);
}

.form-input::placeholder {
  color: var(--grey);
}

.form-input.is-text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.form-input.is-select-input {
  background-image: none;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

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

.text-weight-semibold {
  font-weight: 600;
}

.text-color-grey {
  color: var(--dark-grey);
}

.icon-embed-xxsmall {
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-embed-xsmall {
  width: 1.5rem;
  height: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-radio-icon {
  width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  border: 1px solid var(--dark-grey);
  cursor: pointer;
  border-radius: 100px;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  background-color: var(--medium-purple);
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form-radio-icon.w--redirected-focus {
  border-color: var(--dark-grey);
  box-shadow: none;
  margin-top: 0;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.text-size-small {
  font-size: .875rem;
}

.form-field-wrapper {
  position: relative;
}

.icon-1x1-small {
  width: 2rem;
  height: 2rem;
}

.text-rich-text h1 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.text-rich-text blockquote {
  border-left-color: var(--dark-grey);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.text-rich-text h2, .text-rich-text h3, .text-rich-text h4 {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 1.25rem;
  margin-bottom: 1rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text figcaption {
  text-align: left;
  border-left: 2px solid #000;
  margin-top: .5rem;
  padding-left: .5rem;
  font-size: .875rem;
}

.form-checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
  border: 1px #000;
  border-radius: 5px;
}

.text-size-large {
  font-size: 1.25rem;
}

.padding-global {
  padding-bottom: 193px;
  padding-left: 5%;
  padding-right: 5%;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: none;
}

.padding-section-large {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section-header-secondary {
  background-color: rgba(0, 0, 0, 0);
}

.style-guide-content-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
}

.style-guide-menu-link-item {
  flex-direction: column;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.heading-medium {
  font-size: 2rem;
  line-height: 1.3;
}

.line-divider {
  width: 100%;
  height: 1px;
  background-color: #414a57;
}

.style-guide-content-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style-guide-content-item {
  border: 1px solid var(--dark-grey);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.style-guide-color-wrapper {
  border-bottom: 1px solid #414a57;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-top: 75%;
}

.style-guide-color-wrapper.is-white {
  background-color: var(--white);
  color: var(--white);
}

.style-guide-color-wrapper.is-black {
  background-color: var(--black);
}

.style-guide-color-wrapper.is-light-grey {
  background-color: var(--light-grey);
  color: #172033;
}

.style-guide-color-wrapper.is-dark-grey {
  background-color: var(--dark-grey);
  color: #414a57;
}

.style-guide-color-wrapper.is-grey {
  background-color: var(--grey);
  color: #414a57;
}

.style-guide-color-wrapper.is-black-lite {
  background-color: var(--black-lite);
  color: var(--black-lite);
}

.style-guide-color-wrapper.is-gradient {
  background-color: var(--black-lite);
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  color: var(--black-lite);
}

.style-guide-color-wrapper.is-medium-purple {
  background-color: var(--medium-purple);
  color: var(--black-lite);
}

.style-guide-color-wrapper.is-light-salmon {
  background-color: var(--light-salmon);
  color: var(--black-lite);
}

.style-guide-content {
  padding: 10px;
}

.style-guide-content-list-wrapper {
  border: 1px solid #414a57;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 1rem;
  display: block;
}

.license-component, .instruction-component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-page-header {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--black) 70%), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
}

.text-color-gradient {
  background-image: linear-gradient(92deg, var(--color), var(--light-salmon));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

.navbar-component {
  width: 100%;
  min-height: 4.5rem;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px #000;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.navbar-container {
  width: 100%;
  height: 100%;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar-menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.navbar-link {
  color: var(--white);
  padding: 1.5rem 1rem;
  transition: color .2s;
}

.navbar-link:hover {
  color: var(--grey);
}

.navbar-link.w--current {
  color: var(--white);
}

.navbar-menu-dropdown {
  position: static;
}

.navbar-dropdown-toggle {
  color: var(--white);
  padding: 1.5rem 2.5rem 1.5rem 1rem;
  transition: color .2s;
}

.navbar-dropdown-toggle:hover {
  color: var(--grey);
}

.dropdown-icon {
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.navbar-dropdown-list.w--open {
  width: 100vw;
  max-width: 100%;
  background-color: var(--black);
  border-bottom: 1px solid #000;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.navbar-dropdown-content {
  width: 100%;
  display: flex;
}

.navbar-dropdown-content-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.navbar-dropdown-link-list {
  grid-column-gap: 0px;
  grid-row-gap: 1rem;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navbar-dropdown-link {
  grid-column-gap: .75rem;
  grid-row-gap: 0px;
  border: 1px solid var(--dark-grey);
  background-color: var(--black-lite);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding: 1rem;
  text-decoration: none;
  transition: background-color .2s;
  display: grid;
}

.navbar-dropdown-link:hover {
  background-color: var(--black);
}

.navbar-icons-wrapper {
  flex: none;
}

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

.navbar-bottom-bar {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  display: flex;
  position: relative;
}

.navbar-bottom-bar-background-layer {
  width: 200vw;
  border: 1px none var(--medium-purple);
  background-color: var(--dark-grey);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -50vw;
  right: -50vw;
}

.navbar-bottom-bar-content {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content max-content;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: relative;
}

.navbar-menu-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.navbar-menu-button {
  padding: 0;
}

.section-hero-header {
  background-image: linear-gradient(to bottom, var(--black), var(--black) 23%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 92%, var(--black)), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
  position: relative;
  overflow: hidden;
}

.header-component {
  z-index: 999;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-header-image-wrapper {
  z-index: 99;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.hero-header-image {
  width: 100%;
  height: 100%;
  border: 1px solid var(--dark-slate-grey);
}

.section-logo {
  overflow: hidden;
}

.logo-component {
  display: flex;
}

.logo-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  white-space: nowrap;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  justify-items: start;
  margin-right: 2rem;
  display: grid;
}

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

.logo {
  max-height: 3.5rem;
}

.feature-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.feature-item {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black-lite);
  text-align: center;
  border-radius: 20px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  padding: 1.8rem;
  display: grid;
}

.service-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.service-list {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: center;
  display: grid;
}

.service-item {
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.service-image-wrapper {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--black) 97%), linear-gradient(285deg, var(--medium-purple), var(--light-salmon));
  border-radius: 10px;
  padding: .125rem;
  position: relative;
}

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

.testimonial-component {
  column-count: 3;
  column-gap: 2rem;
}

.testimonial-content {
  width: 100%;
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--black-lite);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding: 2rem;
  display: inline-block;
}

.testimonial-client {
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial-client-image-wrapper {
  margin-right: 1rem;
}

.testimonial-customer-image {
  width: 3rem;
  height: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  object-fit: cover;
  border-radius: 100%;
}

.faq-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  align-items: start;
  justify-items: stretch;
  display: grid;
}

.faq-accordion {
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--black-lite);
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.faq-question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.faq-icon {
  width: 2rem;
  align-self: flex-start;
  margin-left: 1.5rem;
  display: flex;
}

.faq-answer {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  overflow: hidden;
}

.section-layout {
  background-image: linear-gradient(97deg, var(--black) 43%, rgba(255, 255, 255, 0)), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
}

.layout-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout-image-wrapper {
  border: 1px solid var(--dark-slate-grey);
  border-radius: 20px;
  overflow: hidden;
}

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

.section-header {
  background-image: linear-gradient(to bottom, var(--black), rgba(0, 0, 0, 0)), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
  position: relative;
  overflow: hidden;
}

.success-message {
  background-color: var(--medium-purple);
  padding: 1.5rem;
}

.error-message {
  color: var(--black);
  background-color: #ffe1e1;
  margin-top: 1.5rem;
  padding: .875rem 1rem;
}

.about-story-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.about-story-timeline-wrapper {
  position: relative;
}

.about-story-progress-bar-wrapper {
  width: 2px;
  height: 75%;
  background-color: var(--black-lite);
  position: absolute;
  top: 10%;
  left: 2.4375rem;
  right: auto;
}

.about-story-progress-bar {
  width: 2px;
  height: 100%;
  background-color: #4a306c;
}

.about-story-timeline-step {
  grid-column-gap: 2.5rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
}

.about-story-timeline-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  display: flex;
  position: relative;
}

.about-story-timeline-icon-wrapper {
  z-index: 1;
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--black-lite);
  border-radius: 10px;
  margin-top: -1rem;
  padding: 1rem;
  position: relative;
}

.about-story-timeline-right {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.section-about-vision {
  background-image: radial-gradient(circle farthest-corner at 50% 50%, rgba(0, 0, 0, 0), var(--black)), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, 16px;
  background-attachment: scroll, scroll;
}

.about-team-list {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: center;
  display: grid;
}

.about-team-item {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.about-team-image-wrapper {
  width: 100%;
  border: 1px solid var(--dark-slate-grey);
  border-radius: 10px;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.about-team-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.about-team-social {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-self: flex-start;
  margin-top: 1.5rem;
  display: grid;
}

.social-link {
  border-radius: 50px;
  padding: .25rem;
  transition: background-color .2s;
}

.social-link:hover {
  background-color: var(--dark-grey);
}

.heading-medium-text {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.section-pricing {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--black) 29%, #181b20 81%, rgba(24, 27, 32, 0) 104%), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
}

.pricing-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.pricing-tabs-menu {
  border: 1px solid var(--dark-grey);
  border-radius: 50px;
  align-self: center;
  margin-bottom: 3rem;
  display: flex;
  overflow: hidden;
}

.pricing-tab-link {
  border: 1px none var(--dark-grey);
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  padding: .5rem 1.5rem;
}

.pricing-tab-link.w--current {
  background-color: var(--light-grey);
  color: var(--black);
}

.pricing-plans {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-plan {
  border: 1px solid var(--dark-grey);
  background-color: var(--black);
  border-radius: 20px;
  padding: 2rem;
}

.pricing-content {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.pricing-divider {
  width: 100%;
  height: 1px;
  border: 1px solid var(--dark-slate-grey);
  background-color: #000;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.pricing-feature-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: grid;
}

.pricing-feature {
  display: flex;
}

.pricing-feature-icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 1rem;
}

.pricing-compare-component {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.pricing-compare-tabs-menu {
  border: 1px solid var(--light-grey);
  border-radius: 30px;
  align-self: center;
  margin-bottom: 5rem;
  display: flex;
  overflow: hidden;
}

.pricing-compare-tab-link {
  color: var(--white);
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  padding: .5rem 1.5rem;
}

.pricing-compare-tab-link.w--current {
  background-color: var(--light-grey);
  color: var(--black);
}

.pricing-compare-tabs-content, .pricing-compare-plans {
  width: 100%;
}

.pricing-compare-top-row {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
}

.pricing-compare-top-row-content {
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.pricing-compare-top-row-price {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.pricing-compare-top-row-price-month {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.pricing-compare-heading-row {
  margin-top: 2rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.pricing-compare-row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: stretch;
}

.pricing-compare-row.background-color-gray {
  background-color: var(--black-lite);
}

.pricing-compare-feature {
  padding: 1rem 1.5rem;
}

.pricing-compare-row-content {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  font-weight: 600;
  display: flex;
}

.pricing-compare-bottom-row {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  padding-top: 2rem;
}

.pricing-compare-bottom-row-content {
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.logo1-component {
  grid-column-gap: 2.75rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.logo1-logo {
  max-height: 3.5rem;
}

.testimonial-single-component {
  grid-column-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.testimonial-single-client-image {
  object-fit: cover;
  border-radius: 20px;
}

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

.testimonial-single-rating-wrapper {
  display: flex;
}

.testimonial-single-rating-icon {
  width: 1.25rem;
  height: 1.25rem;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: .25rem;
  display: flex;
}

.testimonial-single-client {
  text-align: left;
  align-items: center;
  display: flex;
}

.testimonial-single-divider {
  width: 1px;
  background-color: var(--dark-slate-grey);
  align-self: stretch;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.testimonial-single-logo {
  max-height: 3rem;
}

.career-accordion {
  border-bottom: 1px solid var(--dark-slate-grey);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.career-job-department {
  cursor: pointer;
  border-top: 1px #000;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.arrow-icon {
  width: 2rem;
  align-self: center;
  margin-left: 1.5rem;
  display: flex;
}

.career-list-wrapper {
  overflow: hidden;
}

.career-list {
  margin-bottom: 2rem;
  display: block;
}

.career-item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.career-title-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.values-component {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.values-content-bottom {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
}

.values-item {
  width: 100%;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  text-align: center;
  flex-direction: column;
  grid-template-rows: min-content min-content min-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.content-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.content-content {
  margin-bottom: 4rem;
}

.content-newsletter {
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--black-lite);
  padding: 2rem;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
  bottom: 5rem;
}

.content-form {
  margin-bottom: 0;
}

.content-form-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 1rem;
  display: grid;
}

.contact-header-component {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: center;
  display: grid;
}

.contact-header-item {
  width: 100%;
  text-align: center;
}

.contact-locations-component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: stretch;
  display: grid;
}

.contact-locations-location {
  width: 100%;
  text-align: center;
}

.contact-locations-image-wrapper {
  width: 100%;
  padding-top: 66%;
  position: relative;
}

.contact-locations-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.contact-component {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

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

.form-field-2col {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-radio-2col {
  grid-column-gap: 1.5rem;
  grid-row-gap: .875rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.success-text {
  font-weight: 600;
}

.error-text {
  color: #e23939;
}

.section-signup {
  background-image: linear-gradient(to bottom, rgba(24, 27, 32, 0), var(--black) 45%), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
}

.signup-component {
  min-height: 100svh;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: auto;
}

.signup-navbar {
  width: 100%;
  height: 4.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.signup-form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.signup-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-button-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.signup-footer {
  width: 100%;
  height: 4.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.section-login {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--black) 44%), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
}

.login-component {
  min-height: 100svh;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
  position: relative;
  overflow: auto;
}

.login-navbar {
  width: 100%;
  height: 4.5rem;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.login-form-block {
  flex-direction: column;
  align-items: stretch;
  margin-bottom: 0;
}

.login-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.login-footer {
  width: 100%;
  height: 4.5rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.icon-wrapper {
  border: 1px solid var(--dark-grey);
  border-radius: 5px;
  padding: .5rem;
  display: inline-block;
}

.navbar-dropdown-link-2 {
  grid-column-gap: .75rem;
  grid-row-gap: 0px;
  border: 1px none var(--dark-grey);
  color: var(--light-grey);
  border-radius: 10px;
  grid-template-rows: auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 1rem;
  text-decoration: none;
  transition: background-color .2s;
  display: grid;
}

.navbar-dropdown-link-2:hover {
  background-color: var(--black-lite);
}

.navbar-icon-wrapper-copy {
  background-color: var(--black-lite);
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border: 1px #000;
  border-radius: 10px;
  flex: none;
  padding: .1rem;
}

.navbar-icon-wrapper {
  background-color: var(--black);
  border-radius: 10px;
  padding: .5rem;
}

.navbar-dropdown-content-layout-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.service-image-block {
  background-color: var(--black);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 1rem 5rem;
  display: block;
}

.feature-icon-block {
  border: 1px solid var(--black);
  background-color: var(--black-lite);
  border-radius: 10px;
  padding: .5rem;
}

.feature-icon-wrapper {
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border: 1px #000;
  border-radius: 10px;
  padding: .1rem;
}

.feature-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-item {
  display: flex;
}

.feature-content {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
}

.use-case-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.use-case-content-left {
  position: -webkit-sticky;
  position: sticky;
  top: 30%;
}

.use-case-content-item {
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--black-lite);
  border-radius: 10px;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 2rem;
  transition: background-color .2s;
  position: -webkit-sticky;
  position: sticky;
}

.use-case-content-item:hover {
  background-color: var(--black);
}

.use-case-link-block {
  text-decoration: none;
  display: block;
}

.ellipse {
  z-index: 5;
  height: 10rem;
  max-width: 60%;
  background-color: var(--medium-purple);
  filter: blur(120px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: -19%;
  left: 0%;
  right: 0%;
}

.ellipse-hero {
  z-index: -1;
  height: 10rem;
  max-width: 60%;
  background-color: var(--medium-purple);
  filter: blur(120px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: 11%;
  left: 0%;
  right: 0%;
}

.cta-content {
  z-index: 99;
  position: relative;
}

.footer-newsletter-wrapper {
  background-color: var(--black-lite);
  border-radius: 10px;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5rem;
  padding: 2rem 1rem;
  display: flex;
}

.footer-form-block {
  max-width: 35rem;
  min-width: 25rem;
  margin-bottom: 0;
}

.footer-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.footer-top-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  align-items: start;
}

.footer-logo-link {
  padding-left: 0;
}

.footer-link-list {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  align-items: flex-start;
  justify-items: start;
  display: flex;
}

.footer-link {
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  text-decoration: none;
  transition: color .2s;
}

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

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

.footer-legal-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  display: flex;
}

.footer-credit-text {
  font-size: .875rem;
}

.footer-legal-link {
  font-size: .875rem;
  text-decoration: underline;
  transition: color .2s;
}

.footer-legal-link:hover {
  color: var(--grey);
}

.footer-social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: start;
  justify-items: start;
  display: grid;
}

.footer-social-link {
  border-radius: 20px;
  align-items: center;
  padding: .325rem;
  font-size: 14px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.footer-social-link:hover {
  background-color: var(--dark-slate-grey);
}

.pricing-center-block {
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border-radius: 20px;
  justify-content: space-between;
  align-items: stretch;
  padding: .1rem;
  display: block;
}

.career-icon-block {
  background-color: var(--black-lite);
  border-radius: 10px;
  padding: .5rem;
  display: inline-block;
}

.carreer-icon-wrapper {
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border-radius: 10px;
  padding: .1rem;
  display: inline-block;
}

.job-content-metatag-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.job-content-metatag-item {
  text-align: center;
}

.change-log-component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.change-log-date {
  border: 1px solid var(--dark-slate-grey);
  background-color: var(--black-lite);
  padding: 1rem;
  position: -webkit-sticky;
  position: sticky;
  top: 5rem;
}

.contact-icon-wrapper {
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border-radius: 10px;
  padding: .1rem;
  display: inline-block;
}

.contact-icon-block {
  background-color: var(--black-lite);
  border-radius: 10px;
  padding: .5rem;
  display: inline-block;
}

.blog-component {
  flex-direction: column;
  align-items: center;
}

.blog-image-link {
  width: 100%;
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border-radius: 10px;
  margin-bottom: 1.5rem;
  padding: .1rem;
}

.blog-image-wrapper {
  width: 100%;
  border-radius: 10px;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.blog-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-category-link {
  margin-bottom: .5rem;
  margin-right: 1rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.blog-category-link.w--current {
  border-bottom: 2px solid #000;
}

.blog-title-link {
  margin-bottom: .5rem;
  text-decoration: none;
  display: block;
}

.blog-author-wrapper {
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.blog-author-image-wrapper {
  margin-right: 1rem;
}

.blog-author-image {
  width: 3rem;
  height: 3rem;
  min-height: 3rem;
  min-width: 3rem;
  object-fit: cover;
  border-radius: 100%;
}

.blog-date-wrapper {
  align-items: center;
  display: flex;
}

.blog-text-divider {
  margin-left: .5rem;
  margin-right: .5rem;
}

.blog-collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.time-to-read {
  grid-column-gap: 6px;
  display: flex;
}

.section-blog-post-header {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(19, 21, 25, .78) 21%, var(--black)), url('../images/Ellipse-BG_1Ellipse BG.png');
  background-position: 0 0, 0 0;
  background-size: auto, 16px;
}

.blog-post-header-title-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-post-header1-breadcrumb {
  width: 100%;
  color: var(--grey);
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.breadcrumb-link {
  color: var(--light-grey);
  text-decoration: none;
}

.breadcrumb-link.w--current {
  font-weight: 600;
}

.breadcrumb-divider {
  width: 1rem;
  height: 1rem;
  justify-content: center;
  align-items: center;
  margin-left: .5rem;
  margin-right: .5rem;
  display: flex;
}

.blog-post-header-content-top {
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.blog-post-header-author-wrapper {
  align-items: center;
  display: flex;
}

.blog-post-header-author-image-wrapper {
  margin-right: 1rem;
}

.blog-post-header-author-image {
  width: 3.5rem;
  height: 3.5rem;
  min-height: 3.5rem;
  min-width: 3.5rem;
  object-fit: cover;
  border-radius: 100%;
}

.blog-post-header-date-wrapper {
  margin-top: .25rem;
  display: flex;
}

.blog-post-header-text-divider {
  margin-left: .5rem;
  margin-right: .5rem;
}

.blog-post-header-share {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  display: grid;
}

.blog-post-header-social-link {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  padding: .25rem;
  transition: background-color .2s;
}

.blog-post-header-social-link:hover {
  background-color: var(--dark-slate-grey);
}

.blog-post-header-image-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50%;
  position: relative;
  overflow: hidden;
}

.blog-post-header1-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.blog-content {
  margin-bottom: 4rem;
}

.blog-content-bottom {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.blog-share-wrapper {
  width: 50%;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.blog-share {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-items: start;
  margin-top: 1rem;
  display: grid;
}

.blog-social-link {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 20px;
  padding: .25rem;
}

.blog-divider {
  width: 100%;
  height: 1px;
  max-width: 48rem;
  background-color: var(--dark-slate-grey);
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.user-content-component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.user-image-wrapper {
  width: 100%;
  height: 100%;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.user-image {
  width: 100%;
  border-radius: 20px;
}

.team-social-icons {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  background-color: var(--black-lite);
  white-space: normal;
  border-radius: 50px;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: start;
  justify-items: center;
  padding: .4rem .8rem;
  display: grid;
  position: absolute;
  top: 2%;
  bottom: auto;
  left: auto;
  right: 3%;
}

.product-header-component {
  background-color: var(--black-lite);
  border-radius: 20px;
  padding: 3rem;
}

.product-header-layout {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.product-pricing-wrapper {
  background-color: var(--black);
  border-radius: 20px;
  padding: 2rem;
}

.product-pricing-block {
  background-image: linear-gradient(to bottom, var(--medium-purple), var(--light-salmon));
  border-radius: 20px;
  padding: .125rem;
}

.select-field {
  border: 1px solid var(--dark-grey);
  background-color: var(--black-lite);
  color: var(--light-grey);
  border-radius: 20px;
  margin-top: .5rem;
  margin-bottom: .5rem;
  overflow: hidden;
}

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

.block-header {
  border-style: none;
  border-color: var(--dark-slate-grey);
  background-color: var(--black-lite);
  border-radius: 10px 10px 0 0;
  padding-top: 20px;
  padding-bottom: 8px;
}

.block-content {
  border-style: none;
  border-width: 1px;
  border-color: black var(--dark-slate-grey) black black;
  background-color: var(--black-lite);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-bottom: 40px;
}

.customer-info, .shipping-address {
  border-radius: 10px;
  overflow: hidden;
}

.payment-info, .billing-address, .order-items {
  border-radius: 10px;
}

.option {
  padding-left: 0;
}

.paypal-checkout-form, .order-confirmation {
  background-color: var(--black);
}

.cart {
  background-color: var(--white);
  border-radius: 20px;
  overflow: hidden;
}

.cart-button {
  background-color: var(--black);
  transition: background-color .2s;
}

.cart-button:hover {
  background-color: var(--black-lite);
}

.cart-quantity {
  background-color: var(--dark-slate-grey);
  color: var(--white);
  margin-left: 6px;
  font-weight: 500;
}

.cart-container {
  background-color: var(--black-lite);
}

.cart-header {
  border-bottom-color: var(--dark-slate-grey);
}

.cart-quantity-2 {
  border-color: var(--dark-slate-grey);
  background-color: var(--black);
}

.cart-footer {
  border-top-color: var(--dark-slate-grey);
}

.cart-image {
  width: 1.4rem;
}

.apple-pay-2, .apple-pay-3 {
  border-radius: 10px;
}

.about-team-link-wrapper {
  text-decoration: none;
}

.cart-wrapper {
  margin-left: 10px;
}

.out-of-stock {
  background-color: var(--dark-grey);
}

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

  h2 {
    font-size: 2.75rem;
  }

  h3 {
    font-size: 2.25rem;
  }

  h4 {
    font-size: 1.75rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .heading-medium {
    font-size: 1.75rem;
  }

  .navbar-container {
    justify-content: space-between;
  }

  .navbar-menu {
    height: 100dvh;
    background-color: var(--black);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    align-items: flex-start;
    margin-left: 0;
    padding: 1rem 5% 6.5rem;
    transition: height .5s;
    position: absolute;
    overflow: auto;
  }

  .navbar-link {
    width: auto;
    padding: .75rem 0;
    font-size: 1.125rem;
  }

  .navbar-menu-dropdown {
    width: 100%;
  }

  .navbar-dropdown-toggle {
    align-items: center;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .navbar-dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .navbar-dropdown-list.w--open {
    border-style: none;
    align-items: flex-start;
    padding: 0 0 0;
    position: relative;
    top: 0;
  }

  .navbar-dropdown-content {
    flex-direction: column;
  }

  .navbar-dropdown-content-layout {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-bottom-bar {
    flex-direction: column;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
  }

  .navbar-menu-right {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
  }

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

  .menu-icon {
    width: 48px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-top {
    width: 24px;
    height: 2px;
    background-color: var(--dark-grey);
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-middle {
    width: 24px;
    height: 2px;
    background-color: var(--dark-grey);
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon-line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon-line-bottom {
    width: 24px;
    height: 2px;
    background-color: var(--dark-grey);
    padding-bottom: 0;
    padding-right: 0;
  }

  .service-list {
    grid-column-gap: 2rem;
  }

  .testimonial-component {
    column-count: 2;
  }

  .layout-component {
    min-height: auto;
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .about-story-component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .about-story-timeline-step {
    grid-column-gap: 24px;
  }

  .about-team-list {
    grid-column-gap: 2rem;
  }

  .heading-medium-text {
    font-size: 1.75rem;
  }

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

  .pricing-compare-top-row-price {
    font-size: 3.25rem;
  }

  .testimonial-single-component {
    min-height: auto;
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .values-content-bottom {
    grid-column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }

  .content-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .content-content {
    margin-bottom: 3rem;
  }

  .content-newsletter {
    position: static;
  }

  .contact-header-component {
    grid-column-gap: 2rem;
  }

  .contact-locations-component {
    grid-column-gap: 3rem;
  }

  .signup-component, .login-component {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .navbar-dropdown-content-layout-copy {
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
    align-content: start;
    align-items: start;
    padding-left: 0;
    padding-right: 0;
  }

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

  .use-case-component {
    min-height: auto;
    grid-column-gap: 3rem;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .footer-newsletter-wrapper {
    justify-content: flex-start;
    margin-bottom: 4.5rem;
    display: block;
  }

  .footer-newsletter-text-wrapper {
    margin-bottom: 1.5rem;
  }

  .footer-form-block {
    min-width: auto;
  }

  .footer-top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-social-icons {
    margin-bottom: 2rem;
  }

  .change-log-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .change-log-date {
    position: static;
  }

  .blog-post-header-title-wrapper {
    margin-bottom: 4rem;
  }

  .blog-post-header-image-wrapper {
    padding-top: 56.25%;
  }

  .blog-content {
    margin-bottom: 3rem;
  }

  .user-content-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .team-social-icons {
    margin-bottom: 2rem;
  }

  .product-header-component {
    padding-bottom: 2.5rem;
  }

  .product-header-layout {
    min-height: auto;
    grid-column-gap: 5rem;
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }
}

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

  h2 {
    font-size: 2.25rem;
  }

  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .style-guide-content-layout {
    grid-template-columns: 1fr;
    grid-template-areas: ".";
  }

  .style-guide-menu {
    display: none;
  }

  .heading-medium {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .navbar-component {
    min-height: 4rem;
  }

  .navbar-menu {
    padding-bottom: 6rem;
  }

  .navbar-dropdown-content-layout {
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar-dropdown-link-list {
    max-width: none;
    grid-row-gap: .5rem;
  }

  .logo-list {
    grid-column-gap: 1rem;
    grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
    padding-top: 1rem;
  }

  .logo-wrapper {
    padding: .75rem 1rem;
  }

  .logo {
    max-height: 3rem;
  }

  .service-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial-component {
    column-count: 1;
  }

  .testimonial-content {
    padding: 1.5rem;
  }

  .testimonial-client {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonial-client-image-wrapper {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .faq-question {
    padding: 1rem 1.25rem;
  }

  .faq-icon {
    width: 1.75rem;
  }

  .faq-answer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .layout-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

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

  .about-story-progress-bar-wrapper {
    left: 2rem;
  }

  .about-story-timeline-icon-wrapper {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .about-team-list {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .about-team-image-wrapper {
    height: 100%;
  }

  .heading-medium-text {
    font-size: 1.5rem;
    line-height: 1.4;
  }

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

  .pricing-plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pricing-compare-tabs-menu {
    margin-bottom: 3rem;
  }

  .pricing-compare-top-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .pricing-compare-empty-space {
    display: none;
  }

  .pricing-compare-top-row-price {
    font-size: 2.5rem;
  }

  .pricing-compare-top-row-price-month {
    font-size: 1.25rem;
  }

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

  .pricing-compare-feature, .pricing-compare-row-content {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .pricing-compare-bottom-row {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .logo1-component {
    padding-top: 1rem;
  }

  .logo1-logo {
    max-height: 3rem;
  }

  .testimonial-single-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .testimonial-single-client {
    width: 100%;
    align-items: center;
  }

  .career-job-department {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .arrow-icon {
    width: 28px;
  }

  .career-list {
    margin-bottom: 1.5rem;
  }

  .career-item {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .values-content-bottom {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .content-content {
    margin-bottom: 2rem;
  }

  .contact-header-component, .contact-locations-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .form-field-2col.is-mobile-1col {
    grid-template-columns: 1fr;
  }

  .signup-navbar, .signup-footer, .login-navbar, .login-footer {
    height: 4rem;
  }

  .navbar-dropdown-content-layout-copy {
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

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

  .use-case-component {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .use-case-content-left {
    position: static;
  }

  .footer-newsletter-wrapper {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 3rem;
  }

  .footer-top-wrapper {
    grid-row-gap: 2.5rem;
  }

  .footer-bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer-legal-list {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-auto-flow: row;
  }

  .footer-credit-text {
    margin-top: 1rem;
  }

  .job-content-metatag-list {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

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

  .blog-post-header-title-wrapper {
    margin-bottom: 3rem;
  }

  .blog-content {
    margin-bottom: 2rem;
  }

  .blog-divider {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .user-content-component {
    grid-template-columns: 1fr;
  }

  .product-header-layout {
    grid-column-gap: 5rem;
    grid-row-gap: 2rem;
  }
}

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

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

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

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .button.max-width-full.is-pricing-button {
    padding: .25rem 1rem;
  }

  .style-guide-content-layout {
    grid-template-areas: ".";
    grid-auto-columns: .25fr;
  }

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

  .navbar-dropdown-content-layout {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar-bottom-bar-content {
    flex-direction: column;
    margin-left: 0;
    display: flex;
  }

  .logo-list {
    justify-content: center;
  }

  .logo-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .service-list, .layout-component, .about-story-component, .about-team-list {
    grid-template-columns: 1fr;
  }

  .about-team-image-wrapper {
    padding-top: 66%;
  }

  .pricing-compare-top-row-price {
    font-size: 1.5rem;
  }

  .pricing-compare-top-row-price-month {
    font-size: .875rem;
  }

  .logo1-component {
    justify-content: center;
  }

  .testimonial-single-component {
    grid-template-columns: 1fr;
  }

  .testimonial-single-divider {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .career-title-wrapper {
    display: block;
  }

  .career-title-heading {
    margin-bottom: 1.25rem;
  }

  .values-content-bottom {
    grid-template-columns: 1fr;
  }

  .content-form-wrapper {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .contact-header-component, .contact-locations-component {
    grid-template-columns: 1fr;
  }

  .navbar-dropdown-content-layout-copy {
    grid-template-columns: 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .use-case-component {
    grid-template-columns: 1fr;
  }

  .footer-form {
    grid-row-gap: 12px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .footer-top-wrapper {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .blog-post-header-content-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-post-header-author-wrapper {
    margin-bottom: 1rem;
  }

  .blog-content-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .blog-share-wrapper {
    width: 100%;
    margin-bottom: 2rem;
  }

  .product-header-component {
    padding: 2rem 1rem;
  }

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

  .cart-button {
    padding-left: 10px;
    padding-right: 10px;
  }
}

#w-node-_66f01317-de3b-8274-fadd-e09a588bb7cd-2f378ecf, #w-node-_66d0a517-ca16-cab8-3eeb-5db722699911-2f378ecf, #w-node-a70b148b-ae9f-8a65-c63a-252bb2859255-2f378ecf, #w-node-_66f01317-de3b-8274-fadd-e09a588bb7d3-2f378ecf, #w-node-_66f01317-de3b-8274-fadd-e09a588bb7d5-2f378ecf, #w-node-_6eed356e-4270-118d-f694-2b476bf9b458-2f378ecf, #w-node-_66f01317-de3b-8274-fadd-e09a588bb7d1-2f378ecf, #w-node-_66f01317-de3b-8274-fadd-e09a588bb7cf-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcf1-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcf3-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcf5-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcf7-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcf9-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcfb-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcfd-2f378ecf, #w-node-_5c1afc5b-b4db-9af7-c99f-01eccdbdfcff-2f378ecf {
  justify-self: center;
}

#w-node-ada88c13-847f-3243-7c83-5f13375dfcfa-2f378ee1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ada88c13-847f-3243-7c83-5f13375dfd1d-2f378ee1 {
  justify-self: center;
}

#w-node-_1793922d-5b59-d2cb-3f95-364269768000-2f378ee4, #w-node-_1793922d-5b59-d2cb-3f95-364269768002-2f378ee4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_182b4798-9fcb-74fd-5b04-17755548606e-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486073-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486078-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486090-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486095-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548609a-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548609f-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860a4-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860bb-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860c0-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860c5-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860ca-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860cf-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860ea-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860ef-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-1775554860f4-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548610e-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486113-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486118-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548611d-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486122-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548613b-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486140-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-177555486145-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548614a-2f378ee5, #w-node-_182b4798-9fcb-74fd-5b04-17755548614f-2f378ee5 {
  align-self: start;
}

#w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b09a-2f378ee7, #w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b0a0-2f378ee7, #w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b0a6-2f378ee7, #w-node-_4b5da9c6-8684-05ee-88e0-a25686c9b0ac-2f378ee7, #field.w-node-_77c00405-4982-fcf0-3c8f-0bec6a4dc1ba-2f378ee7, #w-node-aceae18f-c0bb-59fe-1802-251d25f42e28-2f378eeb, #w-node-aceae18f-c0bb-59fe-1802-251d25f42e2a-2f378eeb, #w-node-b3e375c0-e6bf-5041-245e-1482212fc3a0-2f378f14, #w-node-b3e375c0-e6bf-5041-245e-1482212fc3aa-2f378f14, #w-node-_3d1b902b-e827-848b-0f12-906d02b40c9f-2f378f2a, #w-node-_85aca1eb-d417-0a56-acf3-76375a5d09ce-2f378f2a, #w-node-_3d1b902b-e827-848b-0f12-906d02b40ca8-2f378f2a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_397d4de3-b653-b090-e3e6-3d6941f74295-2f378f2b {
  justify-self: center;
}

#w-node-_397d4de3-b653-b090-e3e6-3d6941f74296-2f378f2b, #w-node-_397d4de3-b653-b090-e3e6-3d6941f74298-2f378f2b, #w-node-_397d4de3-b653-b090-e3e6-3d6941f74299-2f378f2b, #w-node-_397d4de3-b653-b090-e3e6-3d6941f7429d-2f378f2b, #w-node-_397d4de3-b653-b090-e3e6-3d6941f742a1-2f378f2b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_912747f5-746f-c686-78cd-1570da414daf-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414db4-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414db9-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414dd0-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414dd5-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414dda-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414ddf-2f378f30, #w-node-d69a010c-3443-cde1-2888-4d04d0266937-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414df6-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414dfb-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e00-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e05-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e0a-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e25-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e2a-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e2f-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e48-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e4d-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e52-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e57-2f378f30, #w-node-f4a1d84f-ca71-959d-9b16-0c9f0aaf60de-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e70-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e75-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e7a-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e7f-2f378f30, #w-node-_912747f5-746f-c686-78cd-1570da414e84-2f378f30 {
  align-self: start;
}

#w-node-f3c5bb51-240d-7317-a5de-4c8297272193-2f378f34 {
  justify-self: center;
}

#w-node-f3c5bb51-240d-7317-a5de-4c8297272195-2f378f34, #w-node-f3c5bb51-240d-7317-a5de-4c8297272196-2f378f34, #w-node-f3c5bb51-240d-7317-a5de-4c8297272197-2f378f34, #w-node-f3c5bb51-240d-7317-a5de-4c829727219b-2f378f34, #w-node-f3c5bb51-240d-7317-a5de-4c829727219f-2f378f34 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eebb81d5-b020-3246-acb8-496d4adcde8b-2f378f35 {
  align-self: start;
}

#w-node-eebb81d5-b020-3246-acb8-496d4adcdeac-2f378f35, #w-node-eebb81d5-b020-3246-acb8-496d4adcdeb3-2f378f35, #w-node-eebb81d5-b020-3246-acb8-496d4adcdeba-2f378f35, #w-node-eebb81d5-b020-3246-acb8-496d4adcdec1-2f378f35, #w-node-eebb81d5-b020-3246-acb8-496d4adcdec8-2f378f35, #w-node-_7fb3434d-b5db-d908-dd8f-49ef55d54fa9-2f378f35, #w-node-_5111e12e-32a0-ef7f-1eac-82af942f178d-2f378f35, #w-node-c06b39cd-8076-66d2-d484-d7df3d7f5b82-2f378f35, #w-node-_9f6405cc-57c6-48f8-29c6-97e6a5d05e38-2f378f35, #w-node-eebb81d5-b020-3246-acb8-496d4adcdf38-2f378f35, #w-node-d84dae6f-b8b6-8d3c-3af5-7637692144b4-2f378f35, #w-node-_125df5b7-dafd-4f62-6892-94dd09013359-2f378f35, #w-node-_5da43c04-67dd-f002-ef56-d90997d35a9d-2f378f35, #w-node-a976cb25-9192-c655-c71e-d1a91eb03bf2-2f378f35 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_948a986c-d501-5f5a-a45e-a4b93b5e2b8a-3b5e2b6d {
    grid-area: 1 / 1 / 2 / 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_948a986c-d501-5f5a-a45e-a4b93b5e2b8a-3b5e2b6d {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_182b4798-9fcb-74fd-5b04-177555486335-2f378ee5 {
    order: -9999;
  }

  #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb26c-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb279-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb283-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb28d-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb296-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2a1-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2ae-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2b8-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2c2-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2cb-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2d6-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2e3-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2ed-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb2f7-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb300-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb34a-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb357-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb361-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb36b-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb374-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb37f-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb38c-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb396-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3a0-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3a9-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3b4-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3c1-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3cb-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3d5-2f378f30, #w-node-_99e50cbc-d43c-2368-b654-97f2f7ddb3de-2f378f30 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_578410b8-f958-66a0-f4ca-29336bf0aa16-2f378f30 {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_948a986c-d501-5f5a-a45e-a4b93b5e2b8a-3b5e2b6d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eebb81d5-b020-3246-acb8-496d4adcdea3-2f378f35 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}