@font-face {
  font-family: Inter;
  src: url('../fonts/inter-v13-latin-regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/inter-v13-latin-500.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/inter-v13-latin-600.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url('../fonts/inter-v13-latin-700.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Regular 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa Solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa V 4 Compatibility";
  src: url('../fonts/fa-v4compatibility.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfair display;
  src: url('../fonts/PlayfairDisplay-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfair display;
  src: url('../fonts/PlayfairDisplay-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfair display;
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Playfair display;
  src: url('../fonts/PlayfairDisplay-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfair display;
  src: url('../fonts/PlayfairDisplay-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--background-1: #fff;
  --font-family--inter: Inter, sans-serif;
  --color--dark: #000;
  --font-family--playfair-display: "Playfair display", sans-serif;
  --color--grey-2: #969696;
  --color--white: white;
  --color--primary: #c80d1e;
  --color--section-bg-1: #ebf4f3;
  --containers--1180px: 1260px;
  --radius--33px: 33px;
  --color--transparent: var(--color--primary);
  --color--primary-light: #c80d1e;
  --radius--86px: 86px;
  --color--primary-50: #c80d1e80;
  --radius--50px: 50px;
  --radius--40px: 40px;
  --color--background-2: #fcf2e4;
  --color--primary-8: #c80d1e14;
  --radius--100px: 100px;
  --radius--999px: 999px;
  --radius--10px: 10px;
  --color--grey: #4c5150;
  --color--section-bg-2: #f4ebef;
  --logo-red: #c90e1e;
  --color--primary-20: #c80d1e33;
  --radius--50: 50px;
  --radius--113px: 113px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body {
  background-color: var(--color--background-1);
  font-family: var(--font-family--inter);
  color: var(--color--dark);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
}

h1 {
  font-family: var(--font-family--playfair-display);
  color: var(--color--dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 62px;
  font-weight: 600;
  line-height: 1.13;
}

h2 {
  font-family: var(--font-family--playfair-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.17;
}

h3 {
  font-family: var(--font-family--playfair-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

h4 {
  font-family: var(--font-family--playfair-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.34;
}

h5 {
  font-family: var(--font-family--playfair-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
}

h6 {
  font-family: var(--font-family--playfair-display);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--color--dark);
  text-decoration: none;
}

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

ol {
  margin-bottom: 0;
  padding-left: 20px;
}

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

blockquote {
  border-left: 4px solid var(--color--grey-2);
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.6;
}

figure {
  margin-bottom: 10px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.banner-wrap {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.banner-content-wrap {
  color: var(--color--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.71429;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3px 30px;
  display: flex;
}

.brand-logo-wrap {
  flex: none;
  padding-left: 0;
  padding-right: 0;
}

.brand-logo-wrap.w--current {
  padding-left: 0;
}

.nav-link {
  color: var(--color--dark);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.71429;
  transition: color .35s;
  position: relative;
}

.nav-link:hover, .nav-link.w--current {
  color: var(--color--primary);
}

.sign-up-button {
  border: 1px solid var(--color--dark);
  color: var(--color--dark);
  text-transform: none;
  border-radius: 33px;
  justify-content: center;
  align-items: center;
  padding: 10px 35px;
  font-size: 14px;
  line-height: 1.71429;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sign-up-button.hide-on-tablet {
  border-style: solid;
  border-color: var(--color--primary);
  color: var(--color--primary);
  background-color: #c80d1e00;
  font-weight: 500;
}

.section-home-hero {
  background-color: var(--color--section-bg-1);
  padding-top: 80px;
  padding-bottom: 80px;
}

.container-main {
  max-width: var(--containers--1180px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.container-main.otu.dar.arear {
  margin-bottom: 35px;
}

.home-hero-element {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-hero-para-wrap {
  width: 100%;
  max-width: 426px;
  margin-top: 24px;
  margin-bottom: 40px;
}

.primary-button {
  border-radius: var(--radius--33px);
  background-color: var(--color--primary);
  color: var(--color--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 225px;
  padding: 16px 0;
  transition: background-color .3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.primary-button.back-to-home-button {
  width: 100%;
}

.primary-button.add-to-cart-button-wrap {
  width: 100%;
  min-height: 58px;
}

.text-span-primary {
  color: var(--color--primary);
  font-style: italic;
}

.home-hero-image-element {
  width: 100%;
  max-width: 588px;
  position: relative;
}

.home-hero-image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.home-hero-image-mask {
  z-index: 2;
  position: absolute;
  inset: 0%;
}

.image-mask {
  position: static;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.image-mask.home-hero-image-mask {
  position: relative;
  -webkit-mask: url('../images/') 0 0 / 100% 100%;
  mask: url('../images/') 0 0 / 100% 100%;
}

.image-mask.feature-blog-image-mask {
  z-index: 2;
  height: 100%;
  -webkit-mask: url('../images/') 0 0 / 100% 100%;
  mask: url('../images/') 0 0 / 100% 100%;
}

.image-mask.dark-cta-image-mask {
  height: 100%;
  -webkit-mask: url('../images/') 0 0 / cover;
  mask: url('../images/') 0 0 / cover;
}

.section-home-icon {
  padding-top: 120px;
  padding-bottom: 120px;
}

.icon-box-element {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.icon-box {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.icon-box.icon-box-border {
  border-right: 1px solid var(--color--dark);
  border-left: 1px solid var(--color--dark);
}

.icon-box-title-wrap {
  margin-top: 28px;
  margin-bottom: 16px;
}

.icon-box-title {
  font-family: var(--font-family--playfair-display);
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.33333;
}

.icon-box-para-wrap {
  text-align: center;
  width: 100%;
  max-width: 218px;
}

.section-feature {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.home-hero-title-wrap {
  width: 100%;
  max-width: 520px;
}

.footer {
  border-top: 1px solid var(--color--dark);
  background-color: var(--color--white);
}

.footer-top-component {
  width: 100%;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 40px 40px;
}

.footer-top-element {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2.6fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-link-columns {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-link-title {
  font-family: var(--font-family--playfair-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.footer-link-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 24px;
  display: flex;
}

.footer-single-link {
  transition: color .35s;
}

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

.footer-info-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-logo-wrap {
  max-width: 197px;
}

.footer-bottom-component {
  border-top: 1px solid var(--color--dark);
  padding-top: 24px;
  padding-bottom: 24px;
}

.footer-bottom-element {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-social-icons-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.copyright-text {
  font-size: 14px;
  line-height: 1.71429;
}

.social-icon {
  color: var(--color--dark);
  font-family: "Fa Brands 400", sans-serif;
  font-size: 24px;
  line-height: 1;
  transition: color .35s;
}

.social-icon:hover {
  color: var(--color--primary);
}

.contact-info-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.contact-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.section-social-post {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-social-post.contact-page-social-post {
  background-color: var(--color--transparent);
  color: var(--color--dark);
}

.social-post-title-wrap {
  z-index: 2;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.font-style-italic {
  font-style: italic;
}

.our-profile {
  color: var(--color--primary-light);
  font-size: 24px;
  line-height: 1.08333;
}

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

.social-post-list {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.social-post-item {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  min-height: 274px;
  display: flex;
}

.social-post-card {
  border-radius: var(--radius--86px);
  flex: none;
  width: 172px;
  height: 244px;
  position: relative;
  overflow: hidden;
}

.social-post-card.align-bottom {
  align-self: flex-end;
}

.social-post-card.align-top {
  align-self: flex-start;
}

.social-post-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.social-post-hover {
  z-index: 1;
  background-color: var(--color--primary-50);
  color: var(--color--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.social-post-icon-wrap {
  border-radius: var(--radius--50px);
  background-color: var(--color--dark);
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  font-family: "Fa Brands 400", sans-serif;
  font-size: 22px;
  line-height: 1;
  display: flex;
}

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

.feature-element {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-content-wrap {
  width: 100%;
}

.feature-content-wrap.max-width-504px {
  max-width: 504px;
}

.feature-content-para-wrap {
  margin-top: 24px;
  margin-bottom: 40px;
}

.feature-content-para-wrap.shop-page-feature-para {
  margin-bottom: 0;
}

.feature-image-wrap {
  position: relative;
}

.mirror-shape-image-element {
  width: 100%;
  height: 100%;
  position: relative;
}

.mirror-shape-image-element.home-feature-image-element {
  width: 414px;
}

.mirror-shape-image-element.home-feature-image-element-two {
  width: 430px;
}

.mirror-shape-image-element.user-page-image-element {
  width: 472px;
  height: 568px;
}

.mirror-shape-image-element.contact-us-mirror-shape-image {
  width: 474px;
}

.mirror-shape-image-element.service-mirror-shape-image-element {
  width: 414px;
}

.section-testimonial {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.testimonial-slider {
  background-color: var(--color--transparent);
  height: auto;
  position: relative;
}

.testimonial-slider-mask {
  width: 100%;
  max-width: 750px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-slide {
  height: 100%;
}

.testimonial-slide-nav {
  font-size: 12px;
}

.hide {
  display: none;
}

.testimonial-slide-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-text {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.testimonial-author-info-wrap {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.testimonial-author-image {
  border-radius: var(--radius--40px);
  width: 40px;
  height: 40px;
}

.testimonial-author-name {
  font-family: var(--font-family--playfair-display);
  letter-spacing: .4px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
}

.testimonial-arrow {
  border: 1px solid var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: transform .35s, background-color .3s;
  display: flex;
}

.testimonial-arrow:hover {
  background-color: var(--color--primary);
}

.testimonial-arrow.left-arrow:hover {
  transform: translate(-4px);
}

.testimonial-arrow.right:hover {
  transform: translate(4px);
}

.testimonial-arrow-icon {
  font-size: 18px;
}

.testimonial-arrow-image {
  width: 24px;
  height: 24px;
}

.testimonial-arrow-image.left-arrow-image {
  transform: rotate(180deg);
}

.section-latest-product {
  padding-top: 120px;
  padding-bottom: 120px;
}

.latest-product-component, .text-align-center {
  text-align: center;
}

.latest-product-element {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
}

.product-item {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  border: 2px solid var(--color--dark);
  background-color: var(--color--background-2);
  border-top-left-radius: 186px;
  border-top-right-radius: 186px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 442px;
  padding: 72px 40px 30px;
  display: flex;
}

.product-image {
  max-height: 216px;
}

.product-info {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.product-title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
}

.divider {
  background-color: var(--color--primary-8);
  width: 100%;
  height: 1px;
}

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

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

.divider.template-info-divider.top-margin-30px {
  margin-top: 30px;
}

.product-price {
  font-family: var(--font-family--playfair-display);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
}

.section-video-feature {
  border-bottom: 1px solid var(--color--dark);
  background-image: linear-gradient(180deg, var(--color--dark) 60%, var(--color--background-1) 60%);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.max-width-856px {
  width: 100%;
  max-width: 856px;
  margin-left: auto;
  margin-right: auto;
}

.video-feature-title-wrap {
  width: 100%;
  max-width: 670px;
  margin-bottom: 60px;
}

.video-feature-content-wrap {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.feature-video-wrap {
  border: 2px solid var(--color--dark);
  border-radius: 234px;
  width: 100%;
  height: 470px;
  position: relative;
  overflow: hidden;
}

.section-latest-blog {
  padding-top: 120px;
  padding-bottom: 120px;
}

.latest-blog-title-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 526px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.latest-blog-element {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.blog-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.blog-item-image-wrap {
  border: 2px solid var(--color--dark);
  border-top-left-radius: 185px;
  border-top-right-radius: 185px;
  width: 100%;
  height: 380px;
  overflow: hidden;
}

.blog-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
}

.blog-learn-more-button-wrap {
  color: var(--color--primary);
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-top: auto;
  position: relative;
}

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

.blog-learn-more-button-underline {
  background-color: var(--color--primary);
  width: 100%;
  height: 2px;
}

.feature-list {
  grid-column-gap: 30px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
  display: grid;
}

.feature-list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.feature-icon-wrap {
  background-color: var(--color--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.feature-icon {
  width: 40px;
  height: 40px;
}

.section-common-hero {
  border-bottom: 1px solid var(--color--dark);
  background-color: var(--color--section-bg-1);
  padding-top: 24px;
  padding-bottom: 120px;
}

.section-common-hero.template-info-hero {
  padding-bottom: 146px;
}

.section-common-hero.faq-hero {
  background-color: var(--color--white);
  padding-top: 120px;
}

.section-common-hero._404-hero {
  border-bottom-width: 0;
  padding-top: 120px;
}

.section-common-hero.company-hero {
  border-bottom-width: 0;
  padding-bottom: 305px;
}

.section-common-hero.job-template-hero {
  padding-bottom: 262px;
}

.section-common-hero.product-template-hero {
  padding-bottom: 80px;
}

.section-common-hero.blog-template-hero {
  padding-bottom: 270px;
}

.section-common-hero.shop-location-hero {
  padding-top: 120px;
  padding-bottom: 240px;
}

.section-common-hero.service-template-hero {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-bottom: 40px;
}

.section-common-hero.class-list-template-hero {
  padding-bottom: 252px;
}

.class-list-header-content-wrap {
  width: 100%;
  max-width: 412px;
  margin-left: auto;
  margin-right: auto;
}

.flex-vertical-gap-24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-class-list {
  border-bottom: 1px solid var(--color--dark);
  padding-top: 120px;
  padding-bottom: 170px;
}

.class-list-tab {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.class-list-tabs-menu {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.class-list-tab-link {
  background-color: var(--color--transparent);
  box-shadow: inset 0 -1px 0 0 var(--color--primary-8);
  font-family: var(--font-family--playfair-display);
  color: var(--color--dark);
  padding: 16px 28px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  transition: color .45s, box-shadow .45s cubic-bezier(.55, .085, .68, .53);
}

.class-list-tab-link:hover {
  box-shadow: inset 0 -2px 0 0 var(--color--primary);
  color: var(--color--primary);
}

.class-list-tab-link.w--current {
  background-color: var(--color--transparent);
  box-shadow: inset 0 -2px 0 0 var(--color--primary);
  color: var(--color--primary);
}

.class-list-tabs-content {
  width: 100%;
}

.class-list-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.class-list-item-image-wrap {
  border: 2px solid var(--color--dark);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 186px;
  border-top-right-radius: 186px;
  width: 100%;
  height: 380px;
  position: relative;
  overflow: hidden;
}

.class-start-date-wrap {
  border-radius: var(--radius--40px);
  background-color: var(--color--white);
  padding: 2px 12px;
  position: absolute;
  inset: auto auto 30px 30px;
}

.class-list-item-content-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.class-list-item-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  min-height: 108px;
  display: flex;
}

.class-item-title {
  font-size: 24px;
  line-height: 1.33;
}

.class-list-item-info-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.class-list-item-info-time {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.class-list-item-info-time.class-list-info-text {
  color: var(--color--primary);
  font-weight: 700;
}

.class-duration-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.small-dot {
  background-color: var(--color--dark);
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.class-author-info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--color--primary-8);
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  padding-top: 16px;
  display: flex;
}

.class-author-info.class-author-info-padding-none {
  border-top-width: 0;
  margin-top: 0;
  padding-top: 0;
}

.class-author-image-wrap {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.class-author-name {
  font-family: var(--font-family--inter);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625;
}

.class-author-bio {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-marquee {
  border-bottom: 1px solid var(--color--dark);
  padding-top: 80px;
  padding-bottom: 80px;
}

.marquee-component {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 36px;
  overflow: hidden;
}

.marquee-list {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.marquee-item {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-image-wrap {
  flex: none;
}

.section-our-service {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  overflow: hidden;
}

.our-service-component {
  z-index: 2;
  position: relative;
}

.contact-link.cpage {
  color: var(--color--primary);
}

.breadcrumbs-inner {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 72px;
  display: flex;
}

.breadcrumbs-inner.checkout-page-breadcrumbs {
  margin-bottom: 42px;
}

.breadcrumb-link {
  font-size: 14px;
  line-height: 1.71429;
}

.breadcrumb-link.w--current {
  color: var(--color--primary);
}

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

.breadcrumb-link.checkout-active {
  color: var(--color--primary);
}

.common-hero-content-wrap {
  text-align: center;
  width: 100%;
  max-width: 412px;
  margin-left: auto;
  margin-right: auto;
}

.common-hero-content-wrap.template-info-header-content-wrap {
  max-width: 550px;
}

.common-hero-content-wrap.blog-header-content {
  max-width: 600px;
}

.common-hero-content-wrap.faq-header-content {
  max-width: 550px;
}

.common-hero-content-wrap.appointment-hero-content {
  max-width: 606px;
}

.common-hero-content-wrap.legal-hero-conntent {
  max-width: 618px;
}

.common-hero-content-wrap._404-hero-content {
  max-width: 372px;
}

.common-hero-content-wrap.company-hero-content {
  max-width: 498px;
}

.common-hero-content-wrap.job-template-hero-content {
  max-width: 698px;
}

.common-hero-content-wrap.shop-hero-content {
  max-width: 618px;
}

.common-hero-content-wrap.contact-us-content-wrap {
  max-width: 520px;
}

.common-hero-content-wrap.blog-template-hero-content {
  max-width: 700px;
}

.common-hero-content-wrap.shop-location-hero-content {
  max-width: 618px;
}

.common-hero-content-wrap.service-template-content {
  max-width: 820px;
}

.common-hero-content-wrap.class-list-template-hero-content {
  max-width: 860px;
}

.heading-style-h2 {
  font-family: var(--font-family--playfair-display);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.17;
}

.section-template-info-body {
  padding-top: 120px;
  padding-bottom: 120px;
}

.body-text-20px {
  font-family: var(--font-family--inter);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.template-info-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-info-cloumn {
  justify-content: center;
  align-items: center;
  display: flex;
}

.template-info-cloumn.style-guide-element {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.font-showcase-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--section-bg-1);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 66px 50px;
  display: flex;
}

.font-showcase-text {
  font-family: var(--font-family--playfair-display);
  font-size: 62px;
  font-weight: 600;
  line-height: 1.12903;
}

.font-showcase-text.inter-font {
  font-family: var(--font-family--inter);
}

.font-showcase-info {
  text-align: center;
  flex: none;
}

.template-info-title-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.template-info-title {
  font-weight: 700;
}

.heading-style-h1 {
  font-family: var(--font-family--playfair-display);
  font-size: 62px;
  font-weight: 600;
  line-height: 1.13;
}

.heading-style-h3 {
  font-family: var(--font-family--playfair-display);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.heading-style-h4 {
  font-family: var(--font-family--playfair-display);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.34;
}

.heading-style-h5 {
  font-family: var(--font-family--playfair-display);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
}

.heading-style-h6 {
  font-family: var(--font-family--playfair-display);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
}

.body-text-24px {
  font-family: var(--font-family--inter);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.42;
}

.body-text-14px {
  font-family: var(--font-family--inter);
  font-size: 14px;
  line-height: 1.71;
}

.section-feature-blog {
  border-bottom: 1px solid var(--color--dark);
  padding-top: 120px;
  padding-bottom: 120px;
}

.feature-blog-element {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.feature-blog-image-wrap {
  position: relative;
}

.blog-info-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.blog-category-wrap {
  border-radius: var(--radius--100px);
  background-color: var(--color--primary);
  color: var(--color--white);
  padding: 2px 10px;
}

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

.time-icon {
  width: 16px;
  height: 16px;
}

.feature-blog-title-wrap {
  margin-top: 20px;
  margin-bottom: 20px;
  transition: color .45s;
}

.feature-blog-title-wrap:hover {
  color: var(--color--primary);
}

.blog-author-info-wrap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.blog-author-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.blog-author-image-wrap {
  background-color: #d9d9d9;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  overflow: hidden;
}

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

.section-all-blogs {
  padding-top: 120px;
  padding-bottom: 120px;
}

.blog-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-cta-dark {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 42px;
  padding-bottom: 50px;
  overflow: hidden;
}

.section-cta-dark.overview-page-cta {
  padding-top: 60px;
}

.cta-dark-element {
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-dark-element.overview-page-cta-element {
  grid-template-columns: 1.25fr 1fr;
}

.text-span-primary-light {
  color: var(--color--primary-light);
  font-style: italic;
}

.section-faq {
  padding-top: 120px;
  padding-bottom: 120px;
}

.faq-element-wrap {
  width: 100%;
  max-width: 776px;
  margin-left: auto;
  margin-right: auto;
}

.faq-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
  overflow: auto;
}

.faq-tab-link {
  border-radius: var(--radius--50px);
  background-color: var(--color--transparent);
  color: var(--color--dark);
  border: 1px solid #4c515080;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  transition: color .35s, background-color .35s;
}

.faq-tab-link:hover, .faq-tab-link.w--current {
  background-color: var(--color--primary);
  color: var(--color--white);
}

.faq-tabs-content {
  margin-top: 24px;
}

.faq-item {
  border-bottom: 1px solid var(--color--dark);
  cursor: pointer;
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: hidden;
}

.faq-trigger {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.41667;
}

.faq-trigger-icon-wrap {
  border: .8px solid var(--color--dark);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.faq-content-wrap {
  overflow: hidden;
}

.faq-content-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 10px;
  padding-right: 32px;
  display: flex;
}

.section-appointment {
  padding-top: 120px;
  padding-bottom: 120px;
}

.appointment-element {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.our-benefit-list {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.our-benefit-item {
  border-top: 1px solid var(--color--dark);
  padding-top: 24px;
}

.our-benefit-item-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.our-benefit-item-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section-legal {
  padding-top: 120px;
  padding-bottom: 120px;
}

.max-width-978px {
  width: 100%;
  max-width: 978px;
  margin-left: auto;
  margin-right: auto;
}

.legal-rich-text h2 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.legal-rich-text h3 {
  margin-top: 40px;
  margin-bottom: 24px;
}

.legal-rich-text p, .legal-rich-text ul {
  margin-top: 16px;
}

.legal-rich-text h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.legal-rich-text h4 {
  margin-top: 40px;
  margin-bottom: 24px;
}

.legal-rich-text h5, .legal-rich-text h6 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.legal-rich-text blockquote {
  margin-top: 16px;
  margin-bottom: 0;
}

.legal-rich-text ol {
  margin-top: 16px;
}

._404-para {
  margin-top: 24px;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.section-user-page {
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.user-page-element {
  grid-column-gap: 84px;
  grid-row-gap: 84px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-our-philosophy {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.our-philosophy-content-wrap {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-explore-our-company {
  border-bottom: 1px solid var(--color--dark);
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.max-width-1140px {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.explore-our-company-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.explore-our-company-item {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.explore-our-company-item-image-wrap {
  border: 2px solid var(--color--dark);
  width: 100%;
  min-height: 226px;
  overflow: hidden;
}

.explore-our-company-item-image-wrap.first-item {
  border-radius: 113px;
}

.explore-our-company-item-image-wrap.second-item {
  border-radius: 999px 10px 10px 999px;
}

.explore-our-company-item-image-wrap.third-item {
  border-radius: var(--radius--999px) var(--radius--999px) var(--radius--10px) var(--radius--10px);
}

.explore-our-company-item-title {
  margin-top: 30px;
  margin-bottom: 12px;
}

.section-our-story {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-our-instructors {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.our-instructors-list {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.our-instructors-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.our-instructors-image-wrap {
  border-radius: 186px 186px 0 0;
  min-height: 324px;
  overflow: hidden;
}

.our-instructors-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .35s;
}

.our-instructors-image:hover {
  transform: scale(1.1);
}

.our-instructors-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-brand-logos {
  border-top: 1px solid var(--color--dark);
  border-bottom: 1px solid var(--color--dark);
  padding-top: 60px;
  padding-bottom: 60px;
}

.brand-logos-list {
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}

.brand-logos-item {
  grid-column-gap: 68px;
  grid-row-gap: 68px;
  flex: none;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.brand-single-logo-wrap {
  flex: none;
}

.brand-logo-title {
  font-family: var(--font-family--inter);
  color: var(--color--primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.section-our-jobs {
  padding-top: 120px;
  padding-bottom: 120px;
}

.job-section-title-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.job-element-wrap {
  border-top: 1px solid var(--color--dark);
  margin-top: 40px;
}

.job-item-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--color--dark);
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.job-item-content-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.job-item-title {
  font-family: var(--font-family--inter);
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.job-apply-button {
  border-radius: var(--radius--100px);
  background-color: var(--color--primary);
  color: var(--color--white);
  text-align: center;
  padding: 9px 40px;
}

.job-info-wrap {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.job-info-text {
  color: #032c2899;
}

.job-info-text.job-info-big-text {
  color: #032c28cc;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.empty-state {
  background-color: var(--color--transparent);
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.latest-blog-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-item-content-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.section-our-gallery {
  border-bottom: 1px solid var(--color--dark);
  padding-bottom: 120px;
}

.section-company-overview {
  padding-top: 120px;
  padding-bottom: 120px;
}

.company-overview-component {
  position: relative;
}

.company-overview-element {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 3fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.company-overview-title-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.company-overview-list-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.company-overview-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 1px solid var(--color--dark);
  flex-flow: column;
  padding: 10px 24px 22px;
  display: flex;
}

.company-overview-item-title {
  font-family: var(--font-family--playfair-display);
  color: var(--color--primary);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.17;
}

.job-info-parent {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.section-all-product {
  border-bottom: 1px solid var(--color--dark);
  padding-top: 120px;
  padding-bottom: 120px;
}

.all-product-categoriy-list {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.product-category-link {
  background-color: var(--color--transparent);
  box-shadow: inset 0 -1px 0 0 var(--color--primary-8);
  font-family: var(--font-family--playfair-display);
  color: var(--color--dark);
  padding: 16px 28px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33;
  transition: color .45s, box-shadow .45s;
  display: block;
}

.product-category-link:hover {
  box-shadow: inset 0 -2px 0 0 var(--color--primary);
  color: var(--color--primary);
}

.product-category-link.w--current {
  background-color: var(--color--transparent);
  box-shadow: inset 0 -2px 0 0 var(--color--primary);
  color: var(--color--primary);
}

.section-product-description {
  padding-top: 120px;
  padding-bottom: 120px;
}

.product-description-tabs-menu {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  border-bottom: 1px solid var(--color--dark);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  padding-bottom: 30px;
  display: flex;
}

.product-description-tab-link {
  background-color: var(--color--transparent);
  color: var(--color--grey-2);
  flex: none;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  transition: color .35s;
}

.product-description-tab-link:hover {
  color: var(--color--dark);
}

.product-description-tab-link.w--current {
  background-color: var(--color--transparent);
  color: var(--color--dark);
}

.product-description h2 {
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.product-description h3 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.product-description p {
  margin-top: 16px;
}

.product-description h4 {
  margin-top: 24px;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.product-description h5, .product-description h6 {
  margin-bottom: 16px;
}

.product-description h1 {
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.section-product-review {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.product-review-title {
  max-width: 504px;
  margin-left: auto;
  margin-right: auto;
}

.product-review-element {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.product-review-item {
  border-top: 1px solid var(--color--background-1);
  flex-flow: column;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.product-review-author-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  margin-top: auto;
  display: flex;
}

.author-image-wrap {
  background-color: #d9d9d9;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

.product-review-author-info {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-related-product {
  padding-top: 120px;
  padding-bottom: 120px;
}

.related-product-component {
  text-align: center;
}

.collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.global-divider {
  background-color: var(--color--dark);
  font-family: var(--font-family--inter);
  height: 1px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.625;
}

.global-divider.color-primay-8 {
  background-color: var(--color--primary-8);
}

.class-author-bio-inner {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-cta {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.max-width-1080px-left-align {
  width: 100%;
  max-width: 1080px;
}

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

.cta-element {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-element.image-on-right {
  grid-template-columns: 2fr 1fr;
}

.cta-form-block {
  margin-top: 60px;
  margin-bottom: 0;
}

.cta-form {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-input-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--color--dark);
  background-color: var(--color--transparent);
  color: var(--color--dark);
  min-height: 44px;
  margin-bottom: 0;
  padding: 10px;
}

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

.form-input-field::placeholder {
  background-color: var(--color--transparent);
  color: var(--color--grey);
  text-transform: capitalize;
  font-size: 14px;
  line-height: 1.71429;
}

.form-input-field.checkout-form-input {
  border-radius: 0;
}

.background-type-one {
  z-index: -1;
  background-color: var(--color--section-bg-1);
  width: calc(50vw + 380px);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-type-one.align-right {
  left: auto;
}

.cta-image-wrap {
  width: 364px;
  height: 100%;
  position: relative;
}

.cta-image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.image-border {
  border: 2px solid var(--color--dark);
  border-radius: 462px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.cta-star {
  z-index: 3;
  width: 88px;
  position: absolute;
  inset: 0% 5% auto auto;
}

.primary-button-wrapper {
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.section-contact-form {
  padding-top: 120px;
  padding-bottom: 120px;
}

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

.contact-form-title-wrap {
  width: 100%;
  max-width: 374px;
}

.contact-form-block {
  margin-top: 40px;
  margin-bottom: 10px;
}

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

.form-info-para {
  color: #032c2866;
  text-align: center;
  font-size: 12px;
  line-height: 1.66667;
}

.section-our-help {
  padding-bottom: 120px;
}

.our-help-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  display: grid;
}

.our-help-list-item {
  padding: 10px 40px;
}

.our-help-list-item.left-and-right-border {
  border-right: 1px solid var(--color--dark);
  border-left: 1px solid var(--color--dark);
}

.our-help-item-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.help-item-title-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.help-link {
  font-family: var(--font-family--inter);
  color: #00766be6;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.section-our-location {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.form-input-field-white {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--color--dark) var(--color--dark) var(--color--white);
  background-color: var(--color--transparent);
  color: var(--color--white);
  min-height: 44px;
  margin-bottom: 0;
  padding: 10px;
}

.form-input-field-white:focus {
  border-bottom-color: var(--color--white);
}

.form-input-field-white::placeholder {
  background-color: var(--color--transparent);
  color: #ffffffde;
  text-transform: capitalize;
  font-size: 14px;
  line-height: 1.71429;
}

.dark-cta-form {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dark-cta-form-block {
  margin-top: 30px;
  margin-bottom: 0;
}

.dark-cta-form-submit-button {
  margin-top: 10px;
}

.all-blogs-title-wrap {
  z-index: 2;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.all-blog-tabs {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.all-blog-tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 424px;
  margin-top: -56px;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  overflow: auto;
}

.all-blog-tabs-content {
  width: 100%;
  margin-top: 40px;
}

.blog-category {
  border: 1px solid var(--color--dark);
  border-radius: var(--radius--50px);
  background-color: var(--color--transparent);
  padding: 10px 20px;
  transition: border-color .35s, color .35s, background-color .35s;
}

.blog-category:hover, .blog-category.w--current {
  border-color: var(--color--primary);
  background-color: var(--color--primary);
  color: var(--color--white);
}

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

.cta-dark-image-inner {
  width: 488px;
  margin-bottom: -51px;
  position: relative;
}

.cta-dark-image-inner.overview-page-cta-image-inner {
  width: 490px;
}

.dark-cta-image {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 120%;
  display: block;
}

.dark-cta-star {
  width: 132px;
  position: absolute;
  inset: -26px -10px auto auto;
}

.feature-blog-star {
  position: absolute;
  inset: -31px 65px auto auto;
}

.blog-short-description-wrap {
  max-width: 640px;
}

.section-blog-description {
  z-index: 2;
  padding-bottom: 120px;
  position: relative;
}

.max-width-776px {
  width: 100%;
  max-width: 776px;
  margin-left: auto;
  margin-right: auto;
}

.blog-main-image-wrap {
  border: 2px solid var(--color--dark);
  border-radius: 800px;
  width: 100%;
  max-width: 978px;
  height: 444px;
  margin: -222px auto 60px;
  overflow: hidden;
}

.section-more-blog {
  border-top: 1px solid var(--color--dark);
  background-color: var(--color--section-bg-1);
  padding-top: 120px;
  padding-bottom: 120px;
}

.more-blog-wrap {
  margin-top: 40px;
}

.more-blog-collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.location-map-block {
  border: 2px solid var(--color--dark);
  border-radius: 24px;
  max-width: 776px;
  height: 400px;
  margin-top: -200px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.section-shop-location {
  border-bottom: 1px solid var(--color--dark);
  padding-top: 60px;
  padding-bottom: 120px;
}

.shop-location-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.shop-location-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-left: 1px solid #152f3126;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 32px 62px 32px 32px;
  display: flex;
}

.shop-location-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.shop-location-title {
  font-family: var(--font-family--playfair-display);
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.34;
}

.job-template-image-wrap {
  border: 2px solid var(--color--dark);
  border-radius: 294px;
  width: 100%;
  max-width: 978px;
  height: 444px;
  margin-top: -222px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.section-job-details {
  padding-top: 120px;
  padding-bottom: 120px;
}

.job-details-element {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.divider-dark.job-details-divider {
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-more-jobs {
  background-color: var(--color--section-bg-1);
  padding-top: 120px;
  padding-bottom: 120px;
}

.job-apply-form-wrapper {
  border: 2px solid var(--color--dark);
  background-color: var(--color--section-bg-1);
  border-radius: 8px;
  padding: 40px;
}

.job-apply-form-wrapper.apply-for-class-form-wrapper {
  position: sticky;
  top: 100px;
}

.job-apply-form-block {
  margin-top: 24px;
  margin-bottom: 0;
}

.job-apply-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.apply-form-info-para {
  color: #032c2899;
  text-align: center;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.71429;
}

.user-page-title {
  font-family: var(--font-family--playfair-display);
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.other-sign-up-option-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 24px;
  display: flex;
}

.other-user-option-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid var(--color--grey-2);
  border-radius: var(--radius--33px);
  justify-content: center;
  align-items: center;
  padding: 10px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.user-form-divider-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user-form-divider {
  background-color: #96969633;
  flex: 1;
  height: 1px;
}

.user-form-block {
  margin-bottom: 24px;
}

.user-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.user-form-input-field {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--color--dark);
  background-color: var(--color--transparent);
  color: var(--color--dark);
  min-height: 44px;
  margin-bottom: 0;
  padding: 10px;
}

.user-form-input-field:focus {
  border-bottom-color: var(--color--primary);
}

.user-form-input-field::placeholder {
  background-color: var(--color--transparent);
  color: var(--color--grey);
  text-transform: capitalize;
  font-size: 14px;
  line-height: 1.71429;
}

.agreement-checkbox-wrap {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.agreement-checkbox {
  border-color: var(--color--dark);
  cursor: pointer;
  border-radius: 5px;
  flex: none;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  transition: background-color .35s;
}

.agreement-checkbox.w--redirected-checked {
  border-color: var(--color--dark);
  background-color: var(--color--dark);
  background-image: url('../images/checkbox-image_1checkbox-image.png');
  background-size: auto;
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-left: 0;
}

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

.checkbox-label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71429;
}

.go-other-user-page-wrap {
  text-align: center;
}

.go-other-user-page {
  color: var(--color--primary);
  text-decoration: underline;
}

.product-list {
  grid-column-gap: 30px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-divider {
  background-color: var(--color--dark);
  width: 100%;
  height: 1px;
  margin-top: 14px;
  margin-bottom: 18px;
}

.product-divider.product-details-page {
  margin-top: 60px;
  margin-bottom: 60px;
}

.faq-list-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.section-question-and-answer {
  padding-top: 94px;
  padding-bottom: 120px;
}

.question-answer-title-wrap {
  padding-top: 24px;
  position: sticky;
  top: 50px;
}

.product-details-element {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-short-description-wrap {
  margin-top: 24px;
  margin-bottom: 30px;
}

.product-pricing-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.compare-pricing {
  color: var(--color--primary-50);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: line-through;
}

.product-main-image-wrap {
  border: 2px solid var(--color--dark);
  background-color: var(--color--background-1);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 575px;
  height: 520px;
  display: flex;
}

.product-main-image {
  object-fit: cover;
  transition: transform .35s;
}

.product-main-image:hover {
  transform: scale(1.1);
}

.product-more-image-wrap {
  margin-top: 30px;
}

.product-more-image-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.more-image-item-wrap {
  border: 2px solid var(--color--dark);
  background-color: var(--color--background-1);
  border-radius: 16px;
  justify-content: center;
  align-items: flex-end;
  height: 280px;
  display: flex;
  overflow: hidden;
}

.add-to-cart-wrap {
  margin-top: 40px;
}

.background-type-two {
  z-index: -1;
  background-color: var(--color--section-bg-2);
  width: calc(50vw + 380px);
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-type-two.align-right {
  left: auto;
}

.mirror-shape-image {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 120%;
  position: relative;
}

.border-mirror-shape {
  border: 2px solid var(--color--dark);
  border-radius: 196px 196px 0 0;
  position: absolute;
  inset: 0%;
}

.border-mirror-shape.home-feature-border-shape {
  left: 20px;
}

.border-mirror-shape.user-page-mirror-shape {
  border-top-left-radius: 216px;
  border-top-right-radius: 216px;
  bottom: -2px;
  left: 20px;
}

.border-mirror-shape.contact-us-mirror-border {
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
  left: 20px;
}

.home-feature-title-wrap {
  width: 100%;
  max-width: 508px;
}

.lightbox-thumbnail {
  width: 100%;
  height: 120%;
}

.lightbox-link {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-play-icon-wrap {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  pointer-events: none;
  background-color: #fff6;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  display: flex;
  position: absolute;
  inset: 50% 50% auto auto;
  transform: translate(50%, -50%);
}

.play-button-icon {
  margin-left: 4px;
}

.star-medium {
  z-index: 3;
  width: 115px;
  position: absolute;
}

.star-medium.feature-star-two {
  inset: auto -13% -9% auto;
}

.star-medium.feature-star-one {
  inset: auto -14% -10% auto;
}

.star-medium.shop-feature-star-image {
  inset: 0% auto auto 0%;
}

.star-medium.contact-us-star {
  inset: 5% auto auto -10%;
  inset: 0% auto auto 0%;
}

.star-medium.service-star {
  width: 104px;
  inset: auto -11% -7% auto;
}

.section-latest-class {
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-latest-class.latest-class-background {
  background-color: var(--color--section-bg-1);
}

.latest-class-title-wrap {
  width: 100%;
  max-width: 526px;
  margin-left: auto;
  margin-right: auto;
}

.class-list-element {
  margin-top: 60px;
}

.service-template-title {
  color: var(--color--white);
}

.section-service-details-image {
  background-image: linear-gradient(180deg, var(--color--dark) 50%, var(--color--background-1) 50%);
}

.service-details-image-wrap {
  border: 2px solid var(--color--dark);
  border-radius: 234px;
  width: 100%;
  max-width: 978px;
  height: 468px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

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

.service-details-tilte-wrap {
  width: 100%;
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.section-service-benefit {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 90px;
}

.service-benefit-title-wrap {
  text-align: center;
  width: 100%;
  max-width: 504px;
  margin-left: auto;
  margin-right: auto;
}

.service-benefit-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.service-benefit-item {
  border-top: 1px solid var(--color--white);
  padding-top: 30px;
  padding-bottom: 30px;
}

.section-home-service {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.home-service-component {
  z-index: 2;
  position: relative;
}

.home-service-element {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.home-service-collection-wrap {
  margin-top: 36px;
}

.user-page-image-wrap {
  position: relative;
}

.user-page-star-icon {
  z-index: 3;
  width: 125px;
  position: absolute;
  inset: 77px auto auto -47px;
}

.user-page-info-para {
  color: var(--color--grey-2);
  font-size: 12px;
  line-height: 1.83333;
}

.user-page-option-wrap {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.class-date {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.appointment-integration-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.section-checkout-form {
  background-color: var(--color--section-bg-1);
  padding: 24px 0 120px;
}

.section-checkout-form.section-paypal-checkout {
  padding-top: 80px;
}

.checkout-form-element {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  display: flex;
}

.product-categories-wrap {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.product-category-collection-list {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-item {
  flex: none;
}

.product-review-text-wrap {
  margin-bottom: 16px;
}

.product-more-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .35s;
}

.product-more-image:hover {
  transform: scale(1.1);
}

.product-name {
  font-family: var(--font-family--playfair-display);
  font-size: 48px;
  font-weight: 600;
  line-height: 1.17;
}

.price {
  font-family: var(--font-family--playfair-display);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

._404-element {
  justify-content: center;
  align-items: center;
  min-height: 500px;
  display: flex;
}

.our-location-tab-wrap {
  margin-top: 60px;
}

.our-location-tab {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.our-location-tab-menu {
  background-color: var(--color--background-1);
  border-radius: 24px;
  flex-flow: column;
  padding: 10px 30px;
  display: flex;
}

.our-location-tab-pane {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.our-location-tab-link {
  background-color: var(--color--transparent);
  padding: 0;
}

.our-location-tab-link.w--current {
  background-color: var(--color--transparent);
}

.our-location-tab-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.our-location-content-wrap {
  padding-top: 16px;
  overflow: hidden;
}

.our-location-tab-link-inner {
  border-bottom: 1px solid #152f311a;
  padding-top: 20px;
  padding-bottom: 20px;
}

.our-location-tab-link-inner.border-bottom-none {
  border-bottom-width: 0;
}

.location-map {
  width: 100%;
  height: 100%;
}

.mirror-shape-image-wrap {
  border-radius: 196px 196px 0 0;
  position: relative;
  overflow: hidden;
}

.mirror-shape-image-wrap.feature-mirror-shape-image {
  width: 393px;
  height: 496px;
}

.mirror-shape-image-wrap.user-page-image {
  border-top-left-radius: 450px;
  border-top-right-radius: 450px;
  width: 450px;
}

.mirror-shape-image-wrap.feature-mirror-shape-image-two {
  width: 410px;
  height: 518px;
}

.mirror-shape-image-wrap.contact-us-mirror-image-wrap {
  border-top-left-radius: 300px;
  border-top-right-radius: 300px;
  width: 450px;
  height: 640px;
}

.mirror-shape-image-wrap.service-mirror-shape-image {
  width: 393px;
  height: 496px;
}

.feature-blog-image-element {
  width: 100%;
  max-width: 530px;
  position: relative;
}

.service-element {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.service-element.service-item-two {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-columns: 1.5fr 1fr;
}

.service-button-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-short-description-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-top: 24px;
  margin-bottom: 40px;
  display: flex;
}

.oval-shape-image-element {
  width: 100%;
  height: 100%;
  position: relative;
}

.oval-shape-image-element.home-feature-image-element {
  width: 438px;
}

.oval-shape-image-element.feature-image-element {
  flex-flow: column;
  width: 432px;
  display: flex;
}

.oval-shape-image-element.feature-image-element-two {
  flex-flow: column;
  width: 398px;
  display: flex;
  transform: rotate(-32deg);
}

.oval-shape-image-element.our-story-image-element {
  flex-flow: column;
  width: 384px;
  display: flex;
}

.oval-shape-image-element.home-feature-image-element {
  flex-flow: column;
  width: 398px;
  display: flex;
}

.oval-shape-image {
  z-index: 2;
  object-fit: cover;
  width: 100%;
  height: 120%;
  position: relative;
}

.border-oval-shape {
  border: 2px solid var(--color--dark);
  border-radius: 592px;
  position: absolute;
  inset: 0%;
}

.border-oval-shape.service-oval-shape-border-item-two {
  border-radius: 537px;
  width: 100%;
  height: 104%;
  inset: -4% auto auto -4%;
}

.service-image-wrap {
  position: relative;
}

.service-content-wrap {
  width: 100%;
  max-width: 504px;
}

.oval-shape-image-wrap {
  position: relative;
  overflow: hidden;
}

.oval-shape-image-wrap.feature-oval-image {
  border-radius: 548px;
  width: 408px;
  height: 548px;
}

.oval-shape-image-wrap.feature-oval-image-two {
  border-radius: 504px;
  width: 374px;
  height: 505px;
}

.oval-shape-image-wrap.our-story-oval-image {
  border-radius: 485px;
  width: 360px;
  height: 485px;
}

.star-image {
  z-index: 2;
  width: 115px;
  position: absolute;
}

.star-image.service-image-star {
  width: 104px;
  inset: 0% 6% auto auto;
}

.star-image.home-hero-image-star {
  width: 120px;
  inset: -4% 13% auto auto;
}

.star-image.service-image-star-two {
  width: 104px;
  inset: auto -7% 43% auto;
}

.star-image.our-story-image-star {
  width: 92px;
  inset: 6% -4% auto auto;
}

.changelog-content-wrap {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.template-resource-link {
  text-decoration: underline;
  transition: color .35s;
}

.template-resource-link:hover {
  color: var(--color--primary);
}

.job-description h2 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.job-description h3 {
  margin-bottom: 24px;
}

.job-description p, .job-description ul {
  margin-top: 16px;
}

.job-description h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.job-description h4 {
  margin-bottom: 24px;
}

.job-description h5, .job-description h6 {
  margin-bottom: 16px;
}

.job-description blockquote {
  margin-top: 16px;
  margin-bottom: 0;
}

.job-description ol {
  margin-top: 16px;
}

.cv-upload-box {
  border: 1px dashed var(--color--primary-light);
  border-radius: 8px;
  margin-top: 12px;
  padding: 30px;
}

.form-file-upload {
  color: var(--color--grey);
  width: 100%;
}

.success-message {
  background-color: var(--color--primary-8);
  text-align: center;
  border-radius: 8px;
  padding: 24px;
}

.error-message {
  text-align: center;
  background-color: #ea43351a;
  border-radius: 8px;
  margin-top: 24px;
  padding: 24px;
}

.primary-button-wrap.service-template-hero, .primary-button-wrap.overview-pages-button {
  margin-top: 40px;
}

.user-page-logo-wrap {
  text-align: center;
  margin-bottom: 40px;
}

.class-list-template-hero-para {
  max-width: 600px;
}

.class-list-info-wrap {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-class-list-body {
  padding-bottom: 120px;
}

.class-list-main-image-wrap {
  border: 2px solid var(--color--dark);
  border-radius: 800px;
  width: 100%;
  max-width: 978px;
  height: 444px;
  margin: -222px auto 120px;
  overflow: hidden;
}

.class-list-item-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.class-list-body-element {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-description h2 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.blog-description h3 {
  margin-top: 60px;
  margin-bottom: 24px;
}

.blog-description p, .blog-description ul {
  margin-top: 24px;
}

.blog-description h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.blog-description h4 {
  margin-top: 60px;
  margin-bottom: 24px;
}

.blog-description h5, .blog-description h6 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.blog-description blockquote {
  margin-top: 16px;
  margin-bottom: 0;
}

.blog-description ol {
  margin-top: 24px;
}

.blog-description figure {
  margin-top: 60px;
  margin-bottom: 60px;
}

.blog-description img {
  border-radius: 12px;
}

.blog-card-image-wrap {
  border: 2px solid var(--color--dark);
  border-top-left-radius: 185px;
  border-top-right-radius: 185px;
  width: 100%;
  height: 380px;
  overflow: hidden;
}

.class-list-description h2 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.class-list-description h3 {
  margin-top: 40px;
  margin-bottom: 24px;
}

.class-list-description p, .class-list-description ul {
  margin-top: 24px;
}

.class-list-description h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.class-list-description h4 {
  margin-top: 40px;
  margin-bottom: 24px;
}

.class-list-description h5, .class-list-description h6 {
  margin-top: 24px;
  margin-bottom: 16px;
}

.class-list-description blockquote {
  margin-top: 16px;
  margin-bottom: 0;
}

.class-list-description ol {
  margin-top: 24px;
}

.class-list-description figure {
  margin-top: 60px;
  margin-bottom: 60px;
}

.class-list-description img {
  border-radius: 12px;
}

.class-help-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  margin-top: 40px;
  display: flex;
}

.class-help-info-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-details-element {
  justify-content: flex-start;
  align-items: center;
  margin-top: 60px;
  display: flex;
}

.service-details-item {
  border-right: 1px solid var(--color--dark);
  flex: 1;
  padding-left: 30px;
  padding-right: 30px;
}

.service-details-item.border-none {
  border-right-width: 0;
}

.service-details-rich-text h2, .service-details-rich-text h3 {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.service-details-rich-text p {
  text-align: center;
  margin-top: 16px;
}

.service-details-rich-text ul {
  margin-top: 16px;
}

.service-details-rich-text h1 {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.service-details-rich-text h4 {
  text-align: center;
  margin-top: 28px;
  margin-bottom: 16px;
  line-height: 1.33333;
}

.service-details-rich-text blockquote {
  margin-top: 16px;
  margin-bottom: 0;
}

.service-details-rich-text ol {
  margin-top: 16px;
}

.nav-link-dropdown {
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  font-size: 14px;
  line-height: 1.71429;
  display: flex;
  position: static;
}

.nav-link-dropdown-label {
  padding: 0 20px 0 0;
  transition: color .35s;
}

.nav-link-dropdown-label:hover {
  color: var(--color--primary);
}

.nav-link-dropdown-icon {
  margin-right: 0;
}

.nav-link-dropdown-list {
  inset: 0% auto auto 0%;
}

.nav-link-dropdown-list.w--open {
  border-bottom: 1px solid var(--color--dark);
  background-color: var(--color--background-1);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  position: absolute;
  inset: 79px auto auto 0%;
}

.dropdown-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding-top: 44px;
  padding-bottom: 40px;
  display: flex;
}

.dropdown-content-link-wrap {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  display: flex;
}

.dropdown-column-title {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.dropdown-list-link-wap {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.dropdown-link {
  text-transform: capitalize;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.625;
  transition: color .35s;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--color--primary);
}

.navbar-aside {
  background-color: var(--color--dark);
  color: var(--color--white);
  border-radius: 16px;
  padding: 30px;
}

.navbar-aside-title {
  font-family: var(--font-family--playfair-display);
  text-align: center;
  text-transform: none;
  width: 100%;
  max-width: 282px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.nabbar-aside-button-wrap {
  text-align: center;
  margin-top: 24px;
  margin-bottom: 32px;
}

.dropdown-list-footer {
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.toggle-bars {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: flex;
}

.toggle-bar-1, .toggle-bar-2 {
  background-color: var(--color--dark);
  width: 100%;
  height: 2px;
  padding: 0;
}

.help-item-title {
  font-family: var(--font-family--playfair-display);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.cart-details-wrap {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  margin-left: 20px;
}

.cart-header {
  z-index: 2;
  background-color: #fff;
  border-bottom-width: 0;
  border-bottom-color: #0000;
  padding-top: 18px;
  padding-bottom: 18px;
  position: sticky;
  top: 0;
}

.cart-container {
  background-color: #f9fbf8;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 10px;
  max-width: 514px;
  margin-top: 118px;
}

.cart-item-image-height {
  height: 70px;
}

.cart-item-image-wrap {
  background-color: #ebf4f3;
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 104px;
  display: flex;
}

.cart-item {
  background-color: #fff;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  position: relative;
}

.cart-button {
  color: #032c28;
  text-transform: uppercase;
  background-color: #0000;
  padding: 0;
}

.cart-button-text {
  color: #032c28;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.71429;
}

.cart-item-image {
  width: auto;
  height: 100%;
}

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

.remove-button {
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
  position: absolute;
  inset: 24px 24px auto auto;
}

.close-button {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  padding-right: 0;
  display: flex;
}

.cart-quantity-counter {
  text-align: center;
  background-color: #00766b14;
  border-width: 0;
  border-color: #0000;
  border-radius: 20px;
  width: 132px;
  height: auto;
  min-height: 42px;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
}

.cart-quantity {
  color: #032c28;
  background-color: #0000;
  min-width: auto;
  height: auto;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71429;
}

.subtotal {
  font-family: Playfair display, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.cart-list {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
  overflow: auto;
}

.cart-line-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 0;
}

.cart-footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border-top-width: 0;
  border-top-color: #0000;
  padding: 24px;
  position: sticky;
  inset: auto 0% 0%;
}

.cart-header-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.cart-item-price-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-overview-hero {
  background-color: var(--color--white);
  min-height: 684px;
}

.overview-hero-element {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.overview-hero-image-element {
  flex: 1;
  max-height: 684px;
  overflow: hidden;
}

.overview-image-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
  position: relative;
}

.down-to-top, .top-to-down {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.overview-hero-content {
  max-width: 510px;
}

.down-to-top-image.top, .top-to-down-image.top {
  margin-bottom: 20px;
}

.overview-image-overlay {
  background-image: none;
  width: 100%;
  min-height: 90px;
  position: absolute;
}

.overview-image-overlay.bottom-overlay {
  inset: auto 0% 0%;
  transform: rotate(180deg);
}

.section-overview-pages {
  padding-top: 120px;
  padding-bottom: 120px;
}

.overview-pages-component {
  text-align: center;
}

.overview-pages-component.are {
  margin-bottom: 20px;
}

.overview-hero-para-wrap {
  margin-top: 24px;
  margin-bottom: 40px;
}

.overview-pages-title-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: column;
  max-width: 718px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.overview-pages-title-wrap.rera {
  margin-bottom: 20px;
}

.overview-pages-element {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
}

.page-preview-card {
  border: 1.5px solid var(--color--dark);
  background-color: #fcf0e0;
  flex-flow: column;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.page-image-box {
  height: 362px;
  overflow: hidden;
}

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

.page-name-wrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  padding-top: 34px;
  padding-bottom: 34px;
  display: flex;
}

.checkout-form-summary {
  flex: 1;
  align-self: flex-start;
  position: sticky;
}

.checkout-form-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 56%;
  margin-right: 0;
  display: flex;
}

.pay-button {
  border-radius: var(--radius--33px);
  background-color: var(--color--primary);
  color: var(--color--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 58px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 32px;
  display: inline-flex;
}

.checkout-form-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--color--white);
  border-radius: 8px;
  flex-flow: column;
  margin-top: 0;
  margin-bottom: 0;
  padding: 24px;
  display: flex;
}

.checkout-form-block.order-summary-block {
  padding: 0;
}

.checkout-form-block-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-width: 0;
  border-color: var(--color--dark);
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.checkout-form-block-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-right-width: 0;
  border-right-color: var(--color--dark);
  border-bottom-width: 0;
  border-bottom-color: var(--color--dark);
  border-left-width: 0;
  border-left-color: var(--color--dark);
  flex-flow: column;
  padding: 0;
  display: flex;
}

.checkout-form-block-header-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
}

.required-icon {
  color: #f85505;
}

.checkout-form-field-lable {
  margin-bottom: 0;
  font-weight: 400;
}

.form-input-group {
  padding: 0;
}

.form-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-left: 0;
  margin-right: 0;
}

.shipping-method-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-right-width: 0;
  border-right-color: var(--color--dark);
  border-left-width: 0;
  border-left-color: var(--color--dark);
  flex-flow: column;
  display: flex;
}

.checkout-shipping-method-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom-width: 0;
  border-bottom-color: var(--color--dark);
  padding: 0;
}

.checkout-shipping-method-item-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
}

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

.checkout-radio-button {
  width: 20px;
  height: 20px;
}

.checkout-empty-state {
  border-right-width: 0;
  border-right-color: var(--color--dark);
  border-bottom-width: 0;
  border-bottom-color: var(--color--dark);
  border-left-width: 0;
  border-left-color: var(--color--dark);
}

.checkout-billing-address-toggle {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
}

.form-radio-checkbox {
  width: 18px;
  height: 18px;
  margin-top: -4px;
  margin-bottom: 0;
}

.checkout-checkbox-label {
  margin-left: 0;
}

.order-item-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 0;
  display: flex;
}

.checkout-order-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
}

.checkout-order-item-image {
  border-radius: var(--radius--10px);
  background-color: var(--color--section-bg-1);
  width: 104px;
  height: 104px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.image-full {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
}

.checkout-order-item-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.checkout-form-summary-inner {
  border: 2px solid var(--color--dark);
  background-color: var(--color--white);
  border-radius: 8px;
  padding: 40px;
}

.line-item {
  margin-bottom: 0;
}

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

.instruction-para {
  text-align: center;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.71429;
}

.order-summary {
  margin-bottom: 40px;
}

.order-summary.order-confirmation-page-summary {
  margin-bottom: 0;
}

.nav-right-menu {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu {
  position: static;
}

.navbar {
  z-index: 2147483647;
  border-bottom: 1px solid var(--color--dark);
  background-color: #fff;
  position: sticky;
  top: 0;
}

.brand-log-parent {
  justify-content: center;
  align-items: center;
  margin-left: 183px;
  margin-right: 0;
  display: flex;
}

.menu-button {
  padding: 4px;
}

.menu-text {
  font-size: 16px;
}

.menu-button-inner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-menu-link-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-menu-link-wrap._2 {
  display: none;
}

.checkout-web-payment {
  margin-bottom: 16px;
}

.icon {
  cursor: pointer;
}

.our-gallery-slider {
  background-color: var(--color--transparent);
  height: auto;
  margin-top: -246px;
  overflow: hidden;
}

.gallery-slider-mask {
  width: 316px;
  height: auto;
  margin-left: -260px;
  overflow: visible;
}

.gallery-slider-slide {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-right: 55px;
}

.gallery-slider-slide-inner {
  border: 2px solid var(--color--dark);
  border-radius: 158px;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

.gallery-slider-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .35s;
}

.gallery-slider-image:hover {
  transform: scale(1.1);
}

.gallery-slider-arrow {
  background-color: var(--color--white);
  color: var(--color--primary);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-family: "Fa Solid 900", sans-serif;
  line-height: 1;
  display: flex;
  inset: 0% 8% 0% auto;
  box-shadow: 0 2px 4px #0000001a;
}

.gallery-slider-arrow.left-arrow {
  inset: 0% auto 0% 8%;
}

.our-story-element {
  grid-column-gap: 44px;
  grid-row-gap: 44px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.our-story-para-wrap {
  margin-top: 24px;
  margin-bottom: 40px;
}

.timeline-element {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.timeline-item-wrap {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  display: flex;
}

.timeline-circle {
  z-index: 2;
  background-color: var(--color--primary);
  box-shadow: 0 0 0 10px var(--color--primary-8);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
  position: relative;
}

.timeline-count-number {
  color: var(--color--white);
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.timeline-item-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.timeline-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.timeline-bar-wrap {
  background-color: #00766b1a;
  width: 2px;
  height: 90%;
  margin-left: 31px;
  position: absolute;
}

.timeline-bar-thumb {
  background-color: var(--color--primary);
  height: 20%;
  position: absolute;
  inset: 0%;
}

.mask-image-inner {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden;
}

.mask-image-inner.home-hero-mask-image {
  height: 428px;
}

.mask-image-inner.feature-image-mask-inner {
  height: 387px;
}

.button-hover {
  z-index: 1;
  background-color: var(--color--dark);
  border-radius: 33px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  transform: translate(0, 101%);
}

.button-text {
  z-index: 2;
  text-transform: capitalize;
  position: relative;
}

.cta-image-inner {
  z-index: 2;
  border-radius: 462px;
  width: 344px;
  height: 462px;
  position: relative;
  overflow: hidden;
}

.class-list-main-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.class-list-main-image.template-main-image {
  height: 120%;
}

.dark-cta-image-wrap {
  height: 326px;
}

.job-template-image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.explore-our-company-item-image {
  object-fit: cover;
  width: 100%;
  height: 104%;
  transition: transform .35s;
}

.explore-our-company-item-image:hover {
  transform: scale(1.1);
}

.section-weekly-class {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.service-details-image {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.secondary-button-text {
  z-index: 2;
  color: var(--color--primary);
  position: relative;
}

.gallery-slider-arrow-icon {
  font-size: 24px;
}

.text-block {
  font-family: "Fa Solid 900", sans-serif;
}

.section-overview-statistics {
  background-color: var(--color--dark);
  color: var(--color--white);
  padding-top: 120px;
  padding-bottom: 120px;
}

.overview-statistics-title-wrap {
  margin-top: 12px;
  margin-bottom: 16px;
}

.overview-statistics-para-wrap {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.body-text-18px {
  font-family: var(--font-family--inter);
  font-size: 18px;
  line-height: 1.55556;
}

.opacity-70 {
  opacity: .7;
}

.statistics-feature-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.statistics-feature-item {
  flex-flow: column;
  display: flex;
}

.statistics-feature-item-image-wrap {
  background-color: var(--color--primary);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
}

.statistics-feature-item-image-wrap.bottom-padding-none {
  padding-bottom: 0;
}

.statistics-feature-item-title-wrap {
  background-color: var(--color--white);
  color: var(--color--dark);
  flex: 1;
  margin-top: auto;
  padding: 34px 16px;
}

.statistics-feature-item-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.figma-file-include-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--white);
  color: var(--color--dark);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.2fr;
  grid-auto-columns: 1fr;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  display: grid;
}

.figma-file-include-image-block {
  background-color: var(--color--background-1);
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.figma-file-include-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.figma-file-include-block-title-wrap {
  margin-top: 24px;
  margin-bottom: 16px;
}

.figma-file-include-block-para-wrap {
  max-width: 440px;
  margin-bottom: 32px;
}

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

.our-location-content-inner {
  flex-flow: column;
  display: flex;
}

.blog-item-image-main {
  object-fit: cover;
  width: 100%;
  height: 120%;
}

.our-story-element-left-inner {
  position: sticky;
  top: 10px;
}

.dropdown-copyright-text {
  font-family: var(--font-family--inter);
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.span-link {
  transition: color .35s;
}

.span-link:hover {
  color: var(--color--primary);
}

.show-on-tablet {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.other-user-button-text {
  z-index: 2;
  color: var(--color--dark);
  position: relative;
}

.other-user-button-icon {
  z-index: 2;
  position: relative;
}

.secondary-button {
  border: 1px solid var(--color--primary);
  border-radius: var(--radius--33px);
  color: var(--color--primary);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 225px;
  padding: 16px 0;
  transition: background-color .3s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.secondary-button.home-service-button {
  padding-top: 10px;
  padding-bottom: 10px;
}

.secondary-button.onblack {
  background-color: #fff;
}

.sign-up-button-text {
  z-index: 2;
  color: var(--color--primary);
  position: relative;
}

.overview-hero-button-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.statistics-feature-image {
  border: 10px solid #000;
}

.overview-page-cta-title {
  text-transform: capitalize;
}

.overview-page-cta-para-wrap {
  margin-top: 16px;
  margin-bottom: 32px;
}

.oval-shape-image-inner {
  justify-content: center;
  align-items: center;
  width: 130%;
  height: 110%;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(32deg);
}

.oval-shape-image-inner.home-feature-image-inner {
  width: 100%;
  top: 0%;
  left: 0%;
  transform: none;
}

.product-extra-feature-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.product-extra-feature-info {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.product-extra-feature-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.product-extra-title {
  font-family: var(--font-family--playfair-display);
  color: var(--color--primary);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}

.product-extra-feature-icon {
  align-self: flex-start;
}

.background-video {
  width: 100%;
  height: 100%;
}

.checkout-form-column {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.checkout-order-item-info {
  flex-flow: column;
  flex: 1;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.checkout-order-item-title {
  text-transform: uppercase;
  font-weight: 700;
}

.add-to-cart-info-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quantity {
  border-color: var(--color--dark);
  border-radius: 10px;
  width: 70px;
  height: 58px;
  margin-bottom: 0;
  padding-left: 30px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  transition: border-color .45s;
}

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

.add-to-cart-button {
  z-index: 3;
  background-color: var(--color--transparent);
  justify-content: center;
  align-items: center;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.add-to-cart-button.buy-now-button {
  margin-top: 0;
  display: flex;
}

.add-to-cart-button-group {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.out-of-stock-state, .error-state {
  border-radius: var(--radius--33px);
  text-align: center;
  background-color: #ea43351a;
  margin-top: 0;
  padding: 16px 32px;
}

.feature-background-video-wrap {
  position: absolute;
  inset: 0%;
}

.flowfye_badge {
  z-index: 9999;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: #fff;
  background-image: linear-gradient(90deg, #fe2712, #ea2113 90%);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: inline-flex;
  position: fixed;
  inset: auto 24px 24px auto;
  box-shadow: 0 6px 30px #1e1e1e66, inset 0 0 0 1px #fff3;
}

.flowfye_badge_icon {
  max-width: 24px;
}

.flowfye_badge_text_wrapper {
  position: relative;
  overflow: hidden;
}

.flowfye_badge_text {
  font-weight: 500;
}

.flowfye_badge_text.is-absolute {
  position: absolute;
}

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

.image {
  width: 200px;
}

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

.link-block {
  margin-left: 10px;
  margin-right: 10px;
}

.r3edlink {
  color: var(--color--primary);
  font-weight: 600;
  text-decoration: underline;
}

.div-block-2 {
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 15px;
  display: flex;
}

.div-block-3 {
  margin-left: 25px;
  margin-right: 25px;
}

.spc {
  color: var(--color--primary);
}

.image-2 {
  width: 100px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-4 {
  margin-bottom: 15px;
}

.section {
  padding-top: 50px;
}

.code-embed {
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  .nav-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .home-hero-element {
    grid-column-gap: 86px;
    grid-row-gap: 86px;
  }

  .icon-box {
    padding-left: 80px;
    padding-right: 80px;
  }

  .icon-box-title {
    font-size: 24px;
  }

  .footer-link-columns {
    grid-column-gap: 120px;
    grid-row-gap: 120px;
  }

  .feature-element {
    grid-column-gap: 174px;
    grid-row-gap: 174px;
  }

  .cta-dark-element.overview-page-cta-element {
    grid-column-gap: 130px;
  }

  .appointment-element {
    grid-column-gap: 132px;
    grid-row-gap: 132px;
  }

  .cta-element {
    grid-column-gap: 138px;
    grid-row-gap: 138px;
  }

  .contact-form-element {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .our-help-list-item {
    padding-left: 56px;
    padding-right: 56px;
  }

  .cta-dark-image-inner.overview-page-cta-image-inner {
    width: 560px;
  }

  .job-details-element {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .product-details-element {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .service-element {
    grid-column-gap: 170px;
    grid-row-gap: 170px;
  }

  .service-element.service-item-two {
    grid-column-gap: 130px;
    grid-row-gap: 130px;
  }

  .service-content-wrap {
    max-width: 100%;
  }

  .class-list-body-element {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .service-details-item {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-right-menu, .nav-menu {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .brand-log-parent {
    margin-right: 100px;
  }

  .nav-menu-link-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .dark-cta-image-wrap.overview-page-cta-image-wrap {
    height: 360px;
  }
}

@media screen and (min-width: 1440px) {
  .home-hero-image-element {
    width: 588px;
    max-width: 100%;
  }

  .feature-content-wrap {
    width: 100%;
    max-width: 504px;
  }

  .common-hero-component {
    position: relative;
  }
}

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

  h2 {
    font-size: 42px;
  }

  .nav-container {
    height: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-main.otu {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-main.otu.dar {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-main.otu.dar.arear {
    margin-bottom: 25px;
  }

  .home-hero-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .primary-button.cta-form-button {
    margin-top: 6px;
  }

  .image-mask.dark-cta-image-mask {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

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

  .icon-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .icon-box-title-wrap {
    margin-top: 24px;
  }

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

  .footer-top-component {
    padding-top: 80px;
  }

  .footer-top-element {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .footer-info-wrap {
    width: 100%;
    max-width: 460px;
  }

  .feature-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .mirror-shape-image-element.home-feature-image-element {
    width: 340px;
  }

  .mirror-shape-image-element.home-feature-image-element-two {
    width: 320px;
  }

  .mirror-shape-image-element.contact-us-mirror-shape-image, .mirror-shape-image-element.service-mirror-shape-image-element {
    width: 340px;
  }

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

  .testimonial-text {
    font-size: 30px;
  }

  .testimonial-arrow {
    inset: auto 0% 0% auto;
  }

  .testimonial-arrow.left-arrow {
    right: 54px;
  }

  .section-latest-product, .section-video-feature {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .feature-video-wrap {
    height: 360px;
  }

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

  .latest-blog-title-wrap {
    margin-bottom: 40px;
  }

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

  .blog-item-image-wrap {
    height: 280px;
  }

  .blog-title {
    font-size: 22px;
  }

  .feature-icon-wrap {
    width: 40px;
    height: 40px;
  }

  .feature-icon {
    width: 30px;
    height: 30px;
  }

  .section-common-hero, .section-common-hero.template-info-hero {
    padding-bottom: 80px;
  }

  .section-common-hero.faq-hero {
    padding-top: 80px;
  }

  .section-common-hero._404-hero {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-common-hero.job-template-hero {
    padding-bottom: 230px;
  }

  .section-common-hero.blog-template-hero {
    padding-bottom: 210px;
  }

  .section-common-hero.shop-location-hero {
    padding-top: 80px;
    padding-bottom: 230px;
  }

  .section-common-hero.class-list-template-hero {
    padding-bottom: 220px;
  }

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

  .class-list-tabs-menu {
    margin-bottom: 40px;
  }

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

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

  .breadcrumbs-inner {
    margin-bottom: 50px;
  }

  .heading-style-h2 {
    font-size: 42px;
  }

  .section-template-info-body {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .font-showcase-block {
    flex-flow: column;
    padding: 30px;
  }

  .heading-style-h1 {
    font-size: 44px;
  }

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

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

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

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

  .cta-dark-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .cta-dark-element.overview-page-cta-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .cta-dark-content-wrap {
    max-width: 580px;
  }

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

  .faq-tabs-menu {
    justify-content: center;
    align-items: center;
  }

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

  .appointment-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .our-benefit-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    margin-top: 30px;
  }

  .section-legal, .section-user-page {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .user-page-element {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .section-our-philosophy, .section-explore-our-company {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .explore-our-company-item-image-wrap {
    min-height: 180px;
  }

  .section-our-story, .section-our-instructors {
    padding-top: 80px;
    padding-bottom: 80px;
  }

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

  .brand-logos-list {
    margin-top: 30px;
  }

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

  .latest-blog-collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .section-our-gallery {
    padding-bottom: 80px;
  }

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

  .company-overview-element {
    grid-template-columns: 1fr;
  }

  .company-overview-title-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .job-info-parent {
    margin-top: 30px;
  }

  .section-all-product, .section-product-description {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .product-description-tabs-menu {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 30px;
    padding-bottom: 24px;
  }

  .section-product-review {
    padding-top: 80px;
    padding-bottom: 50px;
  }

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

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

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

  .cta-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .cta-form-block {
    margin-top: 40px;
  }

  .cta-form {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .background-type-one {
    width: calc(50vw + 160px);
  }

  .cta-image-wrap {
    width: 310px;
  }

  .primary-button-wrapper {
    margin-top: 40px;
  }

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

  .contact-form-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .section-our-help {
    padding-bottom: 80px;
  }

  .our-help-list-item {
    padding-left: 24px;
    padding-right: 24px;
  }

  .our-help-item-inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .help-item-title-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .help-link {
    font-size: 18px;
  }

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

  .all-blog-tabs {
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
  }

  .all-blog-tabs-menu {
    max-width: 100%;
    margin-top: 0;
  }

  .cta-dark-image-inner.overview-page-cta-image-inner {
    width: 540px;
  }

  .dark-cta-star {
    width: 115px;
  }

  .feature-blog-star {
    width: 80px;
  }

  .section-blog-description {
    padding-bottom: 80px;
  }

  .blog-main-image-wrap {
    height: 380px;
    margin-top: -180px;
  }

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

  .more-blog-collection-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .location-map-block {
    height: 380px;
    margin-top: -190px;
  }

  .section-shop-location {
    padding-bottom: 80px;
  }

  .shop-location-item {
    padding: 24px;
  }

  .shop-location-title {
    font-size: 20px;
  }

  .job-template-image-wrap {
    height: 380px;
    margin-top: -190px;
  }

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

  .job-details-element {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    grid-template-columns: 1.25fr;
  }

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

  .job-apply-form-wrapper {
    padding: 30px;
  }

  .job-apply-form-wrapper.apply-for-class-form-wrapper {
    padding: 24px;
    position: static;
  }

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

  .section-question-and-answer {
    padding-top: 56px;
    padding-bottom: 80px;
  }

  .product-details-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .product-main-image-wrap {
    width: 100%;
    height: 400px;
    padding: 30px;
  }

  .more-image-item-wrap {
    aspect-ratio: 1;
    height: 100%;
  }

  .background-type-two {
    width: calc(50vw + 160px);
  }

  .star-medium.feature-star-one {
    width: 90px;
    bottom: -8%;
    right: -13%;
  }

  .star-medium.shop-feature-star-image {
    left: -2%;
  }

  .star-medium.contact-us-star {
    width: 90px;
  }

  .star-medium.service-star {
    width: 90px;
    right: -8%;
  }

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

  .service-details-image-wrap {
    height: 380px;
  }

  .section-service-details {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-service-benefit {
    padding-top: 80px;
    padding-bottom: 50px;
  }

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

  .user-page-content-wrap {
    width: 100%;
    max-width: 500px;
  }

  .section-checkout-form {
    padding-bottom: 80px;
  }

  .checkout-form-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .product-name {
    font-size: 40px;
  }

  .price {
    font-size: 30px;
  }

  .our-location-tab-menu {
    padding: 4px 24px;
  }

  .mirror-shape-image-wrap.feature-mirror-shape-image {
    width: 321px;
    height: 420px;
  }

  .mirror-shape-image-wrap.feature-mirror-shape-image-two {
    width: 310px;
    height: 410px;
  }

  .mirror-shape-image-wrap.contact-us-mirror-image-wrap {
    width: 320px;
    height: 420px;
  }

  .mirror-shape-image-wrap.service-mirror-shape-image {
    width: 321px;
    height: 420px;
  }

  .feature-blog-image-element {
    width: 100%;
  }

  .service-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .service-element.service-item-two {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }

  .oval-shape-image-element.home-feature-image-element {
    width: 340px;
  }

  .oval-shape-image-element.feature-image-element {
    width: 330px;
  }

  .oval-shape-image-element.feature-image-element-two {
    width: 330px;
    transform: rotate(0);
  }

  .oval-shape-image-element.our-story-image-element {
    width: 280px;
  }

  .oval-shape-image-element.home-feature-image-element {
    width: 330px;
    transform: rotate(0);
  }

  .border-oval-shape.service-oval-shape-border-item-two {
    height: 100%;
    top: 0%;
  }

  .oval-shape-image-wrap.feature-oval-image, .oval-shape-image-wrap.feature-oval-image-two {
    width: 320px;
    height: 440px;
  }

  .oval-shape-image-wrap.our-story-oval-image {
    width: 270px;
    height: 350px;
  }

  .star-image.service-image-star {
    width: 98px;
  }

  .star-image.home-hero-image-star {
    width: 98px;
    top: -13%;
    right: 7%;
  }

  .star-image.service-image-star-two {
    width: 98px;
  }

  .user-page-logo-wrap {
    margin-bottom: 30px;
  }

  .class-list-info-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 9px;
  }

  .section-class-list-body {
    padding-bottom: 80px;
  }

  .class-list-main-image-wrap {
    height: 380px;
    margin-top: -190px;
    margin-bottom: 80px;
  }

  .class-list-body-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1.5fr;
  }

  .blog-card-image-wrap {
    height: 380px;
  }

  .class-help-info {
    margin-top: 30px;
  }

  .service-details-element {
    margin-top: 40px;
  }

  .nav-link-dropdown {
    width: 100%;
    display: block;
    position: relative;
  }

  .nav-link-dropdown-label {
    margin-left: 0;
    margin-right: 0;
  }

  .nav-link-dropdown-label.w--open {
    position: relative;
  }

  .nav-link-dropdown-list {
    width: 100vw;
  }

  .nav-link-dropdown-list.w--open {
    margin-top: 0;
    margin-left: -40px;
    top: 34px;
  }

  .dropdown-content {
    padding-top: 24px;
  }

  .help-item-title {
    font-size: 24px;
  }

  .overview-hero-element {
    grid-template-columns: 1fr;
  }

  .overview-hero-content-wrap {
    padding-top: 80px;
    padding-bottom: 30px;
  }

  .section-overview-pages {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .overview-pages-element {
    grid-template-columns: 1fr 1fr;
  }

  .page-image-box {
    height: 340px;
  }

  .page-name-wrap {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .checkout-form-summary {
    width: 100%;
  }

  .checkout-form-list {
    max-width: 100%;
  }

  .nav-right-menu {
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    max-width: 162px;
  }

  .nav-menu {
    z-index: 0;
    border-top: 1px solid var(--color--dark);
    background-color: var(--color--background-1);
    width: 100%;
    min-height: 50vh;
    padding: 40px;
    position: absolute;
  }

  .brand-log-parent {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

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

  .nav-menu-link-wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px;
  }

  .nav-menu-link-wrap._2 {
    display: flex;
  }

  .hide-on-tablet {
    display: none;
  }

  .gallery-slider-mask {
    margin-left: -150px;
  }

  .our-story-element {
    grid-template-columns: 1fr;
  }

  .our-story-para-wrap {
    margin-bottom: 30px;
  }

  .mask-image-inner.home-hero-mask-image, .mask-image-inner.feature-image-mask-inner {
    height: 270px;
  }

  .cta-image-inner {
    width: 290px;
    height: 400px;
  }

  .dark-cta-image-wrap.overview-page-cta-image-wrap {
    height: 340px;
  }

  .section-weekly-class, .section-overview-statistics {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .statistics-feature-item-image-wrap {
    min-height: 204.094px;
  }

  .statistics-feature-item-title-wrap {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .statistics-feature-item-title {
    font-size: 20px;
  }

  .figma-file-include-image-block {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
  }

  .show-on-tablet {
    flex: 1;
    max-width: 162px;
    display: flex;
  }

  .show-on-tablet.hide-on-mobile {
    display: none;
  }

  .figma-icon {
    width: 30px;
  }

  .oval-shape-image-inner {
    top: 0%;
    left: 0%;
    transform: none;
  }

  .our-story-content-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    display: flex;
  }

  .our-story-title-wrap {
    align-self: center;
  }

  .div-block-3 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .div-block-5 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .section-home-hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-main {
    padding-left: 30px;
    padding-right: 30px;
  }

  .home-hero-element {
    grid-template-columns: 1fr;
  }

  .home-hero-content-wrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .home-hero-para-wrap {
    text-align: center;
    margin-bottom: 30px;
  }

  .home-hero-image-element {
    width: 100%;
    height: auto;
  }

  .image-mask.home-hero-image-mask {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }

  .section-home-icon {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .icon-box-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .icon-box.icon-box-border {
    border-left-width: 0;
    border-right-width: 0;
  }

  .icon-box-title-wrap {
    margin-top: 22px;
  }

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

  .home-hero-title-wrap {
    text-align: center;
  }

  .footer-top-component {
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .footer-top-element {
    grid-row-gap: 40px;
  }

  .footer-link-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .footer-link-title {
    font-size: 20px;
  }

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

  .footer-bottom-element {
    text-align: center;
    flex-flow: column;
  }

  .footer-social-icons-wrap {
    order: -1;
  }

  .footer-social-icons-wrap.footer-social-in-dropdown {
    order: 0;
  }

  .section-social-post {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .social-post-title-wrap {
    margin-bottom: 40px;
  }

  .feature-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .feature-content-wrap.max-width-504px {
    text-align: center;
    max-width: 100%;
  }

  .feature-content-para-wrap {
    text-align: center;
  }

  .mirror-shape-image-element.home-feature-image-element-two {
    width: 340px;
  }

  .mirror-shape-image-element.user-page-image-element {
    width: 104%;
    height: 100%;
  }

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

  .testimonial-slide-inner {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .testimonial-text {
    font-size: 26px;
  }

  .section-latest-product {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .latest-product-element {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .product-item {
    width: 400px;
  }

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

  .section-video-feature {
    background-image: linear-gradient(180deg, var(--color--dark) 66%, var(--color--background-1) 66%);
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .video-feature-title-wrap {
    margin-bottom: 40px;
  }

  .feature-video-wrap {
    height: 300px;
  }

  .section-latest-blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .latest-blog-title-wrap {
    margin-bottom: 40px;
  }

  .blog-item {
    align-items: center;
  }

  .blog-item-image-wrap {
    width: 370px;
    height: 380px;
  }

  .blog-title {
    text-align: center;
    font-size: 22px;
  }

  .blog-learn-more-button-wrap {
    align-self: center;
  }

  .feature-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .feature-list-item {
    text-align: center;
    align-items: center;
  }

  .section-common-hero, .section-common-hero.template-info-hero {
    padding-bottom: 60px;
  }

  .section-common-hero.faq-hero {
    padding-top: 60px;
  }

  .section-common-hero.company-hero {
    padding-bottom: 280px;
  }

  .section-common-hero.job-template-hero {
    padding-bottom: 170px;
  }

  .section-common-hero.product-template-hero {
    padding-bottom: 60px;
  }

  .section-common-hero.blog-template-hero {
    padding-bottom: 200px;
  }

  .section-common-hero.shop-location-hero {
    padding-top: 60px;
    padding-bottom: 192px;
  }

  .section-common-hero.class-list-template-hero {
    padding-bottom: 190px;
  }

  .section-class-list {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .class-list-tabs-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .class-list-tab-link {
    font-size: 22px;
  }

  .class-list-item-image-wrap {
    height: 300px;
  }

  .class-start-date-wrap {
    bottom: 24px;
    left: 24px;
  }

  .class-item-title {
    font-size: 20px;
  }

  .class-list-item-info-icon {
    align-self: flex-start;
  }

  .section-marquee {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-our-service {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .breadcrumbs-inner {
    margin-bottom: 40px;
  }

  .section-template-info-body {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .font-showcase-text {
    font-size: 48px;
  }

  .section-feature-blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .section-all-blogs {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

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

  .faq-tabs-menu {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .faq-tabs-content {
    margin-top: 16px;
  }

  .faq-title {
    font-size: 20px;
  }

  .section-appointment, .section-legal {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .legal-rich-text h2 {
    font-size: 30px;
  }

  .legal-rich-text h3 {
    margin-top: 30px;
    font-size: 30px;
  }

  .legal-rich-text h1 {
    font-size: 30px;
  }

  ._404-para {
    margin-bottom: 30px;
    font-weight: 500;
  }

  .section-our-philosophy, .section-explore-our-company {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .explore-our-company-list {
    grid-template-columns: 1fr;
  }

  .explore-our-company-item {
    max-width: 420px;
  }

  .explore-our-company-item-image-wrap {
    min-height: 230px;
  }

  .explore-our-company-item-title {
    margin-top: 24px;
  }

  .section-our-story, .section-our-instructors {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-instructors-list {
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .our-instructors-image-wrap {
    min-height: 290px;
  }

  .section-brand-logos {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .brand-logos-list {
    margin-top: 24px;
  }

  .section-our-jobs {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .job-info-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .job-info-text.job-info-big-text {
    font-size: 18px;
  }

  .latest-blog-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .blog-item-content-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    text-align: center;
    align-items: center;
    max-width: 70%;
  }

  .section-our-gallery {
    padding-bottom: 60px;
  }

  .section-company-overview {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .company-overview-list-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .company-overview-item {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-all-product {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .product-category-link {
    font-size: 22px;
  }

  .section-product-description {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .product-description-tab-link {
    font-size: 18px;
  }

  .product-description h2, .product-description h3, .product-description h4, .product-description h1 {
    font-size: 28px;
  }

  .section-product-review {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .product-review-element {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .section-related-product {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .collection-list {
    grid-row-gap: 40px;
  }

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

  .cta-element {
    grid-template-columns: 1fr;
  }

  .cta-element.image-on-right {
    grid-template-columns: 2fr;
  }

  .cta-form-block {
    margin-top: 24px;
  }

  .background-type-one {
    width: 100%;
  }

  .cta-content-wrap {
    text-align: center;
  }

  .section-contact-form {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-form-element {
    grid-template-columns: 1fr;
  }

  .contact-form-title-wrap {
    text-align: center;
    max-width: 100%;
  }

  .contact-form {
    grid-row-gap: 40px;
  }

  .section-our-help {
    padding-bottom: 60px;
  }

  .our-help-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .our-help-list-item.left-and-right-border {
    border-left-width: 0;
    border-right-width: 0;
  }

  .our-help-item-inner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
  }

  .section-our-location {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cta-dark-image-wrap {
    display: none;
  }

  .cta-dark-image-wrap.overview-page-cta-image-wrap {
    display: block;
  }

  .all-blog-tabs-menu {
    justify-content: center;
    align-items: center;
  }

  .cta-dark-image-inner.overview-page-cta-image-inner {
    width: 360px;
  }

  .dark-cta-star {
    width: 98px;
  }

  .section-blog-description {
    padding-bottom: 60px;
  }

  .blog-main-image-wrap {
    height: 300px;
    margin-top: -170px;
    margin-bottom: 40px;
  }

  .section-more-blog {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .more-blog-collection-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .location-map-block {
    height: 310px;
    margin-top: -154px;
  }

  .section-shop-location {
    padding-bottom: 60px;
  }

  .shop-location-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .shop-location-item {
    border-left-width: 0;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 30px;
  }

  .shop-location-title {
    margin-bottom: 8px;
  }

  .job-template-image-wrap {
    height: 230px;
    margin-top: -130px;
  }

  .section-job-details {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .job-details-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .section-more-jobs {
    padding-top: 60px;
    padding-bottom: 60px;
  }

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

  .product-divider.product-details-page {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .faq-list-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .section-question-and-answer {
    padding-top: 36px;
    padding-bottom: 60px;
  }

  .question-answer-title-wrap {
    position: static;
  }

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

  .product-image-column {
    width: 100%;
  }

  .product-main-image-wrap {
    max-width: 100%;
  }

  .add-to-cart-wrap {
    margin-top: 30px;
  }

  .background-type-two {
    width: 100%;
  }

  .home-feature-title-wrap {
    text-align: center;
    max-width: 100%;
  }

  .star-medium.feature-star-two, .star-medium.feature-star-one {
    width: 98px;
  }

  .star-medium.contact-us-star {
    width: 98px;
    bottom: -20px;
    right: -57px;
  }

  .star-medium.service-star {
    width: 98px;
    right: -12%;
  }

  .section-latest-class {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .class-list-element {
    margin-top: 40px;
  }

  .service-details-image-wrap {
    height: 300px;
  }

  .section-service-benefit {
    padding-top: 60px;
    padding-bottom: 30px;
  }

  .service-benefit-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .section-home-service {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .home-service-element {
    grid-template-columns: 1fr;
  }

  .home-service-collection-wrap {
    margin-top: 24px;
  }

  .user-page-star-icon {
    width: 115px;
    left: -36px;
  }

  .section-checkout-form {
    padding-bottom: 60px;
  }

  .section-checkout-form.section-paypal-checkout {
    padding-top: 60px;
  }

  .product-categories-wrap {
    margin-bottom: 40px;
  }

  .feature-title-wrap {
    text-align: center;
  }

  .product-name {
    font-size: 36px;
  }

  .price {
    font-size: 26px;
  }

  ._404-element {
    min-height: 400px;
  }

  .our-location-tab-wrap {
    margin-top: 40px;
  }

  .our-location-tab {
    grid-template-columns: 2fr;
  }

  .our-location-tab-content {
    min-height: 500px;
  }

  .our-location-tab-title {
    text-align: center;
  }

  .mirror-shape-image-wrap.feature-mirror-shape-image {
    height: 410px;
  }

  .mirror-shape-image-wrap.user-page-image {
    width: 400px;
  }

  .mirror-shape-image-wrap.feature-mirror-shape-image-two {
    width: 322px;
  }

  .mirror-shape-image-wrap.contact-us-mirror-image-wrap, .mirror-shape-image-wrap.service-mirror-shape-image {
    height: 410px;
  }

  .service-element {
    grid-template-columns: 1fr;
  }

  .service-element.service-item-two {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1.5fr;
  }

  .service-button-group {
    justify-content: center;
    align-items: center;
  }

  .service-short-description-wrap {
    margin-bottom: 30px;
  }

  .oval-shape-image-element.our-story-image-element {
    width: 260px;
  }

  .service-content-wrap {
    text-align: center;
  }

  .oval-shape-image-wrap.our-story-oval-image {
    width: 250px;
  }

  .star-image.home-hero-image-star {
    top: -7%;
    right: 12%;
  }

  .job-description h2, .job-description h3, .job-description h1 {
    font-size: 30px;
  }

  .see-all-jobs-button-wrap {
    flex: none;
  }

  .primary-button-wrap.service-template-hero {
    margin-top: 30px;
  }

  .primary-button-wrap.feature-button {
    text-align: center;
  }

  .section-class-list-body {
    padding-bottom: 60px;
  }

  .class-list-main-image-wrap {
    height: 300px;
    margin-top: -160px;
    margin-bottom: 60px;
  }

  .blog-description h2 {
    font-size: 30px;
  }

  .blog-description h3 {
    margin-top: 30px;
    font-size: 30px;
  }

  .blog-description h1 {
    font-size: 30px;
  }

  .blog-description h4 {
    margin-top: 30px;
  }

  .blog-description figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .blog-section-title {
    text-align: center;
  }

  .blog-card-image-wrap {
    width: 370px;
  }

  .blog-title-wrap {
    max-width: 80%;
  }

  .class-list-description h2 {
    font-size: 30px;
  }

  .class-list-description h3 {
    margin-top: 30px;
    font-size: 30px;
  }

  .class-list-description h1 {
    font-size: 30px;
  }

  .class-list-description h4 {
    margin-top: 30px;
  }

  .class-list-description figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .service-details-element {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .service-details-item {
    border-right-width: 0;
    width: 100%;
    max-width: 420px;
  }

  .service-details-rich-text h2, .service-details-rich-text h3, .service-details-rich-text h1, .service-details-rich-text h4 {
    margin-top: 24px;
  }

  .dropdown-content {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdown-content-link-wrap {
    flex-flow: wrap;
  }

  .dropdown-list-column {
    flex: 1;
  }

  .dropdown-list-aside {
    width: 100%;
  }

  .navbar-aside-title {
    max-width: 100%;
  }

  .dropdown-list-footer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
  }

  .overview-hero-content-wrap {
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .overview-hero-image-element {
    max-height: 640px;
  }

  .overview-hero-para-wrap {
    margin-bottom: 30px;
  }

  .overview-pages-element {
    grid-template-columns: 1fr;
  }

  .checkout-form-block-header-title {
    font-size: 24px;
  }

  .form-row {
    flex-flow: column;
  }

  .checkout-shipping-method-item-content {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .gallery-slider-mask {
    width: 260px;
  }

  .gallery-slider-slide {
    margin-right: 40px;
  }

  .gallery-slider-slide-inner {
    height: 400px;
  }

  .our-story-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .our-story-image-wrap {
    align-self: flex-start;
  }

  .mask-image-inner.home-hero-mask-image {
    height: 370px;
  }

  .mask-image-inner.feature-image-mask-inner {
    height: 300px;
  }

  .dark-cta-image-wrap.overview-page-cta-image-wrap {
    height: 240px;
  }

  .section-weekly-class, .section-overview-statistics {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .statistics-feature-wrap {
    grid-template-columns: 1fr;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .figma-file-include-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    padding: 30px;
  }

  .figma-file-include-image-block {
    padding-right: 16px;
  }

  .page-name {
    font-size: 28px;
  }

  .our-location-content-inner {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .statistics-feature-image {
    object-fit: contain;
    width: 100%;
    height: 100%;
  }

  .our-story-content-wrap {
    flex-flow: column;
  }

  .quantity {
    width: 60px;
    height: 50px;
    padding-left: 24px;
  }

  .home-service-title-wrap {
    text-align: center;
  }

  .div-block-2 {
    margin-bottom: 20px;
  }

  .spc {
    line-height: 1.5;
  }
}

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

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 30px;
  }

  .nav-container {
    padding-left: 5px;
  }

  .container-main {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container-main.otu {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-top-component {
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-link-columns {
    grid-column-gap: 0px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .feature-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .mirror-shape-image-element.home-feature-image-element, .mirror-shape-image-element.home-feature-image-element-two {
    width: 100%;
  }

  .mirror-shape-image-element.user-page-image-element {
    width: 90%;
  }

  .mirror-shape-image-element.contact-us-mirror-shape-image, .mirror-shape-image-element.service-mirror-shape-image-element {
    width: 100%;
  }

  .testimonial-arrow {
    margin-top: 30px;
    display: inline-flex;
    position: relative;
  }

  .testimonial-arrow.left-arrow {
    margin-right: 16px;
    right: 0;
  }

  .product-item {
    width: 100%;
    min-height: 410px;
    padding: 40px 24px 24px;
  }

  .section-video-feature {
    background-image: linear-gradient(180deg, var(--color--dark) 70%, var(--color--background-1) 70%);
  }

  .feature-video-wrap {
    height: 200px;
  }

  .blog-item-image-wrap {
    width: 100%;
    height: 300px;
  }

  .blog-title {
    font-size: 20px;
  }

  .feature-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .section-common-hero._404-hero {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-common-hero.job-template-hero, .section-common-hero.blog-template-hero {
    padding-bottom: 130px;
  }

  .section-common-hero.shop-location-hero {
    padding-bottom: 180px;
  }

  .section-common-hero.class-list-template-hero {
    padding-bottom: 130px;
  }

  .section-class-list {
    padding-top: 40px;
  }

  .class-list-item-info-time.class-list-info-text {
    justify-content: center;
    align-items: center;
  }

  .small-dot {
    display: block;
  }

  .section-marquee {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .breadcrumbs-inner {
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
  }

  .heading-style-h2 {
    font-size: 36px;
  }

  .template-info-block {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .heading-style-h1 {
    font-size: 40px;
  }

  .heading-style-h3 {
    font-size: 30px;
  }

  .blog-info-wrap {
    justify-content: center;
    align-items: center;
  }

  .blog-info-wrap.feature-blog-info {
    justify-content: flex-start;
    align-items: center;
  }

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

  .faq-tab-link {
    font-size: 16px;
  }

  .faq-tabs-content {
    margin-top: 0;
  }

  .faq-title {
    font-size: 18px;
  }

  .legal-rich-text h2, .legal-rich-text h3, .legal-rich-text h1 {
    font-size: 28px;
  }

  ._404-para {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .section-user-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .user-page-element {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .explore-our-company-item-image-wrap {
    min-height: 170px;
  }

  .our-instructors-list {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

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

  .our-instructors-image-wrap {
    min-height: 310px;
  }

  .job-item-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .job-apply-button {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .job-info-wrap.jobs-template-hero {
    justify-content: center;
    align-items: center;
  }

  .job-info-text.job-info-big-text {
    font-size: 16px;
  }

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

  .blog-item-content-wrap {
    max-width: 100%;
  }

  .company-overview-title-wrap {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .company-overview-list-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .company-overview-item {
    text-align: center;
    border-left-width: 0;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .product-description-tabs-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
  }

  .product-description h2, .product-description h3, .product-description h4, .product-description h1 {
    font-size: 26px;
  }

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

  .cta-image-wrap {
    width: 100%;
  }

  .image-border {
    left: 3%;
  }

  .cta-star {
    width: 70px;
  }

  .contact-form {
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
  }

  .help-link {
    text-align: center;
    font-size: 16px;
  }

  .dark-cta-form {
    grid-template-columns: 1fr;
  }

  .all-blog-tabs-menu {
    justify-content: flex-start;
    align-items: center;
  }

  .cta-dark-image-inner.overview-page-cta-image-inner {
    width: 270px;
  }

  .dark-cta-star {
    width: 70px;
  }

  .feature-blog-star {
    width: 60px;
  }

  .blog-main-image-wrap {
    height: 190px;
    margin-top: -100px;
  }

  .location-map-block {
    height: 280px;
    margin-top: -140px;
  }

  .shop-location-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .shop-location-item {
    padding-left: 0;
  }

  .job-template-image-wrap {
    height: 190px;
    margin-top: -100px;
  }

  .job-apply-form-wrapper {
    padding: 16px;
  }

  .question-answer-title-wrap {
    text-align: center;
  }

  .product-more-image-list {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .more-image-item-wrap {
    aspect-ratio: 3 / 2;
    height: 100%;
  }

  .border-mirror-shape.home-feature-border-shape, .border-mirror-shape.contact-us-mirror-border {
    right: -2%;
  }

  .video-play-icon-wrap {
    width: 60px;
    height: 60px;
  }

  .play-button-icon {
    width: 18px;
  }

  .star-medium.feature-star-two {
    width: 70px;
    right: -2%;
  }

  .star-medium.feature-star-one {
    width: 70px;
    bottom: -9%;
    right: -2%;
  }

  .star-medium.contact-us-star {
    width: 70px;
    bottom: -50px;
    right: -10px;
  }

  .star-medium.service-star {
    width: 70px;
    bottom: -9%;
    right: -2%;
  }

  .service-details-image-wrap {
    height: 190px;
  }

  .user-page-image-wrap {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .user-page-star-icon {
    width: 98px;
    left: -1%;
  }

  .heading {
    font-size: 48px;
  }

  .product-name {
    font-size: 32px;
  }

  ._404-element {
    min-height: 100%;
  }

  .our-location-tab-menu, .our-location-tab-link, .our-location-content-wrap {
    width: 100%;
  }

  .mirror-shape-image-wrap.feature-mirror-shape-image {
    width: 100%;
    height: 370px;
  }

  .mirror-shape-image-wrap.user-page-image {
    width: 94%;
  }

  .mirror-shape-image-wrap.feature-mirror-shape-image-two {
    width: 100%;
    height: 350px;
  }

  .mirror-shape-image-wrap.contact-us-mirror-image-wrap {
    width: 100%;
    height: 370px;
  }

  .mirror-shape-image-wrap.service-mirror-shape-image {
    width: 288px;
    height: 370px;
  }

  .oval-shape-image-element.home-feature-image-element, .oval-shape-image-element.feature-image-element, .oval-shape-image-element.feature-image-element-two {
    width: 100%;
  }

  .oval-shape-image-element.our-story-image-element {
    width: 100%;
    max-width: 300px;
  }

  .oval-shape-image-element.home-feature-image-element {
    width: 100%;
  }

  .border-oval-shape.service-oval-shape-border, .border-oval-shape.service-oval-shape-border-item-two {
    right: -2%;
  }

  .oval-shape-image-wrap.feature-oval-image {
    width: 100%;
    max-width: 288px;
    height: 400px;
  }

  .oval-shape-image-wrap.feature-oval-image-two {
    width: 288px;
    max-width: 100%;
    height: 400px;
  }

  .oval-shape-image-wrap.our-story-oval-image {
    width: 100%;
    max-width: 288px;
    height: 400px;
  }

  .star-image.service-image-star {
    width: 70px;
  }

  .star-image.home-hero-image-star {
    width: 70px;
    top: -8%;
    right: 11%;
  }

  .star-image.service-image-star-two {
    width: 70px;
    right: -6%;
  }

  .star-image.our-story-image-star {
    width: 70px;
  }

  .changelog-content-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .job-description h2, .job-description h3, .job-description h1 {
    font-size: 28px;
  }

  .cv-upload-box {
    padding: 16px;
  }

  .form-file-upload {
    font-size: 14px;
  }

  .class-list-main-image-wrap {
    height: 190px;
    margin-top: -100px;
    margin-bottom: 40px;
  }

  .blog-description h2, .blog-description h3 {
    font-size: 28px;
  }

  .blog-description p {
    margin-top: 16px;
  }

  .blog-description h1 {
    font-size: 28px;
  }

  .blog-description figure {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .blog-card-image-wrap {
    width: 100%;
    height: 300px;
  }

  .blog-title-wrap {
    max-width: 100%;
  }

  .class-list-description h2, .class-list-description h3 {
    font-size: 28px;
  }

  .class-list-description p {
    margin-top: 16px;
  }

  .class-list-description h1 {
    font-size: 28px;
  }

  .class-list-description figure {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .nav-link-dropdown-list.w--open {
    margin-left: -16px;
  }

  .dropdown-content {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-content-link-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
  }

  .dropdown-column-title {
    font-size: 18px;
  }

  .dropdown-list-link-wap {
    margin-left: 16px;
  }

  .navbar-aside {
    padding: 16px 24px;
  }

  .navbar-aside-title {
    font-size: 30px;
  }

  .nabbar-aside-button-wrap {
    margin-bottom: 0;
  }

  .help-item-title {
    font-size: 24px;
  }

  .cart-details-wrap {
    margin-left: 0;
    margin-right: 0;
  }

  .cart-item {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
  }

  .subtotal {
    font-size: 20px;
  }

  .overview-hero-image-element {
    max-height: 570px;
  }

  .page-image-box {
    height: 300px;
  }

  .page-name-wrap {
    padding-top: 16px;
    padding-bottom: 16px;
  }

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

  .checkout-form-block-header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .order-item-list {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .checkout-order-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .checkout-order-item-image {
    width: 100%;
    height: 120px;
  }

  .checkout-order-item-details {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }

  .checkout-form-summary-inner {
    padding: 30px;
  }

  .order-summary {
    margin-bottom: 30px;
  }

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

  .nav-menu {
    padding: 30px 16px;
  }

  .brand-log-parent {
    flex: none;
  }

  .gallery-slider-mask {
    margin-left: 0;
  }

  .timeline-item-wrap {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .timeline-circle {
    box-shadow: 0 0 0 8px var(--color--primary-8);
    width: 40px;
    height: 40px;
  }

  .timeline-bar-wrap {
    height: 86%;
    margin-left: 20px;
  }

  .mask-image-inner.home-hero-mask-image {
    height: 250px;
  }

  .mask-image-inner.feature-image-mask-inner {
    height: 220px;
  }

  .cta-image-inner {
    width: 100%;
    max-width: 288px;
    height: 390px;
  }

  .dark-cta-image-wrap.overview-page-cta-image-wrap {
    height: 160px;
  }

  .statistics-feature-item-image-wrap, .figma-file-include-block {
    padding: 16px;
  }

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

  .overview-hero-button-group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .our-story-content-wrap {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .add-to-cart-info-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .flowfye_badge {
    padding: 10px;
    bottom: 16px;
    right: 16px;
  }

  .flowfye_badge_icon {
    max-width: 16px;
  }

  .flowfye_badge_text {
    font-size: 14px;
  }

  .image {
    width: 225px;
  }

  .div-block {
    display: block;
  }

  .link-block.top {
    margin-bottom: 20px;
  }

  .div-block-2 {
    margin-bottom: 0;
    display: block;
  }

  .div-block-3 {
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  .image-2 {
    width: 125px;
  }

  .div-block-5 {
    padding-left: 5%;
    padding-right: 5%;
  }
}

#w-node-_6034d295-786a-77bf-c673-55d0ce37b07d-5f2f711d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_292b2d87-ee7a-bd5b-91a9-faac5032ca5e-5f2f711d {
  align-self: end;
}

#w-node-b1c948d7-bbfa-968e-6d77-df7289dfbe81-5f2f7120 {
  place-self: start;
}

#w-node-b1c948d7-bbfa-968e-6d77-df7289dfbe83-5f2f7120 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ac34541a-df95-15ab-c08c-a21ad7bc1a5f-5f2f7120 {
  place-self: start;
}

#w-node-ac34541a-df95-15ab-c08c-a21ad7bc1a62-5f2f7120 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8fef5c0a-8f20-06f5-0c1d-5f2d744ecafb-5f2f7120 {
  place-self: start;
}

#w-node-_8fef5c0a-8f20-06f5-0c1d-5f2d744ecafe-5f2f7120 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f630e248-e2bb-c980-8332-807a2686723e-5f2f7120 {
  place-self: start;
}

#w-node-f630e248-e2bb-c980-8332-807a26867241-5f2f7120 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2bfb1bcc-a3f5-ff6d-644d-7492dd4059f1-5f2f7120 {
  place-self: start;
}

#w-node-_2bfb1bcc-a3f5-ff6d-644d-7492dd4059f4-5f2f7120 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_1beb91f7-8e6b-7895-74d9-0169faeb26f7-5f2f7123, #w-node-_53f49e01-26a3-d9aa-747f-f4528793d203-5f2f7123 {
  place-self: center;
}

#w-node-e6379374-f587-3801-1d61-3eee5706a506-5f2f7123, #w-node-c83badad-b65c-dba0-4c3b-ca7e57da1a9b-57da1a91 {
  align-self: center;
}

#w-node-_2282b8e5-36a1-f5f1-a77a-2a0aae5d52b1-57da1a91 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_9dd63822-b160-e979-7105-562aff50514e-5f2f7129 {
  align-self: center;
}

#w-node-_8403cce7-71a9-118d-0af0-28764a736e04-5f2f7133 {
  place-self: center;
}

#w-node-e7fab285-e404-1456-fac5-ae512675704d-26757049 {
  align-self: start;
}

#w-node-_74da94bf-fac6-c83a-899c-6f9cccafa607-ccafa5f9 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-_74da94bf-fac6-c83a-899c-6f9cccafa60f-ccafa5f9 {
  align-self: end;
}

#w-node-_53f57e84-ee90-589f-a43a-b45374bc797e-5f2f7137 {
  align-self: center;
}

@media screen and (min-width: 1440px) {
  #w-node-_6034d295-786a-77bf-c673-55d0ce37b07d-5f2f711d {
    align-self: center;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-_1beb91f7-8e6b-7895-74d9-0169faeb26f7-5f2f7123, #w-node-_53f49e01-26a3-d9aa-747f-f4528793d203-5f2f7123, #w-node-_8403cce7-71a9-118d-0af0-28764a736e04-5f2f7133 {
    justify-self: start;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_292b2d87-ee7a-bd5b-91a9-faac5032ca5e-5f2f711d {
    place-self: end center;
  }

  #w-node-c83badad-b65c-dba0-4c3b-ca7e57da1a96-57da1a91 {
    align-self: center;
  }

  #w-node-_2282b8e5-36a1-f5f1-a77a-2a0aae5d52b1-57da1a91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_8403cce7-71a9-118d-0af0-28764a736dfe-5f2f7133 {
    align-self: center;
  }

  #w-node-_74da94bf-fac6-c83a-899c-6f9cccafa60f-ccafa5f9 {
    place-self: end center;
  }

  #w-node-_86226019-a0f5-03bb-21c2-f23fc114ee3f-5f2f7139 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_292b2d87-ee7a-bd5b-91a9-faac5032ca48-5f2f711d {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_292b2d87-ee7a-bd5b-91a9-faac5032ca5e-5f2f711d {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: end center;
  }

  #w-node-_69202ecd-152a-b7d9-04c7-4d583ac7d8aa-5f2f7123, #w-node-_1beb91f7-8e6b-7895-74d9-0169faeb26f7-5f2f7123, #w-node-_53f49e01-26a3-d9aa-747f-f4528793d203-5f2f7123 {
    justify-self: center;
  }

  #w-node-_53f49e01-26a3-d9aa-747f-f4528793d1fd-5f2f7123 {
    order: -9999;
    justify-self: center;
  }

  #w-node-e6379374-f587-3801-1d61-3eee5706a505-5f2f7123 {
    place-self: center;
  }

  #w-node-e6379374-f587-3801-1d61-3eee5706a506-5f2f7123, #w-node-c83badad-b65c-dba0-4c3b-ca7e57da1a96-57da1a91, #w-node-_2282b8e5-36a1-f5f1-a77a-2a0aae5d52b1-57da1a91, #w-node-_5bd3cf1b-621b-93dd-789f-eef45cc8ec14-5f2f7129, #w-node-_5b6b647e-9604-1fa0-1bdb-668f27d9ec4d-5f2f7129 {
    justify-self: center;
  }

  #w-node-_9c06ed1d-55d3-a0fe-cfc3-a6e1256d09fb-5f2f7129 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_8403cce7-71a9-118d-0af0-28764a736dfe-5f2f7133, #w-node-_8403cce7-71a9-118d-0af0-28764a736e04-5f2f7133 {
    justify-self: center;
  }

  #w-node-_74da94bf-fac6-c83a-899c-6f9cccafa5fc-ccafa5f9 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-a95c2fd0-a1e4-f45b-2601-b98911ff519a-5f2f7137, #w-node-_53f57e84-ee90-589f-a43a-b45374bc7979-5f2f7137, #w-node-_86226019-a0f5-03bb-21c2-f23fc114ee3f-5f2f7139 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_7b0417ed-5033-c894-ca99-5567e621e26b-e621e22a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2282b8e5-36a1-f5f1-a77a-2a0aae5d52b1-57da1a91 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-_74da94bf-fac6-c83a-899c-6f9cccafa607-ccafa5f9 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a95c2fd0-a1e4-f45b-2601-b98911ff519a-5f2f7137, #w-node-_86226019-a0f5-03bb-21c2-f23fc114ee3f-5f2f7139 {
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v13-latin-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v13-latin-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v13-latin-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-v13-latin-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Regular 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa Solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa V 4 Compatibility';
  src: url('../fonts/fa-v4compatibility.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair display';
  src: url('../fonts/PlayfairDisplay-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair display';
  src: url('../fonts/PlayfairDisplay-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair display';
  src: url('../fonts/PlayfairDisplay-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair display';
  src: url('../fonts/PlayfairDisplay-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfair display';
  src: url('../fonts/PlayfairDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}