#SECTION-hdr-tichian {
  height: auto;
  grid-template-columns: 1fr 1300px 1fr;
  grid-template-rows: minmax(36px, max-content) minmax(74px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  --box-shadow: 0 4px 16px rgba(13,92,82,0.08);
  position: sticky;z-index: 100;top: 0px;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

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

#SECTION-hdr-tichian .x-section-video-background {
  
  
}



#SECTION-hdr-tichian .video {
  display: none;
}
#SECTION-hdr-tichian .video-bp3 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


#CONTAINER-hdr-topbar {
  --bg: #0D5C52;
  background: #0D5C52;
border-radius: 0 0 6px 6px;
padding-left: 16px;
padding-right: 16px;
  --width: %;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr 1fr;grid-template-rows: minmax(36px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="TEXT-hdr-top-left"], .--clone-TEXT-hdr-top-left {
  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: start;
margin-left: %;
margin-top: px;
min-width: 0;
width: %;
  
}
[id^="TEXT-hdr-top-left"] .x-text,
[id^="TEXT-hdr-top-left"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hdr-top-left .x-text,
.--clone-TEXT-hdr-top-left .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #E2F2EE);
font-size: 13.0px;
height: 100%;
line-height: 36px;
width: 100%;
  
}
[id^="TEXT-hdr-top-left"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hdr-top-left .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #E2F2EE);
}
[id^="TEXT-hdr-top-left"] .x-text:hover,
.--clone-TEXT-hdr-top-left .x-text:hover,
[id^="TEXT-hdr-top-left"] a:hover,
.--clone-TEXT-hdr-top-left a:hover {
  
}



[id^="TEXT-hdr-top-right"], .--clone-TEXT-hdr-top-right {
  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: end;
margin-right: %;
margin-top: px;
min-width: 0;
width: %;
  
}
[id^="TEXT-hdr-top-right"] .x-text,
[id^="TEXT-hdr-top-right"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hdr-top-right .x-text,
.--clone-TEXT-hdr-top-right .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #E2F2EE);
font-size: 13.0px;
height: 100%;
line-height: 36px;
text-align: right;
width: 100%;
  
}
[id^="TEXT-hdr-top-right"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-hdr-top-right .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #E2F2EE);
}
[id^="TEXT-hdr-top-right"] .x-text:hover,
.--clone-TEXT-hdr-top-right .x-text:hover,
[id^="TEXT-hdr-top-right"] a:hover,
.--clone-TEXT-hdr-top-right a:hover {
  
}



#CONTAINER-hdr-main {
  --bg: ;
  padding-bottom: 8px;
padding-top: 8px;
  --width: %;align-self: start;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 260px 1fr 280px;grid-template-rows: minmax(60px, max-content);height: auto;justify-self: stretch;margin-left: %;margin-right: %;margin-top: px;min-width: 0;width: auto;
  
  
  
  
  
  border:   ;


  
}

[id^="IMAGE-hdr-logo"] {
  align-self: center;
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: calc(px * 2);
min-width: 0;
width: %;
  
  
}
[id^="IMAGE-hdr-logo"] picture {
  --width: %;
cursor: pointer;
height: 100%;
object-fit: contain;
width: 100%;
}
[id^="IMAGE-hdr-logo"] .overlay-image {
  background: ;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

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



#CONTAINER-hdr-actions {
  --bg: ;
  
  --width: %;align-self: center;column-gap: 10px;grid-column-end: 4;grid-column-start: 3;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr 1fr;grid-template-rows: minmax(40px, max-content);height: auto;justify-self: end;margin-right: %;margin-top: calc(px * 2);min-width: 0;width: %;
  
  
  
  
  
  border:   ;


  
}
#BUTTON-hdr-zalo {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-hdr-zalo .x-button-wrapper {
  --width: %;
background: #0D5C52;
border-radius: 6px;
color: #FFFFFF;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

#BUTTON-hdr-call {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-hdr-call .x-button-wrapper {
  --width: %;
background: #D97706;
border-radius: 6px;
color: #FFFFFF;
font-size: 14.0px;
font-weight: 700;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


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

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

#SECTION-k6rcfaat .x-section-background {
  background: #F3F6FA;
  
  
  
  
  
  
  --height: 0;
  --bg: #F3F6FA;
}

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



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


[id^="TEXT-xlcqf94m"], .--clone-TEXT-xlcqf94m {
  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: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-xlcqf94m"] .x-text,
[id^="TEXT-xlcqf94m"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-xlcqf94m .x-text,
.--clone-TEXT-xlcqf94m .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #5B6B7F);
font-size: 14.0px;
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-xlcqf94m"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-xlcqf94m .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #5B6B7F);
}
[id^="TEXT-xlcqf94m"] .x-text:hover,
.--clone-TEXT-xlcqf94m .x-text:hover,
[id^="TEXT-xlcqf94m"] a:hover,
.--clone-TEXT-xlcqf94m a:hover {
  
}



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



[id^="TEXT-mrkn10nv"], .--clone-TEXT-mrkn10nv {
  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: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-mrkn10nv"] .x-text,
[id^="TEXT-mrkn10nv"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-mrkn10nv .x-text,
.--clone-TEXT-mrkn10nv .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: 100%;
color: var(--active-color, #33475B);
font-size: 16.0px;
height: 100%;
line-height: 1.6;
width: 100%;
  
}
[id^="TEXT-mrkn10nv"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-mrkn10nv .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #33475B);
}
[id^="TEXT-mrkn10nv"] .x-text:hover,
.--clone-TEXT-mrkn10nv .x-text:hover,
[id^="TEXT-mrkn10nv"] a:hover,
.--clone-TEXT-mrkn10nv a:hover {
  
}



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


  
}
#BUTTON-01ahm4j2 {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-01ahm4j2 .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #12355B);
}
#BUTTON-01ahm4j2[disabled=true] {
  display: none;
}

#BUTTON-sysufy68 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-sysufy68 .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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

#BUTTON-i1ablnbj {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-i1ablnbj .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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

#BUTTON-3yi2xp6k {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-3yi2xp6k .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #12355B);
}
#BUTTON-3yi2xp6k[disabled=true] {
  display: none;
}

#BUTTON-guvmh3lv {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-guvmh3lv .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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


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


  
}
#BUTTON-dhzxgavn {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-dhzxgavn .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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

#BUTTON-o1gevkt1 {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-o1gevkt1 .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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

#BUTTON-4suwfkci {
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
grid-row-end: 2;
grid-row-start: 1;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-4suwfkci .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #12355B);
}
#BUTTON-4suwfkci[disabled=true] {
  display: none;
}

#BUTTON-enyeovrv {
  align-self: start;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 3;
grid-row-start: 2;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-enyeovrv .x-button-wrapper {
  --width: 100%;
background: #FFFFFF;
border: 1px solid #CBD6E2;
border-radius: 20px;
color: #12355B;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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

#BUTTON-tntmi4tf {
  align-self: start;
grid-column-end: 3;
grid-column-start: 2;
grid-row-end: 3;
grid-row-start: 2;
height: 40px;
justify-self: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
#BUTTON-tntmi4tf .x-button-wrapper {
  --width: 100%;
background: #12355B;
border-radius: 20px;
color: #FFFFFF;
font-size: 14.0px;
font-weight: 600;
height: 100%;
padding-bottom: 0px;
padding-left: 28px;
padding-right: 28px;
padding-top: 0px;
text-align: center;
width: 100%;
  border:   ;


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

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

#GRID-PRODUCT-ft6rj3b0 .grid-product--inner img,
#GRID-PRODUCT-ft6rj3b0 .grid-product--inner video {
  object-fit: cover;
}
#GRID-PRODUCT-ft6rj3b0 .grid-product--title {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

#GRID-PRODUCT-ft6rj3b0 .grid-product--wrapper {
  margin-bottom: 12px;
}
#GRID-PRODUCT-ft6rj3b0 .empty-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#GRID-PRODUCT-ft6rj3b0 .empty-product .empty-product-image {
  width: 160px;
  height: 160px;
}
#GRID-PRODUCT-ft6rj3b0 .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-ft6rj3b0 .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-ft6rj3b0 .grid-product--wrapper {
  display: grid;
  column-gap: 20px;
  row-gap: 24px;
  
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

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



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


#GRID-PRODUCT-ft6rj3b0 .slider-product--item {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 12px;
  
  
border-color: #000;


}





#GRID-PRODUCT-ft6rj3b0 .grid-product--inner img,
#GRID-PRODUCT-ft6rj3b0 .grid-product--inner video
{
  border-radius: 12px;
}

#GRID-PRODUCT-ft6rj3b0 .grid-product--info {
  
  padding: 12px 12px;
  justify-content: unset;
  align-items: unset
}
#GRID-PRODUCT-ft6rj3b0 .grid-product--category {
  
  
  
  
  
  
  
  padding: 0px 0px;
}
#GRID-PRODUCT-ft6rj3b0 .grid-product--title {
  
  
  
  font-size: 15px;
  
  color: #12355B;
  
  
  line-height: 1.5715;
  min-height: 23.572499999999998px;
}

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

#GRID-PRODUCT-ft6rj3b0 .grid-product--price {
  margin-top: 5px;
  margin-bottom: 5px;
}
#GRID-PRODUCT-ft6rj3b0 .grid-product--retail-price, #GRID-PRODUCT-ft6rj3b0 .grid-product--selling-price {
  
  
  font-weight: bold;
  font-size: 18px;
  
  color: #D62B1F;
  
  margin: 0 0px;
}
#GRID-PRODUCT-ft6rj3b0 .grid-product--origin-price {
  
  
  
  
  
  
  
  margin: 0 5px;
}
#GRID-PRODUCT-ft6rj3b0 .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-ft6rj3b0 .grid-product--wholesale-price {
  
  
  
  
  
  
}









#GRID-PRODUCT-ft6rj3b0 .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: ;
}
#GRID-PRODUCT-ft6rj3b0 .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-ft6rj3b0 div[is_course_purchased_filter_color='true'] .grid-product--inner img {
  filter: grayscale(100%);
}

#SECTION-ftr-tichian {
  height: auto;
  grid-template-columns: 1fr 1300px 1fr;
  grid-template-rows: minmax(200px, max-content) minmax(40px, max-content) minmax(30px, max-content);
  column-gap: 0px;
  row-gap: 24px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  
}

#SECTION-ftr-tichian .x-section-background {
  background: #093630;
  
  
  
  
  
  
  --height: 0;
  --bg: #093630;
}

#SECTION-ftr-tichian .x-section-video-background {
  
  
}



#SECTION-ftr-tichian .video {
  display: none;
}
#SECTION-ftr-tichian .video-bp3 {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}


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


  
}

[id^="TEXT-ftr-col1"], .--clone-TEXT-ftr-col1 {
  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: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-ftr-col1"] .x-text,
[id^="TEXT-ftr-col1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-col1 .x-text,
.--clone-TEXT-ftr-col1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, #CBD5E1);
font-size: 14.0px;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-ftr-col1"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-col1 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, #CBD5E1);
}
[id^="TEXT-ftr-col1"] .x-text:hover,
.--clone-TEXT-ftr-col1 .x-text:hover,
[id^="TEXT-ftr-col1"] a:hover,
.--clone-TEXT-ftr-col1 a:hover {
  
}



[id^="TEXT-ftr-col2"], .--clone-TEXT-ftr-col2 {
  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: stretch;
margin-left: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-ftr-col2"] .x-text,
[id^="TEXT-ftr-col2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-col2 .x-text,
.--clone-TEXT-ftr-col2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, rgba(0, 0, 0, 1));
font-size: 14.0px;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-ftr-col2"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-col2 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, rgba(0, 0, 0, 1));
}
[id^="TEXT-ftr-col2"] .x-text:hover,
.--clone-TEXT-ftr-col2 .x-text:hover,
[id^="TEXT-ftr-col2"] a:hover,
.--clone-TEXT-ftr-col2 a:hover {
  
}



[id^="TEXT-ftr-col3"], .--clone-TEXT-ftr-col3 {
  font-size: 0px;
  align-self: start;
grid-column-end: 4;
grid-column-start: 3;
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;
  
}
[id^="TEXT-ftr-col3"] .x-text,
[id^="TEXT-ftr-col3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-col3 .x-text,
.--clone-TEXT-ftr-col3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, rgba(0, 0, 0, 1));
font-size: 14.0px;
height: 100%;
line-height: 1.7;
width: 100%;
  
}
[id^="TEXT-ftr-col3"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-col3 .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, rgba(0, 0, 0, 1));
}
[id^="TEXT-ftr-col3"] .x-text:hover,
.--clone-TEXT-ftr-col3 .x-text:hover,
[id^="TEXT-ftr-col3"] a:hover,
.--clone-TEXT-ftr-col3 a:hover {
  
}



[id^="TEXT-ftr-copyright"], .--clone-TEXT-ftr-copyright {
  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: %;
margin-right: %;
margin-top: px;
min-width: 0;
width: auto;
  
}
[id^="TEXT-ftr-copyright"] .x-text,
[id^="TEXT-ftr-copyright"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-copyright .x-text,
.--clone-TEXT-ftr-copyright .x-text:not(.post-content-bidding):not(.description-bidding) a {
  --width: %;
color: var(--active-color, rgba(0, 0, 0, 1));
height: 100%;
line-height: 1.5;
width: 100%;
  
}
[id^="TEXT-ftr-copyright"] .x-text:not(.post-content-bidding):not(.description-bidding) a,
.--clone-TEXT-ftr-copyright .x-text:not(.post-content-bidding):not(.description-bidding) a {
  color: var(--active-color, rgba(0, 0, 0, 1));
}
[id^="TEXT-ftr-copyright"] .x-text:hover,
.--clone-TEXT-ftr-copyright .x-text:hover,
[id^="TEXT-ftr-copyright"] a:hover,
.--clone-TEXT-ftr-copyright a:hover {
  
}


#CART-DROPPABLE-3o54kfhf {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 300px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0%, 100%);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-3o54kfhf.anim {
  --width: 300px;
  
}
#CART-DROPPABLE-0mklv3p4 {
  
  
  background: #ffffff;
  top: 0;
  right: 0;
  width: 300px;
  height: var(--viewport-height, 100vh);
  grid-template-columns: 1fr;
  grid-template-rows: minmax(0%, 100%);
  column-gap: 0px;
  row-gap: 0px;
  overflow-x: auto;
  
}

#CART-DROPPABLE-0mklv3p4.anim {
  --width: 300px;
  
}