#SECTION-uome5uav {
  height: auto;
  grid-template-columns: 10px 1fr 10px;
  grid-template-rows: minmax(600px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  
  
  
  
  
  
  transition: opacity 0.3s ease, visibility 0.3s ease;
  height: 100vh;
}

#SECTION-uome5uav .x-section-background {
  background: url(https://content.pancake.vn/web-media/8c/98/88/f9/5e88a5db95d9a39e43487fb3089b59a08d941f7ec77eb7ab674ff465-w:2048-h:1536-l:217596-t:image/jpeg.jpeg);
  background-size: cover;
  background-attachment: scroll; -webkit-transform: none;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  
  --height: 600;
  --bg: url(https://content.pancake.vn/web-media/8c/98/88/f9/5e88a5db95d9a39e43487fb3089b59a08d941f7ec77eb7ab674ff465-w:2048-h:1536-l:217596-t:image/jpeg.jpeg);
}

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



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


#CONTAINER-4zr38o1z {
  --bg: rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0);
border-color: #000000ff;
  --width: 370px;align-self: center;grid-column-end: 3;grid-column-start: 2;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(517px, max-content);height: 517px;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 370px;
  
  
  
  
  
  border:   #000000ff;


  
}

#RECT-uz272hca {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 517px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 370px;
  
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.169);
  border-radius: 30px 30px 30px 30px;
  
}
#RECT-uz272hca .x-rect {
  --width: 370px;
background: var(--color_00);
border-color: #000000ff;
border-radius: 30px 30px 30px 30px;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.169);
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImN1cnJlbnRDb2xvciIvPjwvc3ZnPg==);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, var(--color_00));
}
#RECT-uz272hca::before {
  content: "";
  border-color: #000000ff;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}

#CONTAINER-ewbp78jx {
  --bg: #e8eaed00;
  background: #e8eaed00;
border-color: #000000ff;
  --width: 87.02702702702703%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 2;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(106px, max-content) minmax(300px, max-content) minmax(47px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 87.02702702702703%;
  
  
  
  
  
  border:   #000000ff;


  
}

#IMAGE-h412c0nz {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 76.7638931274414px;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 317px;
  
}
#IMAGE-h412c0nz picture {
  --width: 317px;
border-color: #000000ff;
height: 100%;
width: 100%;
}
[id^="TEXT-voh4rmfq"], .--clone-TEXT-voh4rmfq {
  font-size: 0px;
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 4;
grid-row-start: 3;
height: auto;
justify-self: center;
margin-left: calc(0% * 2);
margin-top: calc(0px * 2);
width: 80.03795721187026%;
  
}
[id^="TEXT-voh4rmfq"] .x-text,
[id^="TEXT-voh4rmfq"] .x-text a,
.--clone-TEXT-voh4rmfq .x-text,
.--clone-TEXT-voh4rmfq .x-text a {
  --width: 80.03795721187026%;
-webkit-text-stroke: 0px #000000ff;
color: #50575e;
font: var(--font_5);
font-size: 15.0px;
font-weight: 400;
height: 100%;
text-align: center;
width: 100%;
  color: var(--active-color, #50575e);
}
[id^="TEXT-voh4rmfq"] .x-text:hover,
.--clone-TEXT-voh4rmfq .x-text:hover,
[id^="TEXT-voh4rmfq"] a:hover,
.--clone-TEXT-voh4rmfq a:hover {
  
}

#FORM-od8ifflz {
  --width: 270px;align-self: center;column-gap: 15px;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;grid-template-columns: 1fr 1fr;grid-template-rows: minmax(20.050335782560815px, max-content) minmax(65.16359129332263px, max-content) minmax(65.16359129332263px, max-content) minmax(65.16359129332263px, max-content) minmax(45.11325551076184px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);row-gap: 15px;width: 270px;
  
  --icon-color: inherit;
  
}

#CONTAINER-azlcb6xh {
  --bg: #ffffff00;
  background: #ffffff00;
border-color: #000000ff;
  --width: 100.08457977207976%;align-self: start;grid-column-end: 3;grid-column-start: 1;grid-row-end: 3;grid-row-start: 1;grid-template-columns: 1fr;grid-template-rows: minmax(24px, max-content);height: auto;justify-self: start;margin-left: 0%;margin-top: 0px;width: 100.08457977207976%;
  
  
  
  
  
  border:   #000000ff;


  
}
[id^="TEXT-5k80igob"], .--clone-TEXT-5k80igob {
  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: 0%;
margin-top: 0px;
width: 50%;
  
}
[id^="TEXT-5k80igob"] .x-text,
[id^="TEXT-5k80igob"] .x-text a,
.--clone-TEXT-5k80igob .x-text,
.--clone-TEXT-5k80igob .x-text a {
  --width: 50%;
-webkit-text-stroke: 0px #000000ff;
color: #000000;
font-size: 14.0px;
height: 100%;
text-align: right;
width: 100%;
  color: var(--active-color, #000000);
}
[id^="TEXT-5k80igob"] .x-text:hover,
.--clone-TEXT-5k80igob .x-text:hover,
[id^="TEXT-5k80igob"] a:hover,
.--clone-TEXT-5k80igob a:hover {
  
}

[id^="TEXT-inl43psc"], .--clone-TEXT-inl43psc {
  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: end;
margin-right: 13.10986467236467%;
margin-top: 0px;
width: 36.578525641025635%;
  
}
[id^="TEXT-inl43psc"] .x-text,
[id^="TEXT-inl43psc"] .x-text a,
.--clone-TEXT-inl43psc .x-text,
.--clone-TEXT-inl43psc .x-text a {
  --width: 36.578525641025635%;
-webkit-text-stroke: 0px #000000ff;
color: #001eff;
font-size: 14.0px;
height: 100%;
width: 100%;
  color: var(--active-color, #001eff);
}
[id^="TEXT-inl43psc"] .x-text:hover,
.--clone-TEXT-inl43psc .x-text:hover,
[id^="TEXT-inl43psc"] a:hover,
.--clone-TEXT-inl43psc a:hover {
  
}

#INPUT-oq3wveny {
  --width: 100.28571428571428%;align-self: center;grid-column-end: 2;grid-column-start: 1;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: end;margin-right: 0%;margin-top: calc(0px * 2);width: 100.28571428571428%;
  
}
#INPUT-oq3wveny .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.5px;
  
  
}
#INPUT-oq3wveny input {
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff00;
border-color: #dddddd;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1.0px;
color: #000000;
font-size: 14.5px;
font-weight: 300;
text-align: left;
  background: #ffffff00;
  padding: 3px 10px 3px 15px;
}
#INPUT-oq3wveny input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#INPUT-oq3wveny input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#INPUT-8ypvx2jv {
  --width: 100%;align-self: end;grid-column-end: 3;grid-column-start: 2;grid-row-end: 3;grid-row-start: 2;height: 100%;justify-self: stretch;margin-bottom: 0px;margin-left: 0%;margin-right: 0%;width: auto;
  
}
#INPUT-8ypvx2jv .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.5px;
  
  
}
#INPUT-8ypvx2jv input {
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff00;
border-color: #dddddd;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1.0px;
color: #000000;
font-size: 14.5px;
font-weight: 300;
text-align: left;
  background: #ffffff00;
  padding: 3px 10px 3px 15px;
}
#INPUT-8ypvx2jv input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#INPUT-8ypvx2jv input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#PHONE-NUMBER-za6hgl4n {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#PHONE-NUMBER-za6hgl4n .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.5px;
  
  
}
#PHONE-NUMBER-za6hgl4n input {
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff00;
border-color: #dddddd;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1.0px;
color: #000000;
font-size: 14.5px;
font-weight: 300;
text-align: left;
  background: #ffffff00;
  padding: 3px 10px 3px 15px;
}
#PHONE-NUMBER-za6hgl4n input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#PHONE-NUMBER-za6hgl4n input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#PASSWORD-5vvlgjy5 {
  --width: 100%;align-self: center;grid-column-end: 3;grid-column-start: 1;grid-row-end: 5;grid-row-start: 4;height: 100%;justify-self: center;margin-left: calc(0% * 2);margin-top: calc(0px * 2);width: 100%;
  
}
#PASSWORD-5vvlgjy5 .input-label {
  margin-bottom: 8px;
  padding: 0 20px 0 1px;
  font-size: 14.5px;
  
  
}
#PASSWORD-5vvlgjy5 input {
  -webkit-text-stroke: 0px #000000ff;
background: #ffffff00;
border-color: #dddddd;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1.0px;
color: #000000;
font-size: 14.5px;
font-weight: 300;
text-align: left;
  background: #ffffff00;
  padding: 3px 10px 3px 15px;
}
#PASSWORD-5vvlgjy5 input[type="date"] {
  -webkit-text-fill-color: #000000;
}
#PASSWORD-5vvlgjy5 input::placeholder {
  color: #757575ff;
  -webkit-text-fill-color: #757575ff !important;
}
#SUBMIT-BUTTON-4chrlqak {
  align-self: center;
grid-column-end: 3;
grid-column-start: 1;
grid-row-end: 6;
grid-row-start: 5;
height: 100%;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 100%;
  
}
#SUBMIT-BUTTON-4chrlqak .x-button-wrapper {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
background: var(--color_13);
border-color: #000000ff;
border-radius: 2px 2px 2px 2px;
color: #ffffffff;
font-size: 16.0px;
font-weight: bold;
height: 100%;
text-align: center;
width: 100%;
  border:   ;


  color: var(--active-color, #ffffffff);
}
#SUBMIT-BUTTON-4chrlqak[disabled=true] {
  display: none;
}

#POPUP-r6j6tcmr {
  
  --left: 0; left: var(--left);
  
  background: #ffffff;
overflow-x: hidden;
overflow-y: scroll;
  width: 34.08203125%;
  height: auto;
  grid-template-columns: 1fr;
  grid-template-rows: minmax(530px, max-content) 1fr minmax(0px, max-content);
  column-gap: 0px;
  row-gap: 0px;
  --top: 111px; top: var(--top);
  
  
  
  max-height: var(--viewport-height, 100vh);
  border-width: 0px;
  border-color: #000000;
  border-radius: 0px;
  border-style: solid;
  
}
#POPUP-r6j6tcmr.anim {
  --width: 34.08203125%;
  animation: light-speed-left 0.2s ease;
}

#CONTAINER-p3gfa8bg {
  --bg: #e8eaed00;
  background: #e8eaed00;
border-color: #000000ff;
  --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(26px, max-content) minmax(0px, max-content) minmax(423px, max-content);height: auto;justify-self: center;margin-left: calc(0% * 2);margin-top: 0px;width: 100%;
  
  
  
  
  
  border:   #000000ff;


  
}

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


  
}
[id^="TEXT-DATASET-aiyrmmrm"], .--clone-TEXT-DATASET-aiyrmmrm {
  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);
width: 100%;
  
}
[id^="TEXT-DATASET-aiyrmmrm"] .x-text,
[id^="TEXT-DATASET-aiyrmmrm"] .x-text a,
.--clone-TEXT-DATASET-aiyrmmrm .x-text,
.--clone-TEXT-DATASET-aiyrmmrm .x-text a {
  --width: 100%;
-webkit-text-stroke: 0px #000000ff;
border-color: #000000ff;
color: var(--color_00);
font-family: 'Montserrat', sans-serif;
font-size: 16.0px;
font-weight: 700;
height: 100%;
width: 100%;
  color: var(--active-color, var(--color_00));
}
[id^="TEXT-DATASET-aiyrmmrm"] .x-text:hover,
.--clone-TEXT-DATASET-aiyrmmrm .x-text:hover,
[id^="TEXT-DATASET-aiyrmmrm"] a:hover,
.--clone-TEXT-DATASET-aiyrmmrm a:hover {
  
}

  #LESSON-SIDEBAR-7pkj8bxo {
    --width: 98.10171919770774%;align-self: start;grid-column-end: 2;grid-column-start: 1;grid-row-end: 4;grid-row-start: 3;height: auto;justify-self: start;margin-left: 0%;margin-top: 4.59722900390625px;width: 98.10171919770774%;
    
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-sidebar-container {
    border-radius: 8px;
    border-left: 1px solid #EAE8E6;
    border-right: 1px solid #EAE8E6;
    overflow: hidden;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item {
    padding: 8px 16px;
    border-bottom: 1px solid #EAE8E6;
    cursor: pointer;
    background-color: #00000014;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item .module-item-content {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item.open {
    display: flex
  }


  #LESSON-SIDEBAR-7pkj8bxo .module-item.open .module-item-icon {
    transform: rotate(180deg);
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item:first-child {
    border-top: 1px solid #EAE8E6;
    border-radius: 8px 8px 0 0;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item:last-child {
    border-radius: 0 0 8px 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item {
    padding: 8px 16px;
    border-bottom: 1px solid #EAE8E6;
    cursor: pointer;
    background-color: #ffffff;
    display: none;
    align-items: center;
    gap: 8px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item .lesson-item-content {
    display: flex;
    align-items: center;
    gap: 8px;
  }


  #LESSON-SIDEBAR-7pkj8bxo .module-item-icon {
    width: 20px;
    height: 20px;
    color: #211005;
    transition: transform 0.3s ease;
    pointer-events: none;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item-check-icon {
    width: 20px;
    height: 20px;
    color: green;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-icon {
    width: 20px;
    height: 20px;
    color: #E6E6E6;
    transition: transform 0.3s ease;
    pointer-events: none;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-check-icon {
    width: 20px;
    height: 20px;
    color: green;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item.viewed .lesson-item-icon {
    color: green;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item.active .lesson-item-icon {
    color: red;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item-name {
    font-size: 15px;
font-weight: bold;
  }

  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-name {
    font-size: 16px;
  }

  #LESSON-SIDEBAR-7pkj8bxo .module-item-name,
  #LESSON-SIDEBAR-7pkj8bxo .lesson-item-name {
    pointer-events: none;
  }

#RECT-cwre2h1a {
  align-self: center;
grid-column-end: 2;
grid-column-start: 1;
grid-row-end: 2;
grid-row-start: 1;
height: 20px;
justify-self: end;
margin-right: 0%;
margin-top: calc(0px * 2);
width: 20px;
  
  
  
  
}
#RECT-cwre2h1a .x-rect {
  --width: 20px;
background: var(--color_13);
border-color: #E5E7EB;
height: 100%;
width: 100%;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiAgd2lkdGg9JzE0JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTQgMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTEyLjU5IDBMNyA1LjU5TDEuNDEgMEwwIDEuNDFMNS41OSA3TDAgMTIuNTlMMS40MSAxNEw3IDguNDFMMTIuNTkgMTRMMTQgMTIuNTlMOC40MSA3TDE0IDEuNDFMMTIuNTkgMFonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=);
-webkit-mask-position: 0% 0%;
-webkit-mask-size: 100% 100%;

  border:   ;


  background: var(--active-color, var(--color_13));
}
#RECT-cwre2h1a::before {
  content: "";
  border-color: #E5E7EB;
  border-style: ;
  border-width: ;
  border-radius: inherit;
  border:   ;


  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  
}
#CART-DROPPABLE-lvoi9hjj {
  
  
  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-lvoi9hjj.anim {
  --width: 300px;
  
}
#CART-DROPPABLE-shl3v1m3 {
  
  
  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-shl3v1m3.anim {
  --width: 300px;
  
}