@font-face {
  font-family: Filled Icon Font;
  src: url('../fonts/filled-icon-font.woff2') format("woff2"), url('../fonts/filled-icon-font.eot') format("embedded-opentype"), url('../fonts/filled-icon-font.woff') format("woff"), url('../fonts/filled-icon-font.ttf') format("truetype"), url('../fonts/filled-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src: url('../fonts/line-square-icons.woff2') format("woff2"), url('../fonts/line-square-icons.eot') format("embedded-opentype"), url('../fonts/line-square-icons.woff') format("woff"), url('../fonts/line-square-icons.ttf') format("truetype"), url('../fonts/line-square-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url('../fonts/line-rounded-icons.woff2') format("woff2"), url('../fonts/line-rounded-icons.eot') format("embedded-opentype"), url('../fonts/line-rounded-icons.woff') format("woff"), url('../fonts/line-rounded-icons.ttf') format("truetype"), url('../fonts/line-rounded-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Social Icon Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Robotomono Variablefont Wght;
  src: url('../fonts/RobotoMono-VariableFont_wght.ttf') format("truetype");
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Schick Toikka Krana Fat A;
  src: url('../fonts/Schick-Toikka---Krana-Fat-A.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.body {
  background-color: #f1eae6;
}

.footer-container {
  max-width: 1364px;
  padding-left: 24px;
  padding-right: 24px;
}

.social-icon {
  transform-style: preserve-3d;
  font-family: Social Icon Font, Arial, sans-serif;
  font-size: 18px;
  line-height: 1em;
  text-decoration: none;
  transition: transform .3s, color .3s;
}

.social-icon:hover {
  transform: scale3d(1.1, 1.1, 1.01);
}

.social_media-wrapper {
  grid-column-gap: 20px;
  display: flex;
}

.social_media-wrapper.center-tablet {
  font-family: Social Icon Font, Arial, sans-serif;
}

.social-icon-font {
  color: #424242;
  font-family: Social Icon Font, Arial, sans-serif;
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.footer-grid {
  grid-column-gap: 24px;
  align-items: center;
}

.footer_logo-wrapper {
  transform-style: preserve-3d;
  width: 100%;
  max-width: 308px;
  transition: opacity .3s, transform .3s;
}

.footer_logo-wrapper:hover {
  opacity: .55;
  transform: scale3d(1.04, 1.04, 1.01);
}

.footer_logo-wrapper.max-w-120px {
  justify-content: center;
  align-items: center;
  max-width: 120px;
  display: flex;
}

.footer {
  border-top: 1px solid #1b1b1b;
  padding-top: 124px;
  padding-bottom: 124px;
}

.footer.pd-64px {
  background-color: #e0e0e000;
  border-top-width: 0;
  padding-top: 64px;
  padding-bottom: 64px;
  position: fixed;
  inset: auto 0% 0%;
}

.text_copyright {
  color: #424242;
  white-space: nowrap;
  font-family: Robotomono Variablefont Wght, Arial, sans-serif;
  font-size: .85rem;
}

.filled-icon-font {
  color: #424242;
  font-family: Filled Icon Font, Arial, sans-serif;
  line-height: 21px;
}

.nav-title-footer {
  float: left;
  clear: none;
  color: #000;
  text-align: center;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: stretch;
  text-decoration: none;
  display: none;
  position: static;
}

.nav_menu-list {
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.nav_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.nav_link {
  color: #000000e6;
  letter-spacing: 2.25px;
  background-color: #f6f6f5;
  border-radius: 4px;
  margin-right: .5rem;
  padding: .5rem 1rem;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  transition: all .2s;
  position: relative;
}

.nav_link:hover {
  color: #000000e6;
  background-color: #dfdfdf;
}

.nav_link.w--current {
  color: #000;
}

.nav_link.w--current:hover {
  color: #a259ff;
}

.nav_link.moodjourney, .nav_link.goldfit {
  display: none;
}

.nav_menu-wrapper {
  flex-direction: row;
  align-items: center;
}

.nav_primary_logo-link {
  background-color: #ebebeb00;
  border-radius: 4px;
  order: -1;
  padding: .15rem .5rem;
  transition: all .2s;
}

.navbar {
  background-color: #0000;
  height: 6rem;
  padding-top: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-title-header {
  float: left;
  clear: none;
  color: #000;
  text-align: center;
  flex-flow: row-reverse;
  justify-content: center;
  align-items: stretch;
  text-decoration: none;
  display: flex;
  position: static;
}

.text_arrow_up_right-icon {
  font-family: Line Square Icons, Arial, sans-serif;
  font-size: 1rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.main-wrapper {
  position: relative;
}

.app-page-button {
  grid-column-gap: .5rem;
  color: #000;
  background-color: #fff;
  border-radius: 80px;
  align-items: center;
  padding: 1rem 2rem;
  font-size: 1rem;
  transition: all .2s;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.app-page-button:hover {
  color: #fff;
  background-color: #383838;
}

.text-block-8 {
  text-transform: uppercase;
  font-family: Inconsolata, monospace;
  font-weight: 700;
  line-height: 1.5rem;
}

.download-button {
  grid-column-gap: .5rem;
  color: #fff;
  background-color: #7578fa;
  border-radius: 80px;
  align-items: center;
  padding: 1rem 2rem;
  font-size: 1rem;
  transition: all .2s;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.download-button:hover {
  background-color: #5a5ef8;
}

.text_lighting-icon {
  color: #ffc38f;
  font-family: Filled Icon Font, Arial, sans-serif;
}

.nav_menu-mobile_button_visuals {
  z-index: 3;
  transform-style: preserve-3d;
  background-color: #0000;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  padding: 0;
  transition: transform .3s;
}

.nav_menu-mobile_button_visuals:hover {
  transform: scale3d(1.06, 1.06, 1.01);
}

.nav_menu-mobile_button_visuals.w--open {
  background-color: #0000;
}

.nav_menu-dot {
  background-color: #fff;
  border-radius: 100%;
  min-width: 10px;
  max-width: 10px;
  min-height: 10px;
  max-height: 10px;
}

.nav_menu-dot.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.nav_menu-dot.top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.nav_menu-dot.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.nav_menu-dot.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.nav_menu-mobile_button {
  display: none;
}

.uui-container-large-7 {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-padding-vertical-xhuge-6 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-text-size-xlarge-2 {
  color: #475467;
  padding-right: 120px;
  font-family: Inconsolata, monospace;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-heroheader05_image-wrapper-2 {
  justify-content: center;
  display: flex;
  position: relative;
}

.uui-space-small-3 {
  width: 100%;
  min-height: 1.5rem;
}

.uui-heading-xlarge-2 {
  box-sizing: border-box;
  color: #101828;
  text-overflow: clip;
  object-fit: fill;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 100px;
  font-family: Schick Toikka Krana Fat A, Arial, sans-serif;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1.2;
  overflow: visible;
}

.uui-space-large-2 {
  width: 100%;
  min-height: 3rem;
}

.uui-button-row-4 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-heroheader05_image-2 {
  box-sizing: content-box;
  object-fit: cover;
  flex: none;
  order: 0;
  align-self: auto;
  height: 100%;
  min-height: 50rem;
  max-height: 50rem;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  overflow: visible;
}

.uui-heroheader05_content-2 {
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}

.uui-page-padding-6 {
  padding-left: 2rem;
  padding-right: 2rem;
  position: static;
  inset: 0%;
}

._001-section {
  background-image: url('../images/vietplay_website_bg_2560x2000.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.uui-heroheader05_component-2 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.accordion-icon_component {
  filter: contrast(0%);
  color: #98a2b3;
  border: 2px solid #98a2b3;
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.uui-page-padding-2 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.uui-text-size-medium-2 {
  color: #475467;
  letter-spacing: normal;
  font-family: Robotomono Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
}

.uui-max-width-large-2 {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large-2.align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-space-xsmall-2 {
  width: 100%;
  min-height: 1rem;
}

.uui-faq01_accordion {
  border-bottom: 1px solid #eaecf0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.uui-faq01_accordion.middle-item {
  border-bottom-color: #eaecf0;
}

.uui-faq01_accordion.last-item {
  border-bottom-style: none;
  border-bottom-color: #eaecf0;
}

.accordion-icon_vertical-line {
  background-color: #98a2b3;
  border-radius: 1px;
  width: 2px;
  height: .75rem;
  position: absolute;
}

.uui-faq01_icon-wrapper {
  color: #7f56d9;
}

.uui-text-align-center-2 {
  text-align: center;
}

.uui-faq01_answer {
  overflow: hidden;
}

.uui-faq01_component {
  margin-top: 4rem;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.faq {
  margin-top: 0;
}

.accordion-icon_horizontal-line {
  background-color: #98a2b3;
  border-radius: 1px;
  width: .75rem;
  height: 2px;
  position: absolute;
}

.uui-faq01_list {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.uui-heading-medium-2 {
  color: #101828;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Schick Toikka Krana Fat A, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.3;
}

.uui-faq01_heading {
  color: #7370ff;
  letter-spacing: normal;
  -webkit-text-stroke-color: #6664ff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Robotomono Variablefont Wght, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
}

.uui-padding-vertical-xhuge-2 {
  padding-top: 0;
  padding-bottom: 7rem;
}

.uui-faq01_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.uui-text-size-large-2 {
  color: #475467;
  letter-spacing: normal;
  font-family: Robotomono Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

._12-4rem {
  height: 12rem;
}

.footer-static {
  border-top: 1px solid #1b1b1b;
  padding-top: 124px;
  padding-bottom: 124px;
}

.footer-static.pd-64px {
  background-color: #e0e0e000;
  border-top-width: 0;
  padding-top: 64px;
  padding-bottom: 64px;
  position: static;
  inset: auto 0% 0%;
}

.script-container {
  display: none;
}

.hero-image-wrapper {
  flex-flow: row;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1rem;
  display: block;
  position: relative;
}

.hero-flashcard {
  text-align: left;
  cursor: pointer;
  background-color: #ebeefe;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 220px;
  max-width: 100%;
  height: 105px;
  margin-top: 0;
  transition: transform .2s;
  display: flex;
  position: absolute;
  inset: 36.5% 0% 0% 26%;
  box-shadow: 0 2px 5px #0003;
}

.hero-flashcard:hover {
  transform: scale(1.7);
}

.flashcard-a-text {
  z-index: 25;
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  pointer-events: auto;
  text-align: center;
  vertical-align: baseline;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.italic-text {
  color: #000;
  font-family: Robotomono Variablefont Wght, Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
}

.flashcard-audio-button {
  z-index: 50;
  pointer-events: auto;
  background-color: #fff0;
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  height: 30px;
  display: flex;
  position: absolute;
  inset: auto 4px 2px auto;
}

.audio-svg {
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  display: block;
  position: absolute;
  left: 7px;
  overflow: visible;
}

.bold-text {
  position: absolute;
}

.flashcard-b-text {
  z-index: 25;
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 0;
  pointer-events: auto;
  text-align: center;
  vertical-align: baseline;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0%;
}

.code-embed {
  display: none;
}

.text-span {
  font-family: Line Square Icons, Arial, sans-serif;
}

@media screen and (max-width: 991px) {
  .social_media-wrapper.center-tablet {
    justify-content: center;
  }

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

  .grid-3-columns.footer-grid {
    grid-row-gap: 16px;
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }

  .footer {
    padding-top: 100px;
    padding-bottom: 64px;
  }

  .footer.pd-64px {
    background-color: #fff0;
    position: static;
  }

  .text_copyright {
    text-align: left;
  }

  .nav_menu-list {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex;
    position: fixed;
    inset: -4rem 0% 0%;
  }

  .nav_link {
    text-align: left;
    background-color: #f6f6f500;
    border-bottom: 1px #0000004d;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 8%;
    margin: 0 0 .5rem 0;
    padding-bottom: .5rem;
    font-size: 1rem;
    text-decoration: none;
    display: flex;
  }

  .nav_link:hover {
    background-color: #0000;
  }

  .nav_menu-wrapper {
    text-align: center;
    background-color: #fff;
    border-top: 1px #000;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    position: fixed;
    inset: 0%;
    overflow: auto;
  }

  .navbar {
    height: 5rem;
    padding-top: 0;
  }

  .nav-title-header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    transform: scale(1.1);
  }

  .nav_menu-dot.top-left, .nav_menu-dot.top-right, .nav_menu-dot.bottom-left, .nav_menu-dot.bottom-right {
    background-color: #000;
  }

  .nav_menu-mobile_button {
    display: block;
  }

  .uui-padding-vertical-xhuge-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .uui-text-size-xlarge-2 {
    text-align: center;
    padding-right: 0;
  }

  .uui-space-small-3 {
    min-height: 2rem;
  }

  .uui-heading-xlarge-2 {
    text-align: center;
    padding-right: 0;
    font-size: 3.25rem;
    font-weight: 400;
  }

  .uui-space-large-2 {
    min-height: 2.5rem;
  }

  .uui-button-row-4 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: center;
    align-items: center;
    overflow: visible;
  }

  .uui-heroheader05_image-2 {
    max-height: 40rem;
  }

  .uui-heroheader05_content-2 {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
  }

  ._001-section {
    height: auto;
    padding-bottom: 0;
    position: static;
  }

  .uui-heroheader05_component-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    min-height: auto;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  ._12-4rem {
    height: 4rem;
  }

  .footer-static {
    padding-top: 100px;
    padding-bottom: 64px;
  }

  .footer-static.pd-64px {
    background-color: #fff0;
    position: static;
  }

  .hero-image-wrapper {
    margin-left: 0;
  }

  .hero-flashcard:hover {
    transform: scale(1.7);
  }
}

@media screen and (max-width: 767px) {
  .footer-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-3-columns, .grid-3-columns.footer-grid {
    grid-template-columns: 1fr;
  }

  .footer_logo-wrapper {
    max-width: 220px;
  }

  .footer {
    padding-top: 80px;
    padding-bottom: 56px;
  }

  .footer.pd-64px {
    padding-top: 40px;
    padding-bottom: 40px;
    position: static;
  }

  .text_copyright {
    white-space: break-spaces;
    font-size: .8rem;
  }

  .nav_menu-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    top: -4rem;
  }

  .nav_container {
    padding-top: .75rem;
    padding-bottom: .5rem;
  }

  .nav_link {
    background-color: #f6f6f500;
  }

  .nav_primary_logo-link, .nav_primary_logo-link.w--current {
    padding-left: .5rem;
  }

  .navbar {
    height: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .app-page-button {
    white-space: nowrap;
  }

  .uui-padding-vertical-xhuge-6 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-text-size-xlarge-2 {
    text-align: left;
    padding-right: 0;
    font-size: 1rem;
  }

  .uui-heroheader05_image-wrapper-2 {
    height: auto;
  }

  .uui-space-small-3 {
    min-height: 1.25rem;
  }

  .uui-heading-xlarge-2 {
    text-align: left;
    font-size: 2.25rem;
  }

  .uui-space-large-2 {
    min-height: 2rem;
  }

  .uui-button-row-4 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: wrap;
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .uui-heroheader05_image-2 {
    height: 40rem;
    margin-left: 0;
  }

  .uui-heroheader05_content-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .uui-page-padding-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  ._001-section {
    box-sizing: border-box;
    object-fit: fill;
    height: auto;
    padding-bottom: 0;
    position: static;
    overflow: hidden;
  }

  .uui-page-padding-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-space-xsmall-2 {
    min-height: .75rem;
  }

  .uui-faq01_component {
    margin-top: 3rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-heading-medium-2 {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-padding-vertical-xhuge-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-text-size-large-2 {
    font-size: 1rem;
  }

  ._12-4rem {
    height: 4rem;
  }

  .footer-static {
    padding-top: 80px;
    padding-bottom: 56px;
  }

  .footer-static.pd-64px {
    padding-top: 40px;
    padding-bottom: 40px;
    position: static;
  }

  .hero-image-wrapper {
    margin-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .body {
    background-color: #fffefc;
  }

  .footer-container {
    justify-content: center;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .grid-3-columns, .grid-3-columns.footer-grid {
    grid-template-columns: 1fr;
  }

  .footer_logo-wrapper {
    max-width: 180px;
  }

  .footer {
    padding-top: 64px;
  }

  .footer.pd-64px {
    background-color: #f1ebe4;
    border-top-style: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text_copyright {
    text-align: center;
    white-space: pre-line;
    margin-left: 10px;
    margin-right: 10px;
    font-size: .8rem;
  }

  .nav_menu-list {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: fixed;
    inset: -4rem 0% 0%;
  }

  .nav_container {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .nav_link {
    margin-left: 0;
    margin-right: 0;
  }

  .nav_link:hover {
    background-color: #00000005;
    border-radius: 0;
  }

  .nav_menu-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav_primary_logo-link {
    padding-left: .5rem;
  }

  .navbar {
    height: 4rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-title-header {
    display: block;
  }

  .app-page-button {
    grid-column-gap: .5rem;
    grid-row-gap: 16px;
    white-space: nowrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .download-button {
    justify-content: center;
    align-items: center;
  }

  .uui-padding-vertical-xhuge-6 {
    color: #f1ebe4;
  }

  .uui-button-wrapper-3 {
    text-align: left;
    min-width: 200px;
    max-width: 200px;
  }

  .uui-heroheader05_image-wrapper-2 {
    height: auto;
  }

  .uui-space-small-3 {
    min-height: 3rem;
    position: static;
    inset: auto 0% 0%;
  }

  .uui-heading-xlarge-2 {
    padding-right: 0;
  }

  .uui-button-row-4 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .uui-heroheader05_image-2 {
    color: #333;
    margin-left: 0;
  }

  .uui-heroheader05_content-2 {
    padding-left: 5px;
    padding-right: 5px;
  }

  ._001-section {
    position: static;
  }

  .uui-heroheader05_component-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .uui-faq01_heading {
    margin-right: 10px;
  }

  ._12-4rem {
    height: 4rem;
  }

  .footer-static {
    padding-top: 64px;
  }

  .footer-static.pd-64px {
    background-color: #f1ebe400;
    border-top-style: none;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-image-wrapper {
    margin-left: 0;
  }

  .hero-flashcard:hover {
    transform: scale(1.1);
  }

  .audio-svg {
    color: #000;
  }
}

#w-node-_140ff657-e41a-d2a7-c754-9c0c68e831b4-68e831b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_140ff657-e41a-d2a7-c754-9c0c68e831b8-68e831b1 {
  justify-self: center;
}

#w-node-_140ff657-e41a-d2a7-c754-9c0c68e831ba-68e831b1 {
  justify-self: end;
}

#w-node-_02434ca8-5e1c-a29d-6491-e641bbdd70f3-bbdd70f0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02434ca8-5e1c-a29d-6491-e641bbdd70f7-bbdd70f0 {
  justify-self: center;
}

#w-node-_02434ca8-5e1c-a29d-6491-e641bbdd70f9-bbdd70f0 {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_140ff657-e41a-d2a7-c754-9c0c68e831b8-68e831b1, #w-node-_140ff657-e41a-d2a7-c754-9c0c68e831ba-68e831b1, #w-node-_02434ca8-5e1c-a29d-6491-e641bbdd70f7-bbdd70f0, #w-node-_02434ca8-5e1c-a29d-6491-e641bbdd70f9-bbdd70f0 {
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ed48149d-370d-c87c-1b6c-cec3a2f661ad-66c2a948 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Filled Icon Font';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Social Icon Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Robotomono Variablefont Wght';
  src: url('../fonts/RobotoMono-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Schick Toikka Krana Fat A';
  src: url('../fonts/Schick-Toikka---Krana-Fat-A.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}