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

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

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

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

.roobet-6qmkjp {
  overflow: hidden;
}

.roobet-9htzfs img {
  background: var(--Neutral-300);
}

.roobet-6zn0g3 {
  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;
}

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

.roobet-qhpyf9:hover {
  background: var(--button-bg-hover);
}

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

.roobet-s413p5:hover {
  background: var(--button-bg-hover);
}

.roobet-cwidh5 {
  font-size: 12px;
  line-height: 18px;
}

.roobet-pdl4du {
  font-size: 18px;
  line-height: 26px;
}

.roobet-5b025n {
  width: 100%;
}

.roobet-3r0xs3 {
  padding: 6px 16px;
}

.roobet-400s8b {
  padding: 10px 16px;
}

.roobet-bx8xj1 {
  padding: 15px 26px;
}

.roobet-ykln7t {
  flex-shrink: 0;
}

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

.roobet-0tv5ib {
  display: none;
}

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

.roobet-5f3h3z {
  overflow: hidden;
  width: 100%;
  margin-top: 20px;
}

.roobet-03i7zw {
  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;
}

.roobet-hbonj3 {
  cursor: grab;
}

.roobet-03i7zw::-webkit-scrollbar {
  display: none;
}

.roobet-yf7twt {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  scroll-snap-align: start;
}

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

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

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

.roobet-plsry0 {
  visibility: visible;
}

.roobet-wp172m {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: var(--Text-400);
  border-radius: 8px;
  cursor: pointer;
  transition: 0.roobet-hskkke ease;
}

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

.roobet-jua6q9 {
  -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.roobet-hskkke,
    mask-image 0.3s;
}

.roobet-jua6q9.roobet-sw4fok {
  -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;
  }
}

.roobet-jui0rk: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;
}

.roobet-8fyjsx {
  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.roobet-c5y46n.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.roobet-c5y46n.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;
}

.roobet-jbsnwq {
  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);
}

.roobet-jbsnwq::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%
  );
}

.roobet-wliqtz {
  position: relative;
  z-index: 1;
}

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

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

.roobet-dekyqi {
  font-size: 40px;
  line-height: 48px;
}

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

.roobet-arylqt {
  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;
}

.roobet-arylqt:hover {
  background: var(--Primary-400);
}

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

.roobet-jui0rk 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) {
  .roobet-jbsnwq {
    max-width: 600px;
    padding: 64px;
  }

  .roobet-xi6yfe {
    font-size: 24px;
    line-height: 32px;
  }

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

  .roobet-dekyqi {
    font-size: 50px;
    line-height: 56px;
  }

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

  .roobet-8fyjsx {
    top: 25px;
    right: 25px;
  }
}

.roobet-33ti20,
.roobet-vn4zgh {
  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;
}

.roobet-vfzg33.roobet-rr45fj::before,
.roobet-vn4zgh::before,
.roobet-iiupoe::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.roobet-c5y46n.org/2000/svg'%3E%3Crect width='31' height='31' rx='15.5' fill='%23FFF4D0'/%3E%3Cpath d='M15.roobet-zqqtte 14.roobet-f2fybl.roobet-a9ftsk 14.roobet-kzff69 15.roobet-swgm31 14.roobet-273nhq 15.roobet-7l3pso 14.roobet-ohefa8.roobet-rpon7u 14.roobet-13bwdi 19.roobet-y70vgm 12.roobet-h7yqbx 19.roobet-y70vgm 10.roobet-xzc02q.roobet-y70vgm 8.roobet-p9bn87 17.roobet-0apdbz 7.roobet-f1jvmt 15.roobet-rrdhu4 7.roobet-ekoub6.roobet-znr6rx 7.roobet-f1jvmt 11.roobet-h4qagx 8.roobet-p9bn87 11.roobet-h4qagx 10.roobet-fd5cxo.roobet-h4qagx 12.roobet-dmcvuz 13.roobet-mq7jj8 14.roobet-mopkw3 15.roobet-a0rq85 14.roobet-4dxcfu.roobet-wet0i2 14.roobet-6bpx8c 15.roobet-ht81n4 14.roobet-aups0y 15.roobet-a9mhit 14.roobet-v2b98l.roobet-zqqtte 14.5684Z' fill='%23FFC421'/%3E%3Cpath d='M15.roobet-bnc6pq 15.roobet-h15jno.roobet-0aq6po 15.roobet-491bks 15.roobet-ooe6bw 15.roobet-1oqdqv 15.roobet-gj8r8k 15.roobet-agm4tk.roobet-5cmbkt 15.roobet-1oqdqv 15.roobet-p677zr 15.roobet-lewno0 15.roobet-dhb832 15.roobet-ny6n5y.roobet-yhntde 15.roobet-1m677r 7.roobet-q0r9v4 18.roobet-x978ph 7.roobet-qlros2 23.roobet-91yr33.roobet-w2x7eh.roobet-5j94r9 18.roobet-yap9mx 19.roobet-ngwt4b 15.roobet-3w5744 15.roobet-bnc6pq 15.1903Z' fill='%23FFC421'/%3E%3Ccircle cx='5.5' cy='5.5' r='3' fill='%23179163' stroke='%23FFF4D0'/%3E%3C/svg%3E%0A");
}

.roobet-sznt1f [type="submit"] *,
.roobet-fbmuon button * {
  pointer-events: none;
  touch-action: none;
}

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

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

body:has(header nav.open) .roobet-xd5qfi {
  display: none;
}

@media (min-width: 768px) {
  .roobet-xd5qfi {
    bottom: 22px;
  }
}

.roobet-xd5qfi input {
  font-family: inherit;
}

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

@media (max-width: 767px) {
  body:has(.roobet-jdf1n4.static) .roobet-xd5qfi {
    bottom: 8px;
  }
}

.roobet-3vg5c2 {
  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.roobet-c5y46n.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M31.roobet-ju7vth 3.roobet-uswfz1.roobet-mh6xz7.roobet-pf2byp 3.roobet-9w71y3 3.roobet-1fvacm 5.roobet-yhtvmg 3.roobet-1fvacm 8.roobet-g60vpo.roobet-bufrp9.roobet-1fvacm 26.roobet-ptekg8 5.roobet-jxqm0x 28.roobet-1sd6bt 8.roobet-z3oj1x 28.roobet-b3ybkg.roobet-seni4y 28.roobet-s2oqsv.roobet-11xknl 34.roobet-dshv2i.roobet-jz65m7 36.roobet-uf3i6b 11.roobet-yf2rpy 37.roobet-ab0clf 12.roobet-tgk1qb 36.roobet-34ortw.roobet-3jqgvy 28.roobet-hzc0ii.roobet-ln6aqo.roobet-ekyngc 28.roobet-bnktue 36.roobet-5a5s6c 26.roobet-2kvu2t 36.roobet-5a5s6c 23.roobet-d74x9s.roobet-3k4ykj.roobet-5a5s6c 5.roobet-r1myap 34.roobet-7l2kxw 3.roobet-9w71y3 31.roobet-ju7vth 3.roobet-qun384.roobet-pvy83j 18.roobet-tzkasl.roobet-vkwe5d 18.roobet-c4z47t 8.roobet-hdmxve 17.roobet-lzgq1m 8.roobet-hdmxve 15.roobet-ct4060.roobet-hdmxve 14.roobet-7mqckk 9.roobet-vkwe5d 13.roobet-g46uaz 11.roobet-pvy83j 13.roobet-kw3abd.roobet-g84n5k 13.roobet-g46uaz 13.roobet-9co0uf 14.roobet-7mqckk 13.roobet-9co0uf 15.roobet-e73ejq.roobet-9co0uf 17.roobet-lzgq1m 12.roobet-g84n5k 18.roobet-c4z47t 11.roobet-pvy83j 18.roobet-kltagy.roobet-u0tfot 18.roobet-jf0zy6.roobet-2ttmp2 18.roobet-c4z47t 17.roobet-etij1o 17.roobet-lzgq1m 17.roobet-etij1o 15.roobet-uj8r4f.roobet-etij1o 14.roobet-7mqckk 18.roobet-2ttmp2 13.roobet-g46uaz 20.roobet-u0tfot 13.roobet-x4eqg7.roobet-41mcp0 13.roobet-g46uaz 22.roobet-zdtm6x 14.roobet-7mqckk 22.roobet-zdtm6x 15.roobet-rub9xq.roobet-dr2k4t 17.roobet-lzgq1m 21.roobet-41mcp0 18.roobet-c4z47t 20.roobet-u0tfot 18.roobet-iyihod.roobet-q5pp03 18.roobet-hqfl2f.roobet-txghkb 18.roobet-c4z47t 26.roobet-9ydt1k 17.roobet-lzgq1m 26.roobet-9ydt1k 15.roobet-5z8xs1.roobet-9ydt1k 14.roobet-7mqckk 27.roobet-txghkb 13.roobet-g46uaz 28.roobet-q5pp03 13.roobet-2vwaka.roobet-4odj6c 13.roobet-g46uaz 31.roobet-ilygua 14.roobet-7mqckk 31.roobet-ilygua 15.roobet-ha6k1l.roobet-9ydt1k 17.roobet-lzgq1m 30.roobet-4odj6c 18.roobet-c4z47t 28.roobet-q5pp03 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"])
    .roobet-3vg5c2 {
    display: none;
  }
}

.roobet-6kzj68 {
  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) {
  .roobet-6kzj68 {
    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;
}

.roobet-fbmuon {
  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) {
  .roobet-fbmuon {
    padding: 14px 16px;
  }
}

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

.roobet-fbmuon button:first-child {
  align-content: end;
}

.roobet-fbmuon button:first-of-type {
  display: none;
}

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

.roobet-fbmuon button:first-of-type svg {
  width: 30px;
  height: 30px;
}

.roobet-fbmuon button:last-child svg {
  width: 38px;
  height: 38px;
}

.roobet-iiupoe {
  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;
}

.roobet-iiupoe::before {
  content: "";
  width: 48px;
}

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

.roobet-so7gxj {
  flex: 1 1;
}

.roobet-dmwk9u {
  display: none;
  padding: 64px 16px 16px;
}

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

.pc61d126-chatbot[data-active-screen="1"] .roobet-7hsnox {
  display: block;
}

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

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

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

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

.roobet-6bon5w p {
  color: var(--Text-100);
}

.roobet-vn4zgh .roobet-c8gu66 {
  grid-area: button;
}

.roobet-vn4zgh .roobet-c8gu66::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.roobet-c5y46n.org/2000/svg'%3E%3Cpath d='M4.roobet-hwidaw 10H16.3327' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.roobet-uuwz14 15L16.roobet-uuwz14 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.roobet-uuwz14 5L16.roobet-uuwz14 10' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

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

.roobet-ie0qrp {
  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) {
  .roobet-ie0qrp {
    margin-top: 40px;
  }
}

.roobet-33ti20 label,
.roobet-33ti20 input {
  display: block;
  width: 100%;
}

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

.roobet-33ti20 label.roobet-0ogy6w input {
  border: 1px solid var(--Accent-100);
  padding: 16px;
}

.roobet-33ti20 label.roobet-0ogy6w::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;
}

.roobet-33ti20 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;
}

.roobet-33ti20 input::placeholder {
  color: var(--Text-400);
}

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

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

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

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

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

.roobet-sznt1f {
  flex: 0 0;
  position: relative;
  padding: 0 16px 16px;
}

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

.roobet-sznt1f 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;
}

.roobet-sznt1f input::placeholder {
  color: var(--Text-400);
}

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

.roobet-sznt1f [type="submit"]:disabled {
  opacity: 0.5;
}

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

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

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

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

.roobet-vfzg33.roobet-rr45fj::before {
  content: "";
  width: 31px;
}

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

.roobet-vfzg33.roobet-fif4sq p {
  box-shadow: 0 0 12px 0 rgba(191, 191, 191, 0.1);
}

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

.roobet-xd5qfi .roobet-c8gu66 {
  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;
  }
}

.roobet-f3bn1s {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
}

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

@media (min-width: 1200px) {
  .roobet-f3bn1s {
    padding: 18px 0;
  }
}

.roobet-f3bn1s .roobet-plhsq3 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .roobet-f3bn1s .roobet-plhsq3 {
    padding: 16px;
    background: var(--fh-bg-color);
    min-height: 72px;
  }
}

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

@media (min-width: 1200px) {
  .roobet-9hq316 {
    max-width: 160px;
    height: 40px;
  }
}

.roobet-9hq316 picture,
.roobet-9hq316 img {
  display: block;
  width: 100%;
  height: 100%;
}

.roobet-9hq316 img {
  object-fit: contain;
  object-position: left center;
}

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

  .roobet-f3bn1s.roobet-pu1h2y .roobet-zijmn1 {
    transform: translateX(0);
  }
}

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

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

.roobet-8jngp9,
.roobet-3qp46t {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 8px;
}

@media (min-width: 767px) {
  .roobet-8jngp9,
  .roobet-3qp46t {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .roobet-3qp46t {
    display: none;
  }
}

.roobet-k9uvbl {
  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;
}

.roobet-pu1h2y .roobet-k9uvbl {
  background: var(--fh-bg-color);
}

.roobet-k9uvbl button {
  flex: 1 1;
  padding: 9px 12px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .roobet-k9uvbl {
    display: none;
  }
}

.roobet-6i2aet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (min-width: 1200px) {
  .roobet-6i2aet {
    display: none;
  }
}

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

.roobet-f3bn1s.roobet-pu1h2y .roobet-wdm3au:first-child {
  display: none;
}

.roobet-f3bn1s.roobet-pu1h2y .roobet-wdm3au:last-child {
  display: block;
}

.roobet-wdm3au:last-child {
  display: none;
}

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

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

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

.roobet-gc8y7m ul {
  max-height: 350px;
  overflow-y: auto;
}

.roobet-gc8y7m:hover ul {
  visibility: visible;
  opacity: 1;
}

.roobet-gc8y7m:hover ul::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

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

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

.roobet-gc8y7m:hover .roobet-7s38um svg {
  transform: rotate(180deg);
}

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

.roobet-fhbtgn {
  padding: 0 8px;
}

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

.roobet-vgqxya:hover {
  background-color: var(--Neutral-300);
}

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

.roobet-9ekrp3 {
  display: flex;
}

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

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

.roobet-7s38um svg {
  transition: 0.3s;
  width: 13px;
  height: 13px;
}

.roobet-iyaocq {
  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) {
  .roobet-iyaocq {
    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;
  }
}

.roobet-kjqwdk {
  width: 100%;
}

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

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

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

.roobet-auk4vl {
  display: flex;
}

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

.roobet-i2t2wn {
  list-style: none;
}

@media (max-width: 1199px) {
  .roobet-i2t2wn {
    max-height: 90%;
    overflow: auto;
  }
}

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

  .roobet-i2t2wn .roobet-cut0av [data-ref-el],
  .roobet-i2t2wn .roobet-cut0av span,
  .roobet-i2t2wn .roobet-cut0av a {
    white-space: nowrap;
  }
}

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

@media (max-width: 1199px) {
  .roobet-s49q7l.roobet-35kklr > .roobet-cut0av {
    background: var(--Neutral-300);
  }
}

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

@media (max-width: 1199px) {
  .roobet-s49q7l.roobet-35kklr > .roobet-e8nqz2 {
    height: auto;
  }

  .roobet-s49q7l.roobet-35kklr > div > .roobet-onzak3 {
    transform: rotate(180deg);
  }
}

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

.roobet-s49q7l [data-ref-el],
.roobet-s49q7l span {
  cursor: pointer;
}

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

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

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

.roobet-e8nqz2 {
  height: 0;
  overflow: hidden;
  transition: height 0.roobet-hskkke ease;
  padding-left: 24px;
  list-style: none;
  box-sizing: border-box;
}

.roobet-e8nqz2::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

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

.roobet-e8nqz2::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}

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

  .roobet-e8nqz2:has(> .roobet-s49q7l.active) {
    height: auto;
    visibility: visible;
    opacity: 1;
  }

  .roobet-e8nqz2 .roobet-e8nqz2 {
    padding: 0;
  }

  .roobet-e8nqz2 .roobet-s49q7l {
    font-weight: 400;
  }

  .roobet-e8nqz2 .roobet-s49q7l:hover > .roobet-cut0av {
    background: var(--Neutral-300);
  }

  .roobet-e8nqz2 .roobet-onzak3 {
    rotate: -90deg;
  }
}

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

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

  .roobet-s49q7l.roobet-xlny3n > .roobet-cut0av {
    background: var(--Neutral-300);
  }
}

.roobet-onzak3 {
  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.roobet-c5y46n.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.roobet-b9yhpy 0.roobet-22inwx.roobet-xzyc0w -0.roobet-tw7gcu 0.roobet-4oxyya -0.roobet-tw7gcu 1.roobet-j4i4aw 0.roobet-3d5711.roobet-xzl88y 4.roobet-ouz6g7.roobet-b9yhpy 0.roobet-24u9uo.roobet-88pq7x -0.roobet-tw7gcu 9.roobet-6ny3cw -0.roobet-tw7gcu 10.roobet-qqaec7 0.roobet-03a0wm.roobet-vt9l16 0.roobet-xzyc0w 10.roobet-vt9l16 0.roobet-4oxyya 10.roobet-qqaec7 1.roobet-0dlm86.roobet-usqsup 5.roobet-rrj4v6.roobet-6u9esx 6.roobet-coe197 5.roobet-o2cmx5 6.roobet-coe197 4.roobet-okm8cf 5.roobet-bt7pm5.roobet-b9yhpy 1.roobet-msfdik.roobet-tw7gcu 0.roobet-4oxyya -0.roobet-tw7gcu 0.roobet-xzyc0w 0.roobet-b9yhpy 0.21967Z' fill='%23F0F0F0'/%3E%3C/svg%3E%0A");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 10px;
  transition: rotate 0.roobet-hskkke ease;
  background-color: var(--Text-100);
}

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

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

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

@media screen and (min-width: 768px) {
  .roobet-1mmub1 {
    padding: 40px 4px;
  }
}

.roobet-ejhhf8 {
  margin-bottom: 30px;
}

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

.roobet-t4q6a5 {
  margin-bottom: 32px;
}

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

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

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

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

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

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

.roobet-tot8yg {
  width: 32px;
  height: 32px;
  margin-right: 12px;
  overflow: hidden;
}

.roobet-tot8yg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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

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

.roobet-vw09qa:hover .roobet-l67cim {
  visibility: visible;
  opacity: 1;
}

.roobet-l67cim {
  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);
}

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

.roobet-6z9n4p {
  display: flex;
  margin: 6px;
}

.roobet-6z9n4p img {
  display: block;
  max-width: 32px;
  object-fit: contain;
}

.roobet-l67cim::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);
}

.roobet-l67cim::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);
}

.roobet-dzwvcc {
  display: flex;
  flex-direction: column;
  width: 100%;
}

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

.roobet-61xh25 {
  font-size: 14px;
  line-height: 20px;
  color: var(--text-color);
}

@media (min-width: 1200px) {
  .roobet-61xh25 {
    margin-right: 32px;
  }
}

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

@media (min-width: 1200px) {
  .roobet-nbzc7k {
    margin-top: 0;
    width: 340px;
  }
}

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

.roobet-vvedui {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
}

.roobet-jvnr1h {
  position: relative;
}

@media (min-width: 768px) {
  .roobet-jvnr1h {
    margin-top: 40px;
  }
}

.roobet-jvnr1h + .roobet-1gu2lm,
.roobet-jvnr1h + .roobet-jvnr1h {
  margin-top: 24px;
}

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

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

@media screen and (min-width: 1200px) {
  .roobet-un79mr {
    padding: 80px;
  }
}

.roobet-h083s1 {
  position: relative;
  z-index: 1;
  padding: 0;
}

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


}

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

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

.roobet-aj8amo {
  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;
}

.roobet-aj8amo:hover {
  background: var(--button-bg-hover);
}

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

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

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

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

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

.roobet-cowuxv {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.roobet-cowuxv h1,
.roobet-cowuxv h2,
.roobet-cowuxv h3,
.roobet-cowuxv h4 {
  margin-bottom: 6px;
}

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

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

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

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

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

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

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

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

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

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

.roobet-cowuxv 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);
}

.roobet-cowuxv ul ul {
  margin-bottom: 8px;
}

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

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

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

.roobet-cowuxv ol li {
  margin-bottom: 8px;
  padding-left: 6px;
}

.roobet-cowuxv ol li::marker {
  font-weight: 700;
}

.roobet-cowuxv ol ol {
  margin-bottom: 8px;
}

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

.roobet-cowuxv ol ul li {
  padding-left: 16px;
}

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

.roobet-cowuxv table.roobet-rpn4w1 {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.roobet-hskkke,
    mask-image 0.3s;
}

.roobet-cowuxv table.roobet-rpn4w1.roobet-sw4fok {
  -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) {
  .roobet-cowuxv table {
    display: table;
  }
}

.roobet-cowuxv 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);
}

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

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

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

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

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

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

.roobet-cowuxv img {
  max-width: 100%;
  height: auto;
}

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

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

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

.roobet-fhww7p > * {
  margin: 0 !important;
}

.roobet-fhww7p img,
.roobet-4w72vx {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roobet-fhww7p img,
  .roobet-4w72vx {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

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

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

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

.roobet-d7axzf .roobet-ghh224 {
  flex-shrink: 0;
}

.roobet-d7axzf .roobet-u8lp62 svg {
  display: none;
}

.roobet-9samc7 {
  display: grid;
  transition: max-height 0.roobet-hskkke ease-in-out;
  column-gap: 16px;
  grid-template-columns: 1fr;
}

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

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

.roobet-9samc7.roobet-313wsy + .roobet-ghh224 svg {
  transform: rotate(180deg);
}

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

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

.roobet-gepy7r
  > div:nth-child(3n)
  .roobet-4n0hdf
  button {
  max-width: 270px;
}

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

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

  .roobet-gepy7r
    > div:nth-child(3n)
    .roobet-4n0hdf
    button {
    max-width: 83px;
  }
}

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

.roobet-gepy7r .roobet-4n0hdf button {
  max-width: 96px;
}

@media (min-width: 375px) {
  .roobet-gepy7r .roobet-4n0hdf button {
    max-width: 120px;
  }
}

@media (min-width: 1200px) {
  .roobet-gepy7r .roobet-4n0hdf button {
    max-width: 104px;
  }
}

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

.roobet-x8rqnw {
  display: none;
  opacity: 0;
}

.roobet-me03jb {
  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;
  }
}

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

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

.roobet-4n0hdf button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

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

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

.roobet-oyj9na:first-child
  .roobet-4n0hdf
  button {
  max-width: 270px;
}

.roobet-7e3te3 {
  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%;
}

.roobet-b0s3nw picture {
  width: 100%;
  max-width: 100%;
}

.roobet-iufwbz {
  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;
}

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

.roobet-b0s3nw:hover .roobet-iufwbz {
  display: flex;
}

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

.roobet-3yxzu3 {
  display: flex;
}

.roobet-3yxzu3:hover .roobet-ebg0rr,
.roobet-3yxzu3 .roobet-xlny3n .roobet-ebg0rr {
  display: flex;
}

.roobet-3yxzu3 svg {
  flex-shrink: 0;
}

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

.roobet-ebg0rr:hover {
  display: flex;
}

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

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

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

.roobet-0irt2d,
.roobet-bkggkc {
  width: 50%;
  flex-shrink: 0;
}

.roobet-0irt2d {
  font-weight: 700;
}

.roobet-ruf0kw .roobet-9samc7 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .roobet-ruf0kw .roobet-9samc7 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .roobet-ruf0kw .roobet-9samc7 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.roobet-ruf0kw
  .roobet-7e3te3:has(img) {
  max-height: initial !important;
  aspect-ratio: 1/1;
}

.roobet-ruf0kw .roobet-me03jb {
  height: 100% !important;
  border-radius: 16px;
}

.roobet-ruf0kw .roobet-4n0hdf {
  gap: 4px;
  align-items: center;
}

.roobet-ruf0kw .roobet-4n0hdf button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.roobet-ruf0kw .roobet-4n0hdf svg {
  display: block;
  aspect-ratio: 1/1;
  flex: 0 0 16px;
}

.roobet-ruf0kw .roobet-md47o5,
.roobet-ruf0kw .roobet-wdij7r {
  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.roobet-c5y46n.org/2000/svg'%3E%3Cpath d='M9.roobet-hniud6 4.roobet-6uaky5.roobet-8pv49t 5.roobet-17h3yb.roobet-4e49n0 5.roobet-tu7jdm.roobet-7j3nmb 5.roobet-lq1h6q.roobet-e5eond 8.roobet-s0dpmg.roobet-2tg48d 9.roobet-k0eux5.roobet-zgp7ce 9.roobet-q4x3c2.roobet-iuzt9b 13.roobet-mb0yxl.roobet-snns67 11.roobet-ipj5a7.roobet-65fc56 11.roobet-5f2oga.roobet-ud8fs6 11.roobet-orbobp.roobet-2wax5i 13.roobet-1pxcg8.roobet-drc251 9.roobet-hubsbm.roobet-2b1ge7 9.roobet-u36hv1.roobet-jg0xpk 8.roobet-5n3tza.roobet-i047li 5.roobet-gjxuvj.roobet-cwrj3g 5.roobet-23ojg9.roobet-hzsvy0 5.roobet-064cfn.roobet-wncgcr 4.roobet-f6mawt.roobet-65fc56 1.roobet-8qyw5b.roobet-hniud6 4.98633Z' fill='%23FFBB00' stroke='%23FFBB00'/%3E%3C/svg%3E%0A");
}

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

.roobet-ruf0kw .roobet-wdij7r {
  display: block;
  background-color: var(--Accent-Yellow-300, #fb0);
}

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

.roobet-yr3qwg .roobet-ghh224 {
  display: flex;
}

@media (min-width: 768px) {
  .roobet-yr3qwg .roobet-ghh224 {
    display: none;
  }
}

.roobet-yr3qwg .roobet-u8lp62 svg {
  display: none;
}

.roobet-g7li08 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.roobet-g7li08 .roobet-6zn0g3 {
  display: none;
}

@media (min-width: 768px) {
  .roobet-g7li08 .roobet-6zn0g3 {
    display: flex;
  }
}

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

.roobet-u1kbf0 > * {
  margin: 0 !important;
}

.roobet-u1kbf0 img,
.roobet-89l2ie {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roobet-u1kbf0 img,
  .roobet-89l2ie {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

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

@media (min-width: 768px) {
  .roobet-6ipmmw {
    width: 32px;
    height: 32px;
  }
}

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

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

  .roobet-5zvg73::-webkit-scrollbar {
    display: none;
  }
}

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

@media (min-width: 768px) {
  .roobet-63a967 {
    padding: 7px 15px;
  }
}

.roobet-63a967:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

.roobet-tg1pnx {
  display: none;
  opacity: 0;
}

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

.roobet-63a967 picture {
  height: 100%;
  display: block;
}

.roobet-63a967 img {
  display: block;
  width: 100%;
  height: 40px;
  object-fit: contain;
}

@media (min-width: 768px) {
  .roobet-63a967 img {
    width: 88px;
    height: 44px;
  }
}

.roobet-63a967 p {
  text-align: center;
  width: 100%;
}

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

.roobet-yh0iw4 img,
.roobet-tkc77e {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roobet-yh0iw4 img,
  .roobet-tkc77e {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

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

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

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

.roobet-uj9us5 {
  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;
}

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

.roobet-i8qsp2.roobet-xlny3n {
  border-bottom: 4px solid var(--button-bg-color, #70f);
}

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

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

.roobet-qhq76b {
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
  transition: 0.roobet-hskkke ease;
  opacity: 0;
  color: var(--text-color);
}

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

.roobet-ab8qq1 ol,
.roobet-ab8qq1 ul {
  padding-left: 1.3em;
}

.roobet-i8qsp2.roobet-xlny3n .roobet-qhq76b {
  visibility: visible;
  max-height: 1000px;
  opacity: 1;
}

.roobet-i8qsp2.roobet-xlny3n .roobet-mlw4dl {
  transform: rotate(180deg);
  color: var(--text-color);
}

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

.roobet-suu74j .roobet-ghh224 {
  display: flex;
}

@media (min-width: 768px) {
  .roobet-suu74j .roobet-ghh224 {
    display: none;
  }
}

.roobet-suu74j .roobet-u8lp62 svg {
  display: none;
}

.roobet-zknqe1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.roobet-zknqe1 .roobet-6zn0g3 {
  display: none;
}

@media (min-width: 768px) {
  .roobet-zknqe1 .roobet-6zn0g3 {
    display: flex;
  }
}

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

.roobet-ihzt8q > * {
  margin: 0 !important;
}

.roobet-ihzt8q img,
.roobet-bvo5kl {
  box-sizing: content-box;
  width: 24px;
  height: 24px;
}

@media screen and (min-width: 768px) {
  .roobet-ihzt8q img,
  .roobet-bvo5kl {
    width: 48px;
    height: 48px;
    max-width: 32px;
    max-height: 32px;
  }
}

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

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

.roobet-1rqd5r {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 8px;
}

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

  .roobet-1rqd5r::-webkit-scrollbar {
    display: none;
  }
}

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

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

.roobet-8xhx05 {
  display: none;
  opacity: 0;
}

@media (min-width: 768px) {
  .roobet-8xhx05 {
    display: flex;
    opacity: 1;
  }
}

.roobet-hhwaki picture {
  width: auto;
  height: 100%;
  display: block;
}

.roobet-hhwaki picture img {
  display: block;
  width: auto;
  height: 100%;
}

.roobet-n5qxw7 {
  margin: -24px 0;
}

.roobet-n5qxw7:first-of-type {
  margin-top: 24px;
}

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

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

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

.roobet-6vd601 {
  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) {
  .roobet-6vd601 {
    flex: 1;
  }
}

.roobet-6vd601::placeholder {
  color: var(--Text-400);
}

.roobet-7onaho {
  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;
}

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

.roobet-ld62tv::-webkit-scrollbar {
  display: none;
}

.roobet-5834u3 {
  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;
}

.roobet-5834u3 img,
.roobet-5834u3 svg {
  margin-right: 8px;
}

.roobet-6yokby {
  background: var(--Primary-200);
  color: var(--Text-00);
}

.roobet-n5qxw7 + .roobet-0ibfe5 {
  margin-top: 0;
}

@media (min-width: 768px) {
  .roobet-n5qxw7 + .roobet-0ibfe5 {
    margin-top: -16px;
  }
}

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

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

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

.roobet-z52cnp {
  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;
}

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

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

.roobet-icqc5c {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

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

.roobet-z52cnp 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;
}

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

  .roobet-j0z071 {
    font-size: 40px;
    line-height: 48px;
  }

  .roobet-cyzkq3 {
    height: 348px;
  }

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

  .roobet-z52cnp button svg {
    width: 24px;
    height: 24px;
  }
}

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

.roobet-30xymk {
  display: flex;
  align-items: center;
  padding: 8px 0;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .roobet-30xymk {
    flex-wrap: nowrap;
    padding: 16px 0;
  }
}

.roobet-pcgnui {
  font-size: 14px;
  width: 100%;
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .roobet-pcgnui {
    width: auto;
  }
}

.roobet-8z1pxj {
  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;
}

.roobet-8z1pxj::-webkit-scrollbar {
  display: none;
}

.roobet-8z1pxj 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);
}

.roobet-8z1pxj a:hover {
  background-color: var(--Neutral-200);
  color: var(--Text-100);
}

@media (min-width: 768px) {
  .roobet-8z1pxj {
    margin-left: 16px;
    margin-top: 0;
  }
}

.roobet-30xymk .roobet-ai9l9u {
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent);
  mask-image: linear-gradient(to right, black 90%, transparent);
  transition:
    -webkit-mask-image 0.roobet-hskkke,
    mask-image 0.3s;
}

.roobet-30xymk .roobet-ai9l9u.roobet-sw4fok {
  -webkit-mask-image: linear-gradient(to right, black 100%, black 100%);
  mask-image: linear-gradient(to right, black 100%, black 100%);
}

.roobet-1huw84 {
  margin: 40px -16px;
}

.roobet-uzke6d + .roobet-1gu2lm,
.roobet-uzke6d + .roobet-jvnr1h {
  margin-top: 24px;
}

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

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

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

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

@media (min-width: 1200px) {
  .roobet-lx7rkg {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

.roobet-ez156k {
  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;
}

.roobet-9d39b7 {
  display: block;
  object-fit: cover;
  max-width: 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.roobet-9d39b7 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.roobet-0ibfe5 {
  margin: 24px auto 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

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

main > .roobet-0ibfe5 {
  margin: -26px auto -16px;
}

@media (max-width: 700px) {
  .roobet-9samc7.roobet-fmbf8a > div:nth-child(n+5) {
    display: none;
  }
}

.roobet-cowuxv p a img {
  display: block;
  margin: 0 auto;
}


.roobet-xeu2lh {
  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 */
.roobet-ad4bbw {
  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;
}

.roobet-ad4bbw label {
  font-size: 14px;
}

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

.roobet-m2pah1 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;
}
.roobet-ze4zu9, .roobet-1hm6no, [class*="review-card"],
thead, thead th, table th, .roobet-t5nbcj,
.roobet-lmm2lc, [class*="collapsible-header"],
.roobet-pdn52p, [class*="updated-block"] {
  color: #ece7dc !important;
}