a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
a {
  text-decoration: none;
  text-align: center;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.uwqj9 {
  background-color: #22262a;
  border: 1px solid #525252;
  height: 74px;
  white-space: nowrap;
}
.qog85,
.uwqj9 {
  align-items: center;
  display: flex;
}
.qog85 {
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .qog85 {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.lrosg {
  align-items: center;
  display: flex;
  gap: 8px;
}
.lrosg img {
  max-height: 50px;
  min-height: 40px;
  width: auto;
}
.ggcfl {
  color: #fff;
  font-weight: 500;
}
.brybd {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
@media (max-width: 768px) {
  .brybd {
    display: none;
  }
}
@media (max-width: 1024px) {
  .brybd {
    display: none;
  }
}
.ec4xh {
  display: flex;
  font-family:
    Satoshi Regular,
    sans-serif;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.z63vn {
  display: flex;
  flex-direction: row;
  margin: 0 16px;
}
.sxdz3 {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 16px;
  gap: 6px;
  padding: 14px;
  position: relative;
  text-decoration: none;
}
.sxdz3 svg {
  height: auto;
  width: 16px;
}
.sxdz3 svg path {
  fill: #fff;
}
.hiygt {
  padding: 14px 36px 14px 14px;
}
.hiygt:after {
  background-image: url(images/arrow-bottom.ea054da7.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 12px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image 0.2s ease;
  width: 12px;
}
.sxdz3:hover {
  border-bottom: 1px solid #ffd149;
}
.sxdz3:hover svg path {
  fill: #ffd149;
}
.sxdz3:hover:after {
  transform: translateY(-50%) rotate(180deg);
}
.cv2lz {
  align-items: center;
  color: #171717;
  display: flex;
  font-size: 14px;
  gap: 8px;
}
@media screen and (max-width: 567px) {
  .cv2lz {
    margin-left: 14px !important;
  }
}
.cv2lz a {
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}
.xs0bx {
  border: 0;
  border-radius: 4px;
  color: #ffd149;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 24px;
  white-space: nowrap;
}
.xs0bx:hover {
  color: #fcbc00;
}
.mejcc {
  background-color: #ffd149;
  border: 0;
  border-radius: 4px;
  color: #171717;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 10px 24px;
  text-decoration: none;
  transition: background-color 0.3s;
  white-space: nowrap;
}
.mejcc:hover {
  background: #fcbc00;
}
.is2vc {
  background-color: #22262a;
  border: 1px solid #525252;
  border-radius: 4px;
  display: none;
  flex-direction: column;
  left: 0;
  max-height: 300px;
  min-width: 160px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 8px;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
.is2vc::-webkit-scrollbar {
  width: 6px;
}
.is2vc::-webkit-scrollbar-thumb {
  background-color: #fcbc00;
  border-radius: 4px;
}
.is2vc::-webkit-scrollbar-track {
  background-color: transparent;
}
.is2vc li {
  list-style: none;
}
.is2vc li a {
  align-items: center;
  border-radius: 4px;
  color: #fff;
  display: flex;
  font-size: 16px;
  gap: 6px;
  padding: 10px 16px;
  text-decoration: none;
  transition: background 0.2s;
  white-space: nowrap;
}
.is2vc li a:hover {
  background: #fcbc00;
}
.z63vn {
  position: relative;
}
.lx0mm.is2vc {
  display: flex;
}
@media (max-width: 768px) {
  .uwqj9 {
    height: auto;
    padding: 10px 0;
  }
  .brybd {
    display: none;
  }
  .qog85 {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .cv2lz {
    margin: 0;
  }
}
.ffpc8 {
  display: none;
}
@media (max-width: 768px) {
  .ffpc8 {
    align-items: center;
    background-color: #0a0a0a;
    bottom: 0;
    display: flex;
    gap: 10px;
    justify-content: space-around;
    left: 0;
    padding: 12px;
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  .hin9t {
    flex: 1;
    text-align: center;
  }
  .sgisd {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    text-decoration: none;
    white-space: nowrap;
  }
  .wt867 {
    font-weight: 600;
  }
  .wt867,
  .wt867 .ktcs2 {
    color: #114dff;
  }
  .g45dd {
    margin-bottom: 8px;
  }
  .ktcs2 {
    color: #e5e5e5;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
  }
}
@media (max-width: 1024px) {
  .ffpc8 {
    align-items: center;
    background-color: #0a0a0a;
    bottom: 0;
    display: flex;
    gap: 10px;
    justify-content: space-around;
    left: 0;
    padding: 12px;
    position: fixed;
    width: 100%;
    z-index: 999;
  }
  .hin9t {
    flex: 1;
    text-align: center;
  }
  .sgisd {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
    text-decoration: none;
    white-space: nowrap;
  }
  .wt867 {
    font-weight: 600;
  }
  .wt867,
  .wt867 .ktcs2 {
    color: #114dff;
  }
  .g45dd {
    margin-bottom: 8px;
  }
  .ktcs2 {
    color: #e5e5e5;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
  }
}
.ffpc8 .sgisd svg {
  height: auto;
  margin-bottom: 8px;
  width: 20px;
}
.ffpc8 .sgisd svg path {
  fill: #fff;
}
.ffpc8 .u256x {
  background: 0;
  border: 0;
}
.ffpc8 .u256x .ktcs2 {
  color: #7cd8fd;
}
.ffpc8 .u256x svg path {
  fill: #7cd8fd;
}
.q703z {
  background-color: #0a0a0a;
  display: none;
  inset: 0;
  overflow-y: auto;
  padding: 12px;
  position: fixed;
  z-index: 9999;
}
.afc3b {
  list-style: none;
  margin: 0;
  padding: 0;
}
.z2qyu {
  align-items: center;
  color: #e5e5e5;
  display: flex;
  gap: 12px;
  padding: 16px 0;
  text-decoration: none;
}
.ymwuv {
  flex-grow: 1;
}
.fyx5b {
  align-items: center;
  background-color: transparent;
  border: none;
  bottom: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  margin-inline: auto;
  position: fixed;
  transform: translateX(-50%);
  z-index: 10000;
}
.olk2v {
  color: #fff;
  font-family: Satoshi, sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin-top: 4px;
}
.myvpy {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.vt2wq {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.vt2wq svg {
  height: auto;
  width: 20px;
}
.vt2wq svg path {
  fill: #fff;
}
.xyznj {
  border-bottom: none;
}
.f89hp {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 12px;
  padding: 16px 0;
  text-align: left;
  width: 100%;
}
.f89hp .yj2zx {
  height: 20px;
  width: 20px;
}
.f89hp .ymwuv {
  flex-grow: 1;
  font-size: 14px;
}
.ymwuv {
  color: #e5e5e5;
  display: block;
  font-size: 14px;
  padding: 16px 0;
}
.cp148 {
  font-size: 16px !important;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.yj2zx {
  height: 20px;
  width: 20px;
}
.kuvd9 {
  margin-bottom: 36px;
  margin-top: 16px;
  overflow: hidden;
  width: 100%;
}
.hxb6z,
.kuvd9 {
  position: relative;
}
.hxb6z {
  margin: 0 auto;
  max-width: 1440px;
}
.x5hr2 {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.h9te6 {
  cursor: pointer;
  flex: 0 0 100%;
  opacity: 0.5;
  position: relative;
  transform: scale(0.95);
}
.h9te6,
.p063j {
  user-select: none;
}
.p063j {
  border-radius: 4px;
  display: block;
  height: 100%;
  max-height: 680px;
  object-fit: cover;
  pointer-events: none;
  width: 100%;
}
.hmzuk {
  color: #fff;
  left: 120px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 1024px) {
  .hmzuk {
    left: 120px;
  }
}
@media (max-width: 768px) {
  .hmzuk {
    left: 16px;
    top: 78px;
  }
}
.yemkr {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 12px;
  max-width: 520px;
}
@media (max-width: 1024px) {
  .yemkr {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .yemkr {
    font-size: 36px;
  }
}
.kld8h {
  background-color: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 72px;
  transition: background-color 0.3s ease;
  z-index: 3;
}
.kld8h:hover {
  background-color: #fcbc00;
}
@media (max-width: 1024px) {
  .kld8h {
    padding: 10px 60px;
  }
}
@media (max-width: 768px) {
  .kld8h {
    font-size: 14px;
    padding: 8px 40px;
  }
}
.febue {
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0 32px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 5;
}
@media (max-width: 768px) {
  .febue {
    display: none;
  }
}
.csfxt {
  align-items: center;
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  pointer-events: all;
  width: 44px;
}
.csfxt img {
  display: block;
  height: 16px;
  width: 16px;
}
.csfxt:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.uujc6 {
  display: none;
}
@media (max-width: 768px) {
  .uujc6 {
    align-items: center;
    display: flex;
    gap: 150px;
    justify-content: center;
    margin-top: 16px;
    padding: 0 16px;
    user-select: none;
  }
}
.uujc6 .csfxt {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.uujc6 .csfxt img {
  display: block;
  height: 14px;
  width: 14px;
}
.uujc6 .csfxt:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.uujc6 .rf4l3 {
  display: flex;
  gap: 8px;
}
.uujc6 .rf4l3 [data-indicator] {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2px;
  cursor: pointer;
  height: 6px;
  transition: background-color 0.3s ease;
  width: 18px;
}
.uujc6 .rf4l3 [data-indicator][data-active] {
  background-color: #ffd149;
}
@media (max-width: 768px) {
  .uujc6 .rf4l3 {
    bottom: 15px;
  }
}
.k3c09 {
  bottom: 24px;
  display: flex;
  gap: 8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 5;
}
.k3c09 [data-indicator] {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2px;
  cursor: pointer;
  height: 8px;
  transition: background-color 0.3s ease;
  width: 24px;
}
.k3c09 [data-indicator][data-active] {
  background-color: #ffd149;
}
@media (max-width: 768px) {
  .k3c09 {
    display: none;
  }
}
.kuvd9 [data-active] {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}
.nzknd {
  margin-bottom: 36px;
  margin-top: 16px;
  overflow: hidden;
  width: 100%;
}
.chi0v,
.nzknd {
  position: relative;
}
.chi0v {
  margin: 0 auto;
  max-width: 1440px;
}
.dzyod {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.ej7q8 {
  cursor: pointer;
  flex: 0 0 100%;
  opacity: 0.5;
  position: relative;
  transform: scale(0.95);
}
.ej7q8,
.h73jx {
  user-select: none;
}
.h73jx {
  border-radius: 4px;
  display: block;
  height: 100%;
  max-height: 680px;
  object-fit: cover;
  pointer-events: none;
  width: 100%;
}
.quamz {
  color: #fff;
  left: 54px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 1024px) {
  .quamz {
    left: 54px;
  }
}
@media (max-width: 768px) {
  .quamz {
    left: 16px;
    top: 78px;
  }
}
.n102h {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 12px;
  max-width: 520px;
}
@media (max-width: 1024px) {
  .n102h {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .n102h {
    font-size: 36px;
  }
}
.do6xz {
  background-color: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 72px;
  z-index: 3;
}
.do6xz:hover {
  background-color: #fcbc00;
}
@media (max-width: 1024px) {
  .do6xz {
    padding: 10px 60px;
  }
}
@media (max-width: 768px) {
  .do6xz {
    font-size: 14px;
    padding: 8px 40px;
  }
}
.cm8wl {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-top: 24px;
  z-index: 5;
}
@media (max-width: 768px) {
  .cm8wl {
    display: none;
  }
}
.bpxau {
  align-items: center;
  backdrop-filter: blur(8px);
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  pointer-events: all;
  width: 44px;
}
.bpxau img {
  display: block;
  height: 16px;
  width: 16px;
}
.bpxau:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.e7xuc {
  display: none;
}
@media (max-width: 768px) {
  .e7xuc {
    align-items: center;
    display: flex;
    gap: 150px;
    justify-content: center;
    margin-top: 16px;
    padding: 0 16px;
    user-select: none;
  }
}
.e7xuc .bpxau {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.e7xuc .bpxau img {
  display: block;
  height: 14px;
  width: 14px;
}
.e7xuc .bpxau:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.e7xuc .sjjry {
  display: flex;
  gap: 8px;
}
.e7xuc .sjjry [data-indicator] {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2px;
  cursor: pointer;
  height: 6px;
  transition: background-color 0.3s ease;
  width: 18px;
}
.e7xuc .sjjry [data-indicator][data-active] {
  background-color: #ffd149;
}
@media (max-width: 768px) {
  .e7xuc .sjjry {
    bottom: 15px;
  }
}
.mvitt {
  display: flex;
  gap: 8px;
  z-index: 5;
}
.mvitt [data-indicator] {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2px;
  cursor: pointer;
  height: 8px;
  transition: background-color 0.3s ease;
  width: 24px;
}
.mvitt [data-indicator][data-active] {
  background-color: #ffd149;
}
@media (max-width: 768px) {
  .mvitt {
    display: none;
  }
}
.nzknd [data-active] {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}
.jox52 {
  margin-bottom: 36px;
  margin-top: 16px;
  overflow: hidden;
  width: 100%;
}
.a19hk,
.jox52 {
  position: relative;
}
.a19hk {
  margin: 0 auto;
  max-width: 1440px;
}
.dzp41 {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.k7moc {
  cursor: pointer;
  flex: 0 0 100%;
  opacity: 0.5;
  position: relative;
  transform: scale(0.95);
}
.k7moc,
.yrue2 {
  user-select: none;
}
.yrue2 {
  border-radius: 4px;
  display: block;
  height: 100%;
  max-height: 680px;
  object-fit: cover;
  pointer-events: none;
  width: 100%;
}
.bbel4 {
  color: #fff;
  left: 54px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media (max-width: 1024px) {
  .bbel4 {
    left: 54px;
  }
}
@media (max-width: 768px) {
  .bbel4 {
    left: 16px;
    top: 78px;
  }
}
.xa2sf {
  font-size: 60px;
  font-weight: 600;
  margin-bottom: 12px;
  max-width: 520px;
}
@media (max-width: 1024px) {
  .xa2sf {
    font-size: 36px;
  }
}
@media (max-width: 768px) {
  .xa2sf {
    font-size: 36px;
  }
}
.czzrx {
  background-color: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 12px 72px;
  z-index: 3;
}
.czzrx:hover {
  background-color: #fcbc00;
}
@media (max-width: 1024px) {
  .czzrx {
    padding: 10px 60px;
  }
}
@media (max-width: 768px) {
  .czzrx {
    font-size: 14px;
    padding: 8px 40px;
  }
}
.ub4wp {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  left: 54px;
  pointer-events: none;
  position: absolute;
  top: 52px;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 768px) {
  .ub4wp {
    display: none;
  }
}
.oeg6y {
  align-items: center;
  backdrop-filter: blur(8px);
  background: hsla(0, 0%, 100%, 0.1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  pointer-events: all;
  width: 44px;
}
.oeg6y img {
  display: block;
  height: 16px;
  width: 16px;
}
.oeg6y:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
.u8x1f {
  display: none;
}
@media (max-width: 768px) {
  .u8x1f {
    align-items: center;
    display: flex;
    gap: 150px;
    justify-content: center;
    margin-top: 16px;
    padding: 0 16px;
    user-select: none;
  }
}
.u8x1f .oeg6y {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.u8x1f .oeg6y img {
  display: block;
  height: 14px;
  width: 14px;
}
.u8x1f .oeg6y:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.u8x1f .ih32r {
  display: flex;
  gap: 8px;
}
.u8x1f .ih32r [data-indicator] {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2px;
  cursor: pointer;
  height: 6px;
  transition: background-color 0.3s ease;
  width: 18px;
}
.u8x1f .ih32r [data-indicator][data-active] {
  background-color: #ffd149;
}
@media (max-width: 768px) {
  .u8x1f .ih32r {
    bottom: 15px;
  }
}
.i1top {
  bottom: 24px;
  display: flex;
  gap: 8px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  z-index: 5;
}
.i1top [data-indicator] {
  background-color: hsla(0, 0%, 100%, 0.1);
  border-radius: 2px;
  cursor: pointer;
  height: 8px;
  transition: background-color 0.3s ease;
  width: 24px;
}
.i1top [data-indicator][data-active] {
  background-color: #ffd149;
}
@media (max-width: 768px) {
  .i1top {
    display: none;
  }
}
.dzp41 [data-active] {
  opacity: 1;
  transform: scale(1);
  z-index: 2;
}
.l9jc6 {
  margin-bottom: 32px;
  margin-top: 16px;
}
.l8r0f {
  align-items: center;
  display: flex;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .l9jc6 {
    margin-bottom: 24px;
    margin-top: 16px;
  }
}
.l9jc6 a {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  line-height: var(--Font-Line-Height-x-sm, 20px);
  text-decoration: none;
}
.l9jc6 a:hover {
  text-decoration: underline;
}
.l9jc6 a:visited {
  color: #fff;
}
.l9jc6 a:after {
  align-items: center;
  content: url(images/bc.2b99adb2.svg);
  display: flex;
  justify-content: center;
  opacity: 0.5;
}
.l9jc6 li > span {
  color: var(--Main-Colors-Text-Disabled, #737373);
  font-size: var(--Font-Size-x-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Font-Line-Height-x-sm, 20px);
}
.ytve5 {
  margin: 0 auto 82px;
  max-width: 1440px;
}
@media (max-width: 768px) {
  .ytve5 {
    margin-bottom: 48px;
  }
}
.hoz81 {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .hoz81 {
    margin-bottom: 12px;
  }
}
.g96j2 {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .g96j2 {
    font-size: 20px;
  }
}
.vx5dk {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  scroll-behavior: smooth;
}
.vx5dk::-webkit-scrollbar {
  display: none;
}
.anfaq {
  display: flex;
  gap: 8px;
  z-index: 5;
}
.lhf2d {
  align-items: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: #232323;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 36px;
  justify-content: center;
  width: 36px;
}
@media (max-width: 768px) {
  .lhf2d {
    font-size: 16px;
    height: 36px;
    width: 36px;
  }
}
.ytve5 [data-new] {
  animation: newGame 0.5s ease forwards;
}
.jkozk {
  align-items: flex-start;
  background-color: #22262a;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  min-width: 280px;
  padding: 8px;
  position: relative;
  scroll-snap-align: start;
  user-select: none;
}
@media (max-width: 768px) {
  .jkozk {
    min-width: 180px;
    padding: 8px 8px 16px;
  }
}
.gzrfs {
  border-radius: 4px;
  flex-shrink: 0;
  height: 82px;
  object-fit: cover;
  width: 82px;
}
@media (max-width: 768px) {
  .gzrfs {
    height: 44px;
    width: 44px;
  }
}
.w4mak {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.vtw7d,
.w4mak {
  overflow: hidden;
}
.vtw7d {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .vtw7d {
    font-size: 12px;
  }
}
.ceh6t {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .ceh6t {
    font-size: 14px;
  }
}
.e5h5d {
  align-self: end;
  background-color: #ffd149;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 8px;
  bottom: 0;
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  padding: 4px 24px;
  position: absolute;
  right: 0;
  white-space: nowrap;
  width: fit-content;
}
@media (max-width: 768px) {
  .e5h5d {
    font-size: 12px;
  }
}
.c8xrm {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .c8xrm {
    margin-bottom: 32px;
  }
}
.h979n {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .h979n {
    margin-bottom: 8px;
  }
}
.n1v1t {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .n1v1t {
    font-size: 20px;
  }
}
.z2623 {
  all: unset;
  border-radius: 4px;
  color: #ffd149;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  margin-top: 24px;
  padding: 12px 83px;
  text-decoration: none;
  transition: background-color 0.3s ease;
}
.z2623:hover {
  color: #fcbc00;
}
@media (max-width: 768px) {
  .z2623 {
    font-size: 16px;
  }
}
.fj46d {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1024px) {
  .fj46d {
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .fj46d {
    gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
  .k0qg6:nth-child(n + 11) {
    display: none;
  }
}
.piz33 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  transition: transform 0.3s ease;
}
.piz33:hover {
  cursor: pointer;
}
.piz33:hover .l75rl {
  filter: blur(2px);
  transform: scale(1.02);
}
.piz33:hover .ripp0 {
  opacity: 1;
}
.i5mhb {
  aspect-ratio: 1/1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.l75rl {
  height: 100%;
  object-fit: cover;
  transition:
    filter 0.3s ease,
    transform 0.3s ease;
  width: 100%;
}
.ripp0 {
  height: 94px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  width: 94px;
  z-index: 2;
}
@media (max-width: 768px) {
  .ripp0 {
    height: 64px;
    width: 64px;
  }
}
.rd3zs {
  background-color: #ffd149;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #171717;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  line-height: 140%;
  overflow: hidden;
  padding: 12px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 768px) {
  .rd3zs {
    font-size: 14px;
  }
}
.kbys1 {
  display: flex;
  justify-content: center;
}
[data-game-image] {
  transform-style: preserve-3d;
  transition: transform 0.8s;
}
[data-game-image][data-flip="true"] {
  transform: rotateY(180deg);
}
.l6tpv {
  background-color: transparent;
  background-image: url(images/bg1.71f9ad56.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  margin: 0 auto 82px;
  max-width: 1440px;
  overflow: hidden;
  padding: 0 180px;
  position: relative;
}
@media (max-width: 768px) {
  .l6tpv {
    margin-bottom: 48px;
    padding: 0 24px;
  }
}
.v74wz {
  color: #171717;
  padding: 80px 0;
  position: relative;
  text-align: center;
  z-index: 3;
}
@media (max-width: 768px) {
  .v74wz {
    padding: 24px 0;
    text-align: left;
  }
}
.a06gz {
  text-align: left;
}
.o85lu {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .o85lu {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.shwhz {
  color: #114dff;
}
.sd4c0 {
  color: #e5e5e5;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 768px) {
  .sd4c0 {
    font-size: 14px;
    padding-left: 0;
    padding-right: 0;
  }
}
.sm0yh {
  background-color: transparent;
  background-image: url(images/bg2.0a6fa5a4.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 80px;
}
@media (max-width: 768px) {
  .sm0yh {
    margin-bottom: 48px;
    padding: 0 24px;
  }
}
.sx2vy {
  background-image: url(images/bg3.23565c74.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 80px;
}
@media (max-width: 768px) {
  .sx2vy {
    margin-bottom: 48px;
    padding: 0 24px;
  }
}
.bkwkg {
  background-color: #22262a;
  background-image: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 80px;
}
@media (max-width: 768px) {
  .bkwkg {
    margin-bottom: 48px;
    padding: 0 24px;
  }
}
.bkwkg:after {
  background-image: url(images/bg4.46cd2972.png);
  background-repeat: no-repeat;
  background-size: auto;
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.zloda h2,
.zloda h3,
.zloda h4,
.zloda h5,
.zloda h6 {
  line-height: 1.5;
  margin-bottom: 8px;
  margin-top: 28px;
}
.zloda p {
  margin-bottom: 14px;
}
.zloda ul {
  list-style: disc;
  margin-left: 15px;
  padding-left: 15px;
}
.zloda ul li {
  margin-bottom: 8px;
}
.zloda ol {
  list-style: decimal;
  margin-left: 15px;
  padding-left: 15px;
}
.zloda ol li {
  margin-bottom: 8px;
}
.zloda table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 16px;
  overflow: auto;
  text-align: left;
  width: 100%;
}
.zloda table td,
.zloda table th {
  border: 1px solid #232323;
  padding: 16px;
}
.zloda table tr:first-child {
  background: #323232;
}
.zloda table tr:first-child td {
  border-left: none;
  border-top: none;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .zloda table tr:first-child td {
    font-size: 16px;
  }
}
.zloda table tr:first-child td:last-child {
  border-right: none;
}
.zloda table tbody td {
  color: #e5e5e5;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .zloda table tbody td {
    font-size: 16px;
  }
}
.c6agi {
  background-color: #22262a;
  border-radius: 4px;
  margin-bottom: 82px;
  overflow: hidden;
  padding: 24px;
}
@media (max-width: 768px) {
  .c6agi {
    margin-bottom: 48px;
  }
}
.x04r4 {
  align-items: center;
  border-bottom: 1px solid #525252;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 24px;
}
.dxqff {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 768px) {
  .dxqff {
    font-size: 18px;
  }
}
.jz4mk {
  background: none;
  border: none;
  color: #e5e5e5;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  padding: 0;
}
.oulom {
  max-height: 200px;
  opacity: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 4px;
  transition:
    max-height 0.4s ease,
    opacity 0.4s ease;
}
.oulom::-webkit-scrollbar {
  width: 8px;
}
.oulom::-webkit-scrollbar-thumb {
  background-color: #fcbc00;
  border-radius: 4px;
}
.oulom::-webkit-scrollbar-track {
  background-color: transparent;
}
.oulom li {
  color: #fff;
  margin-bottom: 16px;
}
.oulom li a {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}
@media (max-width: 768px) {
  .oulom li a {
    font-size: 14px;
  }
}
.oulom li:last-child {
  margin-bottom: 0;
}
.oulom[data-collapsed="true"] {
  max-height: 0;
  opacity: 0;
}
.yn00r {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .yn00r {
    margin-bottom: 48px;
  }
}
.djzww {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .djzww {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.yf2dw {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.fmi5u:first-child .j8civ {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.fmi5u:last-child .j8civ {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.j8civ {
  align-items: center;
  background-color: #22262a;
  border-bottom: 1px solid #323232;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: space-between;
  padding: 24px;
  position: relative;
}
@media (max-width: 768px) {
  .j8civ {
    column-gap: 12px;
    display: grid;
    grid-template-areas: "logo title" "rating country" "license payout" "button button";
    grid-template-columns: auto 1fr;
    padding: 16px;
    row-gap: 16px;
  }
}
.pwzt2 {
  flex-shrink: 0;
  height: 100px;
  position: relative;
  width: 150px;
}
@media (max-width: 768px) {
  .pwzt2 {
    grid-area: logo;
    height: 64px;
    max-width: 111px;
  }
}
.dpqhp {
  border-radius: 4px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.e7cq7 {
  align-items: center;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: hsla(0, 0%, 100%, 0.32);
  border-radius: 4px 0 4px 0;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 26px;
  justify-content: center;
  left: 0;
  line-height: 140%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 36px;
}
@media (max-width: 768px) {
  .e7cq7 {
    font-size: 12px;
    height: 17px;
    width: 24px;
  }
}
.rf404 {
  color: #fff;
  display: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 140%;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .rf404 {
    align-self: center;
    display: block;
    font-size: 18px;
    grid-area: title;
    line-height: 120%;
    margin-top: 0;
  }
}
.erfrw {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
@media (max-width: 768px) {
  .erfrw {
    display: contents;
  }
}
.pia86 {
  align-items: center;
  display: flex;
  font-size: 20px;
  gap: 8px;
}
@media (max-width: 768px) {
  .pia86 {
    display: none;
  }
}
.fz5gn {
  align-items: center;
  color: #a3a3a3;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: 400;
  gap: 12px;
}
.fz5gn strong {
  font-weight: 500;
}
.skzc9 {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .fz5gn {
    display: contents;
    font-size: 14px;
  }
}
.n07go {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.12);
  border-radius: 6px;
  color: #ffc007;
  display: flex;
  gap: 4px;
  padding: 8px 12px;
}
@media (max-width: 768px) {
  .n07go {
    grid-area: rating;
  }
}
.u99sb {
  align-items: center;
  color: #a3a3a3;
  display: flex;
  font-size: 16px;
  font-weight: 400;
  gap: 6px;
  margin: 0;
}
@media (max-width: 768px) {
  .u99sb {
    grid-area: country;
  }
}
.bke2c {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.12);
  border-radius: 6px;
  display: flex;
  gap: 6px;
  padding: 8px 12px;
}
@media (max-width: 768px) {
  .bke2c {
    grid-area: license;
  }
}
.qu55p {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.12);
  border-radius: 6px;
  display: flex;
  gap: 6px;
  padding: 8px 12px;
}
@media (max-width: 768px) {
  .qu55p {
    grid-area: payout;
    justify-self: start;
  }
}
.kfuzl {
  all: unset;
  align-self: self-start;
  background-color: #114dff;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 38px;
  transition: background-color 0.3s;
}
.kfuzl:hover {
  background-color: #018cc8;
}
@media (max-width: 768px) {
  .kfuzl {
    display: block;
    grid-area: button;
    padding: 16px 0;
    text-align: center;
    width: 100%;
  }
}
.nt7mm {
  color: #ffc007;
  font-weight: 600;
}
.mrifl {
  color: #ffc007;
  margin: 0;
}
.rddy3 {
  border-radius: 4px;
  height: 24px;
  overflow: hidden;
  width: auto;
}
.bke2c strong,
.qu55p strong {
  color: #fff;
}
.bi8e0 {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .bi8e0 {
    margin-bottom: 48px;
  }
}
.l0l3c {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .l0l3c {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.uqewo {
  border-radius: 4px;
  max-height: 570px;
  overflow: hidden;
  width: 100%;
}
.si2kr {
  border-radius: inherit;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.p814n {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .p814n {
    margin-bottom: 48px;
  }
}
.prsdq,
.vjpqe {
  align-items: center;
  display: flex;
  gap: 12px;
}
.prsdq {
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .prsdq {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.b4ozr {
  display: flex;
  gap: 8px;
  z-index: 5;
}
.nfiqs {
  align-items: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: #232323;
  border: none;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 36px;
  justify-content: center;
  width: 36px;
}
@media (max-width: 768px) {
  .nfiqs {
    font-size: 16px;
    height: 36px;
    width: 36px;
  }
}
.jvbkw {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
.yfk5t {
  cursor: grab;
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  user-select: none;
  -webkit-overflow-scrolling: touch;
}
.yfk5t::-webkit-scrollbar {
  display: none;
}
.p814n [data-new] {
  animation: newGame 0.5s ease forwards;
}
.bevoh {
  background-color: #22262a;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 132px;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.3s ease;
  width: 132px;
}
@media (max-width: 768px) {
  .bevoh {
    min-width: 112px;
  }
}
.bevoh:hover {
  border: 1px solid #ffd149;
}
.bevoh:hover .cuq1y {
  filter: blur(2px);
  transform: scale(1.02);
}
.bevoh:hover .zt03f {
  opacity: 1;
}
.o2bhy {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.o2bhy:hover .cuq1y {
  filter: blur(2px);
  transform: scale(1.02);
}
.o2bhy:hover .zt03f {
  opacity: 1;
}
.cuq1y {
  height: 101px;
  object-fit: cover;
  transition:
    filter 0.3s ease,
    transform 0.3s ease;
  width: 100%;
}
.zt03f {
  height: 40px;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  width: 79px;
  z-index: 2;
}
@media (max-width: 768px) {
  .zt03f {
    height: 32px;
    width: 63px;
  }
}
.dbcw5 {
  flex: 1;
  overflow: hidden;
}
.x8pat {
  background: linear-gradient(90deg, #fbcb00, #ffee41);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #171717;
  font-size: 16px;
  font-weight: 600;
  padding: 4px 0;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .x8pat {
    font-size: 14px;
  }
}
@keyframes newGame {
  0% {
    filter: blur(15px);
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    filter: blur(0);
    opacity: 1;
    transform: translateY(0);
  }
}
.e4zuy {
  border-radius: 4px;
  margin-bottom: 82px;
  min-height: 660px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .e4zuy {
    margin-bottom: 42px;
    padding: 16px;
  }
}
.r682c {
  filter: blur(2px);
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.lzzq3 {
  align-items: center;
  justify-content: center;
  left: 50%;
  padding: 30px 16px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}
.lzzq3,
.urekr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.urekr {
  width: 340px;
}
@media (max-width: 768px) {
  .urekr {
    width: 100%;
  }
}
.x1zge {
  all: unset;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  padding: 16px 0;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100%;
}
@media (max-width: 768px) {
  .x1zge {
    padding: 16px 0;
  }
}
.bce11 {
  background-color: #ffd149;
  color: #171717;
}
.bce11:hover {
  background-color: #fcbc00;
}
.wc5pe {
  background-color: #fff;
  color: #171717;
}
.wc5pe:hover {
  background-color: #e5e5e5;
}
.w2bjz {
  color: #fff;
  font-size: 16px;
  margin-top: 12px;
  text-align: center;
}
.tdem8 {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .tdem8 {
    margin-bottom: 48px;
  }
}
.u89oe {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .u89oe {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .u89oe {
    font-size: 24px;
    margin-bottom: 24px;
    text-align: left;
  }
}
.c9yor {
  color: #7cd8fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: left;
  width: fit-content;
}
@media (max-width: 768px) {
  .c9yor {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .c9yor {
    font-size: 12px;
  }
}
.qe9mv {
  align-items: center;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .qe9mv {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .qe9mv {
    flex-direction: column;
    gap: 24px;
  }
}
.szfm5 {
  border-radius: 4px;
  flex: 1;
  order: -1;
  overflow: hidden;
}
.szfm5 img {
  border-radius: 4px;
  display: block;
  height: auto;
  max-height: 558px;
  width: 100%;
}
.qi6jm {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.qbf3n {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .qbf3n {
    font-size: 24px;
  }
}
@media (max-width: 1024px) {
  .qbf3n {
    font-size: 24px;
  }
}
.adhbm {
  color: #e5e5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
}
.adhbm a {
  color: #7cd8fd;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .adhbm {
    font-size: 14px;
  }
}
.g0ym0 {
  all: unset;
  background-color: #ffd149;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 24px auto 0;
  padding: 12px 72px;
  text-align: center;
  transition: background-color 0.3s ease;
  width: fit-content;
}
.g0ym0:hover {
  background-color: #fcbc00;
}
@media (max-width: 768px) {
  .g0ym0 {
    padding: 10px 0;
    width: 100%;
  }
}
.szfm5 {
  position: relative;
}
.fowto {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .fowto {
    margin-bottom: 48px;
  }
}
.hab0v {
  color: #7cd8fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: left;
  width: fit-content;
}
@media (max-width: 768px) {
  .hab0v {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .hab0v {
    font-size: 12px;
  }
}
.itse6 {
  align-items: center;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .itse6 {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .itse6 {
    flex-direction: column;
    gap: 24px;
  }
}
.qfvbl {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  order: 1;
}
@media (max-width: 768px) {
  .qfvbl {
    order: 1;
  }
}
.d4p5d {
  border-radius: 4px;
  flex: 1;
  order: 2;
  overflow: hidden;
}
.d4p5d img {
  border-radius: 4px;
  display: block;
  height: auto;
  max-height: 520px;
  width: 100%;
}
@media (max-width: 768px) {
  .d4p5d {
    order: 3;
  }
}
.eoy84 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .eoy84 {
    font-size: 24px;
  }
}
@media (max-width: 1024px) {
  .eoy84 {
    font-size: 24px;
  }
}
.n7425 {
  color: #e5e5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
}
.n7425 a {
  color: #7cd8fd;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .n7425 {
    font-size: 14px;
  }
}
.tg1er {
  display: grid;
  gap: 16px 40px;
  grid-template-columns: repeat(1, 1fr);
  list-style: none;
  padding: 0;
}
.tg1er li {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  padding-left: 36px;
  position: relative;
}
.tg1er li:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%2329C2FB' fill-rule='evenodd' d='M12.637 23.275c5.875 0 10.637-4.763 10.637-10.638H20.91a8.273 8.273 0 1 1-4.613-7.422l1.577-1.839A10.6 10.6 0 0 0 12.637 2C6.762 2 2 6.763 2 12.637s4.762 10.638 10.637 10.638M20.607 8.7a1.182 1.182 0 0 0-1.756-1.58l-6.61 7.344-2.31-2.326a1.182 1.182 0 0 0-1.677 1.666l3.19 3.212a1.18 1.18 0 0 0 1.718-.042z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 26px;
}
@media (max-width: 768px) {
  .tg1er li:before {
    height: 20px;
    width: 20px;
  }
  .tg1er li {
    font-size: 16px;
    padding-left: 30px;
  }
  .tg1er {
    gap: 12px;
    grid-template-columns: 1fr;
  }
}
.s5nsq {
  align-items: stretch;
  background-image: url(images/bitmap-2.2a6e28e9.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin-bottom: 82px;
  width: 100%;
}
@media (max-width: 768px) {
  .s5nsq {
    margin-bottom: 48px;
  }
}
.dei8e {
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 120%;
  margin: 64px 60px 32px;
  text-align: center;
}
@media (max-width: 768px) {
  .dei8e {
    font-size: 36px;
    margin: 16px 32px;
    text-align: left;
  }
}
@media (max-width: 1024px) {
  .dei8e {
    font-size: 36px;
    margin: 16px 32px;
    text-align: left;
  }
}
.jph5w {
  align-items: center;
  background-color: #323232;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  margin: 0 60px 64px;
  overflow: hidden;
  padding: 16px 24px;
  position: relative;
}
@media (max-width: 768px) {
  .jph5w {
    height: auto;
    margin: 16px 32px 64px;
    padding: 16px;
  }
}
.hr118 {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 768px) {
  .hr118 {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 1024px) {
  .hr118 {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
}
.td0o9 {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .td0o9 {
    flex-direction: column;
  }
}
.p67ga {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-shrink: 0;
  height: 120px;
  justify-content: center;
  width: 170px;
}
@media (max-width: 768px) {
  .p67ga {
    height: auto;
    width: 100%;
  }
}
.p67ga img {
  border-radius: 4px;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.ftxk3 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.tvpwb {
  align-items: center;
  display: flex;
  gap: 12px;
  padding-right: 40px;
}
.p3gxl {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .p3gxl {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .p3gxl {
    font-size: 18px;
  }
}
.rtd0t {
  height: 24px;
  width: 24px;
}
.fg5ny {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.mlcqp {
  all: unset;
  color: #7cd8fd;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.mlcqp:hover {
  color: #0745ff;
}
@media (max-width: 768px) {
  .mlcqp {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .mlcqp {
    font-size: 16px;
  }
}
.s9hwp {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
@media (max-width: 768px) {
  .s9hwp {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .s9hwp .blzq4,
  .s9hwp .ibfpq {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .s9hwp {
    align-items: stretch;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .s9hwp .blzq4,
  .s9hwp .ibfpq {
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.blzq4 {
  background-color: #323232;
  border: 1.5px dashed #a3a3a3;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 120px;
  text-align: center;
  white-space: nowrap;
}
.blzq4:hover {
  background-color: #737373;
}
.ibfpq {
  background-color: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}
.ibfpq:hover {
  background-color: #fcbc00;
}
.ombvx {
  display: flex;
  gap: 24px;
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .ombvx {
    margin-bottom: 48px;
  }
}
.sgy86 {
  border-radius: 4px;
  flex: 1;
  max-height: 570px;
  overflow: hidden;
}
.sgy86 img {
  border-radius: inherit;
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  .ombvx {
    flex-direction: column;
    gap: 16px;
  }
  .sgy86 {
    flex: none;
  }
  .sgy86 img {
    width: 100%;
  }
}
.mksc9 {
  display: flex;
  gap: 24px;
  margin-bottom: 82px;
  max-height: 560px;
}
.kfeft {
  display: none;
}
.bvm7b {
  display: flex;
  flex: 1;
  gap: 24px;
}
.bvm7b div {
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
}
.bvm7b div img {
  border-radius: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.entu5 {
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
}
.entu5 img {
  border-radius: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.l1lon {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
}
.hfeoz {
  border-radius: 4px;
  flex: 1;
  overflow: hidden;
}
.hfeoz img {
  border-radius: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  .mksc9 {
    margin-bottom: 48px;
    max-height: 155px;
  }
  .l1lon,
  .mksc9 {
    gap: 12px;
  }
  .entu5,
  .hfeoz {
    aspect-ratio: 1/1;
    height: auto;
  }
}
.u53mz {
  display: flex;
  gap: 24px;
  height: 800px;
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .u53mz {
    gap: 8px;
    height: 222px;
    margin-bottom: 48px;
  }
}
.q65cu {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .q65cu {
    gap: 8px;
  }
}
.hvpbh {
  border-radius: 4px;
  overflow: hidden;
}
.hvpbh img {
  border-radius: inherit;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.vv7qa {
  flex: 0 0 63%;
}
.fekaq {
  flex: 0 0 37%;
}
.vys8t {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  margin-bottom: 82px;
  overflow: visible;
  position: relative;
}
@media (max-width: 768px) {
  .vys8t {
    margin-bottom: 48px;
  }
}
.thydm {
  align-self: center;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .thydm {
    font-size: 24px;
    margin-bottom: 16px;
  }
}
.faapr {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  margin-top: 32px;
  z-index: 20;
}
@media (max-width: 768px) {
  .faapr {
    margin-top: 16px;
  }
}
.fv5er {
  align-items: center;
  backdrop-filter: blur(8px);
  background-color: #232323;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}
.fv5er img {
  height: 16px;
  width: 16px;
}
.lf8tj {
  display: flex;
  gap: 8px;
}
.lf8tj span {
  backdrop-filter: blur(6px);
  background: hsla(0, 0%, 100%, 0.32);
  border-radius: 4px;
  cursor: pointer;
  height: 8px;
  transition: background-color 0.3s ease;
  width: 24px;
}
@media (max-width: 768px) {
  .lf8tj span {
    height: 6px;
    width: 18px;
  }
}
.lf8tj span[data-active="true"] {
  background-color: #ffd149;
}
.fmb6n {
  height: 513px;
  overflow: visible;
  position: relative;
  user-select: none;
  width: 100%;
}
.j2f4d {
  border-radius: 4px;
  cursor: grab;
  overflow: hidden;
  position: absolute;
  top: 0;
  transition:
    transform 0.3s ease,
    z-index 0.3s ease,
    opacity 0.3s ease,
    filter 0.3s ease,
    left 0.3s ease;
}
.j2f4d img {
  display: block;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
  width: 100%;
}
.j2f4d[data-active="true"] {
  filter: none;
  height: 513px;
  left: 50%;
  opacity: 1;
  transform: translateX(-50%) scale(1);
  width: 960px;
  z-index: 10;
}
.j2f4d[data-prev="true"] {
  left: calc(50% - 704px);
}
.j2f4d[data-next="true"],
.j2f4d[data-prev="true"] {
  filter: brightness(0.8);
  height: 370px;
  opacity: 0.7;
  top: 15%;
  width: auto;
  z-index: 5;
}
.j2f4d[data-next="true"] {
  left: calc(50% + 384px);
}
.gallery__item:not([data-active="true"]):not([data-prev="true"]):not(
    [data-next="true"]
  ) {
  filter: brightness(0.8);
  height: 370px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  top: 15%;
  width: auto;
  z-index: 1;
}
@media (max-width: 768px) {
  .fmb6n {
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .j2f4d[data-active="true"] {
    height: 220px;
    left: 50%;
    transform: translateX(-50%) scale(1);
    width: 319px;
  }
  .j2f4d[data-prev="true"] {
    left: calc(50% - 175px);
  }
  .j2f4d[data-next="true"],
  .j2f4d[data-prev="true"] {
    height: 220px;
    top: 0;
    transform: translateX(-50%) scale(0.65);
    width: 319px;
  }
  .j2f4d[data-next="true"] {
    left: calc(50% + 175px);
  }
  .gallery__item:not([data-active="true"]):not([data-prev="true"]):not(
      [data-next="true"]
    ) {
    display: none;
  }
}
@media (max-width: 1024px) {
  .fmb6n {
    height: 220px;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .j2f4d[data-active="true"] {
    height: 220px;
    left: 50%;
    transform: translateX(-50%) scale(1);
    width: 319px;
  }
  .j2f4d[data-prev="true"] {
    left: calc(50% - 175px);
  }
  .j2f4d[data-next="true"],
  .j2f4d[data-prev="true"] {
    height: 220px;
    top: 0;
    transform: translateX(-50%) scale(0.65);
    width: 319px;
  }
  .j2f4d[data-next="true"] {
    left: calc(50% + 175px);
  }
  .gallery__item:not([data-active="true"]):not([data-prev="true"]):not(
      [data-next="true"]
    ) {
    display: none;
  }
}
.cjp5v {
  margin-bottom: 60px;
}
.uw62u {
  color: #7cd8fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: left;
  width: fit-content;
}
@media (max-width: 768px) {
  .uw62u {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .uw62u {
    font-size: 12px;
  }
}
.lzycr {
  align-items: center;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .lzycr {
    align-items: stretch;
    flex-direction: column;
    flex-direction: column-reverse;
    gap: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .lzycr {
    align-items: stretch;
    flex-direction: column;
    flex-direction: column-reverse;
    gap: 24px;
    margin-bottom: 15px;
  }
}
.l2684 {
  align-items: flex-start;
  background: url(images/bonus.00084c10.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  color: #fff;
  display: flex;
  flex: 0 0 25%;
  flex-direction: column;
  justify-content: center;
  max-width: 380px;
  padding: 32px 24px;
  width: 100%;
}
@media (max-width: 768px) {
  .l2684 {
    align-items: flex-start;
    flex: 1;
    padding: 24px;
  }
}
.e5uy7 {
  border-radius: 4px;
  padding: 0;
  width: 100%;
}
.e5uy7,
.h0s8j {
  margin-bottom: 4px;
}
.h0s8j {
  font-size: 40px;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 768px) {
  .h0s8j {
    font-size: 32px;
    text-align: left;
  }
}
.m0oc3 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: left;
}
@media (max-width: 768px) {
  .m0oc3 {
    font-size: 14px;
    text-align: left;
  }
}
.ndi5o {
  flex-direction: column;
}
.ndi5o,
.r2vl3 {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}
.r2vl3 {
  gap: 10px;
}
@media (max-width: 768px) {
  .r2vl3 {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    width: 100%;
  }
}
.jfhuh {
  align-items: center;
  background-color: #29c2fb;
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-family:
    Share Tech,
    sans-serif;
  font-size: 83px;
  font-weight: 400;
  height: 94px;
  justify-content: center;
  line-height: 100px;
  padding: 0 10px;
  position: relative;
  width: auto;
}
@media (max-width: 768px) {
  .jfhuh {
    font-size: 64px;
    height: 72px;
    padding: 0 11px;
  }
}
.jfhuh:after {
  background: url(images/separator.b41ea2aa.svg) no-repeat 50%;
  background-size: contain;
  content: "";
  height: 11px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 109px;
}
@media (max-width: 768px) {
  .jfhuh:after {
    height: 10px;
    width: 94px;
  }
}
.b133o {
  display: flex;
  width: 100%;
}
.sxbb4 {
  flex: 1;
  text-align: center;
}
@media (max-width: 768px) {
  .b133o {
    gap: 38px;
    justify-content: center;
  }
  .sxbb4 {
    flex: unset;
    min-width: max-content;
  }
}
@media (max-width: 1024px) {
  .b133o {
    gap: 38px;
    justify-content: center;
  }
  .sxbb4 {
    flex: unset;
    min-width: max-content;
  }
}
.foar4 {
  color: #e5e5e5;
  font-family:
    Share Tech,
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  width: 72px;
}
.imhj3 {
  all: unset;
  background-color: #ffd149;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  margin-top: 24px;
  padding: 12px 0;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100%;
}
.imhj3:hover {
  background-color: #fcbc00;
}
@media (max-width: 768px) {
  .imhj3 {
    padding: 10px 0;
    width: 100%;
  }
}
.omo0g {
  display: flex;
  flex: 0 85%;
  flex-direction: column;
}
@media (max-width: 768px) {
  .omo0g {
    flex: 1;
  }
}
.duzxt {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .duzxt {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1024px) {
  .duzxt {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.axqs1 {
  color: #e5e5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .axqs1 {
    font-size: 14px;
  }
}
.ypj5b {
  margin-bottom: 60px;
}
.jsvaf {
  background: #22262a;
  border-radius: 12px;
  margin: 0 auto 82px;
  max-width: 1440px;
  padding: 24px;
}
@media (max-width: 768px) {
  .jsvaf {
    margin-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.ody9s {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 768px) {
  .ody9s {
    font-size: 20px;
    text-align: left;
  }
}
.ab6fw {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .ab6fw {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
}
.lq4st {
  position: relative;
}
.lq4st input {
  background-color: #141618;
  border: 1px solid #525252;
  border-radius: 8px;
  color: #e5e5e5;
  font-size: 16px;
  padding: 12px 12px 12px 36px;
  width: 250px;
}
@media (max-width: 768px) {
  .lq4st input {
    width: 100%;
  }
}
.lq4st input:hover {
  border-color: #fff;
}
.lq4st input:focus {
  border-color: #ffd149;
  outline: none;
}
.lq4st:before {
  background: url(images/search.5e828e81.svg) no-repeat 50%;
  background-size: contain;
  content: "";
  height: 16px;
  left: 12px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.qsuti {
  background: #171717;
  border-radius: 8px;
  display: flex;
  gap: 4px;
  margin-bottom: 24px;
  overflow-x: auto;
  padding: 8px;
}
.qsuti .ea1xh {
  align-items: center;
  background: none;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  justify-content: center;
  padding: 8px 14px;
}
.qsuti .ea1xh:hover {
  background-color: #323232;
}
.qsuti .usy6u {
  background-color: #ffd149;
  color: #171717;
}
.qsuti .ea1xh img {
  height: 24px;
  width: 24px;
}
.ib8lh {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fill, minmax(588px, 1fr));
}
@media (max-width: 768px) {
  .ib8lh {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .ib8lh {
    grid-template-columns: 1fr;
  }
}
.ms5ct {
  display: flex;
  justify-content: flex-end;
  margin-top: 36px;
}
@media (max-width: 768px) {
  .ms5ct {
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 70px;
    margin-top: 20px;
  }
}
@media (max-width: 1024px) {
  .ms5ct {
    align-items: stretch;
    flex-direction: column;
    margin-bottom: 70px;
    margin-top: 20px;
  }
}
.ms5ct .tpgmx {
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .ms5ct .tpgmx {
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  .ms5ct .tpgmx {
    justify-content: center;
  }
}
.ms5ct .tpgmx .pbf6b {
  background: #0a0a0a;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 10px 18px;
  transition: 0.3s ease;
}
.ms5ct .tpgmx .pbf6b:hover {
  border-color: #fbcb00;
}
.ms5ct .tpgmx .rwe14 {
  background: rgba(251, 203, 0, 0.08);
  border-color: #fbcb00;
}
.oo9ny {
  height: 0;
  position: relative;
}
.kmz7q {
  background-color: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  left: 50%;
  padding: 10px 50px;
  position: absolute;
  top: 36px;
  transform: translateX(-50%);
  transition: background-color 0.3s ease;
}
.kmz7q:hover {
  background-color: #fcbc00;
}
@media (max-width: 768px) {
  .kmz7q {
    top: 85px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .kmz7q {
    top: 85px;
    width: 100%;
  }
}
.w7uox {
  border-radius: 8px;
  flex-direction: column;
  padding: 0;
}
.v1tdx,
.w7uox {
  background: #141618;
  display: flex;
}
.v1tdx {
  align-items: center;
  border-radius: 8px 8px 0 0;
  color: #e5e5e5;
  font-size: 16px;
  gap: 12px;
  padding: 12px 12px 12px 16px;
}
.v1tdx img {
  height: 20px;
  width: 20px;
}
.v1tdx .jy81y {
  flex-shrink: 0;
  height: 20px;
  width: 41px;
}
.v1tdx .mi66p,
.v1tdx .mna01 {
  color: #fff;
  font-weight: 400;
}
.v1tdx .q5bxo {
  background-color: #fff;
  height: 16px;
  width: 1px;
}
.d9lqy {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-right: 16px;
}
@media (max-width: 768px) {
  .d9lqy {
    flex-direction: column;
    margin: 12px;
  }
}
@media (max-width: 1024px) {
  .d9lqy {
    flex-direction: column;
    margin: 12px;
  }
}
.g58wf {
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  font-weight: 600;
  gap: 8px;
  justify-content: space-between;
  padding-left: 16px;
}
@media (max-width: 768px) {
  .g58wf {
    flex-direction: row;
    font-size: 14px;
    justify-content: space-around;
    padding-left: 0;
  }
}
@media (max-width: 1024px) {
  .g58wf {
    flex-direction: row;
    font-size: 14px;
    justify-content: space-around;
    padding-left: 0;
  }
}
.ge60d {
  display: flex;
  gap: 8px;
}
.ge60d div {
  background: hsla(0, 0%, 100%, 0.04);
  border-radius: 4px;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 8px 0;
}
.ge60d span {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
}
.ge60d span:hover {
  color: #737373;
  cursor: pointer;
}
.hyvur {
  width: 50%;
}
@media (max-width: 768px) {
  .hyvur {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .hyvur {
    width: 100%;
  }
}
.wwq17 {
  color: #29c2fb;
}
.wwq17:hover {
  color: #0745ff !important;
}
.dfkh4 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 32px;
  margin-inline: auto;
  max-width: 1100px;
  text-align: center;
}
@media (max-width: 768px) {
  .dfkh4 {
    font-size: 24px;
    margin-bottom: 12px;
    text-align: left;
  }
}
.h4grt {
  align-items: center;
  display: grid;
  gap: 62px;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
}
@media (max-width: 768px) {
  .h4grt {
    gap: 0;
    grid-template-columns: 1fr;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .h4grt {
    gap: 0;
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.fgxz7 {
  flex: 1;
  max-width: 100%;
}
.fgxz7 .yejm4 {
  color: #e5e5e5;
  font-size: 18px;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .fgxz7 .yejm4 {
    font-size: 14px;
  }
}
.to3pc {
  flex: 1;
  max-width: 100%;
}
@media (max-width: 768px) {
  .to3pc {
    width: 100%;
  }
}
.whg8e {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  padding: 74px 32px;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .whg8e {
    padding: 48px 16px;
  }
}
.ybj47 {
  max-width: 75%;
}
@media (max-width: 768px) {
  .ybj47 {
    max-width: 100%;
  }
}
.bmpa4 {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  line-height: 110%;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .bmpa4 {
    font-size: 36px;
    margin-bottom: 12px;
  }
}
.adree {
  color: #e5e5e5;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .adree {
    font-size: 14px;
  }
}
.ozx7r {
  background: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  padding: 10px 24px;
  text-align: center;
  transition: background-color 0.3s ease;
}
.ozx7r:hover {
  background: #fcbc00;
}
.ge78z {
  margin-bottom: 60px;
}
.ddd5o {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .ddd5o {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.o9n83 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .o9n83 {
    gap: 12px;
  }
}
.valcr {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.c5evq {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #fcbc00;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (max-width: 768px) {
  .c5evq {
    background-color: #fff;
    box-shadow: none;
    font-size: 12px;
    height: 24px;
    width: 24px;
  }
}
.rqnqy {
  color: #e5e5e5;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 768px) {
  .rqnqy {
    font-size: 14px;
  }
}
[data-list="numbered"] {
  counter-reset: my-awesome-counter;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 32px;
  row-gap: 20px;
}
[data-list="numbered"] li {
  color: #e5e5e5;
  counter-increment: my-awesome-counter;
  display: block;
  font-size: 18px;
  line-height: 140%;
  padding-left: 50px;
  position: relative;
}
@media (max-width: 768px) {
  [data-list="numbered"] li {
    font-size: 16px;
    padding-left: 35px;
  }
}
[data-list="numbered"] li a {
  color: #7cd8fd;
  text-decoration: underline;
}
[data-list="numbered"] li:before {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #fcbc00;
  content: counter(my-awesome-counter);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  left: 0;
  margin-right: 18px;
  min-width: 32px;
  position: absolute;
  width: 32px;
}
@media (max-width: 768px) {
  [data-list="numbered"] li:before {
    font-size: 12px;
    height: 24px;
    margin-right: 12px;
    min-width: 24px;
    width: 24px;
  }
}
[data-list="checked"] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
  margin-bottom: 32px;
  margin-top: 20px;
  padding: 0;
}
@media (max-width: 768px) {
  [data-list="checked"] {
    margin-top: 5px;
  }
}
[data-list="checked"] li {
  color: var(--Main-Colors-Text-Primary, #fff);
  font-size: var(--Font-Size-sm, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  padding-left: 36px;
  position: relative;
}
[data-list="checked"] li .bfjg0 {
  align-items: center;
  content: "";
  display: flex;
  height: 24px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 2px;
  width: 24px;
}
[data-list="checked"] li .bfjg0 svg path {
  fill: #7cd8fd;
}
@media (max-width: 768px) {
  [data-list="checked"] li .bfjg0 {
    height: 20px;
    width: 20px;
  }
  [data-list="checked"] li {
    font-size: 16px;
    padding-left: 30px;
  }
  [data-list="checked"] {
    gap: 12px;
    grid-template-columns: 1fr;
  }
}
ul[data-list="disc"] {
  list-style: disc;
  margin-bottom: 32px;
  margin-left: 15px;
  padding: 0 15px;
}
ul[data-list="disc"] li {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  ul[data-list="disc"] li {
    font-size: 14px;
  }
}
ul[data-list="disc"] li a {
  color: #7cd8fd;
  text-decoration: underline;
}
.dfrar {
  margin-bottom: 60px;
}
.ifrc4 {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .ifrc4 {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
.z62in {
  display: flex;
  flex-direction: column;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .z62in {
    gap: 20px;
  }
}
.demzn {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}
.tjo9u {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  color: #fcbc00;
  display: flex;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  width: 32px;
}
@media (max-width: 768px) {
  .tjo9u {
    background-color: #fff;
    box-shadow: none;
    font-size: 0;
    height: 5px;
    margin-top: 8px;
    width: 5px;
  }
}
.gw71d {
  color: #e5e5e5;
  font-size: 18px;
  line-height: 140%;
}
@media (max-width: 768px) {
  .gw71d {
    font-size: 16px;
  }
}
.cjwod {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .cjwod {
    margin-bottom: 48px;
  }
}
@media (max-width: 1024px) {
  .cjwod {
    margin-bottom: 48px;
  }
}
.bqj6d {
  color: #7cd8fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: left;
  width: fit-content;
}
@media (max-width: 768px) {
  .bqj6d {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .bqj6d {
    font-size: 12px;
  }
}
.o4d8a {
  align-items: center;
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .o4d8a {
    align-items: stretch;
    flex-direction: column;
    flex-direction: column-reverse;
    gap: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .o4d8a {
    align-items: stretch;
    flex-direction: column;
    flex-direction: column-reverse;
    gap: 24px;
    margin-bottom: 15px;
  }
}
.xj8aq {
  align-items: flex-start;
  background: url(images/bigwin.cc7b9a4e.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  color: #fff;
  display: flex;
  flex: 0 0 360px;
  flex-direction: column;
  height: 334px;
  justify-content: center;
  padding: 64px 24px;
  position: relative;
  width: 360px;
}
.xj8aq *,
.xj8aq .q9nvt {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .xj8aq {
    aspect-ratio: 360/334;
    border-radius: 0;
    flex: 1;
    padding: 64px 17px;
    width: 100%;
  }
}
.c0dn3 {
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 12px;
  text-align: center;
}
@media (max-width: 768px) {
  .c0dn3 {
    font-size: 20px;
    text-align: left;
  }
}
.xxwv9 {
  color: #29c2fb;
  font-family: Manrope, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 768px) {
  .xxwv9 {
    font-size: 36px;
    margin-bottom: 12px;
    text-align: left;
  }
}
.q9nvt {
  all: unset;
  background-color: #ffd149;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 16px 0;
  text-align: center;
  transition: background-color 0.3s ease;
  width: 100%;
}
.q9nvt:hover {
  background-color: #fcbc00;
}
@media (max-width: 768px) {
  .q9nvt {
    padding: 16px 0;
  }
}
.lwsud {
  display: flex;
  flex: 0 85%;
  flex-direction: column;
}
@media (max-width: 768px) {
  .lwsud {
    flex: 1;
  }
}
.k1e52 {
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .k1e52 {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
@media (max-width: 1024px) {
  .k1e52 {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
.dlrjg {
  color: #e5e5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .dlrjg {
    font-size: 14px;
  }
}
.sl2fn {
  margin: 0 auto 82px;
}
@media (max-width: 768px) {
  .sl2fn {
    margin-bottom: 48px;
  }
}
.egey3 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 16px;
  text-align: center;
}
@media (max-width: 768px) {
  .egey3 {
    margin-bottom: 8px;
  }
}
.oyzum {
  color: #e5e5e5;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 32px;
  text-align: center;
}
@media (max-width: 768px) {
  .oyzum {
    margin-bottom: 24px;
  }
}
.fzbjq {
  display: flex;
  gap: 18px;
}
@media (max-width: 768px) {
  .fzbjq {
    flex-direction: column;
  }
}
.askxp {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 18px;
}
.vp18s {
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.vp18s:hover {
  border-color: #fff;
}
.vp18s[data-open="true"] {
  border: 1px solid #ffd149;
}
.vp18s[data-open="true"]:hover {
  border-color: #ffd149;
}
.tyb7c {
  all: unset;
  background-color: #22262a;
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  padding: 32px 64px 32px 32px;
  position: relative;
  white-space: normal;
  width: 100%;
}
@media (max-width: 768px) {
  .tyb7c {
    font-size: 16px;
    padding: 20px 64px 16px 20px;
  }
}
.tyb7c:after {
  background-image: url(images/plus.43e37ac7.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  pointer-events: none;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  transition:
    transform 0.3s ease,
    filter 0.3s ease;
  width: 24px;
}
@media (max-width: 768px) {
  .tyb7c:after {
    right: 24px;
  }
}
.tyb7c h3 {
  white-space: normal;
  word-break: break-word;
}
@media (max-width: 768px) {
  .tyb7c {
    padding-right: 60px;
  }
}
.vp18s[data-open="true"] .tyb7c:after {
  filter: brightness(0) saturate(100%) invert(81%) sepia(91%) saturate(677%)
    hue-rotate(2deg) brightness(103%) contrast(105%);
  transform: translateY(-50%) rotate(-45deg);
}
.jeyio {
  background-color: #22262a;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 32px;
  transition:
    max-height 0.4s ease,
    opacity 0.4s ease,
    padding 0.4s ease;
}
@media (max-width: 768px) {
  .jeyio {
    font-size: 14px;
  }
}
.vp18s[data-open="true"] .jeyio {
  max-height: 500px;
  opacity: 1;
  padding: 0 32px 32px;
}
@media (max-width: 768px) {
  .vp18s[data-open="true"] .jeyio {
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.vp18s[data-open="true"] .tyb7c {
  color: #ffd149;
}
.x6k2n {
  background-color: #fbcb00;
  border-radius: 8px;
  color: #171717;
  margin-bottom: 82px;
  margin-top: 64px;
  overflow: hidden;
  padding: 64px 195px;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .x6k2n {
    margin-bottom: 48px;
    padding: 24px;
  }
}
.nhsyp {
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 768px) {
  .nhsyp {
    width: 100%;
  }
}
.oh9qh {
  color: #171717;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .oh9qh {
    font-size: 24px;
  }
}
.zhkft {
  color: #323232;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .zhkft {
    font-size: 16px;
    margin-bottom: 24px;
  }
}
.me1s8 {
  background-color: #f5f5f5;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 48px;
}
.me1s8:hover {
  background-color: #e5e5e5;
}
.x6k2n:after,
.x6k2n:before {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  opacity: 0.3;
  pointer-events: none;
  position: absolute;
}
.cuit7 {
  min-width: 600px;
}
.rb9hb {
  color: #fff;
  margin-bottom: 82px;
  text-align: center;
}
.a5l6l {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 48px;
}
.kxx5b {
  display: inline-flex;
  gap: 12px;
  margin-bottom: 16px;
}
.y7ay1 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.y7ay1 img {
  height: 28px;
  transition: transform 0.2s ease;
  width: 28px;
}
.y7ay1:focus img,
.y7ay1:hover img {
  transform: scale(1.1);
}
.e64yj {
  color: #e5e5e5;
  font-size: 16px;
}
.e64yj span + span {
  margin-left: 12px;
}
.q0913 {
  border: 1px solid #525252;
  border-radius: 8px;
  margin-bottom: 82px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .q0913 {
    margin-bottom: 48px;
  }
}
.acv7h {
  overflow-x: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .acv7h {
    -webkit-overflow-scrolling: touch;
    display: block;
  }
}
.cuit7 {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 550px;
  width: 100%;
}
.cuit7 td {
  border: 1px solid #525252;
  padding: 16px 32px;
  vertical-align: top;
}
@media (max-width: 768px) {
  .cuit7 td {
    padding: 16px;
  }
}
.cuit7 td:first-child {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .cuit7 td:first-child {
    font-size: 16px;
  }
}
.cuit7 td {
  color: #e5e5e5;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .cuit7 td {
    font-size: 16px;
  }
}
.cuit7 td:first-child,
.cuit7 th:first-child {
  text-align: left !important;
}
.qjsii {
  border: 1px solid #232323;
  border-radius: 8px;
  margin-bottom: 60px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .qjsii {
    margin-bottom: 40px;
  }
}
.iy446 {
  overflow-x: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .iy446 {
    -webkit-overflow-scrolling: touch;
  }
}
.ntpux {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 16px;
  min-width: 800px;
  text-align: left;
  width: 100%;
}
.ntpux td,
.ntpux th {
  border: 1px solid #232323;
  padding: 16px;
}
.ntpux tr:first-child {
  background: #22262a;
}
.ntpux tr:first-child td {
  border-left: none;
  border-top: none;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .ntpux tr:first-child td {
    font-size: 16px;
  }
}
.ntpux tr:first-child td:last-child {
  border-right: none;
}
.ntpux tbody td {
  color: #e5e5e5;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .ntpux tbody td {
    font-size: 16px;
  }
}
.vsta6 {
  background-image: url(images/coins.56dfe2d9.jpg);
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  bottom: 30px;
  color: #fff;
  display: none;
  flex-direction: column;
  height: auto;
  justify-content: center;
  min-width: 450px;
  padding: 48px 32px 32px;
  position: fixed;
  right: 10px;
  z-index: 99;
}
.vsta6[data-active="true"] {
  display: flex;
}
@media (max-width: 768px) {
  .vsta6 {
    bottom: 40px;
    left: 10px;
    margin-bottom: 40px;
    min-width: 0;
    padding: 32px 24px;
    width: calc(100% - 20px);
  }
}
.vf2ul {
  background: none;
  background-image: url(images/close_icon_alternative.30d11eeb.svg);
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  cursor: pointer;
  height: 36px;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 36px;
}
.ng4d7 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 100%;
}
@media (max-width: 768px) {
  .ng4d7 {
    max-width: 100%;
  }
}
.w5cb3 {
  font-family: Gilroy, sans-serif;
  font-size: 48px;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 768px) {
  .w5cb3 {
    font-size: 40px;
  }
}
.pcr1h {
  font-size: 20px;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 768px) {
  .pcr1h {
    font-size: 16px;
  }
}
.gmgc3 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  margin: 8px 0 16px;
}
@media (max-width: 768px) {
  .gmgc3 {
    font-size: 28px;
  }
}
.pzepy {
  background: #ffd149;
  border: none;
  border-radius: 8px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  height: 40px;
  padding: 10px 24px;
  transition: background-color 0.3s ease;
  width: 160px;
}
.pzepy:hover {
  background: #fcbc00;
}
.wrxgt {
  background: #262626;
  border-top: 1px solid #525252;
}
.bckrd {
  color: #fafafa;
  margin: 0 auto;
  max-width: 1440px;
  padding: 32px 20px;
}
.bckrd a {
  color: var(--Main-Colors-Text-Secondary, #e5e5e5);
  font-size: var(--Font-Size-sm, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  text-decoration: none;
}
.bckrd a:visited {
  color: #fff;
}
.bckrd a:hover {
  text-decoration: underline;
}
@media (max-width: 768px) {
  .bckrd {
    margin-bottom: 15px;
    padding-bottom: 60px;
  }
}
.s3pl2 {
  display: grid;
  gap: 80px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 768px) {
  .s3pl2 {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
  }
  .s3pl2 .oapu9:first-child {
    grid-column: span 2;
  }
  .s3pl2 .oapu9:nth-child(2),
  .s3pl2 .oapu9:nth-child(3) {
    grid-column: span 1;
  }
  .s3pl2 .oapu9:nth-child(4) {
    grid-column: span 2;
  }
}
@media (max-width: 1024px) {
  .s3pl2 {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
  }
  .s3pl2 .oapu9:first-child {
    grid-column: span 2;
  }
  .s3pl2 .oapu9:nth-child(2),
  .s3pl2 .oapu9:nth-child(3) {
    grid-column: span 1;
  }
  .s3pl2 .oapu9:nth-child(4) {
    grid-column: span 2;
  }
}
.sf93r .dd5b1 {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .sf93r .dd5b1 {
    flex-direction: column;
    gap: 12px;
  }
}
.sf93r .x7ep8 {
  flex: 1;
}
.km55v {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .km55v {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.x7ep8 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.x7ep8 li {
  color: #e5e5e5;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .x7ep8 li {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.hv1t4 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.hv1t4 img {
  height: 32px;
}
@media (max-width: 768px) {
  .hv1t4 img {
    height: 44px;
  }
}
.ws6fs {
  align-items: center;
  border-top: 1px solid #525252;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 40px;
  padding-top: 24px;
}
@media (max-width: 768px) {
  .ws6fs {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    margin-top: 0;
    padding-top: 0;
    text-align: left;
  }
  .ws6fs .jfiu5 {
    grid-column: 1;
    justify-content: flex-start;
    position: relative;
  }
  .ws6fs .w05q1 {
    grid-column: 2;
    justify-self: end;
  }
  .ws6fs .xadez {
    grid-column: 1/-1;
    justify-content: flex-end;
  }
}
.ws6fs .ddao8 {
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .ws6fs .ddao8 {
    bottom: -38px;
    position: absolute;
  }
}
.ws6fs .nr7no {
  height: 32px;
  width: 32px;
}
.ws6fs img {
  height: 45px;
}
.w05q1 {
  background: rgba(28, 185, 243, 0.08);
  border: 1px solid #065e86;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 40px 10px 16px;
  position: relative;
  transition: background-color 0.3s;
}
.w05q1:after {
  background-image: url(images/arrow-bottom.ea054da7.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 12px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image 0.2s ease;
  width: 12px;
}
.w05q1:hover {
  border-color: #29c2fb;
}
.z0um8 {
  margin-bottom: 16px;
  width: 80px;
}
@media (max-width: 768px) {
  .z0um8 {
    margin-bottom: 0;
  }
}
.tx7qg {
  display: flex;
  gap: 12px;
}
.tx7qg a {
  align-items: center;
  background: hsla(0, 0%, 100%, 0.16);
  border-radius: 50%;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}
.tx7qg a img {
  height: 16px;
  width: 16px;
}
.jfiu5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.fi1le {
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .fi1le {
    flex-direction: row;
    margin-bottom: 0;
  }
}
.xadez {
  align-items: center;
  display: flex;
  gap: 8px;
}
@media (max-width: 768px) {
  .dd5b1 {
    display: flex;
    justify-content: space-between;
  }
}
.i7ivk {
  position: relative;
}
.i7ivk:has(.footer__lang-dropdown[data-visible="true"]) .w05q1 {
  background: #29c2fb;
  border-color: #29c2fb;
  transition:
    background-color 0.3s,
    border-color 0.3s,
    color 0.3s;
}
.i7ivk:has(.footer__lang-dropdown[data-visible="true"]) .w05q1:after {
  background-image: url(images/arrow-top.14c2f0e7.svg);
}
.w05q1 {
  cursor: pointer;
}
.gss89 {
  background: #1a1a1a;
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  display: none;
  left: 0;
  list-style: none;
  margin-bottom: 8px;
  max-height: 240px;
  overflow-y: auto;
  padding: 12px 0;
  position: absolute;
  width: 191px;
  z-index: 1000;
}
@media (max-width: 768px) {
  .gss89 {
    bottom: auto;
    margin-bottom: 0;
    margin-top: 8px;
    top: 100%;
  }
}
.gss89[data-visible="true"] {
  display: block;
}
.gss89 a {
  cursor: pointer;
  display: flex;
  padding: 8px 16px;
  position: relative;
  white-space: nowrap;
}
.gss89 a:hover {
  background-color: rgba(28, 185, 243, 0.08);
  text-decoration: none;
}
.gss89 a:hover:after {
  background-image: url(images/lang.9cc37b72.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 14px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image 0.2s ease;
  width: 14px;
}
@media (max-width: 768px) {
  .eqwc3 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
}
#languageModal {
  align-items: center;
  display: none;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 1000;
}
#languageModal[data-active="true"] {
  display: flex;
}
#languageModal[data-modal] > [data-modal-overlay] {
  background-color: rgba(0, 0, 0, 0.5);
  inset: 0;
  position: absolute;
}
#languageModal[data-modal] > [data-modal-content] {
  background: #232323;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 560px;
  padding: 24px;
  position: relative;
  width: 90%;
  z-index: 1;
}
#languageModal [data-modal-header] {
  align-items: center;
  border-bottom: 1px solid #525252;
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
}
#languageModal [data-modal-title] {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
#languageModal [data-close-modal] {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
}
#languageModal [data-lang-list] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  #languageModal [data-lang-list] {
    grid-template-columns: repeat(2, 1fr);
  }
}
#languageModal [data-lang-list] button[data-lang] {
  all: unset;
  border-radius: 12px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  padding: 12px;
  text-align: center;
  transition: all 0.2s ease;
}
#languageModal [data-lang-list] button[data-lang]:hover {
  background-color: rgba(173, 250, 29, 0.08);
}
#languageModal [data-lang-list] button[data-lang][data-selected] {
  background-color: rgba(173, 250, 29, 0.08);
  border: 1px solid #adfa1d;
}
.c63qe {
  margin-bottom: 48px;
  margin-top: 48px;
}
@media (max-width: 768px) {
  .c63qe {
    margin-bottom: 24px;
    margin-top: 24px;
  }
}
.c63qe .f9xzd {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 32px;
}
@media (max-width: 768px) {
  .c63qe .f9xzd {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.qj3ul {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}
@media (max-width: 768px) {
  .qj3ul {
    gap: 16px;
    grid-template-columns: 1fr;
  }
}
.rcho6 {
  align-items: center;
  background-color: #323232;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  position: relative;
}
@media (max-width: 768px) {
  .rcho6 {
    height: auto;
  }
}
.v5pte {
  align-items: stretch;
  justify-content: space-between;
}
.ofp9l,
.v5pte {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.coa8s {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}
.coa8s,
.coa8s img {
  border-radius: 4px;
  width: 100%;
}
.coa8s img {
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .coa8s {
    height: auto;
    width: 100%;
  }
}
.ych8d {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}
.r85ko {
  align-items: center;
  display: flex;
  gap: 12px;
  padding-right: 40px;
}
.ohkyf {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 768px) {
  .ohkyf {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .ohkyf {
    font-size: 18px;
  }
}
.ufk8z {
  height: 24px;
  width: 24px;
}
.no232 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.mn125 {
  all: unset;
  color: #7cd8fd;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}
.mn125:hover {
  color: #0745ff;
}
@media (max-width: 768px) {
  .mn125 {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .mn125 {
    font-size: 16px;
  }
}
.tsmlc {
  align-items: center;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
@media (max-width: 768px) {
  .tsmlc {
    gap: 8px;
  }
}
@media (max-width: 1024px) {
  .tsmlc {
    gap: 8px;
  }
}
.jvi10 {
  background-color: #323232;
  border: 1.5px dashed #a3a3a3;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 0;
  text-align: center;
  white-space: nowrap;
}
.jvi10:hover {
  background-color: #737373;
}
.lu558 {
  background-color: #ffd149;
  border: none;
  border-radius: 4px;
  color: #171717;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  transition: background-color 0.3s ease;
  white-space: nowrap;
}
.lu558:hover {
  background-color: #fcbc00;
}
*,
:after,
:before {
  box-sizing: border-box;
}
.hfkr3 {
  margin: 0 auto;
  max-width: 1440px;
  padding: 0 20px;
}
.sghsb {
  display: flex;
  justify-content: flex-end;
}
body {
  background-color: #171717 !important;
  color: #fff !important;
  font-family: Poppins, sans-serif !important;
  font-size: 16px !important;
  overflow-x: hidden;
}
button {
  cursor: pointer;
}
html {
  scroll-behavior: smooth;
}
.k7a5u {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 32px;
}
.k7a5u:not(:first-child),
.k7a5u:not(:last-child) {
  margin-top: 42px;
}
@media (max-width: 768px) {
  .k7a5u {
    font-size: 32px;
    margin-bottom: 24px;
  }
}
.vg2px {
  color: #fff;
  font-family: Gilroy, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 32px;
}
.vg2px:not(:first-child),
.vg2px:not(:last-child) {
  margin-top: 42px;
}
@media (max-width: 768px) {
  .vg2px {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.c429l {
  color: #7cd8fd;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 12px;
  text-align: left;
  width: fit-content;
}
.c429l:not(:first-child),
.c429l:not(:last-child) {
  margin-top: 32px;
}
@media (max-width: 768px) {
  .c429l {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.kia12 {
  border-radius: 12px;
  margin-bottom: 32px;
  width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
.alzyo .uduo5 {
  column-gap: 62px;
  display: flex;
}
@media screen and (max-width: 650px) {
  .alzyo .uduo5 {
    flex-direction: column;
  }
}
.alzyo .neyk3 {
  max-width: max-content;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .alzyo .neyk3 {
    max-width: unset;
  }
}
.neyk3 {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .neyk3 {
    margin-bottom: 48px;
  }
}
.rcwc2 {
  opacity: 1;
}
.alzyo [data-list="checked"] {
  display: flex;
  flex-direction: column;
}
.f9qkr {
  position: sticky;
  top: 20%;
}
button {
  font-weight: 600 !important;
}
[data-bn-ln] {
  cursor: pointer;
}