* {
  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;
  }
}

.uuspin-277kz2 {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .uuspin-277kz2 {
    max-width: 752px;
  }
}

@media screen and (min-width: 1200px) {
  .uuspin-277kz2 {
    padding: 0 16px;
    max-width: 1248px;
  }
}

.uuspin-tflzt7 {
  overflow: hidden;
}

.uuspin-6bmwbe img {
  background: var(--Neutral-300);
}

.uuspin-2vn7d0 {
  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;
}

.uuspin-jyv3ls {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
}

.uuspin-jyv3ls:hover {
  background: var(--button-bg-hover);
}

.uuspin-z9z3go {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.uuspin-z9z3go:hover {
  background: var(--button-bg-hover);
}

.uuspin-dc227m {
  font-size: 12px;
  line-height: 18px;
}

.uuspin-5687l1 {
  font-size: 18px;
  line-height: 26px;
}

.uuspin-noyoq5 {
  width: 100%;
}

.uuspin-6uuy2c {
  padding: 6px 16px;
}

.uuspin-txp4dc {
  padding: 10px 16px;
}

.uuspin-r1i457 {
  padding: 15px 26px;
}

.uuspin-h4pgxz {
  flex-shrink: 0;
}

.uuspin-9gk6yy {
  box-shadow:
    0 1px 33px 0 rgba(var(--Primary-200-rgb), 0.2),
    0 1px 22px 0 rgba(var(--Primary-200-rgb), 0.3);
}

.uuspin-fhizal {
  display: none;
}

.uuspin-3cb673 {
  position: relative;
  width: 100%;
  margin: 0 auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.uuspin-muowb7 {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.uuspin-3bab3a {
  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;
}

.uuspin-bhh6yx {
  cursor: grab;
}

.uuspin-3bab3a::-webkit-scrollbar {
  display: none;
}

.uuspin-1yzmmg {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  scroll-snap-align: start;
}

.uuspin-blv8ti {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 40px;
  pointer-events: none;
}

.uuspin-la683g {
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.uuspin-a2b0p0 {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  visibility: hidden;
}

.uuspin-wbnaks {
  visibility: visible;
}

.uuspin-n7m6g6 {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--Text-400);
  border-radius: 8px;
  cursor: pointer;
  transition: 0.uuspin-g4ygn2 ease;
}

.uuspin-jlsfy1 {
  background-color: var(--Primary-200);
  width: 16px;
}

.uuspin-8e3rqv {
  -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.uuspin-g4ygn2,
    mask-image 0.3s;
}

.uuspin-8e3rqv.uuspin-loaqf1 {
  -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;
  }
}

.uuspin-se7whl: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;
}

.uuspin-4d7d90 {
  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.uuspin-ldxyuc.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.uuspin-ldxyuc.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;
}

.uuspin-swdck6 {
  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);
}

.uuspin-swdck6::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%
  );
}

.uuspin-yangju {
  position: relative;
  z-index: 1;
}

.uuspin-8nyoep {
  color: var(--Text-100);
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

.uuspin-wlxlsy {
  color: var(--Text-100);
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  text-transform: capitalize;
  margin: 4px 0;
  overflow-wrap: break-word;
}

.uuspin-lwt9vq {
  font-size: 40px;
  line-height: 48px;
}

.uuspin-l3iu76 {
  color: var(--Text-200);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.uuspin-dswk0y {
  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;
}

.uuspin-dswk0y:hover {
  background: var(--Primary-400);
}

.uuspin-dswk0y svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  pointer-events: none;
  touch-action: none;
}

.uuspin-se7whl 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) {
  .uuspin-swdck6 {
    max-width: 600px;
    padding: 64px;
  }

  .uuspin-8nyoep {
    font-size: 24px;
    line-height: 32px;
  }

  .uuspin-wlxlsy {
    font-size: 72px;
    line-height: 88px;
    margin: 4px 0;
  }

  .uuspin-lwt9vq {
    font-size: 50px;
    line-height: 56px;
  }

  .uuspin-l3iu76 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
  }

  .uuspin-4d7d90 {
    top: 25px;
    right: 25px;
  }
}

.uuspin-mkgu9u,
.uuspin-ya9t0c {
  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;
}

.uuspin-bw81r2.uuspin-7cmwxw::before,
.uuspin-ya9t0c::before,
.uuspin-c6jzag::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.uuspin-ldxyuc.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.uuspin-zc2fxr 14.uuspin-xlan5s.uuspin-m34v16 14.uuspin-lmvuat 15.uuspin-6wvm8f 14.uuspin-jsi84a 15.uuspin-awpeez 14.uuspin-8s0mqb.uuspin-s093xl 14.uuspin-jh4hjk 19.uuspin-ax7rkp 12.uuspin-izhx4z 19.uuspin-ax7rkp 10.uuspin-fz69p0.uuspin-ax7rkp 8.uuspin-63s9u8 17.uuspin-e4r2hu 7.uuspin-jr8sev 15.uuspin-zhb0qu 7.uuspin-ynz6pj.uuspin-f03z64 7.uuspin-jr8sev 11.uuspin-mmipnj 8.uuspin-63s9u8 11.uuspin-mmipnj 10.uuspin-d2lv7u.uuspin-mmipnj 12.uuspin-pffhrm 13.uuspin-kq6hep 14.uuspin-ksht1b 15.uuspin-dzd92c 14.uuspin-5ol2f0.uuspin-dre6rj 14.uuspin-ohjh5k 15.uuspin-hc8mty 14.uuspin-lx8cpi 15.uuspin-g2b3dv 14.uuspin-mj0o5a.uuspin-zc2fxr 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.uuspin-t9c3w5 15.uuspin-wgr448.uuspin-ra4t04 15.uuspin-z7jwlb 15.uuspin-swafeu 15.uuspin-3z9dyt 15.uuspin-yq2ufe 15.uuspin-e89w2w.uuspin-yq0tvf 15.uuspin-3z9dyt 15.uuspin-kh2ge8 15.uuspin-dzny83 15.uuspin-ujxami 15.uuspin-t0yh4v.uuspin-l5pr4e 15.uuspin-hinwoc 7.uuspin-wuylpg 18.uuspin-ij107l 7.uuspin-1pkl2x 23.uuspin-sqm0z2.uuspin-ew9x7z.uuspin-3alhan 18.uuspin-v9zt0v 19.uuspin-avv43o 15.uuspin-8bkptu 15.uuspin-t9c3w5 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A");
}

.uuspin-a5yayz [type="submit"] *,
.uuspin-vzqg8i button * {
  pointer-events: none;
  touch-action: none;
}

@media screen and (max-width: 767px) {
  body:has(.pc61d126-chatbot-window[aria-hidden="false"]) .uuspin-58l0f3 {
    display: none;
  }
}

.uuspin-g921k9 {
  position: fixed;
  right: 20px;
  bottom: 8px;
  z-index: 992;
  color: var(--Neutral-50);
}

body:has(header nav.open) .uuspin-g921k9 {
  display: none;
}

@media (min-width: 768px) {
  .uuspin-g921k9 {
    bottom: 22px;
  }
}

.uuspin-g921k9 input {
  font-family: inherit;
}

@media (max-width: 767px) {
  body:has(.pc61d126-floating-bar-wrapper) .uuspin-g921k9 {
    bottom: calc(var(--floating-bar-height) + 8px);
  }
}

@media (max-width: 767px) {
  body:has(.uuspin-av7b06.static) .uuspin-g921k9 {
    bottom: 8px;
  }
}

.uuspin-5gh77r {
  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.uuspin-ldxyuc.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.uuspin-0230bv 3.uuspin-9yk46v.uuspin-eonds1.uuspin-rz3yi3 3.uuspin-0mk7b8 3.uuspin-6t7bvl 5.uuspin-7bt37h 3.uuspin-6t7bvl 8.uuspin-zdz7kh.uuspin-xmjrip.uuspin-6t7bvl 26.uuspin-goin0n 5.uuspin-ctdsew 28.uuspin-v22aoz 8.uuspin-1kepkb 28.uuspin-vyv9aq.uuspin-fc1z9b 28.uuspin-jq2xy5.uuspin-zhchcu 34.uuspin-h4k1n9.uuspin-iika50 36.uuspin-qxygva 11.uuspin-lopvxf 37.uuspin-eirizp 12.uuspin-w3w7to 36.uuspin-98tsge.uuspin-wgre2a 28.uuspin-oiiot6.uuspin-sretld.uuspin-31y2ls 28.uuspin-i4by7a 36.uuspin-rsbqgu 26.uuspin-mkl2yi 36.uuspin-rsbqgu 23.uuspin-16ldcg.uuspin-0ob6o4.uuspin-rsbqgu 5.uuspin-8yish9 34.uuspin-6pmaeb 3.uuspin-0mk7b8 31.uuspin-0230bv 3.uuspin-0tn1xy.uuspin-2l3tc7 18.uuspin-jwd7gc.uuspin-6569u5 18.uuspin-egop1v 8.uuspin-k6cwaf 17.uuspin-goc7nn 8.uuspin-k6cwaf 15.uuspin-ikt3wx.uuspin-k6cwaf 14.uuspin-yt0udt 9.uuspin-6569u5 13.uuspin-uzgq1k 11.uuspin-2l3tc7 13.uuspin-7ijvhw.uuspin-wrc8vj 13.uuspin-uzgq1k 13.uuspin-zwq3fu 14.uuspin-yt0udt 13.uuspin-zwq3fu 15.uuspin-jdyo5m.uuspin-zwq3fu 17.uuspin-goc7nn 12.uuspin-wrc8vj 18.uuspin-egop1v 11.uuspin-2l3tc7 18.uuspin-5w3ear.uuspin-foehkc 18.uuspin-lnvyk1.uuspin-xdl37l 18.uuspin-egop1v 17.uuspin-2qsooy 17.uuspin-goc7nn 17.uuspin-2qsooy 15.uuspin-7tubqf.uuspin-2qsooy 14.uuspin-yt0udt 18.uuspin-xdl37l 13.uuspin-uzgq1k 20.uuspin-foehkc 13.uuspin-4779v0.uuspin-jdj4j1 13.uuspin-uzgq1k 22.uuspin-ua5kk9 14.uuspin-yt0udt 22.uuspin-ua5kk9 15.uuspin-1gofgu.uuspin-dvkved 17.uuspin-goc7nn 21.uuspin-jdj4j1 18.uuspin-egop1v 20.uuspin-foehkc 18.uuspin-8v6106.uuspin-1jobnf 18.uuspin-atrl86.uuspin-a3o76w 18.uuspin-egop1v 26.uuspin-w1rc2b 17.uuspin-goc7nn 26.uuspin-w1rc2b 15.uuspin-3drdxe.uuspin-w1rc2b 14.uuspin-yt0udt 27.uuspin-a3o76w 13.uuspin-uzgq1k 28.uuspin-1jobnf 13.uuspin-xekzv8.uuspin-flu1yo 13.uuspin-uzgq1k 31.uuspin-xtsphq 14.uuspin-yt0udt 31.uuspin-xtsphq 15.uuspin-2gsmsy.uuspin-w1rc2b 17.uuspin-goc7nn 30.uuspin-flu1yo 18.uuspin-egop1v 28.uuspin-1jobnf 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"])
    .uuspin-5gh77r {
    display: none;
  }
}

.uuspin-j0gl6b {
  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) {
  .uuspin-j0gl6b {
    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;
}

.uuspin-vzqg8i {
  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) {
  .uuspin-vzqg8i {
    padding: 14px 16px;
  }
}

.uuspin-vzqg8i button {
  border: none;
  background: none;
  cursor: pointer;
  align-content: center;
  color: var(--Neutral-50);
}

.uuspin-vzqg8i button:first-child {
  align-content: end;
}

.uuspin-vzqg8i button:first-of-type {
  display: none;
}

.pc61d126-chatbot[data-active-screen="2"]
  .uuspin-vzqg8i
  button:first-of-type,
.pc61d126-chatbot[data-active-screen="3"]
  .uuspin-vzqg8i
  button:first-of-type {
  display: initial;
  width: 44px;
  height: 16px;
}

.uuspin-vzqg8i button:first-of-type svg {
  width: 30px;
  height: 30px;
}

.uuspin-vzqg8i button:last-child svg {
  width: 38px;
  height: 38px;
}

.uuspin-c6jzag {
  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;
}

.uuspin-c6jzag::before {
  content: "";
  width: 48px;
}

.pc61d126-chatbot[data-active-screen="2"] .uuspin-c6jzag,
.pc61d126-chatbot[data-active-screen="3"]
  .uuspin-c6jzag {
  opacity: 1;
  visibility: visible;
}

.uuspin-scr2c3 {
  flex: 1 1;
}

.uuspin-6dks99 {
  display: none;
  padding: 64px 16px 16px;
}

@media screen and (min-width: 768px) {
  .uuspin-6dks99 {
    padding: 24px;
  }
}

.pc61d126-chatbot[data-active-screen="1"] .uuspin-qletqv {
  display: block;
}

.uuspin-j9a1ln {
  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) {
  .uuspin-j9a1ln {
    margin-top: 41px;
    font-size: 48px;
    line-height: 56px;
  }
}

.uuspin-ya9t0c {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-template-areas: "avatar name" "button button";
  row-gap: 16px;
  column-gap: 12px;
  padding: 10px 14px;
}

.uuspin-ya9t0c::before {
  content: "";
  grid-area: avatar;
  width: 50px;
  height: 50px;
  align-self: center;
}

.uuspin-mqftci span {
  color: var(--Text-300);
  font-feature-settings:
    "liga" off,
    "clig" off;
  font-size: 12px;
  line-height: 16px;
}

.uuspin-mqftci p {
  color: var(--Text-100);
}

.uuspin-ya9t0c .uuspin-1km0s0 {
  grid-area: button;
}

.uuspin-ya9t0c .uuspin-1km0s0::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.uuspin-ldxyuc.org/2000/svg'%3E%3Cpath d='M4.uuspin-ux6m26 10H16.3327' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.uuspin-ceqbp5 15L16.uuspin-ceqbp5 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.uuspin-ceqbp5 5L16.uuspin-ceqbp5 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pc61d126-chatbot[data-active-screen="2"] .uuspin-4qqfcs {
  display: block;
}

.uuspin-mm1uzr {
  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) {
  .uuspin-mm1uzr {
    margin-top: 40px;
  }
}

.uuspin-mkgu9u label,
.uuspin-mkgu9u input {
  display: block;
  width: 100%;
}

.uuspin-mkgu9u label {
  margin-bottom: 16px;
  color: var(--Text-100);
  font-size: 14px;
  line-height: 20px;
}

.uuspin-mkgu9u label.uuspin-561ggx input {
  border: 1px solid var(--Accent-100);
  padding: 16px;
}

.uuspin-mkgu9u label.uuspin-561ggx::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;
}

.uuspin-mkgu9u 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;
}

.uuspin-mkgu9u input::placeholder {
  color: var(--Text-400);
}

.uuspin-h95ydg {
  padding: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.pc61d126-chatbot[data-active-screen="3"] .uuspin-h95ydg {
  display: flex;
}

.uuspin-h95ydg ol {
  list-style: none;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
  height: calc(100vh - 170px);
}

@media screen and (min-width: 768px) {
  .uuspin-h95ydg ol {
    height: 420px;
    padding: 24px;
  }
}

.uuspin-h95ydg ol a {
  cursor: pointer;
  color: var(--Primary-100);
}

.uuspin-a5yayz {
  flex: 0 0;
  position: relative;
  padding: 0 16px 16px;
}

@media screen and (min-width: 768px) {
  .uuspin-a5yayz {
    padding: 0 24px 24px;
  }
}

.uuspin-a5yayz 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;
}

.uuspin-a5yayz input::placeholder {
  color: var(--Text-400);
}

.uuspin-a5yayz [type="submit"] {
  border: none;
  background: none;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 32px;
  width: 22px;
  height: 22px;
}

.uuspin-a5yayz [type="submit"]:disabled {
  opacity: 0.5;
}

.uuspin-a5yayz [type="submit"] svg {
  color: var(--Neutral-50);
}

@media screen and (min-width: 768px) {
  .uuspin-a5yayz [type="submit"] {
    right: 40px;
  }
}

.uuspin-bw81r2 {
  margin-bottom: 16px;
  color: var(--Primary-100);
}

.uuspin-bw81r2.uuspin-7cmwxw {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 12px;
  color: var(--Text-100);
  align-items: flex-end;
}

.uuspin-bw81r2.uuspin-7cmwxw::before {
  content: "";
  width: 31px;
}

.uuspin-bw81r2.uuspin-7cmwxw p {
  border-radius: 24px;
  border: 1px solid var(--Neutral-300);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.uuspin-bw81r2.uuspin-gsvesi p {
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
}

.uuspin-bw81r2 p {
  padding: 15px 14px;
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.uuspin-g921k9 .uuspin-1km0s0 {
  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;
  }
}

.uuspin-58l0f3 {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .uuspin-58l0f3 {
    padding: 16px 0;
    background: var(--fh-bg-color);
  }
}

@media (min-width: 1200px) {
  .uuspin-58l0f3 {
    padding: 18px 0;
  }
}

.uuspin-58l0f3 .uuspin-277kz2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .uuspin-58l0f3 .uuspin-277kz2 {
    padding: 16px;
    background: var(--fh-bg-color);
    min-height: 72px;
  }
}

.uuspin-9smtji {
  display: block;
  width: 100%;
  max-width: 128px;
  height: 32px;
  object-fit: contain;
  object-position: center left;
}

@media (min-width: 1200px) {
  .uuspin-9smtji {
    max-width: 160px;
    height: 40px;
  }
}

.uuspin-9smtji picture,
.uuspin-9smtji img {
  display: block;
  width: 100%;
  height: 100%;
}

.uuspin-9smtji img {
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 1199px) {
  .uuspin-23xh6j {
    position: fixed;
    right: 0;
    width: 100%;
    transition: transform 0.uuspin-g4ygn2 ease;
    transform: translateX(100%);
    background: var(--menu-color);
    box-shadow: 0 12px 24px 0 rgba(109, 109, 109, 0.15);
  }

  .uuspin-58l0f3.uuspin-oawz1y .uuspin-23xh6j {
    transform: translateX(0);
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .uuspin-23xh6j {
    top: 72px;
    max-width: 400px;
    height: calc(100% - 72px);
    overflow-y: auto;
    padding: 8px 16px;
  }
}

@media (max-width: 767px) {
  .uuspin-23xh6j {
    padding: 8px 16px;
    top: 128px;
    height: calc(100% - 128px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

.uuspin-6ypfbs,
.uuspin-emlxhu {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}

@media (min-width: 767px) {
  .uuspin-6ypfbs,
  .uuspin-emlxhu {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .uuspin-emlxhu {
    display: none;
  }
}

.uuspin-u8nrrt {
  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;
}

.uuspin-oawz1y .uuspin-u8nrrt {
  background: var(--fh-bg-color);
}

.uuspin-u8nrrt button {
  flex: 1 1;
  padding: 9px 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .uuspin-u8nrrt {
    display: none;
  }
}

.uuspin-h31yk8 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .uuspin-h31yk8 {
    display: none;
  }
}

.uuspin-kj83tr {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
  color: var(--Text-100);
  pointer-events: none;
  touch-action: none;
}

.uuspin-58l0f3.uuspin-oawz1y .uuspin-kj83tr:first-child {
  display: none;
}

.uuspin-58l0f3.uuspin-oawz1y .uuspin-kj83tr:last-child {
  display: block;
}

.uuspin-kj83tr:last-child {
  display: none;
}

@media (min-width: 1200px) {
  .uuspin-kj83tr {
    display: none;
  }
}

.uuspin-otaehs {
  position: relative;
  display: none;
  padding: 5px 9px 6px;
  color: var(--Text-100);
}

@media (min-width: 1200px) {
  .uuspin-otaehs {
    display: flex;
  }
}

.uuspin-otaehs ul {
  max-height: 350px;
  overflow-y: auto;
}

.uuspin-otaehs:hover ul {
  visibility: visible;
  opacity: 1;
}

.uuspin-otaehs:hover ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.uuspin-otaehs:hover ul::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-100);
}

.uuspin-otaehs:hover ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.uuspin-otaehs:hover .uuspin-nlq3xy svg {
  transform: rotate(180deg);
}

.uuspin-zhzcna {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  width: 100%;
}

.uuspin-p9mht0 {
  padding: 0 8px;
}

.uuspin-c5e868 {
  display: flex;
  width: 100%;
  padding: 5px 9px;
  transition: 0.3s;
  color: var(--Text-100);
  border-radius: 8px;
}

.uuspin-c5e868:hover {
  background-color: var(--Neutral-300);
}

@media (min-width: 1200px) {
  .uuspin-c5e868 {
    padding: 4px 8px;
  }
}

.uuspin-weykdq {
  display: flex;
}

.uuspin-weykdq img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border: 1px solid var(--Neutral-200);
  border-radius: 12px;
}

.uuspin-nlq3xy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 2px;
}

.uuspin-nlq3xy svg {
  transition: 0.3s;
  width: 13px;
  height: 13px;
}

.uuspin-lo9ldc {
  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) {
  .uuspin-lo9ldc {
    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;
  }
}

.uuspin-euqhnk {
  width: 100%;
}

@media (min-width: 1200px) {
  .uuspin-euqhnk {
    display: none;
  }
}

.uuspin-1jj5d8 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--Neutral-300);
}

.uuspin-n410r6 {
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  text-transform: capitalize;
  color: var(--Text-100);
}

.uuspin-iwqpow {
  display: flex;
}

.uuspin-11uqcz {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.uuspin-sjjzeh {
  list-style: none;
}

@media (max-width: 1199px) {
  .uuspin-sjjzeh {
    max-height: 90%;
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .uuspin-sjjzeh {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .uuspin-sjjzeh .uuspin-ydqfgh [data-ref-el],
  .uuspin-sjjzeh .uuspin-ydqfgh span,
  .uuspin-sjjzeh .uuspin-ydqfgh a {
    white-space: nowrap;
  }
}

.uuspin-9gpm4s {
  width: 100%;
  transition: 0.3s;
  color: var(--Text-100);
  position: relative;
}

@media (max-width: 1199px) {
  .uuspin-9gpm4s.uuspin-f5pnb0 > .uuspin-ydqfgh {
    background: var(--Neutral-300);
  }
}

@media (min-width: 1200px) {
  .uuspin-9gpm4s.uuspin-l0l155:hover > .sub-menu[data-depth="1"] {
    height: auto;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 1199px) {
  .uuspin-9gpm4s.uuspin-f5pnb0 > .uuspin-pqcvgq {
    height: auto;
  }

  .uuspin-9gpm4s.uuspin-f5pnb0 > div > .uuspin-r2aoty {
    transform: rotate(180deg);
  }
}

.uuspin-9gpm4s [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
}

.uuspin-9gpm4s [data-ref-el],
.uuspin-9gpm4s span {
  cursor: pointer;
}

.uuspin-9gpm4s [data-ref-el],
.uuspin-9gpm4s span,
.uuspin-9gpm4s a {
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
  color: var(--text-color);
  text-align: left;
  flex: 1 1;
}

@media (min-width: 768px) {
  .uuspin-9gpm4s [data-ref-el],
  .uuspin-9gpm4s span,
  .uuspin-9gpm4s a {
    font-size: 18px;
    line-height: 38px;
  }
}

@media (min-width: 1200px) {
  .uuspin-9gpm4s [data-ref-el],
  .uuspin-9gpm4s span,
  .uuspin-9gpm4s a {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }
}

.uuspin-pqcvgq {
  height: 0;
  overflow: hidden;
  transition: height 0.uuspin-g4ygn2 ease;
  padding-left: 24px;
  list-style: none;
  box-sizing: border-box;
}

.uuspin-pqcvgq::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.uuspin-pqcvgq::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-200);
}

.uuspin-pqcvgq::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
  .uuspin-pqcvgq {
    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;
  }

  .uuspin-pqcvgq:has(> .uuspin-9gpm4s.active) {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  .uuspin-pqcvgq .uuspin-pqcvgq {
    padding: 0;
  }

  .uuspin-pqcvgq .uuspin-9gpm4s {
    font-weight: 400;
  }

  .uuspin-pqcvgq .uuspin-9gpm4s:hover > .uuspin-ydqfgh {
    background: var(--Neutral-300);
  }

  .uuspin-pqcvgq .uuspin-r2aoty {
    rotate: -90deg;
  }
}

.uuspin-ydqfgh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 8px;
  border-radius: 16px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .uuspin-ydqfgh {
    padding: 8px;
  }

  .uuspin-9gpm4s.uuspin-obs2aq > .uuspin-ydqfgh {
    background: var(--Neutral-300);
  }
}

.uuspin-r2aoty {
  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.uuspin-ldxyuc.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.uuspin-c6re48 0.uuspin-gk8tdj.uuspin-1ygvfx -0.uuspin-k4gpd2 0.uuspin-z49xiv -0.uuspin-k4gpd2 1.uuspin-4a7m3i 0.uuspin-yyd37k.uuspin-aooxsx 4.uuspin-7c0dh5.uuspin-c6re48 0.uuspin-9lc7hy.uuspin-v91a8d -0.uuspin-k4gpd2 9.uuspin-4wk60z -0.uuspin-k4gpd2 10.uuspin-dg9ref 0.uuspin-4bttnm.uuspin-ztq3vi 0.uuspin-1ygvfx 10.uuspin-ztq3vi 0.uuspin-z49xiv 10.uuspin-dg9ref 1.uuspin-xoud6n.uuspin-4lgh0n 5.uuspin-e1tfaw.uuspin-94zzb6 6.uuspin-akpgkl 5.uuspin-gckq1c 6.uuspin-akpgkl 4.uuspin-tikxzq 5.uuspin-am7h9q.uuspin-c6re48 1.uuspin-zi4dqw.uuspin-k4gpd2 0.uuspin-z49xiv -0.uuspin-k4gpd2 0.uuspin-1ygvfx 0.uuspin-c6re48 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 10px;
  transition: rotate 0.uuspin-g4ygn2 ease;
  background-color: var(--Text-100);
}

@media (min-width: 1200px) {
  .uuspin-r2aoty {
    cursor: default;
  }
}

.uuspin-uhf4qg {
  position: fixed;
  z-index: 1001;
  top: 80px;
  left: 100px;
  visibility: visible;
  opacity: 1;
  max-height: 290px;
  height: auto;
}

.uuspin-ns670i {
  padding: 24px 0;
  border-top: 1px solid var(--border-color);
  gap: 32px;
  background-color: var(--fh-bg-color);
}

@media screen and (min-width: 768px) {
  .uuspin-ns670i {
    padding: 40px 4px;
  }
}

.uuspin-sy4wr6 {
  margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
  .uuspin-sy4wr6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
  }
}

.uuspin-46ivx5 {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .uuspin-46ivx5 {
    margin-right: 32px;
    margin-bottom: 20px;
  }
}

.uuspin-46ivx5 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 8px;
}

.uuspin-46ivx5 [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
}

.uuspin-46ivx5 [data-ref-el],
.uuspin-46ivx5 span,
.uuspin-46ivx5 a {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  display: block;
  padding: 4px 8px;
  color: var(--text-color);
}

.uuspin-nvcccl {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 340px;
  margin-bottom: 32px;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .uuspin-nvcccl {
    margin-bottom: 12px;
  }
}

.uuspin-qt1xtw {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.uuspin-qt1xtw img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 1200px) {
  .uuspin-qt1xtw:last-child {
    margin-right: 0;
  }
}

.uuspin-1mlohd {
  line-height: 19px;
  margin-top: -4px;
  position: relative;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.uuspin-nvcccl:hover .uuspin-3ynafy {
  visibility: visible;
  opacity: 1;
}

.uuspin-3ynafy {
  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);
}

.uuspin-ptpzbq {
  display: grid;
  margin: -6px;
  grid-template-columns: repeat(5, 1fr);
  max-height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.uuspin-rpguih {
  display: flex;
  margin: 6px;
}

.uuspin-rpguih img {
  display: block;
  max-width: 32px;
  object-fit: contain;
}

.uuspin-3ynafy::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);
}

.uuspin-3ynafy::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);
}

.uuspin-df9ox4 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media (min-width: 1200px) {
  .uuspin-df9ox4 {
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
  }
}

.uuspin-87sn9m {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-color);
}

@media (min-width: 1200px) {
  .uuspin-87sn9m {
    margin-right: 32px;
  }
}

.uuspin-twhzw0 {
  width: 100%;
  max-width: 340px;
  margin-top: 10px;
  text-align: left;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .uuspin-twhzw0 {
    margin-top: 0;
    width: 340px;
  }
}

.uuspin-twhzw0 a {
  line-height: 19px;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.uuspin-82ny4s {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.uuspin-l86opm {
  position: relative;
}

@media (min-width: 768px) {
  .uuspin-l86opm {
    margin-top: 40px;
  }
}

.uuspin-l86opm + .uuspin-fq5xhs,
.uuspin-l86opm + .uuspin-l86opm {
  margin-top: 24px;
}

.uuspin-imsyjb {
  padding: 40px 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 700px;
}

@media screen and (min-width: 768px) {
  .uuspin-imsyjb {
    padding: 80px 16px;
    border-radius: 24px;
    min-height: 400px;
  }
}

@media screen and (min-width: 1200px) {
  .uuspin-imsyjb {
    padding: 80px;
  }
}

.uuspin-hnbtfq {
  position: relative;
  z-index: 1;
  padding: 0;
}

@media screen and (min-width: 563px) {
  .uuspin-hnbtfq {
    padding: 0 16px;
}


}

.uuspin-3dngvt {
  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) {
  .uuspin-3dngvt {
    font-size: 48px;
    line-height: 56px;
  }
}

.uuspin-k7f9w2 {
  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) {
  .uuspin-k7f9w2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.uuspin-ktton4 {
  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;
}

.uuspin-ktton4:hover {
  background: var(--button-bg-hover);
}

.uuspin-gh0z95 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.uuspin-gh0z95 img {
  display: block;
  width: 100%;
  /* min-height: 100%; */
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .uuspin-gh0z95 img {
  min-height: initial;
  }
}

@media (max-width: 563px) {
  .uuspin-gh0z95 img {
  min-height: 100%;
  }
}

.uuspin-imsyjb::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.uuspin-hhgtt0 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.uuspin-hhgtt0 h1,
.uuspin-hhgtt0 h2,
.uuspin-hhgtt0 h3,
.uuspin-hhgtt0 h4 {
  margin-bottom: 6px;
}

.uuspin-hhgtt0 h1:not(:first-child),
.uuspin-hhgtt0 h2:not(:first-child),
.uuspin-hhgtt0 h3:not(:first-child),
.uuspin-hhgtt0 h4:not(:first-child) {
  margin-top: 16px;
}

.uuspin-hhgtt0 h1,
.uuspin-hhgtt0 h1 > * {
  font-size: 40px;
  line-height: 48px;
}

@media (min-width: 768px) {
  .uuspin-hhgtt0 h1,
  .uuspin-hhgtt0 h1 > * {
    font-size: 48px;
    line-height: 60px;
  }
}

.uuspin-hhgtt0 h2,
.uuspin-hhgtt0 h2 > * {
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 768px) {
  .uuspin-hhgtt0 h2,
  .uuspin-hhgtt0 h2 > * {
    font-size: 40px;
    line-height: 48px;
  }
}

.uuspin-hhgtt0 h3,
.uuspin-hhgtt0 h3 > * {
  font-size: 24px;
  line-height: 32px;
}

@media (min-width: 768px) {
  .uuspin-hhgtt0 h3,
  .uuspin-hhgtt0 h3 > * {
    font-size: 32px;
    line-height: 40px;
  }
}

.uuspin-hhgtt0 h4,
.uuspin-hhgtt0 h4 > * {
  font-size: 24px;
  line-height: 32px;
}

.uuspin-hhgtt0 ul {
  font-size: 16px;
  margin: 6px 0 14px;
  padding: 0;
  padding-left: 8px;
  list-style: none;
}

.uuspin-hhgtt0 ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 16px;
  list-style-type: none;
}

.uuspin-hhgtt0 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);
}

.uuspin-hhgtt0 ul ul {
  margin-bottom: 8px;
}

.uuspin-hhgtt0 ul ul > li {
  margin-top: 16px;
  padding-left: 33px;
}

.uuspin-hhgtt0 ul ul > li::before {
  left: 16px;
  border: 1px solid var(--Text-300);
  background: rgba(0, 0, 0, 0);
}

.uuspin-hhgtt0 ol {
  font-size: 16px;
  margin: 6px 0 14px;
  padding-left: 24px;
  list-style: decimal;
}

.uuspin-hhgtt0 ol li {
  margin-bottom: 8px;
  padding-left: 6px;
}

.uuspin-hhgtt0 ol li::marker {
  font-weight: 700;
}

.uuspin-hhgtt0 ol ol {
  margin-bottom: 8px;
}

.uuspin-hhgtt0 ol ol > li {
  margin-top: 16px;
  padding-left: 0;
}

.uuspin-hhgtt0 ol ul li {
  padding-left: 16px;
}

.uuspin-hhgtt0 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) {
  .uuspin-hhgtt0 table {
    padding: 24px;
  }
}

.uuspin-hhgtt0 table.uuspin-wb14u1 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.uuspin-g4ygn2,
    mask-image 0.3s;
}

.uuspin-hhgtt0 table.uuspin-wb14u1.uuspin-loaqf1 {
  -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) {
  .uuspin-hhgtt0 table {
    display: table;
  }
}

.uuspin-hhgtt0 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);
}

.uuspin-hhgtt0 table thead th:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.uuspin-hhgtt0 table thead th:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.uuspin-hhgtt0 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) {
  .uuspin-hhgtt0 table tbody td {
    width: auto;
    white-space: wrap;
  }
}

.uuspin-hhgtt0 table tbody td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.uuspin-hhgtt0 table tbody td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.uuspin-hhgtt0 table tbody td img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 14px;
  vertical-align: middle;
}

.uuspin-hhgtt0 img {
  max-width: 100%;
  height: auto;
}

.uuspin-9a36fo {
  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) {
  .uuspin-9a36fo {
    padding: 24px;
  }
}

.uuspin-romprn {
  color: var(--text-color);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

@media (min-width: 768px) {
  .uuspin-romprn {
    font-size: 40px;
    line-height: 48px;
    max-width: 62%;
  }
}

.uuspin-romprn > * {
  margin: 0 !important;
}

.uuspin-romprn img,
.uuspin-vw6c8i {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .uuspin-romprn img,
  .uuspin-vw6c8i {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.uuspin-q5xztb {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--text-color);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .uuspin-q5xztb {
    width: 32px;
    height: 32px;
  }
}

.uuspin-c9slig {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.uuspin-c9slig .uuspin-l8f06l {
  flex-shrink: 0;
}

.uuspin-c9slig .uuspin-l1sq96 svg {
  display: none;
}

.uuspin-wvquyn {
  display: grid;
  transition: max-height 0.uuspin-g4ygn2 ease-in-out;
  column-gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 508px) {
  .uuspin-wvquyn {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .uuspin-wvquyn {
    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));
  }
}

.uuspin-wvquyn.uuspin-rwf3dc + .uuspin-l8f06l svg {
  transform: rotate(180deg);
}

.uuspin-oez00m {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  height: max-content;
}

.uuspin-oez00m > div:nth-child(3n) {
  grid-column: span 2;
}

.uuspin-oez00m
  > div:nth-child(3n)
  .uuspin-trnrhb
  button {
  max-width: 270px;
}

@media (min-width: 768px) {
  .uuspin-oez00m {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }

  .uuspin-oez00m > div:nth-child(3n) {
    grid-column: unset;
  }

  .uuspin-oez00m
    > div:nth-child(3n)
    .uuspin-trnrhb
    button {
    max-width: 83px;
  }
}

@media (min-width: 1200px) {
  .uuspin-oez00m {
    max-width: 270px;
  }
}

.uuspin-oez00m .uuspin-trnrhb button {
  max-width: 96px;
}

@media (min-width: 375px) {
  .uuspin-oez00m .uuspin-trnrhb button {
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .uuspin-oez00m .uuspin-trnrhb button {
    max-width: 104px;
  }
}

.uuspin-mzec52 {
  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) {
  .uuspin-mzec52 {
    margin-bottom: 0;
  }
}

.uuspin-q2umpj {
  display: none;
  opacity: 0;
}

.uuspin-oz3yrr {
  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;
  }
}

.uuspin-oz3yrr img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.uuspin-trnrhb {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  color: var(--Text-400);
  gap: 4px;
  position: relative;
}

.uuspin-trnrhb button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media (min-width: 768px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .uuspin-trnrhb
    button {
    max-width: 124px;
  }
}

@media (min-width: 1200px) {
  .pc61d126-games__list-item[data-game-type="Live Shows"]
    .uuspin-trnrhb
    button {
    max-width: 145px;
  }
}

.uuspin-aokp7v:first-child
  .uuspin-trnrhb
  button {
  max-width: 270px;
}

.uuspin-j378oe {
  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%;
}

.uuspin-mzec52 picture {
  width: 100%;
  max-width: 100%;
}

.uuspin-e4je0c {
  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;
}

.uuspin-e4je0c svg {
  outline: 10px solid var(--button-bg-color);
  border-radius: 1px;
  background: var(--button-bg-color);
}

.uuspin-mzec52:hover .uuspin-e4je0c {
  display: flex;
}

.uuspin-q05d95 {
  font-size: 12px;
  line-height: 16px;
  color: var(--Text-400);
}

.uuspin-tgbcip {
  display: flex;
}

.uuspin-tgbcip:hover .uuspin-5otwoj,
.uuspin-tgbcip .uuspin-obs2aq .uuspin-5otwoj {
  display: flex;
}

.uuspin-tgbcip svg {
  flex-shrink: 0;
}

.uuspin-5otwoj {
  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) {
  .uuspin-5otwoj {
    width: 174px;
    right: -28px;
    padding: 12px;
  }
}

.uuspin-5otwoj:hover {
  display: flex;
}

.uuspin-5otwoj svg {
  color: var(--Neutral-300);
  position: absolute;
  right: 19px;
  top: -11px;
}

.uuspin-jdt3yy {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  color: var(--Text-100);
  line-height: 16px;
  width: 100%;
  font-size: 10px;
}

@media (min-width: 768px) {
  .uuspin-jdt3yy {
    font-size: 12px;
  }
}

.uuspin-wcmoff,
.uuspin-j6j2qx {
  width: 50%;
  flex-shrink: 0;
}

.uuspin-wcmoff {
  font-weight: 700;
}

.uuspin-tjojre .uuspin-wvquyn {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .uuspin-tjojre .uuspin-wvquyn {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .uuspin-tjojre .uuspin-wvquyn {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.uuspin-tjojre
  .uuspin-j378oe:has(img) {
  max-height: initial !important;
  aspect-ratio: 1/1;
}

.uuspin-tjojre .uuspin-oz3yrr {
  height: 100% !important;
  border-radius: 16px;
}

.uuspin-tjojre .uuspin-trnrhb {
  gap: 4px;
  align-items: center;
}

.uuspin-tjojre .uuspin-trnrhb button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uuspin-tjojre .uuspin-trnrhb svg {
  display: block;
  aspect-ratio: 1/1;
  flex: 0 0 16px;
}

.uuspin-tjojre .uuspin-tzp54y,
.uuspin-tjojre .uuspin-phtgxv {
  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.uuspin-ldxyuc.org/2000/svg'%3E%3Cpath d='M9.uuspin-iasvrl 4.uuspin-5qhwgu.uuspin-58a3br 5.uuspin-5564at.uuspin-njh16y 5.uuspin-zmjrc3.uuspin-cfoqmz 5.uuspin-iqhfzh.uuspin-nvdiqj 8.uuspin-onq3ik.uuspin-unw4yo 9.uuspin-j1izue.uuspin-5yy6ho 9.uuspin-ww1olw.uuspin-giz418 13.uuspin-n3hsnv.uuspin-g8bhuc 11.uuspin-n2u5y6.uuspin-4unype 11.uuspin-i82hee.uuspin-zabb4h 11.uuspin-f1atnc.uuspin-h13s6b 13.uuspin-d1xoza.uuspin-8t5h7m 9.uuspin-658n90.uuspin-qef4sj 9.uuspin-lmg12z.uuspin-bf9nga 8.uuspin-xf07hv.uuspin-fxdm30 5.uuspin-dol6mm.uuspin-vavrk2 5.uuspin-warl4a.uuspin-4fk6v2 5.uuspin-izct6e.uuspin-c9hy41 4.uuspin-t7xov8.uuspin-4unype 1.uuspin-y110jg.uuspin-iasvrl 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A");
}

.uuspin-tjojre .uuspin-tzp54y {
  background-color: hsl(from var(--Neutral-50) h s l/30%);
  width: 81px;
}

.uuspin-tjojre .uuspin-phtgxv {
  display: block;
  background-color: var(--Accent-Yellow-300, #fb0);
}

.uuspin-dk1c92 {
  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) {
  .uuspin-dk1c92 {
    padding: 24px;
  }
}

.uuspin-dk1c92 .uuspin-l8f06l {
  display: flex;
}

@media (min-width: 768px) {
  .uuspin-dk1c92 .uuspin-l8f06l {
    display: none;
  }
}

.uuspin-dk1c92 .uuspin-l1sq96 svg {
  display: none;
}

.uuspin-otx4al {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.uuspin-otx4al .uuspin-2vn7d0 {
  display: none;
}

@media (min-width: 768px) {
  .uuspin-otx4al .uuspin-2vn7d0 {
    display: flex;
  }
}

.uuspin-ufm8av {
  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) {
  .uuspin-ufm8av {
    font-size: 40px;
    line-height: 48px;
  }
}

.uuspin-ufm8av > * {
  margin: 0 !important;
}

.uuspin-ufm8av img,
.uuspin-62gvlf {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .uuspin-ufm8av img,
  .uuspin-62gvlf {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.uuspin-2ksv86 {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .uuspin-2ksv86 {
    width: 32px;
    height: 32px;
  }
}

.uuspin-czlgs0 {
  display: grid;
  overflow: hidden;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
  .uuspin-czlgs0 {
    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;
  }

  .uuspin-czlgs0::-webkit-scrollbar {
    display: none;
  }
}

.uuspin-4a120f {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 7px;
}

@media (min-width: 768px) {
  .uuspin-4a120f {
    padding: 7px 15px;
  }
}

.uuspin-4a120f:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.uuspin-k6b78a {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .uuspin-k6b78a {
    display: flex;
    opacity: 1;
  }
}

.uuspin-4a120f picture {
  height: 100%;
  display: block;
}

.uuspin-4a120f img {
  display: block;
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .uuspin-4a120f img {
    width: 88px;
    height: 44px;
  }
}

.uuspin-4a120f p {
  text-align: center;
  width: 100%;
}

.uuspin-zorg5r {
  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) {
  .uuspin-zorg5r {
    font-size: 40px;
    line-height: 48px;
  }
}

.uuspin-zorg5r img,
.uuspin-fsbki9 {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .uuspin-zorg5r img,
  .uuspin-fsbki9 {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.uuspin-hyxgxp {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .uuspin-hyxgxp {
    width: 32px;
    height: 32px;
  }
}

.uuspin-y8v5pm {
  color: var(--Text-200);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 16px;
}

.uuspin-9qpg76 {
  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;
}

.uuspin-vpn7co {
  padding: 10px 15px 12px;
  transition: 0.3s;
  border-bottom: 4px solid rgba(0, 0, 0, 0);
}

.uuspin-vpn7co.uuspin-obs2aq {
  border-bottom: 4px solid var(--button-bg-color, #70f);
}

.uuspin-vh8k9v {
  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) {
  .uuspin-vh8k9v {
    font-size: 20px;
    line-height: 28px;
  }
}

.uuspin-1yg0e6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4px;
  transition: 0.3s;
  color: var(--text-color);
}

.uuspin-hi27wy {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  transition: 0.uuspin-g4ygn2 ease;
  opacity: 0;
  color: var(--text-color);
}

.uuspin-a9f218 {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 0 0;
}

.uuspin-a9f218 ol,
.uuspin-a9f218 ul {
  padding-left: 1.3em;
}

.uuspin-vpn7co.uuspin-obs2aq .uuspin-hi27wy {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.uuspin-vpn7co.uuspin-obs2aq .uuspin-1yg0e6 {
  transform: rotate(180deg);
  color: var(--text-color);
}

.uuspin-2ee7lw {
  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) {
  .uuspin-2ee7lw {
    padding: 24px;
  }
}

.uuspin-2ee7lw .uuspin-l8f06l {
  display: flex;
}

@media (min-width: 768px) {
  .uuspin-2ee7lw .uuspin-l8f06l {
    display: none;
  }
}

.uuspin-2ee7lw .uuspin-l1sq96 svg {
  display: none;
}

.uuspin-sfk3e9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.uuspin-sfk3e9 .uuspin-2vn7d0 {
  display: none;
}

@media (min-width: 768px) {
  .uuspin-sfk3e9 .uuspin-2vn7d0 {
    display: flex;
  }
}

.uuspin-flv68j {
  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) {
  .uuspin-flv68j {
    align-items: center;
    font-size: 40px;
    line-height: 48px;
  }
}

.uuspin-flv68j > * {
  margin: 0 !important;
}

.uuspin-flv68j img,
.uuspin-7tow2k {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .uuspin-flv68j img,
  .uuspin-7tow2k {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.uuspin-vkmdz7 {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .uuspin-vkmdz7 {
    width: 32px;
    height: 32px;
  }
}

.uuspin-6or7ih {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .uuspin-6or7ih {
    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;
  }

  .uuspin-6or7ih::-webkit-scrollbar {
    display: none;
  }
}

.uuspin-7xklf7 {
  border-radius: 24px;
  border: 1px solid var(--Neutral-200);
  background: var(--Neutral-400);
  padding: 8px 16px;
  height: 60px;
}

.uuspin-7xklf7:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.uuspin-qdc3lt {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .uuspin-qdc3lt {
    display: flex;
    opacity: 1;
  }
}

.uuspin-7xklf7 picture {
  width: auto;
  height: 100%;
  display: block;
}

.uuspin-7xklf7 picture img {
  display: block;
  width: auto;
  height: 100%;
}

.uuspin-5mdz5x {
  margin: -24px 0;
}

.uuspin-5mdz5x:first-of-type {
  margin-top: 24px;
}

@media (min-width: 1200px) {
  .uuspin-5mdz5x {
    margin: -16px 0;
  }
}

.uuspin-1uit11 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .uuspin-1uit11 {
    flex-direction: row;
  }
}

.uuspin-z95xpk {
  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) {
  .uuspin-z95xpk {
    flex: 1;
  }
}

.uuspin-z95xpk::placeholder {
  color: var(--Text-400);
}

.uuspin-i7nvoz {
  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;
}

.uuspin-rvwzln {
  display: flex;
  margin: -4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.uuspin-rvwzln::-webkit-scrollbar {
  display: none;
}

.uuspin-2kv9m5 {
  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;
}

.uuspin-2kv9m5 img,
.uuspin-2kv9m5 svg {
  margin-right: 8px;
}

.uuspin-okr0cz {
  background: var(--Primary-200);
  color: var(--Text-00);
}

.uuspin-5mdz5x + .uuspin-6x46nf {
  margin-top: 0;
}

@media (min-width: 768px) {
  .uuspin-5mdz5x + .uuspin-6x46nf {
    margin-top: -16px;
  }
}

.uuspin-8uf463 {
  border-radius: 4px;
  overflow-y: auto;
  position: absolute;
  background-color: var(--Neutral-300);
  width: 100%;
  z-index: 990;
  top: 54px;
}

.uuspin-8uf463 > * {
  padding: 12px;
  color: var(--Text-200);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}

.uuspin-8uf463 > *:hover {
  box-shadow: inset 0px 0px 3px var(--Text-300);
  background-color: var(--Neutral-100);
}

.uuspin-lk4wzl {
  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;
}

.uuspin-do8asj {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 12px;
}

.uuspin-pfte4u {
  color: var(--text-color);
  font-feature-settings: "liga" off;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.uuspin-jcltbj {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.uuspin-zl65n3 {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  touch-action: none;
  z-index: -1;
  width: auto;
  height: 170px;
}

.uuspin-lk4wzl 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;
}

.uuspin-lk4wzl 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) {
  .uuspin-lk4wzl {
    padding: 39px 179px 39px 39px;
  }

  .uuspin-do8asj {
    font-size: 40px;
    line-height: 48px;
  }

  .uuspin-zl65n3 {
    height: 348px;
  }

  .uuspin-lk4wzl button {
    font-size: 18px;
    line-height: 26px;
    flex: 0 0 auto;
    padding: 15px 23px;
  }

  .uuspin-lk4wzl button svg {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .uuspin-lk4wzl {
    padding: 63px;
  }
}

.uuspin-1a4mms {
  display: flex;
  align-items: center;
  padding: 8px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .uuspin-1a4mms {
    flex-wrap: nowrap;
    padding: 16px 0;
  }
}

.uuspin-72svge {
  font-size: 14px;
  width: 100%;
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .uuspin-72svge {
    width: auto;
  }
}

.uuspin-9stifb {
  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;
}

.uuspin-9stifb::-webkit-scrollbar {
  display: none;
}

.uuspin-9stifb 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);
}

.uuspin-9stifb a:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .uuspin-9stifb {
    margin-left: 16px;
    margin-top: 0;
  }
}

.uuspin-1a4mms .uuspin-0l5ytu {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.uuspin-g4ygn2,
    mask-image 0.3s;
}

.uuspin-1a4mms .uuspin-0l5ytu.uuspin-loaqf1 {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

.uuspin-1msisn {
  margin: 40px -16px;
}

.uuspin-2hco15 + .uuspin-fq5xhs,
.uuspin-2hco15 + .uuspin-l86opm {
  margin-top: 24px;
}

.uuspin-gmuln2 {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-200);
}

.uuspin-gmuln2 picture {
  display: flex;
  width: 100%;
  min-height: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.uuspin-3a8bb5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 46px;
  padding: 0 8px;
}

@media (min-width: 768px) {
  .uuspin-3a8bb5 {
    padding: 0 15px;
    margin-bottom: 40px;
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  .uuspin-3a8bb5 {
    margin-top: 0;
  }
}

.uuspin-zjvvyv {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .uuspin-zjvvyv {
    font-size: 24px;
    line-height: 32px;
  }
}

.uuspin-zp7zv2 {
  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) {
  .uuspin-zp7zv2 {
    gap: 24px;
    padding: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
  }
}

.uuspin-50phdf {
  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) {
  .uuspin-50phdf {
    margin-bottom: 0;
    margin-right: 32px;
    padding: 40px;
  }
}

.uuspin-68zmv2 {
  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) {
  .uuspin-68zmv2 {
    font-size: 20px;
    line-height: 28px;
  }
}

.uuspin-s0elrs {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: var(--Text-100);
  text-transform: capitalize;
}

@media (min-width: 768px) {
  .uuspin-s0elrs {
    font-size: 32px;
    line-height: 40px;
  }
}

.uuspin-f02148 {
  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;
}

.uuspin-i435lz {
  display: block;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.uuspin-i435lz img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.uuspin-6x46nf {
  margin: 24px auto 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.uuspin-x5gfb6 {
  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) {
  .uuspin-x5gfb6 {
    padding: 15px 48px;
  }
}

main > .uuspin-6x46nf {
  margin: -26px auto -16px;
}

@media (max-width: 700px) {
  .uuspin-wvquyn.uuspin-rytm1n > div:nth-child(n+5) {
    display: none;
  }
}

.uuspin-hhgtt0 p a img {
  display: block;
  margin: 0 auto;
}


.uuspin-kzdexp {
  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 */
.uuspin-19vasl {
  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;
}

.uuspin-19vasl label {
  font-size: 14px;
}

.uuspin-19vasl h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.uuspin-19vasl input,
.uuspin-19vasl textarea,
.uuspin-19vasl 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;
}
.uuspin-19vasl button {
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  border: none;
  cursor: pointer;
  transition: background 0.uuspin-klfek6 ease;
}
.uuspin-19vasl button:hover {
  background-color: var(--button-bg-hover);
}
.uuspin-nunbej {
  text-align: center;
  color: green;
  font-weight: 500;
  padding: 50px 0;
  animation: fadeIn 0.uuspin-wlyqca ease-in;
}

.uuspin-nunbej 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;
}
.uuspin-ge1nvz, .uuspin-bxvrbr, [class*="review-card"],
thead, thead th, table th, .uuspin-smkesk,
.uuspin-iog3yg, [class*="collapsible-header"],
.uuspin-zk8nwk, [class*="updated-block"] {
  color: #ece7dc !important;
}

/* brandauto-contrast-fix v4 */
header nav li a, header ul li a { color: var(--text-color) !important; }
