* {
  box-sizing: border-box;
  outline: none;
  font-family:
    "Exo",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: none;
  text-decoration: none;
  border: none;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  overflow-wrap: break-word;
  color: var(--Text-100);
}

h1 {
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.2px;
}

h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  text-transform: capitalize;
}

@media screen and (min-width: 1200px) {
  h2 {
    font-size: 40px;
    line-height: 48px;
  }
}

h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

@media screen and (min-width: 1200px) {
  h3 {
    font-size: 32px;
    line-height: 40px;
  }
}

h4 {
  font-size: 24px;
  line-height: 32px;
}

p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  overflow-wrap: break-word;
}

s {
  text-decoration: line-through;
}

a {
  color: var(--text-color);
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 72px;
}

body {
  margin-top: 128px;
  font-size: 16px;
  line-height: 24px;
  background-color: var(--main-theme-color);
  color: var(--text-color);
}

@media screen and (min-width: 768px) {
  body {
    margin-top: 72px;
  }
}

.joe-fortune-nfvaxr {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-nfvaxr {
    max-width: 752px;
  }
}

@media screen and (min-width: 1200px) {
  .joe-fortune-nfvaxr {
    padding: 0 16px;
    max-width: 1248px;
  }
}

.joe-fortune-4su70k {
  overflow: hidden;
}

.joe-fortune-z36aek img {
  background: var(--Neutral-300);
}

.joe-fortune-0ac8yj {
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  line-height: 20px;
  padding: 9px 15px;
  color: var(--button-text-color);
  border-radius: 16px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}

.joe-fortune-k4ws7u {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
}

.joe-fortune-k4ws7u:hover {
  background: var(--button-bg-hover);
}

.joe-fortune-t4otcd {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.joe-fortune-t4otcd:hover {
  background: var(--button-bg-hover);
}

.joe-fortune-kcnsgi {
  font-size: 12px;
  line-height: 18px;
}

.joe-fortune-736fl1 {
  font-size: 18px;
  line-height: 26px;
}

.joe-fortune-9jqmyl {
  width: 100%;
}

.joe-fortune-qkg46q {
  padding: 6px 16px;
}

.joe-fortune-0z7wrw {
  padding: 10px 16px;
}

.joe-fortune-z8knuy {
  padding: 15px 26px;
}

.joe-fortune-b7oo7v {
  flex-shrink: 0;
}

.joe-fortune-yqzovw {
  box-shadow:
    0 1px 33px 0 rgba(var(--Primary-200-rgb), 0.2),
    0 1px 22px 0 rgba(var(--Primary-200-rgb), 0.3);
}

.joe-fortune-w2p1lv {
  display: none;
}

.joe-fortune-77yt3t {
  position: relative;
  width: 100%;
  margin: 0 auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.joe-fortune-rx5f03 {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.joe-fortune-5bj4xg {
  display: flex;
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  scroll-behavior: smooth;
  cursor: grab;
  padding-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.joe-fortune-tpph25 {
  cursor: grab;
}

.joe-fortune-5bj4xg::-webkit-scrollbar {
  display: none;
}

.joe-fortune-9r4oea {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  scroll-snap-align: start;
}

.joe-fortune-4pqcn8 {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 40px;
  pointer-events: none;
}

.joe-fortune-3lrql5 {
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.joe-fortune-qvul8l {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  visibility: hidden;
}

.joe-fortune-c3bjpl {
  visibility: visible;
}

.joe-fortune-9ot1ea {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--Text-400);
  border-radius: 8px;
  cursor: pointer;
  transition: 0.joe-fortune-nwqtpz ease;
}

.joe-fortune-pqjxfu {
  background-color: var(--Primary-200);
  width: 16px;
}

.joe-fortune-6ycu6r {
  -webkit-mask-image: linear-gradient(
    to right,
    var(--Neutral-300) 96%,
    transparent
  );
  mask-image: linear-gradient(to right, var(--Neutral-300) 96%, transparent);
  transition:
    -webkit-mask-image 0.joe-fortune-nwqtpz,
    mask-image 0.3s;
}

.joe-fortune-6ycu6r.joe-fortune-rjux2z {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

main {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  gap: 48px;
}

@media (min-width: 768px) {
  main {
    gap: 56px;
  }
}

.joe-fortune-htic7z:not([hidden]) {
  position: fixed;
  background: var(--neutral-30060);
  backdrop-filter: blur(8px);
  inset: 0;
  z-index: 1100;
  padding: 16px;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
}

.joe-fortune-fj92n0 {
  cursor: pointer;
  display: block;
  border: none;
  width: 22px;
  height: 22px;
  background-color: var(--Neutral-50);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg'%3E%3Cpath d='M21 1L1 21M1 1L21 21' stroke='%23F0E1DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  mask: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg'%3E%3Cpath d='M21 1L1 21M1 1L21 21' stroke='%23F0E1DF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}

.joe-fortune-404ha3 {
  border-radius: 24px;
  background: var(--Neutral-400);
  padding: 40px 24px 40px;
  position: relative;
  text-align: center;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
  box-shadow: 0 12px 24px 0 rgba(191, 191, 191, 0.2);
}

.joe-fortune-404ha3::before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300, #53109f) 0%,
    var(--neutral-30080, rgba(21, 24, 41, 0.75)) 49.52%
  );
}

.joe-fortune-5hce4o {
  position: relative;
  z-index: 1;
}

.joe-fortune-848ed9 {
  color: var(--Text-100);
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.joe-fortune-hbf0jm {
  color: var(--Text-100);
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: capitalize;
  margin: 4px 0;
  overflow-wrap: break-word;
}

.joe-fortune-0c5t86 {
  font-size: 40px;
  line-height: 48px;
}

.joe-fortune-uhh650 {
  color: var(--Text-200);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.joe-fortune-14bv4g {
  border-radius: 16px;
  background: var(--Primary-200);
  color: var(--Text-00);
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  padding: 15px 16px;
  align-content: center;
  display: block;
  width: 100%;
  margin-top: 24px;
  cursor: pointer;
  text-transform: capitalize;
  transition: 0.3s;
}

.joe-fortune-14bv4g:hover {
  background: var(--Primary-400);
}

.joe-fortune-14bv4g svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  pointer-events: none;
  touch-action: none;
}

.joe-fortune-htic7z img {
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  object-fit: cover;
  pointer-events: none;
  touch-action: none;
  z-index: 0;
}

@media screen and (min-width: 768px) {
  .joe-fortune-404ha3 {
    max-width: 600px;
    padding: 64px;
  }

  .joe-fortune-848ed9 {
    font-size: 24px;
    line-height: 32px;
  }

  .joe-fortune-hbf0jm {
    font-size: 72px;
    line-height: 88px;
    margin: 4px 0;
  }

  .joe-fortune-0c5t86 {
    font-size: 50px;
    line-height: 56px;
  }

  .joe-fortune-uhh650 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
  }

  .joe-fortune-fj92n0 {
    top: 25px;
    right: 25px;
  }
}

.joe-fortune-rkzub7,
.joe-fortune-2t9yt3 {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
  padding: 16px 14px;
}

.joe-fortune-4wh4js.joe-fortune-zt33um::before,
.joe-fortune-2t9yt3::before,
.joe-fortune-01n2kj::before {
  display: block;
  aspect-ratio: 1/1;
  background: no-repeat center/contain rgba(0, 0, 0, 0)
    url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.joe-fortune-fed8um 14.joe-fortune-kb004d.joe-fortune-9ia72n 14.joe-fortune-tlvrmq 15.joe-fortune-bqb2g8 14.joe-fortune-rw6upj 15.joe-fortune-2c7g6w 14.joe-fortune-6gnf9n.joe-fortune-3z0hh0 14.joe-fortune-ljjsrw 19.joe-fortune-xbitnq 12.joe-fortune-wsyodb 19.joe-fortune-xbitnq 10.joe-fortune-m5drc6.joe-fortune-xbitnq 8.joe-fortune-qis7y0 17.joe-fortune-fwl2vr 7.joe-fortune-3tvvzw 15.joe-fortune-p8n37b 7.joe-fortune-jsqqnx.joe-fortune-4822w6 7.joe-fortune-3tvvzw 11.joe-fortune-l24idm 8.joe-fortune-qis7y0 11.joe-fortune-l24idm 10.joe-fortune-f66cxq.joe-fortune-l24idm 12.joe-fortune-q3r248 13.joe-fortune-qfr236 14.joe-fortune-xr6k9a 15.joe-fortune-p3daog 14.joe-fortune-598dhj.joe-fortune-ol7pdy 14.joe-fortune-face18 15.joe-fortune-4qhize 14.joe-fortune-f2cd3a 15.joe-fortune-7vhftc 14.joe-fortune-xu4hau.joe-fortune-fed8um 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.joe-fortune-d9o5y1 15.joe-fortune-fl6e8m.joe-fortune-zagl0y 15.joe-fortune-loczop 15.joe-fortune-lqy18y 15.joe-fortune-mw6krj 15.joe-fortune-c6xagf 15.joe-fortune-1c6gs2.joe-fortune-bwnp6v 15.joe-fortune-mw6krj 15.joe-fortune-waagwb 15.joe-fortune-sd0kji 15.joe-fortune-mblqzn 15.joe-fortune-tb7x5f.joe-fortune-5msdp9 15.joe-fortune-pm12qy 7.joe-fortune-xdmwvr 18.joe-fortune-l9wj7g 7.joe-fortune-fsmv74 23.joe-fortune-ve2c3a.joe-fortune-ub920a.joe-fortune-eya9pc 18.joe-fortune-0i7o65 19.joe-fortune-hgq3uc 15.joe-fortune-r7pet8 15.joe-fortune-d9o5y1 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A");
}

.joe-fortune-6arte6 [type="submit"] *,
.joe-fortune-r0a71r button * {
  pointer-events: none;
  touch-action: none;
}

@media screen and (max-width: 767px) {
  body:has(.pc61d126-chatbot-window[aria-hidden="false"]) .joe-fortune-dilxyn {
    display: none;
  }
}

.joe-fortune-424m6q {
  position: fixed;
  right: 20px;
  bottom: 8px;
  z-index: 992;
  color: var(--Neutral-50);
}

body:has(header nav.open) .joe-fortune-424m6q {
  display: none;
}

@media (min-width: 768px) {
  .joe-fortune-424m6q {
    bottom: 22px;
  }
}

.joe-fortune-424m6q input {
  font-family: inherit;
}

@media (max-width: 767px) {
  body:has(.pc61d126-floating-bar-wrapper) .joe-fortune-424m6q {
    bottom: calc(var(--floating-bar-height) + 8px);
  }
}

@media (max-width: 767px) {
  body:has(.joe-fortune-v1wpvn.static) .joe-fortune-424m6q {
    bottom: 8px;
  }
}

.joe-fortune-bq2y31 {
  width: 80px;
  height: 80px;
  cursor: pointer;
  border: 1px solid var(--Primary-100);
  background: no-repeat center/40px var(--Primary-200)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.joe-fortune-9ki4j2 3.joe-fortune-e9iiwo.joe-fortune-ce5eg0.joe-fortune-0my3sd 3.joe-fortune-4yr1zi 3.joe-fortune-4qslra 5.joe-fortune-dkcn3c 3.joe-fortune-4qslra 8.joe-fortune-lt9jm2.joe-fortune-ni3s1p.joe-fortune-4qslra 26.joe-fortune-f84pvq 5.joe-fortune-l1884x 28.joe-fortune-xvhf5t 8.joe-fortune-4envf1 28.joe-fortune-7fxita.joe-fortune-glg1ry 28.joe-fortune-kchx9z.joe-fortune-gfd4xg 34.joe-fortune-0i1pk8.joe-fortune-b41neh 36.joe-fortune-zlkbmy 11.joe-fortune-cxo40z 37.joe-fortune-c492ip 12.joe-fortune-w9oq93 36.joe-fortune-xlzbqi.joe-fortune-vpjj0b 28.joe-fortune-zjvmf9.joe-fortune-0b0rqg.joe-fortune-vhwmad 28.joe-fortune-ox7udg 36.joe-fortune-w7jp1v 26.joe-fortune-u70cex 36.joe-fortune-w7jp1v 23.joe-fortune-apurwx.joe-fortune-xv1yt5.joe-fortune-w7jp1v 5.joe-fortune-wdp5t0 34.joe-fortune-2pghv1 3.joe-fortune-4yr1zi 31.joe-fortune-9ki4j2 3.joe-fortune-9x6s93.joe-fortune-obgfo9 18.joe-fortune-pzvjv0.joe-fortune-rrvvbo 18.joe-fortune-rz1acx 8.joe-fortune-elki49 17.joe-fortune-wem7j6 8.joe-fortune-elki49 15.joe-fortune-z5ie4k.joe-fortune-elki49 14.joe-fortune-868y52 9.joe-fortune-rrvvbo 13.joe-fortune-tndktu 11.joe-fortune-obgfo9 13.joe-fortune-y6irpj.joe-fortune-k5v1r0 13.joe-fortune-tndktu 13.joe-fortune-97w8zn 14.joe-fortune-868y52 13.joe-fortune-97w8zn 15.joe-fortune-z8442v.joe-fortune-97w8zn 17.joe-fortune-wem7j6 12.joe-fortune-k5v1r0 18.joe-fortune-rz1acx 11.joe-fortune-obgfo9 18.joe-fortune-dpxld7.joe-fortune-9pbpzr 18.joe-fortune-g1xa1b.joe-fortune-0a183y 18.joe-fortune-rz1acx 17.joe-fortune-n1wrv6 17.joe-fortune-wem7j6 17.joe-fortune-n1wrv6 15.joe-fortune-61ta39.joe-fortune-n1wrv6 14.joe-fortune-868y52 18.joe-fortune-0a183y 13.joe-fortune-tndktu 20.joe-fortune-9pbpzr 13.joe-fortune-3s4rav.joe-fortune-n1biyd 13.joe-fortune-tndktu 22.joe-fortune-fxxdok 14.joe-fortune-868y52 22.joe-fortune-fxxdok 15.joe-fortune-23a8m8.joe-fortune-uwhha2 17.joe-fortune-wem7j6 21.joe-fortune-n1biyd 18.joe-fortune-rz1acx 20.joe-fortune-9pbpzr 18.joe-fortune-as0y3x.joe-fortune-04mu3b 18.joe-fortune-gajfm0.joe-fortune-ukzsac 18.joe-fortune-rz1acx 26.joe-fortune-x7jtmi 17.joe-fortune-wem7j6 26.joe-fortune-x7jtmi 15.joe-fortune-i4fo0w.joe-fortune-x7jtmi 14.joe-fortune-868y52 27.joe-fortune-ukzsac 13.joe-fortune-tndktu 28.joe-fortune-04mu3b 13.joe-fortune-y14zxz.joe-fortune-nvvs7e 13.joe-fortune-tndktu 31.joe-fortune-thyh0r 14.joe-fortune-868y52 31.joe-fortune-thyh0r 15.joe-fortune-bdysjs.joe-fortune-x7jtmi 17.joe-fortune-wem7j6 30.joe-fortune-nvvs7e 18.joe-fortune-rz1acx 28.joe-fortune-04mu3b 18.5087Z' fill='%23F7F7F7'/%3E%3C/svg%3E");
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  body:has(.pc61d126-chatbot-window[aria-hidden="false"])
    .joe-fortune-bq2y31 {
    display: none;
  }
}

.joe-fortune-nt7b89 {
  position: fixed;
  inset: 0;
  z-index: 101;
  background: var(--Neutral-400);
  box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
  overscroll-behavior: contain;
  overflow: auto;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

@media screen and (min-width: 768px) {
  .joe-fortune-nt7b89 {
    inset: auto 24px 24px auto;
    width: 448px;
    height: 600px;
    border-radius: 24px;
    border: 1px solid var(--Neutral-200);
    box-shadow: 0 12px 24px 0 rgba(191, 191, 191, 0.16);
  }
}

.pc61d126-chatbot-window[aria-hidden="true"] {
  display: none;
}

.joe-fortune-r0a71r {
  border-bottom: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  color: var(--Text-300);
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0;
}

@media (min-width: 768px) {
  .joe-fortune-r0a71r {
    padding: 14px 16px;
  }
}

.joe-fortune-r0a71r button {
  border: none;
  background: none;
  cursor: pointer;
  align-content: center;
  color: var(--Neutral-50);
}

.joe-fortune-r0a71r button:first-child {
  align-content: end;
}

.joe-fortune-r0a71r button:first-of-type {
  display: none;
}

.pc61d126-chatbot[data-active-screen="2"]
  .joe-fortune-r0a71r
  button:first-of-type,
.pc61d126-chatbot[data-active-screen="3"]
  .joe-fortune-r0a71r
  button:first-of-type {
  display: initial;
  width: 44px;
  height: 16px;
}

.joe-fortune-r0a71r button:first-of-type svg {
  width: 30px;
  height: 30px;
}

.joe-fortune-r0a71r button:last-child svg {
  width: 38px;
  height: 38px;
}

.joe-fortune-01n2kj {
  flex: 1 1;
  align-content: center;
  display: flex;
  align-items: center;
  gap: 10px;
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  opacity: 0;
  visibility: hidden;
}

.joe-fortune-01n2kj::before {
  content: "";
  width: 48px;
}

.pc61d126-chatbot[data-active-screen="2"] .joe-fortune-01n2kj,
.pc61d126-chatbot[data-active-screen="3"]
  .joe-fortune-01n2kj {
  opacity: 1;
  visibility: visible;
}

.joe-fortune-n38xby {
  flex: 1 1;
}

.joe-fortune-t8b0qk {
  display: none;
  padding: 64px 16px 16px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-t8b0qk {
    padding: 24px;
  }
}

.pc61d126-chatbot[data-active-screen="1"] .joe-fortune-bedgi1 {
  display: block;
}

.joe-fortune-6gc95p {
  color: var(--Text-100);
  font-feature-settings: "liga" off;
  font-weight: 700;
  margin-bottom: 24px;
  font-size: 40px;
  line-height: 48px;
  text-transform: capitalize;
}

@media screen and (min-width: 768px) {
  .joe-fortune-6gc95p {
    margin-top: 41px;
    font-size: 48px;
    line-height: 56px;
  }
}

.joe-fortune-2t9yt3 {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "avatar name" "button button";
  row-gap: 16px;
  column-gap: 12px;
  padding: 10px 14px;
}

.joe-fortune-2t9yt3::before {
  content: "";
  grid-area: avatar;
  width: 50px;
  height: 50px;
  align-self: center;
}

.joe-fortune-n1abkd span {
  color: var(--Text-300);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  line-height: 16px;
}

.joe-fortune-n1abkd p {
  color: var(--Text-100);
}

.joe-fortune-2t9yt3 .joe-fortune-v9kixv {
  grid-area: button;
}

.joe-fortune-2t9yt3 .joe-fortune-v9kixv::after {
  content: "";
  display: inline-block;
  vertical-align: sub;
  margin-left: 8px;
  width: 20px;
  height: 20px;
  background: no-repeat center/contain rgba(0, 0, 0, 0)
    url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg'%3E%3Cpath d='M4.joe-fortune-9ugcd1 10H16.3327' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.joe-fortune-mqk2fo 15L16.joe-fortune-mqk2fo 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.joe-fortune-mqk2fo 5L16.joe-fortune-mqk2fo 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pc61d126-chatbot[data-active-screen="2"] .joe-fortune-snfty7 {
  display: block;
}

.joe-fortune-7eckvi {
  color: var(--Text-100);
  font-feature-settings: "liga" off;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .joe-fortune-7eckvi {
    margin-top: 40px;
  }
}

.joe-fortune-rkzub7 label,
.joe-fortune-rkzub7 input {
  display: block;
  width: 100%;
}

.joe-fortune-rkzub7 label {
  margin-bottom: 16px;
  color: var(--Text-100);
  font-size: 14px;
  line-height: 20px;
}

.joe-fortune-rkzub7 label.joe-fortune-xqkhkz input {
  border: 1px solid var(--Accent-100);
  padding: 16px;
}

.joe-fortune-rkzub7 label.joe-fortune-xqkhkz::after {
  content: attr(data-error);
  display: block;
  color: var(--Accent-100);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

.joe-fortune-rkzub7 input {
  color: var(--Text-100);
  border-radius: 16px;
  background: var(--Neutral-400);
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  padding: 17px 16px;
  margin-top: 4px;
}

.joe-fortune-rkzub7 input::placeholder {
  color: var(--Text-400);
}

.joe-fortune-5p8p74 {
  padding: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.pc61d126-chatbot[data-active-screen="3"] .joe-fortune-5p8p74 {
  display: flex;
}

.joe-fortune-5p8p74 ol {
  list-style: none;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  height: calc(100vh - 170px);
}

@media screen and (min-width: 768px) {
  .joe-fortune-5p8p74 ol {
    height: 420px;
    padding: 24px;
  }
}

.joe-fortune-5p8p74 ol a {
  cursor: pointer;
  color: var(--Primary-100);
}

.joe-fortune-6arte6 {
  flex: 0 0;
  position: relative;
  padding: 0 16px 16px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-6arte6 {
    padding: 0 24px 24px;
  }
}

.joe-fortune-6arte6 input {
  display: block;
  width: 100%;
  padding: 16px 44px 16px 16px;
  border-radius: 24px;
  background: var(--Neutral-300);
  color: var(--Text-100);
  font-size: 16px;
  line-height: 24px;
}

.joe-fortune-6arte6 input::placeholder {
  color: var(--Text-400);
}

.joe-fortune-6arte6 [type="submit"] {
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 32px;
  width: 22px;
  height: 22px;
}

.joe-fortune-6arte6 [type="submit"]:disabled {
  opacity: 0.5;
}

.joe-fortune-6arte6 [type="submit"] svg {
  color: var(--Neutral-50);
}

@media screen and (min-width: 768px) {
  .joe-fortune-6arte6 [type="submit"] {
    right: 40px;
  }
}

.joe-fortune-4wh4js {
  margin-bottom: 16px;
  color: var(--Primary-100);
}

.joe-fortune-4wh4js.joe-fortune-zt33um {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 12px;
  color: var(--Text-100);
  align-items: flex-end;
}

.joe-fortune-4wh4js.joe-fortune-zt33um::before {
  content: "";
  width: 31px;
}

.joe-fortune-4wh4js.joe-fortune-zt33um p {
  border-radius: 24px;
  border: 1px solid var(--Neutral-300);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.joe-fortune-4wh4js.joe-fortune-xo1cp8 p {
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
}

.joe-fortune-4wh4js p {
  padding: 15px 14px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.joe-fortune-424m6q .joe-fortune-v9kixv {
  border-radius: 16px;
  background: var(--Primary-200);
  text-align: center;
  padding: 9px;
  color: var(--Text-00);
  font-feature-settings: "liga" off;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  width: 100%;
  cursor: pointer;
}

@media (max-width: 767px) {
  body:has(header.mobile-menu) {
    overflow: hidden;
  }
}

.joe-fortune-dilxyn {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .joe-fortune-dilxyn {
    padding: 16px 0;
    background: var(--fh-bg-color);
  }
}

@media (min-width: 1200px) {
  .joe-fortune-dilxyn {
    padding: 18px 0;
  }
}

.joe-fortune-dilxyn .joe-fortune-nfvaxr {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .joe-fortune-dilxyn .joe-fortune-nfvaxr {
    padding: 16px;
    background: var(--fh-bg-color);
    min-height: 72px;
  }
}

.joe-fortune-e29wd3 {
  display: block;
  width: 100%;
  max-width: 128px;
  height: 32px;
  object-fit: contain;
  object-position: center left;
}

@media (min-width: 1200px) {
  .joe-fortune-e29wd3 {
    max-width: 160px;
    height: 40px;
  }
}

.joe-fortune-e29wd3 picture,
.joe-fortune-e29wd3 img {
  display: block;
  width: 100%;
  height: 100%;
}

.joe-fortune-e29wd3 img {
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 1199px) {
  .joe-fortune-eeayqp {
    position: fixed;
    right: 0;
    width: 100%;
    transition: transform 0.joe-fortune-nwqtpz ease;
    transform: translateX(100%);
    background: var(--menu-color);
    box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
  }

  .joe-fortune-dilxyn.joe-fortune-7uffx0 .joe-fortune-eeayqp {
    transform: translateX(0);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .joe-fortune-eeayqp {
    top: 72px;
    max-width: 400px;
    height: calc(100% - 72px);
    overflow-y: auto;
    padding: 8px 16px;
  }
}

@media (max-width: 767px) {
  .joe-fortune-eeayqp {
    padding: 8px 16px;
    top: 128px;
    height: calc(100% - 128px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

.joe-fortune-t4vrxh,
.joe-fortune-ykoijb {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}

@media (min-width: 767px) {
  .joe-fortune-t4vrxh,
  .joe-fortune-ykoijb {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .joe-fortune-ykoijb {
    display: none;
  }
}

.joe-fortune-gws6gx {
  display: flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(
    0deg,
    rgba(0, 3, 20, 0) 0%,
    var(--fh-bg-color) 70%
  );
  padding: 0 16px 16px;
  justify-content: center;
}

.joe-fortune-7uffx0 .joe-fortune-gws6gx {
  background: var(--fh-bg-color);
}

.joe-fortune-gws6gx button {
  flex: 1 1;
  padding: 9px 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .joe-fortune-gws6gx {
    display: none;
  }
}

.joe-fortune-wa9hoc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .joe-fortune-wa9hoc {
    display: none;
  }
}

.joe-fortune-elupv5 {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
  color: var(--Text-100);
  pointer-events: none;
  touch-action: none;
}

.joe-fortune-dilxyn.joe-fortune-7uffx0 .joe-fortune-elupv5:first-child {
  display: none;
}

.joe-fortune-dilxyn.joe-fortune-7uffx0 .joe-fortune-elupv5:last-child {
  display: block;
}

.joe-fortune-elupv5:last-child {
  display: none;
}

@media (min-width: 1200px) {
  .joe-fortune-elupv5 {
    display: none;
  }
}

.joe-fortune-uk5ok0 {
  position: relative;
  display: none;
  padding: 5px 9px 6px;
  color: var(--Text-100);
}

@media (min-width: 1200px) {
  .joe-fortune-uk5ok0 {
    display: flex;
  }
}

.joe-fortune-uk5ok0 ul {
  max-height: 350px;
  overflow-y: auto;
}

.joe-fortune-uk5ok0:hover ul {
  visibility: visible;
  opacity: 1;
}

.joe-fortune-uk5ok0:hover ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.joe-fortune-uk5ok0:hover ul::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-100);
}

.joe-fortune-uk5ok0:hover ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.joe-fortune-uk5ok0:hover .joe-fortune-o7mxm7 svg {
  transform: rotate(180deg);
}

.joe-fortune-1a669j {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  width: 100%;
}

.joe-fortune-xo9li9 {
  padding: 0 8px;
}

.joe-fortune-5ia9sg {
  display: flex;
  width: 100%;
  padding: 5px 9px;
  transition: 0.3s;
  color: var(--Text-100);
  border-radius: 8px;
}

.joe-fortune-5ia9sg:hover {
  background-color: var(--Neutral-300);
}

@media (min-width: 1200px) {
  .joe-fortune-5ia9sg {
    padding: 4px 8px;
  }
}

.joe-fortune-egnl6x {
  display: flex;
}

.joe-fortune-egnl6x img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border: 1px solid var(--Neutral-200);
  border-radius: 12px;
}

.joe-fortune-o7mxm7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 2px;
}

.joe-fortune-o7mxm7 svg {
  transition: 0.3s;
  width: 13px;
  height: 13px;
}

.joe-fortune-hsto5r {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  visibility: hidden;
  align-items: flex-start;
  flex-direction: column;
  width: auto;
  max-height: 0;
  transition: max-height 0.3s;
  opacity: 0;
  background: unset;
  gap: 0;
}

@media (min-width: 1200px) {
  .joe-fortune-hsto5r {
    position: absolute;
    top: 40px;
    left: 0;
    width: 112px;
    padding: 8px;
    border-radius: 8px;
    background: var(--fh-bg-color);
    box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
    gap: 2px;
  }
}

.joe-fortune-7d3zyd {
  width: 100%;
}

@media (min-width: 1200px) {
  .joe-fortune-7d3zyd {
    display: none;
  }
}

.joe-fortune-eklxo6 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--Neutral-300);
}

.joe-fortune-ac1b1b {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--Text-100);
}

.joe-fortune-4pv5b4 {
  display: flex;
}

.joe-fortune-zcpbgm {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.joe-fortune-6l2x8v {
  list-style: none;
}

@media (max-width: 1199px) {
  .joe-fortune-6l2x8v {
    max-height: 90%;
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .joe-fortune-6l2x8v {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .joe-fortune-6l2x8v .joe-fortune-zblc25 [data-ref-el],
  .joe-fortune-6l2x8v .joe-fortune-zblc25 span,
  .joe-fortune-6l2x8v .joe-fortune-zblc25 a {
    white-space: nowrap;
  }
}

.joe-fortune-vh59vc {
  width: 100%;
  transition: 0.3s;
  color: var(--Text-100);
  position: relative;
}

@media (max-width: 1199px) {
  .joe-fortune-vh59vc.joe-fortune-h9yljn > .joe-fortune-zblc25 {
    background: var(--Neutral-300);
  }
}

@media (min-width: 1200px) {
  .joe-fortune-vh59vc.joe-fortune-jh5jsk:hover > .sub-menu[data-depth="1"] {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 1199px) {
  .joe-fortune-vh59vc.joe-fortune-h9yljn > .joe-fortune-dim53n {
    height: auto;
  }

  .joe-fortune-vh59vc.joe-fortune-h9yljn > div > .joe-fortune-2dhgk8 {
    transform: rotate(180deg);
  }
}

.joe-fortune-vh59vc [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
}

.joe-fortune-vh59vc [data-ref-el],
.joe-fortune-vh59vc span {
  cursor: pointer;
}

.joe-fortune-vh59vc [data-ref-el],
.joe-fortune-vh59vc span,
.joe-fortune-vh59vc a {
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
  color: var(--text-color);
  text-align: left;
  flex: 1 1;
}

@media (min-width: 768px) {
  .joe-fortune-vh59vc [data-ref-el],
  .joe-fortune-vh59vc span,
  .joe-fortune-vh59vc a {
    font-size: 18px;
    line-height: 38px;
  }
}

@media (min-width: 1200px) {
  .joe-fortune-vh59vc [data-ref-el],
  .joe-fortune-vh59vc span,
  .joe-fortune-vh59vc a {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
}

.joe-fortune-dim53n {
  height: 0;
  overflow: hidden;
  transition: height 0.joe-fortune-nwqtpz ease;
  padding-left: 24px;
  list-style: none;
  box-sizing: border-box;
}

.joe-fortune-dim53n::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.joe-fortune-dim53n::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-200);
}

.joe-fortune-dim53n::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
  .joe-fortune-dim53n {
    width: 300px;
    position: absolute;
    z-index: 1001;
    border-radius: 0 0 24px 24px;
    background: var(--Neutral-400);
    box-shadow: 0 12px 24px 0 rgba(191, 191, 191, 0.2);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    max-height: 290px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .joe-fortune-dim53n:has(> .joe-fortune-vh59vc.active) {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  .joe-fortune-dim53n .joe-fortune-dim53n {
    padding: 0;
  }

  .joe-fortune-dim53n .joe-fortune-vh59vc {
    font-weight: 400;
  }

  .joe-fortune-dim53n .joe-fortune-vh59vc:hover > .joe-fortune-zblc25 {
    background: var(--Neutral-300);
  }

  .joe-fortune-dim53n .joe-fortune-2dhgk8 {
    rotate: -90deg;
  }
}

.joe-fortune-zblc25 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 8px;
  border-radius: 16px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .joe-fortune-zblc25 {
    padding: 8px;
  }

  .joe-fortune-vh59vc.joe-fortune-mz3dee > .joe-fortune-zblc25 {
    background: var(--Neutral-300);
  }
}

.joe-fortune-2dhgk8 {
  width: 24px;
  height: 24px;
  border: none;
  cursor: pointer;
  mask-image: url("data:image/svg+xml,%3Csvg width='11' height='6' viewBox='0 0 11 6' fill='none' xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.joe-fortune-91wu45 0.joe-fortune-do7dn2.joe-fortune-f1uphz -0.joe-fortune-vt9j1p 0.joe-fortune-bqxbdf -0.joe-fortune-vt9j1p 1.joe-fortune-11i1cx 0.joe-fortune-deelcr.joe-fortune-g38dhi 4.joe-fortune-gxc0wm.joe-fortune-91wu45 0.joe-fortune-qntsxf.joe-fortune-c24wi2 -0.joe-fortune-vt9j1p 9.joe-fortune-vsyuu9 -0.joe-fortune-vt9j1p 10.joe-fortune-x9ullp 0.joe-fortune-qj8qn7.joe-fortune-nwjijo 0.joe-fortune-f1uphz 10.joe-fortune-nwjijo 0.joe-fortune-bqxbdf 10.joe-fortune-x9ullp 1.joe-fortune-cldpiz.joe-fortune-7u5m77 5.joe-fortune-5zsroy.joe-fortune-r3wcve 6.joe-fortune-lzp1ja 5.joe-fortune-we2wft 6.joe-fortune-lzp1ja 4.joe-fortune-uy5wj9 5.joe-fortune-fwjvdh.joe-fortune-91wu45 1.joe-fortune-73a29u.joe-fortune-vt9j1p 0.joe-fortune-bqxbdf -0.joe-fortune-vt9j1p 0.joe-fortune-f1uphz 0.joe-fortune-91wu45 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 10px;
  transition: rotate 0.joe-fortune-nwqtpz ease;
  background-color: var(--Text-100);
}

@media (min-width: 1200px) {
  .joe-fortune-2dhgk8 {
    cursor: default;
  }
}

.joe-fortune-k3xowv {
  position: fixed;
  z-index: 1001;
  top: 80px;
  left: 100px;
  visibility: visible;
  opacity: 1;
  max-height: 290px;
  height: auto;
}

.joe-fortune-ce25p7 {
  padding: 24px 0;
  border-top: 1px solid var(--border-color);
  gap: 32px;
  background-color: var(--fh-bg-color);
}

@media screen and (min-width: 768px) {
  .joe-fortune-ce25p7 {
    padding: 40px 4px;
  }
}

.joe-fortune-tfvofq {
  margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
  .joe-fortune-tfvofq {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
}

.joe-fortune-c36rwd {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .joe-fortune-c36rwd {
    margin-right: 32px;
    margin-bottom: 20px;
  }
}

.joe-fortune-c36rwd ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 8px;
}

.joe-fortune-c36rwd [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
}

.joe-fortune-c36rwd [data-ref-el],
.joe-fortune-c36rwd span,
.joe-fortune-c36rwd a {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  padding: 4px 8px;
  color: var(--text-color);
}

.joe-fortune-92vfsw {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 340px;
  margin-bottom: 32px;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .joe-fortune-92vfsw {
    margin-bottom: 12px;
  }
}

.joe-fortune-ca9wpr {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.joe-fortune-ca9wpr img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1200px) {
  .joe-fortune-ca9wpr:last-child {
    margin-right: 0;
  }
}

.joe-fortune-vd6rx8 {
  line-height: 19px;
  margin-top: -4px;
  position: relative;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.joe-fortune-92vfsw:hover .joe-fortune-1hnzy4 {
  visibility: visible;
  opacity: 1;
}

.joe-fortune-1hnzy4 {
  position: absolute;
  right: -13px;
  bottom: 30px;
  visibility: hidden;
  max-width: 240px;
  padding: 16px;
  transition: 0.3s;
  opacity: 0;
  border: 1px solid var(--Neutral-200);
  border-radius: 8px;
  background-color: var(--Neutral-300);
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.14);
}

.joe-fortune-za29iv {
  display: grid;
  margin: -6px;
  grid-template-columns: repeat(5, 1fr);
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.joe-fortune-qp47r3 {
  display: flex;
  margin: 6px;
}

.joe-fortune-qp47r3 img {
  display: block;
  max-width: 32px;
  object-fit: contain;
}

.joe-fortune-1hnzy4::after {
  position: absolute;
  right: 18px;
  bottom: -8px;
  width: 0;
  height: 0;
  content: "";
  border-top: 8px solid var(--Neutral-300);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
}

.joe-fortune-1hnzy4::before {
  position: absolute;
  right: 16px;
  bottom: -10px;
  width: 0;
  height: 0;
  content: "";
  border-top: 10px solid var(--Neutral-200);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
}

.joe-fortune-ak81y2 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1200px) {
  .joe-fortune-ak81y2 {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}

.joe-fortune-x6etwa {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-color);
}

@media (min-width: 1200px) {
  .joe-fortune-x6etwa {
    margin-right: 32px;
  }
}

.joe-fortune-x935od {
  width: 100%;
  max-width: 340px;
  margin-top: 10px;
  text-align: left;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .joe-fortune-x935od {
    margin-top: 0;
    width: 340px;
  }
}

.joe-fortune-x935od a {
  line-height: 19px;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.joe-fortune-29mbz3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.joe-fortune-c7w8ge {
  position: relative;
}

@media (min-width: 768px) {
  .joe-fortune-c7w8ge {
    margin-top: 40px;
  }
}

.joe-fortune-c7w8ge + .joe-fortune-emrkjj,
.joe-fortune-c7w8ge + .joe-fortune-c7w8ge {
  margin-top: 24px;
}

.joe-fortune-he9lb7 {
  padding: 40px 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 700px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-he9lb7 {
    padding: 80px 16px;
    border-radius: 24px;
    min-height: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .joe-fortune-he9lb7 {
    padding: 80px;
  }
}

.joe-fortune-8ktvpw {
  position: relative;
  z-index: 1;
  padding: 0;
}

@media screen and (min-width: 563px) {
  .joe-fortune-8ktvpw {
    padding: 0 16px;
}


}

.joe-fortune-dnhzux {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  text-transform: capitalize;
  margin-bottom: 8px;
  color: var(--text-color);
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .joe-fortune-dnhzux {
    font-size: 48px;
    line-height: 56px;
  }
}

.joe-fortune-vf8biq {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 24px;
  color: var(--Text-200);
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .joe-fortune-vf8biq {
    font-size: 24px;
    line-height: 32px;
  }
}

.joe-fortune-xt158b {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  margin: auto;
  width: 240px;
  padding: 15px 23px;
  transition: 0.3s;
  color: var(--button-text-color);
  border-radius: 16px;
  border: none;
  background: var(--button-bg-color);
  gap: 8px;
  cursor: pointer;
}

.joe-fortune-xt158b:hover {
  background: var(--button-bg-hover);
}

.joe-fortune-j0kpmv {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.joe-fortune-j0kpmv img {
  display: block;
  width: 100%;
  /* min-height: 100%; */
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .joe-fortune-j0kpmv img {
  min-height: initial;
  }
}

@media (max-width: 563px) {
  .joe-fortune-j0kpmv img {
  min-height: 100%;
  }
}

.joe-fortune-he9lb7::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.joe-fortune-2ozglf {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.joe-fortune-2ozglf h1,
.joe-fortune-2ozglf h2,
.joe-fortune-2ozglf h3,
.joe-fortune-2ozglf h4 {
  margin-bottom: 6px;
}

.joe-fortune-2ozglf h1:not(:first-child),
.joe-fortune-2ozglf h2:not(:first-child),
.joe-fortune-2ozglf h3:not(:first-child),
.joe-fortune-2ozglf h4:not(:first-child) {
  margin-top: 16px;
}

.joe-fortune-2ozglf h1,
.joe-fortune-2ozglf h1 > * {
  font-size: 40px;
  line-height: 48px;
}

@media (min-width: 768px) {
  .joe-fortune-2ozglf h1,
  .joe-fortune-2ozglf h1 > * {
    font-size: 48px;
    line-height: 60px;
  }
}

.joe-fortune-2ozglf h2,
.joe-fortune-2ozglf h2 > * {
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .joe-fortune-2ozglf h2,
  .joe-fortune-2ozglf h2 > * {
    font-size: 40px;
    line-height: 48px;
  }
}

.joe-fortune-2ozglf h3,
.joe-fortune-2ozglf h3 > * {
  font-size: 24px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .joe-fortune-2ozglf h3,
  .joe-fortune-2ozglf h3 > * {
    font-size: 32px;
    line-height: 40px;
  }
}

.joe-fortune-2ozglf h4,
.joe-fortune-2ozglf h4 > * {
  font-size: 24px;
  line-height: 32px;
}

.joe-fortune-2ozglf ul {
  font-size: 16px;
  margin: 6px 0 14px;
  padding: 0;
  padding-left: 8px;
  list-style: none;
}

.joe-fortune-2ozglf ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 16px;
  list-style-type: none;
}

.joe-fortune-2ozglf ul li::before {
  position: absolute;
  top: 11px;
  left: 0;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  content: "";
  transform: translateY(-50%);
  border-radius: 50%;
  background: var(--Text-300);
}

.joe-fortune-2ozglf ul ul {
  margin-bottom: 8px;
}

.joe-fortune-2ozglf ul ul > li {
  margin-top: 16px;
  padding-left: 33px;
}

.joe-fortune-2ozglf ul ul > li::before {
  left: 16px;
  border: 1px solid var(--Text-300);
  background: rgba(0, 0, 0, 0);
}

.joe-fortune-2ozglf ol {
  font-size: 16px;
  margin: 6px 0 14px;
  padding-left: 24px;
  list-style: decimal;
}

.joe-fortune-2ozglf ol li {
  margin-bottom: 8px;
  padding-left: 6px;
}

.joe-fortune-2ozglf ol li::marker {
  font-weight: 700;
}

.joe-fortune-2ozglf ol ol {
  margin-bottom: 8px;
}

.joe-fortune-2ozglf ol ol > li {
  margin-top: 16px;
  padding-left: 0;
}

.joe-fortune-2ozglf ol ul li {
  padding-left: 16px;
}

.joe-fortune-2ozglf table {
  display: block;
  overflow-x: auto;
  width: 100%;
  margin-top: 16px;
  border-spacing: 0 4px;
  overflow-wrap: break-word;
  font-size: 16px;
  position: relative;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-mask-image: none;
  mask-image: none;
  border-radius: 24px;
  border: 1px solid var(--border-color);
  /* background: var(--Neutral-300); */
  padding: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .joe-fortune-2ozglf table {
    padding: 24px;
  }
}

.joe-fortune-2ozglf table.joe-fortune-1i2oo6 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.joe-fortune-nwqtpz,
    mask-image 0.3s;
}

.joe-fortune-2ozglf table.joe-fortune-1i2oo6.joe-fortune-rjux2z {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

@media (min-width: 1200px) {
  .joe-fortune-2ozglf table {
    display: table;
  }
}

.joe-fortune-2ozglf table thead th {
  font-weight: 700;
  padding: 12px 18px;
  text-align: left;
  white-space: nowrap;
  background-color: var(--table-1-color);
  border: 1px solid var(--border-color);
}

.joe-fortune-2ozglf table thead th:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.joe-fortune-2ozglf table thead th:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.joe-fortune-2ozglf table tbody td {
  background-color: var(--table-2-color);
  width: 150px;
  padding: 11px 18px;
  white-space: nowrap;
  border: 1px solid var(--border-color);
}

@media (min-width: 1200px) {
  .joe-fortune-2ozglf table tbody td {
    width: auto;
    white-space: wrap;
  }
}

.joe-fortune-2ozglf table tbody td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.joe-fortune-2ozglf table tbody td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.joe-fortune-2ozglf table tbody td img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 14px;
  vertical-align: middle;
}

.joe-fortune-2ozglf img {
  max-width: 100%;
  height: auto;
}

.joe-fortune-j18vt6 {
  padding: 16px;
  border-radius: 24px;
  border: 1px solid var(--border-color);
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--fh-bg-color) 0%,
    color-mix(in srgb, var(--menu-color) 50%, transparent)
  );
}

@media (min-width: 768px) {
  .joe-fortune-j18vt6 {
    padding: 24px;
  }
}

.joe-fortune-1uoqah {
  color: var(--text-color);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .joe-fortune-1uoqah {
    font-size: 40px;
    line-height: 48px;
    max-width: 62%;
  }
}

.joe-fortune-1uoqah > * {
  margin: 0 !important;
}

.joe-fortune-1uoqah img,
.joe-fortune-g97aii {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-1uoqah img,
  .joe-fortune-g97aii {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.joe-fortune-3198zl {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--text-color);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .joe-fortune-3198zl {
    width: 32px;
    height: 32px;
  }
}

.joe-fortune-lu2kdj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.joe-fortune-lu2kdj .joe-fortune-myclyw {
  flex-shrink: 0;
}

.joe-fortune-lu2kdj .joe-fortune-j4cd5b svg {
  display: none;
}

.joe-fortune-9y4j3i {
  display: grid;
  transition: max-height 0.joe-fortune-nwqtpz ease-in-out;
  column-gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 508px) {
  .joe-fortune-9y4j3i {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .joe-fortune-9y4j3i {
    grid-template-columns: 1fr 270px 1fr 270px;
  }
}

.pc61d126-games__list[data-games-type="Live Shows"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .pc61d126-games__list[data-games-type="Live Shows"] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list[data-games-type="Live Shows"] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.joe-fortune-9y4j3i.joe-fortune-fmpqxn + .joe-fortune-myclyw svg {
  transform: rotate(180deg);
}

.joe-fortune-5yzzmf {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  height: max-content;
}

.joe-fortune-5yzzmf > div:nth-child(3n) {
  grid-column: span 2;
}

.joe-fortune-5yzzmf
  > div:nth-child(3n)
  .joe-fortune-i4pcz1
  button {
  max-width: 270px;
}

@media (min-width: 768px) {
  .joe-fortune-5yzzmf {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .joe-fortune-5yzzmf > div:nth-child(3n) {
    grid-column: unset;
  }

  .joe-fortune-5yzzmf
    > div:nth-child(3n)
    .joe-fortune-i4pcz1
    button {
    max-width: 83px;
  }
}

@media (min-width: 1200px) {
  .joe-fortune-5yzzmf {
    max-width: 270px;
  }
}

.joe-fortune-5yzzmf .joe-fortune-i4pcz1 button {
  max-width: 96px;
}

@media (min-width: 375px) {
  .joe-fortune-5yzzmf .joe-fortune-i4pcz1 button {
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .joe-fortune-5yzzmf .joe-fortune-i4pcz1 button {
    max-width: 104px;
  }
}

.joe-fortune-e9xefi {
  height: calc(100% - 16px);
  transition: 0.3s;
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 16px;
  margin-bottom: 16px;
}

@media (min-width: 768px) {
  .joe-fortune-e9xefi {
    margin-bottom: 0;
  }
}

.joe-fortune-6x366u {
  display: none;
  opacity: 0;
}

.joe-fortune-ip83o0 {
  width: 100%;
  height: 190px;
  max-width: 100%;
  aspect-ratio: 1/1;
  display: block;
}

@media (min-width: 768px) {
  .pc61d126-games__list-item-logo[data-game-type="Live Shows"] {
    width: 152px;
    height: 152px;
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list-item-logo[data-game-type="Live Shows"] {
    width: 173px;
    height: 173px;
  }
}

.joe-fortune-ip83o0 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.joe-fortune-i4pcz1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--Text-400);
  gap: 4px;
  position: relative;
}

.joe-fortune-i4pcz1 button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media (min-width: 768px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .joe-fortune-i4pcz1
    button {
    max-width: 124px;
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .joe-fortune-i4pcz1
    button {
    max-width: 145px;
  }
}

.joe-fortune-sxsqzs:first-child
  .joe-fortune-i4pcz1
  button {
  max-width: 270px;
}

.joe-fortune-3e28ac {
  position: relative;
  overflow-wrap: break-word;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  text-align: left;
  color: var(--text-color);
  background: rgba(0, 0, 0, 0);
  width: 100%;
}

.joe-fortune-e9xefi picture {
  width: 100%;
  max-width: 100%;
}

.joe-fortune-gwwpfq {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--Neutral-30060);
  backdrop-filter: blur(8px);
  border-radius: 16px;
  overflow: hidden;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.joe-fortune-gwwpfq svg {
  outline: 10px solid var(--button-bg-color);
  border-radius: 1px;
  background: var(--button-bg-color);
}

.joe-fortune-e9xefi:hover .joe-fortune-gwwpfq {
  display: flex;
}

.joe-fortune-pz9xde {
  font-size: 12px;
  line-height: 16px;
  color: var(--Text-400);
}

.joe-fortune-6vrk7x {
  display: flex;
}

.joe-fortune-6vrk7x:hover .joe-fortune-3qiq5a,
.joe-fortune-6vrk7x .joe-fortune-mz3dee .joe-fortune-3qiq5a {
  display: flex;
}

.joe-fortune-6vrk7x svg {
  flex-shrink: 0;
}

.joe-fortune-3qiq5a {
  display: none;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  position: absolute;
  z-index: 2;
  top: 34px;
  right: -20px;
  width: 130px;
}

@media (min-width: 768px) {
  .joe-fortune-3qiq5a {
    width: 174px;
    right: -28px;
    padding: 12px;
  }
}

.joe-fortune-3qiq5a:hover {
  display: flex;
}

.joe-fortune-3qiq5a svg {
  color: var(--Neutral-300);
  position: absolute;
  right: 19px;
  top: -11px;
}

.joe-fortune-57stbp {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  color: var(--Text-100);
  line-height: 16px;
  width: 100%;
  font-size: 10px;
}

@media (min-width: 768px) {
  .joe-fortune-57stbp {
    font-size: 12px;
  }
}

.joe-fortune-o9wuxr,
.joe-fortune-7v283w {
  width: 50%;
  flex-shrink: 0;
}

.joe-fortune-o9wuxr {
  font-weight: 700;
}

.joe-fortune-4vulsg .joe-fortune-9y4j3i {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .joe-fortune-4vulsg .joe-fortune-9y4j3i {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .joe-fortune-4vulsg .joe-fortune-9y4j3i {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.joe-fortune-4vulsg
  .joe-fortune-3e28ac:has(img) {
  max-height: initial !important;
  aspect-ratio: 1/1;
}

.joe-fortune-4vulsg .joe-fortune-ip83o0 {
  height: 100% !important;
  border-radius: 16px;
}

.joe-fortune-4vulsg .joe-fortune-i4pcz1 {
  gap: 4px;
  align-items: center;
}

.joe-fortune-4vulsg .joe-fortune-i4pcz1 button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.joe-fortune-4vulsg .joe-fortune-i4pcz1 svg {
  display: block;
  aspect-ratio: 1/1;
  flex: 0 0 16px;
}

.joe-fortune-4vulsg .joe-fortune-1cbt2c,
.joe-fortune-4vulsg .joe-fortune-pedlwa {
  margin-left: -1px;
  height: 12px;
  max-width: 100%;
  mask-repeat: repeat;
  mask-position: left center;
  mask-size: 16px 12px;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.joe-fortune-g6o0wv.org/2000/svg'%3E%3Cpath d='M9.joe-fortune-4s05cg 4.joe-fortune-w557iq.joe-fortune-vgvh6b 5.joe-fortune-8o0s3g.joe-fortune-a6scyr 5.joe-fortune-wtf4ud.joe-fortune-kfe6x1 5.joe-fortune-iz1rk4.joe-fortune-sjlqt2 8.joe-fortune-p1hiiy.joe-fortune-30yrka 9.joe-fortune-pu0d8g.joe-fortune-crbllj 9.joe-fortune-gdkjb8.joe-fortune-ijk0x5 13.joe-fortune-d00f1f.joe-fortune-9kw29a 11.joe-fortune-eq4hdw.joe-fortune-o70kot 11.joe-fortune-z7tg96.joe-fortune-ru0cs4 11.joe-fortune-wvqx32.joe-fortune-p3hy6y 13.joe-fortune-yxrbmo.joe-fortune-itea4r 9.joe-fortune-k10jio.joe-fortune-dslxe1 9.joe-fortune-b4alg6.joe-fortune-yj72zg 8.joe-fortune-zrjda8.joe-fortune-kth2nh 5.joe-fortune-q600ie.joe-fortune-ic4ngp 5.joe-fortune-9l5yu3.joe-fortune-ijiidm 5.joe-fortune-luczbg.joe-fortune-fgwtcg 4.joe-fortune-gmdgk9.joe-fortune-o70kot 1.joe-fortune-k7tned.joe-fortune-4s05cg 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A");
}

.joe-fortune-4vulsg .joe-fortune-1cbt2c {
  background-color: hsl(from var(--Neutral-50) h s l/30%);
  width: 81px;
}

.joe-fortune-4vulsg .joe-fortune-pedlwa {
  display: block;
  background-color: var(--Accent-Yellow-300, #fb0);
}

.joe-fortune-4guj3g {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  border-radius: var(--M, 24px);
  border: 1px solid var(--Neutral-200);
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300) 0%,
    var(--Neutral-300) 49.52%
  );
  padding: 16px;
}

@media (min-width: 768px) {
  .joe-fortune-4guj3g {
    padding: 24px;
  }
}

.joe-fortune-4guj3g .joe-fortune-myclyw {
  display: flex;
}

@media (min-width: 768px) {
  .joe-fortune-4guj3g .joe-fortune-myclyw {
    display: none;
  }
}

.joe-fortune-4guj3g .joe-fortune-j4cd5b svg {
  display: none;
}

.joe-fortune-gvo6fk {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.joe-fortune-gvo6fk .joe-fortune-0ac8yj {
  display: none;
}

@media (min-width: 768px) {
  .joe-fortune-gvo6fk .joe-fortune-0ac8yj {
    display: flex;
  }
}

.joe-fortune-td32pq {
  color: var(--Text-100);
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-td32pq {
    font-size: 40px;
    line-height: 48px;
  }
}

.joe-fortune-td32pq > * {
  margin: 0 !important;
}

.joe-fortune-td32pq img,
.joe-fortune-cc2bp8 {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-td32pq img,
  .joe-fortune-cc2bp8 {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.joe-fortune-frzju4 {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .joe-fortune-frzju4 {
    width: 32px;
    height: 32px;
  }
}

.joe-fortune-7wb87m {
  display: grid;
  overflow: hidden;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
  .joe-fortune-7wb87m {
    gap: 16px;
    margin: 13px 0 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
  }

  .joe-fortune-7wb87m::-webkit-scrollbar {
    display: none;
  }
}

.joe-fortune-n8vqog {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 7px;
}

@media (min-width: 768px) {
  .joe-fortune-n8vqog {
    padding: 7px 15px;
  }
}

.joe-fortune-n8vqog:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.joe-fortune-pmrg9f {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .joe-fortune-pmrg9f {
    display: flex;
    opacity: 1;
  }
}

.joe-fortune-n8vqog picture {
  height: 100%;
  display: block;
}

.joe-fortune-n8vqog img {
  display: block;
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .joe-fortune-n8vqog img {
    width: 88px;
    height: 44px;
  }
}

.joe-fortune-n8vqog p {
  text-align: center;
  width: 100%;
}

.joe-fortune-dnij4u {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-dnij4u {
    font-size: 40px;
    line-height: 48px;
  }
}

.joe-fortune-dnij4u img,
.joe-fortune-jrfpng {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-dnij4u img,
  .joe-fortune-jrfpng {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.joe-fortune-ye7aod {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .joe-fortune-ye7aod {
    width: 32px;
    height: 32px;
  }
}

.joe-fortune-e674ld {
  color: var(--Text-200);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}

.joe-fortune-aocmpr {
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  border: 1px solid var(--border-color);
 background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--fh-bg-color) 0%,
    color-mix(in srgb, var(--menu-color) 50%, transparent)
  );
  padding: 24px;
  padding-top: 30px;
}

.joe-fortune-grfnya {
  padding: 10px 15px 12px;
  transition: 0.3s;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}

.joe-fortune-grfnya.joe-fortune-mz3dee {
  border-bottom: 4px solid var(--button-bg-color, #70f);
}

.joe-fortune-unvfnx {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--text-color);
}

@media screen and (min-width: 768px) {
  .joe-fortune-unvfnx {
    font-size: 20px;
    line-height: 28px;
  }
}

.joe-fortune-n6sbam {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  color: var(--text-color);
}

.joe-fortune-ddy2i1 {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  transition: 0.joe-fortune-nwqtpz ease;
  opacity: 0;
  color: var(--text-color);
}

.joe-fortune-fpgt9w {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 0 0;
}

.joe-fortune-fpgt9w ol,
.joe-fortune-fpgt9w ul {
  padding-left: 1.3em;
}

.joe-fortune-grfnya.joe-fortune-mz3dee .joe-fortune-ddy2i1 {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.joe-fortune-grfnya.joe-fortune-mz3dee .joe-fortune-n6sbam {
  transform: rotate(180deg);
  color: var(--text-color);
}

.joe-fortune-81ioj3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
  border-radius: var(--M, 24px);
  border: 1px solid var(--Neutral-200);
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300) 0%,
    var(--Neutral-300) 49.52%
  );
  padding: 16px;
}

@media (min-width: 768px) {
  .joe-fortune-81ioj3 {
    padding: 24px;
  }
}

.joe-fortune-81ioj3 .joe-fortune-myclyw {
  display: flex;
}

@media (min-width: 768px) {
  .joe-fortune-81ioj3 .joe-fortune-myclyw {
    display: none;
  }
}

.joe-fortune-81ioj3 .joe-fortune-j4cd5b svg {
  display: none;
}

.joe-fortune-nygk9x {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.joe-fortune-nygk9x .joe-fortune-0ac8yj {
  display: none;
}

@media (min-width: 768px) {
  .joe-fortune-nygk9x .joe-fortune-0ac8yj {
    display: flex;
  }
}

.joe-fortune-sliq5b {
  color: var(--Text-100);
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 12px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-sliq5b {
    align-items: center;
    font-size: 40px;
    line-height: 48px;
  }
}

.joe-fortune-sliq5b > * {
  margin: 0 !important;
}

.joe-fortune-sliq5b img,
.joe-fortune-32xq1t {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .joe-fortune-sliq5b img,
  .joe-fortune-32xq1t {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.joe-fortune-p0jku5 {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .joe-fortune-p0jku5 {
    width: 32px;
    height: 32px;
  }
}

.joe-fortune-umina2 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .joe-fortune-umina2 {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
    user-select: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    touch-action: pan-x;
  }

  .joe-fortune-umina2::-webkit-scrollbar {
    display: none;
  }
}

.joe-fortune-hehldd {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 8px 16px;
  height: 60px;
}

.joe-fortune-hehldd:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.joe-fortune-gau3rb {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .joe-fortune-gau3rb {
    display: flex;
    opacity: 1;
  }
}

.joe-fortune-hehldd picture {
  width: auto;
  height: 100%;
  display: block;
}

.joe-fortune-hehldd picture img {
  display: block;
  width: auto;
  height: 100%;
}

.joe-fortune-h1nlhh {
  margin: -24px 0;
}

.joe-fortune-h1nlhh:first-of-type {
  margin-top: 24px;
}

@media (min-width: 1200px) {
  .joe-fortune-h1nlhh {
    margin: -16px 0;
  }
}

.joe-fortune-wylyvl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .joe-fortune-wylyvl {
    flex-direction: row;
  }
}

.joe-fortune-pds04i {
  padding: 12px 12px 12px 50px;
  border-radius: 16px;
  background:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTguMzk5OSAxNy42TDIzLjk5OTkgMjMuMiIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjExLjIiIGN5PSIxMS4yIiByPSI5LjQiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+")
      no-repeat 16px center,
    var(--Neutral-300);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  position: relative;
  color: var(--Text-400);
}

@media (min-width: 768px) {
  .joe-fortune-pds04i {
    flex: 1;
  }
}

.joe-fortune-pds04i::placeholder {
  color: var(--Text-400);
}

.joe-fortune-7hkab8 {
  padding: 10px 15px;
  border-radius: 16px;
  border: 1px solid var(--Primary-200);
  background: var(--neutral-30060);
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: center;
  gap: 8px;
  color: var(--Text-100);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.joe-fortune-bt48yz {
  display: flex;
  margin: -4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.joe-fortune-bt48yz::-webkit-scrollbar {
  display: none;
}

.joe-fortune-6uqfq5 {
  border-radius: 16px;
  background-color: var(--neutral-30060);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  color: var(--Text-100);
  margin: 4px;
  text-align: center;
  padding: 7px 15.5px;
  border: 1px solid var(--Primary-200);
  flex-shrink: 0;
  cursor: pointer;
}

.joe-fortune-6uqfq5 img,
.joe-fortune-6uqfq5 svg {
  margin-right: 8px;
}

.joe-fortune-5opvwh {
  background: var(--Primary-200);
  color: var(--Text-00);
}

.joe-fortune-h1nlhh + .joe-fortune-s8pnx5 {
  margin-top: 0;
}

@media (min-width: 768px) {
  .joe-fortune-h1nlhh + .joe-fortune-s8pnx5 {
    margin-top: -16px;
  }
}

.joe-fortune-x3r1mj {
  border-radius: 4px;
  overflow-y: auto;
  position: absolute;
  background-color: var(--Neutral-300);
  width: 100%;
  z-index: 990;
  top: 54px;
}

.joe-fortune-x3r1mj > * {
  padding: 12px;
  color: var(--Text-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.joe-fortune-x3r1mj > *:hover {
  box-shadow: inset 0px 0px 3px var(--Text-300);
  background-color: var(--Neutral-100);
}

.joe-fortune-eqs45k {
  border-radius: 24px;
  border: 1px solid var(--border-color);

  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--fh-bg-color) 0%,
    color-mix(in srgb, var(--menu-color) 50%, transparent)
  );
  padding: 15px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.joe-fortune-2rz0tv {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.joe-fortune-ey5g1l {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.joe-fortune-a72bzk {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.joe-fortune-mey6nm {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
  width: auto;
  height: 170px;
}

.joe-fortune-eqs45k button {
  border-radius: 16px;
  background: var(--button-bg-color);
  padding: 10px 15px;
  color: var(--button-text-color);
  text-align: center;
  font-feature-settings: "liga" off;
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  flex: 1;
}

.joe-fortune-eqs45k button svg {
  pointer-events: none;
  touch-action: none;
  display: inline-block;
  vertical-align: sub;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  object-position: center;
  object-fit: contain;
}

@media screen and (min-width: 768px) {
  .joe-fortune-eqs45k {
    padding: 39px 179px 39px 39px;
  }

  .joe-fortune-2rz0tv {
    font-size: 40px;
    line-height: 48px;
  }

  .joe-fortune-mey6nm {
    height: 348px;
  }

  .joe-fortune-eqs45k button {
    font-size: 18px;
    line-height: 26px;
    flex: 0 0 auto;
    padding: 15px 23px;
  }

  .joe-fortune-eqs45k button svg {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .joe-fortune-eqs45k {
    padding: 63px;
  }
}

.joe-fortune-x10hrt {
  display: flex;
  align-items: center;
  padding: 8px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .joe-fortune-x10hrt {
    flex-wrap: nowrap;
    padding: 16px 0;
  }
}

.joe-fortune-jsb9x2 {
  font-size: 14px;
  width: 100%;
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .joe-fortune-jsb9x2 {
    width: auto;
  }
}

.joe-fortune-eakmyw {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  user-select: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
  touch-action: pan-x;
  margin-top: 4px;
}

.joe-fortune-eakmyw::-webkit-scrollbar {
  display: none;
}

.joe-fortune-eakmyw a {
  background-color: var(--Neutral-300);
  color: var(--Text-300);
  padding: 8px 16px;
  flex-shrink: 0;
  display: flex;
  white-space: nowrap;
  font-weight: 700;
  font-size: 16px;
  margin-right: 8px;
  border-radius: var(--M, 8px);
}

.joe-fortune-eakmyw a:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .joe-fortune-eakmyw {
    margin-left: 16px;
    margin-top: 0;
  }
}

.joe-fortune-x10hrt .joe-fortune-bnhx9w {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.joe-fortune-nwqtpz,
    mask-image 0.3s;
}

.joe-fortune-x10hrt .joe-fortune-bnhx9w.joe-fortune-rjux2z {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

.joe-fortune-mdup8l {
  margin: 40px -16px;
}

.joe-fortune-pn23yh + .joe-fortune-emrkjj,
.joe-fortune-pn23yh + .joe-fortune-c7w8ge {
  margin-top: 24px;
}

.joe-fortune-41kpu0 {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-200);
}

.joe-fortune-41kpu0 picture {
  display: flex;
  width: 100%;
  min-height: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.joe-fortune-8oidiu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 46px;
  padding: 0 8px;
}

@media (min-width: 768px) {
  .joe-fortune-8oidiu {
    padding: 0 15px;
    margin-bottom: 40px;
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  .joe-fortune-8oidiu {
    margin-top: 0;
  }
}

.joe-fortune-4ix4jn {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .joe-fortune-4ix4jn {
    font-size: 24px;
    line-height: 32px;
  }
}

.joe-fortune-7vaoxp {
  max-width: 700px;
  padding: 18px 14px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--neutral-30080);
  backdrop-filter: blur(8px);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width: 768px) {
  .joe-fortune-7vaoxp {
    gap: 24px;
    padding: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
  }
}

.joe-fortune-xnuf6k {
  position: relative;
  z-index: 1;
  width: 100%;
  background: radial-gradient(
    156.65% 140.48% at 1.23% 99.9%,
    var(--Primary-300) 0%,
    var(--neutral-30080) 49.52%
  );
  padding: 16px 16px;
}

@media (min-width: 1200px) {
  .joe-fortune-xnuf6k {
    margin-bottom: 0;
    margin-right: 32px;
    padding: 40px;
  }
}

.joe-fortune-0nef6d {
  font-weight: 700;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  color: var(--Text-300);
  font-size: 18px;
  line-height: 26px;
  text-transform: capitalize;
}

@media (min-width: 1200px) {
  .joe-fortune-0nef6d {
    font-size: 20px;
    line-height: 28px;
  }
}

.joe-fortune-rjvxwf {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: var(--Text-100);
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .joe-fortune-rjvxwf {
    font-size: 32px;
    line-height: 40px;
  }
}

.joe-fortune-j3fpw9 {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-300);
  display: flex;
  padding: 8px;
  align-items: center;
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.14);
  color: var(--Text-100);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.joe-fortune-g0cz4h {
  display: block;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.joe-fortune-g0cz4h img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.joe-fortune-s8pnx5 {
  margin: 24px auto 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.joe-fortune-pgiwyo {
  border-radius: 16px;
  background: var(--Primary-200);
  padding: 15px 24px;
  color: var(--Text-00);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

@media (min-width: 768px) {
  .joe-fortune-pgiwyo {
    padding: 15px 48px;
  }
}

main > .joe-fortune-s8pnx5 {
  margin: -26px auto -16px;
}

@media (max-width: 700px) {
  .joe-fortune-9y4j3i.joe-fortune-5to7ue > div:nth-child(n+5) {
    display: none;
  }
}

.joe-fortune-2ozglf p a img {
  display: block;
  margin: 0 auto;
}


.joe-fortune-00noqi {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 350px;
  width: 100%;
  height: 60px;
  font-size: 18px;
  font-weight: 600;
  color: var(--button-text-color);
  cursor: pointer;
  text-align: center;
  border-radius: 6px;
  text-decoration: none;
  background: var(--button-bg-color);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
  margin: 25px auto;
}

/* contanct form */
.joe-fortune-dy4wi6 {
  background: var(--fh-bg-color);
  padding: 2rem;
  border-radius: 12px;
  box-shadow: -2px 1px 8px 5px rgba(0, 0, 0, 0.1);
  max-width: 800px;
  margin: 50px auto;
}

.joe-fortune-dy4wi6 label {
  font-size: 14px;
}

.joe-fortune-dy4wi6 h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.joe-fortune-dy4wi6 input,
.joe-fortune-dy4wi6 textarea,
.joe-fortune-dy4wi6 button {
  width: 100%;
  padding: 10px;
  margin-top:5px;
  margin-bottom: 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background-color: var(--main-theme-color);
  font-size: 1rem;
}
.joe-fortune-dy4wi6 button {
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  border: none;
  cursor: pointer;
  transition: background 0.joe-fortune-21br53 ease;
}
.joe-fortune-dy4wi6 button:hover {
  background-color: var(--button-bg-hover);
}
.joe-fortune-wbjk6v {
  text-align: center;
  color: green;
  font-weight: 500;
  padding: 50px 0;
  animation: fadeIn 0.joe-fortune-qplu7n ease-in;
}

.joe-fortune-wbjk6v h2 {
  color: green;
  font-weight: 500;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* brandauto-contrast-fix v1 */
:root {
  --footer-menu-color: #ece7dc;
  --updated-block-color: #ece7dc;
  --rate-counter-bg: #1e1e1e;
  --rate-counter-bg-top: #2a2a2a;
}
.joe-fortune-ves0rx, .joe-fortune-ab0z6b, [class*="review-card"],
thead, thead th, table th, .joe-fortune-23mth4,
.joe-fortune-yceq8g, [class*="collapsible-header"],
.joe-fortune-slmo2s, [class*="updated-block"] {
  color: #ece7dc !important;
}