@font-face {
  font-family: Rubik;
  src: url('../fonts/Rubik.zip') format("undefined");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Icon Rounded;
  src: url('../fonts/line-rounded-icon-font-brix.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Social Media Icon Font BRIX;
  src: url('../fonts/social-media-icon-font-brix.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Icon Squared;
  src: url('../fonts/fontello.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src: url('../fonts/fontello.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--100: white;
  --neutral--600: #464851;
  --neutral--800: #0b2234;
  --neutral-shadow--03: #19213d24;
  --neutral--200: #fafafb;
  --neutral--400: #f8f7f8;
  --neutral--300: #f1f0f0;
  --neutral-shadow--02: #19213d14;
  --primary--01: #18191e;
  --secondary--red-200: #fac6d0;
  --secondary--red-400: #fe566b;
  --secondary--blue-200: #c3ddff;
  --primary--02: #2e81fd;
  --primary--03: #ffc700;
  --secondary--yellow-200: #faedbf;
  --primary--04: #2fcc70;
  --secondary--green-200: #d3f2dd;
  --neutral-shadow--01: #19213d1a;
  --neutral--700: #202127;
  --neutral--500: #a4a6b0;
  --illustration--400: #e5c5ac;
  --illustration--300: #f9dfd0;
  --illustration--200: #fff1e9;
  --illustration--100: #fff8f4;
  --dark-overlay--80: #19213dcc;
  --dark-overlay--65: #19213da6;
  --dark-overlay--50: #19213d80;
  --dark-overlay--40: #19213d66;
  --white-overlay--80: #fffc;
  --white-overlay--65: #ffffffa6;
  --white-overlay--50: #ffffff80;
  --white-overlay--40: #fff6;
  --neutral-shadow--04: #19213d2e;
  --primary-shadow--01: #2388ff24;
  --card-bg: #eeeff199;
  --neutral-shadow--05: #19213d2e;
  --neutral-shadow-06: #19213d38;
  --primary-shadow--02: #2388ff33;
  --primary-shadow--04: #2388ff3d;
  --primary-shadow--05: #2388ff3d;
  --primary-shadow--06: #2388ff4d;
  --primary-shadow--03: #2388ff38;
  --secondary-shadow--01: #eeeff11f;
  --secondary-shadow--02: #eeeff124;
  --secondary-shadow--03: #eeeff12e;
  --secondary-shadow--04: #eeeff138;
  --secondary-shadow--05: #eeeff142;
  --secondary-shadow--06: #eeeff14d;
  --neutral--transparent: transparent;
  --core--primary--300: white;
  --secondary--blue-400: #4e9fff;
  --core--primary--400: white;
  --secondary--red-300: #fb93a3;
  --secondary--red-100: #ffecef;
  --secondary--blue-300: #8dc1ff;
  --secondary--blue-100: #e3efff;
  --secondary--yellow-400: #fed133;
  --secondary--yellow-300: #fbe080;
  --secondary--yellow-100: #fffae9;
  --secondary--green-400: #81e492;
  --secondary--green-300: #adecbb;
  --secondary--green-100: #eef9f5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

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

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

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .w-commerce-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-commercecheckoutdiscountsinput {
    font-size: 16px;
  }

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

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

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  background-color: var(--neutral--100);
  color: var(--neutral--600);
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.556em;
}

h1 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1em;
}

h2 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.208em;
}

h3 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2em;
}

h4 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333em;
}

h5 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
}

h6 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--neutral--800);
  text-decoration: underline;
  transition: color .3s;
}

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

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

label {
  color: var(--neutral--800);
  margin-bottom: 16px;
  font-weight: 500;
  line-height: 1.333em;
  display: block;
}

strong {
  color: var(--neutral--800);
  font-weight: 500;
}

blockquote {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  text-align: center;
  border: 0 #000;
  border-radius: 24px;
  padding: 64px 52px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.page-wrapper.height-100 {
  height: 100%;
}

.page-wrapper.full-page {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.utp---sidebar-layout-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 280px) 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.utp--sidebar-wrapper {
  background-color: var(--neutral--100);
  height: 100%;
  max-height: 100vh;
  box-shadow: 2px 0 6px 0 var(--neutral-shadow--03);
  position: sticky;
  top: 0;
  overflow: scroll;
}

.utp---content-wrapper {
  max-width: 80vw;
  height: 100%;
  padding-left: 50px;
  padding-right: 50px;
}

.bg-neutral-200 {
  background-color: var(--neutral--200);
}

.divider {
  background-color: var(--neutral--400);
  height: 1px;
  color: var(--neutral--400);
}

.divider._32px {
  margin-top: 32px;
  margin-bottom: 32px;
}

.divider._48px {
  margin-top: 48px;
  margin-bottom: 48px;
}

.divider._24px---40px {
  margin-top: 24px;
  margin-bottom: 40px;
}

.divider._24px {
  margin-top: 24px;
  margin-bottom: 24px;
}

.divider._64px---40px {
  margin-top: 64px;
  margin-bottom: 40px;
}

.divider.contact-v1---main-content---divider, .divider.contact-v2---main-content---divider {
  background-color: var(--neutral--600);
  width: 100%;
  height: 1px;
  min-height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.divider._48px---32px {
  margin-top: 48px;
  margin-bottom: 32px;
}

.divider._60px {
  margin-top: 60px;
  margin-bottom: 60px;
}

.utp---sidebar-bottom {
  grid-row-gap: 18px;
  flex-direction: column;
  display: flex;
}

.utp---title-wrapper {
  border-bottom: 1px solid var(--neutral--400);
  align-items: center;
  margin-bottom: 56px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.display-12 {
  font-size: 96px;
  line-height: 1em;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.display-11 {
  font-size: 72px;
  line-height: 1em;
}

.display-11.medium.text-neutral-100 {
  text-underline-offset: 15px;
  font-family: Rubik, Arial, sans-serif;
  font-size: 52px;
  font-weight: 400;
  text-decoration: none;
  text-decoration-thickness: 1.5px;
}

.display-11.medium.text-neutral-100.guide {
  font-size: 52px;
}

.display-10 {
  font-size: 60px;
  line-height: 1em;
}

.display-9 {
  font-size: 48px;
  line-height: 1.208em;
}

.display-9.mission-section-title {
  color: var(--neutral--100);
  font-weight: 500;
}

.display-8 {
  font-size: 36px;
  line-height: 1.111em;
}

.display-7 {
  font-size: 30px;
  line-height: 1.2em;
}

.display-6 {
  font-size: 24px;
  line-height: 1.333em;
}

.display-6.features-title---v2 {
  color: var(--neutral--100);
}

.display-5 {
  font-size: 20px;
  line-height: 1.4em;
}

.display-4 {
  font-size: 18px;
  line-height: 1.333em;
}

.display-4.medium.title-link {
  color: var(--neutral--800);
  text-decoration: none;
}

.display-4.medium.title-link:hover {
  color: var(--neutral--600);
}

.display-3 {
  font-size: 16px;
  line-height: 1.375em;
}

.display-3.remove-link {
  color: var(--neutral--800);
}

.display-3.remove-link:hover {
  color: var(--neutral--600);
}

.display-2 {
  font-size: 14px;
  line-height: 1.429em;
}

.display-1 {
  font-size: 12px;
  line-height: 1.5em;
}

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

.mg-right-4px {
  margin-right: 4px;
}

.mg-right-8px {
  margin-right: 8px;
}

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

.mg-right-16px {
  margin-right: 16px;
}

.grid-4-columns {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.mg-top-4px {
  margin-top: 4px;
}

.mg-top-8px {
  margin-top: 8px;
}

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

.mg-top-16px {
  margin-top: 16px;
}

.mg-top-16px.alt {
  font-family: Rubik, Arial, sans-serif;
}

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

.utp---card-color {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 8px;
  padding: 12px;
}

.utp---card-color.grey {
  border-color: var(--neutral--400);
  background-color: var(--neutral--300);
}

.utp---color-block {
  border: 1px solid var(--neutral--300);
  border-radius: 4px;
  height: 156px;
  margin-bottom: 12px;
}

.utp---color-block.bg-primary-01 {
  background-color: var(--primary--01);
}

.utp---color-block.gradient {
  height: 78px;
}

.utp---color-block.gradient.bg-gradient-red {
  background-image: linear-gradient(to right, var(--secondary--red-400), var(--secondary--red-200));
}

.utp---color-block.gradient.bg-gradient-blue {
  background-image: linear-gradient(to right, var(--primary--02), var(--secondary--blue-200));
}

.utp---color-block.gradient.bg-gradient-yellow {
  background-image: linear-gradient(to right, var(--primary--03), var(--secondary--yellow-200));
}

.utp---color-block.gradient.bg-gradient-green {
  background-image: linear-gradient(to right, var(--primary--04), var(--secondary--green-200));
}

.bg-primary-01 {
  background-color: var(--primary--01);
}

.utp---card-color-details {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.badge {
  background-color: var(--primary--02);
  color: var(--neutral--100);
  border-radius: 80px;
  align-items: center;
  padding: 12px 14px;
  font-size: 18px;
  line-height: 1em;
  display: flex;
}

.badge.neutral {
  background-color: var(--neutral--800);
}

.badge.secondary {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  color: var(--neutral--800);
}

.badge.tertiary {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--200);
  color: var(--neutral--800);
}

.badge.small {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.5em;
}

.badge.badge-medium {
  padding: 9px 10px;
  font-size: 16px;
  line-height: 1.5em;
}

.badge.category-badge {
  font-weight: 500;
}

.badge.category-badge.link-badge {
  transform-style: preserve-3d;
  text-decoration: none;
  transition: opacity .3s, transform .3s;
}

.badge.category-badge.link-badge:hover {
  opacity: .7;
  transform: scale3d(.95, .95, 1.01);
}

.utp---badge {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--200);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--01);
  border-radius: 4px;
  padding: 3px 5px;
}

.utp---badge.white {
  background-color: var(--neutral--100);
}

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

.bg-neutral-800 {
  background-color: var(--neutral--800);
}

.bg-neutral-700 {
  background-color: var(--neutral--700);
}

.bg-neutral-600 {
  background-color: var(--neutral--600);
}

.bg-neutral-500 {
  background-color: var(--neutral--500);
}

.bg-neutral-400 {
  background-color: var(--neutral--400);
}

.bg-neutral-300 {
  background-color: var(--neutral--300);
}

.bg-neutral-100 {
  background-color: var(--neutral--100);
}

.bg-illustration-400 {
  background-color: var(--illustration--400);
}

.bg-illustration-300 {
  background-color: var(--illustration--300);
}

.bg-illustration-200 {
  background-color: var(--illustration--200);
}

.bg-illustration-100 {
  background-color: var(--illustration--100);
}

.dark-overlay-80 {
  background-color: var(--dark-overlay--80);
}

.dark-overlay-65 {
  background-color: var(--dark-overlay--65);
}

.dark-overlay-50 {
  background-color: var(--dark-overlay--50);
}

.dark-overlay-40 {
  background-color: var(--dark-overlay--40);
}

.white-overlay-80 {
  background-color: var(--white-overlay--80);
}

.white-overlay-65 {
  background-color: var(--white-overlay--65);
}

.white-overlay-50 {
  background-color: var(--white-overlay--50);
}

.white-overlay-40 {
  background-color: var(--white-overlay--40);
}

.grid-2-columns {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.grid-2-columns.no-gap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.grid-2-columns.no-gap.width-100 {
  align-items: stretch;
  width: 100%;
}

.grid-2-columns.hero-grid {
  grid-column-gap: 48px;
  grid-template-columns: .8fr 1fr;
  align-items: center;
}

.grid-2-columns.contact-form-v3 {
  grid-column-gap: 48px;
  grid-template-columns: 1fr .58fr;
  justify-content: space-between;
  align-items: start;
}

.grid-2-columns.contact-form-v1---main {
  grid-column-gap: 64px;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.grid-2-columns.gap-row-40px {
  grid-column-gap: 24px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr .75fr;
}

.grid-2-columns.gap-row-40px.product-grid {
  grid-row-gap: 0px;
  grid-template-columns: 1fr .8fr;
}

.grid-2-columns.section-v21-grid {
  grid-template-columns: .8fr 1fr;
  align-items: center;
}

.grid-2-columns.template-page-sidebar {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .35fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-2-columns.changelog-item {
  grid-column-gap: 64px;
  border-top: 1px solid var(--neutral--400);
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 64px;
  padding-bottom: 64px;
  display: grid;
}

.grid-2-columns.changelog-item.first {
  border-top-style: none;
  padding-top: 0;
}

.grid-2-columns.surprises-image-right {
  grid-column-gap: 40px;
  grid-template-columns: 1fr 1.14fr;
  align-items: center;
  margin-bottom: 100px;
}

.grid-2-columns.surprises-image-right.last {
  margin-bottom: 0;
}

.grid-2-columns.surprises-image-left {
  grid-column-gap: 40px;
  grid-template-columns: 1.14fr 1fr;
  align-items: center;
  margin-bottom: 100px;
}

.grid-2-columns.service-grid---v1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: .7fr 1fr;
  align-items: stretch;
}

.grid-2-columns.blog-v1-grid---v1 {
  grid-column-gap: 32px;
  grid-row-gap: 48px;
  align-items: stretch;
}

.grid-2-columns.layout-image-right---grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-2-columns.tab-section---v3 {
  align-items: center;
}

.grid-2-columns.testimonial-grid-v3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-content: start;
  margin-top: 50px;
}

.grid-2-columns.cta-v3 {
  grid-template-columns: .9fr 1fr;
  align-items: center;
}

.grid-2-columns.story-grid---v3 {
  grid-column-gap: 40px;
  grid-row-gap: 36px;
  align-items: stretch;
}

.grid-2-columns.blog-grid---v3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-2-columns.blog-v1-grid {
  grid-column-gap: 36px;
  grid-row-gap: 48px;
  align-items: stretch;
}

.grid-2-columns.sidebar-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: .43fr 1fr;
}

.grid-2-columns.blog-featured-grid-v2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-2-columns.blog-v3-grid {
  grid-column-gap: 32px;
  grid-row-gap: 40px;
}

.grid-2-columns.office-grid---contact-v3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-2-columns.features-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: auto auto;
}

.grid-2-columns.coming-soon-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr .9fr;
  align-items: center;
  min-height: 90vh;
}

.grid-2-columns.hero-grid---help-center-page {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
}

.grid-2-columns.cta-sales-grid {
  align-items: stretch;
}

.bg-gradient-red {
  background-image: linear-gradient(to right, var(--primary--01), var(--secondary--red-200));
}

.bg-gradient-blue {
  background-image: linear-gradient(to right, var(--primary--02), var(--secondary--blue-200));
}

.bg-gradient-yellow {
  background-image: linear-gradient(to right, var(--primary--03), var(--secondary--yellow-200));
}

.bg-gradient-green {
  background-image: linear-gradient(to right, var(--primary--04), var(--secondary--green-200));
}

.utp---styles-and-components-wrapper {
  margin-bottom: 70px;
}

.card {
  background-color: var(--neutral--100);
  color: var(--neutral--600);
  border-radius: 20px;
  overflow: hidden;
}

.card.typography-card {
  padding: 28px 24px;
}

.card.utp---icon-font {
  padding: 56px 40px;
}

.card.utp---components-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.card.utp---components-wrapper.overflow-visible {
  overflow: visible;
}

.card.error-message {
  border-color: var(--primary--01);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.card.error-message.width-340px {
  max-width: 340px;
}

.card.message {
  border-color: var(--neutral--400);
  text-align: left;
  flex-direction: row;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
}

.card.message.vertical {
  text-align: center;
  flex-direction: column;
  align-items: center;
}

.card.message.vertical.width-346px {
  width: 100%;
  max-width: 346px;
}

.card.thank-you-message {
  border-color: var(--primary--02);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.card.thank-you-message.width-340px {
  max-width: 340px;
}

.card.request-a-demo-message {
  border-color: var(--primary--03);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.card.request-a-demo-message.width-340px {
  max-width: 340px;
}

.card.download-message {
  border-color: var(--primary--04);
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px;
  display: flex;
}

.card.download-message.width-340px {
  max-width: 340px;
}

.card.popup-image-v1 {
  box-shadow: 0 8px 10px 0 var(--neutral-shadow--04);
  border-width: 0;
  overflow: hidden;
}

.card.icon-popup-v2 {
  box-shadow: 0 8px 10px 0 var(--neutral-shadow--04);
  text-align: left;
  border-width: 0;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.logo-strip {
  justify-content: center;
  align-items: center;
  padding: 24px 12px;
  display: flex;
}

.card.team-member-v1 {
  text-align: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 56px 32px;
  display: flex;
  position: relative;
}

.card.plan-item {
  perspective: 1000px;
  text-align: center;
  border-radius: 18px;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding: 32px;
  display: flex;
  position: relative;
}

.card.plan-item.dark {
  background-color: var(--neutral--700);
}

.card.plan-item.without-ecommerce-featured {
  height: auto;
  margin-bottom: 57px;
}

.card.plan-item.without-ecommerce {
  height: auto;
  margin-top: 57px;
}

.card.blog-card-featured {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-color: var(--neutral--400);
  color: var(--neutral--600);
  grid-template-rows: auto;
  grid-template-columns: .85fr 1fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
  position: relative;
}

.card.blog-card-featured:hover {
  color: var(--neutral--600);
}

.card.blog-card {
  border-color: var(--neutral--400);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.blog-card:hover {
  color: var(--neutral--600);
}

.card.content-card {
  border-color: var(--neutral--400);
  flex-direction: column;
  height: 100%;
  display: flex;
}

.card.content-card-v20 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-color: var(--neutral--400);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-top: 32px;
  padding-bottom: 32px;
  display: grid;
}

.card.content-card-v20.horizontal-card {
  width: 760px;
  margin-right: 40px;
}

.card.template-pages---sticky-card {
  z-index: 24;
  border-radius: 6px;
  padding: 32px 16px 24px;
  position: sticky;
  top: 24px;
}

.card.template-pages---text-card {
  border-radius: 6px;
  padding: 40px 64px 64px;
}

.card.sales---text-and-image {
  border: 1px solid var(--neutral--400);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 8px;
  justify-content: space-between;
  margin-bottom: 24px;
  display: flex;
}

.card.sales---text-and-image.image-left {
  margin-bottom: 0;
}

.card.sales---page-link {
  border: 1px solid var(--neutral--400);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  color: var(--neutral--300);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 8px;
  text-decoration: none;
  transition: box-shadow .3s, transform .3s;
  display: block;
}

.card.sales---page-link:hover {
  box-shadow: 0 1px 1px 0 var(--neutral-shadow--02);
  color: var(--neutral--300);
  transform: scale3d(.98, .98, 1.01);
}

.card.buy-now {
  min-height: 100%;
  box-shadow: 0 6px 20px 0 var(--primary-shadow--01);
  transform-style: preserve-3d;
  background-color: #146ef5;
  border: 1px #146ef5;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  transition: box-shadow .3s, transform .3s;
  display: flex;
}

.card.buy-now:hover {
  box-shadow: 0 1px 1px 0 var(--primary-shadow--01);
  transform: scale3d(.98, .98, 1.01);
}

.card.buy-now.white {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
}

.card.buy-now.white:hover {
  box-shadow: 0 1px 1px 0 var(--neutral-shadow--02);
}

.card.checkout-block {
  margin-bottom: 40px;
  padding: 32px 32px 48px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.features-card---v1 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--card-bg);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 80px 64px;
  display: grid;
  overflow: visible;
}

.card.service-card---v1 {
  background-color: var(--neutral--700);
  min-height: 100%;
  padding: 48px 40px;
  position: relative;
}

.card.service-card---v1.top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 48px 56px 0;
  display: grid;
}

.card.service-card---v1.left {
  flex-direction: column;
  padding-bottom: 34px;
  display: flex;
}

.card.service-card---v1.right {
  flex-direction: column;
  padding: 61px 56px 40px;
  display: flex;
}

.card.service-card---v1.white-top---main {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--neutral--300);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 48px 56px 0;
  display: grid;
}

.card.service-card---v1.white-left---main {
  background-color: var(--neutral--300);
  flex-direction: column;
  padding-bottom: 34px;
  display: flex;
}

.card.service-card---v1.white-right---main {
  background-color: var(--neutral--300);
  flex-direction: column;
  padding: 61px 56px 40px;
  display: flex;
}

.card.cta-v1 {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding-top: 96px;
  padding-left: 48px;
  padding-right: 48px;
  display: grid;
}

.card.testimonial-card-v1 {
  padding: 76px 40px 73px;
  display: flex;
}

.card.service-card---v2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--neutral--700);
  grid-template-rows: auto;
  grid-template-columns: .8fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 130px 60px;
  display: grid;
  position: relative;
}

.card.testimonial-card-v2 {
  border-radius: 18px;
  max-width: 356px;
  min-height: 100%;
  padding: 40px 29px 32px;
}

.card.testimonial-card-v3 {
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 32px;
  display: flex;
}

.card.testimonial-card-v3.top {
  margin-top: -135px;
}

.card.faq-card-v3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
  grid-auto-columns: 1fr;
  padding: 88px 72px;
  display: grid;
}

.card.join-team-card {
  background-color: var(--neutral--300);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: 32px;
  padding: 64px 24px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 100%;
}

.card.career-card-wrapper {
  border-radius: 24px;
}

.card.author-card {
  justify-content: flex-start;
  align-items: center;
  padding: 56px;
  display: flex;
  position: relative;
}

.card.form-card-v1 {
  padding: 82px 67px;
}

.card.faq-card-v2 {
  background-color: var(--neutral--700);
  max-width: 843px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 44px;
  padding-bottom: 38px;
}

.card.perks-card {
  background-color: var(--neutral--100);
  padding: 148px 40px;
}

.card.testimonial-card-slide {
  grid-column-gap: 94px;
  grid-row-gap: 94px;
  flex-direction: column;
  justify-content: space-between;
  padding: 38px 34px;
  display: flex;
}

.card.career-single-card {
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  padding: 72px 100px;
}

.card.team-member-single-card {
  max-width: 827px;
  margin-left: auto;
  margin-right: auto;
  padding: 77px 68px 55px;
  position: relative;
}

.card.product-single-card {
  padding: 48px;
  position: sticky;
  top: 25px;
}

.card.demo-card {
  background-color: var(--neutral--700);
  padding: 60px 68px;
}

.card.help-center-category-card {
  height: 100%;
  color: var(--neutral--600);
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 72px 32px;
  text-decoration: none;
  display: flex;
}

.card.help-center-category-card:hover {
  color: var(--neutral--600);
}

.card.help-center-card {
  border-radius: 24px;
}

.card.help-center-single-card {
  border-radius: 24px;
  padding: 95px 100px;
}

.card.sign-in {
  background-color: var(--neutral--700);
  padding: 72px 80px;
}

.card.sign-up {
  padding: 66px 68px;
}

.card.password-card {
  border-radius: 24px;
  padding: 80px 68px 90px;
}

.card.terms-card {
  padding: 72px 64px 88px;
}

.card.not-found-card {
  border-radius: 24px;
  width: 100%;
  padding: 112px;
}

.card.search-card {
  width: 100%;
  min-height: 100%;
  color: var(--neutral--600);
  padding: 32px;
  text-decoration: none;
  transition-property: none;
}

.card.search-card:hover {
  color: var(--neutral--600);
}

.card.styles-card {
  border: 1px solid var(--neutral--400);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 8px;
}

.card.form-card-v2 {
  min-height: 100%;
  padding: 82px 67px;
}

.card.email-card {
  border-radius: 24px;
  padding: 90px 68px;
}

.card.protected-page-card {
  border-radius: 24px;
  width: 100%;
  padding: 80px 68px 90px;
}

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

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

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

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

.text-neutral-300 {
  color: var(--neutral--300);
  border-top: 1px #fff;
  border-radius: 0;
  padding-top: 10px;
  font-family: Rubik, Arial, sans-serif;
}

.text-neutral-300.home {
  border-top-style: none;
  font-weight: 400;
}

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

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

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

.flex-horizontal.space-between {
  justify-content: space-between;
}

.flex-horizontal.space-between.wrap {
  flex-wrap: wrap;
}

.flex-horizontal.gap-12px {
  grid-column-gap: 12px;
}

.flex-horizontal.gap-12px.mg-tb-5px {
  margin-top: 5px;
  margin-bottom: 5px;
}

.flex-horizontal.justify-end {
  justify-content: flex-end;
}

.flex-horizontal.justify-start {
  justify-content: flex-start;
}

.flex-horizontal.n-bar-center---button-right {
  grid-column-gap: 24px;
}

.flex-horizontal.n-bar---space-between {
  grid-column-gap: 24px;
  justify-content: space-between;
}

.flex-horizontal.logo-strip {
  width: 100%;
}

.flex-horizontal.logo-strip.v10 {
  justify-content: flex-start;
}

.flex-horizontal.logo-strip-wrapper---horizontal {
  flex-wrap: nowrap;
  flex: none;
  justify-content: flex-start;
  width: auto;
}

.flex-horizontal.start {
  justify-content: flex-start;
}

.flex-horizontal.flex-wrap {
  flex-wrap: wrap;
}

.mg-top-40px {
  margin-top: 40px;
}

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

.text-primary-02 {
  color: var(--primary--02);
}

.utp---typography-grid-row {
  grid-column-gap: 12px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.utp---typography-grid-row.header {
  border-bottom: 1.5px solid var(--neutral--300);
  padding-bottom: 16px;
}

.utp---typography-grid-item._55 {
  width: 55%;
}

.utp---typography-grid-item._26-5 {
  width: 26.5%;
}

.utp---typography-grid-item._11 {
  width: 11%;
}

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

.grid-1-column.gap-row-48px, .grid-1-column.gap-row-64px {
  grid-row-gap: 48px;
}

.grid-1-column.gap-row-8px {
  grid-row-gap: 8px;
}

.grid-1-column.gap-row-4px {
  grid-row-gap: 4px;
}

.grid-1-column.headers-blocks {
  grid-row-gap: 280px;
  display: flex;
}

.grid-1-column.gap-row-24px {
  grid-row-gap: 24px;
}

.grid-1-column.accordion-v1-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

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

.grid-1-column.utp {
  flex-direction: column;
  display: flex;
}

.grid-1-column.blog-grid-v2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.grid-1-column.gap-row-28px.contact-links {
  justify-content: start;
  justify-items: start;
}

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

.utp---card-shadow {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 120px;
  padding: 12px;
  display: flex;
}

.neutral-shadow-01 {
  box-shadow: 0 1px 2px 0 var(--neutral-shadow--01);
}

.neutral-shadow-02 {
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
}

.neutral-shadow-03 {
  box-shadow: 0 2px 6px 0 var(--neutral-shadow--03);
}

.neutral-shadow-04 {
  box-shadow: 0 4px 14px 0 var(--neutral-shadow--04);
}

.neutral-shadow-05 {
  box-shadow: 0 12px 26px 0 var(--neutral-shadow--05);
}

.neutral-shadow-06 {
  box-shadow: 0 22px 36px 0 var(--neutral-shadow-06);
}

.primary-shadow-01 {
  box-shadow: 0 1px 2px 0 var(--primary-shadow--01);
}

.primary-shadow-02 {
  box-shadow: 0 1px 4px 0 var(--primary-shadow--02);
}

.primary-shadow-04 {
  box-shadow: 0 4px 14px 0 var(--primary-shadow--04);
}

.primary-shadow-05 {
  box-shadow: 0 12px 16px 0 var(--primary-shadow--05);
}

.primary-shadow-06 {
  box-shadow: 0 22px 36px 0 var(--primary-shadow--06);
}

.primary-shadow-03 {
  box-shadow: 0 2px 6px 0 var(--primary-shadow--03);
}

.secondary-shadow-01 {
  box-shadow: 0 1px 2px 0 var(--secondary-shadow--01);
}

.secondary-shadow-02 {
  box-shadow: 0 1px 4px 0 var(--secondary-shadow--02);
}

.secondary-shadow-03 {
  box-shadow: 0 2px 6px 0 var(--secondary-shadow--03);
}

.secondary-shadow-04 {
  box-shadow: 0 4px 14px 0 var(--secondary-shadow--04);
}

.secondary-shadow-05 {
  box-shadow: 0 12px 26px 0 var(--secondary-shadow--05);
}

.secondary-shadow-06 {
  box-shadow: 0 22px 36px 0 var(--secondary-shadow--06);
}

.inner-container._320px {
  max-width: 320px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._472px---100-mbl {
  max-width: 472px;
}

.inner-container._690px {
  max-width: 690px;
}

.inner-container._536px {
  max-width: 536px;
}

.inner-container._340px {
  max-width: 340px;
}

.inner-container._420px {
  max-width: 420px;
}

.inner-container._872px {
  width: 100%;
  max-width: 776px;
}

.inner-container._584px {
  max-width: 584px;
}

.inner-container._455px {
  max-width: 455px;
}

.inner-container._485px {
  max-width: 485px;
}

.inner-container._562px {
  max-width: 562px;
}

.inner-container._540px {
  max-width: 540px;
}

.inner-container._450px {
  max-width: 450px;
}

.inner-container._400px {
  max-width: 400px;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._500px {
  max-width: 500px;
}

.inner-container._492px {
  max-width: 492px;
}

.inner-container._523px {
  max-width: 523px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._900px {
  max-width: 900px;
}

.inner-container._652px {
  max-width: 652px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container._470px {
  max-width: 470px;
}

.inner-container._510px {
  max-width: 510px;
}

.inner-container._610px {
  max-width: 610px;
}

.inner-container._800px {
  max-width: 800px;
}

.inner-container._545px {
  max-width: 545px;
}

.inner-container._375px {
  max-width: 375px;
}

.inner-container._575px {
  max-width: 575px;
}

.inner-container._630px {
  max-width: 630px;
}

.inner-container._720px {
  max-width: 720px;
}

.inner-container._935px {
  max-width: 935px;
}

.inner-container._843px {
  max-width: 843px;
}

.inner-container._524px {
  max-width: 524px;
}

.inner-container._453px {
  max-width: 453px;
}

.inner-container.hero-section---v2---content {
  max-width: 500px;
}

.inner-container.hero-v3-top-content {
  max-width: 472px;
}

.inner-container._1051px {
  max-width: 1051px;
}

.inner-container.testimonial-grid-v3---title {
  max-width: 400px;
}

.inner-container._936px {
  max-width: 936px;
}

.inner-container._580px {
  max-width: 580px;
}

.inner-container._452px {
  max-width: 452px;
}

.inner-container._734px {
  max-width: 734px;
}

.inner-container._353px {
  max-width: 353px;
}

.inner-container.hero-section-v7---main-content {
  max-width: 536px;
}

.inner-container._945px {
  width: 100%;
  max-width: 945px;
}

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

.inner-container.contact-v1---main-content {
  max-width: 376px;
}

.inner-container._28px {
  max-width: 28px;
}

.inner-container.contact-form---main-content-v2 {
  flex-direction: column;
  width: 100%;
  max-width: 376px;
  padding-top: 61px;
  display: flex;
}

.inner-container.full-image-grid---content {
  width: 100%;
  max-width: 460px;
  padding-top: 60px;
  padding-bottom: 60px;
}

.inner-container._34px {
  max-width: 34px;
}

.inner-container._890px {
  max-width: 890px;
}

.inner-container._520px {
  max-width: 520px;
}

.utp---card-logo {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  min-width: 144px;
  min-height: 144px;
  box-shadow: 0 2px 8px 0 var(--neutral-shadow--02);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.utp---card-logo.dark-card {
  background-color: var(--neutral--800);
}

.utp---card-logo.auto-padding {
  min-height: 98px;
  padding-top: 26px;
  padding-bottom: 26px;
}

.logo-icon-wrapper._22px {
  width: 22px;
  margin-right: 8px;
}

.logo-text-wrapper {
  align-items: center;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.logo-text-wrapper:hover {
  transform: scale(.96);
}

.logo-link {
  transition: all .3s;
}

.logo-link:hover {
  transform: scale(.92);
}

.grid-icon-font {
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(20px, 20px));
}

.icon-font-rounded {
  font-family: Icon Rounded, sans-serif;
}

.icon-font-rounded.link-arrow {
  margin-left: 6px;
  display: inline;
}

.icon-font-rounded.link-arrow.mg-left-4px {
  margin-left: 4px;
}

.icon-font-rounded.dropdown-arrow {
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  display: flex;
}

.icon-font-rounded.success-message-icon {
  color: var(--primary--02);
  margin-right: 10px;
}

.icon-font-rounded.success-message-icon.large---top {
  margin-right: 0;
  font-size: 80px;
  line-height: 1em;
}

.icon-font-rounded.close-button-icon {
  cursor: pointer;
}

.icon-font-wrapper {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 17px;
  display: flex;
}

.icon-font-wrapper.close-icon {
  font-size: 22px;
  line-height: 22px;
}

.icon-font-wrapper._20px {
  font-size: 20px;
}

.utp---grid-components-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.utp---grid-components-wrapper._1-column.mg-bottom-56px {
  margin-bottom: 56px;
}

.utp---card-componets-wrapper {
  width: 100%;
  padding: 42px 40px;
}

.utp---card-componets-wrapper.dark {
  background-color: var(--neutral--800);
}

.utp---card-componets-wrapper.dark.v2.links {
  padding-bottom: 48px;
}

.utp---card-componets-wrapper.v2 {
  width: 100%;
}

.utp---card-componets-wrapper.v2.rich-text {
  padding: 56px 90px;
}

.utp---buttons-top {
  justify-content: center;
  margin-bottom: 14px;
  display: none;
}

.utp---buttons-head-wrapper {
  grid-column-gap: 1px;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding-left: 38px;
  padding-right: 38px;
  display: flex;
}

.text-uppercase {
  letter-spacing: .06em;
  text-transform: uppercase;
}

.width-33 {
  width: 33%;
}

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

.utp---grid-components {
  grid-column-gap: 10px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start center;
}

.utp---grid-components.mg-bottom-32px {
  margin-bottom: 32px;
}

.utp---grid-components._1-column {
  grid-template-columns: 1fr;
}

.utp---grid-components._1-column.gap-row-16px {
  grid-row-gap: 16px;
}

.button-primary {
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--800);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  color: var(--neutral--100);
  text-align: center;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.button-primary:hover {
  color: var(--neutral--100);
  transform: scale(.94);
}

.button-primary.small {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.5em;
}

.button-primary.small.inside-input {
  padding-top: 1px;
  padding-bottom: 1px;
  top: 4px;
  bottom: 4px;
  right: 4px;
}

.button-primary.large {
  padding: 20px 22px;
  font-size: 20px;
  line-height: 1em;
}

.button-primary.white {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.button-primary.white.sales-cta-card-button {
  border-color: var(--neutral--100);
  background-color: var(--illustration--100);
  color: #146ef5;
  transition-property: none;
  display: inline-block;
}

.button-primary.white.sales-cta-card-button:hover {
  transform: none;
}

.button-primary.white.sign-in-button {
  border-color: var(--neutral--300);
  min-height: 61px;
  box-shadow: none;
  font-weight: 400;
}

.button-primary.sales-cta-card-button {
  background-color: #553ffe;
  border-color: #553ffe;
  transition-property: none;
  display: inline-block;
}

.button-primary.sales-cta-card-button:hover {
  transform: none;
}

.button-primary.discounts-button {
  margin-top: 8px;
  margin-left: 0;
}

.button-primary.inside-input {
  border-color: var(--primary--04);
  background-color: var(--primary--04);
  padding-top: 1px;
  padding-bottom: 1px;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
  inset: 8px 8px 8px auto;
}

.button-primary.inside-input.white {
  background-color: var(--primary--04);
  font-family: Rubik, Arial, sans-serif;
  font-weight: 500;
}

.item-icon-right {
  align-items: center;
  margin-left: 6px;
  font-weight: 600;
  line-height: 1em;
}

.item-icon-right.medium {
  margin-left: 6px;
}

.item-icon-left {
  margin-right: 6px;
  line-height: 1em;
}

.item-icon-left.medium {
  margin-right: 6px;
}

.secondary-button {
  border: 1px solid var(--neutral--500);
  color: var(--neutral--800);
  text-align: center;
  background-color: #0000;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 12px 18px;
  font-size: 18px;
  line-height: 1.333em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.secondary-button:hover {
  color: var(--neutral--800);
  transform: scale(.94);
}

.secondary-button.small {
  padding: 8px 12px;
  font-size: 12px;
  line-height: 1.5em;
}

.secondary-button.large {
  padding: 20px 22px;
  font-size: 20px;
  line-height: 1em;
}

.secondary-button.large.buy-now-button {
  margin-top: 0;
}

.secondary-button.white {
  border-color: var(--primary--04);
  color: var(--neutral--100);
  background-color: #0000;
}

.primary-button-icon {
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--800);
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: var(--neutral--100);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: box-shadow .3s, color .3s, border-color .3s, background-color .3s, transform .3s;
  display: flex;
}

.primary-button-icon:hover {
  color: var(--neutral--100);
  transform: scale(.94);
}

.primary-button-icon.small {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 12px;
}

.primary-button-icon.large {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 22px;
}

.primary-button-icon.large.no-hover:hover {
  transform: none;
}

.primary-button-icon.large.slider-button-right.alt {
  left: 104%;
}

.primary-button-icon.large.slider-button-left.alt {
  margin-left: -24px;
}

.primary-button-icon.white {
  border-color: var(--illustration--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.primary-button-icon.no-hover {
  transition-property: none;
}

.primary-button-icon.no-hover:hover {
  transform: none;
}

.primary-button-icon.slider-arrow---testimonial-v1 {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  color: var(--neutral--500);
  font-size: 22px;
  line-height: 1em;
  box-shadow: 0 1px 1px #0e0e0e0a, 0 4px 4px #d3d3d30f;
}

.primary-button-icon.slider-arrow---testimonial-v1:hover {
  color: var(--neutral--800);
}

.primary-button-icon.slider-arrow---testimonial-v1.left {
  inset: auto 66px 0% auto;
}

.primary-button-icon.slider-arrow---testimonial-v1.right {
  inset: auto 0% 0% auto;
}

.primary-button-icon.slider-arrow---testimonial-v1.left-v2 {
  inset: 308px 100% auto -700px;
}

.primary-button-icon.slider-arrow---testimonial-v1.right-v2 {
  inset: 308px 100% auto -824px;
}

.secondary-button-icon {
  border: 1px solid var(--neutral--200);
  background-color: var(--neutral--200);
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: var(--neutral--700);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.secondary-button-icon:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  transform: scale(.94);
}

.secondary-button-icon.small {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 12px;
}

.secondary-button-icon.large {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 22px;
}

.secondary-button-icon.white {
  border-color: var(--neutral--600);
  color: var(--neutral--100);
  background-color: #0000;
}

.tertiary-button-icon {
  border: 1px solid var(--neutral--100);
  background-color: var(--neutral--100);
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
}

.tertiary-button-icon:hover {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  transform: scale(.94);
}

.tertiary-button-icon.small {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  font-size: 12px;
}

.tertiary-button-icon.large {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  font-size: 22px;
}

.tertiary-button-icon.large.pagination-button---right {
  margin-left: auto;
  margin-right: 0;
  padding: 0;
}

.tertiary-button-icon.large.pagination-button---left {
  margin-left: 0;
  margin-right: auto;
  padding: 0;
}

.tertiary-button-icon.white {
  border-color: var(--neutral--700);
  background-color: var(--neutral--700);
  color: var(--neutral--100);
}

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

.link {
  color: var(--neutral--800);
  align-items: center;
  font-size: 18px;
  line-height: 1.333em;
  text-decoration: none;
  transition: opacity .3s, color .3s;
  display: flex;
}

.link:hover {
  opacity: .75;
  color: var(--neutral--800);
}

.link.medium {
  align-items: center;
}

.link.medium.plan-dropdown {
  justify-content: center;
  padding: 0;
}

.link.medium.help-center-category-link {
  color: var(--primary--01);
  transition-property: none;
}

.link.medium.help-center-category-link:hover {
  opacity: 1;
  color: var(--primary--01);
}

.link.small {
  font-size: 14px;
}

.link.text-primary-02 {
  color: var(--primary--02);
}

.link.text-primary-02:hover {
  color: var(--neutral--800);
}

.link.text-neutral-100 {
  color: var(--neutral--100);
}

.link.text-neutral-100:hover {
  color: var(--neutral--400);
}

.link.nav-white {
  color: var(--neutral--100);
}

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

.link.text-neutral-400.text-underline, .link.text-underline {
  text-decoration: underline;
}

.link.cart-link {
  background-color: var(--neutral--transparent);
  margin-right: 24px;
  padding: 0;
}

.link.mg-left-auto {
  margin-right: auto;
}

.list-item {
  color: var(--neutral--800);
  flex-direction: row;
  margin-bottom: 12px;
  display: flex;
}

.list-item.display-1.text-neutral-100, .list-item.text-neutral-100 {
  color: var(--neutral--100);
}

.list-wrapper {
  margin-bottom: 0;
  padding-left: 0;
}

.list-item-bullet {
  color: var(--neutral--800);
  margin-bottom: 12px;
}

.list-item-bullet.display-1.text-neutral-100, .list-item-bullet.text-neutral-100 {
  color: var(--neutral--100);
}

.list-item-number {
  color: var(--neutral--800);
  margin-bottom: 12px;
}

.list-item-number.display-1.text-neutral-100, .list-item-number.text-neutral-100 {
  color: var(--neutral--100);
}

.utp---grid-square-icons {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(48px, 48px));
}

.square-icon {
  width: 48px;
  height: 48px;
  box-shadow: none;
}

.square-icon.large {
  border-radius: 16px;
  width: 64px;
  height: 64px;
}

.icon-font-social-media {
  font-family: Social Media Icon Font BRIX, sans-serif;
}

.utp---grid-social-media-icons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(24px, 24px));
}

.social-media-icon-wrapper {
  width: 20px;
  height: 20px;
  color: var(--neutral--100);
  background-color: #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s;
  display: flex;
}

.social-media-icon-wrapper:hover {
  color: var(--neutral--100);
  transform: scale(.92);
}

.social-media-icon-wrapper.facebook {
  background-color: #1877f2;
}

.social-media-icon-wrapper.twitter {
  background-color: #1da1f2;
}

.social-media-icon-wrapper.instagram {
  background-color: #0000;
  background-image: linear-gradient(135deg, #8423ffb5, #ff881900), radial-gradient(circle, #fa2d9b, #ff9467 81%, #ffd231);
}

.social-media-icon-wrapper.linkedin {
  background-color: #0a6ed2;
}

.social-media-icon-wrapper.youtube {
  background-color: red;
}

.social-media-icon-wrapper.dribbble {
  background-color: #fc4d91;
}

.social-media-icon-wrapper.behance {
  background-color: #205bf6;
}

.social-media-icon-wrapper.whatsapp {
  background-color: #00d95f;
}

.social-media-icon-wrapper.tiktok {
  background-color: #000;
}

.social-media-icon-wrapper.google {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
}

.social-media-icon-wrapper.spotify {
  background-color: #1ed760;
}

.social-media-icon-wrapper.product-hunt {
  background-color: #ff6155;
}

.social-media-icon-wrapper.yelp {
  background-color: #ff1a1a;
}

.social-media-icon-wrapper.twitch {
  background-color: #9247fd;
}

.social-media-icon-wrapper.tumblr {
  background-color: #001935;
}

.social-media-icon-wrapper.vk {
  background-color: #07f;
}

.social-media-icon-wrapper.line {
  background-color: #3ace01;
}

.social-media-icon-wrapper.soundcloud {
  background-image: linear-gradient(#ff9436, #ff433a);
}

.social-media-icon-wrapper.github {
  background-color: #24292f;
}

.social-media-icon-wrapper.messager {
  background-image: linear-gradient(#f84781, #5d78f6 67%, #0073ff);
}

.social-media-icon-wrapper.reddit {
  background-color: #ff4500;
}

.social-media-icon-wrapper.pinterest {
  background-color: red;
}

.social-media-icon-wrapper.telegram {
  background-image: linear-gradient(#00acff, #0098e1);
}

.social-media-icon-wrapper.medium {
  background-color: #020202;
}

.social-media-icon-wrapper.snapchat {
  background-color: #fffc00;
}

.social-media-icon-wrapper.discord {
  background-color: #5865f2;
}

.social-media-icon-wrapper.skype {
  background-image: linear-gradient(#00c3ff, #0092dd);
}

.social-media-icon-wrapper.google-podcast {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
}

.social-media-icon-wrapper.apple-podcast {
  background-image: linear-gradient(#d272f7, #8433be);
}

.social-media-icon-wrapper.apple {
  background-color: #000;
}

.social-media-icon-wrapper.google-play {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  padding: 5px;
}

.social-media-icon-wrapper.wechat {
  background-color: #2dc100;
}

.social-media-icon-wrapper.apple-music {
  background-image: linear-gradient(#fb5c74, #fa233b 72%);
}

.avatar-wrapper {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  position: relative;
}

.avatar-wrapper._24px {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.avatar-wrapper._32px {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.avatar-wrapper._40px {
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
}

.avatar-wrapper._48px {
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.avatar-wrapper._64px {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
}

.avatar-wrapper._72px {
  width: 72px;
  min-width: 72px;
  height: 72px;
  min-height: 72px;
}

.avatar-wrapper._80px {
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
}

.avatar-wrapper._96px {
  width: 96px;
  min-width: 96px;
  height: 96px;
  min-height: 96px;
}

.avatar-wrapper._130px {
  width: 130px;
  min-width: 130px;
  height: 130px;
  min-height: 130px;
}

.avatar-wrapper._130px.team-member-v1---avatar {
  z-index: 1;
  align-self: center;
  overflow: hidden;
}

.avatar-wrapper._120px {
  width: 120px;
  min-width: 120px;
  height: 120px;
  min-height: 120px;
}

.avatar-image {
  border-radius: 3px;
}

.avatar-image._4px {
  border-radius: 4px;
}

.avatar-image._5px {
  border-radius: 5px;
}

.avatar-image._6px {
  border-radius: 4px;
}

.avatar-image._8px {
  border-radius: 8px;
}

.avatar-image._9px {
  border-radius: 9px;
}

.avatar-image._10px {
  border-radius: 10px;
}

.avatar-image._12px {
  border-radius: 12px;
}

.avatar-image._15px {
  border-radius: 15px;
}

.avatar-image.circle {
  border-radius: 50%;
  width: 100%;
}

.avatar-dot {
  border: 2px solid var(--neutral--100);
  background-color: var(--primary--01);
  border-radius: 50px;
  width: 8px;
  height: 8px;
  position: absolute;
  inset: -1px -1px auto auto;
}

.avatar-dot._10px {
  width: 10px;
  height: 10px;
  top: -3px;
  right: -3px;
}

.avatar-dot._10px.bottom {
  bottom: -2px;
  right: -2px;
}

.avatar-dot._12px {
  width: 12px;
  height: 12px;
  top: -4px;
  right: -4px;
}

.avatar-dot._12px.bottom {
  bottom: -2px;
  right: -2px;
}

.avatar-dot._13px {
  width: 13px;
  height: 13px;
  top: -4px;
  right: -4px;
}

.avatar-dot._13px.bottom {
  bottom: -1px;
  right: -2px;
}

.avatar-dot._15px {
  width: 15px;
  height: 15px;
  top: -6px;
  right: -6px;
}

.avatar-dot._15px.bottom {
  bottom: 2px;
  right: -2px;
}

.avatar-dot.bottom {
  inset: auto -3px -3px auto;
}

.utp---avatars-flex-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 22px;
  display: flex;
}

.width-100 {
  width: 100%;
}

.width-100.mg-bottom-0 {
  margin-bottom: 0;
}

.input {
  border: 1px solid var(--neutral--200);
  background-color: var(--neutral--200);
  height: 61px;
  color: var(--neutral--800);
  border-radius: 80px;
  margin-bottom: 0;
  padding: 8px 24px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1em;
  transition: border-color .3s, background-color .3s, color .3s;
}

.input:hover {
  border-color: var(--neutral--400);
}

.input:focus, .input.-wfp-focus {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
}

.input::placeholder {
  color: var(--neutral--600);
}

.input.icon-left {
  padding-left: 38px;
}

.input.icon-right {
  padding-right: 38px;
}

.input.text-left {
  padding-left: 70px;
}

.input.input-medium {
  height: 48px;
  font-size: 14px;
  line-height: 1.429em;
}

.input.dropdown-wrapper {
  border-color: var(--neutral--100);
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.input.dropdown-wrapper:hover {
  border-color: var(--neutral--500);
}

.input.dropdown-wrapper:focus {
  border-color: var(--neutral--800);
}

.input.dropdown {
  background-color: var(--neutral--200);
  height: auto;
  box-shadow: none;
  color: var(--neutral--600);
  border-style: none;
  border-radius: 80px;
  align-self: stretch;
  margin: 1px;
  padding-top: 0;
  padding-bottom: 0;
  transition: color .3s;
}

.input.dropdown:focus {
  color: var(--neutral--800);
}

.input.dark {
  border-color: var(--neutral--700);
  background-color: var(--neutral--700);
  color: var(--neutral--100);
}

.input.dark:hover {
  border-color: var(--neutral--600);
}

.input.dark:focus {
  border-color: var(--neutral--500);
  color: var(--neutral--100);
}

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

.input.dark.btn-inside {
  background-color: var(--core--primary--300);
  color: var(--neutral--700);
  text-overflow: clip;
}

.input.grey {
  border-color: var(--neutral--600);
  background-color: var(--neutral--600);
  color: var(--neutral--100);
}

.input.grey:hover {
  border-color: var(--neutral--500);
}

.input.grey:focus {
  border-color: var(--neutral--100);
}

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

.input.btn-inside {
  padding-right: 40%;
}

.input.white {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
}

.input.white:hover {
  border-color: var(--neutral--400);
}

.input.white:focus {
  border-color: var(--neutral--600);
}

.input.cart-quantity-item {
  height: 38px;
  padding: 4px 12px;
}

.width-320px {
  width: 100%;
  max-width: 320px;
}

.input-wrapper {
  position: relative;
}

.input-icon-wrapper {
  cursor: default;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 16px;
}

.input-icon-wrapper.right {
  left: auto;
  right: 16px;
}

.input-https-wrapper {
  cursor: default;
  border-top-left-radius: 80px;
  border-bottom-left-radius: 80px;
  align-items: center;
  padding-left: 18px;
  padding-right: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5em;
  display: flex;
  position: absolute;
  inset: 1px auto 1px 1px;
}

.text-area {
  border: 1px solid var(--neutral--200);
  background-color: var(--neutral--200);
  min-width: 100%;
  max-width: 100%;
  min-height: 138px;
  max-height: 200px;
  color: var(--neutral--800);
  border-radius: 24px;
  margin-bottom: 0;
  padding: 24px;
  font-size: 18px;
  line-height: 1.333em;
  transition: color .3s, border-color .3s, background-color .3s;
}

.text-area:hover {
  border-color: var(--neutral--400);
}

.text-area:focus {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
}

.text-area::placeholder {
  color: var(--neutral--600);
}

.text-area.icon-left {
  padding-left: 38px;
}

.text-area.input-medium {
  border-radius: 20px;
  min-height: 138px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.429em;
}

.text-area.dark {
  border-color: var(--neutral--700);
  background-color: var(--neutral--700);
  color: var(--neutral--100);
}

.text-area.dark:hover {
  border-color: var(--neutral--600);
}

.text-area.dark:focus {
  border-color: var(--neutral--400);
}

.text-area.dark::placeholder {
  color: var(--neutral--400);
}

.text-area-icon-wrapper {
  position: absolute;
  inset: 11px auto 0% 12px;
}

.text-area-icon-wrapper.text-area-icon {
  top: 24px;
}

.text-area-icon-wrapper.text-area-icon.medium-area {
  top: 20px;
}

.select {
  height: 100%;
  color: var(--neutral--600);
  background-color: #0000;
  border: 1px solid #fff;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.5em;
}

.select.icon-left {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  padding-left: 27px;
}

.select.medium {
  font-size: 14px;
  line-height: 1.429em;
}

.select-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  height: 42px;
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 6px;
  padding-left: 8px;
  padding-right: 8px;
  transition: border-color .3s;
  position: relative;
}

.select-wrapper:hover {
  border-color: var(--neutral--800);
}

.select-wrapper.icon-left {
  padding-left: 0;
}

.select-wrapper.medium {
  height: 48px;
}

.select-icon-wrapper {
  background-color: var(--neutral--100);
  cursor: default;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0% 8px 0% auto;
}

.select-icon-wrapper.left {
  inset: 0% auto 0% 12px;
}

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

.grid-3-columns.pricing-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-content: start;
  align-items: start;
}

.grid-3-columns.secondary-blog-grid-v2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: minmax(15%, auto) minmax(15%, auto) minmax(17%, auto);
}

.grid-3-columns.values-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  margin: -40px -30px;
}

.grid-3-columns.team-member-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
}

.grid-3-columns.help-center-categories-grid, .grid-3-columns.search-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.grid-3-columns.pages-grid {
  margin-bottom: 40px;
}

.checkbox {
  border-color: var(--neutral--300);
  background-color: var(--neutral--300);
  border-radius: 3px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
  transition: all .3s;
}

.checkbox:hover {
  border-color: var(--neutral--800);
}

.checkbox.w--redirected-checked {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  background-image: url('../images/check-icon.svg');
}

.checkbox.w--redirected-focus {
  border-color: var(--neutral--800);
  box-shadow: none;
}

.checkbox.small {
  border-radius: 3px;
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
  margin-right: 6px;
}

.checkbox.dark {
  border-color: var(--neutral--600);
  background-color: #0000;
}

.checkbox.dark.w--redirected-checked {
  background-color: var(--neutral--700);
}

.checkbox.dark.w--redirected-focus {
  box-shadow: none;
}

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

.checkbox-wrapper.small {
  font-size: 12px;
  line-height: 18px;
}

.checkbox-text {
  font-weight: 400;
}

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

.radio-button-wrapper {
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.radio-button {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--300);
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  box-shadow: 0 1px 3px 0 var(--neutral-shadow--02);
  margin-top: 0;
  margin-left: 0;
  margin-right: 6px;
  transition: all .3s;
}

.radio-button:hover {
  border-color: var(--neutral--800);
}

.radio-button.w--redirected-checked {
  border-color: var(--neutral--800);
  box-shadow: inset 0 -1px 2px 0 #19213d1c, 0 1px 3px 0 var(--neutral-shadow--02);
}

.radio-button.w--redirected-focus {
  border-color: var(--neutral--800);
  box-shadow: 1px 0 4px 0 var(--neutral-shadow--03);
}

.radio-button.small {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

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

.toggle-button-wrapper {
  z-index: 1;
  cursor: pointer;
  background-color: #eff1f6;
  border: .8px solid #e6e9f1;
  border-radius: 40px;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  min-height: 18px;
  max-height: 18px;
  padding: 2px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.toggle-button-wrapper.small {
  min-width: 24px;
  max-width: 24px;
  min-height: 14px;
  max-height: 14px;
}

.toggle-button-bg {
  z-index: 1;
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--800);
  opacity: 0;
  border-radius: 40px;
  position: absolute;
  inset: 0;
}

.toggle-button-circle-inside {
  z-index: 2;
  background-color: var(--neutral--100);
  border-radius: 100%;
  min-width: 14px;
  max-width: 14px;
  min-height: 14px;
  max-height: 14px;
  transition: transform .3s;
  position: relative;
  box-shadow: inset 0 -1px 1px #19213d4d, 0 1px 1px #19213d40;
}

.toggle-button-circle-inside.small {
  min-width: 10px;
  max-width: 10px;
  min-height: 10px;
  max-height: 10px;
}

.toggle-item-wrapper {
  margin-right: 6px;
}

.paragraph-large {
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1.556em;
}

.paragraph-medium {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.625em;
}

.paragraph-small {
  font-size: 16px;
  line-height: 1.571em;
}

.card-icon-left {
  margin-right: 16px;
}

.badge-dark {
  background-color: var(--neutral--100);
  color: var(--primary--02);
  border-radius: 80px;
  align-items: center;
  padding: 12px 14px;
  font-size: 18px;
  line-height: 1em;
  display: flex;
}

.badge-dark.neutral {
  background-color: var(--neutral--700);
  color: var(--neutral--100);
}

.badge-dark.secondary {
  border: 1px solid var(--neutral--600);
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  color: var(--neutral--100);
  background-color: #0000;
}

.badge-dark.tertiary {
  border: 1px solid var(--neutral--600);
  background-color: var(--neutral--700);
  color: var(--neutral--100);
}

.badge-dark.small {
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.5em;
}

.badge-dark.badge-medium {
  padding: 9px 10px;
  font-size: 16px;
  line-height: 1.5em;
}

.accordion-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.accordion-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 16px;
  display: flex;
  position: relative;
}

.accordion-icon-wrapper.v3 {
  font-size: 24px;
  font-weight: 500;
}

.accordion-icon-wrapper.v2 {
  background-color: var(--neutral--100);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.accordion-paragraph {
  padding-top: 8px;
  overflow: hidden;
}

.accordion-paragraph.v1 {
  max-width: 480px;
  padding-top: 16px;
}

.accordion-paragraph.v2 {
  max-width: 470px;
  color: var(--neutral--300);
  padding-top: 9px;
}

.accordion-item-v2 {
  width: 100%;
  padding: 0;
  transition: all .3s;
}

.accordion-item-v2:hover {
  transform: translate(4px);
}

.accordion-item-v1 {
  width: 100%;
  padding: 32px 0;
  transition: all .3s;
}

.accordion-item-v1:hover {
  transform: translate(4px);
}

.accordion-item-v1.last {
  padding-bottom: 0;
}

.accordion-item-v1.first {
  padding-top: 0;
}

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

.popup-wrapper._346px {
  max-width: 346px;
}

.popup-wrapper._485px {
  max-width: 485px;
}

.popup-content-wrapper {
  text-align: center;
  padding: 24px 24px 32px;
}

.popup-image-wrapper {
  position: relative;
}

.popup-close-button-wrapper {
  position: absolute;
  inset: 20px 20px auto auto;
}

.popup-close-icon {
  cursor: pointer;
  align-items: center;
  transition: all .1s;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.popup-close-icon:hover {
  transform: scale(.9);
}

.popup-icon-v1 {
  flex: none;
  margin-right: 18px;
}

.buttons-row {
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttons-row.nav-menu-hidden-on-mobile {
  grid-column-gap: 24px;
}

.buttons-row.left {
  justify-content: flex-start;
}

.text-decoration-none {
  text-decoration: none;
}

.pagination-wrapper {
  min-height: 48px;
  margin-top: 48px;
  position: relative;
}

.rich-text p {
  margin-bottom: 16px;
}

.rich-text ul {
  margin-top: 6px;
  margin-bottom: 16px;
  padding-left: 24px;
}

.rich-text li {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-weight: 400;
}

.rich-text figcaption {
  margin-top: 28px;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: Rubik, Arial, sans-serif;
}

.rich-text ol, .rich-text ul {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 40px;
}

.rich-text img {
  border-radius: 24px;
}

.rich-text figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

.rich-text h1 {
  margin-bottom: 16px;
}

.rich-text h2 {
  margin-bottom: 16px;
  font-family: Rubik, Arial, sans-serif;
}

.rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
  margin-top: 34px;
  margin-bottom: 16px;
}

.rich-text blockquote {
  margin-top: 40px;
  margin-bottom: 40px;
}

.image-wrapper {
  overflow: hidden;
}

.image-wrapper.border-radius-6px {
  border-radius: 6px;
  overflow: hidden;
}

.image-wrapper.border-radius-20px.blog-card-v1---image---wrapper {
  margin-bottom: 32px;
}

.image-wrapper.border-radius-20px.features-wrapper---v2---image {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.image-wrapper.marquee-image---section-v21 {
  border-radius: 8px;
  margin-bottom: 22px;
}

.image-wrapper.content-card-v20 {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.image-wrapper.image-reveal {
  z-index: 2;
  height: 100%;
  position: relative;
}

.image-wrapper.feature-image---v1 {
  flex-direction: column;
  width: 46%;
  max-width: 664px;
  max-height: 530px;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.image-wrapper.service-image-top---v1 {
  object-position: 50% 100%;
  width: 100%;
  max-width: 426px;
}

.image-wrapper.service-image-left---v1 {
  align-self: center;
  width: 148%;
  max-width: 549px;
  margin-top: 43px;
}

.image-wrapper.business-image---v1 {
  width: 100%;
  height: 100%;
}

.image-wrapper.cta-v1-image-wrapper {
  width: 349px;
  max-width: 349px;
}

.image-wrapper.account-card-image---v1 {
  width: 100%;
  margin-bottom: -23%;
}

.image-wrapper.hero-image---v2 {
  position: absolute;
  inset: 0%;
}

.image-wrapper.feature-image-01---v2 {
  width: 43%;
  max-width: 426px;
  position: absolute;
  inset: auto 54px 0% auto;
}

.image-wrapper.feature-image-02---v2 {
  width: 56%;
  max-width: 616px;
  position: absolute;
  left: auto;
  right: -1%;
}

.image-wrapper.feature-image-03---v2 {
  width: 48%;
  max-width: 525px;
  position: absolute;
  right: 6%;
}

.image-wrapper.business-image---v2 {
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-wrapper.account-card-image---v2 {
  max-width: 820px;
  margin-bottom: 58px;
  margin-left: auto;
  margin-right: auto;
}

.image-wrapper.plan-image {
  border-radius: 12px;
  margin-bottom: 48px;
  box-shadow: 13px 13px 14px 1px #00000047;
}

.image-wrapper.hero-image---v3 {
  position: absolute;
  inset: 0%;
}

.image-wrapper.tab-image---v3 {
  width: 63%;
  max-width: 894px;
  position: absolute;
  inset: 32px auto 0 -2%;
}

.image-wrapper.cta-v3 {
  width: 86%;
  max-width: 924px;
  display: none;
  position: absolute;
  top: auto;
  bottom: auto;
  right: 0;
  transform: translate(40%, 15%);
}

.image-wrapper.value-icon {
  align-items: flex-start;
  height: 32px;
  display: flex;
}

.image-wrapper.hero-image---blog-v1 {
  width: 85%;
  max-width: 1054px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-12%);
}

.image-wrapper.cta-v4 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.image-wrapper.cta-v5 {
  width: 83%;
  max-width: 1065px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-9%, 6%);
}

.image-wrapper.border-radius-24px {
  border-radius: 24px;
}

.image-wrapper.service-image-bottom {
  width: 100%;
  max-width: 320px;
}

.image-wrapper.full-image-grid {
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 547px;
  min-height: 100%;
  display: flex;
}

.image-wrapper.hero-image---v1 {
  display: none;
}

.image-wrapper.border-radius-13px.blog-card-v2---image {
  max-width: 349px;
}

.utp---sidebar-dropdown {
  width: 100%;
}

.utp---sidebar-dropdown-button {
  width: 100%;
  color: var(--neutral--600);
  letter-spacing: .08em;
  text-transform: uppercase;
  transform-style: preserve-3d;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  transition: color .3s, transform .3s;
  display: flex;
}

.utp---sidebar-dropdown-button:hover {
  transform: translate3d(6px, 0, .01px);
}

.utp---sidebar-dropdown-button.w--open {
  color: var(--neutral--800);
}

.utp---dropdown-icon {
  background-color: var(--neutral--200);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: flex;
}

.utp---sidebar-dropdown-list {
  background-color: #0000;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
}

.utp---sidebar-dropdown-list.w--open {
  position: static;
}

.utp---sidebar-dropdown-item {
  background-color: var(--neutral--100);
  color: var(--neutral--600);
  border: 1px solid #0000;
  border-radius: 6px;
  align-items: center;
  padding: 8px 12px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
}

.utp---sidebar-dropdown-item:hover {
  border-color: var(--primary--02);
  color: var(--neutral--800);
}

.utp---sidebar-dropdown-item.w--current {
  border-color: var(--primary--02);
  color: var(--neutral--800);
  box-shadow: 0 1px 3px #2388ff1a;
}

.utp---sidebar-dropdown-icon {
  margin-right: 6px;
}

.utp---spacers-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.utp---spacers-wrapper.bottom-aligned {
  align-items: flex-end;
}

.utp---spacer-wrapper {
  border: 1.5px solid var(--neutral--800);
  background-color: var(--neutral--300);
  width: 56px;
  height: 56px;
  color: var(--primary--01);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  display: flex;
}

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

.mg-top-64px {
  margin-top: 64px;
}

.mg-top-72px {
  margin-top: 72px;
}

.mg-top-80px---alt {
  margin-top: 80px;
}

.mg-top-88px {
  margin-top: 88px;
}

.mg-top-96px {
  margin-top: 96px;
}

.mg-top-104px {
  margin-top: 104px;
}

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

.mg-bottom-8px {
  margin-bottom: 8px;
  font-family: Rubik, Arial, sans-serif;
}

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

.mg-bottom-16px {
  margin-bottom: 16px;
  font-family: Rubik, Arial, sans-serif;
}

.mg-bottom-24px {
  margin-bottom: 24px;
  font-family: Rubik, Arial, sans-serif;
}

.mg-bottom-32px {
  margin-bottom: 32px;
  font-family: Rubik, Arial, sans-serif;
}

.mg-bottom-40px {
  margin-bottom: 40px;
  font-family: Rubik, Arial, sans-serif;
}

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

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

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

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

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

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

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

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

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

.mg-right-32px {
  margin-right: 32px;
}

.mg-right-40px {
  margin-right: 40px;
}

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

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

.mg-right-64px {
  margin-right: 64px;
}

.mg-right-72px {
  margin-right: 72px;
}

.mg-right-80px {
  margin-right: 80px;
}

.mg-left-4px {
  margin-left: 4px;
}

.mg-left-8px {
  margin-left: 8px;
}

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

.mg-left-16px {
  margin-left: 16px;
}

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

.mg-left-32px {
  margin-left: 32px;
}

.mg-left-40px {
  margin-left: 40px;
}

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

.mg-left-64px {
  margin-left: 64px;
}

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

.mg-left-72px {
  margin-left: 72px;
}

.mg-left-80px {
  margin-left: 80px;
}

.pd-top-4px {
  padding-top: 4px;
}

.pd-top-8px {
  padding-top: 8px;
}

.pd-top-12px {
  padding-top: 12px;
}

.pd-top-16px {
  padding-top: 16px;
}

.pd-top-24px {
  padding-top: 24px;
}

.pd-top-32px {
  padding-top: 32px;
}

.pd-top-40px {
  padding-top: 40px;
}

.pd-top-48px {
  padding-top: 48px;
}

.pd-top-56px {
  padding-top: 56px;
}

.pd-top-64px {
  padding-top: 64px;
}

.pd-top-72px {
  padding-top: 72px;
}

.pd-top-80px {
  padding-top: 80px;
}

.pd-top-88px {
  padding-top: 88px;
}

.pd-top-96px {
  padding-top: 96px;
}

.pd-top-104px {
  padding-top: 104px;
}

.pd-bottom-4px {
  padding-bottom: 4px;
}

.pd-bottom-8px {
  padding-bottom: 8px;
}

.pd-bottom-12px {
  padding-bottom: 12px;
}

.pd-bottom-16px {
  padding-bottom: 16px;
}

.pd-bottom-24px {
  padding-bottom: 24px;
}

.pd-bottom-32px {
  padding-bottom: 32px;
}

.pd-bottom-40px {
  padding-bottom: 40px;
}

.pd-bottom-48px {
  padding-bottom: 48px;
}

.pd-bottom-56px {
  padding-bottom: 56px;
}

.pd-bottom-64px {
  padding-bottom: 64px;
}

.pd-bottom-72px {
  padding-bottom: 72px;
}

.pd-bottom-80px {
  padding-bottom: 80px;
}

.pd-bottom-88px {
  padding-bottom: 88px;
}

.pd-bottom-96px {
  padding-bottom: 96px;
}

.pd-bottom-104px {
  padding-bottom: 104px;
}

.pd-right-4px {
  padding-right: 4px;
}

.pd-right-8px {
  padding-right: 8px;
}

.pd-right-12px {
  padding-right: 12px;
}

.pd-right-16px {
  padding-right: 16px;
}

.pd-right-24px {
  padding-right: 24px;
}

.pd-right-32px {
  padding-right: 32px;
}

.pd-right-40px {
  padding-right: 40px;
}

.pd-right-48px {
  padding-right: 48px;
}

.pd-right-56px {
  padding-right: 56px;
}

.pd-right-64px {
  padding-right: 64px;
}

.pd-right-72px {
  padding-right: 72px;
}

.pd-right-80px {
  padding-right: 80px;
}

.pd-left-4px {
  padding-left: 4px;
}

.pd-left-8px {
  padding-left: 8px;
}

.pd-left-12px {
  padding-left: 12px;
}

.pd-left-16px {
  padding-left: 16px;
}

.pd-left-24px {
  padding-left: 24px;
}

.pd-left-32px {
  padding-left: 32px;
}

.pd-left-40px {
  padding-left: 40px;
}

.pd-left-48px {
  padding-left: 48px;
}

.pd-left-56px {
  padding-left: 56px;
}

.pd-left-64px {
  padding-left: 64px;
}

.pd-left-72px {
  padding-left: 72px;
}

.pd-left-80px {
  padding-left: 80px;
}

.utp---block-item-wrapper {
  border: 1px dashed var(--neutral--500);
  background-color: var(--neutral--100);
  border-radius: 6px;
  padding: 16px;
}

.utp---blocks-1440px-wrapper {
  width: 100%;
  max-width: 1440px;
  overflow: hidden;
}

.utp---blocks-1440px-wrapper.overflow-visible {
  overflow: visible;
}

.utp---blocks-1440px-wrapper.overflow-visible.container-wrapper {
  background-color: var(--neutral--100);
  min-height: 109px;
  position: relative;
}

.notification-bar {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  border-radius: 16px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
}

.notification-bar.v8 {
  font-weight: 400;
}

.container-default {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 24px;
}

.container-default.width-100.grow {
  flex: 1;
}

.container-default.z-index-1 {
  margin-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
}

.container-default.large {
  max-width: 1220px;
}

.notification-bar-padding {
  align-items: center;
  min-height: 92px;
  padding: 20px 24px;
  display: flex;
}

.notification-bar-padding.v2 {
  grid-column-gap: 14px;
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.utp---block-wrapper {
  flex-direction: column;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.utp---block-wrapper.first {
  margin-top: 0;
}

.utp---block-badge {
  background-color: var(--primary--02);
  color: var(--neutral--100);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  align-self: flex-start;
  margin-left: 16px;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.notification-bar-close-icon {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 44px;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.notification-bar-close-icon:hover {
  transform: scale(.92);
}

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

.flex-vertical.align-start {
  align-items: flex-start;
}

.notification-bar-dot {
  background-color: var(--neutral--600);
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.notification-bar-wrapper-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: visible;
}

.notification-bar-infinity-marquee-item {
  grid-column-gap: 14px;
  text-align: center;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.notification-bar-infinity-marquee-item.marquee {
  flex-direction: row;
}

.notification-bar-infinity-marquee {
  grid-column-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.overflow-hidden {
  overflow: hidden;
}

.header-wrapper {
  background-color: #0000;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-wrapper.v2 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.header-container-wrapper {
  grid-column-gap: 18px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-container-wrapper.center {
  justify-content: center;
}

.list-nav-menu {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.list-nav-menu.full-page-menu {
  grid-row-gap: 24px;
  flex-direction: column;
  padding-left: 24px;
  padding-right: 24px;
  position: absolute;
  inset: 0%;
}

.list-nav-menu.full-page-menu.v3 {
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.link-nav-item {
  line-height: 1.333em;
}

.link-nav-item.full-page-menu {
  text-decoration: none;
  overflow: hidden;
}

.link-nav-item.left {
  margin-right: 22px;
}

.nav-menu-right-side {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hamburger-menu {
  grid-row-gap: 0px;
  background-color: var(--neutral--800);
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  padding: 6px;
  transition: all .3s;
  position: static;
}

.hamburger-menu:hover {
  background-color: var(--primary--02);
  transform: scale(.94);
}

.hamburger-menu.w--open {
  background-color: var(--primary--02);
}

.hamburger-menu.white {
  background-color: var(--neutral--100);
}

.hamburger-menu.white.full-page-menu {
  z-index: 2;
  position: relative;
}

.utp---hamburger-wrapper {
  background-color: #0000;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
}

.hamburger-menu-line {
  background-color: var(--neutral--100);
  border-radius: 20px;
  width: 24px;
  height: 2px;
}

.hamburger-menu-line.top.white {
  background-color: var(--neutral--800);
}

.hamburger-menu-line.top.left {
  width: 12px;
}

.hamburger-menu-line.middle.white, .hamburger-menu-line.bottom.white {
  background-color: var(--neutral--800);
}

.hamburger-menu-line.bottom.right {
  width: 12px;
  margin-left: auto;
}

.hamburger-menu-line.back {
  position: absolute;
}

.hamburger-menu-line.back.white {
  background-color: var(--neutral--800);
}

.hamburger-menu-flex {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.hamburger-menu-flex.v2 {
  grid-row-gap: 14px;
}

.hamburger-menu-flex.v3 {
  align-items: stretch;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
}

.logo-wrapper._94px {
  width: 94px;
}

.logo-wrapper._94px.dont-shirnk.full-page-menu {
  z-index: 2;
  position: relative;
}

.logo-wrapper.v2 {
  max-width: 134px;
}

.logo-wrapper.v1 {
  max-width: 41px;
  margin-right: 32px;
}

.logo-wrapper.v4 {
  max-width: 134px;
}

.logo-wrapper.center {
  max-width: 174px;
}

.utp---other {
  grid-column-gap: 56px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.utp---hamburger-menus-wrapper {
  grid-column-gap: 16px;
  display: flex;
}

.nav-menu-wrapper.v2 {
  position: static;
}

.nav-menu-wrapper.full-page-menu {
  z-index: 1;
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.nav-menu-wrapper.full-page-menu.v3 {
  align-items: flex-start;
  padding-top: 150px;
  padding-left: 0;
  padding-right: 0;
}

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

.social-media-grid {
  grid-column-gap: 0px;
  align-items: center;
  display: flex;
}

.social-media-grid.left-aligned {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
}

.social-media-grid.team-member-v1---links {
  z-index: 1;
  grid-column-gap: 12px;
  justify-content: center;
  margin-top: auto;
  padding-top: 12px;
  position: relative;
}

.section {
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.bg-neutral-200 {
  background-color: var(--neutral--200);
}

.section.pd-140px {
  background-color: var(--neutral--300);
  padding-top: 60px;
  padding-bottom: 140px;
}

.section.pd-140px.top-0px {
  padding-top: 0;
}

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

.section.section-v21-wrapper, .section.section-v30-wrapper {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

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

.section._40px {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.template-pages-hero {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.sales-hero {
  background-image: linear-gradient(to bottom, var(--neutral--100) 50%, var(--neutral--800) 50%);
  padding-top: 80px;
  padding-bottom: 140px;
  overflow: hidden;
}

.section.cta-sales {
  border-bottom: 1px solid var(--neutral--300);
  background-image: linear-gradient(to bottom, var(--neutral--200) 23%, var(--neutral--100) 23%);
  padding-top: 16px;
  padding-bottom: 140px;
}

.section.hero-section---v1 {
  background-color: var(--neutral--300);
  background-image: url('../images/meet-the-bank-of-the-future-image-bnkify-x-webflow-template.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding-top: 232px;
  padding-bottom: 82px;
  position: relative;
  overflow: hidden;
}

.section.card-section {
  background-color: var(--neutral--800);
  border-radius: 24px;
}

.section.card-section.tab-section---v3 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 260px;
  padding-bottom: 260px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

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

.section.hero-section---v2 {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  min-height: 1117px;
  max-height: 1117px;
  padding-top: 180px;
  position: relative;
  overflow: hidden;
}

.section.logo-strip-section---v2 {
  padding-top: 64px;
  padding-bottom: 0;
}

.section.layout-section---top-image {
  padding-top: 0;
  padding-bottom: 118px;
  position: relative;
  overflow: hidden;
}

.section.hero-section---v3 {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-top: 180px;
  padding-bottom: 160px;
  position: relative;
  overflow: hidden;
}

.section.cta-v3 {
  background-image: url('../images/open-your-account-image-bnkify-x-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  padding-top: 216px;
  padding-bottom: 216px;
  display: flex;
  position: relative;
  overflow: hidden;
}

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

.section.hero-section---v5 {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-top: 200px;
  padding-bottom: 213px;
  position: relative;
  overflow: hidden;
}

.section.hero-section---v6 {
  padding-top: 93px;
  padding-bottom: 120px;
}

.section.cta-v4 {
  padding-top: 108px;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.section.hero-section---v7 {
  padding-top: 93px;
  padding-bottom: 120px;
}

.section.cta-v5 {
  background-color: var(--neutral--800);
  border-radius: 20px;
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative;
  overflow: hidden;
}

.section.hero-section---v8 {
  background-color: var(--neutral--100);
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding-top: 186px;
  padding-bottom: 94px;
}

.section.hero-section---v9 {
  padding-top: 81px;
  padding-bottom: 0;
}

.section.hero-section---v10 {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-top: 168px;
  padding-bottom: 114px;
  position: relative;
}

.section.hero-section---contact-v3 {
  padding-top: 180px;
  padding-bottom: 0;
  position: relative;
}

.section.hero-section---v13 {
  background-color: var(--neutral--400);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 60px;
  position: relative;
}

.section.hero-section---v14 {
  padding-top: 174px;
  padding-bottom: 0;
  position: relative;
}

.section.section-full {
  background-color: var(--neutral--800);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 130px;
  padding-bottom: 56px;
  display: flex;
}

.section.hero-section---v16 {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.hero-section---help-center-page {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding-top: 180px;
  padding-bottom: 100px;
}

.section.hero-section---v17 {
  padding-top: 146px;
  padding-bottom: 140px;
  position: relative;
}

.section.sign-in-page {
  background-color: var(--neutral--800);
  flex: 1;
  align-items: center;
  padding-top: 112px;
  padding-bottom: 12px;
  display: flex;
}

.section.sign-up-page {
  flex: 1;
  padding-top: 24px;
  padding-bottom: 0;
}

.section.password-page {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.section.hero-section---terms-page {
  padding-top: 250px;
  padding-bottom: 140px;
  position: relative;
}

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

.section.pd-top-120px {
  padding-top: 120px;
}

.section.hero-section---v4 {
  padding-top: 80px;
}

.section.pd-100px {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.pd-120px {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section.pd-top-0px {
  padding-top: 0;
}

.section.pd-bottom-0px {
  padding-bottom: 0;
}

.section.hero-section---v11---top {
  padding-top: 92px;
}

.section.hero-section---v12---top {
  padding-top: 92px;
  padding-bottom: 140px;
}

.section.hero-section---v15 {
  padding-top: 64px;
  padding-bottom: 0;
  position: relative;
}

.section.email-page {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 100px;
  display: flex;
}

.width-50ch {
  max-width: 50ch;
}

.hero-v3---im4ages-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 520px;
  display: flex;
  position: relative;
}

._2-images-wrapper-item {
  max-width: 280px;
  position: relative;
  left: 0;
}

._2-images-wrapper-item.right {
  position: absolute;
  inset: 0% 0% 0% auto;
}

._2-images-wrapper-item.left {
  padding-top: 140px;
}

.position-relative {
  position: relative;
}

.position-relative.overflow-hidden.logo-strip-v10 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.grid-form {
  grid-column-gap: 24px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
}

.grid-form.sign-in-form {
  grid-template-columns: 1fr 1fr;
}

.form-v1-wrapper {
  flex-direction: column;
  justify-content: center;
  min-height: 524px;
  margin-bottom: 0;
  display: flex;
}

.footer-wrapper {
  background-color: var(--neutral--800);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}

.footer-wrapper.v3 {
  border-radius: 0;
}

.footer-wrapper.v3.bg-neutral-200 {
  background-color: var(--neutral--200);
}

.footer-top {
  padding-top: 72px;
  padding-bottom: 40px;
}

.footer-top.v2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--neutral--700);
  justify-content: space-between;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.footer-top.v1 {
  padding-top: 106px;
  padding-bottom: 106px;
}

.footer-bottom {
  padding-top: 24px;
  padding-bottom: 24px;
}

.footer-bottom.v3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid var(--neutral--600);
  text-align: right;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer-bottom.v3.no-border-top {
  border-top-width: 0;
}

.footer-bottom.v2---main {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: right;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer-column-links {
  grid-row-gap: 10px;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.footer-column-item {
  line-height: 1.333em;
}

.footer-item-link {
  color: var(--neutral--300);
  transform-style: preserve-3d;
  font-size: 18px;
  line-height: 1.333em;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.footer-item-link:hover {
  color: var(--neutral--100);
  transform: translate3d(6px, 0, .01px);
}

.footer-item-link.highlighted {
  color: var(--neutral--100);
  font-weight: 500;
}

.footer-item-link.highlighted:hover {
  color: var(--neutral--100);
}

.footer-center {
  padding-bottom: 64px;
}

.footer-center.v2 {
  border-bottom: 1px solid var(--neutral--700);
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact-icon-link {
  color: var(--neutral--800);
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.contact-icon-link:hover {
  transform: translate(4px);
}

.contact-icon-link.v1 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.contact-icon-link.v1:hover {
  transform: none;
}

.footer-logo-wrapper {
  max-width: 94px;
}

.footer-logo-wrapper.v1 {
  width: 100%;
  max-width: 174px;
}

.footer-logo-wrapper.v2 {
  max-width: 130px;
}

.success-message-wrapp {
  background-color: #0000;
  padding: 0;
}

.error-message-wrapper {
  background-color: var(--neutral--transparent);
  color: var(--secondary--red-400);
  border-radius: 0;
  margin-top: 16px;
  padding: 0;
}

.error-message-wrapper.checkout-error {
  margin-bottom: 0;
}

.error-message-wrapper.cart-error {
  text-align: center;
  margin-top: 0;
}

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.slider-wrapper.testimonial-slider {
  max-width: 93%;
}

.slider-wrapper.business-slider---v2 {
  z-index: auto;
  flex: 1;
  max-width: 676px;
  margin-left: auto;
}

.hidden {
  display: none;
}

.slider-mask {
  height: 100%;
}

.slider-mask.testimonial-slider, .slider-mask.office-slider {
  overflow: visible;
}

.logo-strip-fade {
  z-index: 2;
  background-image: linear-gradient(to right, #fff, #fff0);
  width: 100%;
  max-width: 170px;
  height: 100%;
  position: absolute;
}

.logo-strip-fade.right {
  background-image: linear-gradient(to right, #fff0, #fff);
  inset: 0% 0% 0% auto;
}

.logo-marquee-image-wrapper {
  flex: none;
  margin-right: 70px;
}

.logo-marquee-image-wrapper.logo-card {
  min-width: 146px;
  margin-right: 16px;
}

.accordion-wrapper {
  cursor: pointer;
}

.accordion-wrapper.v2 {
  border-bottom: 1px solid var(--primary--01);
  padding: 24px 40px;
  overflow: hidden;
}

.accordion-wrapper.v2.first {
  padding-top: 0;
}

.accordion-wrapper.v2.last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.social-media-icon-wrapper-dark {
  width: 20px;
  height: 20px;
  color: var(--neutral--700);
  justify-content: center;
  align-items: center;
  font-size: 18px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s, opacity .3s;
  display: flex;
}

.social-media-icon-wrapper-dark:hover {
  opacity: .7;
  color: var(--neutral--700);
  transform: scale(1.1);
}

.image {
  width: 100%;
}

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

.image.cover-image.grow {
  flex: 1;
}

.image.cover-image.blog-v3-image {
  object-position: 50% 0%;
  max-height: 403px;
}

.image.cover-image.hero-section---v4---image {
  min-height: 430px;
  max-height: 430px;
}

.image.cover-image.mission-section---image {
  min-height: 774px;
  max-height: 774px;
}

.image.cover-image.blog-card-v2---image {
  object-position: 50% 0%;
}

.image.cover-image.post-image {
  max-height: 600px;
}

.image.cover-image.office-grid---contact-v3---image {
  max-height: 536px;
}

.image.cover-image.full-image-grid---image {
  flex: 1;
  min-height: 100%;
}

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

.image.video-image {
  filter: blur(2px);
  object-fit: cover;
  flex: 1;
  min-height: 100%;
}

.image.hero-image---v2, .image.hero-image---v3 {
  object-fit: cover;
  height: 100%;
}

.image.business-image---v3 {
  object-fit: cover;
  object-position: 50% 50%;
  height: 100%;
  max-height: 640px;
}

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

.image.full-image {
  object-fit: cover;
  min-height: 640px;
  max-height: 640px;
}

.image.feature-image---v1 {
  object-fit: contain;
  object-position: 100% 50%;
  flex: 1;
  min-height: 100%;
  max-height: 100%;
}

.image.blog-card-v1---image {
  object-fit: cover;
  min-height: 100%;
  max-height: 403px;
}

.image.layout-image-right---grid---image {
  object-fit: cover;
  min-height: 100%;
}

.image.tab-image---v3 {
  object-fit: cover;
  object-position: 0% 50%;
}

.image.blog-card-v1-featured---image {
  object-fit: cover;
  object-position: 50% 0%;
  min-height: 100%;
  max-height: 403px;
}

.title-left---content-right {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.title-left---content-right._16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.title-left---content-right.vertical-center---mbl {
  align-items: center;
}

.display-price-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.blog-card-featured-right-content {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 424px;
  padding: 48px 60px;
  display: flex;
}

.blog-card-bottom-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.blog-card-bottom-content.blog-v3 {
  padding: 32px 52px 38px;
}

.divider-details {
  background-color: var(--neutral--400);
  width: 22px;
  height: 1px;
  margin-left: 16px;
  margin-right: 16px;
}

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

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

.utility-page-wrap.full-page {
  flex: 1;
  height: auto;
  padding-top: 92px;
  padding-bottom: 172px;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-content._404 {
  width: 100%;
  max-width: 746px;
  margin-left: 24px;
  margin-right: 24px;
}

.utility-page-content.password-protected {
  width: 100%;
  max-width: 700px;
  margin-bottom: 0;
  margin-left: 24px;
  margin-right: 24px;
}

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

.border-radius-20px {
  border-radius: 20px;
}

.blog-card-v12-wrapper {
  border-top: 1px solid var(--neutral--400);
  border-bottom: 1px solid var(--neutral--400);
  color: var(--neutral--600);
  margin-top: -1px;
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  position: relative;
}

.blog-card-v12-wrapper:hover {
  color: var(--neutral--600);
}

.content-card-bottom {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  padding: 32px 24px;
  display: flex;
}

.content-card-bottom.content-card-v9 {
  text-align: center;
  justify-content: flex-start;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
}

.section-v21-content-wrapper {
  max-width: 490px;
  max-height: 485px;
}

.marquee-container---vertical {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  align-items: start;
}

.marquee-wrapper.vertical {
  flex-direction: column;
  display: flex;
}

.marquee-wrapper.testimonial-v2 {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.marquee.horizontal---mbp, .marquee.marquee-vertical {
  flex-direction: column;
  display: flex;
}

.marquee.testimonial-marquee-v2 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-right: 18px;
  display: flex;
}

.section-v30-content-wrapper {
  max-height: 456px;
  position: relative;
  overflow: hidden;
}

.marquee-item---content-section-v30 {
  color: var(--neutral--800);
  text-align: center;
  margin-bottom: 32px;
  font-size: 72px;
  font-weight: 600;
  line-height: 72px;
}

.section-v30-bg-gradient {
  z-index: 1;
  background-image: linear-gradient(to bottom, var(--neutral--100), transparent);
  height: 45%;
  position: absolute;
  inset: 0% 0% auto;
}

.section-v30-bg-gradient.bottom {
  z-index: 1;
  background-image: linear-gradient(to top, var(--neutral--100), transparent);
  inset: auto 0% 0%;
}

.gap-row-40px {
  grid-row-gap: 40px;
}

.dropdown-wrapper.dropdown-default {
  position: relative;
}

.dropdown-toogle {
  color: var(--neutral--800);
  align-items: center;
  padding: 0;
  font-size: 18px;
  line-height: 1em;
  display: flex;
}

.dropdown-toogle:hover {
  opacity: .75;
  color: var(--neutral--800);
}

.dropdown-toogle.w--open {
  opacity: .75;
}

.dropdown-toogle.white {
  color: var(--neutral--100);
}

.dropdown-list {
  background-color: #0000;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  overflow: hidden;
}

.dropdown-list.dropdown-v1 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  transform: translate(-22%);
}

.dropdown-list.dropdown-v1.v2 {
  margin-left: -295%;
}

.dropdown-pd {
  border: 1px solid var(--neutral--300);
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}

.dropdown-pd.dropdown-v1 {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  border-radius: 20px;
  min-width: 942px;
  margin-top: 16px;
  padding: 40px 32px;
}

.dropdown-link {
  color: var(--neutral--600);
  transform-style: preserve-3d;
  line-height: 1.333em;
  text-decoration: none;
  transition: transform .3s, opacity .3s;
}

.dropdown-link:hover {
  opacity: .75;
  transform: translate3d(6px, 0, .01px);
}

.dropdown-link.highlighted {
  color: var(--neutral--800);
  font-weight: 500;
  line-height: 1.333em;
}

.infinite-marquee-wrapper.testimonial-v2 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-card-v20-right-content {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.sidebar---navbar {
  background-color: var(--neutral--100);
  padding-top: 48px;
  padding-left: 24px;
  padding-right: 24px;
}

.utp---nav-menu-wrapper {
  width: 100%;
}

.success-message-wrapper {
  background-color: #0000;
  width: 100%;
  padding: 0;
}

.loading-page-wrapper {
  background-color: var(--neutral--100);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.loading-page-wrapper.bar-animation {
  justify-content: center;
  align-items: center;
  display: none;
}

.loading-page-wrapper.page-cover {
  height: 100vh;
  min-height: 0;
}

.loading-bar {
  background-color: var(--neutral--700);
  border-radius: 1000px;
  width: 100%;
  height: 6px;
  margin-bottom: auto;
}

.page-load-image-wrapper {
  background-color: var(--neutral--100);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.loading-circle {
  border-style: solid;
  border-width: 10px;
  border-color: var(--neutral--700) var(--neutral--400) var(--neutral--400);
  border-radius: 50%;
  min-width: 120px;
  max-width: 120px;
  min-height: 120px;
  max-height: 120px;
}

.page-transition-wrapper {
  background-color: var(--neutral--700);
  transform-origin: 100%;
  min-width: 100%;
  min-height: 100vh;
  transform-style: preserve-3d;
  display: none;
  position: fixed;
  inset: 0% 0% 0% 0;
  transform: scale3d(0, 1, 1);
}

.page-transition-block {
  background-color: var(--neutral--500);
  transform-origin: 100%;
  transform-style: preserve-3d;
  position: absolute;
  inset: 0%;
  transform: scale3d(0, 1, 1);
}

.page-transition-block.left {
  background-color: var(--neutral--500);
}

.page-transition-block.right {
  background-color: var(--neutral--300);
}

.card-wrapper {
  position: sticky;
}

.card-wrapper._01 {
  top: 24px;
}

.card-wrapper._02 {
  top: 48px;
}

.card-wrapper._03 {
  top: 72px;
}

.card-wrapper._04 {
  top: 96px;
}

.float-main-image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.hover-rotate-card-wrapper {
  perspective: 2000px;
  transform-origin: 50%;
}

.arrow-card-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.arrow-button {
  background-color: var(--neutral--800);
  border-radius: 50%;
  width: 25%;
  min-width: 64px;
  min-height: 64px;
  padding-top: 25%;
  position: absolute;
}

.arrow-button-text {
  color: var(--neutral--100);
  justify-content: center;
  align-items: center;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.full-page-menu---link {
  font-size: 64px;
  font-weight: 600;
  line-height: 80px;
  text-decoration: none;
  display: inline-block;
}

.full-page-menu---bg {
  background-color: var(--neutral--300);
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.full-page-menu---bg.v2 {
  top: 0;
  bottom: auto;
}

.full-page-menu---bg.v3 {
  width: 100%;
  top: 0;
  left: auto;
}

.floating-main-image.center-image---animation-image-v1 {
  max-width: 80%;
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.floating-side-image.left-image---animation-image-v1 {
  border: 1px solid var(--neutral--400);
  max-width: 30%;
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 6px;
  position: absolute;
  bottom: 25%;
  left: 0;
  overflow: hidden;
}

.floating-side-image.right-image---animation-image-v1 {
  border: 1px solid var(--neutral--400);
  max-width: 30%;
  box-shadow: 0 1px 4px 0 var(--neutral-shadow--02);
  border-radius: 6px;
  position: absolute;
  top: 25%;
  right: 0;
  overflow: hidden;
}

.horizontal-cards-container {
  width: 100%;
  height: 400vw;
  display: flex;
  position: relative;
}

.sticky-wrap {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  padding: 48px 24px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.horizontal-cards-wrapper {
  align-items: center;
  width: 3200px;
  display: flex;
}

.horizontal-card {
  flex: none;
}

.image-reveal-container {
  z-index: 3;
  position: relative;
}

.image-reveal-overlay {
  z-index: 1;
  background-color: var(--neutral--700);
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-reveal-mask {
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.card-hover-image-mask {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.card-hover-image {
  object-fit: cover;
  border-radius: 8px;
  width: 400px;
}

.card-content-wrapper-v12 {
  z-index: 1;
  position: relative;
}

.icon-font-squared {
  font-family: Icon Squared, sans-serif;
}

.popup-container {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-container.v1 {
  padding: 24px;
}

.popup-container.v2 {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
}

.popup-overlay {
  background-color: var(--dark-overlay--80);
  position: absolute;
  inset: 0%;
}

.popup-mask {
  z-index: 1;
  position: relative;
}

.filled-icons-font {
  font-family: Filled Icons, sans-serif;
}

.template-pages---sidebar-navigation {
  grid-row-gap: 8px;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.template-pages---nav-item-link {
  border-radius: 8px;
  padding: 8px 16px;
  font-family: Rubik, Arial, sans-serif;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: block;
}

.template-pages---nav-item-link:hover {
  background-color: var(--neutral--300);
  color: var(--neutral--700);
}

.template-pages---nav-item-link.w--current {
  background-color: var(--primary--04);
  color: var(--neutral--100);
  border-radius: 5px;
}

.border-radius-16px {
  border-radius: 16px;
}

.border-radius-16px.width-100.mg-bottom-48px.border-line {
  border: 1px solid var(--neutral--400);
}

.flex {
  display: flex;
}

.sales---pages-container {
  flex-direction: column;
  align-items: center;
  margin-top: 48px;
  display: flex;
}

.sales---pages-row {
  justify-content: center;
  display: flex;
}

.sales---pages-row.top {
  margin-bottom: 22px;
}

.sales---hero-link-wrapper {
  width: 100%;
  max-width: 340px;
  box-shadow: 0 2px 6px 0 var(--neutral-shadow--03);
  transform-style: preserve-3d;
  border-radius: 8px;
  flex: none;
  margin-left: 11px;
  margin-right: 11px;
  transition-property: transform;
  overflow: hidden;
}

.sales---hero-link-wrapper:hover {
  transform: scale3d(.98, .98, 1.01);
}

.pd-24px {
  padding: 24px;
}

.text-and-image-card---image-wrapper {
  width: 55%;
}

.text-and-image-card---text-container {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 100px 60px;
  display: flex;
}

.max-width-64px {
  max-width: 64px;
}

.border-top-1px---neutral-300 {
  border-top: 1px solid var(--neutral--300);
}

.badge-card-page {
  z-index: 1;
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 6px 0 var(--neutral-shadow--02);
  color: var(--neutral--800);
  border-radius: 24px;
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1em;
  position: absolute;
  top: 20px;
  right: 20px;
}

.sales---surprises-image-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.sales---cta-card-text-container {
  flex: 1;
  width: 100%;
  padding: 40px 32px 20px;
}

.sales-cta-card-square-logo {
  border: 1px solid var(--neutral--300);
  max-width: 58px;
  box-shadow: 0 6px 20px 0 var(--neutral-shadow--01);
  border-radius: 6px;
  margin-bottom: 24px;
}

.sales---cta-card-image {
  min-width: 991px;
  max-width: 991px;
  margin-bottom: -40px;
}

.checkout-form {
  grid-column-gap: 40px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  align-items: start;
  min-height: auto;
  padding: 0;
  display: grid;
}

.checkout-col-left {
  margin-right: 0;
}

.checkout-col-right {
  top: 24px;
}

.checkout-block-header {
  grid-column-gap: 14px;
  border-style: none none solid;
  border-bottom-color: var(--neutral--300);
  background-color: #0000;
  flex-wrap: wrap-reverse;
  padding: 0 0 20px;
}

.checkout-block-content {
  background-color: #0000;
  border: 1px #000;
  padding: 30px 0 0;
}

.checkout-block-content.pd-top-0px {
  padding-top: 0;
}

.shipping-list {
  border: 1px #000;
}

.shipping-method {
  border-bottom-color: var(--neutral--300);
  align-items: flex-start;
  padding: 32px 0;
}

.shipping-method:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.order-item {
  border-bottom: 1px solid var(--neutral--300);
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.order-item:last-child {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.capitalize-every-word {
  text-transform: capitalize;
}

.discounts-block {
  border-style: solid none none;
  border-top-color: var(--neutral--300);
  background-color: #0000;
  margin-top: 32px;
  padding: 32px 0 0;
}

.pay-button {
  border-radius: 90px;
}

.pay-button.order-summary, .pay-button.cart-btn {
  height: 50px;
}

.empty-state {
  border: 1px solid var(--neutral--400);
  background-color: var(--neutral--200);
  color: var(--neutral--800);
  text-align: center;
  border-radius: 8px;
  padding: 28px 24px;
}

.empty-state.dark {
  border-color: var(--neutral--600);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
}

.empty-state.small {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
}

.empty-state.alt {
  border-style: solid none none;
  border-top-color: var(--neutral--300);
  background-color: var(--neutral--transparent);
  border-radius: 0;
}

.empty-state.card-empty {
  background-color: var(--neutral--transparent);
  border-left-style: none;
  border-right-style: none;
  border-radius: 0;
  padding: 20px 0;
}

.empty-state.card-empty.cart-error {
  border-top-style: none;
  border-bottom-style: none;
  flex-direction: column;
  padding: 100px 24px;
}

.empty-state.border-radius-24px {
  border-radius: 24px;
}

.dropdown-title {
  color: var(--neutral--800);
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

.dropdown-main-pages-wrapper {
  grid-column-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
}

.dropdown-column-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  place-content: start;
  justify-items: start;
}

.dropdown-menu-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto minmax(auto, 185px);
}

.grid-footer-v1 {
  grid-column-gap: 28px;
  grid-row-gap: 57px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: space-between;
}

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

.check-item-wrapper.center {
  justify-content: center;
}

.footer-v1---left-content-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-v1---bottom-left-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 346px;
  display: flex;
}

.social-media-icon {
  width: 18px;
  height: 18px;
  color: var(--neutral--100);
  justify-content: center;
  align-items: center;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s, opacity .3s, color .3s;
  display: flex;
}

.social-media-icon:hover {
  opacity: .75;
  color: var(--neutral--100);
  transform: scale(1.1);
}

.social-media-icon.dark {
  color: var(--neutral--800);
}

.text-link {
  transition-property: opacity;
}

.text-link:hover {
  opacity: .7;
}

.text-link.text-neutral-100 {
  transition: opacity .3s, color .3s;
}

.text-link.text-neutral-100:hover {
  opacity: .75;
  color: var(--neutral--100);
}

.footer-menu-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 57px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  align-items: flex-start;
  width: 100%;
  min-width: 512px;
  max-width: 512px;
  display: grid;
}

.footer-title {
  color: var(--neutral--100);
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.333em;
}

.footer-main-pages-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.footer-v2-top-right-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  max-width: 300px;
  display: flex;
}

.grid-footer-v2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}

.hero-content-wrapper---v1 {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 686px;
  display: flex;
}

.hero-top-content-wrapper---v1 {
  max-width: 500px;
}

.features-tab-menu-wrapper---v1 {
  flex-direction: column;
  width: 100%;
  max-width: 510px;
  display: flex;
}

.feature-tab-wrapper---v1 {
  border-bottom: 1px solid var(--neutral--400);
  color: var(--neutral--600);
  background-color: #0000;
  flex-direction: column;
  padding: 40px 0;
  transition: transform .3s, color .3s;
  display: flex;
  overflow: hidden;
}

.feature-tab-wrapper---v1:hover {
  color: var(--neutral--600);
  transform: translate(4px);
}

.feature-tab-wrapper---v1.w--current {
  background-color: #0000;
}

.feature-tab-wrapper---v1.last {
  border-bottom-style: none;
  padding-bottom: 0;
}

.feature-tab-wrapper---v1.first {
  padding-top: 0;
}

.feature-tab-wrapper---v1.dark {
  border-bottom-color: var(--neutral--600);
}

.tab-icon-wrapper {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 1em;
  display: flex;
}

.tab-icon-wrapper.color-100 {
  color: var(--neutral--100);
}

.feature-tab-header---v1 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.feature-tab-body---v1 {
  max-width: 454px;
}

.tab-spacer {
  height: 12px;
}

.top-right-absolute-button {
  position: absolute;
  inset: 30px 30px auto auto;
}

.bottom-right-button-absolute {
  position: absolute;
  bottom: 40px;
  right: 30px;
}

.service-card-bottom-content---v1 {
  max-width: 368px;
  margin-top: 63px;
}

.businesses-grid---v1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.businesses-card---v1 {
  opacity: .3;
  width: 20%;
  min-height: 640px;
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 20px;
  flex-direction: column;
  padding: 0;
  transition-property: transform;
  display: flex;
  position: relative;
  overflow: hidden;
}

.businesses-card---v1:hover {
  transform: translate3d(0, -18px, .01px);
}

.businesses-card---v1.w--current {
  opacity: 1;
  width: 60%;
  max-width: 600px;
  transform: translate(0);
}

.business-card-content-wrapper {
  z-index: 2;
  opacity: 0;
  width: 100%;
  max-width: 600px;
  padding-bottom: 42px;
  padding-left: 51px;
  padding-right: 51px;
  position: absolute;
  inset: auto 0% 0%;
}

.business-card-content-wrapper.current {
  opacity: 1;
}

.business-card-text-overlay {
  background-image: linear-gradient(to bottom, var(--neutral--transparent), var(--neutral--800));
  opacity: .8;
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.cta-v1-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 488px;
  padding-top: 65px;
  padding-bottom: 65px;
  display: flex;
}

.account-card-wrapper {
  padding-top: 180px;
  padding-left: 48px;
  padding-right: 48px;
  position: relative;
}

.account-card-bg---v1 {
  background-color: var(--neutral--800);
  border-radius: 24px;
  height: 56%;
  position: absolute;
  inset: 0% 0% auto;
}

.account-card-bottom-content---v1 {
  z-index: 1;
  justify-content: space-between;
  margin-top: 64px;
  display: flex;
  position: relative;
}

.stats-wrapper---v1 {
  grid-row-gap: 40px;
  grid-template-columns: 1fr;
  min-width: 155px;
  margin-left: 40px;
}

.slider-mask---testimonial-v1 {
  margin-right: 138px;
}

.testimonial-card-right-content-v1 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 540px;
  max-width: 540px;
  display: flex;
}

.video-image-wrapper {
  flex-direction: column;
  flex: 1;
  width: 100%;
  min-height: 100%;
  display: flex;
}

.video-content-wrapper {
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  max-height: 600px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-image-bg-overlay {
  background-color: var(--neutral--800);
  opacity: .5;
  position: absolute;
  inset: 0%;
}

.video-play-button-wrapper {
  z-index: 2;
  text-decoration: none;
  position: absolute;
}

.video-play-button {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.video-section-bottom-content---v {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-card-v1 {
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  text-decoration: none;
  display: flex;
}

.blog-card-details-wrapper {
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.faq-v1-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid var(--neutral--300);
  grid-template-rows: auto;
  grid-template-columns: 1fr .8fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: grid;
}

.faq-v1-wrapper.last {
  padding-bottom: 0;
}

.features-image-bg-overlay---v2 {
  background-image: linear-gradient(to bottom, var(--neutral--transparent), var(--neutral--800));
  height: 45%;
  position: absolute;
  inset: auto 0% 0%;
}

.features-content-wrapper---v2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
  position: absolute;
  bottom: 54px;
  left: 56px;
  right: 56px;
}

.features-wrapper---v2 {
  border-radius: 20px;
  flex-direction: column;
  min-height: 640px;
  max-height: 640px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.feature-content---v2 {
  max-width: 272px;
  color: var(--neutral--300);
}

.slider-section-content---v2 {
  z-index: 2;
  max-width: 435px;
  position: relative;
}

.slider-mask---business-v2 {
  width: 100%;
  padding-left: 32px;
  overflow: visible;
}

.business-card---v2 {
  border-radius: 20px;
  max-width: 640px;
  min-height: 640px;
  margin-right: 32px;
  position: relative;
  overflow: hidden;
}

.business-card-content-wrapper-v2 {
  max-width: 488px;
  position: absolute;
  bottom: 40px;
  left: 48px;
  right: 48px;
}

.slider-left-overlay {
  z-index: 10;
  background-image: linear-gradient(to right, var(--neutral--200) 60%, transparent);
  width: 34px;
  position: absolute;
  inset: 0% auto 0% -2px;
}

.account-card-bg---v2 {
  background-color: var(--neutral--800);
  border-radius: 20px;
  height: 72%;
  position: absolute;
  inset: auto 0% 0%;
}

.testimonial-card-top-content-v2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.display-price-text {
  margin-bottom: 4px;
}

.plan-card-bottom-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.pricing-item-wrapper:nth-child(odd) {
  margin-top: 58px;
}

.stats-card-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--neutral--100);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding-top: 13px;
  padding-bottom: 13px;
  display: grid;
}

.stat-column-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.stat-column-wrapper.dark {
  background-color: var(--neutral--200);
  border-radius: 16px;
}

.feature-column-top {
  border-bottom: 1px solid var(--neutral--300);
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 138px;
  padding: 32px 16px;
  display: flex;
}

.feature-column-top.left {
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 56px;
  display: flex;
}

.feature-column-item {
  border-bottom: 1px solid var(--neutral--300);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 20px;
  font-weight: 700;
  display: flex;
}

.feature-column-item.left {
  text-align: left;
  align-items: flex-start;
  padding-left: 54px;
}

.feature-column-item.left.last {
  border-bottom-width: 0;
}

.feature-column-item.last {
  border-bottom-width: 0;
  min-height: 88px;
}

.feature-title---tablet {
  margin-bottom: 8px;
  display: none;
}

.feature-column-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

.blog-featured-button-icon-wrapper {
  position: absolute;
  inset: 30px 30px auto auto;
}

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

.secondary-blog-item-v2 {
  border-right: 1px solid var(--neutral--400);
  width: 100%;
  max-width: 388px;
  padding-left: 30px;
  padding-right: 30px;
}

.secondary-blog-item-v2:first-child {
  padding-left: 0;
}

.secondary-blog-item-v2:last-child {
  border-right-width: 0;
  padding-right: 0;
}

.secondary-blog-v2-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.hero-v3-bottom-content-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 185px;
  margin-left: auto;
  display: flex;
}

.number-wrapper---v3 {
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: 48px;
  display: flex;
}

.number-wrapper---v3.last {
  margin-bottom: 0;
}

.hero-v3-top-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-v3-bg-overlay {
  background-image: linear-gradient(270deg, #000, #0000);
  width: 46%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.service-cards-wrapper---v3 {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.service-card---v3 {
  max-width: 360px;
  margin-right: 20px;
  position: relative;
}

.service-card---v3.right {
  width: 100%;
  max-width: 59%;
  margin-left: auto;
  margin-right: 0;
}

.service-card-description---v3 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.service-card-grid---v3 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 148px;
  display: flex;
}

.service-card-grid---v3.top-alt {
  justify-content: flex-start;
}

.service-card-image-wrapper {
  padding-top: 71.6%;
  position: sticky;
  top: 20px;
  overflow: hidden;
}

.service-card---image {
  z-index: 1;
  object-fit: contain;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.service-card---image.one {
  z-index: 3;
}

.service-card---image.two {
  z-index: 2;
}

.service-card-image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  min-height: 100%;
}

.show-in-tablet {
  display: none;
}

.business-card---v3 {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.business-card-bg-overlay---v3 {
  background-image: linear-gradient(#0000, #000c);
  height: 54%;
  position: absolute;
  inset: auto 0% 0%;
}

.business-card-content-wrapper-v3 {
  max-width: 490px;
  position: absolute;
  bottom: 46px;
  left: 51px;
}

.slide-nav---business-v3 {
  filter: contrast(30%);
  height: auto;
  margin-top: 24px;
  margin-bottom: -8px;
  padding-top: 0;
  font-size: 12px;
  line-height: 1em;
  position: relative;
}

.numbers-section-wrapper---v3 {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  justify-content: space-between;
  max-width: 980px;
  margin-top: 64px;
  margin-left: auto;
  margin-right: auto;
}

.mission-section-wrapper {
  position: relative;
  overflow: hidden;
}

.mission-section-bg {
  background-image: linear-gradient(#000c, #0000);
  border-radius: 20px;
  height: 70%;
  position: absolute;
  inset: 0% 0% auto;
}

.mission-content-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  color: var(--neutral--300);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: absolute;
  inset: 80px 77px auto;
}

.values-card {
  border-bottom: 1px solid var(--neutral--400);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 30px;
  display: flex;
}

.values-cards-wrapper {
  overflow: hidden;
}

.location-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  transition-property: opacity;
  display: flex;
}

.location-wrapper:hover {
  opacity: .75;
}

.office-card-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 488px;
  display: flex;
  position: absolute;
  inset: auto 50px 60px;
}

.office-slide {
  margin-right: 32px;
}

.link-icon-circle {
  background-color: var(--neutral--200);
  width: 40px;
  height: 40px;
  color: var(--neutral--600);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  display: flex;
}

.link-icon-circle:hover {
  background-color: var(--neutral--600);
  color: var(--neutral--100);
}

.button-icon-wrapper---team-member-card {
  z-index: 2;
  cursor: pointer;
  position: absolute;
  inset: 20px 20px auto auto;
}

.career-card-top-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr .8fr 40px;
  grid-auto-columns: 1fr;
  padding: 34px 40px;
  display: grid;
}

.career-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr .8fr 40px;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: center start;
  padding: 32px 40px;
  display: grid;
}

.title-wrapper {
  text-decoration: none;
  transition-property: opacity;
}

.title-wrapper:hover {
  opacity: .75;
}

.career-badge {
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 10px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition-property: transform;
  display: flex;
  overflow: hidden;
}

.career-badge:hover {
  transform: scale(.95);
}

.career-item-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.career-collection-item {
  border-top: 1px solid var(--neutral--300);
}

.categories-wrapper---blog-v1 {
  background-color: var(--neutral--300);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  padding: 14px 16px;
  display: flex;
}

.categories-wrapper---blog-v1.dark {
  background-color: var(--neutral--700);
}

.category-badge-v1 {
  text-align: center;
  border-radius: 9px;
  padding: 16px 18px;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  transition: box-shadow .3s, background-color .3s, opacity .3s, color .3s;
}

.category-badge-v1:hover {
  opacity: .7;
}

.category-badge-v1.w--current {
  background-color: var(--neutral--100);
  box-shadow: 0 2px 2px #0000000a;
}

.category-badge-v1.white {
  color: var(--neutral--400);
}

.category-badge-v1.white.w--current {
  background-color: var(--neutral--100);
  opacity: 1;
  color: var(--neutral--800);
}

.categories-item-wrapper---v1 {
  display: flex;
}

.categories-collection-wrapper---blog-v1 {
  justify-content: center;
  display: flex;
}

.page-count {
  justify-content: center;
  align-items: center;
  width: auto;
  min-height: 48px;
  margin-top: 0;
  display: flex;
  position: absolute;
}

.cta-v4-bg {
  background-color: var(--neutral--800);
  border-radius: 20px;
  height: 73%;
  position: absolute;
  inset: 0% 0% auto;
}

.sidebar-wrapper {
  max-width: 310px;
  position: sticky;
  top: 24px;
}

.search-form-wrapper {
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.search-form-wrapper.hero-search {
  width: 100%;
  max-width: 370px;
}

.search-form-wrapper.hero-search-v2 {
  width: 100%;
  max-width: 453px;
}

.icon-button {
  color: var(--neutral--700);
  cursor: pointer;
  background-color: #0000;
  padding: 0;
  font-family: Icon Rounded, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1em;
  transition: transform .3s;
  position: absolute;
  inset: auto 16px auto auto;
}

.icon-button:hover {
  transform: scale(1.1);
}

.blog-category-badge-v2 {
  width: 100%;
  padding: 16px 24px;
  font-weight: 500;
  line-height: 1.333em;
  text-decoration: none;
  transition-property: opacity;
}

.blog-category-badge-v2:hover {
  opacity: .75;
}

.blog-category-badge-v2.w--current {
  background-color: var(--neutral--100);
  border-radius: 9px;
  margin-bottom: 12px;
  box-shadow: 0 2px 2px #0003;
}

.blog-card-v2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  text-decoration: none;
  display: grid;
}

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

.author-card-icon-wrapper {
  position: absolute;
  top: 30px;
  right: 30px;
}

.form-button {
  border: 1px solid var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  border-radius: 80px;
  padding: 20px 28px;
  font-weight: 500;
  line-height: 1em;
  transition: transform .3s;
}

.form-button:hover {
  transform: scale(.96);
}

.form-button.white {
  border-color: var(--neutral--300);
}

.form-button.secondary {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.form.contact-form {
  min-height: 506px;
}

.form.demo-form {
  min-height: 429px;
}

.accordion-btn-line {
  background-color: var(--neutral--800);
  border-radius: 80px;
  width: 18px;
  height: 1.5px;
  position: absolute;
}

.accordion-btn-line.vertical {
  transform: rotate(90deg);
}

.office-tabs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.offices-tabs-content {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  max-width: 541px;
  margin-left: 59px;
  display: flex;
}

.contact-link-content {
  margin-top: 4px;
}

.hero-section-bg---contact-v3 {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 87%;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-section-bottom-content---careers-page {
  margin-top: 0;
}

.hero-section-bg---careers-page {
  background-image: url('../images/join-our-team-image-bnkify-x-webflow-template.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 59%;
  position: absolute;
  inset: 0% 0% auto;
}

.testimonial-card-bottom-content-slide {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.full-image-section-wrapper {
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.culture-section-bg-overlay {
  opacity: .8;
  background-image: linear-gradient(#000, #0000 70%);
  position: absolute;
  inset: 0%;
}

.culture-section-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  max-width: 488px;
  display: flex;
  position: absolute;
  inset: 82px 68px auto;
}

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

.hero-section-bg---career-single-page {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 43%;
  position: absolute;
  inset: 0% 0% auto;
}

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

.team-member-single-top-content {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.team-member-single-right-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 104px;
  display: flex;
}

.team-member-single-top-banner {
  background-image: url('../images/team-member-top-banner-image-bnkify-x-webflow-template.jpg');
  background-position: 50%;
  background-size: cover;
  height: 140px;
  position: absolute;
  inset: 0% 0% auto;
}

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

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

.help-center-image {
  min-width: 46px;
  max-width: 46px;
  min-height: 46px;
  max-height: 46px;
  margin-bottom: 24px;
}

.help-center-card-wrapper {
  color: var(--neutral--600);
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  text-decoration: none;
  display: flex;
}

.help-center-card-wrapper:hover {
  color: var(--neutral--600);
}

.help-center-item-wrapper {
  border-bottom: 1px solid var(--neutral--300);
}

.help-center-item-wrapper:last-child {
  border-bottom-width: 0;
}

.hero-section-bg---v17 {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 660px;
  position: absolute;
  inset: 0% 0% auto;
}

.form-divider-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  min-height: 35px;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.form-divider {
  background-color: var(--neutral--300);
  flex: 1;
  height: 1px;
}

.form-divider.white {
  background-color: var(--neutral--600);
}

.hero-section-bg---terms-page {
  background-color: var(--neutral--800);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 746px;
  position: absolute;
  inset: 0% 0% auto;
}

.rich-text-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  padding-top: 48px;
  padding-bottom: 48px;
}

.rich-text-wrapper.last {
  border-bottom-width: 0;
  padding-bottom: 0;
}

.rich-text-wrapper.first {
  padding-top: 0;
}

._404-not-found-title {
  color: var(--neutral--300);
  margin-bottom: 32px;
  font-size: 250px;
  font-weight: 700;
  line-height: .75em;
}

.text-wrap {
  word-break: break-all;
}

.logo-icon {
  width: 64px;
}

.team-member-card-wrapper {
  height: 100%;
  display: flex;
  position: relative;
}

.text-no-wrap {
  white-space: nowrap;
}

.bg-primary-02 {
  background-color: var(--primary--02);
}

.left-btn-row-wrapper {
  margin-right: 24px;
}

.position-absolute {
  position: absolute;
}

.position-absolute.top {
  inset: 0% 0% auto;
}

.testimonial-card-v1-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  justify-content: space-between;
  width: 100%;
  max-width: 796px;
  margin-left: auto;
  margin-right: auto;
}

.video-play-icon {
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-right: 12px;
}

.blog-card-v1---content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  max-width: 510px;
  display: flex;
}

.mg-top-18px {
  margin-top: 18px;
}

.form-input-block {
  flex-direction: column;
  justify-content: center;
  min-height: 61px;
  margin-bottom: 0;
  display: flex;
}

.form-input-block.notification-bar-form {
  width: 100%;
  max-width: 505px;
}

.service-card---v1---top---content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.logo-strip-wrapper---grid {
  grid-column-gap: 54px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  place-items: center;
  width: 100%;
  display: grid;
}

.link-transform-hover---tablet {
  transform-style: preserve-3d;
}

.business-slider---v2---wrapper {
  display: flex;
  position: relative;
}

.slider-section-content---v2---bg {
  z-index: -1;
  background-color: var(--neutral--200);
  width: 100vw;
  position: absolute;
  inset: -100vh 0 -100vh auto;
}

.plan-card-bottom-content---list {
  background-color: var(--neutral--transparent);
  text-align: left;
  flex: 1;
  padding-top: 32px;
  position: static;
}

.check-list {
  background-color: var(--neutral--100);
  -webkit-text-stroke-width: 1px;
  border-radius: 100%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  margin-top: 4px;
  margin-right: 4px;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.check-list.black {
  background-color: var(--neutral--800);
  color: var(--neutral--100);
}

.check-list.dark {
  background-color: var(--neutral--600);
  color: var(--neutral--100);
}

.mg-top-9px {
  margin-top: 9px;
}

.plan-card-bottom-content---dropdown {
  width: 100%;
  margin-top: 48px;
  margin-left: 0;
  margin-right: 0;
}

.hero-image---v2---gradient-mobile {
  display: none;
}

.service-card-grid---v3---content {
  position: sticky;
  top: 174px;
}

.testimonial-card-v3-content {
  max-width: 332px;
  margin-left: 24px;
}

.accordion-column {
  width: 100%;
  max-width: 536px;
}

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

.team-member-v1-content-top---btn {
  z-index: 1;
  margin-top: 24px;
  display: none;
  position: relative;
}

.team-member-v1-content-top---name {
  z-index: 1;
  position: relative;
}

.mg-top-45px {
  margin-top: 45px;
}

.mg-top-21px {
  margin-top: 21px;
}

.mg-top-10px {
  margin-top: 10px;
}

.blog-category-badge-v2---item {
  border-bottom: 1px solid var(--neutral--400);
  padding-top: 8px;
  padding-bottom: 8px;
}

.blog-category-badge-v2---item:first-child {
  padding-top: 0;
}

.blog-category-badge-v2---item:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.border-radius-13px {
  border-radius: 13px;
}

.blog-card-v2---content {
  flex-direction: column;
  justify-content: space-between;
  max-width: 379.469px;
  display: flex;
}

.blog-card-v1-featured---content {
  padding-top: 32px;
}

.mg-top-20px {
  margin-top: 20px;
}

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

.content-link {
  color: var(--neutral--600);
  text-decoration: none;
}

.content-link:hover {
  color: var(--neutral--600);
}

.content-link.opacity-hover {
  transition-property: opacity;
}

.content-link.opacity-hover:hover {
  opacity: .7;
}

.author-card---avatar {
  margin-right: 22px;
}

.gap-row-28px {
  grid-row-gap: 28px;
}

.mg-bottom--200px {
  margin-top: -200px;
}

.form-v2-wrapper {
  flex-direction: column;
  justify-content: center;
  min-height: 524px;
  margin-bottom: 0;
  display: flex;
}

.mg-right-7px {
  margin-right: 7px;
}

.flex-grow {
  flex: 1;
}

.height-100 {
  height: 100%;
}

.office-grid---contact-v3---content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 488px;
  margin-top: 24px;
  display: flex;
}

.testimonial-card---slide {
  max-width: 32.3%;
  margin-right: 16px;
}

.testimonial-slider-fade {
  z-index: 1;
  background-image: linear-gradient(to right, #fff0, var(--neutral--100) 10%);
  opacity: .5;
  width: 100vw;
  position: absolute;
  inset: 0% 0% 0% 100%;
}

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

.add-cart {
  flex-direction: column;
  justify-content: center;
  min-height: 147px;
  display: flex;
}

.demo-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 447px;
  display: flex;
}

.help-center-category-card---top {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.mg-top-80px {
  margin-top: 80px;
}

.footer---hide-top-border {
  margin-top: -2px;
}

.footer---hide-top-border---wrapper {
  margin-top: -2px;
  overflow: hidden;
}

.sign-in-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 739px;
  margin-bottom: 0;
  display: flex;
}

.form---bottom-link {
  margin-top: -10px;
}

.sign-in-button---icon-left {
  max-width: 20px;
  margin-right: 8px;
}

.sign-up-form---btn {
  padding-top: 4px;
}

.sign-up-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 743px;
  margin-bottom: 0;
  display: flex;
}

.password-page-form {
  flex-direction: column;
  justify-content: center;
  min-height: 360px;
  margin-bottom: 0;
  display: flex;
}

.password-card-icon {
  min-width: 55px;
  max-width: 55px;
  min-height: 55px;
  max-height: 55px;
}

.email-card-icon {
  min-width: 38px;
  max-width: 38px;
  min-height: 38px;
  max-height: 38px;
}

.protected-page-card-icon {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
}

.order-summary-line-item {
  grid-column-gap: 14px;
  flex-wrap: wrap;
}

.order-item---content {
  margin-left: 0;
  margin-right: 0;
}

.order-item---content---main {
  align-items: flex-start;
  margin-right: 16px;
  display: flex;
}

.order-item---content---image-wrapper {
  width: 100%;
  max-width: 60px;
  margin-bottom: 16px;
  margin-right: 16px;
  transition-property: opacity;
}

.order-item---content---image-wrapper:hover {
  opacity: .6;
}

.cart-quantity {
  background-color: var(--neutral--transparent);
  min-width: auto;
  height: auto;
  color: var(--neutral--800);
  border-radius: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.333em;
}

.cart-quantity.text-neutral-100 {
  color: var(--neutral--100);
}

.cart-header {
  border-bottom-color: var(--neutral--300);
  padding-top: 20px;
  padding-bottom: 20px;
}

.cart-list {
  padding-top: 0;
  padding-bottom: 0;
}

.cart-footer {
  border-top-color: var(--neutral--300);
  padding-top: 32px;
  padding-bottom: 32px;
}

.cart-line-item {
  grid-column-gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cart-container {
  border-radius: 24px;
}

.cart-item {
  border-bottom: 1px solid var(--neutral--300);
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.cart-item:last-child {
  border-bottom-style: none;
  padding-bottom: 0;
}

.cart-item---content---main {
  align-items: flex-start;
  margin-right: 16px;
  display: flex;
}

.cart-item---content {
  margin-left: 0;
  margin-right: 0;
}

.close-button {
  width: 24px;
  height: 24px;
  color: var(--neutral--800);
  -webkit-text-stroke-width: 1px;
  transform-style: preserve-3d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
  overflow: hidden;
}

.close-button:hover {
  color: var(--neutral--600);
  transform: scale3d(.9, .9, 1.01);
}

.cart-item---content---image-wrapper {
  width: 100%;
  max-width: 60px;
  margin-bottom: 16px;
  margin-right: 16px;
  transition-property: opacity;
}

.cart-item---content---image-wrapper:hover {
  opacity: .6;
}

.career-badge-icon {
  max-width: 26px;
  margin-right: 6px;
}

.more-templates-badge-wrapper-edite {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 286px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: fixed;
  inset: auto 24px 12px auto;
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper-edite:hover {
  color: #666977;
}

.more-templates-logo-wrapper {
  position: relative;
}

.more-templates-logo {
  width: 80px;
}

.more-templates-logo.blur {
  z-index: -1;
  opacity: .68;
  filter: blur(3px);
  position: absolute;
  inset: 10% 0% 20px;
}

.more-templates-logo.customize {
  width: 110px;
}

.more-templates-p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.4em;
}

.more-webflow-templates-sub {
  color: #523ff5;
  text-decoration: underline;
}

.more-templates-lottie {
  width: 44px;
  position: absolute;
  inset: -20px -20px auto auto;
}

.brix-badges-wrapper {
  z-index: 99999999;
  width: 320px;
  height: 120px;
  position: fixed;
  inset: auto 50px 0 auto;
}

.more-templates-lottie-2 {
  z-index: 9999;
  width: 44px;
  position: absolute;
  inset: -18px -19px auto auto;
}

.hidden-code {
  display: none;
}

.more-templates-badge-wrapper {
  z-index: 9991;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  opacity: 0;
  color: #666977;
  background-color: #fff;
  border: 1px solid #f0f0f6;
  border-radius: 12px;
  align-items: center;
  width: 100%;
  max-width: 320px;
  min-height: 76px;
  padding: 12px 22px 12px 18px;
  text-decoration: none;
  transition-property: none;
  display: flex;
  position: absolute;
  transform: scale(.9)translate(0, 20px);
  box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}

.more-templates-badge-wrapper:hover {
  color: #666977;
}

.more-templates-badge-wrapper.customization {
  border-color: #4a3aff;
  padding-left: 10px;
}

.div-block {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #fff;
  border-radius: 0;
  flex-flow: column;
  padding: 30px;
  display: flex;
}

.div-block-2 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  flex-flow: row;
  display: flex;
}

.heading {
  font-family: Rubik, Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.paragraph {
  font-family: Rubik, Arial, sans-serif;
}

.link-2 {
  color: var(--primary--04);
  font-size: 16px;
  font-weight: 700;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: .75fr .75fr;
}

.grid-2 {
  grid-template-columns: 1fr 1fr 1fr;
  padding: 40px 60px 20px;
}

.text-block-2 {
  font-family: Rubik, Arial, sans-serif;
  font-weight: 400;
}

.div-block-3 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  display: flex;
}

.link-3 {
  color: var(--primary--01);
  font-family: Rubik, Arial, sans-serif;
  font-size: 16px;
}

.link-3.int {
  color: var(--primary--01);
}

.heading-2 {
  text-align: center;
  border-bottom: 1.5px #000;
  padding-left: 0;
  font-family: Rubik, Arial, sans-serif;
}

.heading-2.i {
  padding-bottom: 20px;
}

.section-2 {
  flex-flow: column;
  margin-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.link-4 {
  text-align: center;
  padding-left: 0;
  text-decoration: none;
}

.div-block-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
}

.link-5 {
  color: var(--primary--04);
  padding-left: 0;
  font-family: Rubik, Arial, sans-serif;
  text-decoration: none;
}

.bold-text {
  color: var(--primary--04);
  text-align: center;
}

.image-2, .image-3, .image-4, .image-5, .image-6, .image-7 {
  border-radius: 5px;
}

.text-span, .bold-text-2, .text-span-2 {
  font-weight: 700;
}

.grid-9 {
  padding-left: 60px;
  padding-right: 60px;
}

.bold-text-7 {
  font-size: 32px;
  font-weight: 400;
}

.bold-text-8 {
  font-size: 38px;
  font-weight: 400;
}

.bold-text-9 {
  font-size: 32px;
  font-weight: 400;
}

.section-3 {
  padding-bottom: 40px;
}

.container {
  padding-left: 24px;
}

.section-4 {
  background-color: var(--neutral--300);
}

.bold-text-10 {
  font-family: Rubik, Arial, sans-serif;
  font-weight: 400;
}

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

.image-8 {
  max-width: 20%;
}

.text-block-3 {
  font-family: Rubik, Arial, sans-serif;
  font-size: 22px;
}

.div-block-5 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  display: flex;
}

.link-6 {
  color: var(--secondary--blue-400);
  font-size: 16px;
}

.heading-3 {
  text-align: center;
  padding-bottom: 20px;
  font-family: Rubik, Arial, sans-serif;
  font-size: 42px;
}

@media screen and (min-width: 1440px) {
  .utp---sidebar-layout-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(280px, 310px) 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .utp---content-wrapper {
    padding-left: 80px;
    padding-right: 80px;
  }

  .display-11.medium.text-neutral-100 {
    font-family: Rubik, Arial, sans-serif;
  }

  .grid-2-columns.contact-form-v3 {
    grid-column-gap: 64px;
  }

  .grid-2-columns.contact-form-v1---main {
    grid-template-columns: .6fr 1fr;
  }

  .card.utp---components-wrapper {
    flex-direction: row;
  }

  .card.utp---components-wrapper.wrap {
    flex-wrap: wrap;
  }

  .card.logo-strip {
    padding-left: 22px;
    padding-right: 22px;
  }

  .card.testimonial-card-v3 {
    padding-left: 48px;
    padding-right: 48px;
  }

  .card.faq-card-v3 {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-columns: .675fr 1fr;
  }

  .text-neutral-300 {
    font-family: Rubik, Arial, sans-serif;
  }

  .grid-1-column.gap-row-64px {
    grid-row-gap: 64px;
  }

  .utp---grid-components-wrapper._1-column {
    grid-template-columns: minmax(64px, 1fr);
  }

  .utp---card-componets-wrapper {
    width: 50%;
  }

  .utp---card-componets-wrapper.dark.v2.links {
    padding-bottom: 48px;
  }

  .utp---buttons-top {
    display: flex;
  }

  .utp---buttons-head-wrapper {
    grid-column-gap: 16px;
  }

  .utp---grid-components {
    grid-column-gap: 19px;
  }

  .button-primary.inside-input.white {
    background-color: var(--primary--04);
  }

  .input.dark.btn-inside {
    background-color: var(--core--primary--300);
    color: var(--neutral--600);
  }

  .image-wrapper.feature-image---v1 {
    max-width: none;
    min-height: 100%;
    max-height: 100%;
  }

  .image-wrapper.cta-v3 {
    transform: translate(28%, 15%);
  }

  .utp---block-item-wrapper {
    justify-content: center;
    display: flex;
  }

  .utp---blocks-1440px-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .notification-bar {
    width: 100%;
  }

  .container-default.z-index-1 {
    margin-top: 40px;
  }

  .notification-bar-padding, .notification-bar-infinity-marquee-item {
    padding-left: 0;
    padding-right: 0;
  }

  .section.hero-section---v1 {
    background-position: 83% 0;
  }

  .section.hero-section---v13 {
    padding-top: 0;
  }

  .section.hero-section---help-center-page {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .footer-wrapper {
    align-self: stretch;
  }

  .content-card-v20-right-content {
    padding-left: 56px;
    padding-right: 56px;
  }

  .sales---hero-link-wrapper {
    max-width: 388px;
  }

  .hero-content-wrapper---v1 {
    min-height: 800px;
  }

  .hero-section-bottom-content---careers-page {
    margin-top: 20px;
  }

  .div-block-4 {
    display: flex;
  }
}

@media screen and (min-width: 1920px) {
  .utp---sidebar-layout-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: minmax(280px, 310px) 1fr;
    grid-auto-columns: 1fr;
    max-width: 100vw;
    display: grid;
  }

  .utp---content-wrapper {
    max-width: 87vw;
  }

  .card.logo-strip {
    padding-left: 32px;
    padding-right: 32px;
  }

  .primary-button-icon.no-hover:hover {
    transform: none;
  }

  .image-wrapper.feature-image---v1 {
    width: 48%;
  }

  .image-wrapper.tab-image---v3 {
    left: 0%;
  }

  .image-wrapper.cta-v3 {
    left: 50%;
    right: auto;
    transform: translate(16%, 8%);
  }

  .utp---blocks-1440px-wrapper {
    align-items: stretch;
  }

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

  .section.hero-section---v1 {
    background-position: 100% 25%;
  }

  .section.cta-v3 {
    background-position: 100% 0;
  }

  .footer-wrapper {
    align-self: stretch;
  }

  .image.hero-image---v2 {
    object-position: 50% 50%;
  }

  .image.hero-image---v3 {
    object-position: 50% 18%;
  }

  .card-wrapper {
    position: sticky;
  }

  .card-wrapper._01 {
    top: 24px;
  }

  .card-wrapper._02 {
    top: 48px;
  }

  .card-wrapper._03 {
    top: 72px;
  }

  .card-wrapper._04 {
    top: 96px;
  }

  .floating-image-wrapper.hero-v3---image-wrapper {
    width: 100%;
    max-width: 520px;
  }

  .arrow-button-text {
    line-height: 40px;
  }

  .sales---hero-link-wrapper {
    max-width: 528px;
  }
}

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

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 28px;
  }

  h4 {
    font-size: 22px;
  }

  blockquote {
    border-radius: 20px;
    padding: 54px 42px;
  }

  .utp---sidebar-layout-wrapper {
    grid-template-columns: minmax(100%, 1fr);
  }

  .utp--sidebar-wrapper {
    height: auto;
    max-height: none;
    position: static;
    overflow: visible;
  }

  .utp---content-wrapper {
    max-width: none;
    padding-left: 24px;
    padding-right: 24px;
  }

  .divider.contact-v1---main-content---divider, .divider.contact-v2---main-content---divider {
    align-self: stretch;
    width: 1px;
    height: auto;
    min-height: auto;
    margin: 0 32px;
  }

  .display-12 {
    font-size: 64px;
  }

  .display-11 {
    font-size: 56px;
  }

  .display-10 {
    font-size: 48px;
  }

  .display-9 {
    font-size: 40px;
  }

  .display-8 {
    font-size: 32px;
  }

  .display-7 {
    font-size: 28px;
  }

  .display-6 {
    font-size: 22px;
  }

  .display-6.features-title---v2 {
    color: var(--neutral--800);
  }

  .display-5.medium._16px---tablet {
    font-size: 16px;
  }

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

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

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

  .grid-2-columns.contact-form-v3, .grid-2-columns.contact-form-v1---main {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

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

  .grid-2-columns.gap-row-40px.product-grid {
    grid-column-gap: 16px;
  }

  .grid-2-columns.section-v21-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-column-gap: 32px;
    grid-template-columns: .5fr 1fr;
  }

  .grid-2-columns.changelog-item {
    grid-column-gap: 40px;
    grid-template-columns: .3fr 1fr;
  }

  .grid-2-columns.surprises-image-right {
    grid-template-columns: 1fr 1.14fr;
  }

  .grid-2-columns.service-grid---v1 {
    grid-template-columns: .8fr 1fr;
  }

  .grid-2-columns.blog-v1-grid---v1 {
    grid-column-gap: 24px;
    align-items: stretch;
  }

  .grid-2-columns.layout-image-right---grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: minmax(400px, 1fr) 1fr;
  }

  .grid-2-columns.tab-section---v3 {
    grid-template-columns: 1fr 1.25fr;
  }

  .grid-2-columns.testimonial-grid-v3 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin-top: 40px;
  }

  .grid-2-columns.cta-v3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.story-grid---v3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .grid-2-columns.blog-grid---v3, .grid-2-columns.sidebar-left, .grid-2-columns.office-grid---contact-v3 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .grid-2-columns.features-grid {
    grid-template-columns: auto;
    justify-content: start;
  }

  .grid-2-columns.coming-soon-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-grid---help-center-page {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
  }

  .grid-2-columns.account-card-image---v2 {
    grid-template-columns: minmax(360px, 1fr) 1fr;
  }

  .card.utp---components-wrapper {
    flex-direction: column;
  }

  .card.plan-item {
    text-align: left;
    flex-direction: row;
    align-items: center;
    padding: 40px 60px;
  }

  .card.blog-card-featured {
    grid-template-columns: 1fr 1fr;
  }

  .card.content-card-v20 {
    align-items: stretch;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .card.content-card-v20.horizontal-card {
    width: 100%;
    margin-right: 0;
  }

  .card.template-pages---sticky-card {
    padding-top: 24px;
  }

  .card.template-pages---text-card {
    padding-left: 40px;
    padding-right: 40px;
  }

  .card.sales---text-and-image {
    flex-direction: column;
  }

  .card.sales---text-and-image.image-left {
    flex-direction: column-reverse;
  }

  .card.features-card---v1 {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-columns: 1fr .7fr;
    padding: 60px 40px;
  }

  .card.service-card---v1.top {
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.service-card---v1.left {
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.service-card---v1.right {
    padding-top: 51px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.service-card---v1.white-top---main {
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.service-card---v1.white-left---main {
    padding-top: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.service-card---v1.white-right---main {
    padding-top: 51px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.cta-v1 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: auto minmax(315px, 1fr);
    padding-top: 80px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .card.testimonial-card-v1 {
    padding: 60px 32px;
  }

  .card.service-card---v2 {
    grid-template-columns: 1fr 1fr;
    padding: 80px 50px;
  }

  .card.testimonial-card-v3 {
    flex-direction: column;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.faq-card-v3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 64px 40px;
  }

  .card.join-team-card {
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.career-card-wrapper {
    border-radius: 20px;
  }

  .card.author-card {
    padding: 46px 40px;
  }

  .card.perks-card {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .card.testimonial-card-slide {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .card.career-single-card {
    max-width: 100%;
    padding: 64px 40px;
  }

  .card.team-member-single-card {
    padding-left: 58px;
    padding-right: 58px;
  }

  .card.product-single-card {
    padding: 40px 24px;
  }

  .card.help-center-category-card {
    padding: 48px 24px;
  }

  .card.help-center-card {
    border-radius: 20px;
  }

  .card.help-center-single-card {
    border-radius: 20px;
    padding: 80px 60px;
  }

  .card.password-card, .card.not-found-card, .card.email-card, .card.protected-page-card {
    border-radius: 20px;
  }

  .flex-horizontal.justify-end.gap-12px.tablet-justify-start {
    justify-content: flex-start;
  }

  .flex-horizontal.logo-strip.v10 {
    overflow: hidden;
  }

  .flex-horizontal.mg-bottom-24px {
    margin-bottom: 20px;
  }

  .flex-horizontal.start.center---tablet {
    justify-content: center;
  }

  .utp---typography-grid-row {
    grid-row-gap: 4px;
    flex-direction: column;
    align-items: flex-start;
  }

  .utp---typography-grid-row.header {
    display: none;
  }

  .utp---typography-grid-item._55, .utp---typography-grid-item._26-5, .utp---typography-grid-item._11 {
    width: 100%;
  }

  .grid-1-column.headers-blocks {
    grid-row-gap: 550px;
  }

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

  .inner-container._100-tablet {
    max-width: 100%;
  }

  .inner-container._400px.center---tablet {
    margin-left: auto;
    margin-right: auto;
  }

  .inner-container._470px._100-tablet {
    align-self: stretch;
  }

  .inner-container._600px---tablet {
    max-width: 600px;
  }

  .inner-container._550px---tablet {
    max-width: 550px;
  }

  .inner-container._700px---tablet {
    max-width: 700px;
  }

  .inner-container._400px---tablet {
    max-width: 400px;
  }

  .inner-container.hero-v3-top-content {
    max-width: 50%;
  }

  .inner-container.testimonial-grid-v3---title {
    max-width: 358px;
  }

  .inner-container.hero-section-v7---main-content {
    max-width: 50%;
  }

  .inner-container._650px---tablet {
    max-width: 650px;
  }

  .inner-container._500px---tablet {
    max-width: 500px;
  }

  .inner-container._450px---tablet {
    max-width: 450px;
  }

  .inner-container.contact-v1---main-content {
    max-width: 100%;
    display: flex;
  }

  .inner-container.contact-form---main-content-v2 {
    flex-direction: row;
    max-width: 100%;
    padding-top: 0;
  }

  .inner-container._350px---tablet {
    max-width: 350px;
  }

  .inner-container.full-image-grid---content {
    text-align: center;
    max-width: 550px;
    padding-top: 50px;
    padding-bottom: 60px;
  }

  .utp---card-componets-wrapper {
    width: 100%;
    padding-left: 22px;
    padding-right: 22px;
  }

  .utp---card-componets-wrapper.v2 {
    padding-left: 22px;
    padding-right: 22px;
  }

  .utp---buttons-head-wrapper {
    width: 100%;
  }

  .utp---buttons-head-wrapper.right {
    display: none;
  }

  .primary-button-icon.large.slider-button-right.alt {
    left: 102%;
  }

  .primary-button-icon.large.slider-button-left.alt {
    margin-left: -18px;
  }

  .primary-button-icon.slider-arrow---testimonial-v1.left-v2 {
    top: 300px;
    left: -380px;
  }

  .primary-button-icon.slider-arrow---testimonial-v1.right-v2 {
    top: 300px;
    left: -512px;
  }

  .mg-top-32px.mg-top-60px---tablet {
    margin-top: 60px;
  }

  .link.medium.plan-dropdown {
    justify-content: flex-start;
  }

  .link.nav-white {
    color: var(--neutral--800);
  }

  .link.cart-link {
    margin-right: 16px;
  }

  .text-area {
    border-radius: 20px;
  }

  .text-area.input-medium {
    border-radius: 16px;
  }

  .grid-3-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

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

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

  .grid-3-columns.secondary-blog-grid-v2 {
    grid-template-columns: minmax(11%, auto) minmax(11%, auto) minmax(17%, auto);
  }

  .grid-3-columns.values-grid {
    margin: -32px -16px;
  }

  .grid-3-columns.values-grid.v2, .grid-3-columns.team-member-grid, .grid-3-columns.help-center-categories-grid, .grid-3-columns.search-grid, .grid-3-columns.pages-grid {
    grid-template-columns: 1fr 1fr;
  }

  .accordion-paragraph.v1 {
    max-width: 700px;
  }

  .buttons-row.nav-menu-hidden-on-mobile {
    grid-column-gap: 16px;
  }

  .buttons-row.left.center---tablet {
    justify-content: center;
  }

  .buttons-row.left.alt---tablet {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .rich-text img {
    border-radius: 20px;
  }

  .image-wrapper.feature-image---v1 {
    width: 41%;
    max-height: 442px;
  }

  .image-wrapper.service-image-top---v1 {
    margin-top: 40px;
  }

  .image-wrapper.service-image-left---v1 {
    width: 140%;
  }

  .image-wrapper.cta-v1-image-wrapper {
    width: auto;
  }

  .image-wrapper.feature-image-01---v2 {
    width: 41%;
    max-width: 330px;
    right: 50px;
  }

  .image-wrapper.feature-image-02---v2 {
    width: 49%;
    max-width: 468px;
  }

  .image-wrapper.feature-image-03---v2 {
    width: 41%;
    max-width: 405px;
    right: 50px;
  }

  .image-wrapper.plan-image {
    width: 329px;
    max-width: 45%;
    margin-bottom: 0;
    margin-right: 32px;
  }

  .image-wrapper.tab-image---v3 {
    flex-direction: column;
    justify-content: center;
    width: 60%;
    display: flex;
    top: 0;
  }

  .image-wrapper.cta-v3 {
    width: 100%;
    display: block;
    position: relative;
    transform: none;
  }

  .image-wrapper.hero-image---blog-v1 {
    width: 78%;
    max-width: 740px;
    transform: translate(-8%);
  }

  .image-wrapper.cta-v5 {
    max-width: 755px;
    transform: translate(-9%, 14%);
  }

  .image-wrapper.border-radius-24px {
    border-radius: 20px;
  }

  .image-wrapper.full-image-grid {
    width: 100%;
    max-width: none;
    position: static;
    right: 0%;
  }

  .image-wrapper.full-image-grid.responsive-fix {
    justify-content: center;
    max-height: 500px;
  }

  .mg-top-80px---alt {
    margin-top: 64px;
  }

  .utp---blocks-1440px-wrapper.overflow-visible.container-wrapper {
    min-height: 93px;
  }

  .notification-bar.v8 {
    padding-left: 0;
    padding-right: 0;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .list-nav-menu {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px 50px;
  }

  .list-nav-menu.full-page-menu {
    align-items: center;
  }

  .list-nav-menu.full-page-menu.v3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .link-nav-item {
    margin-bottom: 16px;
  }

  .link-nav-item.left {
    margin-right: 0;
  }

  .link-nav-item.show-in-tablet.header-links {
    align-self: stretch;
    margin-top: 30px;
    margin-bottom: 0;
    display: flex;
  }

  .hamburger-menu {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-left: 20px;
  }

  .hamburger-menu:hover, .hamburger-menu.w--open {
    background-color: var(--neutral--800);
  }

  .hamburger-menu.white:hover, .hamburger-menu.white.w--open {
    background-color: var(--neutral--100);
  }

  .nav-menu-wrapper {
    border-top: 1px solid var(--neutral--300);
    border-bottom: 1px solid var(--neutral--300);
    background-color: var(--neutral--200);
    border-radius: 0;
  }

  .nav-menu-wrapper.v2 {
    position: absolute;
  }

  .nav-menu-wrapper.full-page-menu {
    margin-top: 0;
  }

  .nav-menu-wrapper.full-page-menu.v2 {
    position: fixed;
  }

  .nav-menu-wrapper.full-page-menu.v3 {
    padding-top: 100px;
  }

  .social-media-grid.left-aligned.center---tablet {
    justify-content: center;
  }

  .section {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section.pd-140px {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.horizontal-cards-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.template-pages-hero {
    padding-top: 170px;
    padding-bottom: 100px;
  }

  .section.sales-hero {
    background-image: linear-gradient(to bottom, white 52%, var(--neutral--800) 52%);
    padding-top: 60px;
    padding-bottom: 120px;
  }

  .section.cta-sales {
    padding-bottom: 120px;
  }

  .section.hero-section---v1 {
    background-position: 50% 0;
    padding-top: 193px;
  }

  .section.card-section.tab-section---v3 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section.hero-section---v2 {
    min-height: 880px;
    max-height: 880px;
    padding-top: 160px;
  }

  .section.logo-strip-section---v2 {
    padding-top: 60px;
  }

  .section.hero-section---v3 {
    padding-top: 140px;
    padding-bottom: 120px;
  }

  .section.cta-v3 {
    background-image: url('../images/meet-the-bank-of-the-future-bg-image-bnkify-x-webflow-template.jpg');
    background-position: 0%;
    min-height: 0;
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section.hero-section---v5 {
    padding-top: 150px;
    padding-bottom: 178px;
  }

  .section.hero-section---v6 {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .section.cta-v4 {
    padding-top: 90px;
  }

  .section.hero-section---v7 {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .section.cta-v5 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.hero-section---v8 {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-top: 150px;
    padding-bottom: 80px;
  }

  .section.hero-section---v9 {
    padding-top: 50px;
  }

  .section.hero-section---v10 {
    padding-top: 140px;
  }

  .section.hero-section---contact-v3 {
    padding-top: 150px;
  }

  .section.hero-section---v13 {
    padding-top: 140px;
  }

  .section.hero-section---v14 {
    padding-top: 150px;
  }

  .section.hero-section---help-center-page {
    padding-top: 160px;
    padding-bottom: 120px;
  }

  .section.hero-section---v17 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.hero-section---terms-page {
    padding-top: 180px;
    padding-bottom: 120px;
  }

  .section.pd-top-120px {
    padding-top: 100px;
  }

  .section.hero-section---v4 {
    padding-top: 50px;
  }

  .section.pd-100px {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.pd-120px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.hero-section---v11---top {
    padding-top: 50px;
  }

  .section.hero-section---v12---top {
    padding-top: 50px;
    padding-bottom: 120px;
  }

  .section.hero-section---v15 {
    padding-top: 50px;
  }

  .width-50ch {
    max-width: none;
  }

  .width-50ch._100-tablet {
    width: 100%;
  }

  .hero-v3---im4ages-wrapper {
    max-width: 100%;
    padding-top: 100px;
  }

  ._2-images-wrapper-item.right {
    max-width: 55%;
  }

  ._2-images-wrapper-item.left {
    max-width: 55%;
    padding-top: 0;
  }

  .position-relative.overflow-hidden.logo-strip-v10 {
    width: 100%;
  }

  .footer-top.v2 {
    padding-top: 80px;
    padding-bottom: 70px;
  }

  .footer-top.v1 {
    padding-top: 88px;
    padding-bottom: 60px;
  }

  .footer-bottom.v3, .footer-bottom.v2---main {
    grid-row-gap: 16px;
    text-align: center;
    flex-direction: column;
  }

  .footer-center.v2 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .logo-marquee-image-wrapper {
    flex: none;
  }

  .image.cover-image.hero-section---v4---image {
    min-height: 400px;
    max-height: 400px;
  }

  .image.cover-image.mission-section---image {
    min-height: 600px;
    max-height: 650px;
  }

  .image.cover-image.post-image {
    max-height: 500px;
  }

  .image.cover-image.office-grid---contact-v3---image {
    max-height: 446px;
  }

  .image.hero-image---v2 {
    object-position: 0% 50%;
  }

  .image.business-image---v3 {
    min-height: 450px;
    max-height: 530px;
  }

  .image.full-image {
    object-position: 0% 50%;
    min-height: 540px;
    max-height: 540px;
  }

  .title-left---content-right.center---tablet {
    text-align: center;
    flex-flow: column;
    align-items: center;
  }

  .title-left---content-right._16px {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .display-price-wrapper {
    justify-content: flex-start;
  }

  .blog-card-featured-right-content {
    min-height: 400px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .blog-card-bottom-content.blog-v3 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .utility-page-wrap.full-page {
    padding-top: 60px;
    padding-bottom: 138px;
  }

  .section-v30-content-wrapper {
    max-height: 400px;
  }

  .marquee-item---content-section-v30 {
    font-size: 64px;
    line-height: 64px;
  }

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

  .dropdown-toogle.white {
    color: var(--neutral--800);
  }

  .dropdown-list {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    transform: none;
  }

  .dropdown-list.dropdown-v1 {
    position: relative;
    transform: none;
  }

  .dropdown-list.dropdown-v1.v2 {
    margin-left: 0;
  }

  .dropdown-pd {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
  }

  .dropdown-pd.dropdown-v1 {
    background-color: var(--neutral--transparent);
    min-width: 0;
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    margin-top: 24px;
    padding: 0;
  }

  .content-card-v20-right-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sidebar---navbar {
    padding-bottom: 24px;
  }

  .arrow-button-text {
    font-size: 48px;
    line-height: 48px;
  }

  .full-page-menu---link {
    font-size: 48px;
    line-height: 64px;
  }

  .horizontal-cards-container {
    height: auto;
  }

  .sticky-wrap {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .horizontal-cards-wrapper {
    grid-row-gap: 24px;
    flex-direction: column;
    width: 100%;
  }

  .sales---hero-link-wrapper {
    max-width: 260px;
  }

  .text-and-image-card---image-wrapper {
    width: 100%;
    max-height: 400px;
  }

  .text-and-image-card---text-container {
    max-width: none;
    padding: 64px 40px;
  }

  .checkout-form {
    grid-column-gap: 24px;
    grid-template-columns: 1fr .7fr;
  }

  .empty-state.border-radius-24px {
    border-radius: 20px;
  }

  .dropdown-menu-wrapper {
    grid-row-gap: 50px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-footer-v1 {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .footer-v1---bottom-left-content {
    text-align: center;
    align-items: center;
    max-width: 100%;
    padding-top: 30px;
  }

  .footer-menu-wrapper {
    grid-column-gap: 34px;
    grid-template-columns: minmax(361px, 1fr) .5fr .5fr;
    min-width: auto;
    max-width: 100%;
  }

  .footer-main-pages-wrapper {
    grid-column-gap: 16px;
  }

  .footer-v2-top-right-content {
    flex: 1;
  }

  .grid-footer-v2 {
    grid-column-gap: 34px;
    grid-row-gap: 34px;
    grid-template-columns: minmax(361px, 1fr) .5fr .5fr;
    justify-content: start;
    width: 100%;
  }

  .hero-content-wrapper---v1 {
    min-height: 600px;
  }

  .hero-top-content-wrapper---v1 {
    max-width: 470px;
  }

  .features-tab-menu-wrapper---v1 {
    max-width: 54%;
  }

  .feature-tab-body---v1 {
    max-width: 700px;
  }

  .service-card-bottom-content---v1 {
    margin-right: 72px;
  }

  .businesses-card---v1 {
    min-height: 540px;
  }

  .business-card-content-wrapper {
    padding-bottom: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .cta-v1-content-wrapper {
    padding-top: 32px;
    padding-bottom: 50px;
  }

  .account-card-wrapper {
    padding-top: 100px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .account-card-bg---v1 {
    border-radius: 20px;
  }

  .account-card-bottom-content---v1 {
    margin-top: 48px;
  }

  .slider-mask---testimonial-v1 {
    margin-right: 128px;
  }

  .testimonial-card-right-content-v1 {
    min-width: auto;
  }

  .video-content-wrapper {
    max-height: 500px;
  }

  .blog-card-details-wrapper.blog-item-v2 {
    flex-direction: column;
    align-items: flex-start;
  }

  .faq-v1-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr .9fr;
  }

  .faq-v1-wrapper.last {
    padding-bottom: 0;
  }

  .features-content-wrapper---v2 {
    margin-top: 32px;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .features-wrapper---v2 {
    min-height: auto;
    max-height: 540px;
  }

  .feature-content---v2 {
    color: var(--neutral--600);
  }

  .slider-section-content---v2 {
    min-width: 280px;
    max-width: 280px;
  }

  .slider-mask---business-v2 {
    width: 100%;
    max-width: 500px;
  }

  .business-card---v2 {
    min-height: 540px;
  }

  .business-card-content-wrapper-v2 {
    bottom: 32px;
    left: 32px;
    right: 32px;
  }

  .plan-card-bottom-content {
    align-items: flex-start;
    max-width: 410px;
    margin-left: auto;
  }

  .pricing-item-wrapper:nth-child(odd) {
    margin-top: 0;
  }

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

  .stat-column-wrapper.left {
    display: none;
  }

  .feature-column-item {
    min-height: 110px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
  }

  .feature-column-item.last, .feature-column-item.last.empty {
    min-height: 98px;
  }

  .feature-title---tablet {
    display: block;
  }

  .blog-featured-button-icon-wrapper {
    top: 20px;
    right: 20px;
  }

  .secondary-blog-item-v2 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .secondary-blog-v2-wrapper {
    max-width: 500px;
  }

  .hero-v3-bottom-content-wrapper {
    margin-top: 140px;
  }

  .service-card---v3 {
    max-width: 100%;
    margin-right: 0;
  }

  .service-card---v3.right {
    display: none;
  }

  .service-card-description---v3 {
    justify-content: flex-start;
    min-height: auto;
  }

  .service-card-grid---v3 {
    flex-direction: row;
    align-items: center;
    min-height: auto;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .service-card-grid---v3.last {
    margin-bottom: 0;
  }

  .service-card-image-wrapper {
    min-height: 300px;
  }

  .show-in-tablet {
    display: block;
  }

  .business-card-content-wrapper-v3 {
    bottom: 40px;
    left: 32px;
  }

  .mission-section-bg {
    height: 90%;
  }

  .mission-content-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    top: 48px;
    left: 32px;
    right: 32px;
  }

  .values-card {
    padding: 32px 16px;
  }

  .office-card-content-wrapper {
    bottom: 40px;
    left: 32px;
    right: 32px;
  }

  .career-card-top-content {
    display: none;
  }

  .career-wrapper {
    grid-template-columns: auto auto 1fr 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .career-collection-item:first-child {
    border-top-width: 0;
  }

  .search-form-wrapper.hero-search {
    flex: 1;
  }

  .search-form-wrapper.hero-search-v2 {
    max-width: 430px;
  }

  .offices-tabs-content {
    margin-left: 20px;
  }

  .hero-section-bottom-content---careers-page {
    margin-top: 150px;
  }

  .hero-section-bg---careers-page {
    height: 50%;
  }

  .culture-section-content-wrapper {
    top: 68px;
    left: 40px;
  }

  .team-member-single-top-banner {
    height: 124px;
  }

  .hero-section-bg---v17 {
    height: 600px;
  }

  ._404-not-found-title {
    margin-bottom: 26px;
    font-size: 210px;
  }

  .logo-strip-wrapper---grid {
    grid-column-gap: 32px;
  }

  .link-transform-hover---tablet {
    transition: transform .3s;
  }

  .link-transform-hover---tablet:hover {
    transform: translate3d(6px, 0, .01px);
  }

  .service-card-grid---v3---content {
    flex: none;
    width: 50%;
    max-width: 400px;
    margin-right: 28px;
    position: static;
  }

  .testimonial-card-v3-content {
    margin-top: 20px;
    margin-left: 0;
  }

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

  .mg-bottom--200px {
    margin-top: -160px;
  }

  .contact-v1---main-content---top, .contact-v2---main-content---top {
    max-width: 364px;
  }

  .testimonial-card---slide {
    max-width: 49%;
  }

  .add-cart {
    min-height: 143px;
  }

  .help-center-category-card---top {
    max-width: 350px;
  }

  .mg-top-80px {
    margin-top: 70px;
  }

  .sign-in-form-block {
    min-height: 729px;
  }

  .sign-up-form-block {
    min-height: 733px;
  }

  .order-item---content---main {
    flex-direction: column;
  }

  .flex-vertical---tablet {
    flex-direction: column;
    display: flex;
  }

  .cart-container {
    border-radius: 20px;
  }

  .more-templates-badge-wrapper-edite {
    right: 24px;
  }

  .brix-badges-wrapper {
    right: 35px;
  }

  .link-3.int {
    color: var(--primary--01);
  }

  .grid-9 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
}

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

  h1 {
    font-size: 36px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 16px;
  }

  blockquote {
    border-radius: 16px;
    padding: 40px 32px;
    font-size: 18px;
  }

  .utp---sidebar-layout-wrapper {
    grid-template-columns: minmax(170px, 1fr);
  }

  .utp--sidebar-wrapper {
    flex-direction: row;
    align-items: stretch;
    display: flex;
  }

  .divider._32px {
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .divider._48px {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .divider.contact-v1---main-content---divider, .divider.contact-v2---main-content---divider {
    width: 100%;
    height: 1px;
    min-height: 1px;
    margin: 32px 0;
  }

  .divider._48px---32px {
    margin-top: 40px;
    margin-bottom: 28px;
  }

  .divider._60px {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .utp---sidebar-top {
    margin-right: auto;
  }

  .utp---sidebar-bottom {
    grid-row-gap: 24px;
  }

  .display-12 {
    font-size: 48px;
  }

  .display-11 {
    font-size: 40px;
  }

  .display-10 {
    font-size: 36px;
  }

  .display-9 {
    font-size: 32px;
  }

  .display-9.mission-section-title {
    color: var(--neutral--800);
  }

  .display-8 {
    font-size: 28px;
  }

  .display-7 {
    font-size: 24px;
  }

  .display-6 {
    font-size: 20px;
  }

  .display-5 {
    font-size: 18px;
  }

  .display-5.medium._16px---tablet {
    font-size: 14px;
  }

  .display-4 {
    font-size: 16px;
  }

  .display-3 {
    font-size: 14px;
  }

  .display-2 {
    font-size: 12px;
  }

  .display-1 {
    font-size: 10px;
  }

  .mg-top-16px.alt {
    margin-top: 12px;
  }

  .mg-top-24px {
    margin-top: 16px;
  }

  .mg-top-24px.mg-top-24px---mbl {
    margin-top: 24px;
  }

  .badge {
    font-size: 16px;
  }

  .badge.badge-medium {
    font-size: 14px;
  }

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

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

  .grid-2-columns.contact-form-v3 {
    grid-row-gap: 50px;
  }

  .grid-2-columns.contact-form-v1---main {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.gap-row-40px.product-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.section-v21-grid {
    grid-column-gap: 22px;
    grid-row-gap: 32px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.changelog-item {
    grid-column-gap: 24px;
    grid-template-columns: .4fr 1fr;
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    text-align: center;
    grid-template-columns: 1fr;
    margin-bottom: 80px;
  }

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

  .grid-2-columns.blog-v1-grid---v1 {
    grid-row-gap: 40px;
  }

  .grid-2-columns.layout-image-right---grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.tab-section---v3 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.testimonial-grid-v3 {
    margin-top: 32px;
  }

  .grid-2-columns.story-grid---v3 {
    grid-column-gap: 24px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-columns.blog-v1-grid {
    grid-row-gap: 40px;
  }

  .grid-2-columns.sidebar-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: minmax(160px, .43fr) 1fr;
  }

  .grid-2-columns.blog-featured-grid-v2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .grid-2-columns.office-grid---contact-v3 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .grid-2-columns.features-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: auto auto;
    justify-content: start;
  }

  .grid-2-columns.coming-soon-grid {
    min-height: 80vh;
  }

  .grid-2-columns.hero-grid---help-center-page {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    justify-items: center;
  }

  .grid-2-columns.account-card-image---v2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .card {
    border-radius: 16px;
  }

  .card.icon-popup-v2 {
    flex-direction: column;
  }

  .card.team-member-v1 {
    padding: 48px 24px;
  }

  .card.plan-item {
    border-radius: 16px;
    flex-direction: column;
    align-items: stretch;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.blog-card-featured {
    grid-template-columns: 1fr;
  }

  .card.content-card-v20 {
    grid-template-columns: 1fr;
    padding: 32px 24px;
  }

  .card.content-card-v20.horizontal-card {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .card.template-pages---sticky-card {
    padding-top: 20px;
    padding-bottom: 20px;
    position: static;
    top: auto;
  }

  .card.template-pages---text-card {
    padding-bottom: 54px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.features-card---v1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr .4fr;
    padding: 50px 32px;
  }

  .card.service-card---v1.top {
    grid-row-gap: 50px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    padding-top: 40px;
  }

  .card.service-card---v1.left {
    align-items: center;
  }

  .card.service-card---v1.right {
    padding-top: 40px;
  }

  .card.service-card---v1.white-top---main {
    grid-row-gap: 50px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-items: center;
    padding-top: 40px;
  }

  .card.service-card---v1.white-left---main {
    align-items: center;
  }

  .card.service-card---v1.white-right---main {
    padding-top: 40px;
  }

  .card.cta-v1 {
    grid-row-gap: 50px;
    text-align: center;
    grid-template-columns: minmax(auto, 500px);
    justify-items: center;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.testimonial-card-v1 {
    flex-direction: column;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .card.service-card---v2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    padding: 50px 32px 0;
  }

  .card.testimonial-card-v2 {
    max-width: 280px;
    padding-top: 32px;
  }

  .card.testimonial-card-v3 {
    flex-direction: row;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.testimonial-card-v3.top {
    margin-top: 0;
  }

  .card.faq-card-v3 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
    padding: 54px 32px;
  }

  .card.join-team-card {
    margin-left: 24px;
    padding: 24px;
  }

  .card.career-card-wrapper {
    border-radius: 16px;
  }

  .card.author-card {
    padding: 40px 70px 40px 32px;
  }

  .card.form-card-v1 {
    padding: 48px 32px;
  }

  .card.faq-card-v2 {
    padding-top: 40px;
    padding-bottom: 34px;
  }

  .card.perks-card {
    padding: 70px 32px;
  }

  .card.testimonial-card-slide {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.career-single-card {
    padding: 54px 32px;
  }

  .card.team-member-single-card {
    max-width: 100%;
    padding: 67px 32px 45px;
  }

  .card.product-single-card {
    margin-top: 50px;
    padding-left: 32px;
    padding-right: 32px;
    position: static;
  }

  .card.demo-card {
    padding: 48px 32px;
  }

  .card.help-center-category-card {
    padding: 40px 32px;
  }

  .card.help-center-card {
    border-radius: 16px;
  }

  .card.help-center-single-card {
    border-radius: 16px;
    padding: 50px 32px;
  }

  .card.sign-in, .card.sign-up {
    padding: 50px 32px;
  }

  .card.password-card {
    border-radius: 16px;
    padding: 57px 32px 65px;
  }

  .card.terms-card {
    padding: 52px 32px 68px;
  }

  .card.not-found-card {
    border-radius: 16px;
    padding: 80px 32px;
  }

  .card.form-card-v2 {
    padding: 48px 32px;
  }

  .card.email-card {
    border-radius: 16px;
    padding: 60px 32px;
  }

  .card.protected-page-card {
    border-radius: 16px;
    padding: 67px 32px 75px;
  }

  .flex-horizontal.justify-start.justify-center-mbl {
    justify-content: center;
  }

  .flex-horizontal.n-bar-center---button-right {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: center;
  }

  .flex-horizontal.n-bar---space-between {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .flex-horizontal.logo-strip.v10 {
    width: auto;
  }

  .flex-horizontal.mg-bottom-24px {
    margin-bottom: 16px;
  }

  .flex-horizontal.start.center---mbl {
    justify-content: center;
  }

  .grid-1-column.headers-blocks {
    grid-row-gap: 550px;
  }

  .grid-1-column.gap-row-24px {
    grid-row-gap: 16px;
  }

  .grid-1-column.gap-row-28px.contact-links {
    grid-template-columns: auto auto;
  }

  .grid-6-columns.shadows-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .inner-container._472px---100-mbl, .inner-container._536px, .inner-container._420px.width-100---mbl, .inner-container._100-tablet, .inner-container._100-mbl, .inner-container._545px, .inner-container._720px {
    max-width: 100%;
  }

  .inner-container._500px---mbl {
    max-width: 500px;
  }

  .inner-container._450px---mbl {
    max-width: 450px;
  }

  .inner-container._400px---mbl {
    max-width: 400px;
  }

  .inner-container._600px---mbl {
    max-width: 600px;
  }

  .inner-container._350px---mbl {
    max-width: 350px;
  }

  .inner-container.hero-section---v2---content {
    max-width: 526px;
  }

  .inner-container._550px---mbl {
    max-width: 550px;
  }

  .inner-container.hero-v3-top-content {
    max-width: 500px;
    margin-top: 13px;
  }

  .inner-container.testimonial-grid-v3---title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .inner-container.center---mbl {
    margin-left: auto;
    margin-right: auto;
  }

  .inner-container.hero-section-v7---main-content {
    max-width: 500px;
  }

  .inner-container._700px---mbl {
    max-width: 700px;
  }

  .inner-container.contact-v1---main-content, .inner-container.contact-form---main-content-v2 {
    flex-direction: column;
  }

  .inner-container._300px---mbl {
    max-width: 300px;
  }

  .inner-container.full-image-grid---content {
    max-width: 500px;
    padding-top: 40px;
    padding-bottom: 50px;
  }

  .inner-container._520px---mbl {
    max-width: 520px;
  }

  .icon-font-rounded.success-message-icon.large---top {
    font-size: 60px;
  }

  .icon-font-wrapper._20px {
    font-size: 18px;
  }

  .utp---card-componets-wrapper.v2.rich-text {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .button-primary {
    font-size: 16px;
  }

  .button-primary.large {
    padding: 18px 20px;
    font-size: 18px;
  }

  .button-primary.white.sign-in-button {
    min-height: 54px;
  }

  .button-primary.inside-input {
    top: 6px;
    bottom: 6px;
    right: 6px;
  }

  .item-icon-right, .item-icon-left {
    font-size: 18px;
  }

  .secondary-button {
    font-size: 16px;
  }

  .secondary-button.large {
    padding: 18px 20px;
    font-size: 18px;
  }

  .primary-button-icon.large.white, .primary-button-icon.slider-arrow---testimonial-v1 {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    font-size: 20px;
  }

  .primary-button-icon.slider-arrow---testimonial-v1.left {
    margin-right: 8px;
    left: auto;
    right: 50%;
  }

  .primary-button-icon.slider-arrow---testimonial-v1.right {
    margin-left: 8px;
    left: 50%;
    right: auto;
  }

  .primary-button-icon.slider-arrow---testimonial-v1.left-v2 {
    inset: auto 0 0 55px;
  }

  .primary-button-icon.slider-arrow---testimonial-v1.right-v2 {
    inset: auto 55px 0 0;
  }

  .mg-top-32px.mg-top-60px---tablet {
    margin-top: 50px;
  }

  .mg-top-32px.mg-top-13px---mbl {
    margin-top: 13px;
  }

  .link {
    font-size: 16px;
  }

  .square-icon.large {
    width: 56px;
    height: 56px;
  }

  .avatar-wrapper._130px {
    width: 100px;
    min-width: 100px;
    height: 100px;
    min-height: 100px;
  }

  .input {
    height: 54px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
  }

  .input.text-left {
    padding-left: 64px;
  }

  .input-https-wrapper {
    padding-left: 16px;
  }

  .text-area {
    border-radius: 16px;
    min-height: 128px;
    padding: 20px;
    font-size: 16px;
  }

  .text-area.input-medium {
    border-radius: 12px;
    min-height: 128px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .text-area.dark, .text-area.dark::placeholder {
    font-size: 16px;
  }

  .text-area-icon-wrapper.text-area-icon {
    top: 20px;
  }

  .text-area-icon-wrapper.text-area-icon.medium-area {
    top: 16px;
  }

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

  .grid-3-columns._2-col-tablet, .grid-3-columns.pricing-grid, .grid-3-columns.secondary-blog-grid-v2, .grid-3-columns.values-grid.v2 {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.team-member-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .grid-3-columns.help-center-categories-grid, .grid-3-columns.search-grid, .grid-3-columns.pages-grid {
    grid-template-columns: 1fr;
  }

  .checkbox {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .checkbox.small {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
  }

  .radio-button {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .radio-button.small {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
  }

  .paragraph-large {
    font-size: 20px;
  }

  .paragraph-medium {
    font-size: 18px;
  }

  .paragraph-small {
    font-size: 14px;
  }

  .badge-dark {
    font-size: 16px;
  }

  .badge-dark.badge-medium {
    font-size: 14px;
  }

  .accordion-icon-wrapper.v2 {
    width: 32px;
    height: 32px;
  }

  .accordion-paragraph.v1 {
    max-width: 100%;
    padding-top: 13px;
  }

  .popup-icon-v1 {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .buttons-row.nav-menu-hidden-on-mobile {
    display: none;
  }

  .buttons-row.left.center---tablet {
    justify-content: center;
  }

  .buttons-row.left.alt---tablet {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: row;
    justify-content: center;
  }

  .buttons-row.left.center---mbl {
    justify-content: center;
  }

  .pagination-wrapper {
    margin-top: 40px;
  }

  .rich-text ul {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-left: 32px;
  }

  .rich-text img {
    border-radius: 16px;
  }

  .rich-text figcaption {
    margin-top: 24px;
  }

  .rich-text p {
    margin-bottom: 16px;
  }

  .rich-text ol {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-left: 32px;
  }

  .rich-text figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
    margin-bottom: 12px;
  }

  .rich-text blockquote {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .image-wrapper.border-radius-20px.blog-card-v1---image---wrapper {
    margin-bottom: 26px;
  }

  .image-wrapper.border-radius-20px.story-section-content---image-left, .image-wrapper.border-radius-20px.story-section-content---image-right {
    margin-top: 24px;
  }

  .image-wrapper.marquee-image---section-v21 {
    flex: none;
    max-width: 200px;
    margin-bottom: 0;
    margin-right: 22px;
  }

  .image-wrapper.content-card-v20 {
    border-radius: 8px;
  }

  .image-wrapper.feature-image---v1 {
    width: 32%;
    max-height: 368px;
  }

  .image-wrapper.service-image-top---v1 {
    max-width: 350px;
    max-height: 310px;
    margin-top: 0;
  }

  .image-wrapper.service-image-left---v1 {
    max-width: 350px;
    margin-top: 40px;
  }

  .image-wrapper.cta-v1-image-wrapper {
    max-width: 280px;
    max-height: 350px;
  }

  .image-wrapper.hero-image---v2 {
    margin-top: -18%;
    position: relative;
  }

  .image-wrapper.feature-image-01---v2 {
    width: 100%;
    max-width: 100%;
    max-height: 470px;
    position: static;
  }

  .image-wrapper.feature-image-02---v2, .image-wrapper.feature-image-03---v2 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 48px;
    position: static;
  }

  .image-wrapper.account-card-image---v2 {
    margin-bottom: 48px;
  }

  .image-wrapper.plan-image {
    border-radius: 20px;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-wrapper.hero-image---v3 {
    top: 20%;
  }

  .image-wrapper.tab-image---v3 {
    width: auto;
    min-width: 100%;
    max-width: none;
    margin-left: -24px;
    margin-right: -24px;
    padding-top: 90%;
    position: relative;
    left: 0;
    right: 0;
  }

  .image-wrapper.hero-image---blog-v1, .image-wrapper.cta-v5 {
    width: auto;
    min-width: 100%;
    max-width: none;
    margin-top: 50px;
    margin-left: -24px;
    margin-right: -24px;
    position: static;
    transform: none;
  }

  .image-wrapper.border-radius-24px {
    border-radius: 16px;
  }

  .image-wrapper.service-image-bottom {
    max-height: 310px;
  }

  .image-wrapper.full-image-grid {
    border-radius: 16px;
  }

  .image-wrapper.full-image-grid.responsive-fix {
    max-height: 400px;
  }

  .image-wrapper.hero-image---v1 {
    display: none;
  }

  .image-wrapper.border-radius-13px.blog-card-v2---image {
    max-width: 100%;
  }

  .utp---sidebar-dropdown-button {
    padding: 0;
  }

  .utp---sidebar-dropdown-list {
    padding-left: 0;
    padding-right: 0;
  }

  .utp---sidebar-dropdown-list.w--open {
    max-width: 100%;
  }

  .mg-top-56px {
    margin-top: 40px;
  }

  .mg-top-64px {
    margin-top: 54px;
  }

  .mg-top-80px---alt {
    margin-top: 40px;
  }

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

  .mg-bottom-80px {
    margin-bottom: 66px;
  }

  .utp---blocks-1440px-wrapper.overflow-visible.container-wrapper {
    min-height: 90px;
  }

  .notification-bar.v2 {
    text-align: center;
  }

  .notification-bar-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .notification-bar-padding.v2 {
    min-height: 80px;
  }

  .header-wrapper, .header-wrapper.v2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .list-nav-menu.full-page-menu {
    grid-row-gap: 16px;
  }

  .link-nav-item {
    justify-content: flex-start;
    margin-bottom: 14px;
    display: flex;
  }

  .link-nav-item.show-in-tablet.header-links {
    margin-top: 28px;
  }

  .hamburger-menu {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
    margin-left: 0;
  }

  .logo-wrapper.v2 {
    max-width: 122px;
  }

  .logo-wrapper.v1 {
    margin-right: 24px;
  }

  .logo-wrapper.center {
    max-width: 140px;
  }

  .section {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.pd-140px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.section-v21-wrapper {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.section-v30-wrapper {
    padding-top: 64px;
  }

  .section.template-pages-hero {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 140px;
    padding-bottom: 80px;
  }

  .section.sales-hero {
    padding-top: 50px;
    padding-bottom: 100px;
  }

  .section.cta-sales {
    background-image: linear-gradient(to bottom, var(--neutral--200) 60%, var(--neutral--100) 60%);
    padding-bottom: 100px;
  }

  .section.hero-section---v1 {
    background-position: 48%;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 160px;
    padding-bottom: 80px;
  }

  .section.card-section {
    border-radius: 16px;
  }

  .section.card-section.tab-section---v3 {
    padding-top: 120px;
    padding-bottom: 0;
  }

  .section.hero-section---v2 {
    background-color: #0e0f15;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    min-height: auto;
    max-height: none;
    padding-top: 130px;
    padding-bottom: 0;
  }

  .section.logo-strip-section---v2 {
    padding-top: 50px;
  }

  .section.layout-section---top-image {
    padding-bottom: 100px;
  }

  .section.hero-section---v3 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .section.cta-v3 {
    border-radius: 16px;
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .section.hero-section---v5 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 125px;
    padding-bottom: 0;
  }

  .section.hero-section---v6 {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .section.cta-v4 {
    padding-top: 80px;
  }

  .section.hero-section---v7 {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .section.cta-v5 {
    border-radius: 16px;
    padding-top: 100px;
    padding-bottom: 0;
  }

  .section.hero-section---v8 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 125px;
    padding-bottom: 64px;
  }

  .section.hero-section---v9 {
    padding-top: 40px;
  }

  .section.hero-section---v10 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 130px;
    padding-bottom: 100px;
  }

  .section.hero-section---contact-v3, .section.hero-section---v13, .section.hero-section---v14 {
    padding-top: 130px;
  }

  .section.section-full {
    padding-top: 120px;
  }

  .section.hero-section---help-center-page {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-top: 130px;
    padding-bottom: 100px;
  }

  .section.hero-section---v17 {
    padding-top: 110px;
    padding-bottom: 100px;
  }

  .section.sign-in-page {
    padding-top: 100px;
    padding-bottom: 10px;
  }

  .section.sign-up-page {
    padding-top: 20px;
  }

  .section.password-page {
    padding-top: 30px;
    padding-bottom: 80px;
  }

  .section.hero-section---terms-page {
    padding-top: 140px;
    padding-bottom: 100px;
  }

  .section.pd-top-120px {
    padding-top: 80px;
  }

  .section.hero-section---v4 {
    padding-top: 40px;
  }

  .section.pd-100px {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.pd-120px {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.hero-section---v11---top {
    padding-top: 40px;
  }

  .section.hero-section---v12---top {
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .section.hero-section---v15 {
    padding-top: 40px;
  }

  .section.email-page {
    padding-top: 30px;
    padding-bottom: 80px;
  }

  .width-50ch {
    width: auto;
  }

  .position-relative.overflow-hidden.logo-strip-v10 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .hidden-on-mobile-landscape {
    display: none;
  }

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

  .grid-form.sign-in-form {
    grid-column-gap: 16px;
  }

  .grid-form.sign-up-form {
    grid-template-columns: 1fr;
  }

  .form-v1-wrapper {
    min-height: 725px;
  }

  .footer-wrapper {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }

  .footer-top {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .footer-top.v2 {
    text-align: center;
    flex-direction: column;
    padding-top: 64px;
    padding-bottom: 60px;
  }

  .footer-top.v1 {
    padding-top: 73px;
    padding-bottom: 40px;
  }

  .footer-bottom.v3, .footer-bottom.v2---main {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .footer-column-links {
    grid-row-gap: 9px;
  }

  .footer-item-link {
    font-size: 16px;
  }

  .footer-center.v2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-logo-wrapper.v1 {
    max-width: 155px;
  }

  .error-message-wrapper.checkout-error {
    text-align: center;
  }

  .logo-stripe-wrapper {
    max-width: 115px;
  }

  .slider-wrapper.testimonial-slider {
    max-width: 85%;
  }

  .slider-wrapper.testimonial-v1 {
    padding-bottom: 64px;
  }

  .slider-wrapper.business-slider---v2 {
    margin-left: 0;
    padding-bottom: 70px;
  }

  .logo-marquee-image-wrapper {
    flex: none;
  }

  .accordion-wrapper.v2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .image.cover-image.blog-v3-image {
    max-height: 350px;
  }

  .image.cover-image.hero-section---v4---image {
    min-height: 300px;
    max-height: 300px;
  }

  .image.cover-image.mission-section---image {
    min-height: 250px;
    max-height: 300px;
  }

  .image.cover-image.blog-card-v2---image {
    max-height: 300px;
  }

  .image.cover-image.post-image {
    max-height: 400px;
  }

  .image.cover-image.responsive---mbl, .image.cover-image.office-grid---contact-v3---image {
    max-height: 350px;
  }

  .image.hero-image---v2 {
    object-fit: cover;
    object-position: 0% 0%;
  }

  .image.hero-image---v3 {
    object-position: 60% 50%;
  }

  .image.service-image-v3 {
    object-fit: cover;
    object-position: 50% 0%;
    max-height: 460px;
  }

  .image.business-image---v3 {
    min-height: 400px;
    max-height: 450px;
  }

  .image.full-image {
    object-position: 50% 50%;
    min-height: 450px;
    max-height: 450px;
  }

  .image.blog-card-v1---image {
    object-position: 50% 0%;
    max-height: 350px;
  }

  .image.layout-image-right---grid---image {
    object-position: 50% 11%;
  }

  .image.tab-image---v3 {
    object-position: 0% 86%;
    position: absolute;
    inset: -25% 0% 0%;
  }

  .image.blog-card-v1-featured---image {
    max-height: 350px;
  }

  .title-left---content-right._16px {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .title-left---content-right.vertical-center---mbl {
    flex-flow: column;
  }

  .title-left---content-right.vertical---mbl {
    flex-flow: column;
    align-items: stretch;
  }

  ._100-tablet {
    max-width: 100%;
  }

  .blog-card-featured-right-content {
    min-height: 0;
    padding: 32px 24px;
  }

  .utility-page-wrap.full-page {
    padding-top: 50px;
    padding-bottom: 115px;
  }

  .utility-page-content._404, .utility-page-content.password-protected {
    max-width: 600px;
  }

  .border-radius-20px {
    border-radius: 16px;
  }

  .blog-card-v12-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .content-card-bottom.content-card-v9 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-v21-content-wrapper {
    max-width: 100%;
    max-height: none;
  }

  .marquee-container---vertical {
    grid-template-columns: 1fr;
  }

  .marquee-wrapper.vertical.horizontal---mbl {
    flex-direction: row;
    justify-content: flex-start;
  }

  .marquee.horizontal---mbp {
    flex-direction: row;
    flex: none;
  }

  .section-v30-content-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-height: 350px;
  }

  .marquee-item---content-section-v30 {
    margin-bottom: 24px;
    font-size: 56px;
    line-height: 56px;
  }

  .gap-row-40px {
    grid-row-gap: 32px;
  }

  .dropdown-toogle {
    font-size: 16px;
  }

  .dropdown-pd.dropdown-v1 {
    margin-top: 20px;
  }

  .content-card-v20-right-content {
    padding-top: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .sidebar---navbar {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
  }

  .utp---nav-menu-wrapper {
    border-top: 1px solid var(--neutral--300);
    border-bottom: 1px solid var(--neutral--300);
    background-color: var(--neutral--100);
    padding: 24px;
  }

  .loading-circle {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
  }

  .full-page-menu---link {
    font-size: 40px;
    line-height: 56px;
  }

  .sales---pages-container {
    margin-top: 40px;
  }

  .sales---pages-row.top {
    margin-bottom: 16px;
  }

  .sales---hero-link-wrapper {
    max-width: 200px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .text-and-image-card---image-wrapper {
    max-height: 350px;
  }

  .text-and-image-card---text-container {
    padding: 48px 32px;
  }

  .max-width-64px {
    max-width: 56px;
  }

  .sales-cta-card-square-logo {
    max-width: 54px;
    margin-bottom: 20px;
  }

  .sales---cta-card-image {
    min-width: 840px;
    max-width: 840px;
    margin-bottom: -32px;
  }

  .checkout-form {
    grid-row-gap: 48px;
    grid-template-columns: 1fr;
  }

  .checkout-col-right {
    position: static;
    top: auto;
  }

  .pay-button.order-summary {
    height: 47px;
  }

  .empty-state.small {
    padding-top: 18.5px;
    padding-bottom: 18.5px;
  }

  .empty-state.border-radius-24px {
    border-radius: 16px;
  }

  .dropdown-title {
    margin-bottom: 20px;
    font-size: 16px;
  }

  .dropdown-column-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .dropdown-menu-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 40px;
  }

  .grid-footer-v1 {
    grid-row-gap: 60px;
  }

  .check-item-wrapper.center---mbl {
    justify-content: center;
  }

  .footer-v1---bottom-left-content {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
  }

  .footer-menu-wrapper {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-title {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .footer-main-pages-wrapper {
    max-width: 550px;
  }

  .footer-v2-top-right-content {
    justify-content: center;
  }

  .grid-footer-v2 {
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .hero-content-wrapper---v1 {
    min-height: 500px;
  }

  .hero-top-content-wrapper---v1 {
    width: 64%;
    max-width: 418px;
  }

  .features-tab-menu-wrapper---v1 {
    max-width: 100%;
  }

  .feature-tab-wrapper---v1 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .feature-tab-body---v1 {
    max-width: 600px;
  }

  .top-right-absolute-button {
    top: 24px;
    right: 24px;
  }

  .bottom-right-button-absolute {
    bottom: 32px;
    right: 24px;
  }

  .service-card-bottom-content---v1 {
    margin-top: 53px;
    margin-right: 45px;
  }

  .businesses-grid---v1 {
    flex-direction: column;
  }

  .businesses-card---v1 {
    border-radius: 16px;
    width: 100%;
    height: 120px;
    min-height: 0;
  }

  .businesses-card---v1:hover {
    transform: scale3d(.96, .96, 1.01);
  }

  .businesses-card---v1.w--current {
    width: 100%;
    max-width: 100%;
    height: 450px;
    transform: scale(1);
  }

  .business-card-content-wrapper {
    max-width: 500px;
  }

  .business-card-text-overlay {
    height: 50%;
  }

  .cta-v1-content-wrapper {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .account-card-wrapper {
    padding-top: 80px;
  }

  .account-card-bg---v1 {
    border-radius: 16px;
    height: 48%;
  }

  .account-card-bottom-content---v1 {
    text-align: center;
    flex-direction: column-reverse;
    max-width: 500px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .stats-wrapper---v1 {
    grid-column-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: auto auto;
    justify-content: center;
    justify-items: center;
    min-width: auto;
    margin-bottom: 32px;
    margin-left: 0;
  }

  .slider-mask---testimonial-v1 {
    margin-right: 0;
  }

  .testimonial-card-right-content-v1 {
    max-width: 508px;
  }

  .video-content-wrapper {
    border-radius: 16px;
    max-height: 380px;
  }

  .blog-card-details-wrapper.blog-item-v2 {
    flex-direction: row;
    align-items: center;
  }

  .faq-v1-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .features-content-wrapper---v2 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    text-align: center;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .features-wrapper---v2 {
    border-radius: 16px;
    max-height: 400px;
  }

  .feature-content---v2 {
    max-width: 100%;
  }

  .slider-section-content---v2 {
    text-align: center;
    max-width: 432px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .slider-mask---business-v2 {
    max-width: 400px;
    padding-left: 0;
  }

  .business-card---v2 {
    border-radius: 16px;
    min-height: 450px;
    margin-right: 24px;
  }

  .slider-left-overlay {
    display: none;
  }

  .account-card-bg---v2 {
    border-radius: 16px;
  }

  .display-price-text {
    margin-bottom: 2px;
  }

  .plan-card-bottom-content {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
  }

  .pricing-item-wrapper:nth-child(odd) {
    margin-top: 0;
  }

  .stats-card-wrapper {
    border: 1px solid var(--neutral--300);
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .stat-column-wrapper.dark {
    border-radius: 0;
  }

  .feature-column-top {
    min-height: 0;
    padding: 24px;
  }

  .feature-column-item {
    min-height: 0;
    font-size: 16px;
  }

  .feature-column-item.empty {
    display: none;
  }

  .feature-column-title {
    font-size: 18px;
  }

  .blog-featured-button-icon-wrapper {
    top: 24px;
    right: 24px;
  }

  .blog-image.blog-card-featured-v1 {
    object-position: 50% 0%;
    max-height: 400px;
  }

  .secondary-blog-item-v2 {
    border-bottom: 1px solid var(--neutral--400);
    border-right-style: none;
    max-width: 100%;
    padding: 32px 0;
  }

  .secondary-blog-item-v2:first-child {
    padding-top: 0;
  }

  .secondary-blog-item-v2:last-child {
    border-bottom-style: none;
    padding-bottom: 0;
  }

  .secondary-blog-v2-wrapper {
    max-width: 100%;
  }

  .hero-v3-bottom-content-wrapper {
    margin-top: 100px;
  }

  .number-wrapper---v3 {
    margin-bottom: 40px;
  }

  .hero-v3-top-content-wrapper {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-v3-bg-overlay {
    width: 50%;
  }

  .service-card---v3 {
    flex: 1;
  }

  .service-card-grid---v3 {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 60px;
  }

  .service-card-image, .business-card---v3 {
    border-radius: 16px;
  }

  .business-card-bg-overlay---v3 {
    height: 80%;
  }

  .business-card-content-wrapper-v3 {
    bottom: 32px;
    right: 32px;
  }

  .numbers-section-wrapper---v3 {
    text-align: center;
    grid-auto-columns: 1fr;
    margin-top: 54px;
  }

  .mission-section-bg {
    display: none;
  }

  .mission-content-wrapper {
    color: var(--neutral--600);
    margin-top: 32px;
    position: static;
  }

  .office-card-content-wrapper {
    max-width: 435px;
    bottom: 32px;
  }

  .button-icon-wrapper---team-member-card {
    top: 16px;
    right: 16px;
  }

  .career-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: auto 1fr 40px;
    padding: 24px;
  }

  .career-badge {
    border-radius: 8px;
    margin-top: 8px;
    padding: 4px 8px;
    font-size: 14px;
  }

  .career-badge.mg-top-0px---mbl {
    margin-top: 0;
  }

  .categories-wrapper---blog-v1 {
    border-radius: 12px;
    padding: 12px;
  }

  .categories-wrapper---blog-v1.vertical-mbl {
    flex-direction: column;
    width: 100%;
  }

  .category-badge-v1 {
    padding: 12px 16px;
  }

  .category-badge-v1.white {
    padding-left: 11px;
    padding-right: 11px;
  }

  .categories-item-wrapper---v1.vertical-mbl {
    flex-direction: column;
    width: 100%;
  }

  .cta-v4-bg {
    border-radius: 16px;
    height: 78%;
  }

  .search-form-wrapper.hero-search, .search-form-wrapper.hero-search-v2 {
    max-width: 100%;
  }

  .blog-category-badge-v2 {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .blog-card-v2 {
    grid-column-gap: 21px;
    grid-row-gap: 21px;
    grid-template-columns: 1fr;
  }

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

  .author-card-icon-wrapper {
    top: 20px;
    right: 20px;
  }

  .form-button.white, .form-button.secondary {
    padding: 18px 24px;
  }

  .form.contact-form {
    min-height: 480px;
  }

  .form.demo-form {
    min-height: 398px;
  }

  .accordion-btn-line {
    width: 14px;
  }

  .office-tabs {
    flex-direction: column;
    align-items: stretch;
  }

  .offices-tabs-content {
    max-width: 100%;
    margin-top: 50px;
    margin-left: 0;
  }

  .hero-section-bg---contact-v3 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
  }

  .hero-section-bottom-content---careers-page {
    margin-top: 120px;
  }

  .hero-section-bg---careers-page {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 32%;
  }

  .full-image-section-wrapper {
    border-radius: 16px;
  }

  .culture-section-bg-overlay {
    opacity: .9;
    background-image: linear-gradient(#000, #0000);
  }

  .culture-section-content-wrapper {
    max-width: 435px;
    top: 48px;
    left: 32px;
    right: 32px;
  }

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

  .hero-section-bg---career-single-page {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 38%;
  }

  .team-member-single-top-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .team-member-single-right-content {
    margin-top: 0;
  }

  .team-member-single-top-banner {
    height: 108px;
  }

  .help-center-image {
    margin-bottom: 20px;
  }

  .help-center-card-wrapper {
    padding: 32px;
  }

  .hero-section-bg---v17 {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 500px;
  }

  .form-divider-wrapper {
    min-height: 30px;
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .hero-section-bg---terms-page {
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    height: 610px;
  }

  .rich-text-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  ._404-not-found-title {
    margin-bottom: 24px;
    font-size: 184px;
  }

  .logo-icon {
    width: 48px;
  }

  .team-member-card-wrapper {
    height: 100%;
  }

  .left-btn-row-wrapper {
    margin-right: 20px;
  }

  .video-play-icon {
    margin-right: 10px;
  }

  .blog-card-v1---content {
    max-width: 410px;
  }

  .form-input-block {
    min-height: 54px;
  }

  .service-card---v1---top---content {
    max-width: 450px;
    padding-top: 50px;
    padding-bottom: 0;
  }

  .service-image-left---v1---content {
    text-align: center;
    max-width: 350px;
  }

  .logo-strip---mobile-adjustment {
    max-width: 100px;
  }

  .logo-strip-wrapper---grid {
    grid-column-gap: 24px;
    grid-template-columns: auto auto auto;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
  }

  .logo-strip---last {
    margin-left: 100%;
    margin-right: -100%;
    transform: translate(-32%);
  }

  .business-slider---v2---wrapper {
    flex-direction: column;
  }

  .slider-section-content---v2---bg {
    display: none;
  }

  .plan-card-bottom-content---dropdown {
    margin-top: 40px;
  }

  .hero-image---v2---gradient-mobile {
    background-image: linear-gradient(to bottom, #0e0f15 1%, var(--neutral--transparent) 16%);
    display: block;
    position: absolute;
    inset: 0%;
  }

  .plan-card-bottom-content-top {
    max-width: 315px;
  }

  .service-card-grid---v3---content {
    width: 100%;
    max-width: 438px;
    margin-bottom: 28px;
    margin-right: 0;
  }

  .testimonial-card-v3-content {
    max-width: 100%;
    margin-top: 0;
    margin-left: 16px;
  }

  .accordion-column {
    max-width: 100%;
  }

  .hero-image---v3---mobile-gradient {
    background-image: linear-gradient(to bottom, var(--neutral--800), var(--neutral--transparent) 50%);
    position: absolute;
    inset: 0%;
  }

  .mg-top-45px {
    margin-top: 38px;
  }

  .mg-top-21px {
    margin-top: 16px;
  }

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

  .blog-category-badge-v2---item {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .blog-card-v2---content {
    max-width: 354px;
  }

  .blog-card-v1-featured---content {
    max-width: 426px;
    padding-top: 24px;
  }

  .gap-row-28px {
    grid-row-gap: 24px;
  }

  .mg-bottom--200px {
    margin-top: -120px;
  }

  .form-v2-wrapper {
    min-height: 729px;
  }

  .office-grid---contact-v3---content {
    margin-top: 20px;
  }

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

  .mg-bottom--40px {
    margin-bottom: -32px;
  }

  .add-cart {
    min-height: 126px;
  }

  .demo-form-block {
    min-height: 770px;
  }

  .help-center-category-card---top {
    max-width: 320px;
  }

  .mg-top-80px {
    margin-top: 64px;
  }

  .sign-in-form-block {
    min-height: 649px;
  }

  .sign-up-form-block {
    min-height: 777px;
  }

  .password-page-form {
    min-height: 324px;
  }

  .cart-container {
    border-radius: 16px;
  }

  .close-button {
    width: 22px;
    height: 22px;
    font-size: 18px;
  }

  .career-badge-icon {
    max-width: 24px;
    margin-right: 4px;
  }
}

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 22px;
  }

  blockquote {
    padding-left: 24px;
    padding-right: 24px;
  }

  .divider._64px---40px {
    margin-top: 20px;
  }

  .divider.contact-v1---main-content---divider, .divider.contact-v2---main-content---divider {
    margin-top: 26px;
    margin-bottom: 26px;
  }

  .display-12 {
    font-size: 40px;
  }

  .display-11, .display-11.medium.text-neutral-100 {
    font-size: 36px;
  }

  .display-11.medium.text-neutral-100.guide {
    font-size: 38px;
  }

  .display-10 {
    font-size: 32px;
  }

  .display-9 {
    font-size: 28px;
  }

  .display-8 {
    font-size: 26px;
  }

  .display-7 {
    font-size: 22px;
  }

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

  .mg-top-16px.alt {
    margin-top: 10px;
  }

  .utp---color-block {
    height: 100px;
  }

  .grid-2-columns.contact-form-v3, .grid-2-columns.template-page-sidebar {
    grid-row-gap: 40px;
  }

  .grid-2-columns.changelog-item {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.surprises-image-right, .grid-2-columns.surprises-image-left {
    grid-row-gap: 40px;
  }

  .grid-2-columns.story-grid---v3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.sidebar-left {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

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

  .grid-2-columns.coming-soon-grid {
    min-height: 78vh;
  }

  .grid-2-columns.hero-grid---help-center-page {
    grid-template-columns: 1.5fr;
  }

  .card {
    overflow: hidden;
  }

  .card.utp---icon-font {
    padding: 39px 23px;
  }

  .card.message {
    flex-direction: column;
  }

  .card.team-member-v1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card.plan-item {
    padding: 32px 24px;
  }

  .card.content-card-v20 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .card.template-pages---text-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.checkout-block {
    padding: 24px 24px 40px;
  }

  .card.features-card---v1 {
    grid-template-columns: 1fr;
    padding: 40px 24px;
  }

  .card.service-card---v1.top {
    grid-row-gap: 40px;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.service-card---v1.left {
    padding: 32px 24px 28px;
  }

  .card.service-card---v1.right {
    padding: 32px 24px;
  }

  .card.service-card---v1.white-top---main {
    grid-row-gap: 40px;
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.service-card---v1.white-left---main {
    padding: 32px 24px 28px;
  }

  .card.service-card---v1.white-right---main {
    padding: 32px 24px;
  }

  .card.cta-v1 {
    grid-row-gap: 40px;
    padding-top: 70px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.testimonial-card-v1 {
    padding: 40px 24px;
  }

  .card.service-card---v2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.testimonial-card-v2 {
    width: 100%;
    max-width: 270px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.testimonial-card-v3 {
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .card.faq-card-v3 {
    padding: 50px 24px;
  }

  .card.join-team-card {
    margin-top: 24px;
    margin-left: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    position: static;
  }

  .card.author-card {
    text-align: center;
    flex-direction: column;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.form-card-v1 {
    padding: 40px 24px;
  }

  .card.perks-card {
    padding: 60px 24px;
  }

  .card.testimonial-card-slide {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    padding: 32px 24px;
  }

  .card.career-single-card {
    padding: 40px 24px;
  }

  .card.team-member-single-card {
    padding: 57px 24px 40px;
  }

  .card.product-single-card {
    padding: 32px 24px;
  }

  .card.demo-card {
    padding: 40px 24px;
  }

  .card.help-center-category-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.help-center-single-card, .card.sign-in, .card.sign-up {
    padding: 40px 24px;
  }

  .card.password-card {
    padding: 40px 24px 60px;
  }

  .card.terms-card {
    padding: 42px 24px 58px;
  }

  .card.not-found-card {
    padding: 60px 24px;
  }

  .card.search-card {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.form-card-v2 {
    padding: 40px 24px;
  }

  .card.email-card {
    padding: 50px 24px;
  }

  .card.protected-page-card {
    padding: 57px 24px 65px;
  }

  .text-neutral-300 {
    border-top-style: none;
  }

  .flex-horizontal.logo-strip.v10 {
    flex-wrap: nowrap;
    position: static;
    overflow: hidden;
  }

  .flex-horizontal.start.vertical-center---mbp {
    flex-direction: column;
    align-items: center;
  }

  .flex-horizontal.start.center---tablet.left---mbp {
    justify-content: flex-start;
  }

  .mg-top-48px {
    margin-top: 40px;
  }

  .grid-1-column.gap-row-24px {
    grid-row-gap: 16px;
  }

  .grid-1-column.blog-grid-v2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .grid-1-column.gap-row-28px.contact-links {
    grid-template-columns: 1fr;
  }

  .grid-6-columns, .grid-6-columns.shadows-grid {
    grid-template-columns: 1fr 1fr;
  }

  .inner-container._300px---mbp {
    max-width: 300px;
  }

  .inner-container.testimonial-grid-v3---title {
    max-width: 280px;
  }

  .inner-container._100-mbp {
    max-width: 100%;
  }

  .inner-container._350px---mbp {
    max-width: 350px;
  }

  .inner-container._250px---mbp {
    max-width: 250px;
  }

  .inner-container._400px---mbp {
    max-width: 400px;
  }

  .inner-container.full-image-grid---content {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 40px;
  }

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

  .utp---grid-components {
    grid-template-columns: 1fr 1fr;
  }

  .utp---grid-components.icon-button-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .button-primary {
    width: 100%;
  }

  .button-primary.small.inside-input {
    margin-top: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .button-primary.inside-input {
    margin-top: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    position: static;
  }

  .button-primary.inside-input.white-mbp {
    border-color: var(--neutral--100);
    background-color: var(--neutral--100);
    color: var(--neutral--800);
  }

  .button-primary.inside-input.white {
    border-width: 2px;
    border-color: var(--primary--04);
  }

  .secondary-button {
    width: 100%;
  }

  .primary-button-icon.large.slider-button-right {
    margin-left: 8px;
    inset: auto auto 0 50%;
  }

  .primary-button-icon.large.slider-button-right.alt {
    margin-left: 0;
    left: auto;
    right: 0;
  }

  .primary-button-icon.large.slider-button-left {
    margin-right: 8px;
    inset: auto 50% 0% auto;
  }

  .primary-button-icon.large.slider-button-left.alt {
    margin-left: 0;
    margin-right: 0;
    left: 0;
    right: auto;
  }

  .mg-top-32px.mg-top-60px---tablet {
    margin-top: 40px;
  }

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

  .input.btn-inside {
    padding-right: 16px;
  }

  .text-area {
    padding-left: 16px;
    padding-right: 16px;
  }

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

  .grid-3-columns.values-grid {
    margin-left: 0;
    margin-right: 0;
  }

  .grid-3-columns.team-member-grid, .grid-3-columns.search-grid {
    grid-template-columns: 1fr;
  }

  .card-icon-left {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .accordion-icon-wrapper {
    margin-left: 10px;
  }

  .accordion-icon-wrapper.v2 {
    flex: none;
  }

  .buttons-row {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .buttons-row.left.alt---tablet {
    flex-direction: column;
    align-items: stretch;
  }

  .buttons-row.reverse---mbp {
    flex-direction: column-reverse;
  }

  .pagination-wrapper {
    grid-row-gap: 9px;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .rich-text ul {
    padding-left: 20px;
  }

  .rich-text figcaption {
    margin-top: 20px;
  }

  .rich-text ol {
    padding-left: 20px;
  }

  .image-wrapper.border-radius-20px.story-section-content---image-left {
    max-height: 300px;
    margin-top: 0;
  }

  .image-wrapper.border-radius-20px.story-section-content---image-right {
    max-height: 300px;
    margin-top: 20px;
  }

  .image-wrapper.marquee-image---section-v21 {
    max-width: 150px;
  }

  .image-wrapper.feature-image---v1 {
    width: auto;
    min-width: 100%;
    max-width: none;
    max-height: 308px;
    margin-top: 32px;
    margin-bottom: 0;
    margin-right: -44px;
    position: relative;
  }

  .image-wrapper.service-image-top---v1 {
    max-width: 300px;
    max-height: 270px;
  }

  .image-wrapper.service-image-left---v1 {
    width: 127%;
    min-width: 268px;
    max-width: none;
    margin-top: 32px;
  }

  .image-wrapper.cta-v1-image-wrapper {
    max-height: 300px;
  }

  .image-wrapper.hero-image---v2 {
    margin-top: -10%;
  }

  .image-wrapper.feature-image-01---v2 {
    max-height: 290px;
  }

  .image-wrapper.feature-image-02---v2 {
    width: 100%;
    margin-bottom: 40px;
  }

  .image-wrapper.feature-image-03---v2, .image-wrapper.account-card-image---v2 {
    margin-bottom: 40px;
  }

  .image-wrapper.plan-image {
    border-radius: 12px;
  }

  .image-wrapper.hero-image---v3 {
    top: 22%;
  }

  .image-wrapper.tab-image---v3 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .image-wrapper.value-icon {
    height: auto;
  }

  .image-wrapper.hero-image---blog-v1 {
    margin-top: 40px;
    margin-left: -20px;
    margin-right: -20px;
    left: 50%;
  }

  .image-wrapper.cta-v5 {
    margin-top: 40px;
    margin-left: -20px;
    margin-right: -20px;
  }

  .image-wrapper.service-image-bottom {
    max-width: 300px;
    max-height: 270px;
  }

  .image-wrapper.full-image-grid.responsive-fix {
    max-height: 300px;
  }

  .image-wrapper.hero-image---v1 {
    align-self: stretch;
    min-width: 100%;
    margin-top: -18%;
    margin-bottom: -12%;
    margin-right: -20px;
    display: block;
  }

  .mg-top-80px---alt {
    margin-top: 40px;
  }

  .notification-bar {
    padding-left: 0;
    padding-right: 0;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-default.z-index-1 {
    margin-top: 10px;
  }

  .utp---block-wrapper {
    margin-top: 16px;
  }

  .notification-bar-close-icon {
    width: 38px;
    height: 38px;
    inset: 6px 6px auto auto;
  }

  .list-nav-menu {
    padding: 26px 20px 40px;
  }

  .link-nav-item.full-page-menu {
    justify-content: center;
  }

  .link-nav-item.full-page-menu.v3 {
    justify-content: flex-start;
  }

  .hamburger-menu {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }

  .logo-wrapper.v2 {
    max-width: 113px;
  }

  .utp---other {
    grid-column-gap: 40px;
  }

  .utp---other.popups {
    flex-direction: column;
  }

  .social-media-grid.left-aligned.center-mbp {
    justify-content: center;
  }

  .social-media-grid.left-aligned.center---tablet.left---mbp {
    justify-content: flex-start;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.pd-140px {
    padding-top: 10px;
    padding-bottom: 80px;
  }

  .section.section-v21-wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.section-v30-wrapper {
    padding-top: 48px;
  }

  .section.horizontal-cards-section {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.template-pages-hero {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 120px;
    padding-bottom: 60px;
  }

  .section.sales-hero {
    background-image: linear-gradient(to bottom, white 62%, var(--neutral--800) 62%);
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .section.cta-sales {
    padding-bottom: 80px;
  }

  .section.hero-section---v1 {
    background-image: url('../images/meet-the-bank-of-the-future-bg-image-bnkify-x-webflow-template.jpg');
    background-position: 0%;
    padding-top: 120px;
    padding-bottom: 70px;
  }

  .section.card-section.tab-section---v3 {
    padding-top: 100px;
  }

  .section.hero-section---v2 {
    padding-top: 120px;
  }

  .section.logo-strip-section---v2 {
    padding-top: 40px;
  }

  .section.layout-section---top-image {
    padding-bottom: 64px;
  }

  .section.hero-section---v3 {
    padding-bottom: 80px;
  }

  .section.cta-v3 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.hero-section---v5 {
    padding-top: 115px;
  }

  .section.hero-section---v6 {
    padding-top: 30px;
    padding-bottom: 70px;
  }

  .section.cta-v4 {
    padding-top: 70px;
  }

  .section.hero-section---v7 {
    padding-top: 30px;
    padding-bottom: 70px;
  }

  .section.cta-v5 {
    padding-top: 80px;
  }

  .section.hero-section---v8 {
    padding-top: 115px;
    padding-bottom: 60px;
  }

  .section.hero-section---v9 {
    padding-top: 30px;
  }

  .section.hero-section---v10 {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.hero-section---contact-v3 {
    padding-top: 120px;
  }

  .section.hero-section---v13 {
    padding-top: 40px;
  }

  .section.hero-section---v14 {
    padding-top: 120px;
  }

  .section.hero-section---help-center-page {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.hero-section---v17 {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .section.sign-in-page {
    padding-top: 90px;
    padding-bottom: 8px;
  }

  .section.password-page {
    padding-top: 20px;
    padding-bottom: 70px;
  }

  .section.hero-section---terms-page {
    padding-top: 120px;
    padding-bottom: 80px;
  }

  .section.pd-top-120px {
    padding-top: 70px;
  }

  .section.hero-section---v4 {
    padding-top: 30px;
  }

  .section.pd-100px {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.pd-120px {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.hero-section---v11---top, .section.hero-section---v12---top, .section.hero-section---v15 {
    padding-top: 30px;
  }

  .section.email-page {
    padding-top: 20px;
    padding-bottom: 70px;
  }

  .width-50ch {
    max-width: none;
  }

  ._2-images-wrapper-item.right, ._2-images-wrapper-item.left {
    max-width: 58%;
  }

  .grid-form, .grid-form.sign-in-form {
    grid-template-columns: 1fr;
  }

  .footer-top.v2 {
    align-items: stretch;
    padding-top: 60px;
    padding-bottom: 50px;
  }

  .footer-top.v1 {
    padding-top: 60px;
  }

  .footer-center.v2 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-logo-wrapper.v1 {
    max-width: 132px;
  }

  .error-message-wrapper.cart-error {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .slider-wrapper.testimonial-slider {
    max-width: 100%;
    padding-bottom: 70px;
  }

  .logo-strip-fade {
    max-width: 100px;
  }

  .logo-marquee-image-wrapper {
    flex: none;
  }

  .accordion-wrapper.v2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image.cover-image.blog-v3-image {
    max-height: 300px;
  }

  .image.cover-image.hero-section---v4---image {
    min-height: 250px;
    max-height: 250px;
  }

  .image.cover-image.mission-section---image {
    min-height: 200px;
    max-height: 250px;
  }

  .image.cover-image.blog-card-v2---image {
    max-height: 250px;
  }

  .image.cover-image.post-image, .image.cover-image.responsive---mbl {
    max-height: 300px;
  }

  .image.cover-image.office-grid---contact-v3---image {
    max-height: 250px;
  }

  .image.service-image-v3 {
    max-height: 300px;
  }

  .image.business-image---v3 {
    min-height: 350px;
    max-height: 400px;
  }

  .image.full-image {
    min-height: 400px;
    max-height: 400px;
  }

  .image.hero-image---v1 {
    object-fit: contain;
    object-position: 100% 50%;
    max-height: 500px;
  }

  .image.blog-card-v1---image {
    max-height: 250px;
  }

  .image.blog-card-v1-featured---image {
    max-height: 300px;
  }

  .title-left---content-right._16px {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .blog-card-featured-right-content, .blog-card-bottom-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-card-bottom-content.blog-v3 {
    padding: 24px;
  }

  .blog-details-wrapper {
    grid-row-gap: 6px;
    flex-wrap: wrap;
  }

  .utility-page-wrap.full-page {
    padding-top: 40px;
    padding-bottom: 95px;
  }

  .utility-page-content._404, .utility-page-content.password-protected {
    margin-left: 20px;
    margin-right: 20px;
  }

  .blog-card-v12-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .content-card-bottom {
    padding: 24px;
  }

  .content-card-bottom.content-card-v9 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-v30-content-wrapper {
    max-height: 225px;
  }

  .marquee-item---content-section-v30 {
    margin-bottom: 16px;
    font-size: 38px;
    line-height: 38px;
  }

  .center-content---tablet {
    align-items: stretch;
  }

  .dropdown-wrapper {
    margin-left: 0;
    margin-right: auto;
  }

  .dropdown-wrapper.dropdown-default {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-toogle {
    margin-left: 0;
    margin-right: auto;
  }

  .sidebar---navbar, .utp---nav-menu-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }

  .loading-circle {
    border-width: 15px;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px;
  }

  .arrow-button-text {
    font-size: 40px;
    line-height: 40px;
  }

  .popup-container.v1, .popup-container.v2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sales---hero-link-wrapper {
    max-width: 160px;
  }

  .text-and-image-card---image-wrapper {
    max-height: 300px;
  }

  .text-and-image-card---text-container {
    padding: 40px 24px;
  }

  .sales---cta-card-text-container {
    padding-top: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .sales---cta-card-image {
    min-width: 800px;
    max-width: 800px;
  }

  .shipping-method {
    flex-direction: column;
    align-items: stretch;
  }

  .order-item {
    flex-direction: column;
  }

  .empty-state.card-empty.cart-error {
    align-items: stretch;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dropdown-main-pages-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 10px;
    grid-template-columns: auto auto;
  }

  .dropdown-menu-wrapper {
    grid-template-columns: 1fr;
  }

  .grid-footer-v1 {
    grid-row-gap: 50px;
  }

  .check-item-wrapper.center---mbl.left---mbp {
    justify-content: flex-start;
  }

  .check-icon {
    width: 16px;
  }

  .footer-v1---bottom-left-content {
    padding-top: 10px;
  }

  .footer-menu-wrapper {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .footer-main-pages-wrapper {
    grid-row-gap: 9px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-v2-top-right-content {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
  }

  .grid-footer-v2 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .hero-content-wrapper---v1 {
    grid-column-gap: 100px;
    grid-row-gap: 48px;
  }

  .hero-top-content-wrapper---v1 {
    z-index: 1;
    width: 100%;
    max-width: 500px;
    position: relative;
  }

  .top-right-absolute-button {
    top: 20px;
    right: 20px;
  }

  .bottom-right-button-absolute {
    bottom: 26px;
    right: 20px;
  }

  .service-card-bottom-content---v1 {
    margin-top: 43px;
    margin-right: 50px;
  }

  .businesses-card---v1 {
    height: 100px;
  }

  .businesses-card---v1.w--current {
    height: 400px;
  }

  .business-card-content-wrapper {
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .business-card-text-overlay {
    height: 82%;
  }

  .account-card-wrapper {
    padding-top: 70px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .account-card-bg---v1 {
    height: 42%;
  }

  .account-card-bottom-content---v1 {
    min-width: 100%;
    max-width: none;
    margin-left: -20px;
    margin-right: -20px;
  }

  .stats-wrapper---v1 {
    grid-column-gap: 24px;
  }

  .video-content-wrapper {
    max-height: 300px;
  }

  .video-section-bottom-content---v {
    grid-template-columns: 1fr;
  }

  .faq-v1-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .slider-section-content---v2 {
    margin-bottom: 40px;
  }

  .slider-mask---business-v2 {
    max-width: none;
  }

  .business-card---v2 {
    min-height: 400px;
  }

  .business-card-content-wrapper-v2 {
    left: 24px;
    right: 24px;
  }

  .account-card-bg---v2 {
    height: 81%;
  }

  .blog-featured-button-icon-wrapper {
    top: 16px;
    right: 16px;
  }

  .blog-image.blog-card-featured-v1 {
    max-height: 300px;
  }

  .hero-v3-bottom-content-wrapper {
    margin-top: 80px;
  }

  .number-wrapper---v3 {
    margin-bottom: 32px;
  }

  .hero-v3-bg-overlay {
    width: 100%;
  }

  .business-card-content-wrapper-v3 {
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .numbers-section-wrapper---v3 {
    flex-flow: column wrap;
    grid-template-columns: auto auto;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .mission-content-wrapper {
    grid-template-columns: 1fr;
    margin-top: 24px;
  }

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

  .office-card-content-wrapper {
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .career-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 40px;
  }

  .categories-wrapper---blog-v1 {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .category-badge-v1 {
    width: 100%;
  }

  .categories-item-wrapper---v1 {
    flex-direction: column;
  }

  .categories-collection-wrapper---blog-v1 {
    width: 100%;
  }

  .cta-v4-bg {
    height: 85%;
  }

  .sidebar-wrapper {
    max-width: 100%;
    position: static;
  }

  .search-form-wrapper {
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }

  .author-card-icon-wrapper {
    top: 14px;
    right: 14px;
  }

  .form-button {
    width: 100%;
  }

  .form.contact-form {
    min-height: 708px;
  }

  .form.demo-form {
    min-height: 790px;
  }

  .hero-section-bottom-content---careers-page {
    margin-top: 100px;
  }

  .culture-section-content-wrapper {
    inset: 40px 24px;
  }

  .career-details-wrapper, .team-member-single-right-content {
    flex-wrap: wrap;
  }

  .features-wrapper---demo-page {
    flex-flow: column;
    align-items: stretch;
  }

  .help-center-image {
    margin-bottom: 15px;
  }

  .help-center-card-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .form-divider-wrapper {
    min-height: 25px;
  }

  .hero-section-bg---terms-page {
    height: 650px;
  }

  ._404-not-found-title {
    font-size: 30vw;
  }

  .logo-icon {
    width: 40px;
  }

  .team-member-card-wrapper {
    flex-direction: column;
  }

  .text-no-wrap.normal---mbp {
    white-space: normal;
  }

  .left-btn-row-wrapper {
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .left-btn-row-wrapper.reverse---mbp {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .testimonial-card-v1-grid {
    grid-template-columns: 1fr;
  }

  .blog-card-v1---content {
    max-width: 350px;
  }

  .form-input-block {
    min-height: 112px;
  }

  .service-card---v1---top---content {
    padding-top: 40px;
  }

  .logo-strip-wrapper---grid {
    grid-column-gap: 20px;
    grid-row-gap: 14px;
  }

  .plan-card-bottom-content---dropdown {
    margin-top: 32px;
  }

  .testimonial-card-v3-content {
    margin-top: 16px;
    margin-left: 0;
  }

  .hero-image---v3---mobile-gradient {
    background-image: linear-gradient(to bottom, var(--neutral--800), var(--neutral--transparent) 26%);
  }

  .text-center---mbl.text-left---mbp {
    text-align: left;
  }

  .author-card---avatar {
    margin-bottom: 22px;
    margin-right: 0;
  }

  .mg-bottom--200px {
    margin-top: -100px;
  }

  .form-v2-wrapper {
    min-height: 777px;
  }

  .text-break-all---mbp {
    word-break: break-all;
  }

  .demo-form-block {
    min-height: 816px;
  }

  .mg-top-80px {
    margin-top: 54px;
  }

  .sign-in-form-block {
    min-height: 674px;
  }

  .form---bottom-link.last {
    margin-top: -15px;
  }

  .sign-up-form-block {
    min-height: 767px;
  }

  .password-page-form {
    min-height: 345px;
  }

  .shipping-method-content {
    margin: 12px 0;
  }

  .order-item---content {
    margin-left: 0;
    margin-right: 0;
  }

  .order-item---content---main {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .cart-header, .cart-list, .cart-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .cart-container {
    border-radius: 0;
  }

  .cart-item---content---main {
    flex-direction: column;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .cart-item---content {
    margin-left: 0;
    margin-right: 0;
  }

  .more-templates-badge-wrapper-edite {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 250px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-logo {
    width: 60px;
  }

  .more-templates-p {
    font-size: 12px;
  }

  .more-templates-lottie {
    width: 40px;
  }

  .brix-badges-wrapper {
    width: 310px;
    height: 100px;
    right: 22px;
  }

  .more-templates-lottie-2 {
    width: 40px;
    top: -16px;
    right: -15px;
  }

  .more-templates-badge-wrapper {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-width: 310px;
    padding: 8px 18px 8px 15px;
  }

  .more-templates-badge-wrapper:hover {
    transform: scale(.9)translate(0, 20px);
  }

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

  .grid-2 {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-2 {
    text-align: center;
    padding-left: 0;
  }

  .link-4, .link-5 {
    padding-left: 20px;
  }

  .grid-9 {
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6 {
    font-size: 18px;
  }

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

  .div-block-5 {
    justify-content: center;
    align-items: center;
  }

  .heading-3 {
    padding-bottom: 30px;
    font-size: 36px;
  }
}

#w-node-_42e6733c-65d0-ac18-1b84-450284913bbb-57241a43 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dd350e37-725b-de89-aa93-a456aa60eb05-57241a43 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_71abd3c3-c0b2-86da-854c-354132278732-57241a43 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_45072b55-49fe-5f4c-e124-829a5f9cd516-57241a43 {
  align-self: end;
}

#w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f31-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f35-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f36-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f38-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f3a-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f3c-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f3e-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f40-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f42-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f44-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f46-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f47-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f49-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f4b-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f4d-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f4f-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f51-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f53-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f55-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f57-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f58-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f5a-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f5c-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f5e-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f60-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f62-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f64-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f66-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f68-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f6b-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f6c-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f6e-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f70-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f72-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f74-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f76-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f78-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f7b-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f7c-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f7e-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f80-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f82-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f84-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f86-a5b7f487, #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f88-a5b7f487, #w-node-e9da5fd6-ab44-5b2f-81ad-6e5f36bfab9c-36bfab9c, #w-node-_105c6810-7fd6-918e-ea4c-0a20c47f4eeb-c47f4eeb, #w-node-_0f0b3aeb-ce3f-3db0-4958-4a43baa0e5f7-7353ba55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3da71404-7319-3029-a5b2-bbbbb4488c84-7353ba55 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  place-self: stretch end;
}

#w-node-_0a164f49-7eaf-314e-a157-168f3a8498c5-7353ba55, #w-node-_0a164f49-7eaf-314e-a157-168f3a8498c6-7353ba55 {
  align-self: stretch;
}

#w-node-_74eb1c21-aaf1-2d09-3c2b-0e68f84dd683-7353ba55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_64cad01905c356d49ce5ef94000000000014-7353ba5d {
  align-self: stretch;
}

#w-node-c2ab8be9-0392-5953-3f0c-a815af27dc5a-7353ba5e, #w-node-_1f3e9af0-d259-eb3f-f215-95c56ed92e45-7353ba5e, #w-node-_90182690-6eff-f88a-61bf-309c2255c769-7353ba5e, #w-node-_4c43c5ee-75d2-6f8b-c840-ad4d66bbd482-7353ba5e, #w-node-_8c8d3e30-ae00-db84-a749-0ad3d0d2379f-7353ba5e, #w-node-_4f573dac-eec4-3cb3-0b0d-d8ebb4da324f-7353ba5e, #w-node-_6e1ebe92-67bf-b8a3-d747-c93103f23850-03f23850, #w-node-_6024598d-eaa2-3e85-ac05-fde8b7e66609-b7e66609, #w-node-cf44cf62-55e5-f689-dd0d-49121998b715-7353ba78, #w-node-df38605c-7440-2805-5f1f-9bc02d6d5ec5-2d6d5ec5, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82055-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82059-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8205a-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8205c-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8205e-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82060-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82062-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82064-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82066-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82068-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8206a-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8206b-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8206d-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8206f-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82071-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82073-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82075-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82077-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82079-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8207b-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8207c-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8207e-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82080-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82082-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82084-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82086-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82088-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8208a-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8208c-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8208f-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82090-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82092-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82094-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82096-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82098-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8209a-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8209c-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8209f-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820a0-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820a2-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820a4-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820a6-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820a8-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820aa-6fc672fe, #w-node-cf7e3ecd-8b59-c86d-255e-11868cd820ac-6fc672fe {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_71abd3c3-c0b2-86da-854c-354132278732-57241a43 {
    grid-column: span 1 / span 1;
  }

  #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f31-a5b7f487 {
    grid-column: span 2 / span 2;
  }

  #w-node-_3da71404-7319-3029-a5b2-bbbbb4488c84-7353ba55 {
    justify-self: stretch;
  }

  #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82055-6fc672fe {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_71abd3c3-c0b2-86da-854c-354132278732-57241a43 {
    grid-column: span 2 / span 2;
  }

  #w-node-_3da71404-7319-3029-a5b2-bbbbb4488c84-7353ba55 {
    grid-row: span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_71abd3c3-c0b2-86da-854c-354132278732-57241a43 {
    grid-column: span 1 / span 1;
  }

  #w-node-_3657f905-650e-0b79-7ffa-ada11581591a-57241a43 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f31-a5b7f487 {
    grid-column: span 1 / span 1;
  }

  #w-node-_855033cf-b0e3-ec53-e25c-f4708cb89f46-a5b7f487 {
    grid-row: span 2 / span 2;
  }

  #w-node-cf7e3ecd-8b59-c86d-255e-11868cd82055-6fc672fe {
    grid-column: span 1 / span 1;
  }

  #w-node-cf7e3ecd-8b59-c86d-255e-11868cd8206a-6fc672fe {
    grid-row: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Rubik';
  src: url('../fonts/Rubik.zip') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Icon Rounded';
  src: url('../fonts/line-rounded-icon-font-brix.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Social Media Icon Font BRIX';
  src: url('../fonts/social-media-icon-font-brix.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Icon Squared';
  src: url('../fonts/fontello.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/fontello.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}