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

@font-face {
  font-family: Jaime Blues;
  src: url('../fonts/Jaime-Blues.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Db Heavent Bd Cond It V 3";
  src: url('../fonts/DB-Heavent-Bd-Cond-It-v3.2.1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Db Heavent Bd Cond V 3";
  src: url('../fonts/DB-Heavent-Bd-Cond-v3.2.1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Db Heavent Cond V 3";
  src: url('../fonts/DB-Heavent-Cond-v3.2.1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Db Heavent Cond It V 3";
  src: url('../fonts/DB-Heavent-Cond-It-v3.2.1.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --background: #fcf4f0;
  --title-text: #746e69;
  --text-light: #b0aeaf;
  --a-txt: #3d3f44c7;
  --a-title: #382b2a;
  --violet: #7e315b;
  --price: #5f1b40;
  --main: var(--title-text);
  --main-select: #ec9325b5;
  --white: white;
  --a-txt-second: #696262;
  --red: #db3529;
  --green: #7dbfa2;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

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

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

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

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

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

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

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

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

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

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

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  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;
}

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

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

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

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

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

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

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

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

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

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

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

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

body {
  background-color: var(--background);
  color: var(--title-text);
  font-family: Poppins;
  font-size: 16px;
  line-height: 1.2;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 500;
  line-height: 1.2;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.2;
}

p {
  margin-bottom: 0;
}

.section {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container {
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.navigation {
  background-color: #fff;
  border-right: 2px solid #cfaf6f17;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 210px;
  max-width: 300px;
  height: 100vh;
  padding: 45px 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.content {
  background-image: url('../images/mg02333.jpg');
  background-position: 0 0;
  background-size: contain;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 45px;
  position: relative;
}

.logo-link {
  text-align: center;
  margin-bottom: 60px;
  display: block;
}

.logo {
  width: auto;
}

.user-wrap {
  flex-direction: column;
  align-items: center;
  margin-bottom: 50px;
  display: flex;
}

.user-image {
  object-fit: cover;
  border-radius: 40px;
  width: 100%;
  height: 100%;
}

.user-image__wrap {
  border-radius: 50%;
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
}

.p-17 {
  font-size: 17px;
  font-weight: 500;
}

.p-17.mb-5 {
  margin-bottom: 5px;
}

.text-light {
  color: var(--text-light);
  font-size: 12px;
}

.radius-wrap {
  grid-column-gap: 8px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 9px 13px;
  display: flex;
  box-shadow: 0 10px 20px #00000014;
}

.embed-icon.red {
  color: #af3140;
}

.p-12 {
  font-size: 12px;
  font-weight: 500;
}

.menu-wrap {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.menu-link {
  grid-column-gap: 8px;
  opacity: .55;
  filter: grayscale();
  color: var(--title-text);
  align-items: center;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: filter .2s, opacity .2s;
  display: flex;
}

.menu-link:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.menu-link.w--current {
  opacity: 1;
  filter: none;
}

.content-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px;
  display: none;
}

.heading-l {
  grid-column-gap: 25px;
  align-items: center;
  display: block;
}

.heading-p {
  color: #8b837f;
  margin-top: 15px;
  font-family: Sarabun, sans-serif;
  font-size: 18px;
  display: none;
}

.grid-field {
  color: var(--title-text);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: box-shadow .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px 8px #cfaf6f14;
}

.grid-field:hover {
  transform: translate(0, -18px);
  box-shadow: 0 14px 20px 4px #ca6e163b;
}

.field-top {
  width: 100%;
  padding: 171px 12px 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  position: relative;
}

.field-bot {
  border-top: 1px solid #fcf4f0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  inset: auto 0% 0%;
}

.field-h {
  color: var(--a-txt);
  margin-top: 100px;
  margin-bottom: 4px;
  font-family: Gabarito, sans-serif;
  font-size: 17px;
  font-weight: 500;
}

.mb-5 {
  margin-bottom: 5px;
}

.navbar, .nav-shadow, .hide {
  display: none;
}

.hol-cat-menu {
  flex-wrap: wrap;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 4px;
  padding-left: 20px;
  display: flex;
}

.cp {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.card-first-2 {
  color: #434a57;
  background-color: #fff;
  border: 2px solid #cfaf6f69;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 256px;
  margin-bottom: 20px;
  margin-right: 20px;
  text-decoration: none;
  transition: box-shadow .3s ease-in-out;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 16px 8px #cfaf6f14;
}

.card-first-2:hover {
  box-shadow: 0 6px 20px 4px #ca6e163b;
}

.card-first-2.hide {
  display: none;
}

.big-img {
  object-fit: cover;
  width: 100%;
  height: 172px;
}

.text-block {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  font-family: Gabarito, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.z-header {
  padding-top: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 28px;
  font-weight: 500;
}

.header-title {
  color: #454a56;
  margin-top: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.img-food {
  object-fit: cover;
  width: 100%;
  height: 256px;
  position: absolute;
  inset: 0% 0% auto;
}

.heading {
  color: #454a56;
  font-family: Vollkorn, serif;
  font-weight: 700;
}

._4-grid-2 {
  grid-column-gap: 15px;
  grid-row-gap: 41px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 44px;
  padding-bottom: 44px;
  display: grid;
}

.banner-img {
  object-fit: cover;
  width: 100%;
  height: 33vh;
}

.txt-banner {
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.z-banner {
  margin-bottom: 24px;
  display: none;
  position: relative;
}

.z-banner.hide {
  display: none;
}

.banner {
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.menu-top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 82px;
  padding-left: 6px;
  padding-right: 6px;
  display: flex;
  overflow: auto;
}

.m-m {
  color: #60626b;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  min-width: 72px;
  height: 82px;
  min-height: 82px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.m-m.w--current {
  color: #362709;
  font-weight: 600;
  text-decoration: none;
}

.m-m.hide {
  display: none;
}

.z-header-2 {
  padding-top: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 28px;
  font-weight: 500;
}

.lng-btn {
  color: #6f5234;
  background-color: #f0c471;
  border-radius: 12px;
  padding: 8px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.img-logo {
  border-radius: 32px;
  width: 64px;
  height: 64px;
}

.lgnb {
  width: 64px;
  height: 64px;
  margin-top: 9px;
  margin-left: 8px;
  display: none;
}

.tabtop {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 0;
}

.icn-mm-brunch {
  min-width: 32px;
  max-width: 32%;
  min-height: 32px;
  margin: 4px 0;
}

.row {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 64px;
  grid-auto-columns: 1fr;
  align-items: center;
  height: 44px;
  margin-bottom: 12px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: grid;
  box-shadow: 0 0 16px 8px #cfaf6f14;
}

.row:hover {
  box-shadow: 14px 0 20px 4px #ca6e163b;
}

.list-row {
  padding-top: 24px;
  padding-left: 0;
}

.txt-name {
  padding-left: 15px;
  padding-right: 15px;
}

.txt-price {
  font-size: 14px;
  font-weight: 500;
}

.header-title2 {
  color: #454a56;
  margin-top: 40px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.paragraph {
  color: var(--a-title);
  margin-top: -2px;
  font-family: Sarabun, sans-serif;
}

.txt-th {
  color: #84522d;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.5;
}

.header-sub {
  color: #454a56c7;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  line-height: 1.8;
}

.end {
  height: 128px;
}

.z-header-x {
  padding-top: 80px;
  padding-left: 20px;
  font-size: 28px;
  font-weight: 500;
}

.list-row-2 {
  margin-bottom: 40px;
  padding-top: 24px;
  padding-left: 0;
}

.detail-row {
  color: #996e1b;
  justify-content: space-between;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

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

.dot-bg {
  background-color: #fdf5de;
  border-radius: 6px;
  width: 12px;
  height: 12px;
  margin-left: 4px;
}

.detail-content {
  width: 230px;
  padding-left: 12px;
  padding-right: 12px;
}

.detail {
  justify-content: center;
  padding-bottom: 12px;
  display: flex;
}

.dot-is {
  background-color: #f8b435;
  border-radius: 6px;
  width: 12px;
  height: 12px;
}

.hori-emoji {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.emoji {
  width: 20px;
  height: 20px;
  margin: 2px;
}

.txt-recommend {
  display: none;
}

.tabtop-2 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff80;
  grid-template-rows: auto;
  grid-template-columns: 72px 1fr;
  grid-auto-columns: 1fr;
  display: block;
  position: sticky;
  top: 0;
}

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

.tools {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.des-tools {
  opacity: .5;
  align-items: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 12px;
  display: flex;
}

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

.space-cat {
  display: none;
}

.tabtop-home {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 0;
}

.div-block-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.div-block-16, .div-block-16-copy {
  border-radius: 12px;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-15-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px 20px 12px;
  display: grid;
}

.image-6 {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-17 {
  padding-bottom: 12px;
  padding-left: 12px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-9 {
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 20px;
}

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

.collection-list-wrapper {
  margin-top: 44px;
}

.grid-field-2 {
  color: var(--title-text);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  width: 100%;
  height: 100%;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.205, .627, .462, .878), box-shadow .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px 8px #cfaf6f14;
}

.grid-field-2:hover {
  transform: translate(0, -18px);
  box-shadow: 0 14px 20px 4px #ca6e163b;
}

.iconmenu {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.map {
  height: 80vh;
}

.content-map {
  padding: 20px;
}

.map-frame {
  border-radius: 20px;
  overflow: hidden;
}

.menu-top-special {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 82px;
  padding-left: 6px;
  padding-right: 6px;
  display: none;
  overflow: auto;
}

.txt-btn-footer {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.btn-footer {
  color: #fff;
  background-color: #af3140;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 600;
  display: flex;
}

.raw-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-bottom: 1px solid #f0e6d6;
  grid-template-rows: auto;
  grid-template-columns: 1fr 128px;
  grid-auto-columns: 1fr;
  align-items: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: grid;
}

.price {
  font-weight: 500;
}

.img-list {
  object-fit: cover;
  width: 164px;
  height: 164px;
  padding: 8px;
}

.raw-content-r {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
}

.txt-des {
  font-size: 14px;
  line-height: 1.5;
}

.txt-tiitle {
  margin-bottom: 4px;
  font-weight: 500;
}

.header-title-2 {
  color: #454a56;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.banner-2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fff3e33d;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  display: none;
  position: absolute;
  inset: 0%;
}

.header-title-3 {
  color: #454a56;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.link {
  color: #af3140;
}

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

.txt-p {
  margin-top: 8px;
  margin-bottom: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.txt-des-2 {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}

.list {
  padding-left: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

.txt-p-2 {
  margin-top: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.vegan-icon {
  opacity: .8;
  object-fit: contain;
  width: 64px;
  height: 64px;
  margin-top: 172px;
  margin-right: 16px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.cp-oldmenu {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.dark-navigation {
  background-color: #06002e;
  border-right: 2px solid #cfaf6f17;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  min-width: 210px;
  max-width: 300px;
  height: 100vh;
  padding: 45px 20px;
  display: flex;
  position: sticky;
  top: 0;
}

.dark-menu-link {
  grid-column-gap: 8px;
  opacity: .55;
  filter: grayscale();
  color: #fff;
  align-items: center;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  transition: filter .2s, opacity .2s;
  display: flex;
}

.dark-menu-link:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.dark-menu-link.w--current {
  opacity: 1;
  filter: none;
}

.dark-content {
  background-color: #06002e;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 45px;
  position: relative;
}

.dark-header-title {
  color: #fffc;
  margin-top: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
}

.dark-navbar {
  background-color: #06002e;
  display: none;
}

.dark-body {
  background-color: #06002e;
}

.hori-snap {
  grid-column-gap: 12px;
  width: 100%;
  padding: 16px 18px;
  display: flex;
  overflow: auto;
}

.hori-snap.hide {
  display: none;
}

.hori-snap-item {
  border-radius: 16px;
  width: 400px;
  min-width: 400px;
  height: 500px;
  min-height: 500px;
  margin-right: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px #000;
}

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

.dark-lng-btn {
  color: #070542;
  background-color: #0148ff;
}

.hori-snap-item-end {
  width: 418px;
  min-width: 418px;
  height: 500px;
  min-height: 500px;
  padding-left: 18px;
  overflow: hidden;
}

.item-frame-top {
  padding-top: 24px;
  padding-left: 24px;
  position: absolute;
  inset: 0%;
}

.ftf {
  color: #b3b8c2;
  font-family: Oleo Script Swash Caps, sans-serif;
  font-size: 32px;
}

.item-frame-bot {
  padding-bottom: 24px;
  padding-left: 24px;
  position: absolute;
  inset: auto 0% 0%;
}

.ifbp {
  color: #e4e4e4;
  margin-top: 4px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.fts {
  color: #e1e4eb;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 22px;
}

.div-block-18 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 18px;
  display: grid;
}

.div-block-19 {
  background-color: #000;
  border-radius: 12px;
  width: 100%;
  padding-top: 92%;
  position: relative;
  overflow: hidden;
}

.div-block-20 {
  color: #babfc9;
  border-bottom: 1px solid #2b245da8;
  justify-content: space-between;
  padding: 12px 8px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: flex;
}

.div-block-21 {
  padding: 18px;
}

.div-block-22 {
  margin-top: 54px;
  position: absolute;
  inset: 0%;
}

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

.div-block-23 {
  padding-top: 18px;
  padding-left: 18px;
  position: absolute;
  inset: 0%;
}

.text-block-10 {
  color: #babfc9e6;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.item-frame-bot2 {
  background-image: linear-gradient(#00000008, #000000c2 70%);
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 18px;
  position: absolute;
  inset: auto 0% 0%;
}

.text-block-10-copy {
  color: #babfc9e6;
  margin-top: 2px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.dark-lng-btn-cur {
  color: #070542;
  background-color: #0148ff;
}

.div-block-19-copy {
  border-radius: 12px;
  width: 100%;
  padding-top: 133%;
  position: relative;
  overflow: hidden;
}

.bw {
  color: #fffc;
}

.dark-header-title-2 {
  color: #fff9;
  margin-top: 0;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
}

.div-block-25 {
  display: flex;
}

.html-embed-2 {
  color: #e1e4eb;
  text-shadow: 1px 0 10px #000000db;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 22px;
}

.item-frame-bot-2 {
  background-image: linear-gradient(#0000, #00000080);
  padding-top: 66px;
  padding-bottom: 24px;
  padding-left: 24px;
  position: absolute;
  inset: auto 0% 0%;
}

.fts2 {
  color: #e1e4eb;
  text-shadow: 1px 0 10px #000000db;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 22px;
}

.fts3 {
  color: #e1e4eb8a;
  text-shadow: 1px 0 10px #000000db;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
}

.ifbp2 {
  color: #e4e4e4;
  margin-top: 4px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.des-tools2 {
  opacity: .5;
  align-items: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 12px;
  display: flex;
}

.tools2 {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.tr {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 128px;
  height: 64px;
  display: none;
  position: fixed;
  inset: auto 0% 0% auto;
}

.ftf2 {
  color: #b3b8c2;
  font-family: Oleo Script Swash Caps, sans-serif;
  font-size: 32px;
}

.fts32 {
  color: #ffffff8c;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #080808;
  text-shadow: 1px 1px 4px #1b1a1a;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
}

.big-img2 {
  object-fit: cover;
  width: 100%;
  height: 300px;
}

.text-block2 {
  text-align: center;
  width: 100%;
  padding: 12px 12px 6px;
  font-family: Sarabun, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.text-block3 {
  text-align: center;
  border-top: 1px solid #fcf4f0;
  width: 100%;
  padding: 12px;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.txt-th2 {
  color: #84522d;
  text-align: center;
  width: 100%;
  margin-bottom: 12px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.slider {
  background-color: #000;
  border-radius: 16px;
  overflow: hidden;
}

.icon {
  color: #b0aeaf45;
}

.frameslide {
  border-radius: 16px;
  width: 100%;
  height: auto;
  padding: 18px;
  display: none;
  overflow: hidden;
}

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

.raw-break {
  justify-content: space-between;
  align-items: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: flex;
}

.div-block-27 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
}

.image-9 {
  object-fit: cover;
  border-radius: 8px;
  width: 144px;
  min-width: 144px;
  height: 114px;
  min-height: 114px;
  overflow: hidden;
}

.div-block-28 {
  background-color: #fff;
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
}

.div-block-29 {
  padding-right: 16px;
}

.div-block-30 {
  position: fixed;
}

.text-block-15 {
  font-weight: 600;
}

.text-block-16 {
  margin-bottom: 4px;
  font-weight: 600;
}

.text-block-17 {
  font-size: 14px;
}

.div-block-31 {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
  position: relative;
}

.image-10 {
  border-radius: 10vh;
  width: 20vh;
  height: 20vh;
}

.div-block-32 {
  position: absolute;
  inset: 0% 0% auto;
}

.text-block-18 {
  color: var(--violet);
  padding-top: 20px;
  padding-bottom: 6px;
  font-family: Gabarito, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.grid-field2 {
  color: var(--title-text);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  text-decoration: none;
  transition: box-shadow .3s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px 8px #cfaf6f14;
}

.grid-field2:hover {
  transform: translate(0, -18px);
  box-shadow: 0 14px 20px 4px #ca6e163b;
}

.field-top2 {
  width: 100%;
  padding: 100% 12px 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  position: relative;
}

.img-food2 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.text-block-19 {
  color: var(--price);
  font-size: 14px;
  font-weight: 500;
}

.txt-th22 {
  color: #c18d41;
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 1.5;
}

.field-bot2 {
  border-top: 1px solid #fcf4f0;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  min-height: 40px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  inset: auto 0% 0%;
}

.paragraph2 {
  margin-top: -2px;
  padding-bottom: 4px;
  font-family: Sarabun, sans-serif;
}

.txt-recommend-hide, .html-embed-4 {
  display: none;
}

.heading-2 {
  text-shadow: 0 1px 1px #fff;
  font-family: Gabarito, sans-serif;
  font-weight: 500;
}

.div-block-35 {
  text-align: center;
  padding-bottom: 19px;
}

.heading-3 {
  margin-left: 24px;
  font-family: Gabarito, sans-serif;
}

.ccccc {
  color: var(--main);
  white-space: nowrap;
  border: 1px solid #68686854;
  border-radius: 4px;
  padding: 12px;
  font-family: Gabarito, sans-serif;
  text-decoration: none;
}

.ccccc.c-select {
  color: var(--main-select);
  background-color: #ffffffc9;
  border-color: #6868681c;
  box-shadow: 0 2px 5px #0003;
}

.cm-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--main);
  flex-wrap: wrap;
  padding: 13px 24px 24px;
  display: flex;
  overflow: auto;
}

.cm {
  flex-direction: column;
  height: 100%;
  padding-top: 20px;
  display: flex;
}

.body {
  color: var(--main);
}

.text-block-20 {
  font-size: 12px;
}

.text-block-21 {
  font-size: 14px;
}

.div-block-39 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #fffc;
  padding-top: 24px;
  padding-bottom: 256px;
}

.text-block-23 {
  color: var(--main);
  font-family: Gabarito, sans-serif;
}

.cm-button {
  color: var(--main);
}

.cm-button.c-select {
  color: var(--main-select);
  background-color: #ffffffb8;
  box-shadow: 0 2px 5px #0003;
}

.footer-menu {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-top: 1px solid #6868681a;
  justify-content: center;
  align-items: center;
  height: 88px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.image-11 {
  object-fit: contain;
  width: 100%;
  display: none;
  position: fixed;
  inset: 80px 0% auto;
}

.div-block-41 {
  color: var(--white);
  background-color: #f5be83;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 64px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Gabarito, sans-serif;
  font-size: 24px;
  display: none;
}

.div-block-42 {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.tt1 {
  align-items: center;
  font-size: 18px;
  display: flex;
}

.tt2 {
  align-items: center;
  display: flex;
}

.z-banner-brunch {
  border-bottom: 2px solid #cfaf6f3d;
  margin-bottom: 24px;
  display: flex;
  position: relative;
}

.z-banner-brunch.hide {
  display: none;
}

.container-bab {
  width: 100%;
  display: flex;
}

.navbar-bab {
  background-color: #fff;
  border-bottom: 2px solid #cfaf6f3d;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 20px;
  display: none;
}

.txt-banner-bab {
  color: #f0bf63;
  text-shadow: 1px 1px 6px #00000017;
  font-family: Gabarito, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.bhd {
  color: var(--main);
  font-family: Gabarito, sans-serif;
}

.z-banner-brunch2 {
  border-bottom: 2px solid #cfaf6f3d;
  width: 100%;
  display: flex;
  position: relative;
}

.z-banner-brunch2.hide {
  display: flex;
}

.arrow-r {
  margin-left: 4px;
}

.div-block-43 {
  color: var(--title-text);
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.text-block-24 {
  font-family: Gabarito, sans-serif;
}

.html-embed-5 {
  display: none;
}

.html-embed-6 {
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  margin-top: 4px;
  display: flex;
}

.html-embed-7 {
  width: 64px;
  height: 64px;
}

.tabtop-1 {
  z-index: 10;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 0;
}

.paragraph-2, .rich-text-block {
  margin-bottom: 40px;
}

.header {
  z-index: 100;
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.imglg {
  width: 48px;
  height: 48px;
}

.article {
  color: var(--a-txt);
  background-color: #f1f1f1;
  padding: 20px 20px 128px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.heading-4 {
  color: #000000c7;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.image-13 {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  max-width: 980px;
  height: 30vw;
}

.div-block-44 {
  width: 100%;
  max-width: 650px;
  padding-top: 56px;
  padding-bottom: 56px;
  line-height: 1.4;
}

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

.text-block-26 {
  margin-bottom: 56px;
}

.block-quote {
  background-color: #f7f7f7;
  border-left-color: #ececec;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-top: 24px;
  padding-bottom: 24px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

.paragraph-3, .paragraph-4, .paragraph-5, .paragraph-6, .paragraph-7 {
  margin-bottom: 10px;
}

.div-block-46 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-27 {
  color: var(--a-txt-second);
  margin-top: 10px;
  font-size: 14px;
}

.div-block-47 {
  color: var(--main-select);
  width: 100%;
  max-width: 1333px;
  padding-top: 64px;
  padding-bottom: 100px;
}

.main {
  margin-top: 76px;
}

.icon-bot {
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 24px;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.menubot {
  color: #3d3f44c7;
  justify-content: center;
  align-items: center;
  height: 64px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  display: flex;
}

.menu-btn {
  white-space: nowrap;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 500;
}

.ctlist {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 76px;
  padding-bottom: 100px;
  display: flex;
}

.img-cfm {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  max-height: 61.8003vw;
}

.text-block-28 {
  color: #000000c7;
  padding: 18px 20px 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
}

.ctfm-c {
  color: var(--a-title);
  background-color: #f1f1f1;
  padding-top: 10px;
  text-decoration: none;
  display: block;
}

.text-block-29 {
  color: var(--a-title);
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 1.4;
}

.text-block-29-copy {
  padding-left: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 1.4;
}

.ddds {
  color: var(--a-title);
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 1.4;
}

.div-block-50 {
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}

.div-block-51 {
  padding-left: 10px;
  padding-right: 10px;
}

.body-blog {
  background-color: #f1f1f1;
}

.heading-5 {
  color: #000000c7;
  font-family: Gabarito, sans-serif;
  font-size: 44px;
  font-weight: 400;
}

.ctfm-tt {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 46px 20px 14px;
  display: flex;
}

.text-block-30 {
  color: var(--a-txt);
  margin-top: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.html-embed-8 {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

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

.image-15 {
  border-radius: 16px;
  width: 100%;
  max-width: 1360px;
}

.ctlist-fm {
  width: 100%;
  max-width: 978px;
}

.body-2 {
  background-color: #f1f1f1;
}

.log-in-form-block, .heading-6 {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.submit-button {
  color: #101725c7;
  background-color: #cfcfcf;
  border-radius: 22px;
  height: 44px;
}

.user-email-field {
  border-radius: 22px;
  height: 44px;
}

.user-password-field {
  border-radius: 12px;
}

.heading-5-copy {
  color: #000000c7;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 500;
}

.user-log-in-log-out {
  color: #3d3f44c7;
  background-color: #cfcfcf;
  border-radius: 22px;
  height: 44px;
  margin-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.field-label {
  margin-top: 10px;
}

.form-footer {
  margin-top: 20px;
}

.f-first {
  background-color: #f1f1f1;
  justify-content: center;
  margin-top: 76px;
  display: flex;
  position: relative;
}

.btn-head {
  color: var(--a-title);
  background-color: #e2d7c5;
  border-radius: 16px;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
}

.div-block-55 {
  z-index: 1;
  align-items: center;
  padding-left: 64px;
  padding-right: 64px;
  display: none;
  position: absolute;
  inset: 0%;
}

.heading-7 {
  color: var(--white);
  font-family: Gabarito, sans-serif;
}

.div-block-56 {
  padding-bottom: 54px;
  padding-left: 44px;
  padding-right: 44px;
}

.heading-8 {
  color: var(--a-txt);
  font-family: Gabarito, sans-serif;
}

.link-block-5 {
  color: #3d3f44f0;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.link-block-5:hover {
  color: #000000f0;
}

.html-embed-9 {
  width: 24px;
  height: 24px;
}

.blogls {
  flex-flow: column;
  padding-bottom: 30px;
  display: flex;
}

.heatr {
  color: #000000c7;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-weight: 500;
}

.descript {
  color: #585858c2;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  line-height: 1.4;
}

.pfirst {
  color: #34363cf0;
  font-size: 18px;
}

.html-embed-10 {
  width: 24px;
  height: 24px;
}

.div-block-57 {
  color: var(--main);
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: none;
}

.div-block-57:hover {
  color: var(--main-select);
}

.div-block-58, .div-block-59 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-head-new {
  color: var(--main);
  padding-left: 10px;
  padding-right: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  text-decoration: none;
}

.btn-head-new:hover {
  text-decoration: underline;
}

.div-block-60 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1360px;
  height: 76px;
  padding-left: 44px;
  padding-right: 44px;
  display: flex;
}

.div-block-61 {
  background-color: #f1f1f1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-47-copy {
  color: var(--main-select);
  width: 100%;
  max-width: 1333px;
  padding: 64px 20px 100px;
}

.hd-list {
  display: none;
}

.div-block-69 {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: flex;
}

.text-block-33 {
  color: var(--a-title);
  padding-top: 14px;
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
}

.text-block-34 {
  color: var(--main);
  padding-bottom: 10px;
  font-size: 14px;
}

.text-block-35 {
  color: var(--a-title);
  font-size: 20px;
  font-weight: 600;
}

.div-block-70 {
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

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

.heading-9 {
  color: var(--a-title);
  padding-top: 60px;
  padding-bottom: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.div-block-71 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fm-b {
  color: var(--main-select);
  background-color: #f1f1f1;
  width: 100%;
  max-width: 1333px;
  padding: 64px 44px 100px;
}

.f-second {
  background-color: #f1f1f1;
  justify-content: center;
  display: flex;
  position: relative;
}

.heading-10 {
  color: var(--a-title);
  padding-bottom: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 28px;
}

.div-block-72 {
  max-width: 128px;
  padding-bottom: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  text-decoration: none;
}

.text-block-37 {
  color: var(--a-title);
  padding-top: 10px;
  font-size: 16px;
}

.div-block-73 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
  overflow: auto;
}

.image-16 {
  object-fit: contain;
  background-color: #fff;
  border-radius: 8px;
  min-width: 128px;
  min-height: 180px;
  max-height: 180px;
  padding: 4px;
}

.btn-backet {
  color: #3b3630;
  background-color: #e7e7e7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.btn-backet:hover {
  color: #fff;
  background-color: #777;
}

.html-embed-12 {
  width: 24px;
  height: 24px;
}

.text-block-38 {
  margin-right: 4px;
}

.text-block-39 {
  color: var(--a-txt);
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
}

.frame-footer {
  color: var(--main-select);
  width: 100%;
  max-width: 1360px;
  padding-top: 44px;
}

.ft-c {
  padding-bottom: 44px;
  padding-left: 44px;
  padding-right: 44px;
}

.div-block-74 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  display: flex;
}

.div-block-75 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.div-block-76 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.hdf {
  color: var(--a-txt);
  font-family: Gabarito, sans-serif;
  font-size: 18px;
}

.hd32 {
  color: var(--a-txt);
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.cl-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  display: flex;
}

.cl-2-g {
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
  display: flex;
}

.ct-c {
  color: var(--a-txt);
  text-align: center;
  margin-top: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.hd-c {
  color: #000000c7;
  text-align: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}

.text-block-40 {
  color: #4c4640;
  text-align: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

.card-f {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  overflow: auto;
}

.div-block-78 {
  color: var(--main);
  background-color: #e6e6e6;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  min-width: 234px;
  min-height: 297px;
  padding: 16px;
  font-family: IBM Plex Sans Thai, sans-serif;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heading-5-copy {
  color: #000000c7;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}

.txt-card-foot {
  text-align: right;
  position: relative;
}

.ss {
  color: #00000096;
}

.image-17 {
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.txt-card-title {
  position: relative;
}

.div-block-79 {
  justify-content: center;
  width: 100%;
  display: flex;
  position: relative;
}

.frame {
  background-image: linear-gradient(#0000, #edbe65db);
  justify-content: center;
  padding: 56px 56px 200px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-11 {
  color: #fff;
  text-shadow: 2px 2px 4px #0003;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 36px;
}

.cover-home {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  min-height: 970px;
  max-height: 980px;
}

.div-block-81 {
  width: 100%;
  min-height: 970px;
  position: relative;
}

.txt-card-title-w {
  color: var(--background);
  position: relative;
}

.txt-card-foot-w {
  color: var(--white);
  text-align: right;
  position: relative;
}

.ctfm-ttt {
  min-width: 100%;
  padding-top: 76px;
  padding-bottom: 30px;
}

.title-h {
  color: #000000c7;
  padding-left: 20px;
  padding-right: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}

.text-block-41 {
  padding-left: 20px;
  padding-right: 20px;
  font-family: IBM Plex Sans Thai, sans-serif;
}

.heading-5-copy {
  color: #000000c7;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 44px;
  font-weight: 400;
}

.link-block-6 {
  margin-top: 4px;
  padding: 16px;
  text-decoration: none;
}

.div-block-82 {
  color: var(--main);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 210px;
  min-height: 210px;
  font-family: IBM Plex Sans Thai, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

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

.text-block-42 {
  font-size: 14px;
}

.text-block-43 {
  color: #534a42;
  padding-top: 10px;
  padding-bottom: 10px;
}

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

.div-block-83 {
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-84 {
  flex-flow: column;
  justify-content: center;
  font-family: IBM Plex Sans Thai, sans-serif;
  display: flex;
}

.paragraph-8 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.image-18 {
  width: 100%;
}

.image-19, .image-19-copy {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 234px;
}

.hd-center {
  color: #fff;
  background-color: #0009;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.div-block-85 {
  color: #fff;
  margin-top: 10px;
  font-family: IBM Plex Sans Thai, sans-serif;
  text-decoration: underline;
}

.ctn {
  width: 100%;
  max-width: 978px;
}

.content-grid {
  background-image: url('../images/mg02333.jpg');
  background-position: 0 0;
  background-size: contain;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 45px;
  position: relative;
}

._4-grid-22 {
  grid-column-gap: 15px;
  grid-row-gap: 41px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 44px;
  padding-bottom: 44px;
  display: grid;
}

.hori-emoji-2 {
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

.field-h-2 {
  color: var(--a-txt);
  margin-top: 20px;
  margin-bottom: 4px;
  font-family: Gabarito, sans-serif;
  font-size: 17px;
  font-weight: 500;
}

.field-h-price {
  color: var(--a-title);
  border-top: 0 solid #fcf4f0;
  border-bottom: 1px solid #fcf4f0;
  margin-top: 0;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Gabarito, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.f-hd {
  color: #c39261;
  background-color: #d1e4f1;
  justify-content: flex-start;
  align-items: center;
  height: 88px;
  display: flex;
}

.lgn {
  width: 74px;
  height: 74px;
  margin: 7px;
}

.z960 {
  background-color: #f5f5bd;
  height: 960px;
}

.z234 {
  background-color: #76b3df;
  height: 234px;
}

.z960-r {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f5bd;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 960px;
  display: grid;
}

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

.z960-r2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f5bd;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 960px;
  display: grid;
}

.z960-r1 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f5f5bd;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  height: 960px;
  display: grid;
}

.div-block-91 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-92 {
  background-color: #fff;
  height: 234px;
}

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

.div-block-93 {
  height: 970px;
  position: relative;
}

.image-24 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-94 {
  text-align: center;
  height: 183.5px;
}

.div-block-95 {
  background-color: #fff;
  border: 1px solid #d1e4f1;
}

.text-block-47 {
  font-family: Gabarito, sans-serif;
}

.hori-emoji2 {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.text-block-48 {
  font-family: IBM Plex Sans Thai, sans-serif;
}

.mask-2 {
  height: 100vh;
}

.bgrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #faa;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: grid;
  overflow: auto;
}

.div-block-97 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #86c267;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: grid;
}

.slide-nav-2 {
  position: fixed;
}

.div-block-98 {
  background-color: #5dffe4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-99 {
  background-color: #5dabff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-100 {
  background-color: #abff5d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-101 {
  background-color: #ce5dff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-102 {
  background-color: #ff5d90;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
}

.div-block-103 {
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-104 {
  z-index: 100;
  position: fixed;
  inset: 0% auto auto 0%;
}

.image-25 {
  width: 64px;
  height: 64px;
}

.div-block-105 {
  min-height: 128px;
}

.text-block-49 {
  margin-top: 64px;
  padding-left: 24px;
  font-family: Gabarito, sans-serif;
  font-size: 32px;
  font-weight: 500;
}

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

.right-arrow-2, .left-arrow-2 {
  opacity: .2;
  height: 100vh;
}

.text-block-50, .text-block-51 {
  text-align: center;
}

.text-block-52 {
  margin-bottom: 20px;
}

.slider-2 {
  height: 100vh;
}

.special-hide {
  display: none;
}

.pg-dis {
  color: var(--a-title);
  margin-top: -2px;
  font-family: Sarabun, sans-serif;
  text-decoration: line-through;
}

.f-dis {
  color: var(--a-title);
  border-top: 0 solid #fcf4f0;
  border-bottom: 0 solid #fcf4f0;
  margin-top: 0;
  margin-bottom: 4px;
  padding-top: 0;
  padding-bottom: 20px;
  font-family: Gabarito, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: line-through;
}

.grid-field-hide {
  color: var(--title-text);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  transition: box-shadow .3s;
  display: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px 8px #cfaf6f14;
}

.grid-field-hide:hover {
  transform: translate(0, -18px);
  box-shadow: 0 14px 20px 4px #ca6e163b;
}

.blackscreen {
  z-index: 99999;
  background-color: #000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.txt-th-sp {
  color: #84522d;
  margin-bottom: 6px;
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (min-width: 1440px) {
  .content {
    width: 100%;
  }

  ._4-grid-2 {
    grid-column-gap: 35px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .collection-list {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
  }

  .dark-content {
    background-color: #06002e;
    background-image: none;
    width: 100%;
  }

  .ctlist-fm {
    max-width: 1360px;
  }

  .div-block-57 {
    color: var(--main);
  }

  .div-block-61 {
    background-color: #f1f1f1;
  }

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

  .content-grid {
    width: 100%;
  }

  ._4-grid-22 {
    grid-column-gap: 35px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .div-block-91 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .text-block-47 {
    margin-top: 12px;
  }
}

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

  .container {
    display: block;
    position: relative;
  }

  .navigation {
    z-index: 999;
    opacity: 0;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
    position: fixed;
    inset: 64px auto 0 0%;
  }

  .logo-link.no-m {
    margin-bottom: 0;
  }

  .logo-link.desktop {
    display: none;
  }

  .logo {
    width: auto;
    max-width: 130.22px;
    height: 64px;
  }

  .content-heading {
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
    margin-top: 44px;
    margin-bottom: 64px;
  }

  .heading-l {
    grid-row-gap: 25px;
    text-align: center;
    flex-direction: column;
  }

  .navbar {
    z-index: 9999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fff;
    border-bottom: 2px solid #cfaf6f3d;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px 8px 18px;
    display: flex;
  }

  .nav-shadow {
    opacity: 0;
    background-color: #30292740;
    display: none;
    position: fixed;
    inset: 64px 0% 0%;
  }

  .hol-cat-menu {
    flex-wrap: nowrap;
    min-width: 100%;
    padding-left: 20px;
    display: flex;
    overflow: auto;
  }

  .card-first-2 {
    align-items: flex-start;
    min-width: 200px;
    margin-right: 20px;
  }

  ._4-grid-2 {
    grid-row-gap: 41px;
    grid-template-columns: 1fr 1fr;
  }

  .txt-banner {
    font-size: 30px;
  }

  .menu-top {
    height: 72px;
    position: sticky;
    top: 0;
  }

  .m-m {
    height: 64px;
    min-height: 64px;
  }

  .lng-btn {
    color: #6f5234;
    white-space: nowrap;
    background-color: #fffffe33;
    border-radius: 12px;
    padding: 8px;
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: block;
    box-shadow: inset 0 1px 6px #0000001c;
  }

  .lgnb {
    margin-top: 0;
    display: block;
  }

  .tabtop {
    grid-template-columns: 72px 1fr;
    align-items: center;
  }

  .detail {
    justify-content: center;
    display: flex;
  }

  .txt-recommend {
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: IBM Plex Sans Thai, sans-serif;
    display: none;
  }

  .icon-ft {
    justify-content: center;
    align-items: center;
    margin-left: 4px;
    display: flex;
  }

  .tabtop-2 {
    position: fixed;
    inset: auto 0% 0%;
  }

  .txt-footer {
    margin-left: 12px;
    font-size: 12px;
  }

  .tools {
    justify-content: center;
    height: 0;
    display: flex;
    position: relative;
  }

  .des-tools {
    margin-top: 270px;
  }

  .html-embed {
    color: var(--a-txt);
    margin: 4px;
  }

  .space-cat {
    opacity: 0;
    width: 128px;
    min-width: 128px;
    display: block;
  }

  .tabtop-home {
    grid-template-columns: 1fr;
    align-items: center;
  }

  .text-block-9 {
    font-size: 16px;
  }

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

  .menu-top-special {
    height: 72px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .raw-list {
    grid-template-columns: 1fr 64px;
  }

  .dark-navigation {
    z-index: 999;
    opacity: 0;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
    position: fixed;
    inset: 64px auto 0 0%;
  }

  .dark-navbar {
    z-index: 9999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px 8px 18px;
    display: flex;
  }

  .dark-lng-btn {
    color: #0b075d;
    background-color: #0e3b93;
    border-radius: 12px;
    padding: 8px;
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .dark-logo {
    width: auto;
    height: 64px;
  }

  .div-block-18 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-block, .link-block-2, .link-block-3, .link-block-4 {
    display: flex;
  }

  .hori-mode {
    grid-column-gap: 0px;
    grid-row-gap: 8px;
    display: flex;
  }

  .btngrey {
    color: #6663a0;
    display: flex;
  }

  .dark-lng-btn-cur {
    color: #dbdbe4;
    background-color: #0e3b93;
    border-radius: 12px;
    padding: 8px;
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .lng-btn-crn {
    color: #c09c76;
    background-color: #f0c471;
    border-radius: 12px;
    padding: 8px;
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    display: block;
  }

  .text-block-11 {
    display: flex;
  }

  .text-block-12 {
    font-size: 10px;
    display: flex;
  }

  .mbar {
    color: #d068cc;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: IBM Plex Sans Thai, sans-serif;
    text-decoration: none;
    display: flex;
  }

  .mbar.w--current {
    text-decoration: none;
  }

  .text-block-13 {
    font-size: 14px;
    font-weight: 500;
  }

  .mbar-bowls {
    color: #6b708b;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: IBM Plex Sans Thai, sans-serif;
    text-decoration: none;
    display: flex;
  }

  .mbar-bowls.w--current {
    text-decoration: none;
  }

  .mbar-nbowls {
    color: #d3a8ce;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: IBM Plex Sans Thai, sans-serif;
    text-decoration: none;
    display: flex;
  }

  .mbar-nbowls.w--current {
    text-decoration: none;
  }

  .mbar-nbow {
    color: #e4b04e;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: IBM Plex Sans Thai, sans-serif;
    text-decoration: none;
    display: flex;
  }

  .mbar-nbow.w--current {
    color: #dd9e29;
    text-decoration: none;
  }

  .div-block-24 {
    width: 100%;
    height: 4px;
    min-height: 4px;
    max-height: 4px;
  }

  .xxx {
    background-color: #f0c87e;
    border-radius: 2px;
    width: 100%;
    min-width: 80px;
    min-height: 4px;
    margin-top: 4px;
  }

  .text-block-14 {
    font-size: 0;
  }

  .xx3 {
    background-color: #f8f2f7;
    border-radius: 2px;
    width: 100%;
    min-width: 80px;
    min-height: 4px;
    margin-top: 4px;
  }

  .div-block-25-copy {
    background-color: #d068c2;
    border-radius: 2px;
    width: 100%;
    min-width: 80px;
    min-height: 4px;
    margin-top: 4px;
  }

  .xxx-copy {
    background-color: #201663;
    border-radius: 2px;
    width: 100%;
    min-width: 80px;
    min-height: 4px;
    margin-top: 4px;
  }

  .des-tools2 {
    color: #7f7c7b;
    margin-top: 540px;
  }

  .tools2 {
    z-index: 10;
    justify-content: center;
    height: 0;
    display: flex;
    position: relative;
  }

  .tr {
    z-index: 73;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    width: 128px;
    height: 72px;
    display: flex;
    position: fixed;
    inset: auto 0% 0% auto;
  }

  .slider {
    width: 100%;
    height: auto;
  }

  .icon {
    margin-top: auto;
    margin-bottom: auto;
  }

  .frameslide {
    border-radius: 16px;
    height: auto;
    padding-bottom: 0;
    display: block;
  }

  .frameslide.hide {
    display: none;
  }

  .text-block-18 {
    padding-top: 32px;
  }

  .slide-nav, .left-arrow, .right-arrow {
    display: none;
  }

  .text-span {
    opacity: .3;
  }

  .div-block-33 {
    text-align: center;
    margin-top: -20px;
    padding-top: 4px;
    font-family: IBM Plex Sans Thai, sans-serif;
    position: absolute;
    inset: 0% 0% auto;
  }

  .html-embed-3 {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 12px;
  }

  .txt-recommend-hide {
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: IBM Plex Sans Thai, sans-serif;
    display: none;
  }

  .container-bab {
    display: block;
    position: relative;
  }

  .navbar-bab {
    z-index: 9999;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: #fff;
    border-bottom: 2px solid #cfaf6f3d;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    display: flex;
  }

  .txt-banner-bab {
    text-align: center;
    font-size: 30px;
  }

  .z-banner-brunch2 {
    border-bottom: 2px solid #cfaf6f3d;
  }

  .emtsp {
    min-width: 72px;
    min-height: 64px;
  }

  .tabtop-1 {
    grid-template-columns: 1fr;
    align-items: center;
  }

  .header {
    justify-content: space-between;
  }

  .menubot, .menubot.w--current {
    color: var(--a-txt);
  }

  .f-first {
    display: flex;
  }

  .btn-head {
    color: var(--a-txt);
  }

  .div-block-55 {
    padding-bottom: 76px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .heading-7 {
    color: var(--white);
  }

  .text-block-31 {
    color: var(--a-txt);
  }

  .div-block-57 {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: none;
  }

  .div-block-60 {
    padding-left: 44px;
    padding-right: 44px;
  }

  .div-block-71 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .frame {
    margin-bottom: -10px;
  }

  .cover-home {
    height: 161.803vw;
    min-height: auto;
  }

  .div-block-81 {
    height: 161.803vw;
    min-height: auto;
    max-height: 970px;
  }

  .hd-center {
    margin-bottom: -10px;
  }

  ._4-grid-22 {
    grid-row-gap: 41px;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-92 {
    width: 100%;
  }
}

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

  .content {
    padding-bottom: 20px;
  }

  .content-heading {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .field-top {
    padding-bottom: 12px;
  }

  .hol-cat-menu {
    padding-left: 20px;
    display: flex;
    overflow: auto;
  }

  .card-first-2 {
    min-width: 200px;
    margin-right: 20px;
  }

  .z-header {
    padding-top: 32px;
  }

  .header-title {
    font-size: 24px;
  }

  .heading {
    font-size: 32px;
  }

  ._4-grid-2 {
    grid-row-gap: 39px;
    max-width: 100%;
    margin-top: 32px;
  }

  .txt-banner {
    font-size: 24px;
  }

  .z-header-2 {
    padding-top: 32px;
  }

  .row {
    font-family: Sarabun, sans-serif;
  }

  .header-title2 {
    font-size: 24px;
  }

  .header-sub {
    font-size: 14px;
  }

  .z-header-x {
    padding-top: 32px;
  }

  .des-tools {
    padding-left: 11px;
  }

  .text-block-9 {
    font-size: 14px;
  }

  .collection-list-wrapper {
    margin-top: 32px;
  }

  .content-map {
    padding: 20px 12px 0;
  }

  .raw-content-r {
    padding-left: 16px;
  }

  .header-title-2, .header-title-3 {
    font-size: 24px;
  }

  .dark-content {
    padding-bottom: 20px;
  }

  .dark-header-title {
    font-size: 24px;
  }

  .hori-snap-item {
    width: 309px;
    min-width: 309px;
    height: 450px;
    min-height: 450px;
  }

  .hori-snap-item-end {
    width: 327px;
    min-width: 327px;
    height: 450px;
    min-height: 450px;
  }

  .des-tools2 {
    margin-top: 490px;
  }

  .ftf2 {
    font-size: 28px;
  }

  .text-block2 {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 15px;
  }

  .text-block3 {
    font-size: 14px;
  }

  .mask {
    width: 100%;
    height: auto;
  }

  .slider {
    width: 100%;
  }

  .field-top2 {
    padding-bottom: 12px;
  }

  .div-block-33 {
    color: var(--title-text);
    font-family: IBM Plex Sans Thai, sans-serif;
  }

  .image-11 {
    z-index: 0;
  }

  .txt-banner-bab {
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 24px;
  }

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

  .image-13 {
    border-radius: 0;
  }

  .div-block-44 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .div-block-55 {
    padding-bottom: 48px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-56 {
    padding-bottom: 44px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-57 {
    display: flex;
  }

  .btn-head-new {
    display: none;
  }

  .div-block-60 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hd-list {
    z-index: 10;
    background-color: #fff;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .div-block-63 {
    justify-content: space-between;
    align-items: center;
    height: 76px;
    margin-left: 16px;
    margin-right: 16px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto;
  }

  .div-block-64 {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    margin-top: 76px;
    display: flex;
  }

  .html-embed-11 {
    width: 24px;
    height: 24px;
  }

  .div-block-65 {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    display: flex;
  }

  .div-block-66 {
    color: var(--main);
    text-align: left;
    width: 100%;
    height: 73px;
    padding: 16px 24px 10px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
  }

  .div-block-67 {
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .text-block-32 {
    text-align: left;
    font-family: IBM Plex Sans Thai, sans-serif;
  }

  .div-block-68 {
    color: var(--main);
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    text-decoration: none;
  }

  .div-block-71 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fm-b {
    padding-left: 24px;
    padding-right: 24px;
  }

  .image-16 {
    min-width: 128px;
    min-height: 128px;
  }

  .ft-c {
    padding-bottom: 44px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .frame {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .cover-home {
    height: 100%;
  }

  .heading-5-copy {
    font-size: 40px;
  }

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

  .div-block-84 {
    margin-bottom: 20px;
  }

  .hd-center {
    margin-bottom: 0;
  }

  .content-grid {
    padding-bottom: 20px;
  }

  ._4-grid-22 {
    grid-row-gap: 39px;
    max-width: 100%;
    margin-top: 32px;
  }

  .div-block-91 {
    grid-template-columns: 1fr 1fr;
  }

  .del-old {
    display: none;
  }

  .bgrid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: start stretch;
    width: 100%;
    display: grid;
  }
}

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

  .logo {
    width: 100%;
  }

  .content-heading {
    margin-top: 28px;
  }

  .field-top {
    padding-bottom: 8px;
  }

  .navbar {
    position: relative;
  }

  .hol-cat-menu {
    display: flex;
    overflow: auto;
  }

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

  .card-first-2 {
    min-width: 188px;
  }

  .text-block {
    font-size: 16px;
  }

  .z-header {
    padding-top: 24px;
  }

  .header-title {
    margin-top: 12px;
    font-size: 22px;
  }

  .heading {
    font-size: 24px;
  }

  ._4-grid-2 {
    grid-row-gap: 37px;
    grid-template-columns: 1fr;
    margin-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner-img {
    height: 100%;
  }

  .txt-banner {
    font-size: 24px;
  }

  .z-banner {
    height: 100vw;
    display: flex;
  }

  .z-banner.hide {
    display: none;
  }

  .banner {
    display: flex;
  }

  .z-header-2 {
    padding-top: 24px;
  }

  .lgnb {
    min-width: 64px;
    min-height: 64px;
  }

  .row {
    grid-template-columns: 1fr 54px;
    height: auto;
    min-height: 44px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .list-row {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-title2 {
    font-size: 22px;
  }

  .header-sub {
    font-size: 12px;
  }

  .z-header-x {
    padding-top: 128px;
  }

  .list-row-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .txt-recommend {
    color: #454a56c7;
    text-align: right;
    justify-content: flex-start;
    align-items: center;
    height: 28px;
    padding-left: 10px;
    padding-right: 12px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 12px;
    display: flex;
    transform: translate(0);
  }

  .icon-ft {
    justify-content: center;
    align-items: center;
    margin: 4px;
    display: flex;
  }

  .tabtop-2 {
    opacity: 1;
    flex-direction: column;
    display: flex;
    transform: translate(0);
  }

  .txt-footer {
    font-family: IBM Plex Sans Thai, sans-serif;
  }

  .des-tools {
    padding-left: 10px;
  }

  .div-block-17 {
    padding-bottom: 6px;
    padding-left: 6px;
  }

  .text-block-9 {
    font-size: 12px;
  }

  .collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-columns: 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-list-wrapper {
    margin-top: 28px;
  }

  .map {
    height: 60vh;
  }

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

  .raw-list {
    grid-template-columns: 1fr 48px;
  }

  .price {
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    padding-bottom: 20px;
    padding-right: 20px;
    display: flex;
  }

  .img-list {
    width: 164px;
    height: 164px;
    margin-top: 8px;
    margin-left: 8px;
  }

  .raw-content-r {
    padding: 0 8px 16px 20px;
  }

  .txt-tiitle {
    margin-bottom: 0;
  }

  .header-title-2, .header-title-3 {
    margin-top: 12px;
    font-size: 22px;
  }

  .link {
    color: #af3140;
  }

  .raw-content {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .cp-oldmenu {
    padding-left: 0;
    padding-right: 0;
  }

  .dark-header-title {
    margin-top: 12px;
    font-size: 22px;
  }

  .dark-navbar {
    position: relative;
  }

  .div-block-18 {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-23 {
    padding-left: 14px;
  }

  .dark-header-title-2 {
    font-size: 16px;
  }

  .tr {
    justify-content: flex-end;
    align-items: center;
    height: 52px;
    padding-right: 14px;
  }

  .text-block2 {
    font-size: 15px;
  }

  .text-block3 {
    font-size: 14px;
  }

  .slider {
    width: 100%;
  }

  .image-10 {
    width: 20vh;
    height: 20vh;
  }

  .field-top2 {
    padding-bottom: 8px;
  }

  .txt-recommend-hide {
    color: #454a56c7;
    text-align: right;
    justify-content: flex-start;
    align-items: center;
    height: 28px;
    padding-left: 10px;
    padding-right: 12px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 12px;
    display: none;
    transform: translate(0);
  }

  .html-embed-4 {
    display: none;
  }

  .cm-content {
    flex-direction: row;
  }

  .text-block-23 {
    font-family: Gabarito, sans-serif;
    font-weight: 400;
  }

  .image-11 {
    position: fixed;
  }

  .div-block-41 {
    display: none;
  }

  .navbar-bab {
    position: relative;
  }

  .txt-banner-bab {
    font-size: 24px;
  }

  .bhd {
    font-family: Gabarito, sans-serif;
    font-weight: 400;
  }

  .article {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-13 {
    border-radius: 0;
    height: 61.8003vw;
  }

  .text-block-28 {
    font-size: 20px;
    line-height: 1.2;
  }

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

  .div-block-55 {
    padding-bottom: 32px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-56 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .btn-head-new {
    display: none;
  }

  .text-block-33 {
    font-size: 16px;
  }

  .text-block-35 {
    font-size: 18px;
  }

  .heading-9 {
    font-size: 26px;
  }

  .div-block-71 {
    grid-template-columns: 1fr 1fr;
  }

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

  .frame-footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .ft-c {
    padding-left: 4px;
    padding-right: 4px;
  }

  .div-block-74 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .hd-c, .heading-5-copy {
    font-size: 28px;
  }

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

  .cover-home {
    height: 161.803vw;
    min-height: auto;
  }

  .div-block-81 {
    height: 161.803vw;
    min-height: auto;
    max-height: 968px;
  }

  .title-h, .heading-5-copy {
    font-size: 28px;
  }

  ._4-grid-22 {
    grid-row-gap: 37px;
    grid-template-columns: 1fr;
    margin-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-86 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding: 12px 20px;
    display: flex;
    overflow: auto;
  }

  .image-20 {
    object-fit: cover;
    border: 1px solid #f4ecdd;
    border-radius: 8px;
    width: 278px;
    min-width: 278px;
    height: 234px;
    min-height: 234px;
  }

  .div-block-87 {
    padding-top: 24px;
    padding-left: 20px;
  }

  .text-block-44 {
    color: #725130;
    margin-top: 4px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 14px;
  }

  .text-block-45 {
    color: #494e59;
    font-family: Gabarito, sans-serif;
    font-weight: 500;
  }

  .foot222 {
    padding-bottom: 24px;
    padding-left: 20px;
  }

  .div-block-88 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .div-block-89 {
    height: 256px;
  }

  .div-block-90 {
    width: 278px;
    height: 234px;
    position: relative;
  }

  .text-block-46 {
    padding-bottom: 8px;
    padding-left: 8px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 14px;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .txt-tit-th {
    color: #494e59;
    margin-top: 4px;
    margin-bottom: 8px;
    font-family: IBM Plex Sans Thai, sans-serif;
    font-size: 14px;
  }

  .hori-emoji-2 {
    justify-content: flex-start;
  }

  .card-mini {
    border-bottom: 1px solid #f4ecdd;
    padding-bottom: 10px;
  }

  .div-block-91, .bgrid {
    grid-template-columns: 1fr 1fr;
  }

  .blackscreen {
    z-index: 99999;
    background-color: #000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0%;
  }
}

#w-node-_9ed95c8f-96a3-a164-b2fc-f98a61b3ff20-0c15691e, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-674d3e00, #w-node-a5754170-04db-ea92-c3f9-bef5f8308f65-44721ef0, #w-node-a5754170-04db-ea92-c3f9-bef5f8308f67-44721ef0, #w-node-a5754170-04db-ea92-c3f9-bef5f8308f6a-44721ef0, #w-node-a5754170-04db-ea92-c3f9-bef5f8308f6c-44721ef0, #w-node-a5754170-04db-ea92-c3f9-bef5f8308f6f-44721ef0, #w-node-a5754170-04db-ea92-c3f9-bef5f8308f71-44721ef0, #w-node-_4b06487a-8289-d359-a0df-c073a5e7d8a3-44721ef0, #w-node-_4b06487a-8289-d359-a0df-c073a5e7d8a5-44721ef0, #w-node-_8aba62c7-e317-2829-7260-8f02bd2bcc6a-44721ef0, #w-node-_8aba62c7-e317-2829-7260-8f02bd2bcc6c-44721ef0, #w-node-_748303cf-e75a-d8a2-ca66-c17f99186b08-44721ef0, #w-node-_748303cf-e75a-d8a2-ca66-c17f99186b0a-44721ef0, #w-node-bc8c023e-9fb6-204c-64d1-68f4ae834c83-44721ef0, #w-node-bc8c023e-9fb6-204c-64d1-68f4ae834c85-44721ef0, #w-node-cd33c8a7-8901-9b3d-0874-778d4ebdfd75-44721ef0, #w-node-cd33c8a7-8901-9b3d-0874-778d4ebdfd77-44721ef0, #w-node-e043f2de-3984-d3e7-358f-a414fe0cfb65-44721ef0, #w-node-e043f2de-3984-d3e7-358f-a414fe0cfb67-44721ef0, #w-node-d6c737bd-ed43-5370-0715-18ef71c1ddef-44721ef0, #w-node-d6c737bd-ed43-5370-0715-18ef71c1ddf1-44721ef0, #w-node-dca68d18-41f6-f35d-fc40-34f579fee95c-44721ef0, #w-node-dca68d18-41f6-f35d-fc40-34f579fee95e-44721ef0, #w-node-_4e4bad7c-cb42-2a26-e9db-55ff897a2ef0-f2c56503, #w-node-_47368eb9-8511-3bd6-023e-a85f764eadf5-f2c56503, #w-node-f61f4f85-79ba-e7dc-4d5f-a04100647fa7-f2c56503, #w-node-b1b2f4c6-2c82-f522-6fe0-7ed98f81ee36-f2c56503, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-f2c56503, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24e9-f2c56503, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24eb-f2c56503, #w-node-_55f0a565-ea62-547d-9f37-29eac98c3e73-f2c56503, #w-node-_55f0a565-ea62-547d-9f37-29eac98c3e75-f2c56503, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24ee-f2c56503, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24f0-f2c56503, #w-node-_0d925718-0d00-bc54-c083-5f98378c2cfd-f2c56503, #w-node-_0d925718-0d00-bc54-c083-5f98378c2cff-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814124-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814126-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814129-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae5681412b-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814133-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814135-f2c56503, #w-node-c44ff079-b9b3-f372-5cdb-6c3e23115ca0-f2c56503, #w-node-c44ff079-b9b3-f372-5cdb-6c3e23115ca2-f2c56503, #w-node-_0438bb8b-43c1-5910-2ad5-4e368e15f1e0-f2c56503, #w-node-_0438bb8b-43c1-5910-2ad5-4e368e15f1e2-f2c56503, #w-node-_077b4de9-c04a-f1cf-b919-f58e7a694c89-f2c56503, #w-node-_077b4de9-c04a-f1cf-b919-f58e7a694c8b-f2c56503, #w-node-_6403d672-8ec4-b985-06fb-cceb68e5db89-f2c56503, #w-node-_6403d672-8ec4-b985-06fb-cceb68e5db8b-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814138-f2c56503, #w-node-e7312a65-5cf5-a651-7a8f-04ae5681413a-f2c56503, #w-node-_568daf87-3a3a-a6f5-4130-8fd4bdb01ab7-f2c56503, #w-node-_568daf87-3a3a-a6f5-4130-8fd4bdb01ab9-f2c56503, #w-node-_85ac2a2f-6016-4833-7ef7-f7a6d073653d-f2c56503, #w-node-_85ac2a2f-6016-4833-7ef7-f7a6d073653f-f2c56503, #w-node-_1834eaff-f69e-63fb-12c6-c63254481683-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc4174d-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc41743-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc41725-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc41707-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc4171b-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc41711-d4c56fdd, #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc41739-d4c56fdd, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-68e6c582, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b83-68e6c582, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b85-68e6c582, #w-node-_8498421c-9039-b50e-e822-3181f4478d0c-68e6c582, #w-node-_8498421c-9039-b50e-e822-3181f4478d0e-68e6c582, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b88-68e6c582, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b8a-68e6c582, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b8d-68e6c582, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b8f-68e6c582, #w-node-_927068ab-8927-ab16-dc97-617a9de4fa3a-f31e7f3f, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-f31e7f3f, #w-node-_0b19859d-3f92-0405-57da-3340615b300e-8c65d0e5, #w-node-c84fa17c-b58c-960b-f4b2-ea2356a85c18-8c65d0e5, #w-node-c84fa17c-b58c-960b-f4b2-ea2356a85c1a-8c65d0e5, #w-node-_63faa70b-fbcf-06a6-7367-360c993c80ac-8c65d0e5, #w-node-_63faa70b-fbcf-06a6-7367-360c993c80ae-8c65d0e5, #w-node-c84fa17c-b58c-960b-f4b2-ea2356a85c1d-8c65d0e5, #w-node-c84fa17c-b58c-960b-f4b2-ea2356a85c1f-8c65d0e5, #w-node-c84fa17c-b58c-960b-f4b2-ea2356a85c22-8c65d0e5, #w-node-c84fa17c-b58c-960b-f4b2-ea2356a85c24-8c65d0e5, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-112aedd2, #w-node-_42144f51-b145-55c9-b5d9-90e5d433482c-2c8b256f, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-2c8b256f, #w-node-_1f112304-5794-61cc-fb09-ba58d54722df-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722e1-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722e4-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722e6-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722e9-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722eb-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722ee-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722f0-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722f3-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722f5-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722f8-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722fa-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722fd-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d54722ff-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d5472302-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d5472304-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d5472307-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d5472309-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d547230c-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d547230e-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d5472311-59faf307, #w-node-_1f112304-5794-61cc-fb09-ba58d5472313-59faf307, #w-node-d386cc1a-ae1d-d859-cbd7-fae7edfc0866-07b594d4, #w-node-_9fc4275a-af4f-29b5-e866-c2a8a576fec5-7fc4ebaf, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-7fc4ebaf, #w-node-dd668f93-ca05-d6f6-3c70-d9aed1f35e9a-7fc4ebaf, #w-node-_7bd221bd-f8fc-9af7-3d06-d5cdd04581fd-7fc4ebaf, #w-node-d4ca4ed9-3a56-c507-d909-f58d1527ca3c-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f828497-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f828499-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f82849c-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f82849e-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f8284a1-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f8284a3-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f8284a6-7fc4ebaf, #w-node-d3b3f411-0f68-cda3-56e8-aea89f8284a8-7fc4ebaf, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24e4-7fc4ebaf, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24e6-7fc4ebaf, #w-node-a993d87b-b5a9-ba8b-68d6-04705fe86cb6-7fc4ebaf, #w-node-a993d87b-b5a9-ba8b-68d6-04705fe86cb8-7fc4ebaf, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24e9-7fc4ebaf, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24eb-7fc4ebaf, #w-node-_484c5e8a-e35e-c57b-4406-150e8a86b6de-7fc4ebaf, #w-node-_484c5e8a-e35e-c57b-4406-150e8a86b6e0-7fc4ebaf, #w-node-_999a1999-1a6f-e518-e101-18009ba691da-7fc4ebaf, #w-node-_999a1999-1a6f-e518-e101-18009ba691dc-7fc4ebaf, #w-node-_128d88b6-641c-9cbb-5a18-73e869ccf40e-7fc4ebaf, #w-node-_128d88b6-641c-9cbb-5a18-73e869ccf410-7fc4ebaf, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24ee-7fc4ebaf, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24f0-7fc4ebaf, #w-node-c23d73af-a1bc-672e-aea8-4a2d3b4303d9-7fc4ebaf, #w-node-c23d73af-a1bc-672e-aea8-4a2d3b4303db-7fc4ebaf, #w-node-_55a762d1-bbc7-cf03-63df-46adacfac767-7fc4ebaf, #w-node-_55a762d1-bbc7-cf03-63df-46adacfac769-7fc4ebaf, #w-node-_0f5a2349-03b2-b60b-1f7f-641dcde84eeb-7fc4ebaf, #w-node-_0f5a2349-03b2-b60b-1f7f-641dcde84eed-7fc4ebaf, #w-node-_333060e2-0c3a-a3f0-ca9c-d58e7957e1fd-7fc4ebaf, #w-node-_333060e2-0c3a-a3f0-ca9c-d58e7957e1ff-7fc4ebaf, #w-node-_82f16247-6523-20ea-b87a-fb5c16c228dc-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c22931-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c2293b-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c22945-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c2294f-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c22959-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c22963-1be736c0, #w-node-_82f16247-6523-20ea-b87a-fb5c16c2296d-1be736c0, #w-node-_9ce1538f-046d-77b2-b45f-7cc70df36278-5b29d723, #w-node-ed1b7552-da96-2b6f-17a2-1a25e9ae2cf8-5b29d723, #w-node-abc6f702-34ce-d350-81d4-04483b50d17a-5b29d723, #w-node-a31ce92a-0a54-73b5-3302-67ad43bc8d4f-5b29d723, #w-node-_48f85dfb-565e-1f4e-dc6f-0f0047cd6035-5b29d723, #w-node-_9fa3616a-3f3d-eac9-8d54-6b2868acacdd-5b29d723, #w-node-_450520ec-9808-0eae-a884-2be9402c991c-5b29d723, #w-node-_678eb2e4-7220-b52f-86fe-c2871c098d51-5b29d723, #w-node-_47592f71-c535-ecbf-c400-ab155a6ac842-5b29d723, #w-node-_5156f511-5553-0cf0-6530-3db5c9a56164-5b29d723, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-5b29d723, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b83-5b29d723, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b85-5b29d723, #w-node-_03627652-56a1-d65e-f5a1-f58b73d242db-5b29d723, #w-node-_03627652-56a1-d65e-f5a1-f58b73d242dd-5b29d723, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b88-5b29d723, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b8a-5b29d723, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b8d-5b29d723, #w-node-aa0d53ee-e08c-0ef7-3585-1dfdda4b5b8f-5b29d723, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-53f5f1fc, #w-node-e76fc3fc-3969-8c57-fd7f-25a95f01aa40-53f5f1fc, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-f2368c3d, #w-node-_958152a9-4f08-6b83-4a11-3a5eb6020542-f2368c3d, #w-node-_958152a9-4f08-6b83-4a11-3a5eb6020544-f2368c3d, #w-node-_4fc23cf1-c560-f951-05cf-8d200a06e626-f2368c3d, #w-node-_4fc23cf1-c560-f951-05cf-8d200a06e628-f2368c3d, #w-node-_958152a9-4f08-6b83-4a11-3a5eb6020547-f2368c3d, #w-node-_958152a9-4f08-6b83-4a11-3a5eb6020549-f2368c3d, #w-node-_958152a9-4f08-6b83-4a11-3a5eb602054c-f2368c3d, #w-node-_958152a9-4f08-6b83-4a11-3a5eb602054e-f2368c3d, #w-node-_75d245e2-6188-b26e-aebf-63079296aa21-5ff6785d, #w-node-b4b24879-7589-da6b-a78d-97cc035caf47-5ff6785d, #w-node-_75d245e2-6188-b26e-aebf-63079296aa2b-5ff6785d, #w-node-_75d245e2-6188-b26e-aebf-63079296aa35-5ff6785d, #w-node-a457544c-28b2-efa3-05ae-ec8af6a0675a-5ff6785d, #w-node-a457544c-28b2-efa3-05ae-ec8af6a0675c-5ff6785d, #w-node-_1960c3dd-90d9-4689-94be-dd6e95dfed3c-5ff6785d, #w-node-_1960c3dd-90d9-4689-94be-dd6e95dfed3e-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9af-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9b1-5ff6785d, #w-node-a7c859a8-de27-2d68-b5d5-0a0316cb9425-5ff6785d, #w-node-a7c859a8-de27-2d68-b5d5-0a0316cb9427-5ff6785d, #w-node-eb40dd34-e42d-ab4a-c2eb-723e997e9782-5ff6785d, #w-node-eb40dd34-e42d-ab4a-c2eb-723e997e9784-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9be-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9c0-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9c8-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9ca-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9b4-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9b6-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9b9-5ff6785d, #w-node-_65496d1c-05ba-0572-7722-93f9c9cfe9bb-5ff6785d, #w-node-_9d21ddf2-d5ab-e62c-b061-03b9447577aa-5ff6785d, #w-node-_9d21ddf2-d5ab-e62c-b061-03b9447577ac-5ff6785d, #w-node-_079649eb-c63e-3cf5-13e8-4f2411368f4a-5ff6785d, #w-node-_079649eb-c63e-3cf5-13e8-4f2411368f4c-5ff6785d, #w-node-_079649eb-c63e-3cf5-13e8-4f2411368f4f-5ff6785d, #w-node-_079649eb-c63e-3cf5-13e8-4f2411368f51-5ff6785d, #w-node-bec188e7-7cce-4bce-1826-8b56fa52993b-5ff6785d, #w-node-bec188e7-7cce-4bce-1826-8b56fa52993d-5ff6785d, #w-node-be64b044-4ed5-2c0c-6f1a-cb779acfc589-df4b2a26, #w-node-_682c412e-27da-4b5b-d149-0a5c14b802c7-df4b2a26, #w-node-be64b044-4ed5-2c0c-6f1a-cb779acfc593-df4b2a26, #w-node-be64b044-4ed5-2c0c-6f1a-cb779acfc59d-df4b2a26, #w-node-_7ab83311-e285-b5f0-0cc8-bb9216c6de4b-df4b2a26, #w-node-_7ab83311-e285-b5f0-0cc8-bb9216c6de4d-df4b2a26, #w-node-_7ab83311-e285-b5f0-0cc8-bb9216c6de50-df4b2a26, #w-node-_7ab83311-e285-b5f0-0cc8-bb9216c6de52-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3ca-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3cc-df4b2a26, #w-node-_75e38c6f-24a7-98de-3408-509c5e325432-df4b2a26, #w-node-_75e38c6f-24a7-98de-3408-509c5e325434-df4b2a26, #w-node-e17f6dd1-a065-a881-dc8d-f8287ee4f9b8-df4b2a26, #w-node-e17f6dd1-a065-a881-dc8d-f8287ee4f9ba-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3d9-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3db-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3e3-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3e5-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3cf-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3d1-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3d4-df4b2a26, #w-node-_22a70552-5f97-6db3-fb38-f4c57ec9f3d6-df4b2a26, #w-node-_26b2d21b-d841-194f-4fd7-5c1d6178e90f-df4b2a26, #w-node-_26b2d21b-d841-194f-4fd7-5c1d6178e911-df4b2a26, #w-node-_26b2d21b-d841-194f-4fd7-5c1d6178e914-df4b2a26, #w-node-_26b2d21b-d841-194f-4fd7-5c1d6178e916-df4b2a26, #w-node-_5dacb192-e6df-4239-fd68-e54ffb65e293-df4b2a26, #w-node-_5dacb192-e6df-4239-fd68-e54ffb65e295-df4b2a26, #w-node-e24c1d02-c782-8d47-1287-35b58757a69f-df4b2a26, #w-node-e24c1d02-c782-8d47-1287-35b58757a6a1-df4b2a26, #w-node-edc5b14b-863a-66c0-6869-8742682ea5ee-d98df11c, #w-node-_3c650808-1ace-e167-6269-9ade5eaa9551-d98df11c, #w-node-_66432788-d60b-a91e-4052-01482d5a49b5-d98df11c, #w-node-fb671b1b-28b3-ac2b-55b0-fba73d506eca-d98df11c, #w-node-bc0b846b-731d-3cb2-729a-de0becdde906-d98df11c, #w-node-_76fd0924-33c1-b10c-7b25-1a0875df1668-d98df11c, #w-node-_5af6a923-ab5f-5b7d-973a-d0837da55928-d98df11c, #w-node-aeeafbb3-de37-8e6f-520b-9a55872bc254-d98df11c, #w-node-_698edc5f-d8c5-0daf-7473-7cfa001a49f8-d98df11c, #w-node-fb6e0e19-475c-fd83-70b3-b96af1b70a08-d98df11c, #w-node-fb6e0e19-475c-fd83-70b3-b96af1b70a09-d98df11c, #w-node-fb6e0e19-475c-fd83-70b3-b96af1b70a0d-d98df11c, #w-node-_7a715e84-9a9a-f3ff-eb8a-5e7310d37d01-d98df11c, #w-node-_7a715e84-9a9a-f3ff-eb8a-5e7310d37d02-d98df11c, #w-node-_7a715e84-9a9a-f3ff-eb8a-5e7310d37d08-d98df11c, #w-node-_60ac3df5-f251-461f-14a4-6c1c7721b989-d98df11c, #w-node-_60ac3df5-f251-461f-14a4-6c1c7721b98a-d98df11c, #w-node-_60ac3df5-f251-461f-14a4-6c1c7721b990-d98df11c, #w-node-c2841d6d-20ba-b9ba-6b88-b5707d0988cf-d98df11c, #w-node-c2841d6d-20ba-b9ba-6b88-b5707d0988d0-d98df11c, #w-node-c2841d6d-20ba-b9ba-6b88-b5707d0988da-d98df11c, #w-node-_605ce9ab-c9cb-4a99-d94c-a188d099096f-d98df11c, #w-node-_605ce9ab-c9cb-4a99-d94c-a188d0990970-d98df11c, #w-node-_605ce9ab-c9cb-4a99-d94c-a188d099097a-d98df11c, #w-node-_2304c5ac-450f-6b8c-9d05-d98b0aec4a3c-d98df11c, #w-node-_2304c5ac-450f-6b8c-9d05-d98b0aec4a3d-d98df11c, #w-node-_2304c5ac-450f-6b8c-9d05-d98b0aec4a47-d98df11c, #w-node-b24e43e6-b440-b1d7-4154-68f6855f805a-d98df11c, #w-node-b24e43e6-b440-b1d7-4154-68f6855f805b-d98df11c, #w-node-b24e43e6-b440-b1d7-4154-68f6855f8065-d98df11c, #w-node-b492b6d6-d207-4a47-345f-c8e671e2ffe6-d98df11c, #w-node-b492b6d6-d207-4a47-345f-c8e671e2ffe7-d98df11c, #w-node-b492b6d6-d207-4a47-345f-c8e671e2fff1-d98df11c, #w-node-fca47316-bc1d-1b79-e404-f02c60db49d0-d98df11c, #w-node-fca47316-bc1d-1b79-e404-f02c60db49d1-d98df11c, #w-node-fca47316-bc1d-1b79-e404-f02c60db49db-d98df11c, #w-node-de157ada-1a0f-477d-d254-ad3955cd61ba-d98df11c, #w-node-abdd6d1f-43ac-0326-88d5-81316176f54b-09d0a88a, #w-node-abdd6d1f-43ac-0326-88d5-81316176f54b-35e1ce42, #w-node-abdd6d1f-43ac-0326-88d5-81316176f54b-6b6ab124, #w-node-abdd6d1f-43ac-0326-88d5-81316176f54b-131e7a33, #w-node-_86c1927d-b6d4-b6d1-6e1e-1470b5da9d27-38efc9e4, #w-node-c64e89be-6bf6-264f-a789-6a71b6259159-716b9708 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_109c93d4-ca04-bd28-88c8-e4b6a471d842-c10cc201, #w-node-_1c781dd2-f078-7abb-6ee5-11dedce6f29e-c10cc201 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_4e4bad7c-cb42-2a26-e9db-55ff897a2ef0-3f8c67d0, #w-node-f61f4f85-79ba-e7dc-4d5f-a04100647fa7-3f8c67d0, #w-node-b1b2f4c6-2c82-f522-6fe0-7ed98f81ee36-3f8c67d0, #w-node-c431b088-0529-89d7-30fd-e799af5637ca-3f8c67d0, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24e9-3f8c67d0, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24eb-3f8c67d0, #w-node-_55f0a565-ea62-547d-9f37-29eac98c3e73-3f8c67d0, #w-node-_55f0a565-ea62-547d-9f37-29eac98c3e75-3f8c67d0, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24ee-3f8c67d0, #w-node-_3e99118a-fcd3-2239-ab58-6c46970d24f0-3f8c67d0, #w-node-_0d925718-0d00-bc54-c083-5f98378c2cfd-3f8c67d0, #w-node-_0d925718-0d00-bc54-c083-5f98378c2cff-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814124-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814126-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814129-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae5681412b-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814133-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814135-3f8c67d0, #w-node-c44ff079-b9b3-f372-5cdb-6c3e23115ca0-3f8c67d0, #w-node-c44ff079-b9b3-f372-5cdb-6c3e23115ca2-3f8c67d0, #w-node-_0438bb8b-43c1-5910-2ad5-4e368e15f1e0-3f8c67d0, #w-node-_0438bb8b-43c1-5910-2ad5-4e368e15f1e2-3f8c67d0, #w-node-_077b4de9-c04a-f1cf-b919-f58e7a694c89-3f8c67d0, #w-node-_077b4de9-c04a-f1cf-b919-f58e7a694c8b-3f8c67d0, #w-node-_6403d672-8ec4-b985-06fb-cceb68e5db89-3f8c67d0, #w-node-_6403d672-8ec4-b985-06fb-cceb68e5db8b-3f8c67d0, #w-node-fe478c82-70f0-be32-e2bc-b665f5f543bb-3f8c67d0, #w-node-fe478c82-70f0-be32-e2bc-b665f5f543bd-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae56814138-3f8c67d0, #w-node-e7312a65-5cf5-a651-7a8f-04ae5681413a-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704eae-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704eb0-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704eb3-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704eb5-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704eb8-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704eba-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704ebd-3f8c67d0, #w-node-_100f5c59-b837-2886-a0e5-f59069704ebf-3f8c67d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e361716-18f5-131c-3e9e-7b8f5fdaee60-5ac7ab32, #w-node-_7e463df1-de80-b5b4-52c6-722d37c3e8e1-5ac7ab32 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (max-width: 991px) {
  #w-node-ee0ee7bc-ec85-2333-ab9c-91717fc41707-d4c56fdd, #w-node-_82f16247-6523-20ea-b87a-fb5c16c2294f-1be736c0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a31ce92a-0a54-73b5-3302-67ad43bc8d4f-5b29d723, #w-node-_48f85dfb-565e-1f4e-dc6f-0f0047cd6035-5b29d723, #w-node-_9fa3616a-3f3d-eac9-8d54-6b2868acacdd-5b29d723, #w-node-_450520ec-9808-0eae-a884-2be9402c991c-5b29d723 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9e361716-18f5-131c-3e9e-7b8f5fdaee60-5ac7ab32 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #MsgSlide.w-node-_89963aa9-a929-d17d-6bb2-c008526bc616-0c15691e, #MsgSlide.w-node-_62a09c7a-4a20-4fbb-16aa-5f681379ae3c-44721ef0, #MsgSlide.w-node-cc74bc7d-b9e7-0e0b-4cef-c1e3a256c50e-f2c56503, #MsgSlide.w-node-f2496934-e5b7-123a-db70-58c5533769ee-d4c56fdd, #MsgSlide.w-node-_5ddeb107-2158-36d2-38e0-f94e4bd2bcd4-68e6c582, #MsgSlide.w-node-_9fbc3b15-9312-f6c3-5312-f2c120d61b28-f31e7f3f, #MsgSlide.w-node-_2c19b142-b4d1-93e1-1de5-218c6ac94075-8c65d0e5, #w-node-e9df5cb9-3a1e-598e-b7a2-9eb3d96a6194-112aedd2, #w-node-e9df5cb9-3a1e-598e-b7a2-9eb3d96a6194-2c8b256f, #MsgSlide.w-node-a5542919-f1d0-c851-f4d6-b07520d6eb5f-38cbf890, #w-node-cc843885-15e6-7f00-6bc3-807000aa95ea-59faf307, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-07b594d4, #w-node-_221be2be-8bad-fa3c-115e-8bcce0aaa693-7fc4ebaf, #MsgSlide.w-node-_82f16247-6523-20ea-b87a-fb5c16c2287f-1be736c0, #w-node-_66a029fb-2438-377b-5416-2e40dcbfc27f-5b29d723, #w-node-_31cfec88-3990-5689-9000-c8d9d4fa935f-53f5f1fc, #w-node-c1d49f9e-82c1-a901-06da-cbd90de7ab78-f2368c3d, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-f007aa82, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-8aa812f3, #MsgSlide.w-node-_6254a2d5-6dc7-5e40-a267-d65110f6b658-5ff6785d, #w-node-c1d49f9e-82c1-a901-06da-cbd90de7ab78-df4b2a26, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-09d0a88a, #MsgSlide.w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-35e1ce42, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-6b6ab124, #MsgSlide.w-node-_3f0bcdba-bfb6-f7f7-298f-dfd893e7d19e-131e7a33, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-38efc9e4, #w-node-_9f75d81c-8535-ee13-ac4b-00ecadaf897c-716b9708, #MsgSlide.w-node-_62a09c7a-4a20-4fbb-16aa-5f681379ae3c-8159a06f, #MsgSlide.w-node-cc74bc7d-b9e7-0e0b-4cef-c1e3a256c50e-3f8c67d0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9e361716-18f5-131c-3e9e-7b8f5fdaee60-5ac7ab32, #w-node-_7e463df1-de80-b5b4-52c6-722d37c3e8e1-5ac7ab32 {
    grid-column: span 2 / span 2;
  }
}


@font-face {
  font-family: 'Walter';
  src: url('../fonts/Walter.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Jaime Blues';
  src: url('../fonts/Jaime-Blues.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Db Heavent Bd Cond It V 3';
  src: url('../fonts/DB-Heavent-Bd-Cond-It-v3.2.1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Db Heavent Bd Cond V 3';
  src: url('../fonts/DB-Heavent-Bd-Cond-v3.2.1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Db Heavent Cond V 3';
  src: url('../fonts/DB-Heavent-Cond-v3.2.1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Db Heavent Cond It V 3';
  src: url('../fonts/DB-Heavent-Cond-It-v3.2.1.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}