#SECTION-m38yi8nb {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  --box-shadow: none;
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-m38yi8nb .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-m38yi8nb .x-section-video-background {
  
  
}



#SECTION-m38yi8nb .video {
  display: none;
}
#SECTION-m38yi8nb .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-kt4gv5h7 {
  --bg: #10243E;
  background: #10243E;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
padding-bottom: 8px;
padding-top: 8px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content);height: auto;justify-self: center;margin-left: calc(% * 2);margin-top: px;max-width: 1200px;min-width: 0;row-gap: 16px;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-t2uim286"], .--clone-TEXT-t2uim286 {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-bottom: calc(2px * 2);
margin-left: 0%;
margin-right: 0%;
min-width: 0;
width: auto;
  
}
[id^="TEXT-t2uim286"] .x-text,
[id^="TEXT-t2uim286"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-t2uim286 .x-text,
.--clone-TEXT-t2uim286 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Questrial;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
letter-spacing: 0.02em;
line-height: 1.5;
text-align: center;
width: 100%;
  
}
[id^="TEXT-t2uim286"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-t2uim286 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-t2uim286"] .x-text:hover,
.--clone-TEXT-t2uim286 .x-text:hover,
[id^="TEXT-t2uim286"] a:hover,
.--clone-TEXT-t2uim286 a:hover {
  
}



#CONTAINER-a92496kv {
  --bg: #FFFFFF;
  background: #FFFFFF;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
padding-bottom: 12px;
padding-top: 12px;
  --width: 100%;align-self: start;column-gap: 32px;display: none;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 120px 1fr 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(% * 2);margin-top: px;max-width: 1200px;min-width: 0;row-gap: 24px;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="IMAGE-3yxjdaae"] {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: start;
margin-left: %;
margin-top: px;
max-width: 80px;
min-width: 0;
width: 100%;
  
  
}
[id^="IMAGE-3yxjdaae"] picture {
  --width: 100%;
height: 100%;
width: 100%;
}
[id^="IMAGE-3yxjdaae"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#MENU-y906l7mg {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-y906l7mg .x-rect {
  --gap: 28px;
--pad-x: 8px;
--pad-y: 12px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
justify-content: center;
  
}
#MENU-y906l7mg > ul {
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  gap: 28px;
  
  border-radius: inherit;
}
#MENU-y906l7mg > ul > .menu-item .tag-link {
  --gap: 28px;
--pad-x: 8px;
--pad-y: 12px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
justify-content: center;
}
#MENU-y906l7mg > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-y906l7mg > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-y906l7mg > ul > .menu-item:not(:first-child) {
  
}
#MENU-y906l7mg ul li .tag-link {
  border-style: none none none none;

}
#MENU-y906l7mg ul li .tag-link:hover {
  color: #1B4F7A !important;
background: #FFFFFF;






border-style: none none none none;

}

#MENU-y906l7mg > ul > .menu-item svg {
  width: 12px;
  height: 12px;
}

#MENU-y906l7mg .arrow { color: #10243E; }
#MENU-y906l7mg.horizontal-menu > ul > .menu-item > .x-submenu {
  top: 100%;
}


#MENU-ITEM-fhwqxrvk > a, #MENU-ITEM-fhwqxrvk > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  -webkit-text-stroke: 0px #000000ff !important;
}

#SUBMENU-0hv9lj2f {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-fhwqxrvk.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-pbzu7hxi {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-pbzu7hxi .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-pbzu7hxi > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-pbzu7hxi > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-pbzu7hxi > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-pbzu7hxi > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-pbzu7hxi > ul > .menu-item:not(:first-child) {
  
}
#MENU-pbzu7hxi ul li .tag-link {
  border-style: none none none none;

}
#MENU-pbzu7hxi ul li .tag-link:hover,
#MENU-pbzu7hxi ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-cvtxzvmk > a, #MENU-ITEM-cvtxzvmk > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-4ixseb9f > a, #MENU-ITEM-4ixseb9f > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-5g720bqy > a, #MENU-ITEM-5g720bqy > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-ns5phl3m > a, #MENU-ITEM-ns5phl3m > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#MENU-ITEM-pdacdhmb > a, #MENU-ITEM-pdacdhmb > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}


#CONTAINER-8t2ubxav {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;column-gap: 0px;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;max-width: 44px;min-width: 0;row-gap: 24px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}
#CART-ICON-8rqder95 {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 44px;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  
}
#CART-ICON-8rqder95 .x-cart-icon {
  background: #FFFFFF;
border-color: #000000ff;
border-radius: 8px;
border-style: solid;
border-width: 0.0px;
color: #10243E;
}
#CART-ICON-8rqder95 .x-cart-item-count {
  position: absolute;
  top: -11.0px;
  right: -11.0px;
  width: 22.0px;
  height: 22.0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #10243E;
border-radius: 50%;
color: #FFFFFF;
font-family: Questrial;
font-size: 10.0px;
}
#CART-ICON-8rqder95 .x-image-cart-icon {
  border-radius: 8px;
}

#CONTAINER-ndygqs0b {
  --bg: #FFFFFF;
  background: #FFFFFF;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
padding-bottom: 10px;
padding-top: 10px;
  --width: 94.73941200657896%;align-self: start;column-gap: 16px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 44px 1fr 44px;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;max-width: 1200px;min-width: 0;row-gap: 24px;width: 94.73941200657896%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}
#MENU-9wwhchrx {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #10243E;
  
  
  
  
  
}


#MENU-9wwhchrx .x-rect {
  -webkit-text-stroke: 0px #000000ff;
background: var(--color_00);
border-radius: 8px;
color: #10243E;
font-family: 'Anuphan', sans-serif;
  
}
#MENU-9wwhchrx > ul {
  background: var(--color_00);
  
  
  
  
  border-radius: inherit;
}
#MENU-9wwhchrx > ul > .menu-item .tag-link {
  -webkit-text-stroke: 0px #000000ff;
background: var(--color_00);
border-radius: 8px;
color: #10243E;
font-family: 'Anuphan', sans-serif;
}
#MENU-9wwhchrx > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-9wwhchrx > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-9wwhchrx > ul > .menu-item:not(:first-child) {
  
}
#MENU-9wwhchrx ul li .tag-link {
  border-style: none none none none;

}
#MENU-9wwhchrx ul li .tag-link:hover,
#MENU-9wwhchrx ul li > a:hover {
  







border-style: none none none none;

}


#MENU-9wwhchrx .arrow { color: #10243E; }


#MENU-DROPPABLE-f834uexb {
  background: #FFFFFF;
overflow-y: auto;
  top: 0;
  right: 0;
  width: 100%;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  --width: 100%;
  
  overflow_x: visible;
  overflow_y: auto;
  
}
#MENU-pcaaas6o {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-pcaaas6o .x-rect {
  --pad-x: 20px;
--pad-y: 14px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
  
}
#MENU-pcaaas6o > ul {
  background: #FFFFFF;
  justify-content: flex-start;
  align-items: flex-start;
  
  height: auto;
  border-radius: inherit;
}
#MENU-pcaaas6o > ul > .menu-item .tag-link {
  --pad-x: 20px;
--pad-y: 14px;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
}
#MENU-pcaaas6o > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-pcaaas6o > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-pcaaas6o > ul > .menu-item:not(:first-child) {
  
}
#MENU-pcaaas6o ul li .tag-link {
  border-style: none none none none;

}
#MENU-pcaaas6o ul li .tag-link:hover,
#MENU-pcaaas6o ul li > a:hover {
  color: #1B4F7A !important;
background: #F6F8FA;






border-style: none none none none;

}


#MENU-pcaaas6o .arrow { color: #10243E; }


#MENU-ITEM-py8wk7ur > a, #MENU-ITEM-py8wk7ur > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-xxkzlofq {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-py8wk7ur.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-dwn7ux5h {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-dwn7ux5h .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-dwn7ux5h > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-dwn7ux5h > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-dwn7ux5h > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-dwn7ux5h > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-dwn7ux5h > ul > .menu-item:not(:first-child) {
  
}
#MENU-dwn7ux5h ul li .tag-link {
  border-style: none none none none;

}
#MENU-dwn7ux5h ul li .tag-link:hover,
#MENU-dwn7ux5h ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-gva91ydl > a, #MENU-ITEM-gva91ydl > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-5bw9z79l > a, #MENU-ITEM-5bw9z79l > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-7o07m1fb > a, #MENU-ITEM-7o07m1fb > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-o1ct0t9p > a, #MENU-ITEM-o1ct0t9p > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#MENU-ITEM-85x83ytr > a, #MENU-ITEM-85x83ytr > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}


[id^="IMAGE-4qqqbq3u"] {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0.0023251488095238095% * 2);
margin-top: 0px;
max-width: 64px;
min-width: 0;
width: 38.0859375%;
  
  
}
[id^="IMAGE-4qqqbq3u"] picture {
  --width: 38.0859375%;
height: 100%;
width: 100%;
}
[id^="IMAGE-4qqqbq3u"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#CART-ICON-1rfivdew {
  --width: 100%;align-self: start;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;height: 44px;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  
}
#CART-ICON-1rfivdew .x-cart-icon {
  background: #FFFFFF;
border-radius: 8px;
color: #10243E;
}
#CART-ICON-1rfivdew .x-cart-item-count {
  position: absolute;
  top: -11.0px;
  right: -11.0px;
  width: 22.0px;
  height: 22.0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #10243E;
border-radius: 50%;
color: #FFFFFF;
font-family: Questrial;
font-size: 10.0px;
}
#CART-ICON-1rfivdew .x-image-cart-icon {
  border-radius: 8px;
}
#SECTION-3nebyoci {
  height: auto;
  grid-template-columns: 15px 1fr 15px 1fr 15px;
  grid-template-rows: minmax(24px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(8px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-3nebyoci .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 80;
  --bg: #FFFFFF;
}

#SECTION-3nebyoci .x-section-video-background {
  
  
}



#SECTION-3nebyoci .video {
  display: none;
}
#SECTION-3nebyoci .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}

#PRODUCT-GALLERY-7aay9y4z {
  --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;min-width: 0;width: 100%;
  
  
  --is-grid-layout: false
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery-wrapper {
  transition: height 0.3s ease;
  flex-direction: column;
  
  
  
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-wrapper .product-gallery--nav-item[data-video-pin="true"]{
  
}

#PRODUCT-GALLERY-7aay9y4z .x-pagination-wrapper[data-type="bar"],
#PRODUCT-GALLERY-7aay9y4z .x-pagination-wrapper[data-element="overlay"] {
  
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-wrapper[data-type="bar-dot"] {
  visibility: visible;
  gap: 10px;
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-backdrop {
  height: 2px;
  width: 90%;
  gap: 10px;
  
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-backdrop .x-pagination-bar,
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-backdrop .x-pagination-bar-overlay {
  border-radius: 1000px;
  flex: 1;
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-backdrop .x-pagination-bar:nth-child(n+6) {
  
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-backdrop .x-pagination-bar-overlay:nth-child(n+6) {
  
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar, #PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-dot {
  background: rgba(238, 238, 238, 1);
}
#PRODUCT-GALLERY-7aay9y4z .x-bar-active {
  left: -100%;
  background: rgba(77, 125, 236, 1);
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-dot.active {
  background: rgba(77, 125, 236, 1);
}
#PRODUCT-GALLERY-7aay9y4z .x-pagination-bar-dot {
  height: 7px;
  width: 7px;
  border-radius: 1000px;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-wrapper .product-gallery--radio-wrapper {
  flex-direction: row;
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery-wrapper .product-gallery--nav-item {
  min-height: calc(auto - 110px);
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-mini {
  min-height: 110px;
  min-width: 110px;
  
  overflow-x: hidden; overflow-y: hidden; max-width: 100%;
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery-mini-show {
  
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery-mini .product-gallery-mini-wrapper {
  
  
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery--nav-item img {
  object-fit: cover;
  aspect-ratio: auto;
  
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery--nav-item img:hover {
  
}
modal-product-gallery[data-id="PRODUCT-GALLERY-7aay9y4z"] .modal-product-slider__item img {
  object-fit: contain;
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery--controls > * {
  width: 100%;
  height: calc(100% - 40px);
  color: #FFFFFF;
}
#PRODUCT-GALLERY-7aay9y4z .product-view {
  height: calc(100% - 70px);
  width: 100%;
}
#PRODUCT-GALLERY-7aay9y4z .thumbnail-icon {
  margin: 10px 10px 0 0;
  width: 100px;
  height: 100px;
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery--controls {
  width: 40px;
  height: 80px;
  
  
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery--controls.left {
  left: 5px;
  transform: scaleX(-1) scale(1) translate(0,-50%);
}
#PRODUCT-GALLERY-7aay9y4z .product-gallery--controls.right {
  right: 5px;
}

#PRODUCT-GALLERY-7aay9y4z .product--ribbons-wrapper {
  font-family: Roboto;
  font-weight: ;
  font-size: 12px;
  font-style: ;
  text-decoration: ;
  color: rgba(255, 255, 255, 1);
  flex-direction: row;
  padding: 0px 0px 0px 0px;
  display: none;
}
#PRODUCT-GALLERY-7aay9y4z .product--ribbon {
  border-radius: 0px;
  background: rgba(0, 0, 0, 1);
  border-color: rgba(0, 0, 0, 1);
  border-width: 0px;
  background-size: cover;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  filter: ;
}


#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails {
  display: none;
  height: fit-content;
  width: fit-content;
  max-height: 500px;
  max-width: 500px;
  overflow: hidden;
  position: sticky;
  top: 0;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-tap {
  background: #ffffff80;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%; width: 40px;
  z-index: 100;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-tap-left{
  
  top: 0;
  left: 0;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-tap-right{
  
  top: 0;
  right: 0;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-tap-top{
  display: none;
  top: 0;
  left: 0;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-tap-bottom{
  display: none;
  bottom: 0;
  left: 0;
}



#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-tap-icon svg {
  width: 20px;
  height: 20px;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-items {
  display: flex;
  width: fit-content;
  height: fit-content;
  flex-direction: row; gap: 10px;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-items.transition{
  transition: all 0.3s ease-in-out;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-item {
  width: 100px;
  height: 100px;
  opacity: 0.5;
  border-radius: 5px;
  border: 1px solid transparent;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-item img,
#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-item video {
  width: 100px;
  height: 100px;
}

#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-item:hover,
#PRODUCT-GALLERY-7aay9y4z .product-gallery-thumbnails .product-gallery-thumbnails-item.active {
  opacity: 1;
  border-color: #000000;
}
.PRODUCT-GALLERY-7aay9y4z .x-pin-video {
  display: none;
}

#CONTAINER-z11dkgdw {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 5;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(16px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(24px, max-content) minmax(0px, max-content) minmax(20px, max-content) minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content) minmax(22px, max-content) minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content) minmax(18px, max-content) minmax(0px, max-content) minmax(16px, max-content) minmax(0px, max-content) minmax(18px, max-content) minmax(0px, max-content) minmax(14px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-pp2-001"], .--clone-TEXT-pp2-001 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-001"] .x-text,
[id^="TEXT-pp2-001"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-001 .x-text,
.--clone-TEXT-pp2-001 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #1B4F7A);
font-size: 13.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.18em;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp2-001"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-001 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #1B4F7A);
}
[id^="TEXT-pp2-001"] .x-text:hover,
.--clone-TEXT-pp2-001 .x-text:hover,
[id^="TEXT-pp2-001"] a:hover,
.--clone-TEXT-pp2-001 a:hover {
  
}



[id^="TEXT-DATASET-fvuhta1t"], .--clone-TEXT-DATASET-fvuhta1t {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: 0px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-fvuhta1t"] .x-text,
[id^="TEXT-DATASET-fvuhta1t"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-fvuhta1t .x-text,
.--clone-TEXT-DATASET-fvuhta1t .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font: var(--font_0);
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.3;
width: 100%;
  
}
[id^="TEXT-DATASET-fvuhta1t"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-fvuhta1t .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-fvuhta1t"] .x-text:hover,
.--clone-TEXT-DATASET-fvuhta1t .x-text:hover,
[id^="TEXT-DATASET-fvuhta1t"] a:hover,
.--clone-TEXT-DATASET-fvuhta1t a:hover {
  
}



[id^="TEXT-DATASET-pp4-001"], .--clone-TEXT-DATASET-pp4-001 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-001"] .x-text,
[id^="TEXT-DATASET-pp4-001"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-001 .x-text,
.--clone-TEXT-DATASET-pp4-001 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #65717C);
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.75;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-001"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-001 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-DATASET-pp4-001"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-001 .x-text:hover,
[id^="TEXT-DATASET-pp4-001"] a:hover,
.--clone-TEXT-DATASET-pp4-001 a:hover {
  
}



[id^="TEXT-DATASET-bdgtrqri"], .--clone-TEXT-DATASET-bdgtrqri {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 8;
grid-row-start: 7;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: calc(px * 2);
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-bdgtrqri"] .x-text,
[id^="TEXT-DATASET-bdgtrqri"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-bdgtrqri .x-text,
.--clone-TEXT-DATASET-bdgtrqri .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #10243E);
font: var(--font_6);
font-size: 20.0px;
font-weight: 600;
height: 100%;
line-height: 1.3;
width: 100%;
  
}
[id^="TEXT-DATASET-bdgtrqri"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-bdgtrqri .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-bdgtrqri"] .x-text:hover,
.--clone-TEXT-DATASET-bdgtrqri .x-text:hover,
[id^="TEXT-DATASET-bdgtrqri"] a:hover,
.--clone-TEXT-DATASET-bdgtrqri a:hover {
  
}



[id^="TEXT-DATASET-pp4-003"], .--clone-TEXT-DATASET-pp4-003 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 10;
grid-row-start: 9;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-003"] .x-text,
[id^="TEXT-DATASET-pp4-003"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-003 .x-text,
.--clone-TEXT-DATASET-pp4-003 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-003"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-003 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-pp4-003"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-003 .x-text:hover,
[id^="TEXT-DATASET-pp4-003"] a:hover,
.--clone-TEXT-DATASET-pp4-003 a:hover {
  
}



[id^="TEXT-DATASET-pp4-005"], .--clone-TEXT-DATASET-pp4-005 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 12;
grid-row-start: 11;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-005"] .x-text,
[id^="TEXT-DATASET-pp4-005"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-005 .x-text,
.--clone-TEXT-DATASET-pp4-005 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-005"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-005 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-pp4-005"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-005 .x-text:hover,
[id^="TEXT-DATASET-pp4-005"] a:hover,
.--clone-TEXT-DATASET-pp4-005 a:hover {
  
}



[id^="TEXT-DATASET-pp4-007"], .--clone-TEXT-DATASET-pp4-007 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 14;
grid-row-start: 13;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-007"] .x-text,
[id^="TEXT-DATASET-pp4-007"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-007 .x-text,
.--clone-TEXT-DATASET-pp4-007 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-007"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-007 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-pp4-007"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-007 .x-text:hover,
[id^="TEXT-DATASET-pp4-007"] a:hover,
.--clone-TEXT-DATASET-pp4-007 a:hover {
  
}



[id^="TEXT-pp2-006"], .--clone-TEXT-pp2-006 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 18;
grid-row-start: 17;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-006"] .x-text,
[id^="TEXT-pp2-006"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-006 .x-text,
.--clone-TEXT-pp2-006 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #65717C);
font-size: 13.0px;
font-weight: 500;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp2-006"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-006 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp2-006"] .x-text:hover,
.--clone-TEXT-pp2-006 .x-text:hover,
[id^="TEXT-pp2-006"] a:hover,
.--clone-TEXT-pp2-006 a:hover {
  
}


#QUANTITY-INPUT-k0bhfasa {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 20;grid-row-start: 19;height: 52px;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: 0px;min-width: 0;width: auto;
  -webkit-text-stroke: 0px rgba(0, 0, 0, 1);
border-color: var(--color_14);
border-radius: 10px;
border-style: solid;
border-width: 1.0px;
color: var(--font_color_7);
font: var(--font_7);
font-size: 15.0px;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-k0bhfasa .quantity__input {
  
  
  padding-left: 45px;
  padding-right: 45px;
  
}
#QUANTITY-INPUT-k0bhfasa .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-k0bhfasa .quantity__button[name="minus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-k0bhfasa .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-k0bhfasa .quantity__button[name="plus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-k0bhfasa .quantity__button[name="plus"] svg {
  width: 9.3px;
}
#BUTTON-sru4o19d {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 22;
grid-row-start: 21;
height: 54px;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: calc(px * 2);
min-width: 0;
width: auto;
  
}
#BUTTON-sru4o19d .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #10243E;
background-color: #10243E;
border-color: var(--color_14);
border-radius: 10px;
border-style: solid;
border-width: 0.0px;
color: #FFFFFF;
font: var(--font_7);
font-size: 16.0px;
font-weight: 500;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #FFFFFF);
}
#BUTTON-sru4o19d[disabled=true] {
  display: none;
}

#BUTTON-7r36u6zh {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 24;
grid-row-start: 23;
height: 54px;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: calc(px * 2);
min-width: 0;
width: auto;
  
}
#BUTTON-7r36u6zh .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
background-color: #FFFFFF;
border-color: #10243e59;
border-radius: 10px;
border-style: solid;
border-width: 1.5px;
color: #10243E;
font: var(--font_7);
font-size: 16.0px;
font-weight: 500;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #10243E);
}
#BUTTON-7r36u6zh[disabled=true] {
  display: none;
}


[id^="TEXT-pp2-007"], .--clone-TEXT-pp2-007 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 26;
grid-row-start: 25;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp2-007"] .x-text,
[id^="TEXT-pp2-007"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-007 .x-text,
.--clone-TEXT-pp2-007 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #65717C);
font-size: 13.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-pp2-007"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp2-007 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp2-007"] .x-text:hover,
.--clone-TEXT-pp2-007 .x-text:hover,
[id^="TEXT-pp2-007"] a:hover,
.--clone-TEXT-pp2-007 a:hover {
  
}



[id^="TEXT-DATASET-pp4-009"], .--clone-TEXT-DATASET-pp4-009 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 16;
grid-row-start: 15;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-009"] .x-text,
[id^="TEXT-DATASET-pp4-009"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-009 .x-text,
.--clone-TEXT-DATASET-pp4-009 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #65717C);
font-size: 13.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-009"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-009 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-DATASET-pp4-009"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-009 .x-text:hover,
[id^="TEXT-DATASET-pp4-009"] a:hover,
.--clone-TEXT-DATASET-pp4-009 a:hover {
  
}


#SECTION-pp4-value {
  height: auto;
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  
  
  
  
  --box-shadow: none;
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-pp4-value .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-pp4-value .x-section-video-background {
  
  
}



#SECTION-pp4-value .video {
  display: none;
}
#SECTION-pp4-value .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-012 {
  --bg: #F6F8FA;
  background: #F6F8FA;
border: none;
border-color: #000000ff;
border-radius: 28px;
border-style: solid;
border-width: 0.0px;
box-shadow: none;
padding-bottom: 72;
padding-left: 64;
padding-right: 64;
padding-top: 72;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-013"], .--clone-TEXT-013 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-013"] .x-text,
[id^="TEXT-013"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-013 .x-text,
.--clone-TEXT-013 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #1B4F7A);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
height: 100%;
letter-spacing: 0.14em;
line-height: 1.5;
text-align: center;
width: 100%;
  
}
[id^="TEXT-013"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-013 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #1B4F7A);
}
[id^="TEXT-013"] .x-text:hover,
.--clone-TEXT-013 .x-text:hover,
[id^="TEXT-013"] a:hover,
.--clone-TEXT-013 a:hover {
  
}



[id^="TEXT-014"], .--clone-TEXT-014 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-014"] .x-text,
[id^="TEXT-014"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-014 .x-text,
.--clone-TEXT-014 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #17212B);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 30.0px;
font-weight: 400;
height: 100%;
letter-spacing: -0.01em;
line-height: 1.2;
text-align: center;
width: 100%;
  
}
[id^="TEXT-014"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-014 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-014"] .x-text:hover,
.--clone-TEXT-014 .x-text:hover,
[id^="TEXT-014"] a:hover,
.--clone-TEXT-014 a:hover {
  
}



[id^="TEXT-015"], .--clone-TEXT-015 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-015"] .x-text,
[id^="TEXT-015"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-015 .x-text,
.--clone-TEXT-015 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #65717C);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-015"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-015 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-015"] .x-text:hover,
.--clone-TEXT-015 .x-text:hover,
[id^="TEXT-015"] a:hover,
.--clone-TEXT-015 a:hover {
  
}



#CONTAINER-016 {
  --bg: ;
  
  --width: 100%;align-self: start;column-gap: 40px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 40px;width: auto;
  
  
  
  
  
  border:   ;


  
}

#CONTAINER-017 {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-018"], .--clone-TEXT-018 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-018"] .x-text,
[id^="TEXT-018"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-018 .x-text,
.--clone-TEXT-018 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #1B4F7A);
font: Anuphan;
font-size: 22.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.06em;
line-height: 1.2;
text-align: center;
width: 100%;
  
}
[id^="TEXT-018"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-018 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #1B4F7A);
}
[id^="TEXT-018"] .x-text:hover,
.--clone-TEXT-018 .x-text:hover,
[id^="TEXT-018"] a:hover,
.--clone-TEXT-018 a:hover {
  
}



[id^="TEXT-019"], .--clone-TEXT-019 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-019"] .x-text,
[id^="TEXT-019"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-019 .x-text,
.--clone-TEXT-019 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #17212B);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 21.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
text-align: center;
width: 100%;
  
}
[id^="TEXT-019"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-019 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-019"] .x-text:hover,
.--clone-TEXT-019 .x-text:hover,
[id^="TEXT-019"] a:hover,
.--clone-TEXT-019 a:hover {
  
}



[id^="TEXT-020"], .--clone-TEXT-020 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-020"] .x-text,
[id^="TEXT-020"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-020 .x-text,
.--clone-TEXT-020 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #65717C);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-020"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-020 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-020"] .x-text:hover,
.--clone-TEXT-020 .x-text:hover,
[id^="TEXT-020"] a:hover,
.--clone-TEXT-020 a:hover {
  
}



#CONTAINER-021 {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-022"], .--clone-TEXT-022 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-022"] .x-text,
[id^="TEXT-022"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-022 .x-text,
.--clone-TEXT-022 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #1B4F7A);
font: Anuphan;
font-size: 22.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.06em;
line-height: 1.2;
text-align: center;
width: 100%;
  
}
[id^="TEXT-022"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-022 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #1B4F7A);
}
[id^="TEXT-022"] .x-text:hover,
.--clone-TEXT-022 .x-text:hover,
[id^="TEXT-022"] a:hover,
.--clone-TEXT-022 a:hover {
  
}



[id^="TEXT-023"], .--clone-TEXT-023 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-023"] .x-text,
[id^="TEXT-023"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-023 .x-text,
.--clone-TEXT-023 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #17212B);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 21.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
text-align: center;
width: 100%;
  
}
[id^="TEXT-023"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-023 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-023"] .x-text:hover,
.--clone-TEXT-023 .x-text:hover,
[id^="TEXT-023"] a:hover,
.--clone-TEXT-023 a:hover {
  
}



[id^="TEXT-024"], .--clone-TEXT-024 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-024"] .x-text,
[id^="TEXT-024"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-024 .x-text,
.--clone-TEXT-024 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #65717C);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-024"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-024 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-024"] .x-text:hover,
.--clone-TEXT-024 .x-text:hover,
[id^="TEXT-024"] a:hover,
.--clone-TEXT-024 a:hover {
  
}



#CONTAINER-025 {
  --bg: ;
  
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-026"], .--clone-TEXT-026 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-026"] .x-text,
[id^="TEXT-026"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-026 .x-text,
.--clone-TEXT-026 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #1B4F7A);
font: Anuphan;
font-size: 22.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.06em;
line-height: 1.2;
text-align: center;
width: 100%;
  
}
[id^="TEXT-026"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-026 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #1B4F7A);
}
[id^="TEXT-026"] .x-text:hover,
.--clone-TEXT-026 .x-text:hover,
[id^="TEXT-026"] a:hover,
.--clone-TEXT-026 a:hover {
  
}



[id^="TEXT-027"], .--clone-TEXT-027 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-027"] .x-text,
[id^="TEXT-027"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-027 .x-text,
.--clone-TEXT-027 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 21.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
text-align: center;
width: 100%;
  
}
[id^="TEXT-027"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-027 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-027"] .x-text:hover,
.--clone-TEXT-027 .x-text:hover,
[id^="TEXT-027"] a:hover,
.--clone-TEXT-027 a:hover {
  
}



[id^="TEXT-028"], .--clone-TEXT-028 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-028"] .x-text,
[id^="TEXT-028"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-028 .x-text,
.--clone-TEXT-028 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #65717C);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-028"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-028 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-028"] .x-text:hover,
.--clone-TEXT-028 .x-text:hover,
[id^="TEXT-028"] a:hover,
.--clone-TEXT-028 a:hover {
  
}


#SECTION-0kbw2byv {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(56px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-0kbw2byv .x-section-background {
  background: #F6F8FA;
  
  
  
  
  
  
  --height: 0;
  --bg: #F6F8FA;
}

#SECTION-0kbw2byv .x-section-video-background {
  
  
}



#SECTION-0kbw2byv .video {
  display: none;
}
#SECTION-0kbw2byv .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-px2f0ms2 {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;column-gap: 40px;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 24px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

#CONTAINER-jsoz5omr {
  --bg: ;
  
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-1tp37lcq"], .--clone-TEXT-1tp37lcq {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-1tp37lcq"] .x-text,
[id^="TEXT-1tp37lcq"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-1tp37lcq .x-text,
.--clone-TEXT-1tp37lcq .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-family: 'Anuphan', sans-serif;
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-1tp37lcq"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-1tp37lcq .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-1tp37lcq"] .x-text:hover,
.--clone-TEXT-1tp37lcq .x-text:hover,
[id^="TEXT-1tp37lcq"] a:hover,
.--clone-TEXT-1tp37lcq a:hover {
  
}



#CONTAINER-5v0f9q0x {
  --bg: ;
  
  --width: 100%;align-self: start;column-gap: 10px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 10px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-DATASET-8yv2fb96"], .--clone-TEXT-DATASET-8yv2fb96 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-8yv2fb96"] .x-text,
[id^="TEXT-DATASET-8yv2fb96"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-8yv2fb96 .x-text,
.--clone-TEXT-DATASET-8yv2fb96 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: #FFFFFF;
border-color: #E3E8ED;
border-radius: 999px;
border-style: solid;
border-width: 1.0px;
color: var(--active-color, #10243E);
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
padding-top: 9px;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-8yv2fb96"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-8yv2fb96 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-8yv2fb96"] .x-text:hover,
.--clone-TEXT-DATASET-8yv2fb96 .x-text:hover,
[id^="TEXT-DATASET-8yv2fb96"] a:hover,
.--clone-TEXT-DATASET-8yv2fb96 a:hover {
  
}



[id^="TEXT-DATASET-zdsbzl18"], .--clone-TEXT-DATASET-zdsbzl18 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-zdsbzl18"] .x-text,
[id^="TEXT-DATASET-zdsbzl18"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-zdsbzl18 .x-text,
.--clone-TEXT-DATASET-zdsbzl18 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
background: #FFFFFF;
border-color: #E3E8ED;
border-radius: 999px;
border-style: solid;
border-width: 1.0px;
color: var(--active-color, #10243E);
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
padding-top: 9px;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-zdsbzl18"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-zdsbzl18 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-zdsbzl18"] .x-text:hover,
.--clone-TEXT-DATASET-zdsbzl18 .x-text:hover,
[id^="TEXT-DATASET-zdsbzl18"] a:hover,
.--clone-TEXT-DATASET-zdsbzl18 a:hover {
  
}



#CONTAINER-dyrqhg7y {
  --bg: ;
  
  --width: 100%;align-self: start;column-gap: 10px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 10px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-DATASET-a1x0pqqb"], .--clone-TEXT-DATASET-a1x0pqqb {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-a1x0pqqb"] .x-text,
[id^="TEXT-DATASET-a1x0pqqb"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-a1x0pqqb .x-text,
.--clone-TEXT-DATASET-a1x0pqqb .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
background: #FFFFFF;
border-color: #E3E8ED;
border-radius: 999px;
border-style: solid;
border-width: 1.0px;
color: var(--active-color, #10243E);
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
padding-top: 9px;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-a1x0pqqb"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-a1x0pqqb .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-a1x0pqqb"] .x-text:hover,
.--clone-TEXT-DATASET-a1x0pqqb .x-text:hover,
[id^="TEXT-DATASET-a1x0pqqb"] a:hover,
.--clone-TEXT-DATASET-a1x0pqqb a:hover {
  
}



[id^="TEXT-DATASET-518cyqd1"], .--clone-TEXT-DATASET-518cyqd1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-518cyqd1"] .x-text,
[id^="TEXT-DATASET-518cyqd1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-518cyqd1 .x-text,
.--clone-TEXT-DATASET-518cyqd1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
background: #FFFFFF;
border-color: #E3E8ED;
border-radius: 999px;
border-style: solid;
border-width: 1.0px;
color: var(--active-color, #10243E);
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
padding-top: 9px;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-518cyqd1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-518cyqd1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-518cyqd1"] .x-text:hover,
.--clone-TEXT-DATASET-518cyqd1 .x-text:hover,
[id^="TEXT-DATASET-518cyqd1"] a:hover,
.--clone-TEXT-DATASET-518cyqd1 a:hover {
  
}



#CONTAINER-cdtc653c {
  --bg: ;
  
  --width: 100%;align-self: start;column-gap: 10px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 10px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-DATASET-a0zjuxku"], .--clone-TEXT-DATASET-a0zjuxku {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-a0zjuxku"] .x-text,
[id^="TEXT-DATASET-a0zjuxku"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-a0zjuxku .x-text,
.--clone-TEXT-DATASET-a0zjuxku .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
background: #FFFFFF;
border-color: #E3E8ED;
border-radius: 999px;
border-style: solid;
border-width: 1.0px;
color: var(--active-color, #10243E);
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
padding-top: 9px;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-a0zjuxku"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-a0zjuxku .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-a0zjuxku"] .x-text:hover,
.--clone-TEXT-DATASET-a0zjuxku .x-text:hover,
[id^="TEXT-DATASET-a0zjuxku"] a:hover,
.--clone-TEXT-DATASET-a0zjuxku a:hover {
  
}



[id^="TEXT-DATASET-tqigd57n"], .--clone-TEXT-DATASET-tqigd57n {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-tqigd57n"] .x-text,
[id^="TEXT-DATASET-tqigd57n"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-tqigd57n .x-text,
.--clone-TEXT-DATASET-tqigd57n .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
background: #FFFFFF;
border-color: #E3E8ED;
border-radius: 999px;
border-style: solid;
border-width: 1.0px;
color: var(--active-color, #10243E);
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 500;
height: 100%;
line-height: 1.4;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
padding-top: 9px;
text-align: center;
width: 100%;
  
}
[id^="TEXT-DATASET-tqigd57n"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-tqigd57n .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-DATASET-tqigd57n"] .x-text:hover,
.--clone-TEXT-DATASET-tqigd57n .x-text:hover,
[id^="TEXT-DATASET-tqigd57n"] a:hover,
.--clone-TEXT-DATASET-tqigd57n a:hover {
  
}



#CONTAINER-corjyg58 {
  --bg: ;
  
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-npk7rtto"], .--clone-TEXT-npk7rtto {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-npk7rtto"] .x-text,
[id^="TEXT-npk7rtto"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-npk7rtto .x-text,
.--clone-TEXT-npk7rtto .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-family: 'Anuphan', sans-serif;
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-npk7rtto"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-npk7rtto .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-npk7rtto"] .x-text:hover,
.--clone-TEXT-npk7rtto .x-text:hover,
[id^="TEXT-npk7rtto"] a:hover,
.--clone-TEXT-npk7rtto a:hover {
  
}



#CONTAINER-i3bomv09 {
  --bg: ;
  
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(26.7px, max-content) minmax(26.7px, max-content) minmax(26.7px, max-content) minmax(26.7px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 12px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-DATASET-6xbjmpr6"], .--clone-TEXT-DATASET-6xbjmpr6 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-6xbjmpr6"] .x-text,
[id^="TEXT-DATASET-6xbjmpr6"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-6xbjmpr6 .x-text,
.--clone-TEXT-DATASET-6xbjmpr6 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-DATASET-6xbjmpr6"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-6xbjmpr6 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-6xbjmpr6"] .x-text:hover,
.--clone-TEXT-DATASET-6xbjmpr6 .x-text:hover,
[id^="TEXT-DATASET-6xbjmpr6"] a:hover,
.--clone-TEXT-DATASET-6xbjmpr6 a:hover {
  
}



[id^="TEXT-DATASET-tybhz1ux"], .--clone-TEXT-DATASET-tybhz1ux {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-tybhz1ux"] .x-text,
[id^="TEXT-DATASET-tybhz1ux"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-tybhz1ux .x-text,
.--clone-TEXT-DATASET-tybhz1ux .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-DATASET-tybhz1ux"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-tybhz1ux .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-tybhz1ux"] .x-text:hover,
.--clone-TEXT-DATASET-tybhz1ux .x-text:hover,
[id^="TEXT-DATASET-tybhz1ux"] a:hover,
.--clone-TEXT-DATASET-tybhz1ux a:hover {
  
}



[id^="TEXT-DATASET-8hnm859u"], .--clone-TEXT-DATASET-8hnm859u {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-8hnm859u"] .x-text,
[id^="TEXT-DATASET-8hnm859u"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-8hnm859u .x-text,
.--clone-TEXT-DATASET-8hnm859u .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-DATASET-8hnm859u"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-8hnm859u .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-8hnm859u"] .x-text:hover,
.--clone-TEXT-DATASET-8hnm859u .x-text:hover,
[id^="TEXT-DATASET-8hnm859u"] a:hover,
.--clone-TEXT-DATASET-8hnm859u a:hover {
  
}



[id^="TEXT-DATASET-nehcdd8e"], .--clone-TEXT-DATASET-nehcdd8e {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-nehcdd8e"] .x-text,
[id^="TEXT-DATASET-nehcdd8e"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-nehcdd8e .x-text,
.--clone-TEXT-DATASET-nehcdd8e .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-DATASET-nehcdd8e"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-nehcdd8e .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-nehcdd8e"] .x-text:hover,
.--clone-TEXT-DATASET-nehcdd8e .x-text:hover,
[id^="TEXT-DATASET-nehcdd8e"] a:hover,
.--clone-TEXT-DATASET-nehcdd8e a:hover {
  
}


#SECTION-pp4-fully {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(28px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(24px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-pp4-fully .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-pp4-fully .x-section-video-background {
  
  
}



#SECTION-pp4-fully .video {
  display: none;
}
#SECTION-pp4-fully .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


[id^="TEXT-pp4-039"], .--clone-TEXT-pp4-039 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-039"] .x-text,
[id^="TEXT-pp4-039"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-039 .x-text,
.--clone-TEXT-pp4-039 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-pp4-039"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-039 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-pp4-039"] .x-text:hover,
.--clone-TEXT-pp4-039 .x-text:hover,
[id^="TEXT-pp4-039"] a:hover,
.--clone-TEXT-pp4-039 a:hover {
  
}



[id^="TEXT-DATASET-pp4-040"], .--clone-TEXT-DATASET-pp4-040 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-040"] .x-text,
[id^="TEXT-DATASET-pp4-040"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-040 .x-text,
.--clone-TEXT-DATASET-pp4-040 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.9;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-040"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-040 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-pp4-040"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-040 .x-text:hover,
[id^="TEXT-DATASET-pp4-040"] a:hover,
.--clone-TEXT-DATASET-pp4-040 a:hover {
  
}


#SECTION-pp4-howto {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(28px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(24px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-pp4-howto .x-section-background {
  background: #F6F8FA;
  
  
  
  
  
  
  --height: 0;
  --bg: #F6F8FA;
}

#SECTION-pp4-howto .x-section-video-background {
  
  
}



#SECTION-pp4-howto .video {
  display: none;
}
#SECTION-pp4-howto .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


[id^="TEXT-pp4-042"], .--clone-TEXT-pp4-042 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-042"] .x-text,
[id^="TEXT-pp4-042"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-042 .x-text,
.--clone-TEXT-pp4-042 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-pp4-042"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-042 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-pp4-042"] .x-text:hover,
.--clone-TEXT-pp4-042 .x-text:hover,
[id^="TEXT-pp4-042"] a:hover,
.--clone-TEXT-pp4-042 a:hover {
  
}



[id^="TEXT-DATASET-pp4-043"], .--clone-TEXT-DATASET-pp4-043 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-043"] .x-text,
[id^="TEXT-DATASET-pp4-043"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-043 .x-text,
.--clone-TEXT-DATASET-pp4-043 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.9;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-043"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-043 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-pp4-043"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-043 .x-text:hover,
[id^="TEXT-DATASET-pp4-043"] a:hover,
.--clone-TEXT-DATASET-pp4-043 a:hover {
  
}


#SECTION-pp4-suitable {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(28px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(24px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-pp4-suitable .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-pp4-suitable .x-section-video-background {
  
  
}



#SECTION-pp4-suitable .video {
  display: none;
}
#SECTION-pp4-suitable .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


[id^="TEXT-pp4-045"], .--clone-TEXT-pp4-045 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-045"] .x-text,
[id^="TEXT-pp4-045"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-045 .x-text,
.--clone-TEXT-pp4-045 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #17212B);
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-pp4-045"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-045 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-pp4-045"] .x-text:hover,
.--clone-TEXT-pp4-045 .x-text:hover,
[id^="TEXT-pp4-045"] a:hover,
.--clone-TEXT-pp4-045 a:hover {
  
}



[id^="TEXT-DATASET-pp4-046"], .--clone-TEXT-DATASET-pp4-046 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-DATASET-pp4-046"] .x-text,
[id^="TEXT-DATASET-pp4-046"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-046 .x-text,
.--clone-TEXT-DATASET-pp4-046 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
color: var(--active-color, #17212B);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.9;
width: 100%;
  
}
[id^="TEXT-DATASET-pp4-046"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-pp4-046 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-DATASET-pp4-046"] .x-text:hover,
.--clone-TEXT-DATASET-pp4-046 .x-text:hover,
[id^="TEXT-DATASET-pp4-046"] a:hover,
.--clone-TEXT-DATASET-pp4-046 a:hover {
  
}


#SECTION-pp4-routine {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(36px, max-content) minmax(0px, max-content) minmax(12px, max-content) minmax(0px, max-content) minmax(12px, max-content) minmax(0px, max-content) minmax(12px, max-content) minmax(0px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-pp4-routine .x-section-background {
  background: #F6F8FA;
  
  
  
  
  
  
  --height: 0;
  --bg: #F6F8FA;
}

#SECTION-pp4-routine .x-section-video-background {
  
  
}



#SECTION-pp4-routine .video {
  display: none;
}
#SECTION-pp4-routine .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


[id^="TEXT-pp4-049"], .--clone-TEXT-pp4-049 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-049"] .x-text,
[id^="TEXT-pp4-049"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-049 .x-text,
.--clone-TEXT-pp4-049 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #17212B);
font-size: 23.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
text-align: center;
width: 100%;
  
}
[id^="TEXT-pp4-049"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-049 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-pp4-049"] .x-text:hover,
.--clone-TEXT-pp4-049 .x-text:hover,
[id^="TEXT-pp4-049"] a:hover,
.--clone-TEXT-pp4-049 a:hover {
  
}



[id^="TEXT-pp4-050"], .--clone-TEXT-pp4-050 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-050"] .x-text,
[id^="TEXT-pp4-050"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-050 .x-text,
.--clone-TEXT-pp4-050 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #65717C);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-pp4-050"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-050 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp4-050"] .x-text:hover,
.--clone-TEXT-pp4-050 .x-text:hover,
[id^="TEXT-pp4-050"] a:hover,
.--clone-TEXT-pp4-050 a:hover {
  
}


#GRID-PRODUCT-pp4-rec {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 7;grid-row-start: 6;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  
}

#GRID-PRODUCT-pp4-rec .grid-product--inner img,
#GRID-PRODUCT-pp4-rec .grid-product--inner video {
  object-fit: contain;
}
#GRID-PRODUCT-pp4-rec .grid-product--title {
  line-clamp: 1;
  -webkit-line-clamp: 1;
}

#GRID-PRODUCT-pp4-rec .grid-product--wrapper {
  margin-bottom: 12px;
}
#GRID-PRODUCT-pp4-rec .empty-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#GRID-PRODUCT-pp4-rec .empty-product .empty-product-image {
  width: 160px;
  height: 160px;
}
#GRID-PRODUCT-pp4-rec .empty-product .empty-product-text {
  color: #25282A;
  text-align: center;
  max-width: 357px;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
#GRID-PRODUCT-pp4-rec .empty-product .empty-product-description {
  color: #43484C;
  text-align: center;
  max-width: 425px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
#GRID-PRODUCT-pp4-rec .grid-product--wrapper {
  display: grid;
  column-gap: 28px;
  row-gap: 44px;
  
  grid-template-columns: repeat(1, 1fr);

  
  
  
}
#GRID-PRODUCT-pp4-rec .slider-product--item:hover {
  
}



#GRID-PRODUCT-pp4-rec .slider-product--item:hover .product-overlay[data-type="quick-view"] {
  display: grid;
}


#GRID-PRODUCT-pp4-rec .slider-product--item {
  display: flex;
  flex-direction: column;
  
  
  
  
border-color: #000;


}





#GRID-PRODUCT-pp4-rec .grid-product--inner img,
#GRID-PRODUCT-pp4-rec .grid-product--inner video
{
  border-radius: 16px;
}

#GRID-PRODUCT-pp4-rec .grid-product--info {
  text-align: center;
  padding: 24px 0px;
  justify-content: unset;
  align-items: center
}
#GRID-PRODUCT-pp4-rec .grid-product--category {
  
  
  
  
  
  
  
  padding: 0px 0px;
}
#GRID-PRODUCT-pp4-rec .grid-product--title {
  
  font-family: 'Anuphan', sans-serif;
  font-weight: 500;
  font-size: 19px;
  
  color: #17212B;
  
  
  line-height: 1.5715;
  min-height: 29.8585px;
}

#GRID-PRODUCT-pp4-rec .grid-product--title-wrapper {
  margin: 0px 0px;
}

#GRID-PRODUCT-pp4-rec .grid-product--price {
  margin-top: 5px;
  margin-bottom: 5px;
}
#GRID-PRODUCT-pp4-rec .grid-product--retail-price, #GRID-PRODUCT-pp4-rec .grid-product--selling-price {
  
  font-family: 'Anuphan', sans-serif;
  font-weight: 600;
  font-size: 17px;
  
  color: #10243E;
  
  margin: 0 0px;
}
#GRID-PRODUCT-pp4-rec .grid-product--origin-price {
  
  font-family: 'Anuphan', sans-serif;
  
  font-size: 15px;
  
  color: #65717C;
  
  margin: 0 5px;
}
#GRID-PRODUCT-pp4-rec .grid-product--discount {
  padding: 0px 0px;
  background: rgba(0, 0, 0, 0);
  border-radius: 0px;
  font: ;
  color: ;
  font-family: ;
  font-size: px;
  font-weight: ;
  font-style: ;
  text-decoration: ;
}
#GRID-PRODUCT-pp4-rec .grid-product--wholesale-price {
  
  
  
  
  
  
}




#GRID-PRODUCT-pp4-rec .grid-product--btn-add-cart {
  background-color: #10243E;
  
  
  border-radius: 8px;
  
  font-family: 'Anuphan', sans-serif;
  font-weight: 500;
  
  
  color: #FFFFFF;
  font-size: 16px;
  margin: auto 0px 0px 0px;
  padding: 8px 16px;
  letter-spacing: 0px;
  line-height: 1.5;
}
#GRID-PRODUCT-pp4-rec .grid-product--btn-add-cart:hover {
  
  
}





#GRID-PRODUCT-pp4-rec .product--ribbons-wrapper {
  font-family: 'Roboto', sans-serif;
  font-weight: ;
  font-size: 12px;
  font-style: ;
  text-decoration: ;
  color: rgba(255, 255, 255, 1);
  flex-direction: row;
  padding: 0px 0px 0px 0px;
  display: none;
}
#GRID-PRODUCT-pp4-rec .product--ribbon {
  border-radius: 0px;
  background: rgba(0, 0, 0, 1);
  border-color: rgba(0, 0, 0, 1);
  border-width: 0px;
  background-size: cover;
  background-attachment: scroll;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  filter: ;
}




#GRID-PRODUCT-pp4-rec div[is_course_purchased_filter_color='true'] .grid-product--inner img {
  filter: grayscale(100%);
}

#SECTION-pp4-faq {
  height: auto;
  grid-template-columns: 16px 1fr 16px;
  grid-template-rows: minmax(28px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(8px, max-content) minmax(0px, max-content) minmax(36px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-pp4-faq .x-section-background {
  background: #FFFFFF;
  
  
  
  
  
  
  --height: 0;
  --bg: #FFFFFF;
}

#SECTION-pp4-faq .x-section-video-background {
  
  
}



#SECTION-pp4-faq .video {
  display: none;
}
#SECTION-pp4-faq .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


[id^="TEXT-pp4-051"], .--clone-TEXT-pp4-051 {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-051"] .x-text,
[id^="TEXT-pp4-051"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-051 .x-text,
.--clone-TEXT-pp4-051 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #17212B);
font-size: 22.0px;
font-weight: 400;
height: 100%;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-pp4-051"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-051 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #17212B);
}
[id^="TEXT-pp4-051"] .x-text:hover,
.--clone-TEXT-pp4-051 .x-text:hover,
[id^="TEXT-pp4-051"] a:hover,
.--clone-TEXT-pp4-051 a:hover {
  
}



#CONTAINER-pp4-054 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
padding-bottom: 18;
padding-top: 18;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-pp4-052"], .--clone-TEXT-pp4-052 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-052"] .x-text,
[id^="TEXT-pp4-052"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-052 .x-text,
.--clone-TEXT-pp4-052 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp4-052"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-052 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp4-052"] .x-text:hover,
.--clone-TEXT-pp4-052 .x-text:hover,
[id^="TEXT-pp4-052"] a:hover,
.--clone-TEXT-pp4-052 a:hover {
  
}



[id^="TEXT-pp4-053"], .--clone-TEXT-pp4-053 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-053"] .x-text,
[id^="TEXT-pp4-053"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-053 .x-text,
.--clone-TEXT-pp4-053 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #65717C);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-pp4-053"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-053 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp4-053"] .x-text:hover,
.--clone-TEXT-pp4-053 .x-text:hover,
[id^="TEXT-pp4-053"] a:hover,
.--clone-TEXT-pp4-053 a:hover {
  
}



#CONTAINER-pp4-057 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
padding-bottom: 18;
padding-top: 18;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 7;grid-row-start: 6;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-pp4-055"], .--clone-TEXT-pp4-055 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-055"] .x-text,
[id^="TEXT-pp4-055"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-055 .x-text,
.--clone-TEXT-pp4-055 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp4-055"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-055 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp4-055"] .x-text:hover,
.--clone-TEXT-pp4-055 .x-text:hover,
[id^="TEXT-pp4-055"] a:hover,
.--clone-TEXT-pp4-055 a:hover {
  
}



[id^="TEXT-pp4-056"], .--clone-TEXT-pp4-056 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-056"] .x-text,
[id^="TEXT-pp4-056"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-056 .x-text,
.--clone-TEXT-pp4-056 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #65717C);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-pp4-056"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-056 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp4-056"] .x-text:hover,
.--clone-TEXT-pp4-056 .x-text:hover,
[id^="TEXT-pp4-056"] a:hover,
.--clone-TEXT-pp4-056 a:hover {
  
}



#CONTAINER-pp4-060 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-radius: 0px;
padding-bottom: 18;
padding-top: 18;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 9;grid-row-start: 8;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-pp4-058"], .--clone-TEXT-pp4-058 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-058"] .x-text,
[id^="TEXT-pp4-058"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-058 .x-text,
.--clone-TEXT-pp4-058 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp4-058"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-058 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp4-058"] .x-text:hover,
.--clone-TEXT-pp4-058 .x-text:hover,
[id^="TEXT-pp4-058"] a:hover,
.--clone-TEXT-pp4-058 a:hover {
  
}



[id^="TEXT-pp4-059"], .--clone-TEXT-pp4-059 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-059"] .x-text,
[id^="TEXT-pp4-059"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-059 .x-text,
.--clone-TEXT-pp4-059 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #65717C);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-pp4-059"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-059 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp4-059"] .x-text:hover,
.--clone-TEXT-pp4-059 .x-text:hover,
[id^="TEXT-pp4-059"] a:hover,
.--clone-TEXT-pp4-059 a:hover {
  
}



#CONTAINER-pp4-063 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-color: #000000ff;
border-radius: 0px;
border-style: solid;
border-width: 0.0px;
padding-bottom: 18;
padding-top: 18;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 11;grid-row-start: 10;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-pp4-061"], .--clone-TEXT-pp4-061 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-061"] .x-text,
[id^="TEXT-pp4-061"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-061 .x-text,
.--clone-TEXT-pp4-061 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp4-061"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-061 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp4-061"] .x-text:hover,
.--clone-TEXT-pp4-061 .x-text:hover,
[id^="TEXT-pp4-061"] a:hover,
.--clone-TEXT-pp4-061 a:hover {
  
}



[id^="TEXT-pp4-062"], .--clone-TEXT-pp4-062 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-062"] .x-text,
[id^="TEXT-pp4-062"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-062 .x-text,
.--clone-TEXT-pp4-062 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #65717C);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-pp4-062"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-062 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp4-062"] .x-text:hover,
.--clone-TEXT-pp4-062 .x-text:hover,
[id^="TEXT-pp4-062"] a:hover,
.--clone-TEXT-pp4-062 a:hover {
  
}



#CONTAINER-pp4-066 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border-color: #000000ff;
border-radius: 0px;
border-style: solid;
border-width: 0.0px;
padding-bottom: 18;
padding-top: 18;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 13;grid-row-start: 12;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(6px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: px;min-width: 0;width: 100%;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-pp4-064"], .--clone-TEXT-pp4-064 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-064"] .x-text,
[id^="TEXT-pp4-064"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-064 .x-text,
.--clone-TEXT-pp4-064 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #10243E);
font-size: 16.0px;
font-weight: 600;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-pp4-064"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-064 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #10243E);
}
[id^="TEXT-pp4-064"] .x-text:hover,
.--clone-TEXT-pp4-064 .x-text:hover,
[id^="TEXT-pp4-064"] a:hover,
.--clone-TEXT-pp4-064 a:hover {
  
}



[id^="TEXT-pp4-065"], .--clone-TEXT-pp4-065 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-pp4-065"] .x-text,
[id^="TEXT-pp4-065"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-065 .x-text,
.--clone-TEXT-pp4-065 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #65717C);
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-pp4-065"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-pp4-065 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #65717C);
}
[id^="TEXT-pp4-065"] .x-text:hover,
.--clone-TEXT-pp4-065 .x-text:hover,
[id^="TEXT-pp4-065"] a:hover,
.--clone-TEXT-pp4-065 a:hover {
  
}


#SECTION-dl17y9ar {
  height: auto;
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-dl17y9ar .x-section-background {
  background: var(--color_11);
  
  
  
  
  
  
  --height: 0;
  --bg: var(--color_11);
}

#SECTION-dl17y9ar .x-section-video-background {
  
  
}



#SECTION-dl17y9ar .video {
  display: none;
}
#SECTION-dl17y9ar .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-18at7b57 {
  --bg: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
border: none;
border-color: #000000ff;
border-radius: 0px;
border-style: solid;
border-width: 0.0px;
box-shadow: none;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(50px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-iic7n1vk"], .--clone-TEXT-iic7n1vk {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-iic7n1vk"] .x-text,
[id^="TEXT-iic7n1vk"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-iic7n1vk .x-text,
.--clone-TEXT-iic7n1vk .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7D1DA);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 500;
height: 100%;
letter-spacing: 0.18em;
line-height: 1.5;
text-align: center;
width: 100%;
  
}
[id^="TEXT-iic7n1vk"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-iic7n1vk .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7D1DA);
}
[id^="TEXT-iic7n1vk"] .x-text:hover,
.--clone-TEXT-iic7n1vk .x-text:hover,
[id^="TEXT-iic7n1vk"] a:hover,
.--clone-TEXT-iic7n1vk a:hover {
  
}



[id^="TEXT-u4aul19f"], .--clone-TEXT-u4aul19f {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-u4aul19f"] .x-text,
[id^="TEXT-u4aul19f"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-u4aul19f .x-text,
.--clone-TEXT-u4aul19f .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px rgba(0, 0, 0, 1);
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 28.0px;
font-weight: 400;
height: 100%;
line-height: 1.25;
text-align: center;
width: 100%;
  
}
[id^="TEXT-u4aul19f"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-u4aul19f .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-u4aul19f"] .x-text:hover,
.--clone-TEXT-u4aul19f .x-text:hover,
[id^="TEXT-u4aul19f"] a:hover,
.--clone-TEXT-u4aul19f a:hover {
  
}



[id^="TEXT-woivlhx4"], .--clone-TEXT-woivlhx4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-woivlhx4"] .x-text,
[id^="TEXT-woivlhx4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-woivlhx4 .x-text,
.--clone-TEXT-woivlhx4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7D1DA);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
text-align: center;
width: 100%;
  
}
[id^="TEXT-woivlhx4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-woivlhx4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7D1DA);
}
[id^="TEXT-woivlhx4"] .x-text:hover,
.--clone-TEXT-woivlhx4 .x-text:hover,
[id^="TEXT-woivlhx4"] a:hover,
.--clone-TEXT-woivlhx4 a:hover {
  
}


#FORM-yvkje0ns {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(54px, max-content) minmax(54px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  --icon-color: inherit;
  
}
#EMAIL-yhlj7jbo {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: 54px;justify-self: center;margin-left: calc(% * 2);margin-top: px;min-width: 0;width: 100%;
  
}
#EMAIL-yhlj7jbo .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 16px;
  
  
}
#EMAIL-yhlj7jbo input {
  -webkit-text-stroke: 0px #000000ff;
  background: #ffffff00;
  padding: 3px 10px 3px 15px;
}
#EMAIL-yhlj7jbo input[type="date"] {
  -webkit-text-fill-color: initial;
}
#EMAIL-yhlj7jbo input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}

[id^="TEXT-wqlkumac"], .--clone-TEXT-wqlkumac {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-wqlkumac"] .x-text,
[id^="TEXT-wqlkumac"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-wqlkumac .x-text,
.--clone-TEXT-wqlkumac .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #A7B6C2);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
text-align: center;
width: 100%;
  
}
[id^="TEXT-wqlkumac"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-wqlkumac .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #A7B6C2);
}
[id^="TEXT-wqlkumac"] .x-text:hover,
.--clone-TEXT-wqlkumac .x-text:hover,
[id^="TEXT-wqlkumac"] a:hover,
.--clone-TEXT-wqlkumac a:hover {
  
}


#BUTTON-e6oyob7o {
  align-self: end;
grid-column-end: 4;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: 46px;
justify-self: start;
margin-bottom: 75.84375px;
margin-left: 0%;
min-width: 0;
width: 99.11954365079364%;
  
}
#BUTTON-e6oyob7o .x-button-wrapper {
  --width: 99.11954365079364%;
-webkit-text-stroke: 0px #000000ff;
background: #ffffff;
border-color: #B0B0B0;
border-radius: 8px 8px 8px 8px;
border-style: solid;
border-width: 1.0px;
box-shadow: 0px 1px 2px 0px rgba(14, 24, 41, 0.05);
color: #474747;
font-size: 13.0px;
font-weight: 500;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #474747);
}
#BUTTON-e6oyob7o[disabled=true] {
  display: none;
}

#SECTION-hbf01 {
  height: auto;
  grid-template-columns: 5px 1fr 5px;
  grid-template-rows: minmax(64px, max-content) minmax(50px, max-content) minmax(64px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-hbf01 .x-section-background {
  background: #14181D;
  
  
  
  
  
  
  --height: 0;
  --bg: #14181D;
}

#SECTION-hbf01 .x-section-video-background {
  
  
}



#SECTION-hbf01 .video {
  display: none;
}
#SECTION-hbf01 .video-bp4 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-hbf-main {
  --bg: #14181D;
  background: #14181D;
border: none;
border-color: #000000ff;
border-radius: 28px;
border-style: solid;
border-width: 0.0px;
box-shadow: none;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

#CONTAINER-hbf-cols {
  --bg: ;
  
  --width: 100%;align-self: start;column-gap: 56px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 12px;width: auto;
  
  
  
  
  
  border:   ;


  
}

#CONTAINER-hbf-brand {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-hbf-brand-logo"], .--clone-TEXT-hbf-brand-logo {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-brand-logo"] .x-text,
[id^="TEXT-hbf-brand-logo"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-logo .x-text,
.--clone-TEXT-hbf-brand-logo .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-size: 19.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.02em;
line-height: 1.25;
width: 100%;
  
}
[id^="TEXT-hbf-brand-logo"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-logo .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-hbf-brand-logo"] .x-text:hover,
.--clone-TEXT-hbf-brand-logo .x-text:hover,
[id^="TEXT-hbf-brand-logo"] a:hover,
.--clone-TEXT-hbf-brand-logo a:hover {
  
}



[id^="TEXT-hbf-brand-tag"], .--clone-TEXT-hbf-brand-tag {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-brand-tag"] .x-text,
[id^="TEXT-hbf-brand-tag"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-tag .x-text,
.--clone-TEXT-hbf-brand-tag .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.8;
width: 100%;
  
}
[id^="TEXT-hbf-brand-tag"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-tag .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-brand-tag"] .x-text:hover,
.--clone-TEXT-hbf-brand-tag .x-text:hover,
[id^="TEXT-hbf-brand-tag"] a:hover,
.--clone-TEXT-hbf-brand-tag a:hover {
  
}



[id^="TEXT-hbf-brand-addr"], .--clone-TEXT-hbf-brand-addr {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-brand-addr"] .x-text,
[id^="TEXT-hbf-brand-addr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-addr .x-text,
.--clone-TEXT-hbf-brand-addr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.7;
text-align: left;
width: 100%;
  
}
[id^="TEXT-hbf-brand-addr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-brand-addr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-brand-addr"] .x-text:hover,
.--clone-TEXT-hbf-brand-addr .x-text:hover,
[id^="TEXT-hbf-brand-addr"] a:hover,
.--clone-TEXT-hbf-brand-addr a:hover {
  
}



#CONTAINER-hbf-collapse {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}
#MENU-hbf-groups {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-groups .x-rect {
  --pad-x: 20px;
--pad-y: 14px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
  
}
#MENU-hbf-groups > ul {
  background: #FFFFFF;
  justify-content: flex-start;
  align-items: flex-start;
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-groups > ul > .menu-item .tag-link {
  --pad-x: 20px;
--pad-y: 14px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 16.0px;
font-weight: 500;
justify-content: flex-start;
}
#MENU-hbf-groups > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-groups > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-groups > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-groups ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-groups ul li .tag-link:hover,
#MENU-hbf-groups ul li > a:hover {
  color: #1B4F7A !important;
background: #F6F8FA;






border-style: none none none none;

}


#MENU-hbf-groups .arrow { color: #10243E; }


#MENU-ITEM-hbf-products > a, #MENU-ITEM-hbf-products > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-hbf-products {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-hbf-products.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-hbf-products {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-products .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-hbf-products > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-products > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-hbf-products > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-products > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-products > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-products ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-products ul li .tag-link:hover,
#MENU-hbf-products ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-hbf-products-CBF21978 > a, #MENU-ITEM-hbf-products-CBF21978 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-products-C369D362 > a, #MENU-ITEM-hbf-products-C369D362 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-products-429A8306 > a, #MENU-ITEM-hbf-products-429A8306 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about > a, #MENU-ITEM-hbf-about > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-hbf-about {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-hbf-about.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-hbf-about {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-about .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-hbf-about > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-about > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-hbf-about > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-about > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-about > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-about ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-about ul li .tag-link:hover,
#MENU-hbf-about ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-hbf-about-113951F0 > a, #MENU-ITEM-hbf-about-113951F0 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about-6E6F64B8 > a, #MENU-ITEM-hbf-about-6E6F64B8 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about-8E9E84D1 > a, #MENU-ITEM-hbf-about-8E9E84D1 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-about-DAC01FC9 > a, #MENU-ITEM-hbf-about-DAC01FC9 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help > a, #MENU-ITEM-hbf-help > div {
  color: #17212B !important;
  font-weight: 500 !important;
  
  
  
  
  font-size: 15px !important;
  
  
}

#SUBMENU-hbf-help {
  
  
  width: 100%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(50px, max-content);
  column-gap: 0px;
  row-gap: 16px;
  background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(16,36,62,0.08);
  
  
  
}
.vertical-menu #MENU-ITEM-hbf-help.menu-item:hover > .x-submenu {
  display: grid;
}

#MENU-hbf-help {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  --active-link-color: #17212B;
  
  
  
  
  
}


#MENU-hbf-help .x-rect {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
  
}
#MENU-hbf-help > ul {
  background: #FFFFFF;
  
  
  
  height: auto;
  border-radius: inherit;
}
#MENU-hbf-help > ul > .menu-item .tag-link {
  --pad-x: 18px;
--pad-y: 12px;
background: #FFFFFF;
color: #17212B;
font: Questrial;
font-size: 15.0px;
}
#MENU-hbf-help > ul > .menu-item.menu-item-active-link > .tag-link,
#MENU-hbf-help > ul > .menu-item.menu-item-active-link > * > .tag-link {
  color: var(--active-link-color);
  
  
  
  
}
#MENU-hbf-help > ul > .menu-item:not(:first-child) {
  
}
#MENU-hbf-help ul li .tag-link {
  border-style: none none none none;

}
#MENU-hbf-help ul li .tag-link:hover,
#MENU-hbf-help ul li > a:hover {
  







border-style: none none none none;

}





#MENU-ITEM-hbf-help-8CD5856E > a, #MENU-ITEM-hbf-help-8CD5856E > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help-59368DF7 > a, #MENU-ITEM-hbf-help-59368DF7 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help-E31FA4F6 > a, #MENU-ITEM-hbf-help-E31FA4F6 > div {
  
  
  
  
  
  
  
  
  
}

#MENU-ITEM-hbf-help-35AE1582 > a, #MENU-ITEM-hbf-help-35AE1582 > div {
  
  
  
  
  
  
  
  
  
}


#CONTAINER-hbf-products {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-CONTAINER-hbf-products-h0"], .--clone-TEXT-CONTAINER-hbf-products-h0 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-products-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-products-r1"], .--clone-TEXT-CONTAINER-hbf-products-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-products-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-products-r2"], .--clone-TEXT-CONTAINER-hbf-products-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-products-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-products-r3"], .--clone-TEXT-CONTAINER-hbf-products-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-products-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-products-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-products-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-products-r3 a:hover {
  
}



#CONTAINER-hbf-about {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-CONTAINER-hbf-about-h0"], .--clone-TEXT-CONTAINER-hbf-about-h0 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-about-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r1"], .--clone-TEXT-CONTAINER-hbf-about-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r2"], .--clone-TEXT-CONTAINER-hbf-about-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r3"], .--clone-TEXT-CONTAINER-hbf-about-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r3 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-about-r4"], .--clone-TEXT-CONTAINER-hbf-about-r4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text,
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-about-r4"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-about-r4 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-about-r4"] a:hover,
.--clone-TEXT-CONTAINER-hbf-about-r4 a:hover {
  
}



#CONTAINER-hbf-help {
  --bg: ;
  
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-CONTAINER-hbf-help-h0"], .--clone-TEXT-CONTAINER-hbf-help-h0 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-help-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r1"], .--clone-TEXT-CONTAINER-hbf-help-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r2"], .--clone-TEXT-CONTAINER-hbf-help-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r3"], .--clone-TEXT-CONTAINER-hbf-help-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r3 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-help-r4"], .--clone-TEXT-CONTAINER-hbf-help-r4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text,
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-help-r4"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-help-r4 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-help-r4"] a:hover,
.--clone-TEXT-CONTAINER-hbf-help-r4 a:hover {
  
}



#CONTAINER-hbf-social {
  --bg: ;
  border-color: #000000ff;
border-style: solid;
border-width: 0.0px;
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 6;grid-row-start: 5;grid-template-columns: 1fr;grid-template-rows: minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content) minmax(44px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border: 0px solid #000000ff;


  
}

[id^="TEXT-CONTAINER-hbf-social-h0"], .--clone-TEXT-CONTAINER-hbf-social-h0 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 17.0px;
font-weight: 600;
height: 100%;
letter-spacing: 0.08em;
line-height: 1.4;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-CONTAINER-hbf-social-h0"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-h0 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-h0"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-h0 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r1"], .--clone-TEXT-CONTAINER-hbf-social-r1 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r1"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r1 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r1"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r1 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r2"], .--clone-TEXT-CONTAINER-hbf-social-r2 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r2"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r2 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r2"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r2 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r3"], .--clone-TEXT-CONTAINER-hbf-social-r3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r3"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r3 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r3"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r3 a:hover {
  
}



[id^="TEXT-CONTAINER-hbf-social-r4"], .--clone-TEXT-CONTAINER-hbf-social-r4 {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text,
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #C7CDD4);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #C7CDD4);
}
[id^="TEXT-CONTAINER-hbf-social-r4"] .x-text:hover,
.--clone-TEXT-CONTAINER-hbf-social-r4 .x-text:hover,
[id^="TEXT-CONTAINER-hbf-social-r4"] a:hover,
.--clone-TEXT-CONTAINER-hbf-social-r4 a:hover {
  
}



#CONTAINER-hbf-line {
  --bg: ;
  padding-bottom: 18px;
padding-top: 18px;
  --width: 100%;align-self: start;column-gap: 24px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-hbf-line-txt"], .--clone-TEXT-hbf-line-txt {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-line-txt"] .x-text,
[id^="TEXT-hbf-line-txt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-txt .x-text,
.--clone-TEXT-hbf-line-txt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 15.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
text-align: left;
width: 100%;
  
}
[id^="TEXT-hbf-line-txt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-txt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-line-txt"] .x-text:hover,
.--clone-TEXT-hbf-line-txt .x-text:hover,
[id^="TEXT-hbf-line-txt"] a:hover,
.--clone-TEXT-hbf-line-txt a:hover {
  
}



[id^="TEXT-hbf-line-cta"], .--clone-TEXT-hbf-line-cta {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-line-cta"] .x-text,
[id^="TEXT-hbf-line-cta"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-cta .x-text,
.--clone-TEXT-hbf-line-cta .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #FFFFFF);
cursor: pointer;
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 16.0px;
font-weight: 400;
height: 100%;
line-height: 2.2;
width: 100%;
  
}
[id^="TEXT-hbf-line-cta"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-line-cta .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #FFFFFF);
}
[id^="TEXT-hbf-line-cta"] .x-text:hover,
.--clone-TEXT-hbf-line-cta .x-text:hover,
[id^="TEXT-hbf-line-cta"] a:hover,
.--clone-TEXT-hbf-line-cta a:hover {
  
}



#CONTAINER-hbf-bottom {
  --bg: ;
  padding-top: 8px;
  --width: 100%;align-self: start;column-gap: 24px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;grid-template-columns: 1fr;grid-template-rows: minmax(50px, max-content);height: auto;justify-self: stretch;margin-left: 0%;margin-right: 0%;margin-top: px;min-width: 0;row-gap: 16px;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-hbf-copyright"], .--clone-TEXT-hbf-copyright {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: stretch;
margin-left: 0%;
margin-right: 0%;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-hbf-copyright"] .x-text,
[id^="TEXT-hbf-copyright"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-copyright .x-text,
.--clone-TEXT-hbf-copyright .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #98A2AB);
font: Anuphan;
font-family: 'Anuphan', sans-serif;
font-size: 14.0px;
font-weight: 400;
height: 100%;
line-height: 1.6;
text-align: center;
width: 100%;
  
}
[id^="TEXT-hbf-copyright"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hbf-copyright .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #98A2AB);
}
[id^="TEXT-hbf-copyright"] .x-text:hover,
.--clone-TEXT-hbf-copyright .x-text:hover,
[id^="TEXT-hbf-copyright"] a:hover,
.--clone-TEXT-hbf-copyright a:hover {
  
}


#POPUP-dqf5mddz {
  --top: 50%; top: var(--top);
  --left: 50%; left: var(--left);
  transform: translate(-50%, -50%);
  
  
  overflow: hidden auto;
  background: #ffffff;
  width: 400px;
  height: 250px;
  grid-template-columns: ;
  grid-template-rows: ;
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-dqf5mddz.anim {
  --width: 400px;
  
}

#RECT-sqrnkkb5 {
  align-self: start;
grid-column-end: ;
grid-column-start: ;
grid-row-end: ;
grid-row-start: ;
height: px;
justify-self: start;
margin-left: %;
margin-top: px;
min-width: 0;
width: %;
  
  
  
}

#RECT-sqrnkkb5 .x-rect {
  --width: %;
border-color: #E5E7EB;
height: 100%;
width: 100%;
  border:   ;


  
  
  position: relative;
  overflow: hidden;
}

#RECT-sqrnkkb5 .x-rect::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  background: var(--active-color, #E5E7EB);
}
#CART-DROPPABLE-yeb5cvli {
  
  
  background: var(--color_01);
  top: 0;
  right: 0;
  width: 95%;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 15px 1fr 15px;
  grid-template-rows: minmax(20px, max-content) minmax(0px, max-content) minmax(15px, max-content) minmax(0px, max-content) minmax(18px, max-content) minmax(0px, max-content) minmax(18px, max-content) minmax(0%, 100%) minmax(30px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(10px, max-content) minmax(0px, max-content) minmax(15px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-yeb5cvli.anim {
  --width: 95%;
  animation: slide-right 0.2s ease;
}

[id^="TEXT-2mg8opfl"], .--clone-TEXT-2mg8opfl {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-2mg8opfl"] .x-text,
[id^="TEXT-2mg8opfl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-2mg8opfl .x-text,
.--clone-TEXT-2mg8opfl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_1);
font-size: 26.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-2mg8opfl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-2mg8opfl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-2mg8opfl"] .x-text:hover,
.--clone-TEXT-2mg8opfl .x-text:hover,
[id^="TEXT-2mg8opfl"] a:hover,
.--clone-TEXT-2mg8opfl a:hover {
  
}



[id^="TEXT-m4c916qe"], .--clone-TEXT-m4c916qe {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 50%;
  
}
[id^="TEXT-m4c916qe"] .x-text,
[id^="TEXT-m4c916qe"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-m4c916qe .x-text,
.--clone-TEXT-m4c916qe .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_8);
font-size: 11.0px;
height: 100%;
text-transform: uppercase;
width: 100%;
  
}
[id^="TEXT-m4c916qe"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-m4c916qe .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-m4c916qe"] .x-text:hover,
.--clone-TEXT-m4c916qe .x-text:hover,
[id^="TEXT-m4c916qe"] a:hover,
.--clone-TEXT-m4c916qe a:hover {
  
}



[id^="TEXT-ouhowrho"], .--clone-TEXT-ouhowrho {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 5;
grid-row-start: 4;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 50%;
  
}
[id^="TEXT-ouhowrho"] .x-text,
[id^="TEXT-ouhowrho"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ouhowrho .x-text,
.--clone-TEXT-ouhowrho .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_8);
font-size: 11.0px;
height: 100%;
text-align: right;
text-transform: uppercase;
width: 100%;
  
}
[id^="TEXT-ouhowrho"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ouhowrho .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-ouhowrho"] .x-text:hover,
.--clone-TEXT-ouhowrho .x-text:hover,
[id^="TEXT-ouhowrho"] a:hover,
.--clone-TEXT-ouhowrho a:hover {
  
}


#LINE-w6oy8vhz {
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 7;grid-row-start: 6;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;min-width: 0;width: 100%;
  height: auto;
  
}
#LINE-w6oy8vhz .line-container {
  border-color: #0e1b4d14;
border-style: solid;
border-width: 1.0px;
}


#CONTAINER-nun6nre4 {
  --bg: #ffffff00;
  background: #ffffff00;
border-color: #000000ff;
overflow-x: hidden;
overflow-y: auto;
  --width: 100%;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 9;grid-row-start: 8;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;max-height: 100%;min-width: 0;width: 100%;
  
  
  overflow-x: hidden;
  overflow-y: auto;
  
  border:   #000000ff;


  
}
#CART-ITEMS-vyi0mr1f {
  --width: 100%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 120px 2fr 100px;grid-template-rows: minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;min-width: 0;width: 100%;
  
}
#CART-ITEMS-vyi0mr1f cart-item, #CART-ITEMS-vyi0mr1f .cart-loading {
  grid-template-columns: 120px 2fr 100px;
  grid-template-rows: minmax(0px, max-content) minmax(0px, max-content) minmax(0px, max-content);
}

[id^="IMAGE-DATASET-fe5c3wri"] {
  --width: 85%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 1;height: 100px;justify-self: start;margin-left: 0px;margin-top: 0px;min-width: 0;width: 85%;
  
}
[id^="IMAGE-DATASET-fe5c3wri"] picture, [id^="IMAGE-DATASET-fe5c3wri"] img {
  border-color: #000000ff;
}
[id^="IMAGE-DATASET-fe5c3wri"] img {
  object-fit: cover;
}


[id^="TEXT-DATASET-zpm39ome"], .--clone-TEXT-DATASET-zpm39ome {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-zpm39ome"] .x-text,
[id^="TEXT-DATASET-zpm39ome"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-zpm39ome .x-text,
.--clone-TEXT-DATASET-zpm39ome .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
border-color: #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_4);
font-size: 16.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-DATASET-zpm39ome"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-zpm39ome .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-DATASET-zpm39ome"] .x-text:hover,
.--clone-TEXT-DATASET-zpm39ome .x-text:hover,
[id^="TEXT-DATASET-zpm39ome"] a:hover,
.--clone-TEXT-DATASET-zpm39ome a:hover {
  
}



[id^="TEXT-DATASET-gykp8vtd"], .--clone-TEXT-DATASET-gykp8vtd {
  font-size: 0px;
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-gykp8vtd"] .x-text,
[id^="TEXT-DATASET-gykp8vtd"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gykp8vtd .x-text,
.--clone-TEXT-DATASET-gykp8vtd .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
border-color: #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_7);
font-size: 15.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-DATASET-gykp8vtd"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gykp8vtd .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-DATASET-gykp8vtd"] .x-text:hover,
.--clone-TEXT-DATASET-gykp8vtd .x-text:hover,
[id^="TEXT-DATASET-gykp8vtd"] a:hover,
.--clone-TEXT-DATASET-gykp8vtd a:hover {
  
}


#QUANTITY-INPUT-wjr4ca7u {
  --width: 120px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 4;grid-row-start: 3;height: 45px;justify-self: start;margin-left: 0%;margin-top: calc(0px * 2);min-width: 0;width: 120px;
  border-color: var(--color_14);
border-radius: 99px 99px 99px 99px;
border-style: solid;
border-width: 1.0px;
color: var(--font_color_7);
font: var(--font_7);
font-size: 15.0px;
  
  overflow: hidden;
  
}
#QUANTITY-INPUT-wjr4ca7u .quantity__input {
  
  
  padding-left: 45px;
  padding-right: 45px;
  
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button{
  border-style: solid;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="minus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="minus"] svg {
  width: 9.3px;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="plus"] {
  
  
  width:45px;
}
#QUANTITY-INPUT-wjr4ca7u .quantity__button[name="plus"] svg {
  width: 9.3px;
}

[id^="TEXT-DATASET-gto30146"], .--clone-TEXT-DATASET-gto30146 {
  font-size: 0px;
  align-self: center;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-DATASET-gto30146"] .x-text,
[id^="TEXT-DATASET-gto30146"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gto30146 .x-text,
.--clone-TEXT-DATASET-gto30146 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
border-color: #000000ff;
color: var(--active-color, #0e1b4dcc);
font: var(--font_7);
height: 100%;
text-align: right;
width: 100%;
  
}
[id^="TEXT-DATASET-gto30146"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-gto30146 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dcc);
}
[id^="TEXT-DATASET-gto30146"] .x-text:hover,
.--clone-TEXT-DATASET-gto30146 .x-text:hover,
[id^="TEXT-DATASET-gto30146"] a:hover,
.--clone-TEXT-DATASET-gto30146 a:hover {
  
}



#RECT-yavm4ktm {
  align-self: center;
grid-column-end: 4;
grid-column-start: 2;
grid-row-end: 4;
grid-row-start: 3;
height: 18px;
justify-self: start;
margin-left: 140px;
margin-top: calc(0px * 2);
min-width: 0;
width: 14px;
  
  
  
}

#RECT-yavm4ktm .x-rect {
  --width: 14px;
border-color: #000000ff;
height: 100%;
width: 100%;
  border:   ;


  
  
  position: relative;
  overflow: hidden;
}

#RECT-yavm4ktm .x-rect::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxNDA4IDE4OTYuMDgzMyIgY2xhc3M9InRyYXNoLW8iPjxwYXRoIGQ9Ik01MTIgNzM2djU3NnEwIDE0LTkgMjN0LTIzIDloLTY0cS0xNCAwLTIzLTl0LTktMjNWNzM2cTAtMTQgOS0yM3QyMy05aDY0cTE0IDAgMjMgOXQ5IDIzem0yNTYgMHY1NzZxMCAxNC05IDIzdC0yMyA5aC02NHEtMTQgMC0yMy05dC05LTIzVjczNnEwLTE0IDktMjN0MjMtOWg2NHExNCAwIDIzIDl0OSAyM3ptMjU2IDB2NTc2cTAgMTQtOSAyM3QtMjMgOWgtNjRxLTE0IDAtMjMtOXQtOS0yM1Y3MzZxMC0xNCA5LTIzdDIzLTloNjRxMTQgMCAyMyA5dDkgMjN6bTEyOCA3MjRWNTEySDI1NnY5NDhxMCAyMiA3IDQwLjV0MTQuNSAyNyAxMC41IDguNWg4MzJxMyAwIDEwLjUtOC41dDE0LjUtMjcgNy00MC41ek00ODAgMzg0aDQ0OGwtNDgtMTE3cS03LTktMTctMTFINTQ2cS0xMCAyLTE3IDExem05MjggMzJ2NjRxMCAxNC05IDIzdC0yMyA5aC05NnY5NDhxMCA4My00NyAxNDMuNXQtMTEzIDYwLjVIMjg4cS02NiAwLTExMy01OC41VDEyOCAxNDY0VjUxMkgzMnEtMTQgMC0yMy05dC05LTIzdi02NHEwLTE0IDktMjN0MjMtOWgzMDlsNzAtMTY3cTE1LTM3IDU0LTYzdDc5LTI2aDMyMHE0MCAwIDc5IDI2dDU0IDYzbDcwIDE2N2gzMDlxMTQgMCAyMyA5dDkgMjN6Ij48L3BhdGg+PC9zdmc+);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  background: var(--active-color, rgba(0, 0, 0, 1));
}
#LINE-3trz0nke {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 10;grid-row-start: 9;height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);min-width: 0;width: 100%;
  height: auto;
  
}
#LINE-3trz0nke .line-container {
  border-color: #0e1b4d14;
border-style: solid;
border-width: 2.0px;
}


[id^="TEXT-rheb9ayr"], .--clone-TEXT-rheb9ayr {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 11;
grid-row-start: 10;
height: auto;
justify-self: start;
margin-left: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 50%;
  
}
[id^="TEXT-rheb9ayr"] .x-text,
[id^="TEXT-rheb9ayr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-rheb9ayr .x-text,
.--clone-TEXT-rheb9ayr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_1);
font-size: 18.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-rheb9ayr"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-rheb9ayr .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-rheb9ayr"] .x-text:hover,
.--clone-TEXT-rheb9ayr .x-text:hover,
[id^="TEXT-rheb9ayr"] a:hover,
.--clone-TEXT-rheb9ayr a:hover {
  
}



[id^="TEXT-DATASET-vdhsv4gl"], .--clone-TEXT-DATASET-vdhsv4gl {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 11;
grid-row-start: 10;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
min-width: 0;
width: 90%;
  
}
[id^="TEXT-DATASET-vdhsv4gl"] .x-text,
[id^="TEXT-DATASET-vdhsv4gl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-vdhsv4gl .x-text,
.--clone-TEXT-DATASET-vdhsv4gl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 90%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--active-color, #0e1b4dbf);
font: var(--font_6);
height: 100%;
text-align: right;
width: 100%;
  
}
[id^="TEXT-DATASET-vdhsv4gl"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-DATASET-vdhsv4gl .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #0e1b4dbf);
}
[id^="TEXT-DATASET-vdhsv4gl"] .x-text:hover,
.--clone-TEXT-DATASET-vdhsv4gl .x-text:hover,
[id^="TEXT-DATASET-vdhsv4gl"] a:hover,
.--clone-TEXT-DATASET-vdhsv4gl a:hover {
  
}



[id^="TEXT-fcngfigt"], .--clone-TEXT-fcngfigt {
  font-size: 0px;
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 13;
grid-row-start: 12;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
[id^="TEXT-fcngfigt"] .x-text,
[id^="TEXT-fcngfigt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-fcngfigt .x-text,
.--clone-TEXT-fcngfigt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, #25318dbf);
font: var(--font_7);
font-size: 14.0px;
height: 100%;
width: 100%;
  
}
[id^="TEXT-fcngfigt"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-fcngfigt .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #25318dbf);
}
[id^="TEXT-fcngfigt"] .x-text:hover,
.--clone-TEXT-fcngfigt .x-text:hover,
[id^="TEXT-fcngfigt"] a:hover,
.--clone-TEXT-fcngfigt a:hover {
  
}


#BUTTON-ty338hjr {
  align-self: center;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 15;
grid-row-start: 14;
height: 45px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 100%;
  
}
#BUTTON-ty338hjr .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_11);
border-color: #000000ff;
border-radius: 99px 99px 99px 99px;
color: var(--color_01);
font: var(--font_7);
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, var(--color_01));
}
#BUTTON-ty338hjr[disabled=true] {
  display: none;
}


[id^="IMAGE-efwg76qx"] {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 9;
grid-row-start: 2;
height: auto;
justify-self: end;
margin-right: 0%;
margin-top: 0px;
min-width: 0;
width: 30px;
  
  
}
[id^="IMAGE-efwg76qx"] picture {
  --width: 30px;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="IMAGE-efwg76qx"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
#CART-DROPPABLE-nga0mmqm {
  
  
  background: var(--color_01);
  top: 0;
  right: 0;
  width: 95%;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 15px 1fr 15px;
  grid-template-rows: minmax(20px, max-content) minmax(0%, 100%) minmax(20px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-nga0mmqm.anim {
  --width: 95%;
  animation: slide-right 0.2s ease;
}

#CONTAINER-njn1s9pj {
  --bg: #ffffff00;
  background: #ffffff00;
border-color: #000000ff;
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr;grid-template-rows: minmax(0px, max-content) minmax(15px, max-content) minmax(0px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);min-width: 0;width: 100%;
  
  
  
  
  
  border:   #000000ff;


  
}

[id^="TEXT-8nnihdnh"], .--clone-TEXT-8nnihdnh {
  font-size: 0px;
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: 0px;
min-width: 0;
width: 100%;
  
}
[id^="TEXT-8nnihdnh"] .x-text,
[id^="TEXT-8nnihdnh"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-8nnihdnh .x-text,
.--clone-TEXT-8nnihdnh .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
color: var(--active-color, var(--color_14));
font: var(--font_1);
font-size: 26.0px;
height: 100%;
text-align: center;
width: 100%;
  
}
[id^="TEXT-8nnihdnh"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-8nnihdnh .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, var(--color_14));
}
[id^="TEXT-8nnihdnh"] .x-text:hover,
.--clone-TEXT-8nnihdnh .x-text:hover,
[id^="TEXT-8nnihdnh"] a:hover,
.--clone-TEXT-8nnihdnh a:hover {
  
}


#BUTTON-d44ctxk8 {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: 47px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
min-width: 0;
width: 200px;
  
}
#BUTTON-d44ctxk8 .x-button-wrapper {
  --width: 200px;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_11);
border-color: #000000ff;
border-radius: 99px 99px 99px 99px;
color: var(--color_01);
font: var(--font_7);
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, var(--color_01));
}
#BUTTON-d44ctxk8[disabled=true] {
  display: none;
}