@font-face {
  font-family: Social Icons Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src: url('../fonts/line-square-icons.woff2') format("woff2"), url('../fonts/line-square-icons.eot') format("embedded-opentype"), url('../fonts/line-square-icons.woff') format("woff"), url('../fonts/line-square-icons.ttf') format("truetype"), url('../fonts/line-square-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src: url('../fonts/filled-icon-font.woff2') format("woff2"), url('../fonts/filled-icon-font.eot') format("embedded-opentype"), url('../fonts/filled-icon-font.woff') format("woff"), url('../fonts/filled-icon-font.ttf') format("truetype"), url('../fonts/filled-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url('../fonts/line-rounded-icons.woff2') format("woff2"), url('../fonts/line-rounded-icons.eot') format("embedded-opentype"), url('../fonts/line-rounded-icons.woff') format("woff"), url('../fonts/line-rounded-icons.ttf') format("truetype"), url('../fonts/line-rounded-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Custom Icons Wellbeing Template;
  src: url('../fonts/custom-icon-wellbeing-template.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clash Display;
  src: url('../fonts/ClashDisplay-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clash Display;
  src: url('../fonts/ClashDisplay-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clash Display;
  src: url('../fonts/ClashDisplay-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Clash Display;
  src: url('../fonts/ClashDisplay-Semibold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--600: #525449;
  --neutral--800: #191e04;
  --secondary--color-1: #edae6f;
  --neutral--300: #e7ebe3;
  --general--shadow-01: #edae6f14;
  --secondary--color-2: #fff9f0;
  --accent--primary-1: #212806;
  --secondary--color-3: #98ad83;
  --secondary--color-4: #fae0bb;
  --neutral--700: #292c1c;
  --neutral--500: #93958b;
  --neutral--400: #c8cac0;
  --neutral--200: #fbfcf7;
  --neutral--100: white;
  --system--green-400: #11845b;
  --system--blue-400: #086cd9;
  --system--blue-300: #1d88fe;
  --system--blue-200: #8fc3ff;
  --system--blue-100: #eaf4ff;
  --system--green-300: #05c168;
  --system--green-200: #7fdca4;
  --system--green-100: #def2e6;
  --system--red-400: #dc2b2b;
  --system--300: #ff5a65;
  --system--red-200: #ffbec2;
  --system--red-100: #ffeff0;
  --system--orange-400: #d5691b;
  --system--orange-300: #ff9e2c;
  --system--orange-200: #ffd19b;
  --system--orange-100: #fff3e4;
  --general--shadow-02: #edae6f1a;
  --general--shadow-03: #edae6e1a;
  --general--shadow-04: #edae6f29;
  --general--shadow-05: #edae6f2e;
  --general--shadow-06: #edae6f3d;
  --button-shadow--color-01: #edae6f0f;
  --button-shadow--color-2: #edae6f14;
  --button-shadow--color-03: #edae6f14;
  --button-shadow--white-01: #14142b0a;
  --button-shadow--white-02: #14142b0f;
  --button-shadow--white-03: #14142b1a;
}

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

.w-commerce-commercecheckoutformcontainer {
  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-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-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.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;
}

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

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

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

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

  .w-layout-blockcontainer {
    max-width: none;
  }
}

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

body {
  color: var(--neutral--600);
  font-family: Clash Display, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.667em;
}

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

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

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

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

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

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

p {
  margin-bottom: 16px;
}

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

a:hover, a:active {
  color: var(--secondary--color-1);
}

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

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

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

label {
  margin-bottom: 10px;
  font-weight: 400;
  display: block;
}

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

blockquote {
  background-color: var(--secondary--color-1);
  color: var(--neutral--800);
  text-align: center;
  border: 0 solid #000;
  margin-top: 14px;
  margin-bottom: 32px;
  padding: 87px 103px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.273em;
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

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

.page-wrapper {
  min-height: 100vh;
}

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

.grid-2-columns.style---styleguide-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.grid-2-columns.template-page-sidebar {
  grid-column-gap: 40px;
  grid-template-columns: .35fr 1fr;
  align-items: start;
}

.grid-2-columns.changelog-item {
  grid-column-gap: 60px;
  border-bottom: 1px solid var(--neutral--300);
  grid-template-columns: .4fr 1fr;
  align-items: start;
  padding-top: 64px;
  padding-bottom: 64px;
}

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

.grid-2-columns.checkout-page {
  grid-template-columns: 1fr .45fr;
  align-items: start;
}

.grid-2-columns.suprises-pages-right {
  grid-column-gap: 100px;
  grid-template-columns: 1fr 1.25fr;
  margin-bottom: 124px;
}

.grid-2-columns.suprises-pages-right.last {
  margin-bottom: 0;
}

.grid-2-columns.suprises-pages-left {
  grid-column-gap: 100px;
  grid-template-columns: 1.25fr 1fr;
  margin-bottom: 124px;
}

.grid-2-columns.icon-left---content-right {
  grid-column-gap: 23px;
  grid-template-columns: auto 1fr;
}

.grid-2-columns.title-and-buttons {
  grid-column-gap: 40px;
  grid-template-columns: 1fr auto;
}

.grid-2-columns.newsletter-main-grid {
  grid-template-columns: 1fr .75fr;
}

.grid-2-columns.content-right {
  grid-template-columns: 1fr .85fr;
}

.grid-2-columns.content-right.large {
  grid-template-columns: 1fr 1.1fr;
}

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

.grid-2-columns.content-left {
  grid-template-columns: .85fr 1fr;
}

.grid-2-columns.card-box-content-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: auto 1fr;
}

.grid-2-columns.card-steps-grid {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  max-width: none;
  margin-top: 75px;
  margin-bottom: 75px;
  margin-right: 40px;
  display: grid;
}

.grid-2-columns.testimonial-slider---grid {
  grid-column-gap: 62px;
  grid-template-columns: 1fr .9fr;
}

.grid-2-columns.blog-hero {
  grid-column-gap: 40px;
  grid-template-columns: .7fr 1fr;
}

.grid-2-columns.blog-post-hero {
  grid-column-gap: 10px;
  grid-template-columns: .95fr 1fr;
}

.grid-2-columns.sales-page {
  max-width: 836px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
}

.grid-2-columns.about-us {
  grid-column-gap: 23px;
  grid-template-columns: auto 1fr;
}

.grid-2-columns.approach {
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-columns: auto 1fr;
  align-items: start;
  max-width: 800px;
  margin-top: 75px;
  margin-bottom: 75px;
  margin-right: 40px;
}

.style---navigation-sidebar {
  z-index: 1;
  height: 100%;
  max-height: 100vh;
  box-shadow: 1px 0 14px 0 var(--general--shadow-01);
  position: sticky;
  top: 0;
  overflow: hidden;
}

.card {
  background-color: var(--secondary--color-2);
  overflow: hidden;
}

.card.link-card {
  color: var(--neutral--600);
  transform-style: preserve-3d;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card.link-card:hover {
  color: var(--neutral--600);
  transform: scale3d(.99, .99, 1.01);
}

.card.link-card.search-item {
  min-height: 100%;
  padding: 60px 40px;
}

.card.sticky-top.top-24px {
  top: 24px;
}

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

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

.card.whats-included {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.card.figma-file {
  justify-content: center;
  align-items: stretch;
  margin-top: 32px;
  display: flex;
}

.card.sales-home-page {
  text-align: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.card.sales-home-page:hover {
  transform: scale(.96);
}

.card.buy-now {
  background-color: #4253ff;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 3px 10px #191e041f;
}

.card.buy-now:hover {
  transform: scale(.98);
}

.card.buy-now.white {
  background-color: #fff9f0;
}

.card.footer-newsletter {
  border: 1px solid var(--accent--primary-1);
  border-radius: 32px;
  padding: 104px 66px;
}

.card.stats {
  text-align: center;
  width: 100%;
  padding: 67px 17px 71px;
}

.card.box-content {
  padding: 76px 40px;
}

.card.steps {
  margin-left: 40px;
  overflow: visible;
}

.card.plan {
  flex-direction: column;
  max-width: 404px;
  min-height: 100%;
  padding: 87px 33px 63px;
  display: flex;
  position: relative;
}

.card.record {
  padding: 44px 33px 37px;
}

.card.product-tab-info {
  padding: 23px 84px 86px;
}

.card.contact-form-wrapper {
  padding: 70px 75px 80px;
}

.card.blog-post-featured-content {
  max-width: 535px;
  margin-bottom: 48px;
  margin-left: 42px;
  margin-right: 42px;
  padding: 47px 44px 53px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.card.password-page {
  text-align: center;
  max-width: 892px;
  margin-left: auto;
  margin-right: auto;
  padding: 143px 145px;
}

.card.dropdown-nav {
  margin-top: 30px;
  padding: 60px;
}

.card.contact-form-wrapper-copy {
  height: auto;
  padding: 20px;
}

.style---color-block {
  min-height: 180px;
  position: relative;
}

.style---color-block-content {
  border-top: 1px solid var(--neutral--300);
  padding: 24px 24px 32px;
}

.style---color-block-name {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
}

.style---color-block-hex {
  line-height: 20px;
}

.grid-4-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.grid-4-columns.values-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}

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

.bg-secondary-1 {
  background-color: var(--secondary--color-1);
}

.bg-secondary-2 {
  background-color: var(--secondary--color-2);
}

.bg-secondary-3 {
  background-color: var(--secondary--color-3);
}

.bg-secondary-4 {
  background-color: var(--secondary--color-4);
}

.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-200 {
  background-color: var(--neutral--200);
}

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

.bg-neutral-100.bg-radius {
  border-radius: 999999px;
}

.style---color-block-text-example {
  background-color: var(--neutral--100);
  border-radius: 40px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  inset: 16px 16px auto auto;
}

.style---color-block-text-example.badge-dark {
  background-color: var(--neutral--800);
}

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

.color-secondary-1 {
  color: var(--secondary--color-1);
}

.color-secondary-2 {
  color: var(--secondary--color-2);
}

.color-secondary-3 {
  color: var(--secondary--color-3);
}

.color-secondary-4 {
  color: var(--secondary--color-4);
}

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

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

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

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

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

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

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

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

.color-green-400 {
  color: #11845b;
}

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

.color-blue-400 {
  color: var(--system--blue-400);
}

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

.color-blue-300 {
  color: var(--system--blue-300);
}

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

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

.color-blue-100 {
  color: var(--system--blue-100);
}

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

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

.color-green-300 {
  color: var(--system--green-300);
}

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

.color-green-200 {
  color: var(--system--green-200);
}

.color-green-100 {
  color: var(--system--green-100);
}

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

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

.color-red-400 {
  color: var(--system--red-400);
}

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

.color-red-300 {
  color: var(--system--300);
}

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

.color-red-200 {
  color: var(--system--red-200);
}

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

.color-red-100 {
  color: var(--system--red-100);
}

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

.color-orange-400 {
  color: var(--system--orange-400);
}

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

.color-orange-300 {
  color: var(--system--orange-300);
}

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

.color-orange-200 {
  color: var(--system--orange-200);
}

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

.color-orange-100 {
  color: var(--system--orange-100);
}

.style---block-sub-heading {
  margin-bottom: 32px;
}

.style---block-sub-heading.border {
  border-bottom: 1px solid var(--secondary--color-4);
  margin-bottom: 64px;
  padding-bottom: 40px;
}

.divider {
  background-color: var(--secondary--color-4);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

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

.divider._64px.template-pages-start-here {
  margin-bottom: 40px;
}

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

.divider._0px {
  margin-top: 0;
  margin-bottom: 0;
}

.style---typography-block-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 320px) 1fr;
}

.style---content-block {
  margin-bottom: 100px;
}

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

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

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

.mg-bottom-24px.space {
  margin-left: 10px;
}

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

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

.mg-bottom-40px.padding {
  padding-left: 40px;
  padding-right: 40px;
}

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

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

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

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

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

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

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

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

.text-200 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.111em;
}

.text-200.list {
  line-height: 24px;
}

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

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

.display-1 {
  color: var(--neutral--800);
  font-size: 90px;
  font-weight: 500;
  line-height: 1.044em;
}

.display-1.mg-bottom-12px.small-font {
  font-size: 60px;
}

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

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

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

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

.gap-row-32px {
  grid-row-gap: 32px;
}

.gap-row-80px {
  grid-row-gap: 80px;
}

.display-2 {
  color: var(--neutral--800);
  font-size: 60px;
  font-weight: 500;
  line-height: 1.3em;
}

.display-2.mg-bottom-12px {
  font-size: 50px;
}

.display-3 {
  color: var(--neutral--800);
  font-size: 54px;
  font-weight: 500;
  line-height: 1.148em;
}

.display-3.mg-bottom-18px {
  margin-bottom: 18px;
}

.display-4 {
  color: var(--neutral--800);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.429em;
}

.style---style-grid-wrapper {
  grid-row-gap: 180px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.paragraph-large {
  font-size: 24px;
  line-height: 1.583em;
}

.paragraph-small {
  font-size: 14px;
  line-height: 1.714em;
}

.text-400 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.083em;
}

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

.text-400.bold {
  font-weight: 700;
}

.text-300 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

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

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

.text-300.semibold.footer-title {
  color: var(--neutral--800);
  margin-bottom: 40px;
}

.text-100 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.125em;
}

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

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

.text-bold {
  color: var(--neutral--800);
  font-weight: 700;
}

.text-link {
  color: var(--neutral--600);
  font-weight: 500;
  text-decoration: underline;
  transition: color .3s;
}

.text-link:hover {
  color: var(--secondary--color-1);
}

.text-link.paragraph-large {
  font-weight: 400;
}

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

.text-link.dark:hover {
  color: var(--secondary--color-1);
}

.text-link.dark.paragraph-large {
  border-bottom: 1px solid var(--neutral--800);
  text-decoration: none;
  transition: border-color .3s, color .3s;
  display: inline-block;
}

.text-link.dark.paragraph-large:hover {
  border-bottom-color: var(--secondary--color-1);
}

.text-link.heading-h6-size {
  color: var(--neutral--600);
}

.text-link.heading-h6-size:hover {
  color: var(--secondary--color-1);
}

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

.text-strikethrough {
  text-decoration: line-through;
}

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

.grid-3-columns.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-3-columns.style---buttons-grid {
  grid-column-gap: 70px;
  grid-template-columns: auto auto 1fr;
}

.grid-3-columns._1-col-tablet {
  padding-top: 20px;
}

.grid-3-columns.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.grid-3-columns.perks-grid {
  grid-column-gap: 40px;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  align-items: center;
}

.grid-3-columns.card-steps-grid---main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr auto;
  align-content: center;
  align-items: center;
  margin-left: -40px;
}

.grid-3-columns.pricing {
  grid-template-columns: auto auto auto;
  justify-content: center;
  justify-items: center;
}

.grid-3-columns.blog-grid, .grid-3-columns.blog-grid---section {
  grid-column-gap: 28px;
  grid-row-gap: 60px;
}

.style---shadow-card {
  background-color: var(--secondary--color-2);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  padding: 32px 44px;
  display: flex;
}

.style---shadow-card.shadow-03 {
  box-shadow: 0 8px 28px #edae6f21;
}

.shadow-01 {
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
}

.shadow-02 {
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
}

.shadow-03 {
  box-shadow: 0 8px 28px 0 var(--general--shadow-03);
}

.shadow-04 {
  box-shadow: 0 14px 42px 0 var(--general--shadow-04);
}

.shadow-05 {
  box-shadow: 0 24px 65px 0 var(--general--shadow-05);
}

.shadow-06 {
  box-shadow: 0 32px 72px 0 var(--general--shadow-06);
}

.button-shadow-color-01 {
  box-shadow: 0 4px 10px 0 var(--button-shadow--color-01);
}

.button-shadow-color-02 {
  box-shadow: 0 6px 20px 0 var(--button-shadow--color-2);
}

.button-shadow-color-03 {
  box-shadow: 0 10px 28px 0 var(--button-shadow--color-03);
}

.button-shadow-white-01 {
  box-shadow: 0 4px 10px 0 var(--button-shadow--white-01);
}

.button-shadow-white-02 {
  box-shadow: 0 6px 20px 0 var(--button-shadow--white-02);
}

.button-shadow-white-03 {
  box-shadow: 0 10px 28px 0 var(--button-shadow--white-03);
}

.style---heading {
  background-color: var(--secondary--color-2);
  align-items: center;
  min-height: 70vh;
  margin-bottom: 30px;
  padding: 72px 4vw;
  display: flex;
}

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

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

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

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

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

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

.inner-container._680px {
  max-width: 680px;
}

.inner-container._587px {
  max-width: 587px;
}

.inner-container._648px {
  max-width: 648px;
}

.inner-container._561px {
  max-width: 561px;
}

.inner-container._632px {
  max-width: 632px;
}

.inner-container._494px {
  max-width: 494px;
}

.inner-container._181px {
  max-width: 181px;
}

.inner-container._649px {
  max-width: 649px;
}

.inner-container.hero-v1-content {
  min-width: 574px;
  max-width: 49%;
  margin-top: 152px;
  margin-bottom: 152px;
  margin-right: 40px;
}

.inner-container.newsletter-content {
  z-index: 1;
  max-width: 535px;
  margin-top: 84px;
  margin-bottom: 104px;
  position: relative;
}

.inner-container._568px {
  max-width: 568px;
}

.inner-container._559px {
  max-width: 559px;
}

.inner-container._498px {
  max-width: 498px;
}

.inner-container._886px {
  max-width: 886px;
}

.inner-container._363px {
  max-width: 363px;
}

.inner-container.hero-v2-content {
  z-index: 1;
  align-self: flex-start;
  min-width: 492px;
  max-width: 47%;
  margin-top: 105px;
  margin-bottom: 60px;
  position: relative;
}

.inner-container._621px {
  max-width: 621px;
}

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

.inner-container._512px {
  max-width: 512px;
}

.inner-container._620px {
  max-width: 620px;
}

.inner-container._296px {
  max-width: 296px;
}

.inner-container._643px {
  max-width: 643px;
}

.inner-container._544px {
  max-width: 544px;
}

.inner-container._742px {
  max-width: 742px;
}

.inner-container._780px {
  max-width: 780px;
  overflow: visible;
}

.inner-container._708px {
  max-width: 708px;
}

.inner-container.hero-v3-content {
  z-index: 1;
  align-self: flex-start;
  min-width: 421px;
  max-width: 44%;
  margin-top: 90px;
  margin-bottom: 60px;
  position: relative;
}

.inner-container._430px {
  max-width: 430px;
}

.inner-container._429px {
  max-width: 429px;
}

.inner-container._735px {
  max-width: 735px;
}

.inner-container._220px {
  max-width: 220px;
}

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

.inner-container._718px {
  max-width: 718px;
}

.inner-container._1142px {
  max-width: 1142px;
}

.inner-container._165px {
  max-width: 165px;
}

.inner-container.testimonial-slider-content {
  z-index: 2;
  max-width: 540px;
  position: relative;
}

.inner-container._338px {
  max-width: 338px;
}

.inner-container._828px {
  max-width: 828px;
}

.inner-container._1152px {
  max-width: 1152px;
}

.inner-container.product-page-image {
  max-width: 592px;
  margin-right: 40px;
}

.inner-container._892px {
  max-width: 892px;
}

.inner-container._576px {
  max-width: 576px;
}

.inner-container._741px {
  max-width: 741px;
}

.inner-container._1134px {
  max-width: 1134px;
}

.inner-container.blog-hero-content {
  max-width: 498px;
  margin-top: 200px;
  margin-bottom: 200px;
}

.inner-container._660px {
  max-width: 660px;
}

.inner-container._836px {
  max-width: 836px;
}

.inner-container.blog-post-hero-content {
  max-width: 620px;
  margin-top: 100px;
  margin-bottom: 100px;
}

.inner-container._628px {
  max-width: 628px;
}

.inner-container._475px {
  max-width: 475px;
}

.inner-container._70px {
  max-width: 70px;
}

.inner-container._432px {
  max-width: 432px;
}

.inner-container.about-me-page {
  z-index: 1;
  text-align: center;
  align-self: flex-start;
  min-width: 421px;
  max-width: 44%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.inner-container.column {
  margin-bottom: 60px;
  display: flex;
}

.style---content-heading {
  background-color: var(--secondary--color-2);
  align-items: center;
  margin-bottom: 60px;
  padding: 48px;
  display: flex;
}

.style---heading-icon-wrapper {
  background-color: var(--accent--primary-1);
  margin-right: 18px;
}

.mg-bottom-0 {
  text-align: justify;
  margin-bottom: 0;
}

.mg-bottom-0.centered {
  text-align: center;
}

.mg-bottom-0.programs {
  text-align: left;
  height: 150px;
}

.style---content-wrapper {
  padding-top: 40px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.style---card-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
}

.style---components-wrapper {
  background-color: var(--secondary--color-2);
}

.style---bg-white {
  padding: 48px;
}

.style-buttons-dark {
  background-color: var(--neutral--800);
  padding: 48px;
}

.btn-primary {
  border: 1px solid var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  text-align: left;
  transform-style: preserve-3d;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 600;
  line-height: 1.111em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  border-color: var(--secondary--color-1);
  background-color: var(--secondary--color-1);
  color: var(--accent--primary-1);
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.small {
  padding: 16px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-primary.small.discount {
  height: auto;
  margin-left: 0;
}

.btn-primary.small.header-btn-hidde-on-tablet {
  margin-left: 24px;
}

.btn-primary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 1.1em;
}

.btn-primary.white {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--accent--primary-1);
}

.btn-primary.white:hover {
  border-color: var(--secondary--color-1);
  background-color: var(--secondary--color-1);
  color: var(--accent--primary-1);
}

.btn-primary.white.no-hover:hover {
  background-color: var(--neutral--100);
  transform: none;
}

.btn-primary.white.no-hover.webflow {
  color: #4253ff;
}

.btn-primary.inside-input {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-primary.inside-input.default {
  transform-style: preserve-3d;
  padding: 16px 24px;
  top: 8px;
  bottom: 8px;
  right: 8px;
}

.btn-primary.inside-input.default:hover {
  transform: none;
}

.btn-primary.download-app {
  display: flex;
}

.btn-primary.no-hover:hover {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  transform: none;
}

.btn-primary.no-hover.brix {
  background-color: #553ffe;
}

.btn-primary.no-hover.brix:hover {
  border-color: #553ffe;
}

.btn-secondary {
  border: 1px solid var(--accent--primary-1);
  color: var(--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 48px;
  padding: 26px 38px;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  transform: translate3d(0, -3px, .01px);
}

.btn-secondary.small {
  padding: 16px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-secondary.small.category.w--current {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  font-weight: 600;
  transform: translate(0);
}

.btn-secondary.large {
  padding: 28px 56px;
  font-size: 20px;
  line-height: 1.1em;
}

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

.btn-secondary.white:hover {
  border-color: var(--neutral--100);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
}

.badge-primary {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  display: inline-block;
}

.badge-primary.white {
  background-color: var(--neutral--100);
  color: var(--accent--primary-1);
}

.badge-primary.light {
  background-color: var(--secondary--color-1);
  color: var(--accent--primary-1);
}

.badge-primary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.badge-primary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 1.1em;
}

.badge-primary.card-plan-popular {
  z-index: 2;
  text-align: center;
  border-radius: 0;
  width: 100%;
  max-width: 143px;
  max-height: 39px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375em;
  position: absolute;
  inset: 24px 24px auto auto;
  overflow: hidden;
}

.badge-secondary {
  border: 1px solid var(--accent--primary-1);
  background-color: var(--neutral--100);
  color: var(--neutral--800);
  text-align: center;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  text-decoration: none;
  display: inline-block;
}

.badge-secondary.white {
  border-color: var(--neutral--200);
  box-shadow: none;
  color: var(--neutral--100);
  background-color: #0000;
}

.badge-secondary.light {
  background-color: var(--secondary--color-4);
  box-shadow: none;
  border-width: 0;
}

.badge-secondary.small {
  padding: 14px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.badge-secondary.large {
  padding: 22px 38px;
  font-size: 20px;
  line-height: 1.1em;
}

.badge-secondary.tabs {
  padding: 16px 22px;
  font-size: 16px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.badge-secondary.tabs:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.badge-secondary.tabs.w--current {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  font-weight: 600;
}

.input {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  min-height: 72px;
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  -webkit-text-stroke-color: var(--neutral--500);
  border-radius: 100px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 1em;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--general--shadow-03);
}

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

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

.input.small {
  min-height: 50px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.large {
  min-height: 80px;
}

.input.button-inside {
  padding-right: 25%;
}

.input.mg-bottom-16px {
  margin-bottom: 16px;
}

.input.cart-quantity-input {
  width: 80px;
  min-height: 45px;
  padding-left: 16px;
  padding-right: 16px;
}

.input.quntity {
  width: 110px;
}

.input.medium {
  min-height: 56px;
  margin-bottom: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.medium::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.medium.last {
  margin-bottom: 0;
}

.input.select-wrapper {
  align-items: center;
  width: 500px;
  transition: box-shadow .3s, border-color .3s;
  display: flex;
}

.input.select-wrapper.w--open {
  justify-content: space-between;
  width: 500px;
  display: flex;
}

.input.select {
  height: auto;
  min-height: auto;
  box-shadow: none;
  color: var(--neutral--600);
  background-color: #0000;
  border-width: 0;
  padding: 0;
  transition: color .3s;
}

.input.select:focus {
  color: var(--accent--primary-1);
}

.position-relative {
  position: relative;
}

.position-relative.hero-v1, .position-relative.hero-v2 {
  z-index: 1;
  justify-content: space-between;
  display: flex;
}

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

.position-relative.hero-v3 {
  z-index: 1;
  justify-content: space-between;
  display: flex;
}

.position-relative.testimonial-slider-image-wrapper {
  max-width: 598px;
}

.position-relative.z-index-2 {
  z-index: 2;
}

.text-area {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  min-width: 100%;
  max-width: 100%;
  min-height: 180px;
  max-height: 250px;
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  border-radius: 15px;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.text-area:hover {
  border-color: var(--accent--primary-1);
  box-shadow: 0 2px 12px 0 var(--general--shadow-03);
}

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

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

.text-area.small {
  min-height: 102px;
  margin-bottom: 24px;
  font-size: 16px;
}

.text-area.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.checkbox-field-wrapper {
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.checkbox-field-wrapper.large {
  font-size: 20px;
  line-height: 24px;
}

.checkbox-field-wrapper.small {
  font-size: 16px;
  line-height: 20px;
}

.checkbox {
  border-width: 1px;
  border-color: var(--neutral--300);
  background-color: var(--neutral--100);
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  box-shadow: 0 1px 6px 0 var(--general--shadow-01);
  border-radius: 0;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, background-color .3s;
}

.checkbox:hover {
  border-color: var(--accent--primary-1);
}

.checkbox.w--redirected-checked {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  background-image: url('../images/check-form-brix-templates-webflow.svg');
  background-size: auto;
  margin-top: 0;
  margin-left: 0;
}

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

.checkbox.large {
  min-width: 28px;
  min-height: 28px;
}

.checkbox.small {
  min-width: 22px;
  min-height: 22px;
}

.radio-button-field-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
  display: flex;
}

.radio-button-field-wrapper.large {
  font-size: 20px;
  line-height: 26px;
}

.radio-button-field-wrapper.small {
  font-size: 16px;
  line-height: 22px;
}

.radio-button {
  border-color: var(--neutral--300);
  background-color: var(--neutral--100);
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, border-width .3s, background-color .3s;
}

.radio-button:hover {
  border-color: var(--accent--primary-1);
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: var(--accent--primary-1);
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-button.large {
  min-width: 28px;
  min-height: 28px;
}

.radio-button.large.w--redirected-checked {
  border-width: 8px;
}

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

.style---avatars-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 290px);
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._01 {
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
}

.avatar-circle._02 {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.avatar-circle._04 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}

.avatar-circle._05 {
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.avatar-circle._06 {
  width: 160px;
  max-width: 160px;
  height: 160px;
  max-height: 160px;
}

.avatar-circle._07 {
  width: 240px;
  max-width: 240px;
  height: 240px;
  max-height: 240px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.style---icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 72px);
}

.style---social-square-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
}

.social-icon-font {
  font-family: Social Icons Font, sans-serif;
  line-height: 21px;
}

.social-icon-font.button-left {
  margin-right: 6px;
}

.social-icon-font.v2 {
  font-size: 20px;
  line-height: 22px;
}

.social-icon-square {
  background-color: var(--secondary--color-1);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square:hover {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
}

.line-rounded-icon {
  font-family: Line Rounded Icons, sans-serif;
}

.line-rounded-icon.style---dropdown-arrow-sidebar {
  line-height: 18px;
}

.line-rounded-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.line-rounded-icon.link-icon-right.large {
  margin-left: 13px;
  font-family: Custom Icons Wellbeing Template, sans-serif;
  font-size: 13px;
}

.line-rounded-icon.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
}

.line-rounded-icon.success-message-check.large {
  margin-bottom: 16px;
  margin-right: 0;
  font-size: 80px;
  line-height: 88px;
}

.line-rounded-icon.success-message-check {
  color: #212806;
  margin-right: 18px;
  font-size: 32px;
}

.style---line-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 20px);
}

.line-square-icon {
  font-family: Line Square Icons, sans-serif;
}

.line-square-icon.top-bar-close-icon {
  cursor: pointer;
  align-items: center;
  padding: 20px 32px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.line-square-icon.top-bar-close-icon:hover {
  opacity: .55;
}

.filled-icons {
  font-family: Filled Icons, sans-serif;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text h2 {
  margin-bottom: 20px;
}

.rich-text h3 {
  margin-top: 63px;
  margin-bottom: 20px;
}

.rich-text figure {
  margin-top: 63px;
  margin-bottom: 63px;
}

.rich-text ul, .rich-text ol {
  margin-top: 24px;
  margin-bottom: 45px;
  padding-left: 20px;
}

.rich-text h6, .rich-text h5, .rich-text h4 {
  margin-top: 63px;
  margin-bottom: 20px;
}

.rich-text blockquote {
  margin-top: 63px;
  margin-bottom: 63px;
}

.rich-text li {
  margin-bottom: 18px;
}

.style---dropdown-wrapper-sidebar {
  width: 100%;
  overflow: hidden;
}

.style---dropdown-toggle {
  border-bottom: 1px solid var(--neutral--300);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  transition: color .3s;
  display: flex;
}

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

.style---dropdown-toggle.w--open {
  color: var(--accent--primary-1);
}

.buttons-row {
  grid-column-gap: 24px;
  grid-row-gap: 15px;
  align-items: center;
  display: flex;
}

.buttons-row.center {
  justify-content: center;
}

.buttons-row.vertical {
  flex-direction: column;
}

.buttons-row.vertical.rows-26px {
  grid-row-gap: 26px;
}

.buttons-row.wrap---mbp {
  flex-wrap: nowrap;
}

.style---dropdown-list-sidebar {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.style---dropdown-link-sidebar {
  color: var(--neutral--600);
  border-right: 4px solid #0000;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.style---dropdown-link-sidebar:hover {
  border-right-color: var(--accent--primary-1);
  background-color: var(--secondary--color-2);
  color: var(--accent--primary-1);
}

.style---dropdown-link-sidebar.w--current {
  border-right-color: var(--accent--primary-1);
  background-color: var(--secondary--color-4);
  color: var(--accent--primary-1);
  font-weight: 500;
}

.style---dropdown-link-icon-sidebar {
  background-color: var(--accent--primary-1);
  border-radius: 8px;
  max-width: 38px;
  margin-right: 10px;
  padding: 2px;
}

.style---sidebar-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.style---logo-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--200);
  width: 100%;
  color: var(--neutral--600);
  text-align: center;
  padding: 38px 22px;
  text-decoration: none;
}

.width-100 {
  width: 100%;
}

.width-100.mg-bottom-48px---border {
  border: 1px solid var(--accent--primary-1);
  margin-bottom: 48px;
}

.style---button-wrapper-sidebar {
  margin-top: 20px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
}

.style---logo-sidebar {
  transition: opacity .3s;
}

.style---logo-sidebar:hover {
  opacity: .6;
}

.container-default {
  max-width: 1316px;
  padding-left: 24px;
  padding-right: 24px;
}

.container-default.z-index-1 {
  z-index: 1;
  position: relative;
}

.container-default.order-confirmation {
  display: block;
}

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

.elements---page-hero {
  background-color: var(--neutral--200);
  padding-top: 120px;
  padding-bottom: 120px;
}

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

.section {
  padding-top: 240px;
  padding-bottom: 240px;
}

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

.section.overflow-hidden {
  padding-top: 160px;
  padding-bottom: 160px;
}

.section.template-pages-hero {
  background-color: var(--secondary--color-2);
  padding-top: 148px;
  padding-bottom: 148px;
}

.section.template-pages-hero.short {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.hero-page {
  background-image: linear-gradient(to bottom, white 46%, var(--accent--primary-1) 46%);
  padding-top: 60px;
  padding-bottom: 200px;
  overflow: hidden;
}

.section.cta-home-pages {
  background-image: linear-gradient(to bottom, var(--neutral--200) 28%, white 28%);
  padding-top: 0;
}

.section.pd-80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.newsletter {
  background-color: var(--secondary--color-1);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.hero {
  overflow: hidden;
}

.section.hero.v1 {
  background-color: var(--secondary--color-2);
  padding-top: 148px;
  padding-bottom: 0;
}

.section.hero.v3 {
  padding-top: 83px;
  padding-bottom: 122px;
  position: relative;
  overflow: visible;
}

.section.hero.v4 {
  padding-top: 80px;
  padding-bottom: 162px;
  overflow: hidden;
}

.section.hero.v5 {
  background-color: var(--secondary--color-2);
  padding-top: 103px;
  padding-bottom: 200px;
}

.section.hero.v6 {
  padding-top: 120px;
  padding-bottom: 240px;
  overflow: visible;
}

.section.hero.v6.overflow-hidden {
  overflow: hidden;
}

.section.hero.v7 {
  background-color: var(--secondary--color-2);
  padding-top: 0;
  padding-bottom: 0;
}

.section.hero.v2 {
  background-color: #fff9f0;
  padding-top: 153px;
  padding-bottom: 34px;
}

.section.hero.spacing {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.pd-bottom-0px {
  padding-bottom: 0;
}

.section.pd-top-0px {
  padding-top: 0;
}

.section.pd-top-228px {
  padding-top: 228px;
}

.section.pd-230px {
  padding-top: 230px;
  padding-bottom: 230px;
}

.section.pd-230px.pd-bottom-0px {
  padding-bottom: 0;
}

.section.pd-230px.pd-top-0px {
  padding-top: 0;
}

.section.pd-230px.pd-top-0px.hide {
  display: none;
}

.section.pd-285px {
  padding-top: 285px;
  padding-bottom: 285px;
}

.section.pd-285px.pd-top-218px.hide {
  display: block;
}

.section.pd-top-218px {
  padding-top: 218px;
}

.section.pd-174px {
  padding-top: 174px;
  padding-bottom: 174px;
}

.section.pd-174px.pd-top-0px {
  padding-top: 0;
}

.section.pd-200px {
  padding-top: 200px;
  padding-bottom: 200px;
}

.section.pd-200px.pd-top-0px {
  padding-top: 0;
}

.section.pd-220px {
  padding-top: 220px;
  padding-bottom: 220px;
}

.section.pd-220px.mg-top-0px {
  padding-top: 0;
}

.section.pd-270px {
  padding-top: 270px;
  padding-bottom: 270px;
}

.section.pd-270px.pd-top-0px {
  padding-top: 0;
}

.section.pd-top-170px {
  padding-top: 170px;
}

.section.pd-top-180px {
  padding-top: 180px;
}

.section.password-page {
  padding-top: 124px;
  padding-bottom: 240px;
  overflow: hidden;
}

.section.not-found {
  padding-top: 213px;
  padding-bottom: 240px;
}

.section.v2.pd-top-180px {
  padding-top: 180px;
}

.section.no-padding {
  padding: 0;
}

.section.pd-120px {
  padding-top: 120px;
  padding-bottom: 120px;
  overflow: hidden;
}

.section.hero-about {
  background-color: var(--secondary--color-2);
  padding-bottom: 180px;
}

.section.hide {
  display: block;
}

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

.section.slider {
  display: block;
  overflow: hidden;
}

.top-bar-wrapper {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  text-align: center;
  padding-left: 72px;
  padding-right: 72px;
  position: relative;
  overflow: hidden;
}

.top-bar-padding {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.top-bar-padding.small-padding {
  padding-top: 22px;
  padding-bottom: 22px;
}

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

.top-bar-flex.space-between {
  justify-content: space-between;
}

.link-wrapper {
  color: var(--neutral--800);
  transition: none;
  display: inline-block;
}

.link-wrapper:hover {
  color: var(--accent--primary-1);
}

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

.link-wrapper.white:hover {
  color: var(--secondary--color-2);
}

.link-wrapper.color-secondary-1 {
  color: var(--secondary--color-1);
}

.link-text {
  transition: color .3s;
  display: inline-block;
}

.elements---element-title {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 8px 0 var(--general--shadow-01);
  border-radius: 12px;
  margin-top: 72px;
  margin-bottom: 32px;
  padding: 24px 32px;
}

.elements---element-title.first, .elements---element-title.first.large {
  margin-top: 0;
}

.elements---element-title.large {
  margin-top: 266px;
  margin-bottom: 54px;
}

.heading-h1-size {
  color: var(--neutral--800);
  font-size: 54px;
  font-weight: 500;
  line-height: 1.222em;
}

.heading-h2-size {
  color: var(--neutral--800);
  font-size: 38px;
  font-weight: 500;
  line-height: 1.316em;
}

.heading-h3-size {
  color: var(--neutral--800);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417em;
}

.heading-h4-size {
  color: var(--neutral--800);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.273em;
}

.heading-h5-size {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

.heading-h5-size.color-neutral-600 {
  color: var(--neutral--600);
}

.heading-h6-size {
  color: var(--neutral--800);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375em;
}

.heading-h6-size.color-neutral-600 {
  color: var(--neutral--600);
}

.header-wrapper {
  background-color: #0000;
  padding-top: 32px;
  padding-bottom: 32px;
}

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

.header-content-wrapper.center {
  justify-content: center;
}

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-menu-list.left {
  margin-left: 40px;
}

.header-nav-link {
  color: var(--neutral--800);
  padding: 0;
}

.header-nav-link:hover {
  color: var(--secondary--color-1);
}

.header-nav-link.w--current {
  color: var(--neutral--800);
  text-decoration: underline;
}

.header-nav-link.header-dropdown-link {
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-nav-link.header-dropdown-link:hover {
  color: var(--secondary--color-1);
}

.header-nav-link.header-dropdown-link.w--open {
  justify-content: center;
}

.header-nav-list-item {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 26px;
}

.header-nav-list-item.btn---show-in-tablet {
  display: none;
}

.header-nav-list-item.middle {
  padding-left: 16px;
  padding-right: 16px;
}

.dropdown-column-wrapper {
  background-color: #0000;
  width: 560px;
  transform: translate(-50%);
}

.header-logo {
  max-width: 200px;
}

.header-logo-link {
  transform-style: preserve-3d;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.header-logo-link:hover {
  transform: scale3d(.98, .98, 1.01);
}

.hamburger-menu-wrapper {
  padding: 0;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--800);
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-middle {
  align-items: center;
  display: flex;
}

.btn-circle-primary {
  background-color: var(--accent--primary-1);
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  color: var(--neutral--100);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-primary:hover {
  background-color: var(--secondary--color-1);
  color: var(--accent--primary-1);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-primary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 24px;
}

.btn-circle-primary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 36px;
}

.btn-circle-primary.white {
  background-color: var(--neutral--100);
  color: var(--accent--primary-1);
}

.btn-circle-primary.white:hover {
  background-color: var(--secondary--color-1);
  color: var(--accent--primary-1);
}

.btn-circle-secondary {
  border: 1px solid var(--accent--primary-1);
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  color: var(--neutral--800);
  transform-style: preserve-3d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 1em;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-secondary:hover {
  border-color: var(--accent--primary-1);
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 24px;
}

.btn-circle-secondary.large {
  width: 88px;
  min-width: 88px;
  height: 88px;
  min-height: 88px;
  font-size: 36px;
}

.btn-circle-secondary.white {
  border-color: var(--neutral--100);
  color: var(--neutral--100);
  background-color: #0000;
}

.btn-circle-secondary.white:hover {
  border-color: var(--secondary--color-1);
  background-color: var(--secondary--color-1);
  color: var(--neutral--800);
}

.hidden-on-desktop {
  display: none;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.flex-vertical.center {
  align-items: center;
}

.flex-horizontal {
  display: flex;
}

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

.flex-horizontal.align-center {
  align-items: center;
}

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

.footer-wrapper {
  background-color: var(--secondary--color-2);
}

.footer-logo {
  width: 100%;
  transform-style: preserve-3d;
  transition: transform .3s;
}

.footer-logo:hover {
  transform: scale3d(.98, .98, 1.01);
}

.footer-logo-wrapper {
  width: 100%;
  max-width: 230px;
}

.footer-logo-wrapper.mg-bottom-0 {
  margin-bottom: 0;
}

.nav-menu-list-wrapper {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.nav-menu-list-item {
  margin-bottom: 26px;
  padding-left: 0;
  line-height: 1.1em;
}

.nav-link {
  color: var(--neutral--600);
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.nav-link:hover {
  color: var(--secondary--color-1);
}

.nav-link.featured {
  color: var(--accent--primary-1);
  font-weight: 600;
  text-decoration: underline;
}

.nav-link.featured:hover {
  color: var(--secondary--color-1);
}

.footer-top {
  padding-top: 69px;
  padding-bottom: 56px;
}

.footer-bottom {
  border-top: 1px solid var(--neutral--300);
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-bottom.pd-60px {
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer-middle {
  border-top: 1px solid var(--secondary--color-4);
  border-bottom: 1px solid var(--secondary--color-4);
  padding-top: 40px;
  padding-bottom: 40px;
}

.footer-middle.v2 {
  border-top-width: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.success-message {
  color: var(--neutral--800);
  background-color: #0000;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}

.error-message {
  color: var(--system--red-400);
  background-color: #0000;
  margin-top: 20px;
  padding: 0;
  font-weight: 500;
}

.error-message.cart-error {
  margin-top: 0;
}

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

.grid-footer-logo---paragraph {
  grid-template-rows: auto;
  grid-template-columns: .3fr 1fr;
  align-items: center;
}

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

.social-media-link-wrapper {
  color: var(--accent--primary-1);
  text-align: left;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.social-media-link-wrapper:hover {
  color: var(--accent--primary-1);
}

.social-media-link-text {
  color: var(--neutral--600);
  margin-left: 8px;
  transition: color .3s;
}

.social-media-link-text:hover {
  color: var(--accent--primary-1);
}

.social-media-link-text.nav-link {
  margin-left: 11px;
}

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

.text-center.mobile-l {
  text-align: left;
}

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

.opacity-90 {
  opacity: .9;
}

.overflow-hidden {
  overflow: hidden;
}

.text-decoration-none {
  text-decoration: none;
}

.slider-wrapper {
  background-color: #0000;
  height: 100%;
}

.slider-mask {
  height: 100%;
}

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

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.tabs-content {
  overflow: visible;
}

.empty-state {
  background-color: var(--secondary--color-4);
  color: var(--neutral--800);
  text-align: center;
  padding: 26px 24px;
  font-size: 20px;
  font-weight: 500;
}

.empty-state.small {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 18px;
}

.empty-state.small.card-empty {
  margin-top: 0;
}

.empty-state.cart-empty {
  background-color: #0000;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.large {
  padding: 64px 56px;
}

.pd---content-inside-card.large.template-pages {
  padding-top: 40px;
}

.pd---content-inside-card.template-pages---sidebar {
  padding: 32px 16px 24px;
}

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

.image.cover.home-page {
  object-fit: contain;
  flex: 1;
}

.image.testimonial-slider-image-icon {
  max-width: 24%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.image._70 {
  max-width: none;
}

.overflow-visible {
  overflow: visible;
}

.slide-item-mg {
  margin-right: 28px;
}

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

.height-100 {
  height: 100%;
}

.image-wrapper {
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
  transform: none;
}

.image-wrapper.order-item-image-wrapper {
  max-width: 150px;
  transform-style: preserve-3d;
  margin-right: 16px;
  transition-property: transform;
}

.image-wrapper.order-item-image-wrapper:hover {
  transform: scale3d(.95, .95, 1.01)translate(0);
}

.image-wrapper.position-relative.center {
  justify-content: center;
  align-items: center;
}

.image-wrapper.position-relative.center.gallery-image, .image-wrapper.position-relative.center.gallery-image-large {
  cursor: none;
}

.image-wrapper.hero-v1-image {
  width: 100%;
}

.image-wrapper.hero-v1-image-bg {
  width: 100%;
  max-width: 94%;
  margin-top: -12%;
  margin-right: auto;
  position: absolute;
  right: 0%;
}

.image-wrapper.bg-shape {
  z-index: -1;
  position: absolute;
}

.image-wrapper.bg-shape.hero-v1-shape---01 {
  width: 131%;
  margin-top: -45%;
  margin-left: -87%;
  inset: 0% auto auto 0%;
}

.image-wrapper.bg-shape.applications-shape---01 {
  width: 131%;
  margin-bottom: -28%;
  margin-right: -100%;
  inset: auto 0% 0% auto;
}

.image-wrapper.bg-shape.steps-shape---01 {
  width: 145%;
  margin-top: -77%;
  margin-left: -98%;
  inset: 0% auto auto 0%;
}

.image-wrapper.bg-shape.gallery-shape---01 {
  width: 102%;
  margin-bottom: -44%;
  margin-right: -51%;
  inset: auto 0% 0% auto;
}

.image-wrapper.bg-shape.gallery-shape---01.v2 {
  width: 114%;
  margin-top: -44.5%;
  margin-bottom: 0%;
  margin-right: -54%;
  inset: 0% 0% auto auto;
}

.image-wrapper.bg-shape.hero-v2-shape---01 {
  z-index: 0;
  width: 131%;
  margin-top: -46%;
  margin-left: -88.5%;
  inset: 0% auto auto 0%;
}

.image-wrapper.bg-shape.stats-shape---01 {
  width: 132%;
  margin-bottom: -52%;
  margin-right: -85%;
  inset: auto 0% 0% auto;
}

.image-wrapper.bg-shape.values-shape---01 {
  width: 88%;
  margin-bottom: -10%;
  margin-left: -5%;
}

.image-wrapper.bg-shape.hero-v3-shape---01 {
  z-index: 0;
  width: 87%;
  margin-top: -5%;
  margin-right: -37%;
  top: 0%;
  right: 0%;
}

.image-wrapper.bg-shape.box-content-shape---01 {
  width: 87%;
  margin-top: 5%;
  margin-left: -5%;
}

.image-wrapper.bg-shape.box-content-shape---01.v2 {
  width: 72%;
  margin-top: 3.5%;
}

.image-wrapper.bg-shape.card-steps-shape---01 {
  width: 162%;
  margin-top: 10%;
}

.image-wrapper.bg-shape.pricing-shape---01 {
  width: 110%;
  margin-top: -9%;
  margin-left: -59.5%;
  inset: 0% auto auto 0%;
}

.image-wrapper.bg-shape.testimonial-slider-shape---01 {
  width: 185%;
  margin-left: -9%;
}

.image-wrapper.bg-shape.product-shape---01 {
  width: 64%;
  margin-left: -33%;
  left: 0%;
}

.image-wrapper.bg-shape.contact-form-shape---01 {
  width: 171%;
  margin-bottom: -41%;
  margin-left: -117%;
  left: 0%;
}

.image-wrapper.bg-shape.blog-grid-shape---01 {
  width: 149%;
  margin-top: -121%;
  margin-left: -107%;
  inset: 0% auto auto 0%;
}

.image-wrapper.bg-shape.blog-grid-shape---02 {
  width: 114%;
  margin-bottom: -84%;
  margin-left: -65%;
  inset: auto auto 0% 0%;
}

.image-wrapper.bg-shape.blog-post-body-shape---01 {
  width: 225%;
  margin-top: -128%;
  margin-right: -116.5%;
  inset: 0% 0% auto auto;
}

.image-wrapper.bg-shape.blog-post-body-shape---02 {
  width: 182%;
  margin-bottom: -35%;
  margin-left: -132%;
  inset: auto auto 0% 0%;
}

.image-wrapper.bg-shape.password-page-shape---01 {
  width: 149%;
  margin-top: -19.5%;
  margin-right: -56%;
  inset: 0% 0% auto auto;
}

.image-wrapper.bg-shape.not-found-shape---01 {
  width: 229.999%;
  margin-bottom: -96%;
  margin-left: -130%;
  inset: auto auto 0% 0%;
}

.image-wrapper.newsletter-image {
  width: 123%;
  margin-bottom: -87px;
}

.image-wrapper.newsletter-image-bg {
  width: 138%;
  margin-bottom: -47%;
  position: absolute;
  bottom: 0%;
}

.image-wrapper.icon-left {
  width: 40px;
  max-width: 45px;
}

.image-wrapper.hero-v2-image {
  width: 100%;
  margin-left: 6.5%;
}

.image-wrapper.hero-v2-image-bg {
  width: 55%;
  margin-bottom: 10%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.image-wrapper.hero-v3-image-bg {
  width: 54%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-wrapper.hero-v3-image {
  width: 88%;
  margin-left: auto;
}

.image-wrapper.card-box-content-icon {
  width: 100%;
  max-width: 91px;
}

.image-wrapper.card-steps-image {
  max-width: 285px;
}

.image-wrapper.logo {
  max-width: 291px;
}

.image-wrapper.box-shadow {
  width: 140%;
  margin-bottom: -28%;
  margin-right: -36%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.image-wrapper.blog-post-featured-image {
  flex: 1;
}

.image-wrapper.blog-post-hero-image {
  min-height: 100%;
  max-height: 713px;
  margin-right: -14%;
}

.image-wrapper.cart-item-image-wrapper {
  max-width: 80px;
  transform-style: preserve-3d;
  margin-right: 16px;
  transition-property: transform;
}

.image-wrapper.cart-item-image-wrapper:hover {
  transform: scale3d(.95, .95, 1.01)translate(0);
}

.image-wrapper.about-us {
  color: #191e04;
  align-items: center;
  width: 40px;
  max-width: 45px;
  height: 42px;
}

._404-not-found {
  color: var(--accent--primary-1);
  margin-bottom: 24px;
  font-size: 150px;
  font-weight: 500;
  line-height: .8em;
}

.template-pages---nav-item-wrapper {
  padding-left: 0;
}

.template-pages---sidebar-navigation {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.template-pages---nav-item-link {
  color: var(--neutral--600);
  background-color: #0000;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.template-pages---nav-item-link:hover {
  background-color: var(--secondary--color-4);
  color: var(--accent--primary-1);
}

.template-pages---nav-item-link.w--current {
  background-color: var(--secondary--color-4);
  color: var(--accent--primary-1);
  font-weight: 500;
}

.template-pages---phography-wrapper {
  transform-style: preserve-3d;
  transition: transform .3s, color .3s;
  overflow: hidden;
}

.template-pages---phography-wrapper:hover {
  transform: scale3d(.98, .98, 1.01);
}

.cart-button-wrapper {
  margin-left: 16px;
}

.cart-button {
  background-color: #0000;
  padding: 0;
  position: relative;
}

.cart-quantity {
  background-color: var(--neutral--800);
  width: 20px;
  min-width: 20px;
  max-width: 40px;
  height: 20px;
  min-height: 20px;
  color: var(--secondary--color-2);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  position: absolute;
  inset: auto -15px -7px auto;
}

.cart-button-image {
  min-width: 19px;
}

.cart-wrapper {
  background-color: #040501e6;
}

.cart-container {
  background-color: var(--secondary--color-2);
  box-shadow: 0 5px 25px 0 var(--general--shadow-06);
}

.cart-header {
  border-bottom-color: var(--secondary--color-4);
  padding-top: 22px;
  padding-bottom: 22px;
}

.cart-footer {
  border-top-color: var(--secondary--color-4);
  padding-top: 40px;
  padding-bottom: 40px;
}

.cart-item-title {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.111em;
  text-decoration: none;
}

.cart-item-price {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.111em;
}

.cart-item-wrapper {
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}

.cart-subtotal-number {
  color: var(--neutral--800);
  font-weight: 500;
}

.pay-btn {
  border-radius: 90px;
}

.pay-btn.cart, .pay-btn.order-summary {
  height: 60px;
}

.cart-line-item {
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.cart-remove-link {
  line-height: 1.111em;
}

.cart-remove-link:hover {
  color: var(--system--red-400);
}

.cart-close-button {
  width: 24px;
  height: 24px;
  color: var(--neutral--800);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.cart-close-button:hover {
  color: var(--system--red-400);
  transform: scale3d(.9, .9, 1.01);
}

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

.checkout-col-left {
  margin-right: 0;
}

.checkout-col-right {
  position: static;
}

.checkout-block-header {
  grid-column-gap: 20px;
  border-width: 0 0 1px;
  border-bottom-color: var(--secondary--color-4);
  background-color: #0000;
  flex-wrap: wrap;
  padding: 0 0 20px;
}

.checkout-block-content {
  background-color: #0000;
  border: 0 solid #000;
  padding: 30px 0 0;
}

.checkout-block-content.pd-top-0px {
  padding-top: 0;
}

.shipping-list {
  border: 0 solid #000;
}

.shipping-method {
  grid-column-gap: 12px;
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--neutral--300);
  padding: 31px 0;
}

.shipping-price {
  color: var(--neutral--800);
  font-weight: 700;
}

.order-item-list {
  margin-bottom: 0;
}

.order-item {
  border-bottom: 1px solid var(--secondary--color-4);
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.order-item:last-child {
  border-bottom-width: 0;
}

.order-list-price {
  color: var(--neutral--800);
  font-weight: 500;
}

.order-list-title {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.order-list-title:hover {
  color: var(--secondary--color-1);
}

.order-option-item {
  padding-left: 0;
}

.order-item-medium, .order-summary-price {
  color: var(--neutral--800);
  font-weight: 500;
}

.discounts-wrapper {
  border-width: 1px 0 0;
  border-top-color: var(--secondary--color-4);
  background-color: #0000;
  margin-top: 32px;
  padding: 32px 0 0;
}

.order-item-content {
  margin-left: 0;
}

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

.z-index-1 {
  z-index: 1;
  position: relative;
}

.home-pages-cointainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-top: 90px;
  display: flex;
}

.home-pages-top-wrapper {
  justify-content: center;
  margin-bottom: 25px;
  display: flex;
  position: static;
}

.image-home-link-wrapper {
  max-width: 400px;
  transform-style: preserve-3d;
  flex: none;
  margin-left: 12px;
  margin-right: 12px;
  transition: transform .3s, color .3s;
  overflow: hidden;
  box-shadow: 0 2px 10px #0000000d;
}

.image-home-link-wrapper:hover {
  transform: scale3d(.98, .98, 1.01);
}

.image-home-link {
  object-fit: cover;
  width: 100%;
}

.home-pages-bottom-wrapper {
  justify-content: center;
  display: flex;
  position: static;
  top: 50%;
}

.card-sales-home-image {
  border-bottom: 1px solid #eee2d6;
  height: 405px;
}

.card-sales-home-content {
  text-align: center;
  border-top: 1px solid #eee2d6;
  padding: 32px;
}

.figma-file-image-wrapper {
  width: 100%;
  max-width: 680px;
}

.figma-file-text-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-left: 75px;
  padding-right: 75px;
  display: flex;
}

.badge-home {
  background-color: var(--accent--primary-1);
  color: var(--neutral--100);
  border-radius: 50px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  position: absolute;
  inset: 20px 20px auto auto;
}

.home-surprises-card {
  overflow: hidden;
  box-shadow: 0 2px 12px #14142b14;
}

.card-home-pages-wrapper {
  padding-top: 56px;
  padding-left: 56px;
  padding-right: 56px;
}

.cta-square-logo {
  margin-bottom: 22px;
  box-shadow: 0 8px 28px #14142b1a;
}

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

.cta-image-card {
  width: 1140px;
  max-width: 1140px;
  margin-top: 52px;
  margin-bottom: -23px;
}

.order-summary-item {
  grid-column-gap: 20px;
  flex-wrap: wrap;
}

.text-no-wrap {
  white-space: nowrap;
}

.shipping-method-content {
  margin-left: 0;
  margin-right: 0;
}

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

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

.instagram-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.image---external-link-btn {
  background-color: var(--secondary--color-1);
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  color: var(--accent--primary-1);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  display: flex;
  position: absolute;
}

.image---external-link-btn:hover {
  color: var(--accent--primary-1);
}

.header-relative {
  z-index: 9999;
  height: 0;
  position: relative;
  top: 0%;
}

.custom-icon-font {
  font-family: Custom Icons Wellbeing Template, sans-serif;
  line-height: 1em;
}

.custom-icon-font.btn---link-icon-right {
  margin-left: 32px;
  font-size: 14px;
  display: inline-block;
}

.custom-icon-font.btn---link-icon-right.small {
  margin-left: 20px;
  font-size: 12px;
}

.custom-icon-font.link-icon-right {
  margin-left: 11px;
  font-size: 14px;
  display: inline-block;
}

.hero-v1-images-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: auto;
  max-width: none;
  margin-right: 0%;
  display: flex;
  position: relative;
}

.email-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 72px;
  margin-bottom: 0;
  display: flex;
}

.email-form {
  position: relative;
}

.newsletter-images-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 75%;
  margin-right: 11%;
  display: flex;
  position: relative;
}

.grid-footer {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.grid-footer.v2 {
  grid-column-gap: 120px;
}

.menu-wrapper {
  margin-right: 40px;
}

.menu-wrapper.last {
  margin-right: 0;
}

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

.mg-bottom-35px.space {
  margin-top: 20px;
}

.menu-main-wrapper {
  justify-content: space-between;
  max-width: 498px;
  display: flex;
}

.menu-main-wrapper.v2 {
  max-width: 100%;
}

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

.footer-bottom-paragraph {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.mg-top-images {
  margin-top: 56px;
}

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

.mg-bottom-194px.spacing {
  margin-top: 60px;
}

.stats-number {
  color: var(--neutral--800);
  margin-bottom: -5px;
  font-size: 3.8vw;
  font-weight: 500;
  line-height: 1.222em;
}

.team-item-wrapper {
  flex-direction: column;
  display: flex;
}

.team-item-main-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.mg-top-auto {
  margin-top: auto;
}

.team-item-content {
  margin-bottom: 32px;
}

.team-item-content-top {
  border-bottom: 1px solid var(--neutral--300);
  margin-bottom: 22px;
  padding-bottom: 22px;
}

.social-icon-link {
  color: var(--neutral--800);
  font-size: 26px;
  line-height: 1em;
  text-decoration: none;
}

.social-icon-link:hover {
  color: var(--secondary--color-1);
}

.social-media-icon-links---grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 26px);
}

.position-absolute {
  position: absolute;
}

.position-absolute.hero-v3-bg {
  z-index: -1;
  background-color: var(--secondary--color-2);
  z-index: -1;
  inset: 0% 0% auto;
  background-color: #fff9f0;
  min-height: 677px;
  inset: 0% 0% auto;
}

.position-absolute.story-bg {
  background-color: #fff9f0;
  min-height: 919px;
  inset: 0% 0% auto;
}

.hero-v2-images-wrapper {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 67%;
  margin-right: -14%;
  display: flex;
  position: relative;
}

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

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

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

.hero-v3-images-wrapper {
  align-self: center;
  width: 66%;
  margin-right: -10%;
  padding-top: 63px;
  position: relative;
}

.logo-strip-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.card-box-content---content {
  max-width: 356px;
}

.card-steps-number {
  background-color: var(--secondary--color-1);
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  color: var(--neutral--800);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  overflow: hidden;
}

.slider-arrow {
  width: 40px;
  color: var(--accent--primary-1);
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  font-family: Custom Icons Wellbeing Template, sans-serif;
  font-size: 34px;
  line-height: 1em;
  transition: transform .3s, color .3s;
  display: flex;
}

.slider-arrow:hover {
  color: var(--secondary--color-1);
  transform: scale3d(.98, .98, 1.01);
}

.slider-arrow.top-right---right {
  top: -94px;
  bottom: auto;
}

.slider-arrow.top-right---left {
  inset: -94px 73px auto auto;
}

.slider-arrow.testimonials-bottom-right---right {
  top: auto;
  bottom: 19%;
}

.slider-arrow.bottom-right---left {
  inset: auto 73px 19% auto;
}

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

.card-plan-content {
  z-index: 1;
  flex-direction: column;
  flex: 1;
  display: flex;
  position: static;
}

.card-plan-content-top {
  border-bottom: 1px solid var(--neutral--300);
  margin-bottom: 31px;
  padding-bottom: 27px;
}

.card-plan-content-bottom {
  height: auto;
  margin-bottom: 18px;
}

.card-plan-title-wrapper {
  grid-column-gap: 5px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.features-list {
  color: var(--neutral--800);
  padding-left: 20px;
}

.features-list-item {
  margin-bottom: 4px;
  padding-left: 0;
}

.features-list-text {
  color: var(--neutral--600);
  margin-left: -3px;
}

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

.testimonial-slider-image-icon---wrapper {
  z-index: 2;
  background-color: var(--secondary--color-1);
  width: 24%;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 50%;
  margin-top: -10%;
  margin-right: -10%;
  padding-top: 24%;
  font-size: 114px;
  font-weight: 500;
  line-height: 1.667;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.testimonial-slider-content-bottom {
  max-width: 70%;
}

.card-plan-add-cart {
  width: 100%;
}

.card-plan-add-cart-default-state {
  margin-bottom: 0;
}

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

.product-page-content {
  z-index: 1;
  width: 100%;
  max-width: 508px;
  position: relative;
}

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

.add-to-cart {
  flex-direction: column;
  justify-content: center;
  min-height: 206px;
  display: flex;
}

.add-to-cart-default-state {
  margin-bottom: 0;
}

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

.contact-form-block {
  flex-direction: column;
  justify-content: center;
  min-height: 662px;
  margin-bottom: 0;
  display: flex;
}

.contact-form {
  grid-column-gap: 50px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-area-wrapper {
  min-width: 100%;
  max-width: 100%;
}

.content-link-block {
  color: var(--neutral--600);
  text-decoration: none;
  transition-property: none;
  display: block;
}

.content-link-block:hover {
  color: var(--neutral--600);
}

.content-link-block.blog-post-item {
  flex-direction: column;
  min-height: 100%;
  display: flex;
}

.content-link-block.blog-post-featured {
  flex-direction: column;
  min-height: 100%;
  max-height: 745px;
  display: flex;
}

.blog-post-item-content {
  flex-direction: column;
  flex: 1;
  display: flex;
}

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

.details-divider {
  background-color: var(--neutral--600);
  min-width: 11px;
  max-width: 11px;
  min-height: 1px;
  max-height: 1px;
  margin-left: 9px;
  margin-right: 9px;
}

.categories-wrapper, .category-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  display: flex;
}

.blog-post-featured-collection-list {
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  margin-right: -13%;
  display: flex;
}

.not-found-content {
  text-align: center;
  flex-direction: column;
  width: 100%;
  max-width: 673px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

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

.cart-option-item {
  margin-bottom: 4px;
  padding-left: 0;
}

.cart-item-content {
  margin-left: 0;
}

.cart-item-content---main {
  align-items: flex-start;
  display: flex;
}

.heading-h4-size-2 {
  color: #191e04;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.273em;
}

.heading-h4-size-2.mg-bottom-8px {
  text-align: left;
}

.features-list-2 {
  color: #191e04;
  padding-left: 20px;
}

.btn-secondary-2 {
  color: #191e04;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1px solid #212806;
  border-radius: 48px;
  padding: 26px 38px;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary-2:hover {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
  transform: translate3d(0, -3px, .01px);
}

.heading-h3-size-2 {
  color: #191e04;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417em;
}

.features-list-text-2 {
  color: #525449;
  text-align: left;
  margin-left: -3px;
}

.card-plan-content-top-2 {
  object-fit: fill;
  border-bottom: 1px solid #e7ebe3;
  margin-bottom: 31px;
  padding-bottom: 27px;
}

.card-2 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-2.plan, .card-2.service {
  flex-direction: column;
  max-width: 404px;
  min-height: 100%;
  padding: 87px 33px 63px;
  display: flex;
  position: relative;
}

.display-5 {
  color: #191e04;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.3em;
}

.badge-primary-2 {
  color: #fff;
  background-color: #212806;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  display: inline-block;
}

.badge-primary-2.card-plan-popular {
  z-index: 2;
  text-align: center;
  border-radius: 0;
  width: 100%;
  max-width: 143px;
  max-height: 39px;
  padding: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375em;
  position: absolute;
  inset: 24px 24px auto auto;
  overflow: hidden;
}

.btn-primary-2 {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #212806;
  border: 1px solid #212806;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 600;
  line-height: 1.111em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
  display: flex;
}

.btn-primary-2:hover {
  color: #212806;
  background-color: #edae6f;
  border-color: #edae6f;
  transform: translate3d(0, -3px, .01px);
}

.btn-primary-2.pricing {
  padding-left: 20px;
  padding-right: 20px;
}

.display-2-copy {
  color: var(--neutral--800);
  font-size: 60px;
  font-weight: 500;
  line-height: 1.3em;
}

.display-2-copy.mg-bottom-0 {
  text-align: center;
}

.html-embed {
  height: 600px;
}

.background-video {
  flex: 0 auto;
  height: 900px;
}

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

.grid-3-columns-copy.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-3-columns-copy.style---buttons-grid {
  grid-column-gap: 70px;
  grid-template-columns: auto auto 1fr;
}

.grid-3-columns-copy.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.grid-3-columns-copy.perks-grid {
  grid-column-gap: 40px;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  align-items: center;
}

.grid-3-columns-copy.card-steps-grid---main {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr auto;
  align-content: center;
  align-items: center;
  margin-left: -40px;
}

.grid-3-columns-copy.pricing {
  grid-template-columns: auto auto auto;
  justify-content: center;
  justify-items: center;
}

.grid-3-columns-copy.blog-grid, .grid-3-columns-copy.blog-grid---section {
  grid-column-gap: 28px;
  grid-row-gap: 60px;
}

.number-h2 {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
}

.about-us-image-wrapper {
  width: auto;
  height: auto;
}

.card-3 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-3.box-content {
  padding: 76px 40px;
}

.card-3.steps {
  margin-left: 40px;
  overflow: visible;
}

.display-6 {
  color: #191e04;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.148em;
}

.slider-arrow-2 {
  color: #212806;
  width: 40px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  font-family: Custom Icons Wellbeing Template, sans-serif;
  font-size: 34px;
  line-height: 1em;
  transition: transform .3s, color .3s;
  display: flex;
}

.slider-arrow-2:hover {
  color: #edae6f;
  transform: scale3d(.98, .98, 1.01);
}

.slider-arrow-2.top-right---left {
  inset: -94px 73px auto auto;
}

.slider-arrow-2.top-right---right {
  top: -94px;
  bottom: auto;
}

.text-401 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

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

.display-7 {
  color: #191e04;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.429em;
}

.card-steps-number-2 {
  color: #191e04;
  background-color: #edae6f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  font-size: 38px;
  font-weight: 500;
  line-height: 1em;
  display: flex;
  overflow: hidden;
}

.card-4 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-4.stats {
  text-align: center;
  width: 100%;
  padding: 67px 17px 71px;
}

.card-4.footer-newsletter {
  border: 1px solid #212806;
  border-radius: 32px;
  padding: 104px 66px;
}

.card-4.dropdown-nav {
  margin-top: 30px;
  padding: 60px;
}

.order-item-medium-2 {
  color: #191e04;
  font-weight: 500;
}

.stats-number-2 {
  color: #191e04;
  margin-bottom: -5px;
  font-size: 3.8vw;
  font-weight: 500;
  line-height: 1.222em;
}

.cart-subtotal-number-2 {
  color: #191e04;
  font-weight: 500;
}

.empty-state-2 {
  color: #191e04;
  text-align: center;
  background-color: #fae0bb;
  padding: 26px 24px;
  font-size: 20px;
  font-weight: 500;
}

.empty-state-2.cart-empty {
  background-color: #0000;
  flex-direction: column;
  padding-top: 100px;
  padding-bottom: 100px;
}

.hamburger-menu-bar-2 {
  background-color: #191e04;
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.heading-h5-size-2 {
  color: #191e04;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333em;
}

.hamburger-menu-wrapper-2 {
  padding: 0;
}

.hamburger-menu-wrapper-2.w--open {
  background-color: #0000;
}

.btn-secondary-3 {
  color: #191e04;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1px solid #212806;
  border-radius: 48px;
  padding: 26px 38px;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary-3:hover {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
  transform: translate3d(0, -3px, .01px);
}

.error-message-2 {
  color: #dc2b2b;
  background-color: #0000;
  margin-top: 20px;
  padding: 0;
  font-weight: 500;
}

.error-message-2.cart-error {
  margin-top: 0;
}

.text-402 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1em;
}

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

.footer-wrapper-2 {
  background-color: #fff9f0;
}

.cart-footer-2 {
  border-top-color: #fae0bb;
  padding-top: 40px;
  padding-bottom: 40px;
}

.header-logo-2 {
  max-width: 200px;
}

.text-link-2 {
  color: #525449;
  font-weight: 500;
  text-decoration: underline;
  transition: color .3s;
}

.text-link-2:hover {
  color: #edae6f;
}

.display-8 {
  color: #191e04;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.429em;
}

.input-2 {
  background-color: #fff;
  border: 1px solid #e7ebe3;
  border-radius: 100px;
  min-height: 72px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 18px;
  line-height: 1em;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 12px #edae6f1a;
}

.input-2:hover {
  border-color: #212806;
  box-shadow: 0 2px 12px #edae6e1a;
}

.input-2:focus {
  color: #191e04;
  border-color: #212806;
}

.input-2::placeholder {
  color: #525449;
}

.input-2.cart-quantity-input {
  width: 80px;
  min-height: 45px;
  padding-left: 16px;
  padding-right: 16px;
}

.btn-primary-3 {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #212806;
  border: 1px solid #212806;
  border-radius: 48px;
  justify-content: center;
  padding: 26px 38px;
  font-weight: 600;
  line-height: 1.111em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary-3:hover {
  color: #212806;
  background-color: #edae6f;
  border-color: #edae6f;
  transform: translate3d(0, -3px, .01px);
}

.btn-primary-3.small {
  padding: 16px 22px;
  font-size: 16px;
  line-height: 1.125em;
}

.btn-primary-3.small.header-btn-hidde-on-tablet {
  margin-left: 24px;
}

.btn-primary-3.inside-input {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-primary-3.inside-input.default {
  transform-style: preserve-3d;
  padding: 16px 24px;
  top: 8px;
  bottom: 8px;
  right: 8px;
}

.btn-primary-3.inside-input.default:hover {
  transform: none;
}

.grid-footer-2 {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
}

.cart-header-2 {
  border-bottom-color: #fae0bb;
  padding-top: 22px;
  padding-bottom: 22px;
}

.social-icon-link-2 {
  color: #191e04;
  font-size: 26px;
  line-height: 1em;
  text-decoration: none;
}

.social-icon-link-2:hover {
  color: #edae6f;
}

.success-message-2 {
  color: #191e04;
  background-color: #0000;
  padding: 0;
  font-size: 20px;
  font-weight: 500;
}

.text-403 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.083em;
}

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

.header-nav-link-2 {
  color: #191e04;
  padding: 0;
}

.header-nav-link-2:hover {
  color: #edae6f;
}

.header-nav-link-2.w--current {
  color: #191e04;
}

.header-nav-link-2.header-dropdown-link {
  color: #191e04;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-nav-link-2.header-dropdown-link:hover {
  color: #edae6f;
}

.header-nav-link-2.header-dropdown-link.w--open {
  justify-content: center;
}

.display-9 {
  color: #191e04;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.148em;
}

.display-9.mg-bottom-18px {
  margin-bottom: 18px;
}

.footer-middle-2 {
  border-top: 1px solid #fae0bb;
  border-bottom: 1px solid #fae0bb;
  padding-top: 64px;
  padding-bottom: 108px;
}

.team-item-content-top-2 {
  border-bottom: 1px solid #e7ebe3;
  margin-bottom: 22px;
  padding-bottom: 22px;
}

.cart-close-button-2 {
  color: #191e04;
  width: 24px;
  height: 24px;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.cart-close-button-2:hover {
  color: #dc2b2b;
  transform: scale3d(.9, .9, 1.01);
}

.nav-link-2 {
  color: #525449;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.nav-link-2:hover {
  color: #edae6f;
}

.nav-link-2.featured {
  color: #212806;
  font-weight: 600;
  text-decoration: underline;
}

.nav-link-2.featured:hover {
  color: #edae6f;
}

.cart-container-2 {
  background-color: #fff9f0;
  box-shadow: 0 5px 25px #edae6f3d;
}

.footer-bottom-2 {
  text-align: center;
  border-top: 1px solid #e7ebe3;
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.cart-item-price-2 {
  color: #191e04;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.111em;
}

.cart-remove-link-2 {
  line-height: 1.111em;
}

.cart-remove-link-2:hover {
  color: #dc2b2b;
}

.cart-quantity-2 {
  color: #fff9f0;
  background-color: #191e04;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  min-width: 20px;
  max-width: 40px;
  height: 20px;
  min-height: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1em;
  display: flex;
  position: absolute;
  inset: auto -15px -7px auto;
}

.cart-item-title-2 {
  color: #191e04;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.111em;
  text-decoration: none;
}

.unsplash-image {
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
  display: block;
}

.card-5 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-5.record {
  padding: 44px 33px 37px;
  text-decoration: none;
}

.display-10 {
  color: #191e04;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.148em;
}

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

.container {
  z-index: 10;
  flex: 1;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.courses-title {
  margin-top: 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.menu-button {
  flex-direction: row;
  align-items: center;
  padding: 0;
  display: flex;
}

.menu-button.w--open {
  background-color: #0000;
}

.nav-menu {
  z-index: 999;
  background-color: #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: 550px;
  height: 100%;
  padding: 50px 62px;
}

.footer-link {
  color: #000;
  margin-right: 20px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 15px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
  transition: all .2s;
  display: block;
}

.footer-link:hover {
  opacity: .7;
}

.grid-4-columns-2 {
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-w-width {
  text-align: center;
  max-width: 65%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.max-w-width.no-btm-padding {
  margin-bottom: 0;
}

.max-w-width.left {
  text-align: left;
  max-width: 80%;
  margin-bottom: 0;
}

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

.hero {
  background-color: #f2eee8;
  background-image: none;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  padding: 175px 5%;
  display: flex;
  position: relative;
}

.hero.inner {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.service-title {
  margin-top: 40px;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.service-title.courses {
  margin-top: 20px;
}

.flower {
  z-index: 10;
  width: 150px;
  height: auto;
  position: absolute;
  inset: auto auto 0% 0%;
}

.social-icon {
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-right: 15px;
  display: flex;
}

.social-icon:hover {
  opacity: .7;
}

.title-1 {
  text-transform: capitalize;
  margin-bottom: 15px;
  font-size: 53px;
  font-weight: 500;
  line-height: 57px;
}

.div-block {
  color: #757575;
}

.paragraph-client {
  color: #fff;
  text-align: center;
  width: 80%;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  line-height: 28px;
}

.paragraph-client.dark-second {
  color: #000;
  width: 65%;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}

.image-12 {
  width: auto;
  height: auto;
}

.line-divider {
  background-color: #e1e1e1;
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.slide-nave {
  font-size: 10px;
  position: relative;
  top: 15px;
}

.icon-wrapper {
  margin-bottom: 20px;
}

.footer {
  background-color: #0000;
  padding: 45px 5% 20px;
}

.testimonials-name {
  color: #313137;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 700;
}

.courses-package {
  background-color: #f2eee8;
  border-radius: 12px 0 0 12px;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 345px;
  padding: 30px 34px 40px;
  display: flex;
}

.courses-package.white-bg {
  text-align: left;
  background-color: #0000;
  border: 1px #dacebd;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: auto;
  padding: 30px 34px 40px;
}

.courses-package.retreat {
  align-items: flex-start;
}

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

.bullet-point-paragraph {
  color: #000;
  margin-bottom: 0;
  font-weight: 600;
}

.bullet-point-paragraph.italic {
  margin-top: 5px;
  font-size: 15px;
  font-style: italic;
}

.bullet-point-paragraph.space {
  margin-right: 5px;
}

.course-features {
  text-align: left;
  border-bottom: 1px solid #dacebd;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 0 25px;
  display: flex;
}

.course-features.no-border {
  border-bottom-style: none;
}

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

.lines {
  width: 190px;
  height: auto;
  position: absolute;
  inset: auto 40px 40px auto;
}

.testimonials-slider {
  background-color: #0000;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.facebook-embed {
  width: 25px;
  height: 25px;
}

.title-4 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 24px;
}

.copyright {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
}

.relax-logo {
  float: left;
  width: 275px;
}

.hamburger-menu {
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  width: 35px;
  height: 50px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hourly-wrapper {
  text-align: right;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  width: 45%;
  min-height: auto;
  padding: 45px;
  display: flex;
}

.navigation {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  min-height: 70px;
  padding: 10px 20px;
  display: flex;
}

.image-11 {
  width: 25px;
}

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

.grid-2-columns-2.retreat {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1.25fr;
}

.title-3 {
  background-color: #0000;
  margin-top: 10px;
  font-size: 39px;
  font-weight: 700;
  line-height: 42px;
}

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

.course-line-divider {
  background-color: #dacebd;
  width: 100%;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.menu-text-wrapper {
  color: #fff;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-left: 10px;
  padding-right: 5px;
  font-size: 9px;
  font-weight: 800;
  position: relative;
  overflow: hidden;
}

.margin-15px {
  margin-top: 15px;
}

.margin-40px {
  margin-top: 40px;
  position: relative;
}

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

.section-2 {
  z-index: 3;
  background-color: #fff;
  padding: 80px 5%;
  position: relative;
}

.section-2.gray {
  background-color: #f2eee8;
}

.section-2.photo {
  background-color: #f2eee8;
  background-image: linear-gradient(#f2eee88f, #f2eee88f), none;
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  justify-content: flex-start;
  align-items: center;
  min-height: 600px;
  padding-left: 0%;
  display: flex;
}

.subhead {
  color: #686868;
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
}

.social-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

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

.footer-title {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 800;
}

.dots {
  z-index: 10;
  opacity: .27;
  position: absolute;
  inset: 0% auto auto 0%;
}

.dots.right {
  width: auto;
  height: auto;
  inset: 0% 0% auto auto;
}

.image-13 {
  width: auto;
  height: auto;
}

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

.centerize-block.slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.brand {
  color: #000;
  order: -1;
  padding-left: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 36px;
}

.max-w-hero {
  max-width: 85%;
  margin-left: 50px;
}

.max-w-hero.retreat {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin-left: 0;
  display: flex;
}

.services-grid {
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: grid;
}

.margin-25px {
  margin-top: 25px;
}

.sticky-navigation {
  z-index: 999;
  position: sticky;
  top: 0;
}

.part-1 {
  order: -1;
  align-items: center;
  display: flex;
}

.margin-80px {
  margin-top: 80px;
}

.course-subtitle {
  margin-top: 0;
}

.menu-text {
  z-index: 2;
  color: #000;
  position: relative;
}

.main {
  flex-direction: column;
  justify-content: space-between;
  height: 90vh;
  display: flex;
}

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

.part-2 {
  order: 1;
  align-items: center;
  display: flex;
}

.services-content {
  background-color: #f2eee8;
  flex-direction: column;
  justify-content: space-between;
  min-height: 345px;
  padding: 30px 34px 40px;
  display: flex;
}

.services-content.retreat-photo-1, .services-content.retreat-photo-3 {
  background-color: #0000;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}

.services-content.retreat-photo-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #0000;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: grid;
}

.services-content.retreat-photo {
  background-color: #0000;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}

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

.nav-link-big {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
  padding: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  transition: all .3s;
  display: block;
}

.nav-link-big:hover {
  color: #ffffff73;
}

.nav-link-big.w--current {
  color: #ffffff80;
}

.banner-overlay {
  z-index: 1;
  background-image: linear-gradient(to right, #f2eee8, #f2eee88a 15%, #f2eee8b0 96%);
  position: absolute;
  inset: 0%;
}

.retreat-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #dacebd;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.button {
  color: #000;
  background-color: #dea974;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s;
  position: relative;
}

.button:hover {
  background-color: #ebc49e;
  background-image: none;
}

.button.small-retreat {
  background-image: none;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 13px;
  line-height: 16px;
}

.button.small-retreat:hover {
  background-position: 88% 51%;
}

.nav-link-small {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 10px;
  margin-left: 30px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  transition: all .3s;
  display: block;
}

.nav-link-small:hover {
  color: #ffffff73;
}

.nav-link-small.w--current {
  color: #ffffff80;
}

.margin-30px {
  margin-top: 30px;
}

.services-grid-copy {
  grid-column-gap: 10px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.collection-item {
  width: 354.75px;
  height: 345px;
}

.image-20 {
  aspect-ratio: 1;
  object-fit: cover;
  width: auto;
  height: auto;
  min-height: auto;
  max-height: 345px;
}

.div-block-2 {
  display: flex;
}

.div-block-3 {
  justify-content: space-between;
  display: flex;
}

.grid-4-columns-copy {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: grid;
}

.grid-4-columns-copy.values-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-items: center;
}

.section-3 {
  padding-top: 240px;
  padding-bottom: 240px;
}

.section-3.hero {
  overflow: hidden;
}

.section-3.hero.v5 {
  background-color: #fff9f0;
  padding-top: 103px;
  padding-bottom: 100px;
}

.display-11 {
  color: #191e04;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.429em;
}

.card-6 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-6.box-content {
  height: 396px;
  padding: 76px 40px;
}

.section-4 {
  padding-top: 140px;
  padding-bottom: 140px;
}

.section-4.pd-220px {
  padding-top: 220px;
  padding-bottom: 220px;
}

.btn-secondary-4 {
  color: #191e04;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border: 1px solid #212806;
  border-radius: 48px;
  padding: 26px 38px;
  line-height: 1.111em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-secondary-4:hover {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
  transform: translate3d(0, -3px, .01px);
}

.display-12 {
  color: #191e04;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.429em;
}

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

.grid-2-columns-3.card-box-content-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.card-7 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-7.product-tab-info {
  padding: 23px 84px 86px;
}

.section-5 {
  padding-top: 240px;
  padding-bottom: 240px;
}

.section-5.pd-220px {
  padding-top: 220px;
  padding-bottom: 220px;
}

.section-5.pd-220px.mg-top-0px {
  padding-top: 0;
}

.badge-secondary-2 {
  color: #191e04;
  text-align: center;
  background-color: #fff;
  border: 1px solid #212806;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  text-decoration: none;
  display: inline-block;
}

.badge-secondary-2.tabs {
  padding: 16px 22px;
  font-size: 16px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.badge-secondary-2.tabs:hover {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
}

.badge-secondary-2.tabs.w--current {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
  font-weight: 600;
}

.card-box-content---content-copy {
  max-width: none;
}

.program-image {
  border-bottom: 1px #eee2d6;
  width: 179px;
  max-width: none;
  height: 179px;
}

.rich-text-block {
  text-align: left;
  height: 279.531px;
  line-height: 1.2em;
}

.collection-item-2 {
  width: 450px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.collection-list-wrapper {
  flex-direction: row;
  justify-content: space-around;
  display: block;
}

.collection-list {
  display: flex;
}

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

.text-block.space {
  padding-left: 5px;
}

.text-block-2 {
  font-size: 16px;
}

.dropdown-link {
  flex-direction: row;
  display: flex;
}

.dropdown-list {
  background-color: #dddddd05;
}

.dropdown-list.w--open {
  border: 1px solid var(--neutral--600);
  background-color: var(--neutral--100);
  border-radius: 25px;
}

.link-block {
  padding: 16px 20px;
  text-decoration: none;
  display: block;
}

.text-block-3 {
  padding-left: 5px;
  padding-right: 5px;
}

.text-block-4 {
  padding-left: 10px;
  text-decoration: none;
}

.div-block-4 {
  justify-content: flex-start;
  display: flex;
}

.text-block-3-copy {
  padding-left: 5px;
  padding-right: 5px;
}

.div-block-4-copy {
  justify-content: flex-end;
  display: flex;
}

.badge-secondary-3 {
  color: #191e04;
  text-align: center;
  background-color: #fff;
  border: 1px solid #212806;
  border-radius: 40px;
  padding: 18px 28px;
  font-size: 18px;
  line-height: 1.111em;
  text-decoration: none;
  display: inline-block;
}

.badge-secondary-3.tabs {
  padding: 16px 22px;
  font-size: 16px;
  transition: background-color .3s, border-color .3s, color .3s;
}

.badge-secondary-3.tabs:hover {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
}

.badge-secondary-3.tabs.w--current {
  color: #fff;
  background-color: #212806;
  border-color: #212806;
  font-weight: 600;
}

.card-8 {
  background-color: #fff9f0;
  overflow: hidden;
}

.card-8.product-tab-info {
  padding: 23px 84px 86px;
}

.div-block-5 {
  justify-content: center;
  display: flex;
}

.heading {
  text-align: center;
}

.container-2 {
  margin-top: auto;
  margin-bottom: 60px;
}

.image-21 {
  width: 500px;
}

@media screen and (min-width: 1440px) {
  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: .3fr 1fr;
  }

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 380px) .8fr;
  }

  .inner-container._296px {
    max-width: 296px;
  }

  .style---dropdown-toggle {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
  }

  .style---dropdown-link-sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .style---dropdown-link-icon-sidebar {
    border-radius: 12px;
    max-width: 46px;
    margin-right: 14px;
  }

  .style---logo-wrapper {
    justify-content: center;
    display: flex;
  }

  .style---logo-sidebar {
    max-width: 260px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .image-wrapper.blog-post-hero-image {
    margin-right: -17vw;
  }

  .stats-number {
    font-size: 54px;
  }

  .card-plan-content-bottom {
    height: auto;
  }

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

  .blog-post-featured-collection-list {
    margin-right: -17vw;
  }

  .stats-number-2 {
    font-size: 54px;
  }
}

@media screen and (min-width: 1920px) {
  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---heading {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .style---content-wrapper {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .image-wrapper.blog-post-hero-image {
    margin-right: -44vw;
  }

  .checkout-col-right {
    position: sticky;
    top: 24px;
  }

  .image-home-link-wrapper {
    max-width: 560px;
  }

  .card-plan-content-bottom {
    height: auto;
  }

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

  .blog-post-featured-collection-list {
    margin-right: -44vw;
  }
}

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

  h2 {
    margin-bottom: 12px;
    font-size: 32px;
  }

  blockquote {
    padding: 60px 72px;
    font-size: 20px;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

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

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: .5fr 1fr;
  }

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

  .grid-2-columns.suprises-pages-right, .grid-2-columns.suprises-pages-left {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-bottom: 100px;
  }

  .grid-2-columns.icon-left---content-right {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.title-and-buttons._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.newsletter-main-grid {
    grid-row-gap: 0px;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.content-right {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.content-right.large {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.content-left {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.card-box-content-grid {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.card-steps-grid {
    grid-column-gap: 30px;
    margin-top: 63px;
    margin-bottom: 63px;
  }

  .grid-2-columns.testimonial-slider---grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-hero, .grid-2-columns.blog-post-hero {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.sales-page {
    max-width: 100%;
  }

  .grid-2-columns.about-us {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.approach {
    grid-column-gap: 30px;
    margin-top: 63px;
    margin-bottom: 63px;
  }

  .style---navigation-sidebar {
    min-height: auto;
    max-height: 100%;
    box-shadow: none;
    position: static;
  }

  .card.checkout-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.figma-file {
    flex-direction: column;
    overflow: hidden;
  }

  .card.footer-newsletter {
    padding: 83px 60px;
  }

  .card.stats {
    padding-top: 56px;
    padding-bottom: 60px;
  }

  .card.box-content {
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .card.plan {
    max-width: 500px;
  }

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

  .card.product-tab-info {
    padding-bottom: 68px;
    padding-left: 67px;
    padding-right: 67px;
  }

  .card.contact-form-wrapper {
    padding-left: 52px;
    padding-right: 52px;
  }

  .card.blog-post-featured-content {
    margin-left: 24px;
    margin-right: 0;
  }

  .card.password-page {
    max-width: 700px;
    padding: 120px 84px;
  }

  .card.dropdown-nav {
    background-color: #0000;
    padding: 30px 0 0;
  }

  .card.contact-form-wrapper-copy {
    padding-left: 52px;
    padding-right: 52px;
  }

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

  .grid-4-columns.values-grid {
    grid-row-gap: 50px;
  }

  .style---block-sub-heading {
    margin-bottom: 24px;
  }

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

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

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 250px) 1fr;
  }

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

  .mg-right-24px.mg-bt-16px {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .display-1 {
    font-size: 63px;
  }

  .gap-row-80px {
    grid-row-gap: 56px;
  }

  .display-2 {
    font-size: 50px;
  }

  .display-3 {
    font-size: 45px;
  }

  .display-4 {
    font-size: 24px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 140px;
  }

  .paragraph-large, .text-400 {
    font-size: 22px;
  }

  .text-300.semibold.footer-title {
    margin-bottom: 24px;
  }

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

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid-3-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

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

  .grid-3-columns.icon-top---paragraph-bottom-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.team-members-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.pricing, .grid-3-columns.blog-grid---section {
    grid-template-columns: 1fr;
  }

  .style---heading {
    min-height: auto;
    margin-bottom: 60px;
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .inner-container.hero-v1-content {
    text-align: center;
    min-width: auto;
    max-width: 587px;
    margin: 0 auto 60px;
  }

  .inner-container.newsletter-content {
    max-width: 100%;
    margin-top: 118px;
    margin-bottom: 40px;
  }

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

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

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

  .inner-container._145px---tablet {
    max-width: 145px;
  }

  .inner-container._550px---tablet {
    max-width: 550px;
  }

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

  .inner-container._100---tablet {
    max-width: 100%;
  }

  .inner-container.hero-v2-content {
    text-align: center;
    align-self: auto;
    min-width: auto;
    max-width: 100%;
    margin-top: 0;
  }

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

  .inner-container.hero-v3-content {
    text-align: center;
    align-self: auto;
    min-width: auto;
    max-width: 600px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

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

  .inner-container.testimonial-slider-content {
    max-width: 100%;
  }

  .inner-container.product-page-image {
    max-width: 100%;
    margin-bottom: 100px;
    margin-right: 0;
  }

  .inner-container.blog-hero-content, .inner-container.blog-post-hero-content {
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .inner-container.about-me-page {
    text-align: center;
    align-self: auto;
    min-width: auto;
    max-width: 600px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .style---content-heading {
    margin-bottom: 60px;
    padding: 32px;
  }

  .btn-primary.small.header-btn-hidde-on-tablet {
    display: none;
  }

  .position-relative.hero-v1, .position-relative.hero-v2, .position-relative.hero-v3 {
    flex-direction: column;
  }

  .position-relative.testimonial-slider-image-wrapper {
    max-width: 100%;
  }

  .avatar-circle._06 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._07 {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .line-square-icon.top-bar-close-icon {
    padding: 18px 24px;
  }

  .style---dropdown-wrapper-sidebar {
    display: none;
  }

  .buttons-row.center---tablet {
    justify-content: center;
  }

  .buttons-row.vertical.rows-26px {
    grid-row-gap: 23px;
  }

  .style---sidebar-wrapper {
    overflow: hidden;
  }

  .style---logo-wrapper {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .style---button-wrapper-sidebar {
    display: none;
  }

  .elements---page-hero {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section {
    padding-top: 200px;
    padding-bottom: 200px;
  }

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

  .section.template-pages-hero {
    padding-top: 123px;
    padding-bottom: 123px;
  }

  .section.pd-80px.v2 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .section.hero.v1, .section.hero.v2 {
    padding-top: 190px;
  }

  .section.hero.v3 {
    padding-top: 70px;
    padding-bottom: 102px;
  }

  .section.hero.v4 {
    padding-top: 70px;
    padding-bottom: 135px;
  }

  .section.hero.v5 {
    padding-top: 86px;
    padding-bottom: 167px;
  }

  .section.hero.v6 {
    padding-top: 80px;
    padding-bottom: 200px;
  }

  .section.hero.v2 {
    padding-top: 190px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-top-228px {
    padding-top: 190px;
  }

  .section.pd-230px {
    padding-top: 192px;
    padding-bottom: 192px;
  }

  .section.pd-285px {
    padding-top: 238px;
    padding-bottom: 238px;
  }

  .section.pd-top-218px {
    padding-top: 182px;
  }

  .section.pd-174px {
    padding-top: 145px;
    padding-bottom: 145px;
  }

  .section.pd-200px {
    padding-top: 167px;
    padding-bottom: 167px;
  }

  .section.pd-220px {
    padding-top: 183px;
    padding-bottom: 183px;
  }

  .section.pd-270px {
    padding-top: 225px;
    padding-bottom: 225px;
  }

  .section.pd-top-170px {
    padding-top: 142px;
  }

  .section.pd-top-180px {
    padding-top: 150px;
  }

  .section.password-page {
    padding-top: 100px;
    padding-bottom: 200px;
  }

  .section.not-found {
    padding-top: 148px;
    padding-bottom: 200px;
  }

  .section.v2 {
    padding-top: 166px;
    padding-bottom: 166px;
  }

  .section.v2.pd-top-180px {
    padding-top: 150px;
  }

  .top-bar-wrapper {
    padding-left: 56px;
    padding-right: 56px;
  }

  .top-bar-padding {
    padding-top: 26px;
    padding-bottom: 26px;
  }

  .top-bar-flex {
    flex-direction: column;
  }

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

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

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-nav-menu-wrapper {
    border-top: 1px solid var(--neutral--300);
    border-bottom: 1px solid var(--neutral--300);
    background-color: var(--secondary--color-2);
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    padding: 140px 24px 24px;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .header-nav-menu-list {
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
  }

  .header-nav-link {
    font-size: 38px;
  }

  .header-nav-list-item {
    margin-bottom: 12px;
    padding-left: 0;
  }

  .header-nav-list-item.btn---show-in-tablet {
    align-self: stretch;
    margin-top: auto;
    display: block;
  }

  .header-nav-list-item.middle {
    margin-bottom: 48px;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-column-wrapper {
    width: 100%;
    position: static;
    transform: none;
  }

  .header-logo-link, .header-logo-link.w--current {
    z-index: 1;
  }

  .hamburger-menu-wrapper {
    z-index: 1;
    background-color: var(--accent--primary-1);
    border-radius: 50%;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-left: 30px;
    overflow: hidden;
  }

  .hamburger-menu-wrapper.w--open {
    background-color: var(--accent--primary-1);
  }

  .hamburger-menu-bar {
    background-color: var(--neutral--100);
    width: 23px;
    height: 3px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .header-middle {
    margin-left: auto;
  }

  .header-middle.v3 {
    margin-left: 0;
  }

  .flex-horizontal.justify-center---tablet {
    justify-content: center;
  }

  .hidden-on-tablet {
    display: none;
  }

  .footer-bottom.pd-60px {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .footer-middle {
    padding-bottom: 100px;
  }

  .image-wrapper.hero-v1-image-bg {
    margin-right: 0%;
  }

  .image-wrapper.bg-shape.hero-v1-shape---01 {
    margin-top: -54%;
    margin-left: -69%;
  }

  .image-wrapper.bg-shape.applications-shape---01 {
    margin-right: -59%;
  }

  .image-wrapper.bg-shape.steps-shape---01 {
    margin-left: -86%;
  }

  .image-wrapper.bg-shape.hero-v2-shape---01 {
    margin-top: -54%;
    margin-left: -69%;
  }

  .image-wrapper.bg-shape.hero-v3-shape---01 {
    width: 100%;
    margin-top: 0%;
    margin-bottom: -8%;
    margin-right: 0%;
    inset: auto 0% 0%;
  }

  .image-wrapper.bg-shape.box-content-shape---01 {
    width: 135%;
    margin-top: 0%;
  }

  .image-wrapper.bg-shape.box-content-shape---01.v2 {
    width: 128%;
  }

  .image-wrapper.bg-shape.card-steps-shape---01 {
    margin-top: -20%;
  }

  .image-wrapper.bg-shape.pricing-shape---01 {
    margin-top: 21%;
    margin-left: -36.5%;
  }

  .image-wrapper.bg-shape.testimonial-slider-shape---01 {
    width: 166%;
    margin-left: 0%;
  }

  .image-wrapper.bg-shape.product-shape---01 {
    width: 110%;
    margin-top: -61%;
    margin-left: -2%;
  }

  .image-wrapper.bg-shape.contact-form-shape---01 {
    margin-left: -110%;
  }

  .image-wrapper.bg-shape.blog-grid-shape---01 {
    margin-top: -126%;
    margin-left: -80%;
  }

  .image-wrapper.bg-shape.blog-grid-shape---02 {
    width: 143%;
    margin-bottom: -108%;
  }

  .image-wrapper.bg-shape.blog-post-body-shape---01 {
    margin-right: -113.5%;
  }

  .image-wrapper.newsletter-image {
    margin-bottom: -90px;
  }

  .image-wrapper.newsletter-image-bg {
    margin-bottom: -31%;
  }

  .image-wrapper.card-steps-image {
    max-width: 235px;
  }

  .image-wrapper.logo {
    max-width: 185px;
  }

  .image-wrapper.blog-post-hero-image {
    max-height: 621px;
    margin-left: -24px;
    margin-right: -24px;
  }

  .cart-button-wrapper {
    z-index: 2;
  }

  .checkout-form {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .image-home-link-wrapper {
    max-width: 260px;
  }

  .figma-file-text-wrapper {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .image---external-link-btn {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    font-size: 28px;
  }

  .hero-v1-images-wrapper {
    min-width: auto;
    max-width: 100%;
    margin-right: 0%;
  }

  .newsletter-images-wrapper {
    max-width: 55%;
    margin-right: 0%;
  }

  .grid-footer {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

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

  .mg-bottom-194px {
    margin-bottom: 162px;
  }

  .stats-number {
    font-size: 45px;
  }

  .position-absolute.hero-v3-bg {
    min-height: 70%;
  }

  .position-absolute.story-bg {
    min-height: 50%;
  }

  .hero-v2-images-wrapper {
    order: 1;
    align-self: center;
    width: auto;
    max-width: 123%;
    margin-right: -24%;
  }

  .mg-top-20px---tablet {
    margin-top: 20px;
  }

  .hero-v3-images-wrapper {
    order: 1;
    align-self: center;
    width: 100%;
    margin-right: -14%;
    padding-top: 53px;
  }

  .card-steps-number {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    font-size: 32px;
  }

  .slider-arrow.testimonials-bottom-right---right, .slider-arrow.bottom-right---left {
    bottom: 0%;
  }

  .mg-bottom-90px {
    margin-bottom: 80px;
  }

  .mg-bottom-100px {
    margin-bottom: 90px;
  }

  .testimonial-slider-image-icon---wrapper {
    width: 20%;
    margin-top: -4%;
    margin-right: -4%;
    padding-top: 20%;
  }

  .product-page-wrapper {
    flex-direction: column;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }

  .product-page-content {
    max-width: 100%;
  }

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

  .content-link-block.blog-post-featured {
    max-height: 621px;
  }

  .blog-post-item-content {
    max-width: 400px;
  }

  .categories-wrapper.center---tablet, .category-wrapper.center---tablet {
    justify-content: center;
  }

  .blog-post-featured-collection-list {
    margin-left: -24px;
    margin-right: -24px;
  }

  .not-found-content {
    max-width: 600px;
  }

  .hamburger-menu-line-wrapper {
    grid-row-gap: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .card-2.plan, .card-2.service {
    max-width: 500px;
  }

  .display-5, .display-2-copy {
    font-size: 50px;
  }

  .grid-3-columns-copy {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns-copy.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid-3-columns-copy._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy._3-col-tablet {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3-columns-copy.icon-top---paragraph-bottom-grid {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.team-members-grid {
    grid-row-gap: 80px;
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.pricing, .grid-3-columns-copy.blog-grid---section {
    grid-template-columns: 1fr;
  }

  .card-3.box-content {
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .display-6 {
    font-size: 45px;
  }

  .display-7 {
    font-size: 24px;
  }

  .card-steps-number-2 {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    font-size: 32px;
  }

  .card-4.stats {
    padding-top: 56px;
    padding-bottom: 60px;
  }

  .card-4.footer-newsletter {
    padding: 83px 60px;
  }

  .card-4.dropdown-nav {
    background-color: #0000;
    padding: 30px 0 0;
  }

  .stats-number-2 {
    font-size: 45px;
  }

  .header-nav-menu-wrapper-2 {
    background-color: #fff9f0;
    border-top: 1px solid #e7ebe3;
    border-bottom: 1px solid #e7ebe3;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    padding: 140px 24px 24px;
    position: fixed;
    top: 0;
    overflow: auto;
  }

  .hamburger-menu-bar-2 {
    background-color: #fff;
    width: 23px;
    height: 3px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .hamburger-menu-wrapper-2 {
    z-index: 1;
    background-color: #212806;
    border-radius: 50%;
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    margin-left: 30px;
    overflow: hidden;
  }

  .hamburger-menu-wrapper-2.w--open {
    background-color: #212806;
  }

  .display-8 {
    font-size: 24px;
  }

  .btn-primary-3.small.header-btn-hidde-on-tablet {
    display: none;
  }

  .grid-footer-2 {
    grid-row-gap: 50px;
    grid-template-columns: 1fr;
  }

  .text-403 {
    font-size: 22px;
  }

  .header-nav-link-2 {
    font-size: 38px;
  }

  .display-9 {
    font-size: 45px;
  }

  .footer-middle-2 {
    padding-bottom: 100px;
  }

  .card-5.record {
    text-align: center;
  }

  .display-10 {
    font-size: 45px;
  }

  .container {
    z-index: 11;
  }

  .menu-button {
    color: #000;
    font-size: 25px;
  }

  .menu-button.w--open {
    color: #000;
    background-color: #0000;
  }

  .nav-menu {
    min-width: 80%;
  }

  .grid-4-columns-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .max-w-width, .max-w-width.left {
    max-width: 100%;
  }

  .hero {
    padding-top: 86px;
    padding-bottom: 158px;
  }

  .title-1 {
    font-size: 39px;
    line-height: 48px;
  }

  .paragraph-client.dark-second {
    width: 100%;
  }

  .close-button {
    color: #f8f8f8;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 10px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .courses-package {
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .copyright-flex {
    margin-top: 20px;
  }

  .testimonials-slider {
    width: 80%;
  }

  .title-4 {
    font-size: 24px;
    line-height: 26px;
  }

  .relax-logo {
    float: left;
  }

  .hamburger-menu {
    width: 35px;
  }

  .hourly-wrapper {
    width: 80%;
  }

  .navigation {
    border-bottom-style: none;
    justify-content: space-between;
    min-height: 70px;
    padding-left: 2%;
    padding-right: 2%;
  }

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

  .grid-2-columns-2.on-footer {
    grid-column-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .title-3 {
    font-size: 30px;
    line-height: 34px;
  }

  .section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-2.photo {
    min-height: 500px;
  }

  .max-w-hero {
    max-width: 100%;
    margin-left: 0;
    position: relative;
  }

  .services-grid {
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .footer-column {
    padding-right: 20px;
  }

  .part-2 {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-link-big {
    width: 100%;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

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

  .nav-link-small {
    width: 100%;
    margin-bottom: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .services-grid-copy {
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

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

  .grid-4-columns-copy.values-grid {
    grid-row-gap: 50px;
  }

  .section-3 {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .section-3.hero.v5 {
    padding-top: 86px;
    padding-bottom: 167px;
  }

  .display-11 {
    font-size: 24px;
  }

  .card-6.box-content {
    padding-top: 63px;
    padding-bottom: 63px;
  }

  .section-4 {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .section-4.pd-220px {
    padding-top: 183px;
    padding-bottom: 183px;
  }

  .display-12 {
    font-size: 24px;
  }

  .grid-2-columns-3.card-box-content-grid {
    grid-template-columns: 1fr;
  }

  .card-7.product-tab-info {
    padding-bottom: 68px;
    padding-left: 67px;
    padding-right: 67px;
  }

  .section-5 {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .section-5.pd-220px {
    padding-top: 183px;
    padding-bottom: 183px;
  }

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

  .collection-list {
    flex-direction: column;
    align-items: center;
  }

  .card-8.product-tab-info {
    padding-bottom: 68px;
    padding-left: 67px;
    padding-right: 67px;
  }
}

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

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  blockquote {
    padding: 50px 34px;
    font-size: 18px;
  }

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

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: auto;
  }

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

  .grid-2-columns.changelog-item.first {
    grid-column-gap: 30px;
  }

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

  .grid-2-columns.icon-left---content-right {
    justify-items: center;
  }

  .grid-2-columns.title-and-buttons {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.content-right {
    grid-row-gap: 70px;
  }

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

  .grid-2-columns.content-left {
    grid-row-gap: 70px;
  }

  .grid-2-columns.card-box-content-grid {
    grid-template-columns: auto 1fr;
    align-items: start;
  }

  .grid-2-columns.card-steps-grid {
    grid-column-gap: 20px;
    max-width: 100%;
    margin-top: 53px;
    margin-bottom: 0;
    margin-right: 34px;
  }

  .grid-2-columns.testimonial-slider---grid {
    grid-row-gap: 70px;
  }

  .grid-2-columns.about-us {
    text-align: center;
    justify-items: center;
  }

  .grid-2-columns.approach {
    grid-column-gap: 20px;
    max-width: 100%;
    margin-top: 53px;
    margin-bottom: 0;
    margin-right: 34px;
  }

  .card.link-card.search-item {
    padding: 50px 34px;
  }

  .card.sticky-top.top-24px.static-mbl {
    position: static;
  }

  .card.footer-newsletter {
    border-radius: 28px;
    padding: 70px 34px;
  }

  .card.stats {
    padding-top: 46px;
    padding-bottom: 50px;
  }

  .card.box-content {
    padding: 53px 34px;
  }

  .card.steps {
    margin-left: 34px;
  }

  .card.product-tab-info {
    padding: 20px 34px 58px;
  }

  .card.contact-form-wrapper {
    padding: 60px 34px 70px;
  }

  .card.blog-post-featured-content {
    max-width: 446px;
    margin-bottom: 40px;
    padding: 40px 34px 44px;
  }

  .card.password-page {
    max-width: 600px;
    padding: 100px 34px;
  }

  .card.dropdown-nav {
    padding-top: 20px;
  }

  .card.contact-form-wrapper-copy {
    padding: 60px 34px 70px;
  }

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

  .style---block-sub-heading.border {
    margin-bottom: 48px;
    padding-bottom: 24px;
  }

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

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .style---typography-block-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .style---content-block {
    margin-bottom: 64px;
  }

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

  .mg-bottom-32px {
    margin-bottom: 26px;
  }

  .mg-bottom-32px.keep {
    margin-bottom: 32px;
  }

  .mg-bottom-48px, .mg-bottom-56px {
    margin-bottom: 40px;
  }

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

  .mg-top-80px {
    margin-top: 64px;
  }

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

  .text-200.list {
    line-height: 22px;
  }

  .display-1 {
    font-size: 52px;
  }

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

  .display-2 {
    font-size: 42px;
  }

  .display-3 {
    font-size: 36px;
  }

  .display-4 {
    font-size: 22px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 120px;
  }

  .paragraph-large, .text-400 {
    font-size: 20px;
  }

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

  .text-300.semibold.footer-title {
    margin-bottom: 24px;
  }

  .text-100 {
    font-size: 14px;
  }

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

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns.style---buttons-grid {
    grid-template-columns: auto;
  }

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

  .grid-3-columns.perks-grid {
    grid-row-gap: 40px;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .grid-3-columns.icon-top---paragraph-bottom-grid {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.team-members-grid {
    grid-row-gap: 70px;
  }

  .grid-3-columns.card-steps-grid---main {
    grid-template-columns: 1fr;
    margin-left: -34px;
  }

  .grid-3-columns.blog-grid, .grid-3-columns.blog-grid---section {
    grid-row-gap: 50px;
  }

  .style---heading {
    padding: 104px 24px;
  }

  .inner-container.hero-v1-content {
    margin-bottom: 50px;
  }

  .inner-container.newsletter-content {
    margin-top: 100px;
  }

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

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

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

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

  .inner-container._350px---mbl {
    max-width: 350px;
  }

  .inner-container._121px---mbl {
    max-width: 121px;
  }

  .inner-container.hero-v2-content {
    margin-bottom: 50px;
  }

  .inner-container.hero-v3-content {
    max-width: 500px;
    margin-bottom: 50px;
  }

  .inner-container._100---mbl {
    max-width: 100%;
  }

  .inner-container._300px---mbl {
    max-width: 300px;
  }

  .inner-container.product-page-image {
    margin-bottom: 80px;
  }

  .inner-container.blog-hero-content {
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .inner-container.blog-post-hero-content {
    max-width: 518px;
    margin-top: 70px;
    margin-bottom: 50px;
  }

  .inner-container._60px---mbl {
    max-width: 60px;
  }

  .inner-container.about-me-page {
    max-width: 500px;
    margin-bottom: 50px;
  }

  .style---content-heading {
    margin-bottom: 36px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .style---heading-icon-wrapper {
    max-width: 58px;
  }

  .style---content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .style---bg-white {
    padding: 34px 24px;
  }

  .style-buttons-dark {
    padding-left: 24px;
    padding-right: 24px;
  }

  .btn-primary {
    padding: 22px 32px;
  }

  .btn-primary.small {
    padding: 14px 20px;
    font-size: 14px;
  }

  .btn-primary.large {
    padding: 26px 46px;
    font-size: 18px;
  }

  .btn-primary.inside-input.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-secondary {
    padding: 22px 32px;
  }

  .btn-secondary.small {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .btn-secondary.large {
    padding: 26px 46px;
    font-size: 18px;
  }

  .badge-primary {
    padding: 16px 24px;
    font-size: 16px;
  }

  .badge-primary.small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .badge-primary.large {
    padding: 20px 32px;
    font-size: 18px;
  }

  .badge-secondary {
    padding: 16px 24px;
    font-size: 16px;
  }

  .badge-secondary.small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .badge-secondary.large {
    padding: 20px 32px;
    font-size: 18px;
  }

  .input {
    min-height: 65px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .input.small {
    min-height: 43px;
    font-size: 14px;
  }

  .input.large {
    min-height: 70px;
  }

  .input.large.button-inside {
    min-height: 68px;
  }

  .text-area {
    min-height: 150px;
  }

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 180px);
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .avatar-circle._04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .avatar-circle._05 {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .avatar-circle._06 {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
  }

  .avatar-circle._07 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .style---icons-grid {
    grid-template-columns: repeat(auto-fit, 56px);
  }

  .square-icon {
    border-radius: 12px;
    max-width: 56px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 68px;
    line-height: 73px;
  }

  .style---line-icons-grid {
    grid-template-columns: repeat(auto-fit, 18px);
  }

  .rich-text h2 {
    margin-bottom: 16px;
  }

  .rich-text h3 {
    margin-top: 53px;
    margin-bottom: 16px;
  }

  .rich-text figure {
    margin-top: 53px;
    margin-bottom: 53px;
  }

  .rich-text ul, .rich-text ol {
    margin-top: 20px;
    margin-bottom: 38px;
    padding-left: 16px;
  }

  .rich-text h6, .rich-text h5, .rich-text h4 {
    margin-top: 53px;
    margin-bottom: 16px;
  }

  .rich-text blockquote {
    margin-top: 53px;
    margin-bottom: 53px;
  }

  .rich-text li {
    margin-bottom: 15px;
  }

  .buttons-row {
    grid-column-gap: 16px;
    flex-wrap: wrap;
  }

  .buttons-row.center-mobile, .buttons-row.center---mbl {
    justify-content: center;
  }

  .buttons-row.vertical.rows-26px {
    grid-row-gap: 20px;
  }

  .width-100.mg-bottom-48px---border {
    margin-bottom: 40px;
  }

  .style---logo-sidebar {
    max-width: 210px;
  }

  .elements---page-hero {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section {
    padding-top: 168px;
    padding-bottom: 168px;
  }

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

  .section.template-pages-hero {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section.pd-80px {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .section.pd-80px.v2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.hero.v1, .section.hero.v2 {
    padding-top: 170px;
  }

  .section.hero.v3 {
    padding-top: 60px;
    padding-bottom: 85px;
  }

  .section.hero.v4 {
    padding-top: 60px;
    padding-bottom: 113px;
  }

  .section.hero.v5 {
    padding-top: 70px;
    padding-bottom: 140px;
  }

  .section.hero.v6 {
    padding-top: 60px;
    padding-bottom: 168px;
  }

  .section.hero.v2 {
    padding-top: 170px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-top-228px {
    padding-top: 158px;
  }

  .section.pd-230px {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .section.pd-285px {
    padding-top: 198px;
    padding-bottom: 198px;
  }

  .section.pd-top-218px {
    padding-top: 151px;
  }

  .section.pd-174px {
    padding-top: 121px;
    padding-bottom: 121px;
  }

  .section.pd-200px {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .section.pd-220px {
    padding-top: 153px;
    padding-bottom: 153px;
  }

  .section.pd-270px {
    padding-top: 188px;
    padding-bottom: 188px;
  }

  .section.pd-top-170px {
    padding-top: 118px;
  }

  .section.pd-top-180px {
    padding-top: 125px;
  }

  .section.password-page {
    padding-top: 70px;
    padding-bottom: 167px;
  }

  .section.not-found {
    padding-top: 100px;
    padding-bottom: 168px;
  }

  .section.v2 {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .section.v2.pd-top-180px {
    padding-top: 125px;
  }

  .section.hero-about {
    padding-top: 220px;
    padding-bottom: 60px;
  }

  .top-bar-wrapper {
    padding-left: 36px;
    padding-right: 36px;
  }

  .top-bar-padding {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .top-bar-padding.small-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .top-bar-flex {
    flex-direction: column;
  }

  .elements---element-title {
    margin-top: 48px;
    padding-bottom: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .heading-h2-size {
    font-size: 26px;
  }

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

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

  .header-nav-link {
    font-size: 34px;
  }

  .header-nav-list-item {
    margin-bottom: 26px;
    padding-right: 0;
  }

  .header-logo {
    width: 250px;
    max-width: 90%;
  }

  .hamburger-menu-wrapper, .hamburger-menu-wrapper.w--open {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
  }

  .hamburger-menu-bar {
    width: 20px;
  }

  .btn-circle-primary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 24px;
  }

  .btn-circle-primary.small {
    width: 43px;
    min-width: 43px;
    height: 43px;
    min-height: 43px;
    font-size: 20px;
  }

  .btn-circle-primary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 30px;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 24px;
  }

  .btn-circle-secondary.small {
    width: 43px;
    min-width: 43px;
    height: 43px;
    min-height: 43px;
    font-size: 20px;
  }

  .btn-circle-secondary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 30px;
  }

  .nav-menu-list-item {
    margin-bottom: 23px;
  }

  .nav-link {
    font-size: 18px;
  }

  .footer-top {
    padding-top: 58px;
    padding-bottom: 48px;
  }

  .footer-bottom.text-right.text-center-mb {
    text-align: center;
  }

  .footer-middle {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grid-footer-logo---paragraph {
    grid-template-columns: 1fr;
    justify-items: center;
  }

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

  .slider-wrapper.arrows-top-right {
    padding-bottom: 100px;
  }

  .empty-state {
    font-size: 18px;
  }

  .empty-state.small {
    font-size: 16px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.large {
    padding: 56px 40px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 32px;
    padding-right: 32px;
  }

  .image-wrapper.order-item-image-wrapper {
    max-width: 100px;
  }

  .image-wrapper.bg-shape.gallery-shape---01.v2 {
    width: 216%;
    margin-top: -18.5%;
  }

  .image-wrapper.bg-shape.pricing-shape---01 {
    margin-top: 50%;
    margin-left: -53.5%;
  }

  .image-wrapper.bg-shape.testimonial-slider-shape---01 {
    margin-top: 4%;
  }

  .image-wrapper.bg-shape.product-shape---01 {
    margin-top: -83%;
  }

  .image-wrapper.bg-shape.contact-form-shape---01 {
    width: 179%;
    margin-bottom: -19%;
    margin-left: -102%;
  }

  .image-wrapper.bg-shape.blog-grid-shape---01 {
    margin-top: -122%;
    margin-left: -67%;
  }

  .image-wrapper.bg-shape.blog-grid-shape---02 {
    margin-left: -41%;
  }

  .image-wrapper.bg-shape.blog-post-body-shape---02 {
    width: 206%;
    margin-bottom: -16%;
    margin-left: -146%;
  }

  .image-wrapper.bg-shape.password-page-shape---01 {
    width: 180%;
    margin-top: -23.5%;
    margin-right: -72%;
  }

  .image-wrapper.bg-shape.not-found-shape---01 {
    margin-bottom: -90%;
    margin-left: -92%;
  }

  .image-wrapper.newsletter-image-bg {
    margin-bottom: -38%;
  }

  .image-wrapper.card-box-content-icon {
    max-width: 76px;
  }

  .image-wrapper.card-steps-image {
    max-width: 70%;
    margin-left: 80px;
    margin-right: 34px;
  }

  .image-wrapper.logo {
    max-width: 148px;
  }

  .image-wrapper.about-us {
    width: 55px;
    max-width: none;
    height: 40px;
  }

  ._404-not-found {
    font-size: 120px;
    line-height: 110px;
  }

  .cart-item-title {
    font-size: 18px;
  }

  .cart-item-price {
    font-size: 16px;
  }

  .checkout-form {
    max-width: 600px;
  }

  .order-list-title {
    font-size: 18px;
  }

  .image-home-link-wrapper {
    max-width: 209px;
  }

  .figma-file-text-wrapper {
    padding-left: 48px;
    padding-right: 48px;
  }

  .badge-home {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    line-height: 22px;
  }

  .card-home-pages-wrapper {
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .cta-image-card {
    width: 980px;
    max-width: 980px;
  }

  .hidden-on-mbl {
    display: none;
  }

  .mg-bottom-52px {
    margin-bottom: 43px;
  }

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

  .custom-icon-font.btn---link-icon-right {
    margin-left: 26px;
    font-size: 12px;
  }

  .custom-icon-font.btn---link-icon-right.small {
    font-size: 10px;
  }

  .newsletter-images-wrapper {
    max-width: 60%;
  }

  .grid-footer {
    grid-row-gap: 40px;
  }

  .menu-wrapper.v2 {
    margin-right: 0;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .mg-bottom-35px {
    margin-bottom: 29px;
  }

  .mg-bottom-35px.keep {
    margin-bottom: 35px;
  }

  .menu-main-wrapper.v2 {
    flex-wrap: wrap;
  }

  .mg-bottom-28px {
    margin-bottom: 23px;
  }

  .mg-bottom-28px.keep {
    margin-bottom: 28px;
  }

  .footer-bottom-paragraph {
    font-size: 18px;
  }

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

  .mg-bottom-194px {
    margin-bottom: 135px;
  }

  .stats-number {
    font-size: 38px;
  }

  .team-item-content-top {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .mg-top-60px {
    margin-top: 50px;
  }

  .mg-top-20px---tablet {
    margin-top: 20px;
  }

  .mg-bottom-60px {
    margin-bottom: 50px;
  }

  .mg-top-50px {
    margin-top: 43px;
  }

  .logo-strip-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .card-steps-number {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    font-size: 26px;
  }

  .slider-arrow.top-right---right {
    top: auto;
    bottom: 0;
    left: 70px;
  }

  .slider-arrow.top-right---left {
    inset: auto 70px 0 0;
  }

  .mg-bottom-90px {
    margin-bottom: 70px;
  }

  .mg-bottom-100px {
    margin-bottom: 80px;
  }

  .product-page-wrapper {
    max-width: 600px;
  }

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

  .contact-form-block {
    min-height: 857px;
  }

  .contact-form {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .blog-post-item-content {
    max-width: 350px;
  }

  .categories-wrapper.center---mbl, .category-wrapper.center---mbl {
    justify-content: center;
  }

  .not-found-content {
    max-width: 500px;
  }

  .flex-vertical---mbl {
    flex-direction: column;
  }

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

  .btn-secondary-2 {
    padding: 22px 32px;
  }

  .heading-h3-size-2 {
    font-size: 22px;
  }

  .display-5 {
    font-size: 42px;
  }

  .badge-primary-2 {
    padding: 16px 24px;
    font-size: 16px;
  }

  .btn-primary-2 {
    padding: 22px 32px;
  }

  .display-2-copy {
    font-size: 42px;
  }

  .grid-3-columns-copy {
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns-copy.style---buttons-grid {
    grid-template-columns: auto;
  }

  .grid-3-columns-copy._3-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.perks-grid {
    grid-row-gap: 40px;
    text-align: center;
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.icon-top---paragraph-bottom-grid {
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.team-members-grid {
    grid-row-gap: 70px;
  }

  .grid-3-columns-copy.card-steps-grid---main {
    grid-template-columns: 1fr;
    margin-left: -34px;
  }

  .grid-3-columns-copy.blog-grid, .grid-3-columns-copy.blog-grid---section {
    grid-row-gap: 50px;
  }

  .card-3.box-content {
    padding: 53px 34px;
  }

  .card-3.steps {
    margin-left: 34px;
  }

  .display-6 {
    font-size: 36px;
  }

  .slider-arrow-2.top-right---left {
    inset: auto 70px 0 0;
  }

  .slider-arrow-2.top-right---right {
    top: auto;
    bottom: 0;
    left: 70px;
  }

  .text-401 {
    font-size: 18px;
  }

  .display-7 {
    font-size: 22px;
  }

  .card-steps-number-2 {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    font-size: 26px;
  }

  .card-4.stats {
    padding-top: 46px;
    padding-bottom: 50px;
  }

  .card-4.footer-newsletter {
    border-radius: 28px;
    padding: 70px 34px;
  }

  .card-4.dropdown-nav {
    padding-top: 20px;
  }

  .stats-number-2 {
    font-size: 38px;
  }

  .empty-state-2 {
    font-size: 18px;
  }

  .hamburger-menu-bar-2 {
    width: 20px;
  }

  .hamburger-menu-wrapper-2, .hamburger-menu-wrapper-2.w--open {
    width: 45px;
    min-width: 45px;
    height: 45px;
    min-height: 45px;
  }

  .btn-secondary-3 {
    padding: 22px 32px;
  }

  .text-402 {
    font-size: 18px;
  }

  .header-logo-2 {
    max-width: 90%;
  }

  .display-8 {
    font-size: 22px;
  }

  .input-2 {
    min-height: 65px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 16px;
  }

  .btn-primary-3 {
    padding: 22px 32px;
  }

  .btn-primary-3.small {
    padding: 14px 20px;
    font-size: 14px;
  }

  .btn-primary-3.inside-input.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .grid-footer-2 {
    grid-row-gap: 40px;
  }

  .text-403 {
    font-size: 20px;
  }

  .header-nav-link-2 {
    font-size: 34px;
  }

  .display-9 {
    font-size: 36px;
  }

  .footer-middle-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .team-item-content-top-2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .nav-link-2 {
    font-size: 18px;
  }

  .cart-item-price-2 {
    font-size: 16px;
  }

  .cart-item-title-2 {
    font-size: 18px;
  }

  .display-10 {
    font-size: 36px;
  }

  .nav-menu {
    min-width: 100%;
    padding-top: 28px;
    padding-left: 44px;
  }

  .grid-4-columns-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .hero {
    padding-top: 54px;
    padding-bottom: 132px;
  }

  .hero.inner {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .title-1 {
    font-size: 29px;
    line-height: 37px;
  }

  .paragraph-client {
    width: 90%;
  }

  .courses-package {
    border-top-right-radius: 0;
    border-bottom-left-radius: 12px;
    width: 100%;
    padding: 20px;
  }

  .courses-package.white-bg {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonials-slider {
    width: 100%;
  }

  .title-4 {
    font-size: 22px;
    line-height: 24px;
  }

  .hourly-wrapper {
    width: 95%;
  }

  .navigation {
    min-height: 50px;
  }

  .grid-2-columns-2.retreat {
    flex-direction: column;
    display: flex;
  }

  .title-3 {
    font-size: 30px;
    line-height: 32px;
  }

  .sticky-navigation {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-column {
    padding-right: 0;
  }

  .body-content {
    background-size: 200px;
    padding-left: 0;
    padding-right: 0;
  }

  .services-content {
    min-height: 300px;
  }

  .nav-link-big {
    font-size: 26px;
    line-height: 30px;
  }

  .retreat-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .nav-link-small {
    line-height: 30px;
  }

  .grid-4-columns-copy.values-grid {
    grid-template-columns: 1fr;
  }

  .section-3 {
    padding-top: 168px;
    padding-bottom: 168px;
  }

  .section-3.hero.v5 {
    padding-top: 70px;
    padding-bottom: 140px;
  }

  .display-11 {
    font-size: 22px;
  }

  .card-6.box-content {
    padding: 53px 34px;
  }

  .section-4 {
    padding-top: 168px;
    padding-bottom: 168px;
  }

  .section-4.pd-220px {
    padding-top: 153px;
    padding-bottom: 153px;
  }

  .btn-secondary-4 {
    padding: 22px 32px;
  }

  .display-12 {
    font-size: 22px;
  }

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

  .grid-2-columns-3.card-box-content-grid {
    grid-template-columns: auto 1fr;
    align-items: start;
  }

  .card-7.product-tab-info {
    padding: 20px 34px 58px;
  }

  .section-5 {
    padding-top: 168px;
    padding-bottom: 168px;
  }

  .section-5.pd-220px {
    padding-top: 153px;
    padding-bottom: 153px;
  }

  .badge-secondary-2, .badge-secondary-3 {
    padding: 16px 24px;
    font-size: 16px;
  }

  .card-8.product-tab-info {
    padding: 20px 34px 58px;
  }
}

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

  blockquote {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid-2-columns.changelog-item {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.content-right {
    grid-row-gap: 60px;
  }

  .grid-2-columns.images-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .grid-2-columns.content-left {
    grid-row-gap: 60px;
  }

  .grid-2-columns.card-box-content-grid {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.card-steps-grid {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    margin-right: 0;
  }

  .grid-2-columns.testimonial-slider---grid {
    grid-row-gap: 60px;
  }

  .grid-2-columns.approach {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
    margin-right: 0;
  }

  .card.link-card.search-item {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.footer-newsletter {
    border-radius: 20px;
    padding: 60px 24px;
  }

  .card.stats {
    padding-top: 40px;
    padding-bottom: 43px;
  }

  .card.box-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.steps {
    margin-left: 0;
  }

  .card.plan, .card.record {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.product-tab-info {
    padding-bottom: 54px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.contact-form-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card.blog-post-featured-content {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
  }

  .card.password-page {
    padding: 83px 24px;
  }

  .card.contact-form-wrapper-copy {
    padding-left: 24px;
    padding-right: 24px;
  }

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

  .bg-neutral-100.bg-radius {
    align-self: stretch;
  }

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

  .divider._0px {
    margin-top: 0;
    margin-bottom: 0;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

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

  .mg-bottom-32px {
    margin-bottom: 22px;
  }

  .mg-bottom-32px.keep, .mg-bottom-56px {
    margin-bottom: 32px;
  }

  .mg-top-80px {
    margin-top: 56px;
  }

  .display-1 {
    font-size: 43px;
  }

  .display-1.mg-bottom-12px.small-font {
    font-size: 50px;
  }

  .grid-1-column.gap-row-28px.images-grid-row {
    grid-row-gap: 20px;
  }

  .display-2 {
    font-size: 35px;
  }

  .display-3 {
    font-size: 30px;
  }

  .display-4 {
    font-size: 20px;
  }

  .text-link.dark.paragraph-large {
    font-size: 18px;
  }

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

  .grid-3-columns.card-steps-grid---main {
    margin-left: 24px;
    margin-right: 24px;
  }

  .style---heading {
    margin-bottom: 40px;
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .inner-container.newsletter-content {
    margin-top: 96px;
  }

  .inner-container._300px---mbp {
    max-width: 300px;
  }

  .inner-container._100---mbp {
    max-width: 100%;
  }

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

  .inner-container._350px---mbp {
    max-width: 350px;
  }

  .inner-container.product-page-image {
    margin-bottom: 70px;
  }

  .inner-container.blog-hero-content, .inner-container.blog-post-hero-content {
    margin-top: 60px;
  }

  .inner-container.column {
    display: block;
  }

  .style---content-heading {
    padding-left: 22px;
    padding-right: 22px;
  }

  .style---heading-icon-wrapper {
    width: 58px;
    margin-right: 14px;
  }

  .btn-primary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary.inside-input {
    position: static;
  }

  .btn-primary.inside-input.default {
    margin-top: 15px;
    padding: 22px 20px;
  }

  .btn-primary.inside-input.default.white-mbp:hover {
    border-color: var(--secondary--color-2);
    background-color: var(--secondary--color-2);
  }

  .btn-secondary {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-secondary.large {
    padding-left: 20px;
    padding-right: 20px;
  }

  .badge-secondary.tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .input {
    padding-left: 20px;
    padding-right: 20px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .input.large.button-inside {
    min-height: 64px;
  }

  .input.button-inside {
    margin-bottom: 16px;
    padding-right: 20px;
  }

  .input.cart-quantity-input {
    width: 70px;
  }

  .position-relative.hero-v2 {
    align-items: stretch;
  }

  .text-area {
    padding-left: 20px;
    padding-right: 20px;
  }

  .checkbox-field-wrapper {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-wrapper.large {
    font-size: 18px;
    line-height: 22px;
  }

  .checkbox {
    min-width: 22px;
    min-height: 22px;
  }

  .checkbox.large {
    min-width: 26px;
    min-height: 26px;
  }

  .radio-button-field-wrapper {
    font-size: 16px;
    line-height: 22px;
  }

  .radio-button-field-wrapper.large {
    font-size: 18px;
    line-height: 24px;
  }

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

  .radio-button.large {
    min-width: 26px;
    min-height: 26px;
  }

  .square-icon {
    border-radius: 14px;
    max-width: 56px;
  }

  .social-icon-square {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 58px;
    line-height: 64px;
  }

  .line-square-icon.top-bar-close-icon {
    padding-left: 12px;
    padding-right: 12px;
  }

  .rich-text h2, .rich-text h3 {
    margin-top: 24px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
    overflow: auto;
  }

  .section {
    padding-top: 138px;
    padding-bottom: 138px;
  }

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

  .section.template-pages-hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.template-pages-hero.short {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .section.hero-page {
    background-image: linear-gradient(to bottom, white 76%, var(--accent--primary-1) 76%);
    padding-bottom: 94px;
  }

  .section.pd-80px.v2 {
    padding-top: 50px;
  }

  .section.hero.v1, .section.hero.v2 {
    padding-top: 150px;
  }

  .section.hero.v3 {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .section.hero.v4 {
    padding-top: 50px;
    padding-bottom: 94px;
  }

  .section.hero.v5 {
    padding-top: 60px;
    padding-bottom: 116px;
  }

  .section.hero.v6 {
    padding-top: 50px;
    padding-bottom: 138px;
  }

  .section.hero.v2 {
    padding-top: 150px;
  }

  .section.pd-bottom-0px {
    padding-bottom: 0;
  }

  .section.pd-top-0px {
    padding-top: 0;
  }

  .section.pd-top-228px {
    padding-top: 132px;
  }

  .section.pd-230px {
    padding-top: 133px;
    padding-bottom: 133px;
  }

  .section.pd-285px {
    padding-top: 165px;
    padding-bottom: 165px;
  }

  .section.pd-top-218px {
    padding-top: 126px;
  }

  .section.pd-174px {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.pd-200px {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section.pd-220px {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .section.pd-270px {
    padding-top: 156px;
    padding-bottom: 156px;
  }

  .section.pd-top-170px {
    padding-top: 98px;
  }

  .section.pd-top-180px {
    padding-top: 104px;
  }

  .section.password-page {
    padding-top: 60px;
    padding-bottom: 138px;
  }

  .section.not-found {
    padding-top: 80px;
    padding-bottom: 138px;
  }

  .section.v2 {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section.v2.pd-top-180px {
    padding-top: 100px;
  }

  .section.pd-120px {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.hero-about {
    padding-bottom: 60px;
  }

  .top-bar-wrapper {
    padding-left: 19px;
    padding-right: 19px;
  }

  .elements---element-title.large {
    margin-top: 53px;
  }

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

  .header-nav-menu-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-nav-list-item {
    text-align: left;
  }

  .header-nav-list-item.btn---show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .header-logo {
    max-width: 86%;
  }

  .slider-wrapper.arrows-top-right, .slider-wrapper.arrows-bottom-right {
    padding-bottom: 90px;
  }

  .slider-mask.width-404px {
    max-width: 100%;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: stretch;
  }

  .empty-state.cart-empty {
    align-items: stretch;
  }

  .pd---content-inside-card.large {
    padding: 40px 24px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pd---content-inside-card.template-pages---sidebar {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .image-wrapper.order-item-image-wrapper {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .image-wrapper.bg-shape.gallery-shape---01.v2 {
    width: 343%;
    margin-top: 25.5%;
    margin-left: -133%;
    margin-right: 0%;
    right: auto;
  }

  .image-wrapper.bg-shape.product-shape---01 {
    width: 132%;
    margin-top: -118%;
    margin-left: -11%;
  }

  .image-wrapper.bg-shape.password-page-shape---01 {
    width: 287%;
    margin-top: 28.5%;
    margin-right: -89%;
  }

  .image-wrapper.bg-shape.not-found-shape---01 {
    width: 285%;
    margin-bottom: -115%;
    margin-left: -99%;
  }

  .image-wrapper.newsletter-image-bg {
    margin-bottom: 0%;
    top: 6%;
    bottom: auto;
  }

  .image-wrapper.card-steps-image {
    max-width: 83%;
    margin-left: 0;
    margin-right: 0;
  }

  .image-wrapper.logo {
    max-width: 110px;
  }

  .image-wrapper.blog-post-hero-image {
    max-height: none;
    margin-left: -20px;
    margin-right: -20px;
  }

  .image-wrapper.cart-item-image-wrapper {
    margin-bottom: 15px;
    margin-right: 0;
  }

  ._404-not-found {
    font-size: 100px;
    line-height: 100px;
  }

  .cart-container {
    border-radius: 0;
  }

  .cart-item-price {
    color: var(--neutral--600);
    font-size: 16px;
    line-height: 18px;
  }

  .pay-btn.cart {
    height: 53px;
  }

  .shipping-method {
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .order-item {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .order-list-price {
    margin-top: 11px;
  }

  .order-list-title {
    margin-bottom: 4px;
  }

  .order-item-content {
    margin-right: 0;
  }

  .checkout-column {
    margin-bottom: 24px;
  }

  .home-pages-top-wrapper {
    margin-bottom: 16px;
  }

  .image-home-link-wrapper {
    max-width: 180px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .figma-file-text-wrapper, .card-home-pages-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image---external-link-btn {
    width: 60px;
    min-width: 60px;
    height: 60px;
    min-height: 60px;
    font-size: 23px;
  }

  .custom-icon-font.btn---link-icon-right {
    margin-left: 23px;
  }

  .newsletter-images-wrapper {
    max-width: 72%;
  }

  .mg-bottom-35px.keep {
    margin-bottom: 35px;
  }

  .menu-main-wrapper {
    grid-row-gap: 40px;
    flex-wrap: wrap;
  }

  .mg-bottom-28px {
    margin-bottom: 20px;
  }

  .mg-bottom-28px.keep {
    margin-bottom: 28px;
  }

  .mg-bottom-194px {
    margin-bottom: 113px;
  }

  .stats-number {
    font-size: 32px;
  }

  .position-absolute.hero-v3-bg {
    min-height: 80%;
  }

  .mg-top-20px---tablet {
    margin-top: 20px;
  }

  .hero-v3-images-wrapper {
    padding-top: 36px;
  }

  .logo-strip-wrapper {
    max-width: 400px;
  }

  .card-steps-number {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    font-size: 24px;
  }

  .slider-arrow.testimonials-bottom-right---right {
    left: 70px;
  }

  .slider-arrow.bottom-right---left {
    left: 0;
    right: 70px;
  }

  .mg-bottom-90px {
    margin-bottom: 60px;
  }

  .mg-bottom-100px {
    margin-bottom: 70px;
  }

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

  .content-link-block.blog-post-featured {
    max-height: none;
  }

  .categories-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .category-wrapper {
    flex-direction: column;
  }

  .blog-post-featured-collection-list {
    margin-left: -20px;
    margin-right: -20px;
  }

  .cart-item-content {
    margin-right: 0;
  }

  .cart-item-content---main {
    flex-direction: column;
  }

  .btn-secondary-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .card-2.plan, .card-2.service {
    padding-left: 24px;
    padding-right: 24px;
  }

  .display-5 {
    font-size: 35px;
  }

  .btn-primary-2 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .display-2-copy {
    font-size: 35px;
  }

  .grid-3-columns-copy {
    grid-template-columns: 1fr;
  }

  .grid-3-columns-copy.card-steps-grid---main {
    margin-left: 24px;
    margin-right: 24px;
  }

  .card-3.box-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .card-3.steps {
    margin-left: 0;
  }

  .display-6 {
    font-size: 30px;
  }

  .display-7 {
    font-size: 20px;
  }

  .card-steps-number-2 {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
    font-size: 24px;
  }

  .card-4.stats {
    padding-top: 40px;
    padding-bottom: 43px;
  }

  .card-4.footer-newsletter {
    border-radius: 20px;
    padding: 60px 24px;
  }

  .stats-number-2 {
    font-size: 32px;
  }

  .header-nav-menu-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .empty-state-2.cart-empty {
    align-items: stretch;
  }

  .btn-secondary-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-logo-2 {
    max-width: 86%;
  }

  .display-8 {
    font-size: 20px;
  }

  .input-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .input-2::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .input-2.cart-quantity-input {
    width: 70px;
  }

  .btn-primary-3 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .btn-primary-3.inside-input {
    position: static;
  }

  .btn-primary-3.inside-input.default {
    margin-top: 15px;
    padding: 22px 20px;
  }

  .display-9 {
    font-size: 30px;
  }

  .cart-container-2 {
    border-radius: 0;
  }

  .cart-item-price-2 {
    color: #525449;
    font-size: 16px;
    line-height: 18px;
  }

  .card-5.record {
    padding-left: 24px;
    padding-right: 24px;
  }

  .display-10 {
    font-size: 30px;
  }

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

  .menu-button.w--open {
    color: #686868;
  }

  .nav-menu {
    z-index: 2147483647;
    background-color: #000;
    width: 100%;
    min-width: auto;
    padding: 25px 15px;
    display: flex;
    inset: 0%;
    overflow: scroll;
  }

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

  .hero {
    padding-top: 28px;
    padding-bottom: 86px;
  }

  .service-title.courses {
    font-size: 18px;
  }

  .flower {
    width: 100px;
  }

  .title-1 {
    line-height: 35px;
  }

  .paragraph-client {
    width: 100%;
    font-size: 25px;
    line-height: 30px;
  }

  .paragraph-client.dark-second {
    font-size: 18px;
    line-height: 25px;
  }

  .close-button {
    color: #f8f8f8;
    margin-top: 5px;
    margin-right: 5px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .icon-wrapper {
    margin-bottom: 0;
  }

  .courses-package {
    border-top-right-radius: 12px;
    border-bottom-left-radius: 0;
  }

  .courses-package.white-bg {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .course-features {
    padding-top: 5px;
    padding-bottom: 20px;
  }

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

  .lines {
    width: 30px;
    inset: auto 0% 0% auto;
  }

  .testimonials-slider {
    width: 90%;
  }

  .copyright {
    margin-bottom: 5px;
  }

  .relax-logo {
    width: auto;
  }

  .hourly-wrapper {
    text-align: left;
    width: 100%;
    padding-left: 24px;
    padding-right: 21px;
  }

  .navigation {
    min-height: 50px;
    padding-left: 10px;
    padding-right: 5px;
  }

  .grid-2-columns-2.on-footer {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .title-3 {
    font-size: 32px;
    line-height: 34px;
  }

  .menu-text-wrapper {
    margin-left: 10px;
    display: none;
  }

  .section-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .subhead {
    font-size: 18px;
    line-height: 22px;
  }

  .dots {
    inset: 0% 0% auto auto;
  }

  .dots.right {
    width: 100px;
  }

  .brand {
    margin-right: 9px;
    padding-left: 0;
  }

  .max-w-hero.retreat {
    text-align: center;
  }

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

  .part-1 {
    width: 55%;
  }

  .menu-text {
    letter-spacing: 3px;
  }

  .main {
    background-color: #000;
    height: 95vh;
  }

  .part-2 {
    padding-left: 15px;
  }

  .nav-link-big {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 16px;
  }

  .retreat-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .nav-link-small {
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .services-grid-copy, .grid-4-columns-copy, .grid-4-columns-copy.stats-grid {
    grid-template-columns: 1fr;
  }

  .section-3 {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .section-3.hero.v5 {
    padding-top: 60px;
    padding-bottom: 116px;
  }

  .display-11 {
    font-size: 20px;
  }

  .card-6.box-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-4 {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .section-4.pd-220px {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .btn-secondary-4 {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .display-12 {
    font-size: 20px;
  }

  .grid-2-columns-3.card-box-content-grid {
    grid-row-gap: 15px;
    grid-template-columns: 1fr;
  }

  .card-7.product-tab-info {
    padding-bottom: 54px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .section-5 {
    padding-top: 138px;
    padding-bottom: 138px;
  }

  .section-5.pd-220px {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .badge-secondary-2.tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .rich-text-block {
    overflow: visible;
  }

  .collection-item-2 {
    width: 300px;
  }

  .badge-secondary-3.tabs {
    margin-left: 0;
    margin-right: 0;
  }

  .card-8.product-tab-info {
    padding-bottom: 54px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

#w-node-_80af7571-b4c9-917f-f087-2ef676ebf825-8e795ec7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_45099b18-a220-8398-5e26-a3383fc42119-8e795ec7 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: start;
}

#w-node-d9cc4113-18f9-1f66-cd88-18a42493560c-8e795ec7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_76f34a22-0f34-29b1-4ecc-3867ec33b512-8e795ec7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-e5fc1b05-44cf-50bc-0c60-8753ca4f488c-ca4f487e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e5fc1b05-44cf-50bc-0c60-8753ca4f4883-ca4f487e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57cbb371-26f7-2876-7796-70102bba7aec-ca4f487e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#footer-newsletter.w-node-e5fc1b05-44cf-50bc-0c60-8753ca4f48c6-ca4f487e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e5fc1b05-44cf-50bc-0c60-8753ca4f4885-ca4f487e {
  align-self: center;
}

#w-node-_43529088-ca97-457b-80a8-42c9676428d6-676428b9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: end;
}

#w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4a8-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4a9-8e795f00, #w-node-_6398a18e-a514-54d6-467f-3dd29c02c8aa-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4ab-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4b2-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4b3-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4b5-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4bc-8e795f00, #w-node-_7b46c2c8-9405-82a1-380a-13dad8608ba2-8e795f00, #w-node-_30212be5-a2d4-f2a3-e81c-dfec5e39c4bf-8e795f00, #w-node-_83209184-83a3-7ad8-4728-2c53c9e04483-8e795f00, #w-node-_163380ae-c80b-8b50-971c-00c09a86f58d-8e795f00, #w-node-_83209184-83a3-7ad8-4728-2c53c9e04486-8e795f00 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7bfff23c-b560-550b-6436-682d8d93985a-8e795f00, #w-node-_114adf84-e1fb-34ed-ce4f-36a70aab4100-8e795f00 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_3df72e66-59e9-f563-1e00-ae567be31eca-8e795f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_55d1299a-5e4e-8d67-1d58-c292f3a2500f-8e795f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-d647c2c0-37d5-b420-6b20-35ec0e8fcd65-8e795f04 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2b8636e-7a68-26b9-59a4-8ce79dfba7de-8e795f04 {
  align-self: stretch;
}

#w-node-_018cd4b4-4448-90d0-65c5-07d89303d9e6-8e795f04, #w-node-_9f60a758-6039-9aeb-51b1-36a94ccc56d7-8e795f04, #w-node-_367670dc-0de2-7c5b-4516-de70860937e4-8e795f09, #w-node-_65d10d8f-212f-94d2-8f0f-eb08c17bbf31-8e795f09, #w-node-_4ff7af38-1e91-29d9-e3b1-ef16dec039a6-8e795f09, #w-node-c7af651b-71d7-f2ad-fd2b-5c4d03952188-8e795f09 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9bc424ee-bde5-e34b-8431-a4ab6c4a17e9-8e795f09 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_21b6cfd1-3cb1-c0cd-9310-7361a06437bc-8e795f09 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_8b9fb15e-3482-a420-c26f-5fbd88928109-8e795f09, #w-node-_8b9fb15e-3482-a420-c26f-5fbd88928115-8e795f09, #w-node-_8b9fb15e-3482-a420-c26f-5fbd88928121-8e795f09, #w-node-_507948fb-f4ab-d110-ba23-c0edc75287e4-8e795f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_507948fb-f4ab-d110-ba23-c0edc75287eb-8e795f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch end;
}

#w-node-_4aa40149-5165-206a-9e66-76b59ea0446b-8e795f21 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_131015bf-aa95-0d1a-5c89-f83b5d6f71a4-8e795f21 {
  align-self: center;
}

#w-node-_28ec2129-c99a-bffa-eca0-9cd912054df6-8e795f22, #w-node-_28ec2129-c99a-bffa-eca0-9cd912054df8-8e795f22, #w-node-cc44d014-f288-1047-a0a3-34ca1c653ee8-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd5830068ff-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006901-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006903-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd58300690a-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd58300690c-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd58300690e-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006915-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006917-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006919-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006920-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006922-8e795f25, #w-node-b58601ad-9f53-4e43-eb47-1dd583006924-8e795f25, #w-node-_3f6ed037-573c-15c5-1aaf-b7421807a535-8e795f25, #w-node-_3f6ed037-573c-15c5-1aaf-b7421807a541-8e795f25, #w-node-_3f6ed037-573c-15c5-1aaf-b7421807a54f-8e795f25, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4c2-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4c4-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4c6-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4cd-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4cf-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4d1-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4d8-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4da-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4dc-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4e3-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4e5-8e795f45, #w-node-a58fa1c2-628a-a0a7-a212-0b202856a4e7-8e795f45 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93ad-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93ae-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93b0-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93c4-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93d3-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93d4-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_99c31149-dead-2e5c-80f4-793485e30892-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-_99c31149-dead-2e5c-80f4-793485e30893-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_99c31149-dead-2e5c-80f4-793485e30895-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start end;
}

#w-node-d7ff8858-d348-f599-623e-f794c22c93e8-8e795f47, #w-node-d7ff8858-d348-f599-623e-f794c22c93f7-8e795f47, #w-node-d7ff8858-d348-f599-623e-f794c22c9406-8e795f47, #w-node-d7ff8858-d348-f599-623e-f794c22c9415-8e795f47, #w-node-e6e44377-f32f-12dc-94c1-8b7f69a8288a-8e795f47 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_61914fa1f3028ad34c1c480b000000000014-8e795f65 {
  align-self: stretch;
}

#w-node-_19fd132e-4ba0-548a-4745-69f104288dd9-8e795f6e, #w-node-_004e8a66-ed40-21b8-c435-f637f1262b82-8e795f6e, #w-node-_004e8a66-ed40-21b8-c435-f637f1262b8c-8e795f6e, #w-node-_7b714f7c-a574-6882-8a39-756c31f81150-8e795f6e, #w-node-_7b714f7c-a574-6882-8a39-756c31f8115a-8e795f6e, #w-node-b647dc3e-59e0-503d-dfa9-b64adba4cbd5-ebc359f9, #w-node-_0b72725b-0a5a-5f25-e642-f48558198dda-ebc359f9, #w-node-_6231189a-31d1-dfc5-232e-f18ac8d0474f-ebc359f9, #w-node-a4f682a8-72db-eedb-f594-225f7327c2cb-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f5e-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f60-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f62-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f69-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f6d-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f74-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f78-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f7f-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f81-ebc359f9, #w-node-_7cfa36d1-9f8b-0696-b5a9-b6d7d4df3f83-ebc359f9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1440px) {
  #w-node-d7ff8858-d348-f599-623e-f794c22c93e7-8e795f47, #w-node-d7ff8858-d348-f599-623e-f794c22c93f6-8e795f47, #w-node-d7ff8858-d348-f599-623e-f794c22c9405-8e795f47, #w-node-d7ff8858-d348-f599-623e-f794c22c9414-8e795f47, #w-node-e6e44377-f32f-12dc-94c1-8b7f69a82889-8e795f47 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_80af7571-b4c9-917f-f087-2ef676ebf825-8e795ec7 {
    order: 9999;
  }

  #w-node-_76f34a22-0f34-29b1-4ecc-3867ec33b512-8e795ec7 {
    justify-self: center;
  }

  #w-node-_43529088-ca97-457b-80a8-42c9676428d6-676428b9 {
    place-self: auto center;
  }

  #w-node-_7bfff23c-b560-550b-6436-682d8d93985a-8e795f00, #w-node-_114adf84-e1fb-34ed-ce4f-36a70aab4100-8e795f00 {
    justify-self: center;
  }

  #w-node-_55d1299a-5e4e-8d67-1d58-c292f3a2500f-8e795f04, #w-node-_507948fb-f4ab-d110-ba23-c0edc75287eb-8e795f21 {
    justify-self: auto;
  }

  #w-node-_4aa40149-5165-206a-9e66-76b59ea0446b-8e795f21, #w-node-_413875c2-505c-ae40-c6f0-84a8dfb50fe1-8e795f22 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d7ff8858-d348-f599-623e-f794c22c93ad-8e795f47 {
    order: 9999;
  }

  #w-node-d7ff8858-d348-f599-623e-f794c22c93b0-8e795f47 {
    justify-self: auto;
  }

  #w-node-_99c31149-dead-2e5c-80f4-793485e30892-8e795f47 {
    order: 9999;
  }

  #w-node-_99c31149-dead-2e5c-80f4-793485e30895-8e795f47 {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e5fc1b05-44cf-50bc-0c60-8753ca4f4883-ca4f487e {
    justify-self: center;
  }

  #w-node-_9bc424ee-bde5-e34b-8431-a4ab6c4a17e9-8e795f09, #w-node-_21b6cfd1-3cb1-c0cd-9310-7361a06437bc-8e795f09 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Social Icons Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Custom Icons Wellbeing Template';
  src: url('../fonts/custom-icon-wellbeing-template.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Clash Display';
  src: url('../fonts/ClashDisplay-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}