* {
  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;
  }
}

.roo-lbzc1z {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .roo-lbzc1z {
    max-width: 752px;
  }
}

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

.roo-178272 {
  overflow: hidden;
}

.roo-wr6gak img {
  background: var(--Neutral-300);
}

.roo-4d4sup {
  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;
}

.roo-czuesm {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
}

.roo-czuesm:hover {
  background: var(--button-bg-hover);
}

.roo-t5vbsn {
  border: 1px solid var(--border-color);
  background: var(--button-bg-color);
  color: var(--button-text-color);
}

.roo-t5vbsn:hover {
  background: var(--button-bg-hover);
}

.roo-gnsgym {
  font-size: 12px;
  line-height: 18px;
}

.roo-f72p6n {
  font-size: 18px;
  line-height: 26px;
}

.roo-nm1453 {
  width: 100%;
}

.roo-hxzj0g {
  padding: 6px 16px;
}

.roo-fpemzz {
  padding: 10px 16px;
}

.roo-ehx5ud {
  padding: 15px 26px;
}

.roo-5ugsvc {
  flex-shrink: 0;
}

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

.roo-gugysm {
  display: none;
}

.roo-wg2ycl {
  position: relative;
  width: 100%;
  margin: 0 auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.roo-mzgest {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.roo-izpzyu {
  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;
}

.roo-v445p6 {
  cursor: grab;
}

.roo-izpzyu::-webkit-scrollbar {
  display: none;
}

.roo-008h7q {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  scroll-snap-align: start;
}

.roo-fhyhiu {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 40px;
  pointer-events: none;
}

.roo-gpc47k {
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}

.roo-avcqpx {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  visibility: hidden;
}

.roo-er3ulk {
  visibility: visible;
}

.roo-phot4i {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--Text-400);
  border-radius: 8px;
  cursor: pointer;
  transition: 0.roo-68g02d ease;
}

.roo-uj2qsu {
  background-color: var(--Primary-200);
  width: 16px;
}

.roo-zppgd0 {
  -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.roo-68g02d,
    mask-image 0.3s;
}

.roo-zppgd0.roo-v369bn {
  -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;
  }
}

.roo-6886kh: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;
}

.roo-vudu48 {
  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.roo-48tqzb.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.roo-48tqzb.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;
}

.roo-vwmjki {
  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);
}

.roo-vwmjki::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%
  );
}

.roo-tttf8j {
  position: relative;
  z-index: 1;
}

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

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

.roo-e6hkww {
  font-size: 40px;
  line-height: 48px;
}

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

.roo-4vtbl9 {
  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;
}

.roo-4vtbl9:hover {
  background: var(--Primary-400);
}

.roo-4vtbl9 svg {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  pointer-events: none;
  touch-action: none;
}

.roo-6886kh 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) {
  .roo-vwmjki {
    max-width: 600px;
    padding: 64px;
  }

  .roo-whpz6g {
    font-size: 24px;
    line-height: 32px;
  }

  .roo-3xa85f {
    font-size: 72px;
    line-height: 88px;
    margin: 4px 0;
  }

  .roo-e6hkww {
    font-size: 50px;
    line-height: 56px;
  }

  .roo-q65b48 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-right: auto;
    margin-left: auto;
  }

  .roo-vudu48 {
    top: 25px;
    right: 25px;
  }
}

.roo-f60xbx,
.roo-jvp8ww {
  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;
}

.roo-td0lih.roo-epn215::before,
.roo-jvp8ww::before,
.roo-i71bqa::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.roo-48tqzb.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.roo-n7fvnb 14.roo-caeb5k.roo-oktg8h 14.roo-ru9h30 15.roo-0l51sd 14.roo-lyxmej 15.roo-rfg897 14.roo-atsjzj.roo-m2ymms 14.roo-3nfna0 19.roo-zd8m89 12.roo-7ux5px 19.roo-zd8m89 10.roo-n0wo4i.roo-zd8m89 8.roo-q9fn7d 17.roo-e9t711 7.roo-bw705x 15.roo-kmtbag 7.roo-fxypbm.roo-yreomu 7.roo-bw705x 11.roo-y1bwla 8.roo-q9fn7d 11.roo-y1bwla 10.roo-5wuudi.roo-y1bwla 12.roo-tben4h 13.roo-59ipsu 14.roo-5ites3 15.roo-fg3zdb 14.roo-pjx12h.roo-knglzw 14.roo-sxpp33 15.roo-v6f7ln 14.roo-l5qa77 15.roo-q7djxp 14.roo-ilaqnw.roo-n7fvnb 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.roo-x8i5bt 15.roo-kr7of3.roo-s4iodc 15.roo-yj3wmf 15.roo-1tounr 15.roo-vj55dl 15.roo-nkjo7v 15.roo-86r65x.roo-z10zyi 15.roo-vj55dl 15.roo-5ldpqr 15.roo-bmiyok 15.roo-dm8z10 15.roo-ga3eyn.roo-64qnb1 15.roo-mc9tiy 7.roo-u8luk5 18.roo-9esnkr 7.roo-4x11b7 23.roo-t3wwwh.roo-35egyi.roo-396m94 18.roo-1aszmf 19.roo-00liao 15.roo-l0edde 15.roo-x8i5bt 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A");
}

.roo-ust4wl [type="submit"] *,
.roo-1vtm9e button * {
  pointer-events: none;
  touch-action: none;
}

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

.roo-4w3m02 {
  position: fixed;
  right: 20px;
  bottom: 8px;
  z-index: 992;
  color: var(--Neutral-50);
}

body:has(header nav.open) .roo-4w3m02 {
  display: none;
}

@media (min-width: 768px) {
  .roo-4w3m02 {
    bottom: 22px;
  }
}

.roo-4w3m02 input {
  font-family: inherit;
}

@media (max-width: 767px) {
  body:has(.pc61d126-floating-bar-wrapper) .roo-4w3m02 {
    bottom: calc(var(--floating-bar-height) + 8px);
  }
}

@media (max-width: 767px) {
  body:has(.roo-w2wmin.static) .roo-4w3m02 {
    bottom: 8px;
  }
}

.roo-tz5eft {
  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.roo-48tqzb.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.roo-ugknob 3.roo-v3t881.roo-tb380r.roo-hw6s48 3.roo-056vxa 3.roo-dd3svd 5.roo-f2mne5 3.roo-dd3svd 8.roo-876zr8.roo-ahtdaa.roo-dd3svd 26.roo-lf5kee 5.roo-l99kv6 28.roo-sfyhwi 8.roo-cug2di 28.roo-uv4h0p.roo-mkpbz6 28.roo-akneuf.roo-2q87dk 34.roo-0eih32.roo-2opccu 36.roo-hhihgo 11.roo-j2vs7u 37.roo-0zg3et 12.roo-2ne9k2 36.roo-o0f8p9.roo-t7heh5 28.roo-jyneup.roo-ky2ztz.roo-it1uzk 28.roo-af1xap 36.roo-rxli47 26.roo-eaucqq 36.roo-rxli47 23.roo-ll5dts.roo-mj59jp.roo-rxli47 5.roo-ufko7i 34.roo-8icd1l 3.roo-056vxa 31.roo-ugknob 3.roo-4mzfmz.roo-bfqbar 18.roo-pw38f4.roo-mh9r86 18.roo-lqitzf 8.roo-oul8zn 17.roo-exu0m7 8.roo-oul8zn 15.roo-rkv5bm.roo-oul8zn 14.roo-kzfo35 9.roo-mh9r86 13.roo-as87wo 11.roo-bfqbar 13.roo-y6pqlr.roo-pgn8am 13.roo-as87wo 13.roo-3qwnvb 14.roo-kzfo35 13.roo-3qwnvb 15.roo-looqsl.roo-3qwnvb 17.roo-exu0m7 12.roo-pgn8am 18.roo-lqitzf 11.roo-bfqbar 18.roo-ni5pvv.roo-iynu7o 18.roo-0vjt5d.roo-vo4itw 18.roo-lqitzf 17.roo-4ydtwh 17.roo-exu0m7 17.roo-4ydtwh 15.roo-paw9dd.roo-4ydtwh 14.roo-kzfo35 18.roo-vo4itw 13.roo-as87wo 20.roo-iynu7o 13.roo-dosjin.roo-q07d5r 13.roo-as87wo 22.roo-w2zoqc 14.roo-kzfo35 22.roo-w2zoqc 15.roo-6c7i2f.roo-8hdudp 17.roo-exu0m7 21.roo-q07d5r 18.roo-lqitzf 20.roo-iynu7o 18.roo-xtg9vy.roo-7xbb5d 18.roo-gfuxhg.roo-v86ajw 18.roo-lqitzf 26.roo-imwzxm 17.roo-exu0m7 26.roo-imwzxm 15.roo-jtzjmg.roo-imwzxm 14.roo-kzfo35 27.roo-v86ajw 13.roo-as87wo 28.roo-7xbb5d 13.roo-gabty5.roo-obs52v 13.roo-as87wo 31.roo-82ucae 14.roo-kzfo35 31.roo-82ucae 15.roo-2z6yyn.roo-imwzxm 17.roo-exu0m7 30.roo-obs52v 18.roo-lqitzf 28.roo-7xbb5d 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"])
    .roo-tz5eft {
    display: none;
  }
}

.roo-j6h77w {
  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) {
  .roo-j6h77w {
    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;
}

.roo-1vtm9e {
  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) {
  .roo-1vtm9e {
    padding: 14px 16px;
  }
}

.roo-1vtm9e button {
  border: none;
  background: none;
  cursor: pointer;
  align-content: center;
  color: var(--Neutral-50);
}

.roo-1vtm9e button:first-child {
  align-content: end;
}

.roo-1vtm9e button:first-of-type {
  display: none;
}

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

.roo-1vtm9e button:first-of-type svg {
  width: 30px;
  height: 30px;
}

.roo-1vtm9e button:last-child svg {
  width: 38px;
  height: 38px;
}

.roo-i71bqa {
  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;
}

.roo-i71bqa::before {
  content: "";
  width: 48px;
}

.pc61d126-chatbot[data-active-screen="2"] .roo-i71bqa,
.pc61d126-chatbot[data-active-screen="3"]
  .roo-i71bqa {
  opacity: 1;
  visibility: visible;
}

.roo-cbjwb8 {
  flex: 1 1;
}

.roo-zqquar {
  display: none;
  padding: 64px 16px 16px;
}

@media screen and (min-width: 768px) {
  .roo-zqquar {
    padding: 24px;
  }
}

.pc61d126-chatbot[data-active-screen="1"] .roo-ov1d4e {
  display: block;
}

.roo-ar1zrs {
  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) {
  .roo-ar1zrs {
    margin-top: 41px;
    font-size: 48px;
    line-height: 56px;
  }
}

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

.roo-jvp8ww::before {
  content: "";
  grid-area: avatar;
  width: 50px;
  height: 50px;
  align-self: center;
}

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

.roo-i5bh9t p {
  color: var(--Text-100);
}

.roo-jvp8ww .roo-0ueiee {
  grid-area: button;
}

.roo-jvp8ww .roo-0ueiee::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.roo-48tqzb.org/2000/svg'%3E%3Cpath d='M4.roo-ohueul 10H16.3327' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.roo-9kqh9w 15L16.roo-9kqh9w 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.roo-9kqh9w 5L16.roo-9kqh9w 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.pc61d126-chatbot[data-active-screen="2"] .roo-p6tejh {
  display: block;
}

.roo-3yu36r {
  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) {
  .roo-3yu36r {
    margin-top: 40px;
  }
}

.roo-f60xbx label,
.roo-f60xbx input {
  display: block;
  width: 100%;
}

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

.roo-f60xbx label.roo-j4mzfl input {
  border: 1px solid var(--Accent-100);
  padding: 16px;
}

.roo-f60xbx label.roo-j4mzfl::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;
}

.roo-f60xbx 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;
}

.roo-f60xbx input::placeholder {
  color: var(--Text-400);
}

.roo-wcuz75 {
  padding: 0;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.pc61d126-chatbot[data-active-screen="3"] .roo-wcuz75 {
  display: flex;
}

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

@media screen and (min-width: 768px) {
  .roo-wcuz75 ol {
    height: 420px;
    padding: 24px;
  }
}

.roo-wcuz75 ol a {
  cursor: pointer;
  color: var(--Primary-100);
}

.roo-ust4wl {
  flex: 0 0;
  position: relative;
  padding: 0 16px 16px;
}

@media screen and (min-width: 768px) {
  .roo-ust4wl {
    padding: 0 24px 24px;
  }
}

.roo-ust4wl 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;
}

.roo-ust4wl input::placeholder {
  color: var(--Text-400);
}

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

.roo-ust4wl [type="submit"]:disabled {
  opacity: 0.5;
}

.roo-ust4wl [type="submit"] svg {
  color: var(--Neutral-50);
}

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

.roo-td0lih {
  margin-bottom: 16px;
  color: var(--Primary-100);
}

.roo-td0lih.roo-epn215 {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 12px;
  color: var(--Text-100);
  align-items: flex-end;
}

.roo-td0lih.roo-epn215::before {
  content: "";
  width: 31px;
}

.roo-td0lih.roo-epn215 p {
  border-radius: 24px;
  border: 1px solid var(--Neutral-300);
  background: var(--neutral-30060, rgba(43, 43, 43, 0.6));
}

.roo-td0lih.roo-ckqs15 p {
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
}

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

.roo-4w3m02 .roo-0ueiee {
  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;
  }
}

.roo-37e07x {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .roo-37e07x {
    padding: 16px 0;
    background: var(--fh-bg-color);
  }
}

@media (min-width: 1200px) {
  .roo-37e07x {
    padding: 18px 0;
  }
}

.roo-37e07x .roo-lbzc1z {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .roo-37e07x .roo-lbzc1z {
    padding: 16px;
    background: var(--fh-bg-color);
    min-height: 72px;
  }
}

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

@media (min-width: 1200px) {
  .roo-olf0oc {
    max-width: 160px;
    height: 40px;
  }
}

.roo-olf0oc picture,
.roo-olf0oc img {
  display: block;
  width: 100%;
  height: 100%;
}

.roo-olf0oc img {
  object-fit: contain;
  object-position: left center;
}

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

  .roo-37e07x.roo-l4tuo3 .roo-klhmpq {
    transform: translateX(0);
  }
}

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

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

.roo-r2hkbc,
.roo-1jmb40 {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}

@media (min-width: 767px) {
  .roo-r2hkbc,
  .roo-1jmb40 {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .roo-1jmb40 {
    display: none;
  }
}

.roo-4mhawm {
  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;
}

.roo-l4tuo3 .roo-4mhawm {
  background: var(--fh-bg-color);
}

.roo-4mhawm button {
  flex: 1 1;
  padding: 9px 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .roo-4mhawm {
    display: none;
  }
}

.roo-o0o9a3 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .roo-o0o9a3 {
    display: none;
  }
}

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

.roo-37e07x.roo-l4tuo3 .roo-9clkra:first-child {
  display: none;
}

.roo-37e07x.roo-l4tuo3 .roo-9clkra:last-child {
  display: block;
}

.roo-9clkra:last-child {
  display: none;
}

@media (min-width: 1200px) {
  .roo-9clkra {
    display: none;
  }
}

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

@media (min-width: 1200px) {
  .roo-k3mjzf {
    display: flex;
  }
}

.roo-k3mjzf ul {
  max-height: 350px;
  overflow-y: auto;
}

.roo-k3mjzf:hover ul {
  visibility: visible;
  opacity: 1;
}

.roo-k3mjzf:hover ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

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

.roo-k3mjzf:hover ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

.roo-k3mjzf:hover .roo-7nezyl svg {
  transform: rotate(180deg);
}

.roo-z7ovve {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  width: 100%;
}

.roo-ze1wyo {
  padding: 0 8px;
}

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

.roo-o1v6sm:hover {
  background-color: var(--Neutral-300);
}

@media (min-width: 1200px) {
  .roo-o1v6sm {
    padding: 4px 8px;
  }
}

.roo-b7a744 {
  display: flex;
}

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

.roo-7nezyl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 9px;
  margin-top: 2px;
}

.roo-7nezyl svg {
  transition: 0.3s;
  width: 13px;
  height: 13px;
}

.roo-ghyvj9 {
  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) {
  .roo-ghyvj9 {
    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;
  }
}

.roo-33llri {
  width: 100%;
}

@media (min-width: 1200px) {
  .roo-33llri {
    display: none;
  }
}

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

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

.roo-xfvbjp {
  display: flex;
}

.roo-alkxsj {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.roo-1gw6oi {
  list-style: none;
}

@media (max-width: 1199px) {
  .roo-1gw6oi {
    max-height: 90%;
    overflow: auto;
  }
}

@media (min-width: 1200px) {
  .roo-1gw6oi {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .roo-1gw6oi .roo-s11cra [data-ref-el],
  .roo-1gw6oi .roo-s11cra span,
  .roo-1gw6oi .roo-s11cra a {
    white-space: nowrap;
  }
}

.roo-qjawf6 {
  width: 100%;
  transition: 0.3s;
  color: var(--Text-100);
  position: relative;
}

@media (max-width: 1199px) {
  .roo-qjawf6.roo-p7eql0 > .roo-s11cra {
    background: var(--Neutral-300);
  }
}

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

@media (max-width: 1199px) {
  .roo-qjawf6.roo-p7eql0 > .roo-wqblum {
    height: auto;
  }

  .roo-qjawf6.roo-p7eql0 > div > .roo-njkyiu {
    transform: rotate(180deg);
  }
}

.roo-qjawf6 [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
}

.roo-qjawf6 [data-ref-el],
.roo-qjawf6 span {
  cursor: pointer;
}

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

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

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

.roo-wqblum {
  height: 0;
  overflow: hidden;
  transition: height 0.roo-68g02d ease;
  padding-left: 24px;
  list-style: none;
  box-sizing: border-box;
}

.roo-wqblum::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.roo-wqblum::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: var(--Neutral-200);
}

.roo-wqblum::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

@media (min-width: 1200px) {
  .roo-wqblum {
    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;
  }

  .roo-wqblum:has(> .roo-qjawf6.active) {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  .roo-wqblum .roo-wqblum {
    padding: 0;
  }

  .roo-wqblum .roo-qjawf6 {
    font-weight: 400;
  }

  .roo-wqblum .roo-qjawf6:hover > .roo-s11cra {
    background: var(--Neutral-300);
  }

  .roo-wqblum .roo-njkyiu {
    rotate: -90deg;
  }
}

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

@media (min-width: 1200px) {
  .roo-s11cra {
    padding: 8px;
  }

  .roo-qjawf6.roo-g857kx > .roo-s11cra {
    background: var(--Neutral-300);
  }
}

.roo-njkyiu {
  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.roo-48tqzb.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.roo-dr72sr 0.roo-yybha8.roo-tlc4ah -0.roo-09mzq0 0.roo-d66amj -0.roo-09mzq0 1.roo-zfw44s 0.roo-p6oxyb.roo-d9rwty 4.roo-by7rvp.roo-dr72sr 0.roo-2lypqp.roo-0gh24u -0.roo-09mzq0 9.roo-rrb633 -0.roo-09mzq0 10.roo-piayln 0.roo-9d6ipf.roo-j6j649 0.roo-tlc4ah 10.roo-j6j649 0.roo-d66amj 10.roo-piayln 1.roo-kiycmo.roo-mnc7w6 5.roo-q34end.roo-9huod6 6.roo-kkus7k 5.roo-ouhqzc 6.roo-kkus7k 4.roo-3rbb1b 5.roo-4slz7r.roo-dr72sr 1.roo-lmck26.roo-09mzq0 0.roo-d66amj -0.roo-09mzq0 0.roo-tlc4ah 0.roo-dr72sr 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 10px;
  transition: rotate 0.roo-68g02d ease;
  background-color: var(--Text-100);
}

@media (min-width: 1200px) {
  .roo-njkyiu {
    cursor: default;
  }
}

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

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

@media screen and (min-width: 768px) {
  .roo-fffrw5 {
    padding: 40px 4px;
  }
}

.roo-p8qbc8 {
  margin-bottom: 30px;
}

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

.roo-dox2v2 {
  margin-bottom: 32px;
}

@media (min-width: 1200px) {
  .roo-dox2v2 {
    margin-right: 32px;
    margin-bottom: 20px;
  }
}

.roo-dox2v2 ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 8px;
}

.roo-dox2v2 [data-ref-el] {
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
}

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

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

@media (min-width: 1200px) {
  .roo-iqmxs9 {
    margin-bottom: 12px;
  }
}

.roo-pvhyqc {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.roo-pvhyqc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

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

.roo-iqmxs9:hover .roo-kb76ee {
  visibility: visible;
  opacity: 1;
}

.roo-kb76ee {
  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);
}

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

.roo-p5o6zw {
  display: flex;
  margin: 6px;
}

.roo-p5o6zw img {
  display: block;
  max-width: 32px;
  object-fit: contain;
}

.roo-kb76ee::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);
}

.roo-kb76ee::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);
}

.roo-k64z38 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

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

.roo-g9q4w8 {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-color);
}

@media (min-width: 1200px) {
  .roo-g9q4w8 {
    margin-right: 32px;
  }
}

.roo-43vkxl {
  width: 100%;
  max-width: 340px;
  margin-top: 10px;
  text-align: left;
  flex-shrink: 0;
}

@media (min-width: 1200px) {
  .roo-43vkxl {
    margin-top: 0;
    width: 340px;
  }
}

.roo-43vkxl a {
  line-height: 19px;
  color: var(--Primary-100);
  border-bottom: 1px solid var(--Primary-100);
}

.roo-71kr4y {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.roo-6gjq99 {
  position: relative;
}

@media (min-width: 768px) {
  .roo-6gjq99 {
    margin-top: 40px;
  }
}

.roo-6gjq99 + .roo-aon67b,
.roo-6gjq99 + .roo-6gjq99 {
  margin-top: 24px;
}

.roo-5ob8jm {
  padding: 40px 16px;
  position: relative;
  overflow: hidden;
  text-align: center;
  min-height: 700px;
}

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

@media screen and (min-width: 1200px) {
  .roo-5ob8jm {
    padding: 80px;
  }
}

.roo-i3te6s {
  position: relative;
  z-index: 1;
  padding: 0;
}

@media screen and (min-width: 563px) {
  .roo-i3te6s {
    padding: 0 16px;
}


}

.roo-q5c72z {
  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) {
  .roo-q5c72z {
    font-size: 48px;
    line-height: 56px;
  }
}

.roo-pn19ds {
  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) {
  .roo-pn19ds {
    font-size: 24px;
    line-height: 32px;
  }
}

.roo-cbvahg {
  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;
}

.roo-cbvahg:hover {
  background: var(--button-bg-hover);
}

.roo-p2176o {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

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

@media (max-width: 768px) {
  .roo-p2176o img {
  min-height: initial;
  }
}

@media (max-width: 563px) {
  .roo-p2176o img {
  min-height: 100%;
  }
}

.roo-5ob8jm::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}

.roo-hzkbv2 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.roo-hzkbv2 h1,
.roo-hzkbv2 h2,
.roo-hzkbv2 h3,
.roo-hzkbv2 h4 {
  margin-bottom: 6px;
}

.roo-hzkbv2 h1:not(:first-child),
.roo-hzkbv2 h2:not(:first-child),
.roo-hzkbv2 h3:not(:first-child),
.roo-hzkbv2 h4:not(:first-child) {
  margin-top: 16px;
}

.roo-hzkbv2 h1,
.roo-hzkbv2 h1 > * {
  font-size: 40px;
  line-height: 48px;
}

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

.roo-hzkbv2 h2,
.roo-hzkbv2 h2 > * {
  font-size: 32px;
  line-height: 40px;
}

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

.roo-hzkbv2 h3,
.roo-hzkbv2 h3 > * {
  font-size: 24px;
  line-height: 32px;
}

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

.roo-hzkbv2 h4,
.roo-hzkbv2 h4 > * {
  font-size: 24px;
  line-height: 32px;
}

.roo-hzkbv2 ul {
  font-size: 16px;
  margin: 6px 0 14px;
  padding: 0;
  padding-left: 8px;
  list-style: none;
}

.roo-hzkbv2 ul li {
  position: relative;
  margin-bottom: 8px;
  padding-left: 16px;
  list-style-type: none;
}

.roo-hzkbv2 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);
}

.roo-hzkbv2 ul ul {
  margin-bottom: 8px;
}

.roo-hzkbv2 ul ul > li {
  margin-top: 16px;
  padding-left: 33px;
}

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

.roo-hzkbv2 ol {
  font-size: 16px;
  margin: 6px 0 14px;
  padding-left: 24px;
  list-style: decimal;
}

.roo-hzkbv2 ol li {
  margin-bottom: 8px;
  padding-left: 6px;
}

.roo-hzkbv2 ol li::marker {
  font-weight: 700;
}

.roo-hzkbv2 ol ol {
  margin-bottom: 8px;
}

.roo-hzkbv2 ol ol > li {
  margin-top: 16px;
  padding-left: 0;
}

.roo-hzkbv2 ol ul li {
  padding-left: 16px;
}

.roo-hzkbv2 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) {
  .roo-hzkbv2 table {
    padding: 24px;
  }
}

.roo-hzkbv2 table.roo-s69x10 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.roo-68g02d,
    mask-image 0.3s;
}

.roo-hzkbv2 table.roo-s69x10.roo-v369bn {
  -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) {
  .roo-hzkbv2 table {
    display: table;
  }
}

.roo-hzkbv2 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);
}

.roo-hzkbv2 table thead th:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.roo-hzkbv2 table thead th:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.roo-hzkbv2 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) {
  .roo-hzkbv2 table tbody td {
    width: auto;
    white-space: wrap;
  }
}

.roo-hzkbv2 table tbody td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.roo-hzkbv2 table tbody td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.roo-hzkbv2 table tbody td img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 14px;
  vertical-align: middle;
}

.roo-hzkbv2 img {
  max-width: 100%;
  height: auto;
}

.roo-9fnvqx {
  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) {
  .roo-9fnvqx {
    padding: 24px;
  }
}

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

@media (min-width: 768px) {
  .roo-brxy9n {
    font-size: 40px;
    line-height: 48px;
    max-width: 62%;
  }
}

.roo-brxy9n > * {
  margin: 0 !important;
}

.roo-brxy9n img,
.roo-rm99t0 {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roo-brxy9n img,
  .roo-rm99t0 {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.roo-ahn2nw {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--text-color);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .roo-ahn2nw {
    width: 32px;
    height: 32px;
  }
}

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

.roo-yg5b3c .roo-j9pi84 {
  flex-shrink: 0;
}

.roo-yg5b3c .roo-6f1o1y svg {
  display: none;
}

.roo-a43ct4 {
  display: grid;
  transition: max-height 0.roo-68g02d ease-in-out;
  column-gap: 16px;
  grid-template-columns: 1fr;
}

@media (min-width: 508px) {
  .roo-a43ct4 {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}

@media (min-width: 1200px) {
  .roo-a43ct4 {
    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));
  }
}

.roo-a43ct4.roo-pmwelc + .roo-j9pi84 svg {
  transform: rotate(180deg);
}

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

.roo-uxy052 > div:nth-child(3n) {
  grid-column: span 2;
}

.roo-uxy052
  > div:nth-child(3n)
  .roo-l3to6u
  button {
  max-width: 270px;
}

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

  .roo-uxy052 > div:nth-child(3n) {
    grid-column: unset;
  }

  .roo-uxy052
    > div:nth-child(3n)
    .roo-l3to6u
    button {
    max-width: 83px;
  }
}

@media (min-width: 1200px) {
  .roo-uxy052 {
    max-width: 270px;
  }
}

.roo-uxy052 .roo-l3to6u button {
  max-width: 96px;
}

@media (min-width: 375px) {
  .roo-uxy052 .roo-l3to6u button {
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .roo-uxy052 .roo-l3to6u button {
    max-width: 104px;
  }
}

.roo-pdegia {
  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) {
  .roo-pdegia {
    margin-bottom: 0;
  }
}

.roo-71kfps {
  display: none;
  opacity: 0;
}

.roo-6178tk {
  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;
  }
}

.roo-6178tk img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

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

.roo-l3to6u button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

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

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

.roo-9vjl1g:first-child
  .roo-l3to6u
  button {
  max-width: 270px;
}

.roo-7mxc6y {
  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%;
}

.roo-pdegia picture {
  width: 100%;
  max-width: 100%;
}

.roo-3cs4rb {
  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;
}

.roo-3cs4rb svg {
  outline: 10px solid var(--button-bg-color);
  border-radius: 1px;
  background: var(--button-bg-color);
}

.roo-pdegia:hover .roo-3cs4rb {
  display: flex;
}

.roo-ug2ghl {
  font-size: 12px;
  line-height: 16px;
  color: var(--Text-400);
}

.roo-zoc9mu {
  display: flex;
}

.roo-zoc9mu:hover .roo-nd7aif,
.roo-zoc9mu .roo-g857kx .roo-nd7aif {
  display: flex;
}

.roo-zoc9mu svg {
  flex-shrink: 0;
}

.roo-nd7aif {
  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) {
  .roo-nd7aif {
    width: 174px;
    right: -28px;
    padding: 12px;
  }
}

.roo-nd7aif:hover {
  display: flex;
}

.roo-nd7aif svg {
  color: var(--Neutral-300);
  position: absolute;
  right: 19px;
  top: -11px;
}

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

@media (min-width: 768px) {
  .roo-ldtptt {
    font-size: 12px;
  }
}

.roo-1fl1n5,
.roo-17jnz1 {
  width: 50%;
  flex-shrink: 0;
}

.roo-1fl1n5 {
  font-weight: 700;
}

.roo-z3wrw1 .roo-a43ct4 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .roo-z3wrw1 .roo-a43ct4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .roo-z3wrw1 .roo-a43ct4 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.roo-z3wrw1
  .roo-7mxc6y:has(img) {
  max-height: initial !important;
  aspect-ratio: 1/1;
}

.roo-z3wrw1 .roo-6178tk {
  height: 100% !important;
  border-radius: 16px;
}

.roo-z3wrw1 .roo-l3to6u {
  gap: 4px;
  align-items: center;
}

.roo-z3wrw1 .roo-l3to6u button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roo-z3wrw1 .roo-l3to6u svg {
  display: block;
  aspect-ratio: 1/1;
  flex: 0 0 16px;
}

.roo-z3wrw1 .roo-yphxfl,
.roo-z3wrw1 .roo-0tjvel {
  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.roo-48tqzb.org/2000/svg'%3E%3Cpath d='M9.roo-0xrhjm 4.roo-ku6l2y.roo-9ckbj1 5.roo-q4338j.roo-kho7eb 5.roo-51kxzp.roo-afiepb 5.roo-z16psf.roo-wku80q 8.roo-lcpoyh.roo-o24rf6 9.roo-o4h2zp.roo-yakksq 9.roo-t7h9wa.roo-i67atb 13.roo-fceiw3.roo-nrzuac 11.roo-vb4xl7.roo-5omndx 11.roo-vchj68.roo-pjmahh 11.roo-grt915.roo-sdrok2 13.roo-p1oetg.roo-tu77iy 9.roo-o2yh0m.roo-053x5z 9.roo-r4ftz1.roo-424hd7 8.roo-02vu6s.roo-u14fgr 5.roo-u17ifm.roo-8tu019 5.roo-ri8e30.roo-2sm9v3 5.roo-vllwpn.roo-wkl67z 4.roo-kfzgq7.roo-5omndx 1.roo-dut3jd.roo-0xrhjm 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A");
}

.roo-z3wrw1 .roo-yphxfl {
  background-color: hsl(from var(--Neutral-50) h s l/30%);
  width: 81px;
}

.roo-z3wrw1 .roo-0tjvel {
  display: block;
  background-color: var(--Accent-Yellow-300, #fb0);
}

.roo-6igbha {
  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) {
  .roo-6igbha {
    padding: 24px;
  }
}

.roo-6igbha .roo-j9pi84 {
  display: flex;
}

@media (min-width: 768px) {
  .roo-6igbha .roo-j9pi84 {
    display: none;
  }
}

.roo-6igbha .roo-6f1o1y svg {
  display: none;
}

.roo-cvjssv {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.roo-cvjssv .roo-4d4sup {
  display: none;
}

@media (min-width: 768px) {
  .roo-cvjssv .roo-4d4sup {
    display: flex;
  }
}

.roo-2ihxyn {
  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) {
  .roo-2ihxyn {
    font-size: 40px;
    line-height: 48px;
  }
}

.roo-2ihxyn > * {
  margin: 0 !important;
}

.roo-2ihxyn img,
.roo-styqj1 {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roo-2ihxyn img,
  .roo-styqj1 {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.roo-7l1wwt {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .roo-7l1wwt {
    width: 32px;
    height: 32px;
  }
}

.roo-r3gub9 {
  display: grid;
  overflow: hidden;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 768px) {
  .roo-r3gub9 {
    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;
  }

  .roo-r3gub9::-webkit-scrollbar {
    display: none;
  }
}

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

@media (min-width: 768px) {
  .roo-pfoxjm {
    padding: 7px 15px;
  }
}

.roo-pfoxjm:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.roo-5vp03u {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .roo-5vp03u {
    display: flex;
    opacity: 1;
  }
}

.roo-pfoxjm picture {
  height: 100%;
  display: block;
}

.roo-pfoxjm img {
  display: block;
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .roo-pfoxjm img {
    width: 88px;
    height: 44px;
  }
}

.roo-pfoxjm p {
  text-align: center;
  width: 100%;
}

.roo-r4snsw {
  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) {
  .roo-r4snsw {
    font-size: 40px;
    line-height: 48px;
  }
}

.roo-r4snsw img,
.roo-cwioxs {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roo-r4snsw img,
  .roo-cwioxs {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

.roo-10h6m0 {
  display: flex;
  width: 24px;
  height: 24px;
  background: var(--Primary-100);
  vertical-align: middle;
}

@media (min-width: 768px) {
  .roo-10h6m0 {
    width: 32px;
    height: 32px;
  }
}

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

.roo-iey36r {
  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;
}

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

.roo-n5tfp3.roo-g857kx {
  border-bottom: 4px solid var(--button-bg-color, #70f);
}

.roo-yifn3k {
  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) {
  .roo-yifn3k {
    font-size: 20px;
    line-height: 28px;
  }
}

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

.roo-cf2ay4 {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  transition: 0.roo-68g02d ease;
  opacity: 0;
  color: var(--text-color);
}

.roo-rcjhmk {
  font-size: 16px;
  line-height: 24px;
  padding: 8px 0 0;
}

.roo-rcjhmk ol,
.roo-rcjhmk ul {
  padding-left: 1.3em;
}

.roo-n5tfp3.roo-g857kx .roo-cf2ay4 {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.roo-n5tfp3.roo-g857kx .roo-w0xgte {
  transform: rotate(180deg);
  color: var(--text-color);
}

.roo-icw3gm {
  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) {
  .roo-icw3gm {
    padding: 24px;
  }
}

.roo-icw3gm .roo-j9pi84 {
  display: flex;
}

@media (min-width: 768px) {
  .roo-icw3gm .roo-j9pi84 {
    display: none;
  }
}

.roo-icw3gm .roo-6f1o1y svg {
  display: none;
}

.roo-rz4n47 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.roo-rz4n47 .roo-4d4sup {
  display: none;
}

@media (min-width: 768px) {
  .roo-rz4n47 .roo-4d4sup {
    display: flex;
  }
}

.roo-wxch6v {
  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) {
  .roo-wxch6v {
    align-items: center;
    font-size: 40px;
    line-height: 48px;
  }
}

.roo-wxch6v > * {
  margin: 0 !important;
}

.roo-wxch6v img,
.roo-waagid {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roo-wxch6v img,
  .roo-waagid {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

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

@media (min-width: 768px) {
  .roo-u0a81w {
    width: 32px;
    height: 32px;
  }
}

.roo-u5ew5r {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .roo-u5ew5r {
    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;
  }

  .roo-u5ew5r::-webkit-scrollbar {
    display: none;
  }
}

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

.roo-xky5xv:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.roo-tgruy1 {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .roo-tgruy1 {
    display: flex;
    opacity: 1;
  }
}

.roo-xky5xv picture {
  width: auto;
  height: 100%;
  display: block;
}

.roo-xky5xv picture img {
  display: block;
  width: auto;
  height: 100%;
}

.roo-bvclyc {
  margin: -24px 0;
}

.roo-bvclyc:first-of-type {
  margin-top: 24px;
}

@media (min-width: 1200px) {
  .roo-bvclyc {
    margin: -16px 0;
  }
}

.roo-dh0q4z {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  .roo-dh0q4z {
    flex-direction: row;
  }
}

.roo-38z67l {
  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) {
  .roo-38z67l {
    flex: 1;
  }
}

.roo-38z67l::placeholder {
  color: var(--Text-400);
}

.roo-2nz65u {
  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;
}

.roo-n6e9l4 {
  display: flex;
  margin: -4px;
  overflow-x: auto;
  scrollbar-width: none;
}

.roo-n6e9l4::-webkit-scrollbar {
  display: none;
}

.roo-z689jk {
  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;
}

.roo-z689jk img,
.roo-z689jk svg {
  margin-right: 8px;
}

.roo-vwex0l {
  background: var(--Primary-200);
  color: var(--Text-00);
}

.roo-bvclyc + .roo-4fjden {
  margin-top: 0;
}

@media (min-width: 768px) {
  .roo-bvclyc + .roo-4fjden {
    margin-top: -16px;
  }
}

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

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

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

.roo-r3i65i {
  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;
}

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

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

.roo-m9scv4 {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

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

.roo-r3i65i 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;
}

.roo-r3i65i 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) {
  .roo-r3i65i {
    padding: 39px 179px 39px 39px;
  }

  .roo-tom7qh {
    font-size: 40px;
    line-height: 48px;
  }

  .roo-rx6k1y {
    height: 348px;
  }

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

  .roo-r3i65i button svg {
    width: 24px;
    height: 24px;
  }
}

@media screen and (min-width: 1200px) {
  .roo-r3i65i {
    padding: 63px;
  }
}

.roo-88kw92 {
  display: flex;
  align-items: center;
  padding: 8px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .roo-88kw92 {
    flex-wrap: nowrap;
    padding: 16px 0;
  }
}

.roo-1re70f {
  font-size: 14px;
  width: 100%;
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .roo-1re70f {
    width: auto;
  }
}

.roo-kapy8t {
  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;
}

.roo-kapy8t::-webkit-scrollbar {
  display: none;
}

.roo-kapy8t 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);
}

.roo-kapy8t a:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .roo-kapy8t {
    margin-left: 16px;
    margin-top: 0;
  }
}

.roo-88kw92 .roo-qahbq7 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.roo-68g02d,
    mask-image 0.3s;
}

.roo-88kw92 .roo-qahbq7.roo-v369bn {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

.roo-ze6nob {
  margin: 40px -16px;
}

.roo-ytq6cn + .roo-aon67b,
.roo-ytq6cn + .roo-6gjq99 {
  margin-top: 24px;
}

.roo-6i4y9s {
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--Neutral-200);
}

.roo-6i4y9s picture {
  display: flex;
  width: 100%;
  min-height: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.roo-5eeh5v {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 46px;
  padding: 0 8px;
}

@media (min-width: 768px) {
  .roo-5eeh5v {
    padding: 0 15px;
    margin-bottom: 40px;
    margin-top: 7px;
  }
}

@media (min-width: 1200px) {
  .roo-5eeh5v {
    margin-top: 0;
  }
}

.roo-d5mrse {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  text-transform: capitalize;
}

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

.roo-zk9tbd {
  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) {
  .roo-zk9tbd {
    gap: 24px;
    padding: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    flex-direction: row;
  }
}

.roo-pmh5tt {
  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) {
  .roo-pmh5tt {
    margin-bottom: 0;
    margin-right: 32px;
    padding: 40px;
  }
}

.roo-tgyfcn {
  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) {
  .roo-tgyfcn {
    font-size: 20px;
    line-height: 28px;
  }
}

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

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

.roo-zviek4 {
  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;
}

.roo-dkx5aw {
  display: block;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.roo-dkx5aw img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.roo-4fjden {
  margin: 24px auto 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.roo-c1dnu9 {
  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) {
  .roo-c1dnu9 {
    padding: 15px 48px;
  }
}

main > .roo-4fjden {
  margin: -26px auto -16px;
}

@media (max-width: 700px) {
  .roo-a43ct4.roo-4ze4lw > div:nth-child(n+5) {
    display: none;
  }
}

.roo-hzkbv2 p a img {
  display: block;
  margin: 0 auto;
}


.roo-lncsaf {
  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 */
.roo-h3l4y5 {
  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;
}

.roo-h3l4y5 label {
  font-size: 14px;
}

.roo-h3l4y5 h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.roo-h3l4y5 input,
.roo-h3l4y5 textarea,
.roo-h3l4y5 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;
}
.roo-h3l4y5 button {
  background-color: var(--button-bg-color);
  color: var(--button-text-color);
  border: none;
  cursor: pointer;
  transition: background 0.roo-jesulu ease;
}
.roo-h3l4y5 button:hover {
  background-color: var(--button-bg-hover);
}
.roo-wa2dtd {
  text-align: center;
  color: green;
  font-weight: 500;
  padding: 50px 0;
  animation: fadeIn 0.roo-9yq32s ease-in;
}

.roo-wa2dtd 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;
}
.roo-h4hq33, .roo-yrcqp1, [class*="review-card"],
thead, thead th, table th, .roo-u8jimf,
.roo-um050w, [class*="collapsible-header"],
.roo-uvv4t6, [class*="updated-block"] {
  color: #ece7dc !important;
}

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