* {
  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;
  }
}

.spinjo-roeyqq {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .spinjo-roeyqq {
    max-width: 752px;
  }
}

@media screen and (min-width: 1200px) {
  .spinjo-roeyqq {
    padding: 0 16px;
    max-width: 1248px;
  }
}

.spinjo-ciqot1 {
  overflow: hidden;
}

.spinjo-xho5yc img {
  background: var(--Neutral-300);
}

.spinjo-zz9ane {
  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;
}

.spinjo-tk58im {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
}

.spinjo-tk58im:hover {
  background: var(--button-bg-hover);
}

.spinjo-omzst7 {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.spinjo-omzst7:hover {
  background: var(--button-bg-hover);
}

.spinjo-wrroa1 {
  font-size: 12px;
  line-height: 18px;
}

.spinjo-rqv05i {
  font-size: 18px;
  line-height: 26px;
}

.spinjo-mh2g6f {
  width: 100%;
}

.spinjo-86353g {
  padding: 6px 16px;
}

.spinjo-ee2sqi {
  padding: 10px 16px;
}

.spinjo-a0h29i {
  padding: 15px 26px;
}

.spinjo-xsr4xd {
  flex-shrink: 0;
}

.spinjo-5vgf05 {
  box-shadow:
    0 1px 33px 0 rgba(var(--Primary-200-rgb), 0.2),
    0 1px 22px 0 rgba(var(--Primary-200-rgb), 0.3);
}

.spinjo-ee1ye9 {
  display: none;
}

.spinjo-35jzpn {
  position: relative;
  width: 100%;
  margin: 0 auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.spinjo-tge8ni {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.spinjo-b1u38h {
  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;
}

.spinjo-jyixpc {
  cursor: grab;
}

.spinjo-b1u38h::-webkit-scrollbar {
  display: none;
}

.spinjo-m1dc60 {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  scroll-snap-align: start;
}

.spinjo-0tf8mh {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 40px;
  pointer-events: none;
}

.spinjo-x0u4ui {
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.spinjo-wv058h {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  visibility: hidden;
}

.spinjo-audqw5 {
  visibility: visible;
}

.spinjo-cam5rv {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--Text-400);
  border-radius: 8px;
  cursor: pointer;
  transition: 0.spinjo-klytnt ease;
}

.spinjo-3u9a9p {
  background-color: var(--Primary-200);
  width: 16px;
}

.spinjo-3zfm6e {
  -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.spinjo-klytnt,
    mask-image 0.3s;
}

.spinjo-3zfm6e.spinjo-67pdtv {
  -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;
  }
}

.spinjo-uvsy51: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;
}

.spinjo-ilgk24 {
  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.spinjo-i3fq80.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.spinjo-i3fq80.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;
}

.spinjo-wuskny {
  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);
}

.spinjo-wuskny::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%
  );
}

.spinjo-vhh9z9 {
  position: relative;
  z-index: 1;
}

.spinjo-uewrna {
  color: var(--Text-100);
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.spinjo-smcput {
  color: var(--Text-100);
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: capitalize;
  margin: 4px 0;
  overflow-wrap: break-word;
}

.spinjo-t5hnn4 {
  font-size: 40px;
  line-height: 48px;
}

.spinjo-w48ja3 {
  color: var(--Text-200);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.spinjo-7bvjqm {
  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;
}

.spinjo-7bvjqm:hover {
  background: var(--Primary-400);
}

.spinjo-7bvjqm svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  pointer-events: none;
  touch-action: none;
}

.spinjo-uvsy51 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) {
  .spinjo-wuskny {
    max-width: 600px;
    padding: 64px;
  }

  .spinjo-uewrna {
    font-size: 24px;
    line-height: 32px;
  }

  .spinjo-smcput {
    font-size: 72px;
    line-height: 88px;
    margin: 4px 0;
  }

  .spinjo-t5hnn4 {
    font-size: 50px;
    line-height: 56px;
  }

  .spinjo-w48ja3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
  }

  .spinjo-ilgk24 {
    top: 25px;
    right: 25px;
  }
}

.spinjo-5m0yi1,
.spinjo-gjr0az {
  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;
}

.spinjo-u92009.spinjo-b5p4yj::before,
.spinjo-gjr0az::before,
.spinjo-frisce::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.spinjo-i3fq80.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.spinjo-4zo31r 14.spinjo-l7wszg.spinjo-c96jny 14.spinjo-hvkk2p 15.spinjo-ydc00m 14.spinjo-9avb1n 15.spinjo-7b2ygj 14.spinjo-led992.spinjo-kald6b 14.spinjo-d34vje 19.spinjo-tgszfj 12.spinjo-35bys5 19.spinjo-tgszfj 10.spinjo-fwz72w.spinjo-tgszfj 8.spinjo-jbfwqe 17.spinjo-q9ch8i 7.spinjo-jn6g6z 15.spinjo-tj93js 7.spinjo-4idmg4.spinjo-qsny4z 7.spinjo-jn6g6z 11.spinjo-13kx6c 8.spinjo-jbfwqe 11.spinjo-13kx6c 10.spinjo-cagiqo.spinjo-13kx6c 12.spinjo-2jd7t0 13.spinjo-7gxbzf 14.spinjo-q2u5wv 15.spinjo-22f0qs 14.spinjo-v1ybtt.spinjo-u14hbe 14.spinjo-o4rt1b 15.spinjo-jcywua 14.spinjo-b4ue5w 15.spinjo-kg3rvl 14.spinjo-o9bq96.spinjo-4zo31r 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.spinjo-vf3q55 15.spinjo-bw5q2z.spinjo-yjngdn 15.spinjo-dmzin2 15.spinjo-rt7nd3 15.spinjo-hz70zw 15.spinjo-lkma94 15.spinjo-grmbk9.spinjo-oilj62 15.spinjo-hz70zw 15.spinjo-7zzeqa 15.spinjo-xvk050 15.spinjo-6c1eb5 15.spinjo-a42got.spinjo-j2pgd4 15.spinjo-40upjr 7.spinjo-oubhqn 18.spinjo-2onzbs 7.spinjo-ey9fcm 23.spinjo-20ocix.spinjo-bi6bnk.spinjo-6k03nr 18.spinjo-aan40q 19.spinjo-r51swu 15.spinjo-yi52rq 15.spinjo-vf3q55 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A");
}

.spinjo-3ojls4 [type="submit"] *,
.spinjo-d2ntip button * {
  pointer-events: none;
  touch-action: none;
}

@media screen and (max-width: 767px) {
  body:has(.pc61d126-chatbot-window[aria-hidden="false"]) .spinjo-nngprw {
    display: none;
  }
}

.spinjo-ncfhnm {
  position: fixed;
  right: 20px;
  bottom: 8px;
  z-index: 992;
  color: var(--Neutral-50);
}

body:has(header nav.open) .spinjo-ncfhnm {
  display: none;
}

@media (min-width: 768px) {
  .spinjo-ncfhnm {
    bottom: 22px;
  }
}

.spinjo-ncfhnm input {
  font-family: inherit;
}

@media (max-width: 767px) {
  body:has(.pc61d126-floating-bar-wrapper) .spinjo-ncfhnm {
    bottom: calc(var(--floating-bar-height) + 8px);
  }
}

@media (max-width: 767px) {
  body:has(.spinjo-1lz9c7.static) .spinjo-ncfhnm {
    bottom: 8px;
  }
}

.spinjo-fhqpti {
  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.spinjo-i3fq80.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.spinjo-c7wanf 3.spinjo-lskwrq.spinjo-m2m6dj.spinjo-a6e6tv 3.spinjo-xi3p1g 3.spinjo-nb6jsl 5.spinjo-dxrmlo 3.spinjo-nb6jsl 8.spinjo-xpffs3.spinjo-dzu0nk.spinjo-nb6jsl 26.spinjo-lmcoct 5.spinjo-m4pr28 28.spinjo-vol8et 8.spinjo-jygx73 28.spinjo-uusptt.spinjo-ajmxy5 28.spinjo-jrg25w.spinjo-hdxuwi 34.spinjo-nc0q59.spinjo-2fzvdz 36.spinjo-5vb475 11.spinjo-sx3z0f 37.spinjo-urpz8j 12.spinjo-w8mmpo 36.spinjo-og7mjm.spinjo-jt4ejl 28.spinjo-d0g21e.spinjo-2a0w1q.spinjo-lhf6hx 28.spinjo-ys5kly 36.spinjo-34gtow 26.spinjo-u5o9ii 36.spinjo-34gtow 23.spinjo-nk1zgl.spinjo-x1ycpl.spinjo-34gtow 5.spinjo-ipurr0 34.spinjo-usga74 3.spinjo-xi3p1g 31.spinjo-c7wanf 3.spinjo-7xzd3x.spinjo-xzdv2k 18.spinjo-yfzkkn.spinjo-zg59rv 18.spinjo-o4if20 8.spinjo-onuxsx 17.spinjo-zxmbim 8.spinjo-onuxsx 15.spinjo-j1a59i.spinjo-onuxsx 14.spinjo-lb1ezn 9.spinjo-zg59rv 13.spinjo-fhkzj8 11.spinjo-xzdv2k 13.spinjo-dapav3.spinjo-ddo3cu 13.spinjo-fhkzj8 13.spinjo-23yt95 14.spinjo-lb1ezn 13.spinjo-23yt95 15.spinjo-lyyw53.spinjo-23yt95 17.spinjo-zxmbim 12.spinjo-ddo3cu 18.spinjo-o4if20 11.spinjo-xzdv2k 18.spinjo-g2h5y9.spinjo-wjcq7h 18.spinjo-b2g1zo.spinjo-hcaday 18.spinjo-o4if20 17.spinjo-gaob0i 17.spinjo-zxmbim 17.spinjo-gaob0i 15.spinjo-jqy1ih.spinjo-gaob0i 14.spinjo-lb1ezn 18.spinjo-hcaday 13.spinjo-fhkzj8 20.spinjo-wjcq7h 13.spinjo-pw0ytq.spinjo-q2lk34 13.spinjo-fhkzj8 22.spinjo-jz2xm3 14.spinjo-lb1ezn 22.spinjo-jz2xm3 15.spinjo-j3itic.spinjo-xxvjn8 17.spinjo-zxmbim 21.spinjo-q2lk34 18.spinjo-o4if20 20.spinjo-wjcq7h 18.spinjo-xt2y5c.spinjo-q8jvtp 18.spinjo-49mp8d.spinjo-qgb8ua 18.spinjo-o4if20 26.spinjo-vasjk9 17.spinjo-zxmbim 26.spinjo-vasjk9 15.spinjo-1d381e.spinjo-vasjk9 14.spinjo-lb1ezn 27.spinjo-qgb8ua 13.spinjo-fhkzj8 28.spinjo-q8jvtp 13.spinjo-19kplb.spinjo-d33q1g 13.spinjo-fhkzj8 31.spinjo-bwls64 14.spinjo-lb1ezn 31.spinjo-bwls64 15.spinjo-a58aa8.spinjo-vasjk9 17.spinjo-zxmbim 30.spinjo-d33q1g 18.spinjo-o4if20 28.spinjo-q8jvtp 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"])
    .spinjo-fhqpti {
    display: none;
  }
}

.spinjo-gm1v9t {
  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) {
  .spinjo-gm1v9t {
    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;
}

.spinjo-d2ntip {
  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) {
  .spinjo-d2ntip {
    padding: 14px 16px;
  }
}

.spinjo-d2ntip button {
  border: none;
  background: none;
  cursor: pointer;
  align-content: center;
  color: var(--Neutral-50);
}

.spinjo-d2ntip button:first-child {
  align-content: end;
}

.spinjo-d2ntip button:first-of-type {
  display: none;
}

.pc61d126-chatbot[data-active-screen="2"]
  .spinjo-d2ntip
  button:first-of-type,
.pc61d126-chatbot[data-active-screen="3"]
  .spinjo-d2ntip
  button:first-of-type {
  display: initial;
  width: 44px;
  height: 16px;
}

.spinjo-d2ntip button:first-of-type svg {
  width: 30px;
  height: 30px;
}

.spinjo-d2ntip button:last-child svg {
  width: 38px;
  height: 38px;
}

.spinjo-frisce {
  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;
}

.spinjo-frisce::before {
  content: "";
  width: 48px;
}

.pc61d126-chatbot[data-active-screen="2"] .spinjo-frisce,
.pc61d126-chatbot[data-active-screen="3"]
  .spinjo-frisce {
  opacity: 1;
  visibility: visible;
}

.spinjo-j568bq {
  flex: 1 1;
}

.spinjo-0rknwh {
  display: none;
  padding: 64px 16px 16px;
}

@media screen and (min-width: 768px) {
  .spinjo-0rknwh {
    padding: 24px;
  }
}

.pc61d126-chatbot[data-active-screen="1"] .spinjo-n3dror {
  display: block;
}

.spinjo-wb051s {
  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) {
  .spinjo-wb051s {
    margin-top: 41px;
    font-size: 48px;
    line-height: 56px;
  }
}

.spinjo-gjr0az {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "avatar name" "button button";
  row-gap: 16px;
  column-gap: 12px;
  padding: 10px 14px;
}

.spinjo-gjr0az::before {
  content: "";
  grid-area: avatar;
  width: 50px;
  height: 50px;
  align-self: center;
}

.spinjo-fqpfen span {
  color: var(--Text-300);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  line-height: 16px;
}

.spinjo-fqpfen p {
  color: var(--Text-100);
}

.spinjo-gjr0az .spinjo-l7greg {
  grid-area: button;
}

.spinjo-gjr0az .spinjo-l7greg::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.spinjo-i3fq80.org/2000/svg'%3E%3Cpath d='M4.spinjo-2a9mmv 10H16.3327' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.spinjo-yex0sg 15L16.spinjo-yex0sg 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.spinjo-yex0sg 5L16.spinjo-yex0sg 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pc61d126-chatbot[data-active-screen="2"] .spinjo-tt9ga6 {
  display: block;
}

.spinjo-jzmn5r {
  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) {
  .spinjo-jzmn5r {
    margin-top: 40px;
  }
}

.spinjo-5m0yi1 label,
.spinjo-5m0yi1 input {
  display: block;
  width: 100%;
}

.spinjo-5m0yi1 label {
  margin-bottom: 16px;
  color: var(--Text-100);
  font-size: 14px;
  line-height: 20px;
}

.spinjo-5m0yi1 label.spinjo-28ivdd input {
  border: 1px solid var(--Accent-100);
  padding: 16px;
}

.spinjo-5m0yi1 label.spinjo-28ivdd::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;
}

.spinjo-5m0yi1 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;
}

.spinjo-5m0yi1 input::placeholder {
  color: var(--Text-400);
}

.spinjo-9p7h00 {
  padding: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.pc61d126-chatbot[data-active-screen="3"] .spinjo-9p7h00 {
  display: flex;
}

.spinjo-9p7h00 ol {
  list-style: none;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  height: calc(100vh - 170px);
}

@media screen and (min-width: 768px) {
  .spinjo-9p7h00 ol {
    height: 420px;
    padding: 24px;
  }
}

.spinjo-9p7h00 ol a {
  cursor: pointer;
  color: var(--Primary-100);
}

.spinjo-3ojls4 {
  flex: 0 0;
  position: relative;
  padding: 0 16px 16px;
}

@media screen and (min-width: 768px) {
  .spinjo-3ojls4 {
    padding: 0 24px 24px;
  }
}

.spinjo-3ojls4 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;
}

.spinjo-3ojls4 input::placeholder {
  color: var(--Text-400);
}

.spinjo-3ojls4 [type="submit"] {
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 32px;
  width: 22px;
  height: 22px;
}

.spinjo-3ojls4 [type="submit"]:disabled {
  opacity: 0.5;
}

.spinjo-3ojls4 [type="submit"] svg {
  color: var(--Neutral-50);
}

@media screen and (min-width: 768px) {
  .spinjo-3ojls4 [type="submit"] {
    right: 40px;
  }
}

.spinjo-u92009 {
  margin-bottom: 16px;
  color: var(--Primary-100);
}

.spinjo-u92009.spinjo-b5p4yj {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 12px;
  color: var(--Text-100);
  align-items: flex-end;
}

.spinjo-u92009.spinjo-b5p4yj::before {
  content: "";
  width: 31px;
}

.spinjo-u92009.spinjo-b5p4yj p {
  border-radius: 24px;
  border: 1px solid var(--Neutral-300);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.spinjo-u92009.spinjo-qoplho p {
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
}

.spinjo-u92009 p {
  padding: 15px 14px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.spinjo-ncfhnm .spinjo-l7greg {
  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;
  }
}

.spinjo-nngprw {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .spinjo-nngprw {
    padding: 16px 0;
    background: var(--fh-bg-color);
  }
}

@media (min-width: 1200px) {
  .spinjo-nngprw {
    padding: 18px 0;
  }
}

.spinjo-nngprw .spinjo-roeyqq {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .spinjo-nngprw .spinjo-roeyqq {
    padding: 16px;
    background: var(--fh-bg-color);
    min-height: 72px;
  }
}

.spinjo-y3pnpf {
  display: block;
  width: 100%;
  max-width: 128px;
  height: 32px;
  object-fit: contain;
  object-position: center left;
}

@media (min-width: 1200px) {
  .spinjo-y3pnpf {
    max-width: 160px;
    height: 40px;
  }
}

.spinjo-y3pnpf picture,
.spinjo-y3pnpf img {
  display: block;
  width: 100%;
  height: 100%;
}

.spinjo-y3pnpf img {
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 1199px) {
  .spinjo-odhlvv {
    position: fixed;
    right: 0;
    width: 100%;
    transition: transform 0.spinjo-klytnt ease;
    transform: translateX(100%);
    background: var(--menu-color);
    box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
  }

  .spinjo-nngprw.spinjo-021r2e .spinjo-odhlvv {
    transform: translateX(0);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .spinjo-odhlvv {
    top: 72px;
    max-width: 400px;
    height: calc(100% - 72px);
    overflow-y: auto;
    padding: 8px 16px;
  }
}

@media (max-width: 767px) {
  .spinjo-odhlvv {
    padding: 8px 16px;
    top: 128px;
    height: calc(100% - 128px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

.spinjo-c3y31l,
.spinjo-0tvq1o {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}

@media (min-width: 767px) {
  .spinjo-c3y31l,
  .spinjo-0tvq1o {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .spinjo-0tvq1o {
    display: none;
  }
}

.spinjo-xmjhzk {
  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;
}

.spinjo-021r2e .spinjo-xmjhzk {
  background: var(--fh-bg-color);
}

.spinjo-xmjhzk button {
  flex: 1 1;
  padding: 9px 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .spinjo-xmjhzk {
    display: none;
  }
}

.spinjo-uz8n8r {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .spinjo-uz8n8r {
    display: none;
  }
}

.spinjo-pknvi7 {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
  color: var(--Text-100);
  pointer-events: none;
  touch-action: none;
}

.spinjo-nngprw.spinjo-021r2e .spinjo-pknvi7:first-child {
  display: none;
}

.spinjo-nngprw.spinjo-021r2e .spinjo-pknvi7:last-child {
  display: block;
}

.spinjo-pknvi7:last-child {
  display: none;
}

@media (min-width: 1200px) {
  .spinjo-pknvi7 {
    display: none;
  }
}

.spinjo-9y1gb2 {
  position: relative;
  display: none;
  padding: 5px 9px 6px;
  color: var(--Text-100);
}

@media (min-width: 1200px) {
  .spinjo-9y1gb2 {
    display: flex;
  }
}

.spinjo-9y1gb2 ul {
  max-height: 350px;
  overflow-y: auto;
}

.spinjo-9y1gb2:hover ul {
  visibility: visible;
  opacity: 1;
}

.spinjo-9y1gb2:hover ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.spinjo-9y1gb2:hover ul::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-100);
}

.spinjo-9y1gb2:hover ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.spinjo-9y1gb2:hover .spinjo-6fob0i svg {
  transform: rotate(180deg);
}

.spinjo-zgi6me {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  width: 100%;
}

.spinjo-mrrcjx {
  padding: 0 8px;
}

.spinjo-ms99zs {
  display: flex;
  width: 100%;
  padding: 5px 9px;
  transition: 0.3s;
  color: var(--Text-100);
  border-radius: 8px;
}

.spinjo-ms99zs:hover {
  background-color: var(--Neutral-300);
}

@media (min-width: 1200px) {
  .spinjo-ms99zs {
    padding: 4px 8px;
  }
}

.spinjo-9vqrnk {
  display: flex;
}

.spinjo-9vqrnk img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border: 1px solid var(--Neutral-200);
  border-radius: 12px;
}

.spinjo-6fob0i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 2px;
}

.spinjo-6fob0i svg {
  transition: 0.3s;
  width: 13px;
  height: 13px;
}

.spinjo-r98ycj {
  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) {
  .spinjo-r98ycj {
    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;
  }
}

.spinjo-td368s {
  width: 100%;
}

@media (min-width: 1200px) {
  .spinjo-td368s {
    display: none;
  }
}

.spinjo-8l6ero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--Neutral-300);
}

.spinjo-4115sb {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--Text-100);
}

.spinjo-7cxivh {
  display: flex;
}

.spinjo-dwp4ji {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.spinjo-qnnksj {
  list-style: none;
}

@media (max-width: 1199px) {
  .spinjo-qnnksj {
    max-height: 90%;
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .spinjo-qnnksj {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .spinjo-qnnksj .spinjo-illjut [data-ref-el],
  .spinjo-qnnksj .spinjo-illjut span,
  .spinjo-qnnksj .spinjo-illjut a {
    white-space: nowrap;
  }
}

.spinjo-6tjl56 {
  width: 100%;
  transition: 0.3s;
  color: var(--Text-100);
  position: relative;
}

@media (max-width: 1199px) {
  .spinjo-6tjl56.spinjo-39usbr > .spinjo-illjut {
    background: var(--Neutral-300);
  }
}

@media (min-width: 1200px) {
  .spinjo-6tjl56.spinjo-uhco3i:hover > .sub-menu[data-depth="1"] {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 1199px) {
  .spinjo-6tjl56.spinjo-39usbr > .spinjo-pq8sgg {
    height: auto;
  }

  .spinjo-6tjl56.spinjo-39usbr > div > .spinjo-w6fqrw {
    transform: rotate(180deg);
  }
}

.spinjo-6tjl56 [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
}

.spinjo-6tjl56 [data-ref-el],
.spinjo-6tjl56 span {
  cursor: pointer;
}

.spinjo-6tjl56 [data-ref-el],
.spinjo-6tjl56 span,
.spinjo-6tjl56 a {
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
  color: var(--text-color);
  text-align: left;
  flex: 1 1;
}

@media (min-width: 768px) {
  .spinjo-6tjl56 [data-ref-el],
  .spinjo-6tjl56 span,
  .spinjo-6tjl56 a {
    font-size: 18px;
    line-height: 38px;
  }
}

@media (min-width: 1200px) {
  .spinjo-6tjl56 [data-ref-el],
  .spinjo-6tjl56 span,
  .spinjo-6tjl56 a {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
}

.spinjo-pq8sgg {
  height: 0;
  overflow: hidden;
  transition: height 0.spinjo-klytnt ease;
  padding-left: 24px;
  list-style: none;
  box-sizing: border-box;
}

.spinjo-pq8sgg::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.spinjo-pq8sgg::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-200);
}

.spinjo-pq8sgg::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
  .spinjo-pq8sgg {
    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;
  }

  .spinjo-pq8sgg:has(> .spinjo-6tjl56.active) {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  .spinjo-pq8sgg .spinjo-pq8sgg {
    padding: 0;
  }

  .spinjo-pq8sgg .spinjo-6tjl56 {
    font-weight: 400;
  }

  .spinjo-pq8sgg .spinjo-6tjl56:hover > .spinjo-illjut {
    background: var(--Neutral-300);
  }

  .spinjo-pq8sgg .spinjo-w6fqrw {
    rotate: -90deg;
  }
}

.spinjo-illjut {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 8px;
  border-radius: 16px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .spinjo-illjut {
    padding: 8px;
  }

  .spinjo-6tjl56.spinjo-8bb74n > .spinjo-illjut {
    background: var(--Neutral-300);
  }
}

.spinjo-w6fqrw {
  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.spinjo-i3fq80.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.spinjo-7cilbk 0.spinjo-otdo3r.spinjo-54uein -0.spinjo-ac5f5m 0.spinjo-5acwib -0.spinjo-ac5f5m 1.spinjo-blw6wa 0.spinjo-wmswrm.spinjo-al9hre 4.spinjo-1bgvbr.spinjo-7cilbk 0.spinjo-nwjsqw.spinjo-vu5z1a -0.spinjo-ac5f5m 9.spinjo-hncd54 -0.spinjo-ac5f5m 10.spinjo-swvt5j 0.spinjo-6b0jyg.spinjo-w98al0 0.spinjo-54uein 10.spinjo-w98al0 0.spinjo-5acwib 10.spinjo-swvt5j 1.spinjo-dec7zx.spinjo-gjlj7h 5.spinjo-0vkwea.spinjo-383gdo 6.spinjo-ox91v4 5.spinjo-ia5c9h 6.spinjo-ox91v4 4.spinjo-m0i1yj 5.spinjo-877kcg.spinjo-7cilbk 1.spinjo-b6tlsr.spinjo-ac5f5m 0.spinjo-5acwib -0.spinjo-ac5f5m 0.spinjo-54uein 0.spinjo-7cilbk 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 10px;
  transition: rotate 0.spinjo-klytnt ease;
  background-color: var(--Text-100);
}

@media (min-width: 1200px) {
  .spinjo-w6fqrw {
    cursor: default;
  }
}

.spinjo-7oqka8 {
  position: fixed;
  z-index: 1001;
  top: 80px;
  left: 100px;
  visibility: visible;
  opacity: 1;
  max-height: 290px;
  height: auto;
}

.spinjo-i3r8t9 {
  padding: 24px 0;
  border-top: 1px solid var(--border-color);
  gap: 32px;
  background-color: var(--fh-bg-color);
}

@media screen and (min-width: 768px) {
  .spinjo-i3r8t9 {
    padding: 40px 4px;
  }
}

.spinjo-w8pmme {
  margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
  .spinjo-w8pmme {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
}

.spinjo-3r8osa {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .spinjo-3r8osa {
    margin-right: 32px;
    margin-bottom: 20px;
  }
}

.spinjo-3r8osa ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 8px;
}

.spinjo-3r8osa [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
}

.spinjo-3r8osa [data-ref-el],
.spinjo-3r8osa span,
.spinjo-3r8osa a {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  padding: 4px 8px;
  color: var(--text-color);
}

.spinjo-3ay6jr {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 340px;
  margin-bottom: 32px;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .spinjo-3ay6jr {
    margin-bottom: 12px;
  }
}

.spinjo-5tad0d {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.spinjo-5tad0d img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1200px) {
  .spinjo-5tad0d:last-child {
    margin-right: 0;
  }
}

.spinjo-bbk20v {
  line-height: 19px;
  margin-top: -4px;
  position: relative;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.spinjo-3ay6jr:hover .spinjo-vrqgqy {
  visibility: visible;
  opacity: 1;
}

.spinjo-vrqgqy {
  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);
}

.spinjo-wmcr96 {
  display: grid;
  margin: -6px;
  grid-template-columns: repeat(5, 1fr);
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.spinjo-qu5eld {
  display: flex;
  margin: 6px;
}

.spinjo-qu5eld img {
  display: block;
  max-width: 32px;
  object-fit: contain;
}

.spinjo-vrqgqy::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);
}

.spinjo-vrqgqy::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);
}

.spinjo-yg3oi1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1200px) {
  .spinjo-yg3oi1 {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}

.spinjo-g4p153 {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-color);
}

@media (min-width: 1200px) {
  .spinjo-g4p153 {
    margin-right: 32px;
  }
}

.spinjo-9jo0av {
  width: 100%;
  max-width: 340px;
  margin-top: 10px;
  text-align: left;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .spinjo-9jo0av {
    margin-top: 0;
    width: 340px;
  }
}

.spinjo-9jo0av a {
  line-height: 19px;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.spinjo-hom4sb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.spinjo-znrjyt {
  position: relative;
}

@media (min-width: 768px) {
  .spinjo-znrjyt {
    margin-top: 40px;
  }
}

.spinjo-znrjyt + .spinjo-xeaza2,
.spinjo-znrjyt + .spinjo-znrjyt {
  margin-top: 24px;
}

.spinjo-jihvcg {
  padding: 40px 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 700px;
}

@media screen and (min-width: 768px) {
  .spinjo-jihvcg {
    padding: 80px 16px;
    border-radius: 24px;
    min-height: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .spinjo-jihvcg {
    padding: 80px;
  }
}

.spinjo-mr81oz {
  position: relative;
  z-index: 1;
  padding: 0;
}

@media screen and (min-width: 563px) {
  .spinjo-mr81oz {
    padding: 0 16px;
}


}

.spinjo-sbqwnw {
  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) {
  .spinjo-sbqwnw {
    font-size: 48px;
    line-height: 56px;
  }
}

.spinjo-8xhbxu {
  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) {
  .spinjo-8xhbxu {
    font-size: 24px;
    line-height: 32px;
  }
}

.spinjo-v7rd2d {
  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;
}

.spinjo-v7rd2d:hover {
  background: var(--button-bg-hover);
}

.spinjo-u4fr67 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.spinjo-u4fr67 img {
  display: block;
  width: 100%;
  /* min-height: 100%; */
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .spinjo-u4fr67 img {
  min-height: initial;
  }
}

@media (max-width: 563px) {
  .spinjo-u4fr67 img {
  min-height: 100%;
  }
}

.spinjo-jihvcg::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.spinjo-4fthth {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.spinjo-4fthth h1,
.spinjo-4fthth h2,
.spinjo-4fthth h3,
.spinjo-4fthth h4 {
  margin-bottom: 6px;
}

.spinjo-4fthth h1:not(:first-child),
.spinjo-4fthth h2:not(:first-child),
.spinjo-4fthth h3:not(:first-child),
.spinjo-4fthth h4:not(:first-child) {
  margin-top: 16px;
}

.spinjo-4fthth h1,
.spinjo-4fthth h1 > * {
  font-size: 40px;
  line-height: 48px;
}

@media (min-width: 768px) {
  .spinjo-4fthth h1,
  .spinjo-4fthth h1 > * {
    font-size: 48px;
    line-height: 60px;
  }
}

.spinjo-4fthth h2,
.spinjo-4fthth h2 > * {
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .spinjo-4fthth h2,
  .spinjo-4fthth h2 > * {
    font-size: 40px;
    line-height: 48px;
  }
}

.spinjo-4fthth h3,
.spinjo-4fthth h3 > * {
  font-size: 24px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .spinjo-4fthth h3,
  .spinjo-4fthth h3 > * {
    font-size: 32px;
    line-height: 40px;
  }
}

.spinjo-4fthth h4,
.spinjo-4fthth h4 > * {
  font-size: 24px;
  line-height: 32px;
}

.spinjo-4fthth ul {
  font-size: 16px;
  margin: 6px 0 14px;
  padding: 0;
  padding-left: 8px;
  list-style: none;
}

.spinjo-4fthth ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 16px;
  list-style-type: none;
}

.spinjo-4fthth 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);
}

.spinjo-4fthth ul ul {
  margin-bottom: 8px;
}

.spinjo-4fthth ul ul > li {
  margin-top: 16px;
  padding-left: 33px;
}

.spinjo-4fthth ul ul > li::before {
  left: 16px;
  border: 1px solid var(--Text-300);
  background: rgba(0, 0, 0, 0);
}

.spinjo-4fthth ol {
  font-size: 16px;
  margin: 6px 0 14px;
  padding-left: 24px;
  list-style: decimal;
}

.spinjo-4fthth ol li {
  margin-bottom: 8px;
  padding-left: 6px;
}

.spinjo-4fthth ol li::marker {
  font-weight: 700;
}

.spinjo-4fthth ol ol {
  margin-bottom: 8px;
}

.spinjo-4fthth ol ol > li {
  margin-top: 16px;
  padding-left: 0;
}

.spinjo-4fthth ol ul li {
  padding-left: 16px;
}

.spinjo-4fthth 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) {
  .spinjo-4fthth table {
    padding: 24px;
  }
}

.spinjo-4fthth table.spinjo-l3u661 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.spinjo-klytnt,
    mask-image 0.3s;
}

.spinjo-4fthth table.spinjo-l3u661.spinjo-67pdtv {
  -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) {
  .spinjo-4fthth table {
    display: table;
  }
}

.spinjo-4fthth 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);
}

.spinjo-4fthth table thead th:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.spinjo-4fthth table thead th:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.spinjo-4fthth 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) {
  .spinjo-4fthth table tbody td {
    width: auto;
    white-space: wrap;
  }
}

.spinjo-4fthth table tbody td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.spinjo-4fthth table tbody td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.spinjo-4fthth table tbody td img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 14px;
  vertical-align: middle;
}

.spinjo-4fthth img {
  max-width: 100%;
  height: auto;
}

.spinjo-el94af {
  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) {
  .spinjo-el94af {
    padding: 24px;
  }
}

.spinjo-zemcx9 {
  color: var(--text-color);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .spinjo-zemcx9 {
    font-size: 40px;
    line-height: 48px;
    max-width: 62%;
  }
}

.spinjo-zemcx9 > * {
  margin: 0 !important;
}

.spinjo-zemcx9 img,
.spinjo-zs1c3o {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .spinjo-zemcx9 img,
  .spinjo-zs1c3o {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.spinjo-2v0a9l {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--text-color);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .spinjo-2v0a9l {
    width: 32px;
    height: 32px;
  }
}

.spinjo-9drf3f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.spinjo-9drf3f .spinjo-sn8wf8 {
  flex-shrink: 0;
}

.spinjo-9drf3f .spinjo-sfnij0 svg {
  display: none;
}

.spinjo-vxlj78 {
  display: grid;
  transition: max-height 0.spinjo-klytnt ease-in-out;
  column-gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 508px) {
  .spinjo-vxlj78 {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .spinjo-vxlj78 {
    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));
  }
}

.spinjo-vxlj78.spinjo-tdzcw6 + .spinjo-sn8wf8 svg {
  transform: rotate(180deg);
}

.spinjo-j7pbzw {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  height: max-content;
}

.spinjo-j7pbzw > div:nth-child(3n) {
  grid-column: span 2;
}

.spinjo-j7pbzw
  > div:nth-child(3n)
  .spinjo-2k0avp
  button {
  max-width: 270px;
}

@media (min-width: 768px) {
  .spinjo-j7pbzw {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .spinjo-j7pbzw > div:nth-child(3n) {
    grid-column: unset;
  }

  .spinjo-j7pbzw
    > div:nth-child(3n)
    .spinjo-2k0avp
    button {
    max-width: 83px;
  }
}

@media (min-width: 1200px) {
  .spinjo-j7pbzw {
    max-width: 270px;
  }
}

.spinjo-j7pbzw .spinjo-2k0avp button {
  max-width: 96px;
}

@media (min-width: 375px) {
  .spinjo-j7pbzw .spinjo-2k0avp button {
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .spinjo-j7pbzw .spinjo-2k0avp button {
    max-width: 104px;
  }
}

.spinjo-sei0xj {
  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) {
  .spinjo-sei0xj {
    margin-bottom: 0;
  }
}

.spinjo-y1u0kh {
  display: none;
  opacity: 0;
}

.spinjo-nzcymx {
  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;
  }
}

.spinjo-nzcymx img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.spinjo-2k0avp {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--Text-400);
  gap: 4px;
  position: relative;
}

.spinjo-2k0avp button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media (min-width: 768px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .spinjo-2k0avp
    button {
    max-width: 124px;
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .spinjo-2k0avp
    button {
    max-width: 145px;
  }
}

.spinjo-5iygp0:first-child
  .spinjo-2k0avp
  button {
  max-width: 270px;
}

.spinjo-bfo7kw {
  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%;
}

.spinjo-sei0xj picture {
  width: 100%;
  max-width: 100%;
}

.spinjo-aemny1 {
  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;
}

.spinjo-aemny1 svg {
  outline: 10px solid var(--button-bg-color);
  border-radius: 1px;
  background: var(--button-bg-color);
}

.spinjo-sei0xj:hover .spinjo-aemny1 {
  display: flex;
}

.spinjo-45lbtj {
  font-size: 12px;
  line-height: 16px;
  color: var(--Text-400);
}

.spinjo-8h0s9i {
  display: flex;
}

.spinjo-8h0s9i:hover .spinjo-f8qvdn,
.spinjo-8h0s9i .spinjo-8bb74n .spinjo-f8qvdn {
  display: flex;
}

.spinjo-8h0s9i svg {
  flex-shrink: 0;
}

.spinjo-f8qvdn {
  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) {
  .spinjo-f8qvdn {
    width: 174px;
    right: -28px;
    padding: 12px;
  }
}

.spinjo-f8qvdn:hover {
  display: flex;
}

.spinjo-f8qvdn svg {
  color: var(--Neutral-300);
  position: absolute;
  right: 19px;
  top: -11px;
}

.spinjo-dksz4y {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  color: var(--Text-100);
  line-height: 16px;
  width: 100%;
  font-size: 10px;
}

@media (min-width: 768px) {
  .spinjo-dksz4y {
    font-size: 12px;
  }
}

.spinjo-hxk3ir,
.spinjo-4mv9ke {
  width: 50%;
  flex-shrink: 0;
}

.spinjo-hxk3ir {
  font-weight: 700;
}

.spinjo-b73jmt .spinjo-vxlj78 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .spinjo-b73jmt .spinjo-vxlj78 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .spinjo-b73jmt .spinjo-vxlj78 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.spinjo-b73jmt
  .spinjo-bfo7kw:has(img) {
  max-height: initial !important;
  aspect-ratio: 1/1;
}

.spinjo-b73jmt .spinjo-nzcymx {
  height: 100% !important;
  border-radius: 16px;
}

.spinjo-b73jmt .spinjo-2k0avp {
  gap: 4px;
  align-items: center;
}

.spinjo-b73jmt .spinjo-2k0avp button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spinjo-b73jmt .spinjo-2k0avp svg {
  display: block;
  aspect-ratio: 1/1;
  flex: 0 0 16px;
}

.spinjo-b73jmt .spinjo-062vru,
.spinjo-b73jmt .spinjo-o6ub40 {
  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.spinjo-i3fq80.org/2000/svg'%3E%3Cpath d='M9.spinjo-n6j49k 4.spinjo-tgn2ql.spinjo-40xw5b 5.spinjo-0sya9z.spinjo-atchb1 5.spinjo-4wacj4.spinjo-lix473 5.spinjo-9vkyn2.spinjo-76n1xi 8.spinjo-lk62qd.spinjo-yct1y6 9.spinjo-h2x099.spinjo-6ro3q5 9.spinjo-zwrclt.spinjo-b470h5 13.spinjo-d651ne.spinjo-evjx13 11.spinjo-naohju.spinjo-w2n101 11.spinjo-9a28ia.spinjo-oca1w0 11.spinjo-p9oqsg.spinjo-gi0yl8 13.spinjo-orqg60.spinjo-h5142u 9.spinjo-53fz4p.spinjo-p77co7 9.spinjo-vtjqz0.spinjo-ls6s89 8.spinjo-0zxh0p.spinjo-5ggw4p 5.spinjo-vuwclu.spinjo-kk5j65 5.spinjo-loa5qs.spinjo-s45t9m 5.spinjo-pcd3lz.spinjo-0g3l0r 4.spinjo-692hwt.spinjo-w2n101 1.spinjo-s47552.spinjo-n6j49k 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A");
}

.spinjo-b73jmt .spinjo-062vru {
  background-color: hsl(from var(--Neutral-50) h s l/30%);
  width: 81px;
}

.spinjo-b73jmt .spinjo-o6ub40 {
  display: block;
  background-color: var(--Accent-Yellow-300, #fb0);
}

.spinjo-4bizj3 {
  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) {
  .spinjo-4bizj3 {
    padding: 24px;
  }
}

.spinjo-4bizj3 .spinjo-sn8wf8 {
  display: flex;
}

@media (min-width: 768px) {
  .spinjo-4bizj3 .spinjo-sn8wf8 {
    display: none;
  }
}

.spinjo-4bizj3 .spinjo-sfnij0 svg {
  display: none;
}

.spinjo-75sllx {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.spinjo-75sllx .spinjo-zz9ane {
  display: none;
}

@media (min-width: 768px) {
  .spinjo-75sllx .spinjo-zz9ane {
    display: flex;
  }
}

.spinjo-hul2r0 {
  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) {
  .spinjo-hul2r0 {
    font-size: 40px;
    line-height: 48px;
  }
}

.spinjo-hul2r0 > * {
  margin: 0 !important;
}

.spinjo-hul2r0 img,
.spinjo-pzd3fs {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .spinjo-hul2r0 img,
  .spinjo-pzd3fs {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.spinjo-geoyrt {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .spinjo-geoyrt {
    width: 32px;
    height: 32px;
  }
}

.spinjo-n2gseb {
  display: grid;
  overflow: hidden;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
  .spinjo-n2gseb {
    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;
  }

  .spinjo-n2gseb::-webkit-scrollbar {
    display: none;
  }
}

.spinjo-cu7345 {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 7px;
}

@media (min-width: 768px) {
  .spinjo-cu7345 {
    padding: 7px 15px;
  }
}

.spinjo-cu7345:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.spinjo-yd180l {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .spinjo-yd180l {
    display: flex;
    opacity: 1;
  }
}

.spinjo-cu7345 picture {
  height: 100%;
  display: block;
}

.spinjo-cu7345 img {
  display: block;
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .spinjo-cu7345 img {
    width: 88px;
    height: 44px;
  }
}

.spinjo-cu7345 p {
  text-align: center;
  width: 100%;
}

.spinjo-v0ihh8 {
  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) {
  .spinjo-v0ihh8 {
    font-size: 40px;
    line-height: 48px;
  }
}

.spinjo-v0ihh8 img,
.spinjo-7tcaka {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .spinjo-v0ihh8 img,
  .spinjo-7tcaka {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.spinjo-2xefmv {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .spinjo-2xefmv {
    width: 32px;
    height: 32px;
  }
}

.spinjo-rlzk4c {
  color: var(--Text-200);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}

.spinjo-zaelbx {
  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;
}

.spinjo-ddmytb {
  padding: 10px 15px 12px;
  transition: 0.3s;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}

.spinjo-ddmytb.spinjo-8bb74n {
  border-bottom: 4px solid var(--button-bg-color, #70f);
}

.spinjo-0k7g1m {
  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) {
  .spinjo-0k7g1m {
    font-size: 20px;
    line-height: 28px;
  }
}

.spinjo-r69mcc {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  color: var(--text-color);
}

.spinjo-lz5xxx {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  transition: 0.spinjo-klytnt ease;
  opacity: 0;
  color: var(--text-color);
}

.spinjo-j2534f {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 0 0;
}

.spinjo-j2534f ol,
.spinjo-j2534f ul {
  padding-left: 1.3em;
}

.spinjo-ddmytb.spinjo-8bb74n .spinjo-lz5xxx {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.spinjo-ddmytb.spinjo-8bb74n .spinjo-r69mcc {
  transform: rotate(180deg);
  color: var(--text-color);
}

.spinjo-o2fyef {
  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) {
  .spinjo-o2fyef {
    padding: 24px;
  }
}

.spinjo-o2fyef .spinjo-sn8wf8 {
  display: flex;
}

@media (min-width: 768px) {
  .spinjo-o2fyef .spinjo-sn8wf8 {
    display: none;
  }
}

.spinjo-o2fyef .spinjo-sfnij0 svg {
  display: none;
}

.spinjo-7cc99j {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.spinjo-7cc99j .spinjo-zz9ane {
  display: none;
}

@media (min-width: 768px) {
  .spinjo-7cc99j .spinjo-zz9ane {
    display: flex;
  }
}

.spinjo-s3udws {
  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) {
  .spinjo-s3udws {
    align-items: center;
    font-size: 40px;
    line-height: 48px;
  }
}

.spinjo-s3udws > * {
  margin: 0 !important;
}

.spinjo-s3udws img,
.spinjo-nvnu9h {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .spinjo-s3udws img,
  .spinjo-nvnu9h {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.spinjo-3eo6ls {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .spinjo-3eo6ls {
    width: 32px;
    height: 32px;
  }
}

.spinjo-7kguks {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .spinjo-7kguks {
    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;
  }

  .spinjo-7kguks::-webkit-scrollbar {
    display: none;
  }
}

.spinjo-3rlwgr {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 8px 16px;
  height: 60px;
}

.spinjo-3rlwgr:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.spinjo-g63pr0 {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .spinjo-g63pr0 {
    display: flex;
    opacity: 1;
  }
}

.spinjo-3rlwgr picture {
  width: auto;
  height: 100%;
  display: block;
}

.spinjo-3rlwgr picture img {
  display: block;
  width: auto;
  height: 100%;
}

.spinjo-bbnaba {
  margin: -24px 0;
}

.spinjo-bbnaba:first-of-type {
  margin-top: 24px;
}

@media (min-width: 1200px) {
  .spinjo-bbnaba {
    margin: -16px 0;
  }
}

.spinjo-3hjjcs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .spinjo-3hjjcs {
    flex-direction: row;
  }
}

.spinjo-yyhaal {
  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) {
  .spinjo-yyhaal {
    flex: 1;
  }
}

.spinjo-yyhaal::placeholder {
  color: var(--Text-400);
}

.spinjo-sbt1wv {
  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;
}

.spinjo-i3ojbi {
  display: flex;
  margin: -4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.spinjo-i3ojbi::-webkit-scrollbar {
  display: none;
}

.spinjo-a1rh0e {
  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;
}

.spinjo-a1rh0e img,
.spinjo-a1rh0e svg {
  margin-right: 8px;
}

.spinjo-mm514q {
  background: var(--Primary-200);
  color: var(--Text-00);
}

.spinjo-bbnaba + .spinjo-xdhz9v {
  margin-top: 0;
}

@media (min-width: 768px) {
  .spinjo-bbnaba + .spinjo-xdhz9v {
    margin-top: -16px;
  }
}

.spinjo-bls6wq {
  border-radius: 4px;
  overflow-y: auto;
  position: absolute;
  background-color: var(--Neutral-300);
  width: 100%;
  z-index: 990;
  top: 54px;
}

.spinjo-bls6wq > * {
  padding: 12px;
  color: var(--Text-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.spinjo-bls6wq > *:hover {
  box-shadow: inset 0px 0px 3px var(--Text-300);
  background-color: var(--Neutral-100);
}

.spinjo-g0p17d {
  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;
}

.spinjo-j575ki {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.spinjo-b5it9c {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.spinjo-ej2npt {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.spinjo-1cdx4f {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
  width: auto;
  height: 170px;
}

.spinjo-g0p17d 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;
}

.spinjo-g0p17d 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) {
  .spinjo-g0p17d {
    padding: 39px 179px 39px 39px;
  }

  .spinjo-j575ki {
    font-size: 40px;
    line-height: 48px;
  }

  .spinjo-1cdx4f {
    height: 348px;
  }

  .spinjo-g0p17d button {
    font-size: 18px;
    line-height: 26px;
    flex: 0 0 auto;
    padding: 15px 23px;
  }

  .spinjo-g0p17d button svg {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .spinjo-g0p17d {
    padding: 63px;
  }
}

.spinjo-pvlud1 {
  display: flex;
  align-items: center;
  padding: 8px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .spinjo-pvlud1 {
    flex-wrap: nowrap;
    padding: 16px 0;
  }
}

.spinjo-0qhzx8 {
  font-size: 14px;
  width: 100%;
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .spinjo-0qhzx8 {
    width: auto;
  }
}

.spinjo-o10emo {
  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;
}

.spinjo-o10emo::-webkit-scrollbar {
  display: none;
}

.spinjo-o10emo 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);
}

.spinjo-o10emo a:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .spinjo-o10emo {
    margin-left: 16px;
    margin-top: 0;
  }
}

.spinjo-pvlud1 .spinjo-xtn64z {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.spinjo-klytnt,
    mask-image 0.3s;
}

.spinjo-pvlud1 .spinjo-xtn64z.spinjo-67pdtv {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

.spinjo-nzkahe {
  margin: 40px -16px;
}

.spinjo-6ps1b1 + .spinjo-xeaza2,
.spinjo-6ps1b1 + .spinjo-znrjyt {
  margin-top: 24px;
}

.spinjo-kjuzw6 {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-200);
}

.spinjo-kjuzw6 picture {
  display: flex;
  width: 100%;
  min-height: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.spinjo-yawwki {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 46px;
  padding: 0 8px;
}

@media (min-width: 768px) {
  .spinjo-yawwki {
    padding: 0 15px;
    margin-bottom: 40px;
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  .spinjo-yawwki {
    margin-top: 0;
  }
}

.spinjo-llvnfx {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .spinjo-llvnfx {
    font-size: 24px;
    line-height: 32px;
  }
}

.spinjo-gej10l {
  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) {
  .spinjo-gej10l {
    gap: 24px;
    padding: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
  }
}

.spinjo-5khsfc {
  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) {
  .spinjo-5khsfc {
    margin-bottom: 0;
    margin-right: 32px;
    padding: 40px;
  }
}

.spinjo-s5a49g {
  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) {
  .spinjo-s5a49g {
    font-size: 20px;
    line-height: 28px;
  }
}

.spinjo-nc9jp4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: var(--Text-100);
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .spinjo-nc9jp4 {
    font-size: 32px;
    line-height: 40px;
  }
}

.spinjo-javly0 {
  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;
}

.spinjo-irm5p1 {
  display: block;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.spinjo-irm5p1 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.spinjo-xdhz9v {
  margin: 24px auto 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.spinjo-l3vh1t {
  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) {
  .spinjo-l3vh1t {
    padding: 15px 48px;
  }
}

main > .spinjo-xdhz9v {
  margin: -26px auto -16px;
}

@media (max-width: 700px) {
  .spinjo-vxlj78.spinjo-q6an3e > div:nth-child(n+5) {
    display: none;
  }
}

.spinjo-4fthth p a img {
  display: block;
  margin: 0 auto;
}


.spinjo-a34w1q {
  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 */
.spinjo-aimpit {
  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;
}

.spinjo-aimpit label {
  font-size: 14px;
}

.spinjo-aimpit h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.spinjo-aimpit input,
.spinjo-aimpit textarea,
.spinjo-aimpit 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;
}
.spinjo-aimpit button {
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  border: none;
  cursor: pointer;
  transition: background 0.spinjo-manoz8 ease;
}
.spinjo-aimpit button:hover {
  background-color: var(--button-bg-hover);
}
.spinjo-r7og5f {
  text-align: center;
  color: green;
  font-weight: 500;
  padding: 50px 0;
  animation: fadeIn 0.spinjo-vvkp84 ease-in;
}

.spinjo-r7og5f 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;
}
.spinjo-6i90h3, .spinjo-prlhzp, [class*="review-card"],
thead, thead th, table th, .spinjo-abunpi,
.spinjo-pixbof, [class*="collapsible-header"],
.spinjo-x23lmd, [class*="updated-block"] {
  color: #ece7dc !important;
}
