.root-icon {
  align-self: stretch;
  height: 48px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.logo,
.logo-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.logo {
  align-self: stretch;
  align-items: center;
  padding: 0 var(--padding-3xs);
  cursor: pointer;
}
.logo-container {
  flex: 1;
  align-items: flex-start;
  padding: var(--padding-xl) 0 0;
  box-sizing: border-box;
  min-width: 140px;
}
.div,
.may,
.maybe-button {
  position: relative;
  font-weight: 300;
  display: inline-block;
  min-width: 64px;
}
.may,
.maybe-button {
  font-weight: 600;
  min-width: 31px;
}
.may {
  color: var(--color-darkorange-200);
  min-width: 28px;
}
.header-right,
.maybe-button-container,
.user-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.maybe-button-container {
  gap: var(--gap-10xs);
}
.header-right,
.user-actions {
  padding: 0 var(--padding-12xs);
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-gray-200);
}
.header-right {
  flex-direction: column;
  padding: 0 var(--padding-3xs) 0 0;
  text-align: center;
  font-size: var(--font-size-41xl);
  color: var(--color-dimgray);
}
.image {
  width: 2px;
  flex: 1;
  position: relative;
  background-color: var(--color-gainsboro-300);
}
.top-menu-items {
  height: 84px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-3xs) 0 0;
  box-sizing: border-box;
}
.p {
  margin-block-start: 0;
  margin-block-end: 2px;
  letter-spacing: 0.1em;
  font-weight: 300;
}
.p1 {
  margin: 0;
  font-size: var(--font-size-2xl);
  color: var(--color-dimgray);
}
.div1,
.div2,
.div3 {
  position: relative;
}
.div2,
.div3 {
  display: inline-block;
  min-width: 55px;
}
.div3 {
  color: var(--color-orangered);
}
.parent,
.stock-indicators,
.top-menu-items1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.stock-indicators {
  flex-direction: row;
  gap: var(--gap-xl);
  font-size: var(--font-size-smi);
  color: var(--color-teal);
}
.parent,
.top-menu-items1 {
  flex-direction: column;
}
.parent {
  gap: var(--gap-11xs);
}
.top-menu-items1 {
  padding: var(--padding-smi) var(--padding-3xs) 0 0;
}
.top-menu-items-child {
  width: 2px;
  flex: 1;
  position: relative;
  background-color: var(--color-gainsboro-300);
}
.top-menu-items2 {
  height: 84px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-9xs) var(--padding-3xs) 0 0;
  box-sizing: border-box;
}
.p2 {
  margin-block-start: 0;
  margin-block-end: 2px;
  letter-spacing: 0.1em;
  font-weight: 300;
}
.p3 {
  margin: 0;
  font-size: var(--font-size-2xl);
  color: var(--color-dimgray);
}
.div4,
.div5,
.div6 {
  position: relative;
}
.div5,
.div6 {
  display: inline-block;
  min-width: 55px;
}
.div6 {
  color: var(--color-orangered);
}
.container,
.group,
.top-menu-container,
.top-menu-items3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.container {
  flex-direction: row;
  gap: var(--gap-xl);
  font-size: var(--font-size-smi);
  color: var(--color-teal);
}
.group,
.top-menu-container,
.top-menu-items3 {
  flex-direction: column;
}
.group {
  gap: var(--gap-11xs);
}
.top-menu-container,
.top-menu-items3 {
  padding: var(--padding-smi) 0 0;
}
.top-menu-container {
  width: 759.9px;
  flex-direction: row;
  padding: 0 var(--padding-27xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-xl);
  max-width: 100%;
  font-size: var(--font-size-xs);
}
.top-menu-child {
  height: 120px;
  width: 36.9px;
  position: relative;
  display: none;
}
.div7 {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: inline-block;
  min-width: 100px;
}
.investment-teaching-background {
  position: absolute;
  height: 6.25%;
  top: 93.75%;
  bottom: 0;
  left: 0;
  background-color: var(--color-gray-200);
  width: 0;
}
.top-menu1 {
  align-self: stretch;
  height: 32px;
  position: relative;
}
.investment-teaching {
  width: 98px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xl);
  box-sizing: border-box;
}
.div8 {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.market-analysis-background {
  position: absolute;
  height: 6.45%;
  top: 96.77%;
  bottom: -3.23%;
  left: 0;
  background-color: var(--color-gray-200);
  width: 0;
}
.top-menu2 {
  align-self: stretch;
  height: 31px;
  position: relative;
}
.market-analysis {
  width: 78px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-5xl-5);
  box-sizing: border-box;
}
.div9 {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: inline-block;
  min-width: 80px;
}
.financial-column-background {
  position: absolute;
  height: 6.45%;
  top: 96.77%;
  bottom: -3.23%;
  left: 0;
  background-color: var(--color-gray-200);
  width: 0;
}
.top-menu3 {
  align-self: stretch;
  height: 31px;
  position: relative;
}
.financial-column-button {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-3xl) var(--padding-2xs-5) 0;
  box-sizing: border-box;
}
.div10,
.news-background {
  position: relative;
  flex-shrink: 0;
}
.div10 {
  letter-spacing: 0.1em;
  font-weight: 500;
  display: inline-block;
  min-width: 40px;
}
.news-background {
  width: 0;
  height: 2px;
  background-color: var(--color-gray-200);
}
.news,
.top-menu4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.top-menu4 {
  height: 30px;
  justify-content: flex-start;
  padding: 0 0 var(--padding-7xs);
  box-sizing: border-box;
  gap: var(--gap-7xs);
}
.news {
  justify-content: flex-end;
  padding: 0 var(--padding-3xl) var(--padding-2xs) 0;
}
.div11 {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: inline-block;
  min-width: 100px;
}
.program-review-background {
  position: absolute;
  height: 6.25%;
  top: 93.75%;
  bottom: 0;
  left: 0;
  background-color: var(--color-gray-200);
  width: 0;
}
.top-menu5 {
  align-self: stretch;
  height: 32px;
  position: relative;
}
.program-review-container {
  width: 98px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-3xs);
  box-sizing: border-box;
}
.membership-background {
  position: absolute;
  height: 83.33%;
  width: 100%;
  top: 8.33%;
  right: 0;
  bottom: 8.33%;
  left: 0;
  border-radius: var(--br-31xl);
  background-color: var(--color-darkorange-200);
}
.youtube {
  position: absolute;
  top: 30%;
  left: 15.91%;
  font-weight: 800;
  z-index: 1;
}
.membership-button-top {
  height: 60px;
  flex: 1;
  position: relative;
  cursor: pointer;
}
.search-button-icon {
  width: 36px;
  height: 30px;
  position: relative;
}
.search-button-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-mini) 0 0;
}
.membership-search,
.program-review {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.membership-search {
  align-items: flex-start;
  gap: var(--gap-4xl);
  min-width: 181px;
  text-align: center;
  font-size: var(--font-size-xl);
  color: var(--color-white);
}
.program-review {
  align-items: flex-end;
  gap: var(--gap-21xl);
  min-width: 271px;
  max-width: 100%;
}
.login-button-icon {
  width: 20.1px;
  height: 28px;
  position: relative;
  flex-shrink: 0;
}
.login-button-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) 0 0;
}
.menu-button-icon {
  height: 60px;
  width: 60px;
  position: relative;
}
.financial-column-container,
.login-menu,
.menu-button-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.menu-button-container {
  padding: 0 var(--padding-8xs);
  flex-shrink: 0;
}
.financial-column-container,
.login-menu {
  gap: var(--gap-4xl);
}
.financial-column-container {
  align-self: stretch;
  align-items: flex-end;
  gap: var(--gap-9xl);
  max-width: 100%;
}
.content,
.financial-column,
.top-menu {
  display: flex;
  box-sizing: border-box;
  max-width: 100%;
}
.financial-column {
  width: 774.1px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-sm);
}
.content,
.top-menu {
  flex-direction: row;
  justify-content: flex-start;
}
.top-menu {
  flex: 1;
  backdrop-filter: blur(16px);
  background-color: var(--color-gray-400);
  overflow: hidden;
  align-items: flex-end;
  padding: var(--padding-base) var(--padding-11xl);
  gap: var(--gap-31xl);
  flex-shrink: 0;
  z-index: 2;
}
.content {
  align-self: stretch;
  align-items: flex-start;
  padding: 0 0 250px;
}
.image-elements-icon,
.image-elements-icon1,
.image-elements-icon2 {
  align-self: stretch;
  width: 1690px;
  position: relative;
  max-height: 100%;
  flex-shrink: 0;
  object-fit: cover;
  min-height: 550px;
  max-width: 100%;
}
.home-baner,
.image-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.image-container {
  width: 1690px;
  overflow-x: auto;
  flex-shrink: 0;
}
.home-baner {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.icon {
  position: absolute;
  top: 30px;
  left: 1521px;
  width: 169px;
  height: 155px;
  object-fit: contain;
  z-index: 2;
}
.home-banner-content {
  height: 100%;
  width: 1690px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  bottom: 0;
  left: 230px;
  max-width: 100%;
}
.orange-banner {
  align-self: stretch;
  height: 500px;
  position: relative;
  background-color: var(--color-darkorange-100);
  display: none;
}
.button-background {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-darkorange-200);
}
.f {
  position: relative;
  letter-spacing: 0.1em;
  display: inline-block;
  min-width: 15px;
  z-index: 1;
}
.fb-button,
.ig-button-icon {
  position: relative;
  cursor: pointer;
}
.fb-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-6xs) var(--padding-base) var(--padding-6xs)
    var(--padding-lgi);
  z-index: 2;
}
.ig-button-icon {
  width: 50px;
  height: 50px;
  z-index: 3;
}
.yt-button-child {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-darkslategray-100);
}
.youtube-icon-1 {
  position: absolute;
  height: 39.2%;
  width: 56%;
  top: 30%;
  right: 22%;
  bottom: 30.8%;
  left: 22%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  z-index: 1;
}
.yt-button {
  align-self: stretch;
  height: 50px;
  position: relative;
  cursor: pointer;
  z-index: 4;
}
.social-buttons-container {
  width: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 0 0;
  box-sizing: border-box;
}
.active-dot,
.dots {
  height: 14px;
  width: 14px;
  position: relative;
  border-radius: 50%;
  background-color: var(--color-white);
}
.dots {
  width: 10px;
  height: 10px;
  background-color: var(--color-gray-500);
}
.indicators {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.indicators-child {
  width: 10px;
  height: 10px;
  position: relative;
  border-radius: 50%;
  background-color: var(--color-gray-500);
}
.indicator-container,
.indicators1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
}
.indicator-container {
  flex-direction: row;
  padding: var(--padding-base) var(--padding-xs);
  gap: var(--gap-3xs);
}
.page-indicator,
.social-buttons {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.page-indicator {
  width: 342px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.social-buttons {
  width: 100%;
  margin: 0 !important;
  position: absolute;
  top: 50px;
  left: 0;
  background-color: var(--color-darkorange-100);
  flex-direction: column;
  justify-content: flex-start;
  gap: 304px;
}
.home,
.home-banner {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.home-banner {
  height: 550px;
  flex: 1;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
  gap: var(--gap-xl);
  flex-shrink: 0;
  z-index: 1;
}
.home {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 180px;
  box-sizing: border-box;
  margin-top: -260px;
  font-size: var(--font-size-11xl);
  color: var(--color-white);
}
.span {
  letter-spacing: 0.05em;
}
.div12 {
  position: relative;
  display: inline-block;
  min-width: 96px;
  white-space: nowrap;
}
.jep-morning {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p4 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.jep-morning-container {
  position: relative;
  letter-spacing: 0.03em;
  color: var(--color-black);
  font-size: var(--font-size-2xl);
}
.live-bar-jm {
  width: 201px;
  background-color: var(--color-white);
  border-right: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-5xl-5) var(--padding-xl) var(--padding-5xl-5)
    var(--padding-11xl);
  gap: var(--gap-8xs);
}
.div13 {
  position: relative;
  display: inline-block;
  min-width: 91px;
  white-space: nowrap;
}
.tasty-money {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p5 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.tasty-money-container {
  position: relative;
  letter-spacing: 0.03em;
  font-size: var(--font-size-2xl);
}
.div14,
.go-icon {
  position: relative;
}
.go-icon {
  height: 18px;
  width: 18px;
  min-height: 18px;
}
.div14 {
  letter-spacing: 0.03em;
  font-weight: 600;
  display: inline-block;
  min-width: 58px;
}
.button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-7xs) 0 0;
  gap: var(--gap-8xs);
}
.live-bar-tm {
  width: 200px;
  background-color: var(--color-darkorange-200);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-mid) var(--padding-xl) var(--padding-mid)
    var(--padding-11xl);
  box-sizing: border-box;
  gap: 6.5px;
  color: var(--color-white);
}
.span1 {
  letter-spacing: 0.05em;
}
.div15 {
  position: relative;
  display: inline-block;
  min-width: 87px;
  white-space: nowrap;
}
.tasty-morning-q {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p6 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.tasty-morning-q-container {
  height: 49px;
  position: relative;
  letter-spacing: 0.03em;
  color: var(--color-black);
  display: inline-block;
  font-size: var(--font-size-2xl);
}
.live-bar-tmq {
  width: 241px;
  background-color: var(--color-white);
  border-right: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-5xl-5) var(--padding-xl) var(--padding-5xl-5)
    var(--padding-11xl);
  gap: var(--gap-8xs);
}
.span2 {
  letter-spacing: 0.05em;
}
.div16 {
  position: relative;
  display: inline-block;
  min-width: 92px;
  white-space: nowrap;
}
.tasty {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p7 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.tasty-container {
  height: 49px;
  position: relative;
  letter-spacing: 0.03em;
  color: var(--color-black);
  display: inline-block;
  font-size: var(--font-size-2xl);
}
.live-bar-tf {
  width: 181px;
  background-color: var(--color-white);
  border-right: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-5xl-5) var(--padding-xl) var(--padding-5xl-5)
    var(--padding-11xl);
  gap: var(--gap-8xs);
}
.span3 {
  letter-spacing: 0.05em;
}
.div17 {
  position: relative;
  display: inline-block;
  min-width: 92px;
  white-space: nowrap;
}
.tasty-warrant {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p8 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.tasty-warrant-container {
  position: relative;
  letter-spacing: 0.03em;
  color: var(--color-black);
  font-size: var(--font-size-2xl);
}
.live-bar-tw- {
  width: 221px;
  background-color: var(--color-white);
  border-right: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-5xl-5) var(--padding-xl) var(--padding-5xl-5)
    var(--padding-11xl);
  gap: var(--gap-8xs);
}
.span4 {
  letter-spacing: 0.05em;
}
.div18 {
  position: relative;
  display: inline-block;
  min-width: 93px;
  white-space: nowrap;
}
.p9 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.benny1 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
}
.benny {
  height: 49px;
  position: relative;
  letter-spacing: 0.03em;
  color: var(--color-black);
  display: inline-block;
  font-size: var(--font-size-2xl);
}
.live-bar-tn {
  width: 180px;
  background-color: var(--color-white);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-5xl-5) var(--padding-xl) var(--padding-5xl-5)
    var(--padding-11xl);
  box-sizing: border-box;
  gap: var(--gap-8xs);
}
.live-bar,
.live-bar1 {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  max-width: 100%;
}
.live-bar1 {
  flex: 1;
  box-shadow: 0 2px 28px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  align-items: flex-end;
  justify-content: center;
  padding: 0 var(--padding-xl);
  flex-shrink: 0;
  row-gap: 20px;
  z-index: 2;
}
.live-bar {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 200px;
  margin-top: -260px;
  font-size: var(--font-size-sm);
}
.grey-banner {
  align-self: stretch;
  height: 3100px;
  position: relative;
  background-color: var(--color-whitesmoke-100);
  display: none;
}
.tasty1 {
  position: relative;
  z-index: 1;
}
.market-analysis-title-containe {
  width: 872px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}
.background {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div19 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.shortcut-title-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.div20 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  max-height: 72px;
  word-break: break-word;
}
.shortcut-description-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.read-more-background {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more {
  position: relative;
  display: inline-block;
  min-width: 83px;
  z-index: 1;
}
.readmore-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.read-more-button-container,
.shortcut-elements {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.read-more-button-container {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-child {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div21 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.hk2021-3 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.hk2021-3-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more1 {
  position: relative;
  display: inline-block;
  min-width: 83px;
  z-index: 1;
}
.readmore-button1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper,
.shortcut-elements1 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-wrapper {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements1 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements1@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-item {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div22 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.frame {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.div23 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  max-height: 96px;
  word-break: break-word;
}
.frame-div {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-item {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more2 {
  position: relative;
  display: inline-block;
  min-width: 83px;
  z-index: 1;
}
.readmore-button2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-container,
.shortcut-elements2 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-container {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements2 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements2@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-inner {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div24 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.call,
.call-22941-call,
.hk,
.hk1 {
  margin: 0;
}
.hk-22699-call-container {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.hk-22699-call-22941-call-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-inner {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more3 {
  position: relative;
  display: inline-block;
  min-width: 83px;
  z-index: 1;
}
.readmore-button3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-frame,
.shortcut-elements3 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-frame {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements3 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements3@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.rectangle-div {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div25 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper2 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.jepmorninga {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  max-height: 96px;
  word-break: break-word;
}
.jepmorninga-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child1 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more4 {
  position: relative;
  display: inline-block;
  min-width: 83px;
  z-index: 1;
}
.readmore-button4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper1,
.shortcut-elements4 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-wrapper1 {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements4 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements4@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-child1 {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div26 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.div27 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  max-height: 72px;
  word-break: break-word;
}
.wrapper4 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child2 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more5 {
  position: relative;
  z-index: 1;
}
.readmore-button5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper2,
.shortcut-elements5 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-wrapper2 {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements5 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-child2 {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div28 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.hk2021-31 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.hk2021-3-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child3 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more6 {
  position: relative;
  z-index: 1;
}
.readmore-button6 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper3,
.shortcut-elements6 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-wrapper3 {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements6 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements1@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-child3 {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div29 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper6 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.div30 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  max-height: 96px;
  word-break: break-word;
}
.wrapper7 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child4 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more7 {
  position: relative;
  z-index: 1;
}
.readmore-button7 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper4,
.shortcut-elements7 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-wrapper4 {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements7 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements2@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-child4 {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div31 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.call-22941-call1,
.call1,
.hk2,
.hk3 {
  margin: 0;
}
.hk-22699-call-container1 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.hk-22699-call-22941-call-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child5 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more8 {
  position: relative;
  z-index: 1;
}
.readmore-button8 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper5,
.shortcut-elements8 {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.readmore-button-wrapper5 {
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut-elements8 {
  width: 320px;
  overflow: hidden;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements3@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut-elements-child5 {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.div32 {
  position: relative;
  line-height: 32px;
  font-weight: 500;
}
.wrapper9 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-xl);
}
.jepmorninga1 {
  flex: 1;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  display: inline-block;
  max-height: 96px;
  word-break: break-word;
}
.jepmorninga-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-base);
}
.readmore-button-child6 {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -3px;
  bottom: -3px;
  left: 0;
  border-radius: var(--br-11xl);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
}
.read-more9 {
  position: relative;
  z-index: 1;
}
.readmore-button-wrapper6,
.readmore-button9 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.readmore-button9 {
  justify-content: flex-start;
  padding: var(--padding-xs) var(--padding-lg) var(--padding-xs)
    var(--padding-lgi);
  position: relative;
}
.readmore-button-wrapper6 {
  align-self: stretch;
  justify-content: center;
  padding: var(--padding-3xl) var(--padding-xl);
  font-size: var(--font-size-smi);
}
.shortcut,
.shortcut-elements9 {
  flex-shrink: 0;
  justify-content: flex-start;
  box-sizing: border-box;
}
.shortcut-elements9 {
  align-self: stretch;
  width: 320px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--padding-3xs) 0 0;
  gap: var(--gap-7xs);
  background-image: url(./public/shortcut-elements4@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.shortcut {
  width: 1880px;
  overflow-x: auto;
  padding: 0 0 0 var(--padding-xl);
  gap: var(--gap-41xl);
}
.shortcut,
.shortcut-container,
.shortcut-loop {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.shortcut-loop {
  flex: 1;
  overflow: hidden;
  justify-content: flex-end;
  z-index: 1;
}
.shortcut-container {
  height: 440px;
  justify-content: flex-start;
  padding: 0 0 var(--padding-5xs);
  box-sizing: border-box;
  font-size: var(--font-size-7xl);
  color: var(--color-white);
}
.shortcut-bar-icon {
  width: 979px;
  position: relative;
  max-height: 100%;
  max-width: 100%;
  z-index: 1;
}
.news-header {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) var(--padding-21xl) var(--padding-5xl);
  box-sizing: border-box;
  max-width: 100%;
}
.div33 {
  position: relative;
  z-index: 1;
}
.news-banner-icon {
  width: 960px;
  position: relative;
  max-height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  min-height: 540px;
  max-width: 100%;
}
.div34 {
  position: relative;
  letter-spacing: 0.08em;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.market-analysis-title {
  width: 104px;
  border-left: 6px solid var(--color-darkorange-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-sm);
  color: var(--color-darkorange-200);
}
.div35,
.u8suv {
  position: relative;
  font-weight: 300;
  text-align: justify;
  cursor: pointer;
}
.u8suv {
  align-self: stretch;
  font-size: 34px;
}
.div35 {
  width: 430px;
  line-height: 24px;
  display: inline-block;
  max-height: 120px;
  word-break: break-word;
}
.market-analysis-container-child {
  align-self: stretch;
  height: 39px;
  position: relative;
}
.div36 {
  position: relative;
  white-space: pre-wrap;
  display: inline-block;
  min-width: 115px;
  flex-shrink: 0;
}
.news-date-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 21.5px 0 0;
}
.news-navigation-child {
  height: 60px;
  flex: 1;
  position: relative;
  min-width: 127px;
}
.right-button-icon {
  height: 60px;
  width: 60px;
  position: relative;
  min-height: 60px;
}
.market-analysis-container,
.news-navigation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.news-navigation {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-11xl);
  font-size: var(--font-size-sm);
  color: var(--color-silver);
}
.market-analysis-container {
  flex: 1;
  flex-direction: column;
  padding: 50px 0;
  box-sizing: border-box;
  gap: 27.5px;
  min-width: 279px;
  max-width: 100%;
}
.news-banner-loop,
.news-photo-hover-1 {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
}
.news-banner-loop {
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-11xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-11xl);
  z-index: 1;
}
.news-photo-hover-1 {
  height: 300px;
  position: relative;
  flex-shrink: 0;
  object-fit: cover;
}
.div37 {
  position: relative;
  letter-spacing: 0.08em;
  line-height: 20px;
  font-weight: 500;
  display: inline-block;
  min-width: 70px;
}
.news-category-title {
  width: 104px;
  border-left: 6px solid var(--color-darkorange-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-sm);
}
.next-generation-500 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 24px;
  font-weight: 300;
  color: var(--color-dimgray);
  text-align: justify;
}
.news-category-container-child {
  align-self: stretch;
  height: 1px;
  position: relative;
}
.div38 {
  position: relative;
  white-space: pre-wrap;
  display: inline-block;
  min-width: 115px;
  flex-shrink: 0;
}
.wrapper10 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base-5) 0 0;
}
.frame-child {
  height: 50px;
  flex: 1;
  position: relative;
  min-width: 120px;
}
.right-button-icon1 {
  height: 50px;
  width: 50px;
  position: relative;
  min-height: 50px;
}
.frame-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  font-size: var(--font-size-sm);
  color: var(--color-silver);
}
.news-category-container,
.news-content-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.news-category-container {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3xs);
}
.news-content-container {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.news-2,
.news-photo-hover-11 {
  max-width: 100%;
  overflow: hidden;
}
.news-2 {
  flex: 1;
  background-color: var(--color-white);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-sm);
  box-sizing: border-box;
  gap: var(--gap-lg);
  min-width: 292px;
  z-index: 1;
}
.news-photo-hover-11 {
  align-self: stretch;
  height: 300px;
  position: relative;
  flex-shrink: 0;
  object-fit: cover;
}
.ad {
  position: relative;
  display: inline-block;
  min-width: 20px;
}
.ad-wrapper {
  width: 44px;
  border-radius: 6px;
  border: 2px solid var(--color-darkorange-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-3xs);
}
.div39,
.frame-item {
  align-self: stretch;
  position: relative;
}
.div39 {
  font-size: var(--font-size-xl);
  line-height: 24px;
  font-weight: 300;
  color: var(--color-dimgray);
  text-align: justify;
}
.frame-item {
  height: 24px;
}
.div40 {
  position: relative;
  white-space: pre-wrap;
  display: inline-block;
  min-width: 115px;
  flex-shrink: 0;
}
.wrapper11 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base-5) 0 0;
}
.frame-inner {
  height: 50px;
  flex: 1;
  position: relative;
  min-width: 120px;
}
.right-button-icon2 {
  height: 50px;
  width: 50px;
  position: relative;
  min-height: 50px;
}
.frame-container,
.frame-group {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-container {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-11xl);
  color: var(--color-silver);
}
.frame-group {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.news-3-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
}
.news-3,
.news-3-inner,
.news-photo-hover-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.news-3 {
  flex: 1;
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: column;
  padding: 0 0 var(--padding-sm);
  box-sizing: border-box;
  gap: var(--gap-mini);
  min-width: 292px;
  z-index: 1;
  font-size: var(--font-size-sm);
}
.news-photo-hover-container {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-31xl);
  flex-shrink: 0;
  font-size: var(--font-size-base);
  color: var(--color-darkorange-200);
}
.p10 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p11 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-gray-200);
  white-space: pre-wrap;
}
.div41 {
  flex: 1;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.landing-news-list-view {
  align-self: stretch;
  border-bottom: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) 0 var(--padding-smi);
  max-width: 100%;
  flex-shrink: 0;
  z-index: 1;
}
.p12 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p13 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-gray-200);
  white-space: pre-wrap;
}
.div42 {
  flex: 1;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.landing-news-list-view1 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) 0 var(--padding-smi);
  max-width: 100%;
  flex-shrink: 0;
  z-index: 1;
}
.p14 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p15 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-gray-200);
  white-space: pre-wrap;
}
.div43 {
  flex: 1;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.landing-news-list-view2 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base) 0 var(--padding-smi);
  max-width: 100%;
  flex-shrink: 0;
  z-index: 1;
}
.p16 {
  margin-block-start: 0;
  margin-block-end: 8px;
}
.p17 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-gray-200);
  white-space: pre-wrap;
}
.div44 {
  flex: 1;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 20px;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  cursor: pointer;
}
.landing-news-items,
.landing-news-list-view3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.landing-news-list-view3 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-white);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-base) 0 var(--padding-smi);
  flex-shrink: 0;
  z-index: 1;
}
.landing-news-items {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xl);
}
.div45 {
  position: relative;
  letter-spacing: 0.06em;
  font-weight: 500;
  display: inline-block;
  min-width: 102px;
}
.instant-news-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-2xs-5) 0 0;
}
.instant-news-title-container-child {
  align-self: stretch;
  flex: 1;
  position: relative;
}
.read-more10 {
  position: relative;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: inline-block;
  min-width: 79px;
}
.arrow-icon {
  width: 16px;
  height: 14.7px;
  position: relative;
}
.read-more-grey-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8.5px 0 0;
}
.instant-news-title-container,
.read-more-grey {
  background-color: var(--color-darkorange-200);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base-5) var(--padding-lg) 10.3px;
  gap: var(--gap-mini);
  font-size: var(--font-size-sm);
}
.instant-news-title-container {
  align-self: stretch;
  height: 50px;
  overflow-x: auto;
  flex-shrink: 0;
  padding: 0 0 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-3xs-5);
  font-size: var(--font-size-5xl);
  color: var(--color-white);
}
.div46,
.div47 {
  max-width: 100%;
  flex-shrink: 0;
}
.div47 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div46 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div49 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div48,
.div49,
.div51 {
  flex-shrink: 0;
  max-width: 100%;
}
.div48 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div51 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div50 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div50,
.div52,
.div53 {
  max-width: 100%;
  flex-shrink: 0;
}
.div53 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div52 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div55 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div54,
.div55,
.div57 {
  flex-shrink: 0;
  max-width: 100%;
}
.div54 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div57 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div56 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div56,
.div58,
.div59 {
  max-width: 100%;
  flex-shrink: 0;
}
.div59 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div58 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div61 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div60,
.div61,
.div63 {
  flex-shrink: 0;
  max-width: 100%;
}
.div60 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
}
.div63 {
  flex: 1;
  position: relative;
  line-height: 21px;
  white-space: pre-wrap;
  display: inline-block;
  max-height: 63px;
  word-break: break-word;
}
.div62,
.instant-news-list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.div62 {
  align-self: stretch;
  border-bottom: 2px solid var(--color-whitesmoke-100);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-7xl) var(--padding-lg) var(--padding-11xs);
  flex-shrink: 0;
}
.instant-news-list {
  width: 450px;
  background-color: var(--color-white);
  flex-direction: column;
  min-width: 450px;
  z-index: 1;
  font-size: var(--font-size-base);
}
.landing-news-list {
  align-self: stretch;
  flex-direction: row;
  gap: var(--gap-31xl);
  font-size: var(--font-size-lg);
}
.landing-news-list,
.news-banner-container,
.news-banner-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.news-banner-container {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-31xl);
}
.news-banner-wrapper {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 var(--padding-5xl) var(--padding-8xs);
  box-sizing: border-box;
  font-size: var(--font-size-base);
  color: var(--color-dimgray);
}
.more-news-button-child,
.more-news-button-item {
  align-self: stretch;
  width: 19.3px;
  position: relative;
  flex-shrink: 0;
}
.div64 {
  position: relative;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.wrapper12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-lg) 0 0;
}
.more-news-button-inner {
  align-self: stretch;
  width: 19.3px;
  position: relative;
  flex-shrink: 0;
}
.frame-child1 {
  width: 24px;
  height: 22.1px;
  position: relative;
}
.more-news-button-inner1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xl) 0 0;
}
.more-news-button {
  border-radius: var(--br-41xl);
  background-color: var(--color-darkorange-200);
  overflow-x: auto;
  flex-direction: row;
  justify-content: flex-start;
  padding: var(--padding-3xs) var(--padding-5xl);
  gap: var(--gap-3xs-5);
  z-index: 1;
}
.more-news-button,
.more-news-button-wrapper,
.news-title {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.more-news-button-wrapper {
  height: 80px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl) 0 var(--padding-6xl);
  box-sizing: border-box;
  font-size: var(--font-size-xl);
  color: var(--color-white);
}
.news-title {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-11xl);
  max-width: 100%;
}
.tasty2 {
  position: relative;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.news-container {
  width: 1455px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-71xl);
  max-width: 100%;
}
.grey-banner-parent,
.news-container-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-6xl) 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}
.grey-banner-parent {
  background-color: var(--color-whitesmoke-100);
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-101xl) 0 290px;
  gap: var(--gap-21xl);
  flex-shrink: 0;
  margin-top: -260px;
  font-size: var(--font-size-41xl);
  color: var(--color-darkorange-200);
}
.video-cover-child {
  align-self: stretch;
  width: 180px;
  position: relative;
  display: none;
}
.video-cover-icon {
  align-self: stretch;
  height: 506px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.div65,
.tasty3 {
  position: relative;
  letter-spacing: 0.05em;
}
.div65 {
  align-self: stretch;
  white-space: pre-wrap;
}
.tasty3 {
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.froyo-drool,
.parent1,
.tasty-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tasty-wrapper {
  width: 106px;
  border-radius: var(--br-xl);
  border: 2px solid var(--color-darkorange-200);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-8xs) var(--padding-sm);
  font-size: var(--font-size-sm);
  color: var(--color-darkorange-200);
}
.froyo-drool,
.parent1 {
  flex-direction: column;
}
.parent1 {
  align-self: stretch;
  padding: 0 var(--padding-11xs);
  gap: var(--gap-4xs);
}
.froyo-drool {
  width: 900px;
  overflow: hidden;
  flex-shrink: 0;
  padding: 0 0 var(--padding-44xl);
  box-sizing: border-box;
  gap: var(--gap-5xl);
  max-width: calc(100% - 950px);
}
.video-cover-icon1 {
  align-self: stretch;
  height: 506px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.simpsons-svb,
.tasty4 {
  position: relative;
  letter-spacing: 0.05em;
}
.simpsons-svb {
  align-self: stretch;
  white-space: pre-wrap;
}
.tasty4 {
  font-weight: 500;
  display: inline-block;
  min-width: 74px;
}
.tasty-frame {
  width: 106px;
  border-radius: var(--br-xl);
  border: 2px solid var(--color-darkorange-200);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-8xs) var(--padding-sm);
  font-size: var(--font-size-sm);
  color: var(--color-darkorange-200);
}
.simpsons,
.simpsons-svb-parent,
.tasty-frame,
.video-cover {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.simpsons-svb-parent {
  align-self: stretch;
  flex-direction: column;
  padding: 0 var(--padding-11xs);
  gap: var(--gap-xs);
}
.simpsons,
.video-cover {
  overflow: hidden;
  flex-shrink: 0;
  box-sizing: border-box;
}
.simpsons {
  width: 900px;
  flex-direction: column;
  padding: 0 0 var(--padding-73xl);
  gap: var(--gap-5xl);
  max-width: calc(100% - 950px);
}
.video-cover {
  height: 680px;
  flex-direction: row;
  padding: 0 230px;
  gap: var(--gap-31xl);
  z-index: 1;
  margin-top: -260px;
  text-align: justify;
  font-size: var(--font-size-5xl);
  color: var(--color-dimgray);
}
.main,
.shortcut-bar-icon1,
.video-cover {
  align-self: stretch;
  max-width: 100%;
}
.main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-lg);
  color: var(--color-gray-200);
}
.shortcut-bar-icon1 {
  flex: 1;
  position: relative;
  overflow: hidden;
  max-height: 100%;
  object-fit: contain;
  min-width: 60px;
  min-height: 60px;
}
.more-videos-button-child {
  height: 40px;
  width: 2px;
  position: relative;
  flex-shrink: 0;
}
.div66 {
  position: relative;
  letter-spacing: 0.1em;
  font-weight: 500;
  display: inline-block;
  min-width: 88px;
}
.wrapper13 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}
.frame-child2 {
  width: 24px;
  height: 22.1px;
  position: relative;
}
.more-videos-button,
.more-videos-button-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl) 0 0;
}
.more-videos-button {
  border-radius: var(--br-41xl);
  background-color: var(--color-darkorange-200);
  overflow-x: auto;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-5xl) 7.9px;
  gap: var(--gap-4xs);
}
.more-videos-button-container,
.more-videos-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.more-videos-button-container {
  width: 1219px;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--gap-41xl);
}
.more-videos-container {
  align-self: stretch;
  justify-content: center;
  padding: 0 var(--padding-2xl) var(--padding-131xl) var(--padding-xl);
  box-sizing: border-box;
  font-size: var(--font-size-xl);
}
.youtube3 {
  letter-spacing: 0.05em;
}
.youtube2 {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.p18 {
  margin: 0;
  font-size: var(--font-size-11xl);
  letter-spacing: 0.1em;
}
.youtube1,
.youtube4 {
  position: relative;
}
.youtube4 {
  font-size: var(--font-size-base);
  letter-spacing: 0.03em;
  color: var(--color-gray-200);
}
.tasty5 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 97px;
}
.tasty-wrapper1 {
  height: 29px;
  flex: 1;
  border-radius: var(--br-3xs);
  border: 2px solid var(--color-darkorange-200);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-5xs) var(--padding-8xs)
    var(--padding-3xs);
}
.tasty6 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 83px;
}
.membership-video-category,
.tasty-wrapper2 {
  border-radius: var(--br-3xs);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
}
.tasty-wrapper2 {
  height: 29px;
  width: 105px;
  border: 2px solid var(--color-darkorange-200);
  padding: var(--padding-8xs) var(--padding-5xs) var(--padding-8xs)
    var(--padding-3xs);
}
.membership-video-category {
  width: 250px;
  height: 37px;
  padding: var(--padding-8xs) var(--padding-xl) var(--padding-8xs) 0;
  gap: var(--gap-3xs);
  font-size: var(--font-size-sm);
  color: var(--color-darkorange-200);
}
.membership-slider-icon,
.membership-video-category-cont-child {
  align-self: stretch;
  height: 30px;
  position: relative;
}
.membership-slider-icon {
  height: 40px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}
.membership-video-category-cont {
  width: 302px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10.8px;
  flex-shrink: 0;
}
.div67,
.membership-video-cover {
  align-self: stretch;
  position: relative;
}
.membership-video-cover {
  height: 224px;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.div67 {
  font-weight: 500;
  white-space: pre-wrap;
}
.membership-video-items {
  width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
}
.membership-video-cover1 {
  align-self: stretch;
  height: 224px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.div68 {
  position: relative;
  font-weight: 500;
  white-space: pre-wrap;
  display: inline-block;
  max-width: 100%;
}
.membership-video-items1 {
  width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
}
.membership-video-cover2 {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.div69 {
  position: relative;
  font-weight: 500;
}
.membership-video-items2 {
  height: 264px;
  width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
  max-width: 100%;
}
.membership-title,
.membership-video {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.membership-video {
  width: 1267px;
  overflow-x: auto;
  flex-shrink: 0;
  justify-content: flex-start;
  gap: var(--gap-21xl);
  font-size: var(--font-size-xl);
}
.membership-title {
  align-self: stretch;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.join-membership-button-child {
  height: 164px;
  width: 298px;
  position: absolute;
  margin: 0 !important;
  top: -44px;
  left: 30px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.tastymoney-yeah {
  position: relative;
  letter-spacing: 0.03em;
  display: inline-block;
  max-width: 100%;
}
.frame-child3 {
  width: 36px;
  height: 22.1px;
  position: relative;
}
.tastymoney-yeah-parent,
.vector-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-lg) 0 0;
}
.tastymoney-yeah-parent {
  flex-direction: row;
  padding: var(--padding-21xl) 0 35.9px;
  box-sizing: border-box;
  gap: 29px;
  max-width: 100%;
}
.join-membership-button {
  width: 1000px;
  border-radius: var(--br-41xl);
  background-color: var(--color-darkorange-200);
  flex-direction: row;
  justify-content: flex-end;
  padding: var(--padding-9xs) 45px 0;
  position: relative;
  gap: var(--gap-11xl);
}
.join-membership-button,
.join-membership-container,
.membership-container {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.join-membership-container {
  width: 1460px;
  flex-direction: row;
  justify-content: center;
  padding: 0 var(--padding-xl);
  text-align: justify;
  font-size: var(--font-size-11xl);
  color: var(--color-white);
}
.membership-container {
  width: 1710px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 0 140px var(--padding-xl);
  gap: 76px;
  color: var(--color-darkslategray-100);
}
.orange-banner1 {
  width: 100%;
  height: 2500px;
  position: absolute;
  margin: 0 !important;
  right: 0;
  bottom: -50px;
  left: 0;
  background-color: var(--color-darkorange-100);
}
.kol-benny-child,
.kol-benny-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kol-benny-child {
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.kol-benny-item {
  border-radius: var(--br-181xl);
  object-fit: cover;
  z-index: 1;
}
.kol-benny {
  align-self: stretch;
  height: 240px;
  position: relative;
  opacity: 0.9;
}
.benny3 {
  position: relative;
  letter-spacing: 0.03em;
  display: inline-block;
  min-width: 116px;
}
.benny-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-20xl) 0 38px;
}
.span5 {
  letter-spacing: 0.03em;
}
.tasty7 {
  position: relative;
  font-size: var(--font-size-5xl);
  color: var(--color-darkslategray-100);
}
.frame-parent1 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-3xs);
}
.benny2,
.frame-parent1,
.k-o-l-title-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.k-o-l-title-container {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-4xl);
}
.benny2 {
  flex-direction: column;
  gap: var(--gap-lgi);
}
.kol-c-child,
.kol-c-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kol-c-child {
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.kol-c-item {
  border-radius: var(--br-181xl);
  object-fit: cover;
  z-index: 1;
}
.b,
.kol-c {
  position: relative;
}
.kol-c {
  align-self: stretch;
  height: 240px;
  opacity: 0.9;
}
.b {
  letter-spacing: 0.03em;
  display: inline-block;
  min-width: 75px;
}
.wrapper14 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-18xl) 0 var(--padding-17xl);
}
.div70 {
  position: relative;
  font-size: var(--font-size-5xl);
  letter-spacing: 0.03em;
  color: var(--color-darkslategray-100);
}
.frame-parent2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-7xs);
}
.frame-parent2,
.sze,
.sze-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.sze-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-27xl);
}
.sze {
  flex-direction: column;
  gap: var(--gap-lgi);
}
.kol-sy-child,
.kol-sy-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kol-sy-child {
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.kol-sy-item {
  border-radius: var(--br-181xl);
  object-fit: cover;
  z-index: 1;
}
.kol-sy {
  align-self: stretch;
  height: 240px;
  opacity: 0.9;
}
.b1,
.kol-sy {
  position: relative;
}
.b1,
.span6 {
  letter-spacing: 0.03em;
}
.tasty-money-container1 {
  position: relative;
}
.tasty-money-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-11xs);
  font-size: var(--font-size-5xl);
  color: var(--color-darkslategray-100);
}
.parent2 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-7xs);
}
.parent2,
.sy,
.sy-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.sy-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-9xs);
}
.sy {
  flex-direction: column;
  gap: var(--gap-lgi);
}
.kol-lui-child,
.kol-lui-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kol-lui-child {
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.kol-lui-item {
  border-radius: var(--br-181xl);
  object-fit: cover;
  z-index: 1;
}
.b2,
.kol-lui {
  position: relative;
}
.kol-lui {
  align-self: stretch;
  height: 240px;
  opacity: 0.9;
}
.b2 {
  letter-spacing: 0.03em;
}
.wrapper15 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs) 0 var(--padding-2xs);
}
.div71 {
  position: relative;
  font-size: var(--font-size-5xl);
  letter-spacing: 0.03em;
  color: var(--color-darkslategray-100);
}
.frame-parent3 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-7xs);
}
.frame-parent3,
.lui,
.lui-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.lui-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-14xl);
}
.lui {
  flex-direction: column;
  gap: var(--gap-lgi);
}
.kol-shingor-child,
.kol-shingor-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kol-shingor-child {
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.kol-shingor-item {
  border-radius: var(--br-181xl);
  object-fit: cover;
  z-index: 1;
}
.kol-shingor {
  align-self: stretch;
  height: 240px;
  position: relative;
  opacity: 0.9;
}
.b3 {
  position: relative;
  letter-spacing: 0.03em;
  display: inline-block;
  min-width: 75px;
}
.wrapper16 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-18xl) 0 var(--padding-17xl);
}
.div72 {
  position: relative;
  font-size: var(--font-size-5xl);
  letter-spacing: 0.03em;
  color: var(--color-darkslategray-100);
}
.frame-parent4 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-7xs);
}
.frame-parent4,
.shingor,
.shingor-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.shingor-inner {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-27xl);
}
.shingor {
  flex-direction: column;
  gap: var(--gap-lgi);
}
.kol-singyeah-child,
.kol-singyeah-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kol-singyeah-child {
  border-radius: 50%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.6),
    rgba(255, 255, 255, 0)
  );
}
.kol-singyeah-item {
  border-radius: var(--br-181xl);
  object-fit: cover;
  z-index: 1;
}
.kol-singyeah {
  align-self: stretch;
  height: 240px;
  position: relative;
  opacity: 0.9;
}
.b4 {
  position: relative;
  letter-spacing: 0.03em;
  display: inline-block;
  min-width: 75px;
}
.wrapper17 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 59px 0 var(--padding-39xl);
}
.span7 {
  letter-spacing: 0.03em;
}
.tasty8 {
  position: relative;
  font-size: var(--font-size-5xl);
  color: var(--color-darkslategray-100);
}
.frame-parent5 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.singyeah-inner {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: 0 var(--padding-4xl);
}
.k-o-l-items,
.singyeah,
.singyeah-inner {
  align-items: flex-start;
  justify-content: flex-start;
}
.singyeah {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lgi);
}
.k-o-l-items {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  padding: 0 var(--padding-96xl);
  gap: var(--gap-31xl);
  grid-template-columns: repeat(6, minmax(180px, 1fr));
  z-index: 2;
}
.coinl-child {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  height: 370px;
  object-fit: cover;
  display: none;
}
.coinl {
  width: 400px;
  height: 627px;
  position: relative;
  flex-shrink: 0;
  z-index: 0;
}
.coinl,
.coinr,
.coinr-child {
  overflow: hidden;
  display: none;
  max-width: 100%;
}
.coinr-child {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  height: 370px;
  object-fit: cover;
}
.coinr {
  width: 400px;
  height: 455px;
  position: relative;
  flex-shrink: 0;
  opacity: 0.8;
  mix-blend-mode: normal;
  z-index: 1;
}
.calendar-month-year {
  width: 148px;
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 800;
  display: inline-block;
  -webkit-text-stroke: 2px #fff;
}
.left-button-icon {
  height: 100%;
  width: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 3px;
  transform: scale(1.4);
}
.wrapper-left-button {
  height: 60px;
  width: 60px;
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.right-button-icon3 {
  height: 100%;
  width: 100%;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 3px;
  transform: scale(1.4);
}
.wrapper-right-button {
  height: 60px;
  width: 60px;
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation-buttons {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
  min-width: 84px;
}
.div73 {
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 600;
  display: inline-block;
  min-width: 66px;
}
.frame-child4 {
  width: 18px;
  height: 14.7px;
  position: relative;
}
.button-inner {
  flex-direction: column;
  padding: 9.5px 0 0;
}
.button,
.button-inner,
.detail-button-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.button {
  align-self: stretch;
  border-radius: var(--br-xl);
  border: 2px solid var(--color-white);
  overflow: hidden;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-lg) var(--padding-10xs);
  gap: var(--gap-3xs);
}
.detail-button-container {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-3xs) 0 0;
  box-sizing: border-box;
  min-width: 87px;
}
.calendar-buttons {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-11xl);
}
.calendar-navigation {
  width: 294px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 44px 0 0;
  box-sizing: border-box;
  font-size: var(--font-size-base);
  color: var(--color-white);
}
.calendar-container,
.calendar-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.calendar-header {
  flex: 1;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.calendar-container {
  width: 1093px;
  justify-content: flex-start;
  padding: 0 var(--padding-2xs);
  box-sizing: border-box;
  font-family: var(--font-barlow);
}
.day-number {
  width: 0;
  height: 22px;
  position: relative;
  font-weight: 600;
  display: inline-block;
}
.grid-day-cell {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-xl) var(--padding-49xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-cell {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 9px;
}
.grid-row {
  flex: 0.0749;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) 74px var(--padding-49xl) 76px;
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-cell1 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.grid-row1 {
  flex: 0.1001;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-cell2 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.grid-row2 {
  flex: 0.1001;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-cell3 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.grid-row3 {
  flex: 0.1001;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-cell4 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.grid-row4 {
  flex: 0.1001;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-cell5 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.grid-row5 {
  flex: 0.1001;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-days {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.div74 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 11px;
}
.wrapper18 {
  flex: 0.5215;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-54xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div75 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.wrapper19 {
  flex: 0.5694;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div76 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 12px;
}
.wrapper20 {
  flex: 0.5694;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-darkorange-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-53xl) var(--padding-49xl)
    var(--padding-56xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div77 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper21 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-51xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div78 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 18px;
}
.wrapper22 {
  flex: 0.8565;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-50xl) var(--padding-49xl)
    var(--padding-53xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div79 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 20px;
}
.wrapper23 {
  flex: 0.9522;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-52xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div80 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper24 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-48xl) var(--padding-49xl)
    var(--padding-52xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-days1 {
  position: absolute;
  top: 112.2px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.div81 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper25 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-51xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div82 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper26 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-51xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div83 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper27 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-51xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div84 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 20px;
}
.wrapper28 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-52xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div85 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper29 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-48xl) var(--padding-49xl)
    var(--padding-52xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div86 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.wrapper30 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-49xl) var(--padding-49xl)
    var(--padding-51xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.div87 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 24px;
}
.wrapper31 {
  flex: 1;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-47xl) var(--padding-49xl)
    var(--padding-50xl);
  min-width: 160px;
  max-width: 163px;
  min-height: 101px;
}
.grid-days2 {
  position: absolute;
  top: 224.4px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-3xs);
  max-width: 100%;
}
.div88 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 20px;
}
.grid-days3 {
  position: absolute;
  top: 336.6px;
  left: 0;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-49xl) var(--padding-5xs)
    var(--padding-52xl);
}
.div89 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days4 {
  position: absolute;
  top: 336.6px;
  left: 172.9px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div90 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days5 {
  position: absolute;
  top: 336.6px;
  left: 345.7px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div91 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days6 {
  position: absolute;
  top: 336.6px;
  left: 518.6px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div92 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days7 {
  position: absolute;
  top: 336.6px;
  left: 691.4px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-47xl) var(--padding-5xs)
    var(--padding-51xl);
}
.div93 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days8 {
  position: absolute;
  top: 336.6px;
  left: 864.3px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div94 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 22px;
}
.grid-days9 {
  position: absolute;
  top: 336.6px;
  left: 1037.1px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-51xl);
}
.div95 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days10 {
  position: absolute;
  top: 448.8px;
  left: 0;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div96 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 23px;
}
.grid-days11 {
  position: absolute;
  top: 448.8px;
  left: 172.9px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-48xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div97 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 24px;
}
.grid-days12 {
  position: absolute;
  top: 448.8px;
  left: 345.7px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-47xl) var(--padding-5xs)
    var(--padding-50xl);
}
.div98 {
  position: relative;
  font-weight: 600;
  display: inline-block;
  min-width: 21px;
}
.grid-days13 {
  position: absolute;
  top: 448.8px;
  left: 518.6px;
  border-radius: var(--br-5xs);
  background-color: var(--color-gray-600);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-49xl) var(--padding-5xs)
    var(--padding-51xl);
}
.text {
  width: 0;
  height: 22px;
  position: relative;
  font-weight: 600;
  display: inline-block;
}
.grid-days14 {
  position: absolute;
  top: 448.8px;
  left: 691.4px;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-xl);
}
.text1 {
  width: 0;
  height: 22px;
  position: relative;
  font-weight: 600;
  display: inline-block;
}
.grid-days15 {
  position: absolute;
  top: 448.8px;
  left: 864.3px;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-xl);
}
.text2 {
  width: 0;
  height: 22px;
  position: relative;
  font-weight: 600;
  display: inline-block;
}
.grid-days16 {
  position: absolute;
  top: 448.8px;
  left: 1037.1px;
  border-radius: var(--br-5xs);
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  box-sizing: border-box;
  width: 162.9px;
  height: 101.2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-xl);
}
.grid {
  align-self: stretch;
  height: 550px;
  position: relative;
  max-width: 100%;
  z-index: 1;
  font-size: var(--font-size-lg);
  color: var(--color-gray-200);
}
.i-p-o-button-background,
.i-p-o-button-background1 {
  height: 36px;
  flex: 1;
  position: relative;
  min-width: 107px;
}
.div99 {
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 500;
}
.i-p-o-button-background2 {
  height: 36px;
  flex: 1;
  position: relative;
  min-width: 107px;
}
.wrapper-arrow-5-child {
  align-self: stretch;
  height: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: contain;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform: scale(1.08);
}
.wrapper-arrow-5 {
  align-self: stretch;
  height: 29.5px;
  position: relative;
  max-width: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper-arrow-5-wrapper {
  height: 47.5px;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-lg) 0 0;
  box-sizing: border-box;
}
.i-p-o-button-background3 {
  height: 36px;
  width: 10px;
  position: relative;
}
.i-p-o-button-container {
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  padding: var(--padding-21xl) var(--padding-11xl) 28.5px;
  box-sizing: border-box;
  gap: 39.8px;
}
.calendar,
.i-p-o-button-container,
.ipo-button,
.k-o-l-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}
.ipo-button {
  width: 1000px;
  margin: 0 !important;
  position: absolute;
  bottom: -100px;
  left: calc(50% - 500px);
  border-radius: var(--br-41xl);
  background-color: var(--color-darkorange-200);
  border: 3px solid var(--color-white);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-11xs) 0;
  z-index: 2;
  text-align: justify;
  font-size: var(--font-size-11xl);
  color: var(--color-white);
}
.calendar,
.k-o-l-container {
  align-self: stretch;
  flex-direction: column;
}
.calendar {
  padding: var(--padding-9xl) 348px 164px 372px;
  box-sizing: border-box;
  position: relative;
  gap: 78px;
  background-image: url(./public/calendar@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  z-index: 1;
  font-size: 150px;
  color: transparent;
}
.k-o-l-container {
  gap: var(--gap-89xl);
  text-align: center;
}
.in-tasty-we,
.in-tasty-we1,
.in-tasty-we2 {
  height: 218px;
  letter-spacing: 0.03em;
  display: inline-block;
}
.in-tasty-we,
.in-tasty-we1 {
  width: 1615px;
  position: relative;
  max-width: 100%;
}
.in-tasty-we2 {
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: -485px;
}
.in-tasty-we-jep-parent,
.text-loop {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.in-tasty-we-jep-parent {
  width: 4560px;
  position: relative;
  gap: 100px;
  max-width: 238%;
}
.text-loop {
  width: 100%;
  height: 194px;
  margin: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  max-width: 100%;
  z-index: 1;
  font-size: var(--font-size-161xl);
  color: var(--color-darkorange-200);
}
.footer {
  align-self: stretch;
  height: 680px;
  position: relative;
  background-color: var(--color-darkslategray-200);
  display: none;
}
.tasty-money2 {
  color: var(--color-darkorange-100);
}
.tasty-money1 {
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 800;
}
.tasty-money3 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: 600;
}
.blank-line,
.p19,
.tasty-money-kol {
  margin: 0;
  font-weight: 500;
}
.tasty-money-container2 {
  width: 380px;
  position: relative;
  letter-spacing: 0.03em;
  line-height: 26px;
  display: inline-block;
  max-height: 236px;
  word-break: break-word;
}
.about-tasty-money,
.about-tasty-money-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.about-tasty-money-description {
  align-self: stretch;
  font-size: var(--font-size-base);
}
.about-tasty-money {
  width: 380px;
  gap: var(--gap-19xl);
  max-width: 100%;
}
.tasty-money4 {
  color: var(--color-darkorange-100);
}
.follow-tasty-money-container {
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 800;
}
.social-media-icon-background {
  height: 20px;
  width: 20px;
  position: relative;
  object-fit: contain;
}
.footer-yt-icon {
  height: 60px;
  width: 60px;
  border-radius: var(--br-11xl);
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl);
  box-sizing: border-box;
  cursor: pointer;
}
.youtube-channel {
  margin: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.tasty-money5 {
  margin: 0;
  font-size: var(--font-size-xl);
  letter-spacing: 0.03em;
  font-weight: 600;
}
.youtube-channel-tasty-container {
  flex: 1;
  position: relative;
  line-height: 30px;
  display: inline-block;
  min-width: 190px;
  cursor: pointer;
}
.social-media-icon-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.footer-fb-icon-child {
  height: 20px;
  width: 20px;
  position: relative;
  object-fit: contain;
}
.footer-fb-icon {
  height: 60px;
  width: 60px;
  border-radius: var(--br-11xl);
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl);
  box-sizing: border-box;
  cursor: pointer;
}
.facebook {
  margin: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.tastymoneyhk {
  margin: 0;
  font-size: var(--font-size-xl);
  letter-spacing: 0.03em;
  font-weight: 600;
}
.facebook-tastymoneyhk {
  flex: 1;
  position: relative;
  line-height: 30px;
  display: inline-block;
  min-width: 115px;
  cursor: pointer;
}
.social-media-icon-container1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.footer-ig-icon-child {
  height: 20px;
  width: 20px;
  position: relative;
  object-fit: contain;
}
.footer-ig-icon {
  height: 60px;
  width: 60px;
  border-radius: var(--br-11xl);
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-xl);
  box-sizing: border-box;
  cursor: pointer;
}
.instagram {
  margin: 0;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.tastymoneyoffical {
  margin: 0;
  font-size: var(--font-size-xl);
  letter-spacing: 0.03em;
  font-weight: 600;
}
.instagram-tastymoneyoffical {
  flex: 1;
  position: relative;
  line-height: 30px;
  display: inline-block;
  min-width: 151px;
  cursor: pointer;
}
.social-media-icon-container2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.social-media-icons {
  align-self: stretch;
  gap: var(--gap-11xl);
}
.follow-tasty-money,
.follow-tasty-money-icons,
.social-media-icons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.follow-tasty-money-icons {
  align-self: stretch;
  font-size: var(--font-size-smi);
}
.follow-tasty-money {
  width: 380px;
  gap: var(--gap-23xl);
  max-width: 100%;
}
.a,
.div100 {
  position: relative;
  letter-spacing: 0.03em;
  display: inline-block;
}
.a {
  font-weight: 800;
  color: inherit;
  text-decoration: none;
  min-width: 124px;
}
.div100 {
  line-height: 30px;
  font-weight: 500;
  min-width: 66px;
}
.category-cell {
  flex: 1;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.saas {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 41px;
}
.category-cell1 {
  width: 73px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div101 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 33px;
}
.category-cell2 {
  width: 65px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div102 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 66px;
}
.category-cell3,
.category-row {
  display: flex;
  flex-direction: row;
}
.category-cell3 {
  flex: 1;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.category-row {
  position: absolute;
  top: 0;
  left: 0;
  width: 358px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.div103 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 66px;
}
.category-row1 {
  width: 98px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div104 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 66px;
}
.category-row2 {
  width: 98px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div105 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 116px;
}
.category-row3 {
  flex: 1;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-sm);
}
.categories-container1 {
  position: absolute;
  top: 48px;
  left: 0;
  width: 359px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.ai {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 83px;
}
.ai-wrapper {
  flex: 1;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-sm);
}
.div106 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 33px;
}
.wrapper32 {
  width: 65px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div107 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 33px;
}
.wrapper33 {
  width: 65px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div108 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 33px;
}
.category-row4,
.wrapper34 {
  display: flex;
  flex-direction: row;
}
.wrapper34 {
  width: 65px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.category-row4 {
  position: absolute;
  top: 96px;
  left: 0;
  width: 333px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.div109 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 54px;
}
.category-row5 {
  position: absolute;
  top: 144px;
  left: 0;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 86px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div110 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 54px;
}
.category-row6 {
  position: absolute;
  top: 144px;
  left: 94px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 85px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-sm);
}
.div111 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 50px;
}
.category-row7 {
  position: absolute;
  top: 144px;
  left: 187px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 82px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div112 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 49px;
}
.category-row8 {
  position: absolute;
  top: 144px;
  left: 277px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-sm);
}
.div113 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 54px;
}
.category-row9 {
  position: absolute;
  top: 192px;
  left: 0;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 85px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-sm);
}
.div114 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 50px;
}
.category-row10 {
  position: absolute;
  top: 192px;
  left: 93px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 82px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.div115 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 49px;
}
.category-row11 {
  position: absolute;
  top: 192px;
  left: 183px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 80px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-sm);
}
.div116 {
  position: relative;
  letter-spacing: 0.03em;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  min-width: 54px;
}
.category-row12 {
  position: absolute;
  top: 192px;
  left: 271px;
  border-radius: var(--br-8xs);
  border: 1px solid var(--color-white);
  box-sizing: border-box;
  width: 86px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10xs) var(--padding-mini);
}
.categories-container {
  align-self: stretch;
  height: 232px;
  position: relative;
}
.hot-categories-list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-base);
}
.footer1,
.hot-categories {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.hot-categories {
  width: 380px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-19xl);
}
.footer1 {
  align-self: stretch;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-xl) var(--padding-221xl);
  box-sizing: border-box;
  gap: var(--gap-xl);
  z-index: 2;
}
.b5,
.contact-separator,
.infotastymoneyhk {
  position: relative;
  letter-spacing: 0.03em;
  display: inline-block;
  z-index: 2;
}
.b5 {
  font-size: var(--font-size-base);
  min-width: 66px;
}
.contact-separator,
.infotastymoneyhk {
  font-weight: 500;
  min-width: 100px;
  white-space: nowrap;
}
.infotastymoneyhk {
  min-width: 124px;
}
.contact-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.b6 {
  position: relative;
  font-size: var(--font-size-base);
  letter-spacing: 0.03em;
  line-height: 20px;
  z-index: 2;
}
.div117 {
  display: inline-block;
  min-width: 97px;
}
.div117,
.salestastymoneyhk {
  position: relative;
  letter-spacing: 0.03em;
  font-weight: 500;
  white-space: nowrap;
  z-index: 2;
}
.contact-item-container,
.contact-item1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.contact-item1 {
  flex: 1;
  flex-direction: column;
  gap: var(--gap-xs);
  min-width: 118px;
}
.contact-item-container {
  width: 375px;
  flex-direction: row;
  padding: 0 var(--padding-xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-31xl);
  max-width: 100%;
}
.footer-jm-icon {
  height: 36px;
  width: 36px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.program-icon-name {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-6xs);
}
.jep {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.morning {
  margin: 0;
}
.jep-morning1 {
  position: relative;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
}
.program-link-cell {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.footer-tm-icon {
  height: 36px;
  width: 36px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.footer-tm-icon-wrapper {
  width: 39px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-12xs);
  box-sizing: border-box;
}
.tasty9 {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.money {
  margin: 0;
}
.tasty-money6 {
  position: relative;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
}
.program-link-cell1,
.program-link-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.program-link-row {
  flex: 1;
  flex-direction: row;
  gap: var(--gap-xl);
  min-width: 71px;
}
.footer-tmq-icon {
  height: 36px;
  width: 36px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.program-link-row1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-xs);
}
.tasty10 {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.morning-q {
  margin: 0;
}
.tasty-morning-q-container1 {
  position: relative;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
}
.program-link-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.footer-tf-icon {
  width: 36px;
  height: 36px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.tasty12 {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.p20 {
  margin: 0;
}
.tasty11 {
  position: relative;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
}
.program-link-container1,
.tasty-wrapper3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.tasty-wrapper3 {
  flex-direction: row;
  padding: 0 var(--padding-12xs);
}
.program-link-container1 {
  flex-direction: column;
  gap: var(--gap-xs);
}
.footer-tw-icon {
  height: 36px;
  width: 36px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.footer-tw-icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-5xs);
}
.tasty13 {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.warrant {
  margin: 0;
}
.tasty-warrant1 {
  position: relative;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
}
.program-link-container2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.footer-tn-icon {
  width: 36px;
  height: 36px;
  position: relative;
  object-fit: cover;
  z-index: 2;
}
.p21 {
  margin-block-start: 0;
  margin-block-end: 2px;
}
.p22 {
  margin: 0;
}
.div118 {
  position: relative;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-weight: 500;
  z-index: 2;
}
.program-link-container3,
.program-links,
.wrapper35 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.wrapper35 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-11xs);
}
.program-link-container3,
.program-links {
  width: 36px;
  flex-direction: column;
  gap: var(--gap-xs);
}
.program-links {
  width: 375px;
  flex-direction: row;
  gap: var(--gap-xl);
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-3xs);
}
.div120 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div119 {
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.div122 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div121 {
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.div124 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div123,
.footer-link-container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.div123 {
  height: 17px;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.footer-link-container {
  flex-direction: column;
  gap: var(--gap-xs);
}
.div126 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div125 {
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.div128 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div127 {
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.div130 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div129,
.footer-link-container1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.div129 {
  height: 17px;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.footer-link-container1 {
  flex-direction: column;
  gap: var(--gap-xs);
}
.div132 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 101px;
  flex-shrink: 0;
}
.div131 {
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.div134 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 68px;
  flex-shrink: 0;
}
.div133 {
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.div136 {
  position: relative;
  letter-spacing: 0.2em;
  font-weight: 600;
  display: inline-block;
  min-width: 101px;
  flex-shrink: 0;
}
.div135,
.footer-link-container2 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.div135 {
  height: 17px;
  flex-direction: row;
  padding: 0;
  box-sizing: border-box;
  z-index: 2;
}
.footer-link-container2 {
  flex-direction: column;
  gap: var(--gap-xs);
}
.contact-info-items,
.footer-links {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: 100%;
}
.footer-links {
  justify-content: flex-start;
  gap: var(--gap-51xl);
  font-size: var(--font-size-sm);
}
.contact-info-items {
  align-self: stretch;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.tasty-money-all {
  position: relative;
  letter-spacing: 0.1em;
  line-height: 26px;
  z-index: 2;
}
.copyright {
  width: 1415px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
}
.contact-info-container {
  width: 1428px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-26xl);
  max-width: 100%;
}
.contact-info {
  width: 1908px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  font-size: var(--font-size-xs);
}
.footer-parent,
.landing-page,
.orange-banner-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.footer-parent {
  align-self: stretch;
  background-color: var(--color-darkslategray-200);
  align-items: flex-start;
  padding: var(--padding-41xl) 0 var(--padding-15xl);
  box-sizing: border-box;
  gap: var(--gap-63xl);
  max-width: 100%;
  z-index: 1;
  font-size: var(--font-size-11xl);
}
.landing-page,
.orange-banner-parent {
  position: relative;
}
.orange-banner-parent {
  align-self: stretch;
  align-items: flex-start;
  padding: var(--padding-131xl) 0 0;
  box-sizing: border-box;
  gap: 170px;
  max-width: 100%;
  text-align: justify;
}
.landing-page {
  width: 100%;
  background-color: var(--color-white);
  overflow: hidden;
  align-items: flex-end;
  gap: var(--gap-xl);
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  font-size: var(--font-size-17xl);
  color: var(--color-white);
  font-family: var(--font-inter);
}
@media screen and (max-width: 1825px) {
  .top-menu {
    flex-wrap: wrap;
  }
  .froyo-drool,
  .simpsons {
    display: none;
    max-width: 100%;
  }
  .membership-title {
    flex-wrap: wrap;
    justify-content: center;
  }
  .k-o-l-items {
    justify-content: center;
    grid-template-columns: repeat(3, minmax(180px, 312px));
  }
  .in-tasty-we-jep-parent {
    flex-wrap: wrap;
  }
  .text-loop {
    height: auto;
  }
  .footer1 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1350px) {
  .live-bar1 {
    flex-wrap: wrap;
  }
  .news-banner-icon {
    flex: 1;
  }
  .news-banner-loop {
    flex-wrap: wrap;
    padding-left: var(--padding-xl);
    padding-top: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .instant-news-list {
    flex: 1;
  }
  .landing-news-list {
    flex-wrap: wrap;
  }
  .grey-banner-parent {
    padding-bottom: 122px;
    box-sizing: border-box;
  }
  .k-o-l-items,
  .video-cover {
    padding-left: var(--padding-96xl);
    padding-right: var(--padding-96xl);
    box-sizing: border-box;
  }
  .k-o-l-items {
    padding-left: var(--padding-38xl);
    padding-right: var(--padding-38xl);
  }
  .grid-days,
  .grid-days1 {
    flex-wrap: wrap;
  }
  .grid {
    height: auto;
    min-height: 550;
  }
  .calendar {
    gap: var(--gap-20xl);
    padding: var(--padding-xl) var(--padding-155xl) 107px 186px;
    box-sizing: border-box;
  }
  .k-o-l-container {
    gap: var(--gap-35xl);
  }
  .footer1 {
    padding-left: var(--padding-101xl);
    padding-right: var(--padding-101xl);
    box-sizing: border-box;
  }
  .contact-info-items {
    flex-wrap: wrap;
  }
  .footer-parent {
    gap: var(--gap-22xl);
  }
  .orange-banner-parent {
    gap: 85px;
    padding-top: var(--padding-44xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 925px) {
  .div {
    font-size: var(--font-size-29xl);
  }
  .top-menu-container {
    flex-wrap: wrap;
    padding-right: var(--padding-4xl);
    box-sizing: border-box;
  }
  .financial-column-container {
    flex-wrap: wrap;
  }
  .top-menu {
    gap: var(--gap-6xl);
  }
  .f {
    font-size: var(--font-size-5xl);
  }
  .home {
    padding-bottom: 117px;
    box-sizing: border-box;
  }
  .tasty1 {
    font-size: var(--font-size-29xl);
  }
  .shortcut {
    gap: var(--gap-11xl);
  }
  .div33 {
    font-size: var(--font-size-29xl);
  }
  .u8suv {
    font-size: var(--font-size-8xl);
  }
  .market-analysis-container {
    padding-top: var(--padding-101xl);
    padding-bottom: var(--padding-13xl);
    box-sizing: border-box;
  }
  .news-photo-hover-container {
    flex-wrap: wrap;
    gap: var(--gap-6xl);
  }
  .instant-news-list,
  .landing-news-items {
    min-width: 100%;
  }
  .landing-news-list,
  .news-banner-container {
    gap: var(--gap-6xl);
  }
  .tasty2 {
    font-size: var(--font-size-29xl);
  }
  .news-container {
    gap: var(--gap-26xl);
  }
  .grey-banner-parent {
    gap: var(--gap-xl);
    padding-bottom: 79px;
    box-sizing: border-box;
  }
  .froyo-drool,
  .simpsons {
    padding-bottom: var(--padding-22xl);
    box-sizing: border-box;
  }
  .simpsons {
    padding-bottom: var(--padding-41xl);
  }
  .video-cover {
    gap: var(--gap-6xl);
    padding-left: var(--padding-38xl);
    padding-right: var(--padding-38xl);
    box-sizing: border-box;
  }
  .more-videos-button-container {
    gap: var(--gap-11xl);
  }
  .youtube1 {
    font-size: var(--font-size-5xl);
  }
  .membership-video {
    gap: var(--gap-xl);
  }
  .tastymoney-yeah {
    font-size: var(--font-size-5xl);
  }
  .tastymoney-yeah-parent {
    flex-wrap: wrap;
  }
  .join-membership-button {
    gap: var(--gap-mini);
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
    box-sizing: border-box;
  }
  .membership-container {
    gap: var(--gap-19xl);
    padding-bottom: var(--padding-72xl);
    box-sizing: border-box;
  }
  .b,
  .b1,
  .b2,
  .b3,
  .b4,
  .benny3 {
    font-size: var(--font-size-10xl);
  }
  .k-o-l-items {
    gap: var(--gap-6xl);
    padding-left: var(--padding-9xl);
    padding-right: var(--padding-9xl);
    box-sizing: border-box;
    grid-template-columns: repeat(2, minmax(180px, 312px));
  }
  .calendar-month-year {
    font-size: var(--font-size-41xl);
  }
  .calendar-header {
    flex-wrap: wrap;
  }
  .div99 {
    font-size: var(--font-size-5xl);
  }
  .calendar {
    gap: var(--gap-lgi);
    padding-left: 93px;
    padding-right: var(--padding-68xl);
    padding-bottom: var(--padding-51xl);
    box-sizing: border-box;
  }
  .k-o-l-container {
    gap: var(--gap-8xl);
  }
  .in-tasty-we,
  .in-tasty-we1,
  .in-tasty-we2 {
    font-size: var(--font-size-53xl);
  }
  .in-tasty-we-jep-parent {
    gap: var(--gap-31xl);
  }
  .a,
  .follow-tasty-money-container,
  .tasty-money1 {
    font-size: var(--font-size-5xl);
  }
  .footer1 {
    padding-left: var(--padding-41xl);
    padding-right: var(--padding-41xl);
    box-sizing: border-box;
  }
  .contact-info-container {
    gap: var(--gap-3xl);
  }
  .footer-parent {
    gap: var(--gap-xl);
    padding-top: var(--padding-20xl);
    padding-bottom: var(--padding-3xl);
    box-sizing: border-box;
  }
  .orange-banner-parent {
    gap: var(--gap-23xl);
    padding-top: var(--padding-22xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .div {
    font-size: var(--font-size-17xl);
  }
  .youtube {
    font-size: var(--font-size-base);
  }
  .program-review {
    flex-wrap: wrap;
    gap: var(--gap-xl);
  }
  .content {
    padding-bottom: 162px;
    box-sizing: border-box;
  }
  .f {
    font-size: var(--font-size-lg);
  }
  .social-buttons {
    gap: 152px;
  }
  .tasty1 {
    font-size: var(--font-size-17xl);
  }
  .div19,
  .div21,
  .div22,
  .div24,
  .div25,
  .div26,
  .div28,
  .div29,
  .div31,
  .div32 {
    font-size: var(--font-size-2xl);
    line-height: 26px;
  }
  .div33 {
    font-size: var(--font-size-17xl);
  }
  .u8suv {
    font-size: var(--font-size-xl);
  }
  .news-navigation {
    flex-wrap: wrap;
  }
  .next-generation-500 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-parent {
    flex-wrap: wrap;
  }
  .div39 {
    font-size: var(--font-size-base);
    line-height: 19px;
  }
  .frame-container {
    flex-wrap: wrap;
  }
  .div45 {
    font-size: var(--font-size-lgi);
  }
  .div64 {
    font-size: var(--font-size-base);
  }
  .tasty2 {
    font-size: var(--font-size-17xl);
  }
  .news-container {
    gap: var(--gap-3xl);
  }
  .grey-banner-parent {
    padding-bottom: var(--padding-32xl);
    box-sizing: border-box;
  }
  .div65,
  .simpsons-svb {
    font-size: var(--font-size-lgi);
  }
  .video-cover {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .div66 {
    font-size: var(--font-size-base);
  }
  .youtube1 {
    font-size: var(--font-size-lg);
  }
  .div67,
  .div68,
  .div69 {
    font-size: var(--font-size-base);
  }
  .tastymoney-yeah {
    font-size: var(--font-size-lg);
  }
  .membership-container {
    gap: var(--gap-lgi);
  }
  .benny3 {
    font-size: var(--font-size-3xl);
  }
  .tasty7 {
    font-size: var(--font-size-lgi);
  }
  .b {
    font-size: var(--font-size-3xl);
  }
  .div70 {
    font-size: var(--font-size-lgi);
  }
  .b1 {
    font-size: var(--font-size-3xl);
  }
  .tasty-money-container1 {
    font-size: var(--font-size-lgi);
  }
  .b2 {
    font-size: var(--font-size-3xl);
  }
  .div71 {
    font-size: var(--font-size-lgi);
  }
  .b3 {
    font-size: var(--font-size-3xl);
  }
  .div72 {
    font-size: var(--font-size-lgi);
  }
  .b4 {
    font-size: var(--font-size-3xl);
  }
  .tasty8 {
    font-size: var(--font-size-lgi);
  }
  .k-o-l-items {
    grid-template-columns: minmax(180px, 1fr);
  }
  .calendar-month-year {
    font-size: 37px;
  }
  .calendar-buttons {
    flex-wrap: wrap;
  }
  .grid-row,
  .grid-row1,
  .grid-row2,
  .grid-row3,
  .grid-row4,
  .grid-row5,
  .wrapper18,
  .wrapper19,
  .wrapper20,
  .wrapper22,
  .wrapper23 {
    flex: 1;
  }
  .div99 {
    font-size: var(--font-size-lg);
  }
  .in-tasty-we,
  .in-tasty-we1,
  .in-tasty-we2 {
    font-size: var(--font-size-26xl);
  }
  .in-tasty-we-jep-parent {
    gap: var(--gap-6xl);
  }
  .tasty-money1 {
    font-size: var(--font-size-lg);
  }
  .about-tasty-money {
    gap: var(--gap-lgi);
  }
  .follow-tasty-money-container {
    font-size: var(--font-size-lg);
  }
  .social-media-icon-container,
  .social-media-icon-container1,
  .social-media-icon-container2 {
    flex-wrap: wrap;
  }
  .follow-tasty-money {
    gap: var(--gap-2xl);
  }
  .a {
    font-size: var(--font-size-lg);
  }
  .hot-categories {
    gap: var(--gap-lgi);
  }
  .contact-item-container {
    flex-wrap: wrap;
    gap: var(--gap-6xl);
  }
  .footer-links,
  .program-links {
    flex-wrap: wrap;
  }
  .footer-links {
    gap: var(--gap-16xl);
  }
}