@charset "utf-8";

body { text-size-adjust: none; overflow-wrap: break-word; -webkit-tap-highlight-color: transparent; }

* { box-sizing: border-box; margin: 0px; max-height: 1e+06px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }

fieldset, iframe, img, table, td, textarea, tr { border: 0px; }

caption, legend { display: none; }

table { border: 0px; border-collapse: collapse; border-spacing: 0px; width: 100%; }

textarea { appearance: none; border: 0px; border-radius: 0px; resize: none; }

ol:not(.not), ul:not(.not) { list-style: none; }

hr { border: none; height: 0px; }

i { font-style: normal; }

s { text-decoration: none; }

em { font-style: normal; }

a { color: inherit; }

q::after, q::before { content: none; display: none; }

button { border: 0px; cursor: pointer; }

input, select { appearance: none; border-radius: 0px; vertical-align: middle; }

input:checked[type="checkbox"] { appearance: checkbox; background-color: rgb(102, 102, 102); }

input[type="search"]::-webkit-search-cancel-button { appearance: none; }

input[type="submit"] { cursor: pointer; }

img { user-select: none; -webkit-user-drag: none; object-fit: cover; object-position: center center; }

:focus { outline: 0px; }

[data-link-type="download"] *, [data-link-type="open-signup"] * { pointer-events: none; }

[lang="es"], [lang="es"] body, [lang="fr"], [lang="fr"] body { font-family: Roboto, "San Francisco", Arial, sans-serif; }

[lang="zh"], [lang="zh"] body { font-family: Helvetica, "Noto Sans CJK", SimSun, "PingFang SC", "Microsoft YaHei", 微软雅黑, sans-serif; }

[lang="de"], [lang="de"] body, [lang="et"], [lang="et"] body, [lang="fi"], [lang="fi"] body, [lang="hu"], [lang="hu"] body, [lang="id"], [lang="id"] body, [lang="lv"], [lang="lv"] body, [lang="nl"], [lang="nl"] body, [lang="pl"], [lang="pl"] body, [lang="pt-br"], [lang="pt-br"] body, [lang="ro"], [lang="ro"] body, [lang="ru"], [lang="ru"] body, [lang="th"], [lang="th"] body, [lang="tr"], [lang="tr"] body, [lang="uk"], [lang="uk"] body, [lang="vi"], [lang="vi"] body { font-family: Roboto, "San Francisco", Arial, sans-serif; }

[lang="ja"], [lang="ja"] body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; }

[lang="ar"], [lang="ar"] body, [lang="fa"], [lang="fa"] body { font-family: Roboto, "Droid Arabic Naskh", Arial, sans-serif; }

@media screen and (max-width: 1243px) {
  .ds-only { display: none !important; }
}

@media screen and (min-width: 1244px) {
  .mo-only { display: none !important; }
}

#__nuxt, .vfm { -webkit-font-smoothing: antialiased; }

#__nuxt { color: rgb(255, 255, 255); }

#__nuxt .contents-holder { min-height: 100vh; }

body { font-family: Roboto, "Helvetica Neue", Helvetica, "Apple Gothic", "HY Gulim", MalgunGothic, Arial, sans-serif; }

body > img { position: absolute; }

html { background-color: rgb(24, 24, 26); }

html * { box-sizing: border-box; font-size: inherit; margin: 0px; padding: 0px; word-break: keep-all; overflow-wrap: break-word; }

html::-webkit-scrollbar { width: 4px; }

html::-webkit-scrollbar-track { background-color: transparent; }

html::-webkit-scrollbar-thumb { background-color: rgb(102, 102, 102); border-radius: 2px; }

a { cursor: pointer; text-decoration: none; }

a label { pointer-events: none; }

a:active, a:focus, a:hover, a:visited { outline: 0px; text-decoration: none; }

img { vertical-align: middle; }

img.br16 { border-radius: 16px; }

input { border: 0px; outline: none; }

.swiper-container, .swiper-container .swiper-wrapper { width: 100%; }

button { background-color: transparent; color: rgb(255, 255, 255); font-family: inherit; }

.disabled { cursor: not-allowed; }

._slider .swiper-pagination-circle { align-items: center; bottom: 20px; display: flex; justify-content: center; right: 0px; }

._slider .swiper-pagination-circle .pagination-nav { display: none; }

._slider .swiper-pagination-circle .pagination-list { align-items: center; display: flex; gap: 12px; }

._slider .swiper-pagination-circle .pagination-item { background-color: rgba(255, 255, 255, 0.3); border-radius: 100%; height: 12px; width: 12px; }

._slider .swiper-pagination-circle .pagination-item.active { background-color: rgb(255, 255, 255); }

@media screen and (min-width: 768px) {
  ._slider .swiper-pagination-circle { bottom: 56px; }
  ._slider .swiper-pagination-circle .pagination-list { gap: 32px; }
  ._slider .swiper-pagination-circle .pagination-item { height: 20px; width: 20px; }
}

@media screen and (min-width: 1244px) {
  ._slider .swiper-pagination-circle { bottom: 40px; }
  ._slider .swiper-pagination-circle .pagination-list { gap: 12px; }
  ._slider .swiper-pagination-circle .pagination-item { height: 12px; width: 12px; }
}

.c-w { color: rgb(255, 255, 255); }

.c-prize200 { color: rgb(254, 231, 138) !important; }

strong.c-prize200 { font-weight: 500; }

.img-rendering { image-rendering: -webkit-optimize-contrast; }

.sr-only { border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; white-space: nowrap; width: 1px; clip: rect(0px, 0px, 0px, 0px); }

.sr-only.active, .sr-only:focus { height: auto; overflow: visible; position: static; width: auto; clip: auto; white-space: normal; }

.client-nav-1 #beacon-container, .client-nav-1 ._app-footer, .client-nav-1 ._app-nav-gnb, .client-nav-1 ._app-nav-header ._app-nav-signup, .client-nav-1 ._app-nav-header ._app-nav-toggle, .client-nav-1 ._app-nav-header ._app-record-holder, .client-nav-1 ._app-nav-sub, .client-nav-1 ._app-quick button:not(.btn-top), .client-nav-logo #beacon-container, .client-nav-logo ._app-footer, .client-nav-logo ._app-nav-gnb, .client-nav-logo ._app-nav-header ._app-nav-signup, .client-nav-logo ._app-nav-header ._app-nav-toggle, .client-nav-logo ._app-nav-header ._app-record-holder, .client-nav-logo ._app-nav-sub, .client-nav-logo ._app-quick button:not(.btn-top) { display: none; }

.client-nav-1 ._app-nav-utils, .client-nav-logo ._app-nav-utils { display: flex; }

.client-nav-1 ._app-nav-utils .util-group:first-of-type > :not(._app-nav-regions), .client-nav-1 ._app-nav-utils .util-group:nth-of-type(2), .client-nav-logo ._app-nav-utils .util-group:first-of-type > :not(._app-nav-regions), .client-nav-logo ._app-nav-utils .util-group:nth-of-type(2) { display: none; }

.client-nav-1 > div:not(.home) ._app-nav-mega:not(.no-sub), .client-nav-logo > div:not(.home) ._app-nav-mega:not(.no-sub) { height: 72px; }

.client-nav-1 ._app-nav-utils ._app-nav-regions, .client-nav-logo ._app-nav-utils ._app-nav-regions { display: none; }

@media screen and (min-width: 1244px) {
  .client-nav-1 ._app-nav-header, .client-nav-logo ._app-nav-header { height: 90px; min-height: 90px; }
  .client-nav-1 ._app-nav-mega, .client-nav-logo ._app-nav-mega { padding-top: 90px; }
  .client-nav-1 ._app-nav-utils, .client-nav-logo ._app-nav-utils { height: 90px; }
  .client-nav-1 ._app-nav-utils ._app-nav-languages.nav-header, .client-nav-logo ._app-nav-utils ._app-nav-languages.nav-header { display: flex; }
  .client-nav-1 ._app-nav-mega.no-sub, .client-nav-1 .home ._app-nav-mega, .client-nav-1 > div:not(.home) ._app-nav-mega:not(.no-sub), .client-nav-logo ._app-nav-mega.no-sub, .client-nav-logo .home ._app-nav-mega, .client-nav-logo > div:not(.home) ._app-nav-mega:not(.no-sub) { height: 90px; }
}

.client-nav-1 ._app-nav-logo.nav-header a { pointer-events: none; }

.client-nav-1 ._app-nav-logo.nav-header a img { height: auto; opacity: 1; width: 112px; }

.client-nav-1 ._app-nav-logo.nav-header a .svg-icon { opacity: 0; pointer-events: none; }

@media screen and (min-width: 1244px) {
  .client-nav-1 ._app-nav-logo.nav-header { top: 20px; }
  .client-nav-1 ._app-nav-logo.nav-header a img { height: auto; width: 180px; }
}

.client-nav-all ._app-footer, .client-nav-all ._app-nav-header, .client-nav-all ._app-quick button:not(.btn-top), .client-nav-logo ._app-nav-header ._app-nav-logo { display: none; }

.img-radius { border-radius: 4px; }

@media screen and (min-width: 768px) {
  .img-radius { border-radius: 8px; }
}

@media screen and (min-width: 1244px) {
  .img-radius { border-radius: 16px; }
}

ul { list-style: none; }

ul.not > li { padding-left: 24px; position: relative; }

ul.not > li::before { background-color: rgb(212, 212, 212); border-radius: 50%; content: ""; height: 3px; left: 10px; position: absolute; top: 10px; width: 3px; }

ul.not a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

ol.not { margin-left: 24px; }

ol.not a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

._grid { display: grid; }

._grid, ._grid[m="1"] { grid-template-columns: repeat(1, minmax(0px, 1fr)); }

._grid[m="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }

._grid[m="3"] { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

._grid[m="4"] { grid-template-columns: repeat(4, minmax(0px, 1fr)); }

._grid.base { gap: 20px; }

@media screen and (min-width: 1244px) {
  ._grid.base { gap: 24px; }
}

._grid.gap-16 { gap: 16px; }

._grid.gap-24 { gap: 24px; }

._grid.gap-32 { gap: 32px; }

@media screen and (min-width: 1244px) {
  ._grid.gap-32 { gap: 24px; }
}

@media screen and (min-width: 768px) {
  ._grid[tp="1"] { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  ._grid[tp="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  ._grid[tp="3"] { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  ._grid[tp="4"] { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}

@media screen and (min-width: 1244px) {
  ._grid[ds="1"] { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
  ._grid[ds="2"] { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  ._grid[ds="3"] { grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  ._grid[ds="4"] { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
}

._section-limitations { background-color: rgba(255, 255, 255, 0.03); border-radius: 8px; display: flex; flex-direction: column; font-size: 14px; font-weight: 400; gap: 16px; letter-spacing: 0.42px; line-height: 22px; padding: 32px; position: relative; z-index: 1; }

._section-limitations p { color: rgb(163, 163, 163); }

._section-limitations p + p, ._section-limitations p + ul { margin-top: 0px; }

._section-limitations.gap-20 { row-gap: 20px; }

._section-limitations a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

._section-limitations h5 { color: rgb(212, 212, 212); font-size: 20px; font-weight: 500; letter-spacing: 0.6px; line-height: 24px; }

@media screen and (min-width: 768px) {
  ._section-limitations h5 { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  ._section-limitations h5 { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

._section-limitations h6 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  ._section-limitations h6 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

._section-limitations ul:not([social], .small) > li { padding-left: 22px; position: relative; }

._section-limitations ul:not([social], .small) > li::before { border: 1px solid rgb(115, 115, 115); border-radius: 8px; content: ""; height: 4px; left: 7px; position: absolute; top: 7px; width: 4px; }

@media screen and (min-width: 1244px) {
  ._section-limitations ul:not([social], .small) > li { padding-left: 24px; }
}

[lang="ar"] ._section-limitations ul:not([social], .small) > li { padding-right: 22px; }

[lang="ar"] ._section-limitations ul:not([social], .small) > li::before { right: 7px; top: 7px; }

@media screen and (min-width: 1244px) {
  [lang="ar"] ._section-limitations ul:not([social], .small) > li { padding-right: 24px; }
}

._section-limitations ul:not([social], .small) ul > li { padding-left: 16px; position: relative; }

._section-limitations ul:not([social], .small) ul > li::before { background-color: rgb(163, 163, 163); border-radius: 3px; content: ""; height: 6px; left: 4px; position: absolute; top: 8px; width: 6px; }

[lang="ar"] ._section-limitations ul:not([social], .small) ul > li { padding-right: 16px; }

[lang="ar"] ._section-limitations ul:not([social], .small) ul > li::before { right: 5px; top: 10px; }

._section-limitations ul.small { color: rgb(163, 163, 163); }

._section-limitations ul.small::before { background-color: rgb(163, 163, 163); }

._section-limitations ul.small > li { padding-left: 16px; position: relative; }

._section-limitations ul.small > li::before { background-color: rgb(212, 212, 212); border-radius: 3px; content: ""; height: 3px; left: 5px; position: absolute; top: 10px; width: 3px; }

[lang="ar"] ._section-limitations ul.small > li { padding-right: 16px; }

[lang="ar"] ._section-limitations ul.small > li::before { right: 5px; top: 10px; }

._section-limitations ul.small ul { margin-left: 4px; }

._section-limitations ul.small ul > li { padding-left: 16px; position: relative; }

._section-limitations ul.small ul > li::before { background-color: rgb(212, 212, 212); border-radius: 3px; content: ""; left: 5px; position: absolute; top: 10px; }

[lang="ar"] ._section-limitations ul.small ul > li { padding-right: 16px; }

[lang="ar"] ._section-limitations ul.small ul > li::before { right: 5px; top: 10px; }

._section-limitations ul.small ul > li::before { border: 0px; height: 3px; width: 3px; }

._section-limitations .message { color: rgb(163, 163, 163); margin-bottom: -16px; }

._img-container { align-items: center; background-clip: content-box, border-box; background-origin: border-box; border: 1px solid transparent; border-radius: 16px; display: inline-flex; justify-content: center; overflow: hidden; width: 100%; }

._img-container img { border-radius: inherit; width: 100%; }

._img-container.green { background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, rgb(41, 109, 68), rgb(39, 39, 43) 75%); }

._img-container.blue { background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, rgb(35, 101, 200), rgb(39, 39, 43) 75%); }

._img-container.red { background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, rgb(193, 27, 27), rgb(39, 39, 43) 75%); }

._img-container.purple { background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, rgb(144, 89, 188), rgb(39, 39, 43) 75%); }

.accordion-body { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }

.accordion-body p > a { color: rgb(255, 255, 255); text-decoration: underline; }

@media screen and (min-width: 1244px) {
  .article-content .image img { width: 496px !important; }
}

dl.dictionary dt h4 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  dl.dictionary dt h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

dl.dictionary dt + dd { margin-top: 8px; }

dl.dictionary dd + dt { margin-top: 24px; }

dl.dictionary.col { display: flex; flex-direction: column; gap: 24px; }

dl.dictionary.col dt + dd { margin-top: 0px; }

dl.dictionary.col > div { display: flex; flex-direction: column; gap: 8px; min-height: 58px; }

@media screen and (min-width: 768px) {
  dl.dictionary.col > div { flex-direction: row; }
  dl.dictionary.col dt { flex: 0 0 282px; }
}

.blind { position: absolute; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; width: 1px; }

._responsive-table .c-prize200 { font-weight: 500; }

._responsive-table.base .title { color: rgb(255, 255, 255); display: none; font-size: 16px; font-weight: 400; letter-spacing: 0.48px; line-height: 24px; padding-bottom: 8px; }

._responsive-table.base .holder { border-radius: 8px; overflow: auto; }

._responsive-table.base .holder::-webkit-scrollbar { width: 8px; }

._responsive-table.base .holder::-webkit-scrollbar-track { background-color: transparent; }

._responsive-table.base .holder::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); }

._responsive-table.base .holder::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.3); }

._responsive-table.base table { border-bottom: 1px solid rgb(36, 36, 42); color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; overflow: hidden; }

._responsive-table.base thead th { background-color: rgb(36, 36, 42); height: 48px; padding: 0px 32px; text-align: center; white-space: nowrap; }

._responsive-table.base thead th:first-child { border-radius: 8px 0px 0px 8px; }

._responsive-table.base thead th:last-child { border-radius: 0px 8px 8px 0px; }

._responsive-table.base thead th:only-child { border-radius: 8px; }

._responsive-table.base thead .-l, ._responsive-table.base thead .-l th { border-left: 1px solid rgb(83, 82, 91); }

._responsive-table.base thead .-b, ._responsive-table.base thead .-b th { border-bottom: 1px solid rgb(83, 82, 91); }

._responsive-table.base tbody td, ._responsive-table.base tbody th { color: rgb(255, 255, 255); padding: 8px; text-align: center; }

@media screen and (min-width: 768px) {
  ._responsive-table.base tbody td, ._responsive-table.base tbody th, ._responsive-table.base thead th { padding: 12px; }
}

._responsive-table.scroll-color { --responsive-table-theme-color: $c-b; --responsive-table-theme-color-line: var(--responsive-table-theme-color); --responsive-table-theme-color-line-header: #171717; }

._responsive-table.scroll-color .holder { border-radius: 8px; overflow-x: scroll; }

._responsive-table.scroll-color .holder::-webkit-scrollbar { height: 8px; width: 8px; }

._responsive-table.scroll-color .holder::-webkit-scrollbar-track { background-color: transparent; }

._responsive-table.scroll-color .holder::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); border-radius: 8px; }

._responsive-table.scroll-color .holder::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.3); }

._responsive-table.scroll-color table { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; position: relative; }

._responsive-table.scroll-color tr.hidden-d { display: table-row; }

._responsive-table.scroll-color td, ._responsive-table.scroll-color th { padding: 24px 12px; text-align: center; }

._responsive-table.scroll-color td.hidden-m-t, ._responsive-table.scroll-color th.hidden-m-t { display: none; }

._responsive-table.scroll-color td.hidden-d, ._responsive-table.scroll-color th.hidden-d { display: table-cell; }

._responsive-table.scroll-color thead { font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  ._responsive-table.scroll-color thead { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

._responsive-table.scroll-color thead th { background-color: var(--responsive-table-theme-color); padding-top: 12px; }

._responsive-table.scroll-color thead th:first-child { border-radius: 8px 0px 0px 8px; }

._responsive-table.scroll-color thead th:last-child { border-radius: 0px 8px 8px 0px; }

._responsive-table.scroll-color thead th:only-child { border-radius: 8px; }

._responsive-table.scroll-color thead th.no-radius { border-radius: 0px; }

._responsive-table.scroll-color thead tr.transparent th { background-color: transparent; font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }

._responsive-table.scroll-color thead .-l, ._responsive-table.scroll-color thead .-l th { border-left: 1px solid var(--responsive-table-theme-color-line-header); }

._responsive-table.scroll-color thead .-b, ._responsive-table.scroll-color thead .-b th { border-bottom: 1px solid var(--responsive-table-theme-color-line-header); }

._responsive-table.scroll-color tbody td, ._responsive-table.scroll-color tbody th { border-bottom: 1px solid var(--responsive-table-theme-color-line); }

._responsive-table.scroll-color tbody .-l { border-left: 1px solid var(--responsive-table-theme-color-line); }

._responsive-table.scroll-color tbody .-r { border-right: 1px solid var(--responsive-table-theme-color-line); }

._responsive-table.scroll-color tbody .-b-none, ._responsive-table.scroll-color tbody .-b-none td { border-bottom: 1px solid transparent; }

._responsive-table.scroll-color tbody tr.imgs td { padding: 4px; }

._responsive-table.scroll-color.brown { --responsive-table-theme-color: #4e3818; --responsive-table-theme-color-line: var(--responsive-table-theme-color); }

._responsive-table.scroll-color.brown-light { --responsive-table-theme-color: #4b3021; }

._responsive-table.scroll-color.brown-dark { --responsive-table-theme-color: #5a2d35; --responsive-table-theme-color-line: #40172b; }

._responsive-table.scroll-color.red-brown { --responsive-table-theme-color: #42241f; --responsive-table-theme-color-line: #42241f; }

._responsive-table.scroll-color.gray { --responsive-table-theme-color: #24242a; --responsive-table-theme-color-line: #24242a; --responsive-table-theme-color-line-header: #3f3f46; }

._responsive-table.scroll-color.gray-light { --responsive-table-theme-color: #d0d6d9; --responsive-table-theme-color-line: #a8adb0; }

._responsive-table.scroll-color.gray-light thead th { color: rgb(0, 0, 0); }

._responsive-table.scroll-color.gray-light-2 { --responsive-table-theme-color: #24242a; --responsive-table-theme-color-line: #24242a; }

._responsive-table.scroll-color.gray-light-2 td { color: rgb(212, 212, 212); }

._responsive-table.scroll-color.purple { --responsive-table-theme-color: #403062; }

._responsive-table.scroll-color.purple-light { --responsive-table-theme-color: #3f2147; }

._responsive-table.scroll-color.purple-dark { --responsive-table-theme-color: #312f6d; }

._responsive-table.scroll-color.blue { --responsive-table-theme-color: #253358; }

._responsive-table.scroll-color.blue-light { --responsive-table-theme-color: #2b455c; }

._responsive-table.scroll-color.blue-gradient { --responsive-table-theme-color: #253358; --responsive-table-theme-color-line: transparent; }

._responsive-table.scroll-color.blue-gradient .holder { position: relative; }

._responsive-table.scroll-color.blue-gradient .holder::before { background: linear-gradient(270deg, rgb(37, 51, 88) 1.2%, rgba(37, 51, 88, 0) 102.32%); border-radius: 8px; content: ""; height: 48px; left: 0px; position: absolute; top: 0px; width: 100%; }

._responsive-table.scroll-color.blue-gradient thead th { background-color: transparent; }

._responsive-table.scroll-color.blue-gradient tbody td { background-color: rgb(24, 24, 27); }

._responsive-table.scroll-color.in-scroll tbody tr, ._responsive-table.scroll-color.in-scroll thead { box-sizing: border-box; display: table; width: 100%; }

._responsive-table.scroll-color.in-scroll tbody { display: block; max-height: 100px; overflow-y: auto; }

._responsive-table.scroll-color.in-scroll tbody::-webkit-scrollbar { height: 4px; width: 4px; }

._responsive-table.scroll-color.in-scroll tbody::-webkit-scrollbar-track { background-color: transparent; }

._responsive-table.scroll-color.in-scroll tbody::-webkit-scrollbar-thumb { background-color: rgb(84, 84, 95); border-radius: 8px; }

._responsive-table.scroll-color.in-scroll tbody::-webkit-scrollbar-thumb:hover { background-color: rgb(36, 36, 42); }

._responsive-table.scroll-color.in-sticky .holder { max-height: 768px; overflow: auto; }

._responsive-table.scroll-color.in-sticky .holder::-webkit-scrollbar { height: 4px; width: 4px; }

._responsive-table.scroll-color.in-sticky .holder::-webkit-scrollbar-track { background-color: transparent; }

._responsive-table.scroll-color.in-sticky .holder::-webkit-scrollbar-thumb { background-color: rgb(84, 84, 95); border-radius: 8px; }

._responsive-table.scroll-color.in-sticky .holder::-webkit-scrollbar-thumb:hover { background-color: rgb(36, 36, 42); }

._responsive-table.scroll-color.in-sticky thead th { position: sticky; top: 0px; }

@media screen and (min-width: 1244px) {
  ._responsive-table.scroll-color.blue-gradient .holder::before { height: 54px; }
  ._responsive-table.scroll-color thead th { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; padding-bottom: 16px; padding-top: 16px; }
  ._responsive-table.scroll-color tr.hidden-d { display: none; }
  ._responsive-table.scroll-color td, ._responsive-table.scroll-color th { }
  ._responsive-table.scroll-color td.hidden-m-t, ._responsive-table.scroll-color th.hidden-m-t { display: table-cell; }
  ._responsive-table.scroll-color td.hidden-d, ._responsive-table.scroll-color th.hidden-d { display: none; }
}

.page-container { background-color: rgb(24, 24, 26); padding: 56px 24px; }

@media screen and (min-width: 768px) {
  .page-container { padding: 80px 32px; }
}

@media screen and (min-width: 1244px) {
  .page-container { padding-bottom: 128px; padding-top: 128px; }
}

.inner { margin: 0px auto; max-width: 1200px; }

.box-text { background-color: rgba(36, 36, 42, 0.5); border-radius: 16px; color: rgb(212, 212, 212); display: flex; flex-direction: column; font-size: 14px; font-weight: 400; gap: 24px; letter-spacing: 0.42px; line-height: 22px; padding: 24px; }

.box-text h2 { font-size: 22px; font-weight: 400; letter-spacing: 0.66px; line-height: 28px; }

@media screen and (min-width: 768px) {
  .box-text h2 { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .box-text h2 { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.box-text h3 { font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .box-text h3 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.box-text h4 { font-size: 18px; font-weight: 500; letter-spacing: 0.54px; }

@media screen and (min-width: 1244px) {
  .box-text h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.box-text h5 { font-size: 16px; font-weight: 500; letter-spacing: 0.48px; line-height: 24px; }

.box-text h6 { font-size: 14px; font-weight: 500; letter-spacing: 0.42px; line-height: 22px; }

.box-text p a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

.box-text h3 { color: rgb(255, 255, 255); font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 34px; padding-bottom: 24px; position: relative; }

@media screen and (min-width: 768px) {
  .box-text h3 { font-size: 30px; letter-spacing: 0.9px; line-height: 38px; }
}

@media screen and (min-width: 1244px) {
  .box-text h3 { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

.box-text h3::after { background-image: linear-gradient(90deg, rgb(82, 82, 91), transparent); bottom: 0px; content: ""; height: 1px; left: 0px; position: absolute; width: 100%; }

.box-text h4 { font-size: 20px; font-weight: 400; letter-spacing: 0.6px; line-height: 24px; }

@media screen and (min-width: 768px) {
  .box-text h4 { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  .box-text h4 { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

.box-text strong { color: rgb(255, 255, 255); display: block; font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .box-text strong { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

@media screen and (min-width: 768px) {
  .box-text { padding: 32px; }
}

@media screen and (min-width: 1244px) {
  .box-text { padding: 56px; }
}

.content-spacing { display: flex; flex-direction: column; gap: 56px; }

.content-spacing > * { flex: 1 1 0%; }

@media screen and (min-width: 768px) {
  .content-spacing { gap: 64px; }
}

@media screen and (min-width: 1244px) {
  .content-spacing { gap: 128px; }
}

.overview { text-align: center; }

.overview h3 { font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 34px; }

@media screen and (min-width: 768px) {
  .overview h3 { font-size: 30px; letter-spacing: 0.9px; line-height: 38px; }
}

@media screen and (min-width: 1244px) {
  .overview h3 { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

.overview p { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 12px; }

@media screen and (min-width: 1244px) {
  .overview p { margin-top: 24px; }
  .background-pattern { background: url("https://ssl.gg-global-cdn.com/bd/front/img/web/bg_common_ppattern_3.webp") 50% 0px repeat-y; }
}

._app-footer { background: rgb(0, 0, 0); display: flex; flex-direction: column; gap: 24px; overflow: hidden; padding: 24px 0px; position: relative; }

._app-footer::before { background: linear-gradient(90deg, transparent 15%, rgb(171, 17, 17) 50%, transparent 85%); content: ""; height: 4px; left: 0px; position: absolute; top: 0px; width: 100%; }

._app-footer hr { background-color: rgb(36, 36, 42); height: 1px; }

._app-footer .inner { padding: 0px 24px; width: 100%; }

._app-footer .nav-container .region-selector { margin: 40px auto 0px; max-width: 327px; }

._app-footer .copyright-container { align-items: center; display: flex; flex-direction: column; gap: 24px; }

._app-footer .copyright-container .copyright { color: rgb(163, 163, 163); font-size: 12px; font-weight: 500; letter-spacing: 0.36px; line-height: 16px; }

._app-footer .copyright-container .copyright a { color: rgb(255, 255, 255); }

._app-footer .copyright-container .copyright p + p { margin-top: 12px; }

._app-footer .copyright-container .region-selector { display: none; }

._app-footer .copyright-container.text-center { align-items: center; }

@media screen and (min-width: 1244px) {
  ._app-footer { gap: 32px; padding: 32px 0px; }
  ._app-footer .inner { padding: 0px; }
  ._app-footer .nav-container .region-selector { display: none; }
  ._app-footer .copyright-container { align-items: flex-start; position: relative; }
  ._app-footer .copyright-container .copyright { font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }
  ._app-footer .copyright-container .copyright a { color: rgb(255, 255, 255); }
  ._app-footer .copyright-container .region-selector { display: block; position: absolute; right: 0px; top: 0px; width: 220px; }
}

.policy-contents { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }

.policy-contents h2 { font-size: 22px; font-weight: 400; letter-spacing: 0.66px; line-height: 28px; }

@media screen and (min-width: 768px) {
  .policy-contents h2 { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .policy-contents h2 { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.policy-contents h3 { font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .policy-contents h3 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.policy-contents h4 { font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .policy-contents h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.policy-contents h5 { font-size: 16px; font-weight: 500; letter-spacing: 0.48px; line-height: 24px; }

.policy-contents h6 { font-size: 14px; font-weight: 500; letter-spacing: 0.42px; line-height: 22px; }

.policy-contents p a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

.policy-contents h2, .policy-contents h3, .policy-contents h4, .policy-contents h5, .policy-contents h6 { font-weight: 500; margin-bottom: 24px; }

.policy-contents p + h5, .policy-contents p + h6, .policy-contents p + p { margin-top: 24px; }

.policy-contents p + h3, .policy-contents p + h4 { margin-top: 48px; }

.policy-contents dl { margin-top: 24px; }

.policy-contents dl dd + dt, .policy-contents dl + h4, .policy-contents dl + h5 { margin-top: 48px; }

.policy-contents ul { margin: 26px 0px 48px; }

.policy-contents td ul { margin: 0px; }

.policy-contents ol { list-style: decimal; margin-bottom: 48px; }

.policy-contents ol ol, .policy-contents ol ul, .policy-contents ul ol, .policy-contents ul ul { margin-bottom: 0px; margin-top: 0px; }

.policy-contents ol li:has(ul)::before, .policy-contents ul li:has(ul)::before { display: none; }

.policy-contents table { margin: 24px 0px; }

.policy-contents table.gray th { background-color: rgb(36, 36, 42); border: 0px; }

.policy-contents table.gray th:first-child { border-bottom-left-radius: 8px; border-top-left-radius: 8px; }

.policy-contents table.gray th:last-child { border-bottom-right-radius: 8px; border-top-right-radius: 8px; }

.policy-contents table + h4, .policy-contents table + h5, .policy-contents table + h6 { margin-top: 48px; }

.policy-contents .version { color: rgb(255, 255, 255); display: inline-block; margin-bottom: 48px; text-decoration: underline; }

.policy-contents .version.unclickable { cursor: default; text-decoration: none; }

.policy-contents .version :not(.unclickable):hover:not(.hover-disable) { text-decoration: underline; }

.policy-contents h3 > .version { margin-bottom: 0px; }

.policy-contents .html-content ul > li { padding-left: 24px; position: relative; }

.policy-contents .html-content ul > li::before { background-color: rgb(212, 212, 212); border-radius: 50%; content: ""; height: 3px; left: 10px; position: absolute; top: 10px; width: 3px; }

.policy-contents .html-content ul a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

.policy-contents .html-content ol { margin-left: 24px; }

@media screen and (min-width: 1244px) {
  .policy-contents h2, .policy-contents h3, .policy-contents h4, .policy-contents h5, .policy-contents h6 { margin-bottom: 26px; }
  .policy-contents ol, .policy-contents ul { margin-bottom: 52px; }
  .policy-contents .inner { padding-right: 408px; }
}

.policy-contents-table { margin-bottom: 24px; }

.policy-contents-table .holder { border-radius: 8px; overflow-x: scroll; }

.policy-contents-table .holder::-webkit-scrollbar { height: 8px; width: 8px; }

.policy-contents-table .holder::-webkit-scrollbar-track { background-color: transparent; }

.policy-contents-table .holder::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.2); border-radius: 8px; }

.policy-contents-table .holder::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.3); }

.policy-contents-table table { table-layout: fixed; }

.policy-contents-table table tbody td, .policy-contents-table table tbody th { vertical-align: top; }

.policy-contents-table table tbody td ul, .policy-contents-table table tbody th ul { margin-top: 0px; }

.about-us .contact p { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }

.about-us .contact .headline-overview .tit { color: rgb(255, 255, 255); display: block; font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .about-us .contact .headline-overview .tit { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.about-us .contact .headline-overview p { margin-top: 8px; }

.about-us .contact .items { gap: 40px; margin-top: 32px; }

.about-us .contact .item .tit { color: rgb(255, 255, 255); display: block; font-size: 22px; font-weight: 500; letter-spacing: 0.66px; line-height: 28px; padding-bottom: 32px; position: relative; }

@media screen and (min-width: 768px) {
  .about-us .contact .item .tit { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .about-us .contact .item .tit { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.about-us .contact .item .tit::after { background: linear-gradient(90deg, rgb(211, 0, 0) -2.21%, rgb(63, 63, 70) 50%); bottom: 16px; content: ""; height: 2px; left: 0px; position: absolute; right: 0px; }

.about-us .contact .item .button-area { align-items: center; display: flex; gap: 24px; margin-top: 16px; }

.about-us .contact .item .button-area a { color: rgb(255, 255, 255); display: inline-flex; font-weight: 500; gap: 8px; text-decoration: underline; }

.about-us .contact .item .button-area svg { height: 24px; width: 24px; }

.about-us .contact .item .button-area + p { margin-top: 16px; }

@media screen and (min-width: 1244px) {
  .about-us .contact .items { column-gap: 72px; margin-top: 40px; }
  .about-us .contact .item.full { grid-column: span 2; }
}

.about-us .mail-item .label { color: rgb(163, 163, 163); font-size: 16px; font-weight: 500; letter-spacing: 0.64px; line-height: 24px; }

.about-us .mail-item .label + a { font-weight: 500; }

.about-us .mail-item a { color: rgb(255, 255, 255); display: inline-flex; gap: 8px; text-decoration: underline; }

.about-us .mail-item svg { height: 24px; width: 24px; }

.about-us .mail-item + p { margin-top: 6px; }

.about-us .mails { display: grid; grid-template-columns: 1fr; margin-top: 16px; row-gap: 12px; }

@media screen and (min-width: 768px) {
  .about-us .mails { column-gap: 16px; grid-template-columns: auto 1fr; }
}

@media screen and (min-width: 1244px) {
  .about-us .mails { column-gap: 80px; }
}

.history .accordion-container { padding-top: 32px; }

.history .accordion-contents { display: flex; flex-direction: column; gap: 32px; }

.history .accordion-contents > li { display: flex; gap: 24px; }

.history .accordion-contents > li img { height: 80px; width: 80px; }

.history .accordion-contents > li .history-title { color: rgb(255, 255, 255); font-size: 22px; font-weight: 400; letter-spacing: 0.66px; line-height: 28px; }

@media screen and (min-width: 768px) {
  .history .accordion-contents > li .history-title { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .history .accordion-contents > li .history-title { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.history .accordion-contents > li .history-desc { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 8px; }

@media screen and (min-width: 768px) {
  .history .accordion-container { padding-top: 40px; }
  .history .accordion-contents { gap: 40px; }
  .history .accordion-contents > li img { height: 128px; width: 128px; }
}

@media screen and (min-width: 1244px) {
  .history .accordion-container { padding-top: 80px; }
  .history .accordion-contents { flex-flow: wrap; gap: 40px 0px; justify-content: space-between; }
  .history .accordion-contents > li { width: 564px; }
}

.partners-header { text-align: center; }

.partners-header h3 { color: rgb(255, 255, 255); font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 34px; }

@media screen and (min-width: 768px) {
  .partners-header h3 { font-size: 30px; letter-spacing: 0.9px; line-height: 38px; }
}

@media screen and (min-width: 1244px) {
  .partners-header h3 { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

.partners-header p { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 12px; }

.partners-header p a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

.partners-header .eyebrow { color: rgb(255, 255, 255); font-size: 20px; font-weight: 400; letter-spacing: 0.6px; line-height: 24px; }

@media screen and (min-width: 768px) {
  .partners-header .eyebrow { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  .partners-header .eyebrow { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
  .partners-header p { margin-top: 24px; }
}

.card-icon { background: linear-gradient(rgb(41, 41, 47), rgb(35, 37, 41) 94.74%); border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 14px -2px; padding: 24px; }

.card-icon > .bg-icon path { stroke: rgba(255, 255, 255, 0.1); }

.card-icon .holder .icon { height: 56px; width: 56px; }

.card-icon .holder .title { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; margin-top: 16px; }

@media screen and (min-width: 1244px) {
  .card-icon .holder .title { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.card-icon .holder div.content h4 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 500; letter-spacing: 0.42px; line-height: 22px; }

.card-icon .holder div.content h4 + p { margin-top: 8px; }

.card-icon .content { color: rgb(212, 212, 212); margin-top: 16px; padding-top: 16px; position: relative; z-index: 1; }

.card-icon .content::before { background-color: rgb(84, 84, 95); content: ""; height: 2px; left: 0px; position: absolute; top: 0px; width: 80px; }

.card-icon .content > ul > li { padding-left: 16px; position: relative; }

.card-icon .content > ul > li::before { background-color: rgb(212, 212, 212); border-radius: 3px; content: ""; height: 3px; left: 5px; position: absolute; top: 10px; width: 3px; }

[lang="ar"] .card-icon .content > ul > li { padding-left: 0px; padding-right: 16px; }

[lang="ar"] .card-icon .content > ul > li::before { right: 5px; top: 10px; }

.card-icon.contact .holder .title { align-items: center; display: flex; font-weight: 400; justify-content: center; margin-top: 0px; min-height: 48px; text-align: center; }

.card-icon.contact .content { display: flex; margin-top: 24px; padding-top: 0px; }

.card-icon.contact .content::before { display: none; }

.card-icon.contact .content > ._color-button { flex: 1 1 0%; }

.card-icon.thumbnail { background: linear-gradient(rgb(21, 21, 21) 34.5%, rgb(2, 35, 11)); border: 1px solid rgb(3, 63, 19); padding: 0px; }

.card-icon.thumbnail > figure img { border-radius: 16px 16px 0px 0px; height: auto; width: 100%; }

.card-icon.thumbnail .holder { padding: 24px; }

.card-icon.thumbnail .holder .title { margin-top: 0px; }

.card-icon.thumbnail.blue { background: linear-gradient(rgb(21, 21, 21) 44.5%, rgb(1, 29, 57)); border: 1px solid rgb(4, 39, 81); }

.card-icon.left .holder .title { justify-content: left; text-align: left; }

@media screen and (min-width: 768px) {
  .card-icon, .card-icon.thumbnail .holder { padding: 32px; }
}

.label-message { margin-top: 24px; }

.label-message.no-margin { margin-top: 0px; }

.label-message dt { color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; margin-top: 24px; }

@media screen and (min-width: 1244px) {
  .label-message dt { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.label-message dd { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 8px; }

.label-message dt:first-of-type { margin-top: 0px; }

@media screen and (min-width: 768px) {
  .label-message dt { margin-top: 20px; }
}

@media screen and (min-width: 1244px) {
  .label-message.col { margin-top: 0px; overflow: hidden; }
  .label-message.col dd, .label-message.col dt { margin-top: 20px; }
  .label-message.col dt { float: left; width: 282px; }
  .label-message.col dd { min-height: 26px; overflow: hidden; padding-left: 24px; }
}

.omaha-betting-round, .texas-holdem-game-play { display: flex; flex-direction: column; row-gap: 16px; }

.omaha-betting-round .play-graphic, .texas-holdem-game-play .play-graphic { margin-top: -25px; }

.omaha-betting-round .play-graphic p, .texas-holdem-game-play .play-graphic p { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; text-align: center; }

.omaha-betting-round .play-graphic .cards, .texas-holdem-game-play .play-graphic .cards { text-align: center; }

.omaha-betting-round .play-graphic .cards > div, .texas-holdem-game-play .play-graphic .cards > div { display: none; }

.omaha-betting-round .play-graphic .cards p, .texas-holdem-game-play .play-graphic .cards p { display: none; margin-bottom: 12px; }

.omaha-betting-round .play-graphic .cards + p, .texas-holdem-game-play .play-graphic .cards + p { margin-top: 24px; }

.omaha-betting-round .play-graphic .cards figure, .texas-holdem-game-play .play-graphic .cards figure { margin-left: -24px; margin-right: -24px; margin-top: -16px; position: relative; }

.omaha-betting-round .play-graphic .cards figure img, .texas-holdem-game-play .play-graphic .cards figure img { height: auto; max-width: 736px; width: 100%; }

.omaha-betting-round .play-graphic .cards .desc, .texas-holdem-game-play .play-graphic .cards .desc { display: block; margin: 24px 0px 0px; }

.omaha-betting-round .play-graphic.thedeal .cards, .omaha-betting-round .play-graphic.theshuffle .cards, .texas-holdem-game-play .play-graphic.thedeal .cards, .texas-holdem-game-play .play-graphic.theshuffle .cards { display: none; }

.omaha-betting-round .play-graphic.preflop .pre-flop, .omaha-betting-round .play-graphic.theflop .the-flop, .omaha-betting-round .play-graphic.theriver .the-river, .omaha-betting-round .play-graphic.theshowdown .the-showdown, .omaha-betting-round .play-graphic.theturn .the-turn, .texas-holdem-game-play .play-graphic.preflop .pre-flop, .texas-holdem-game-play .play-graphic.theflop .the-flop, .texas-holdem-game-play .play-graphic.theriver .the-river, .texas-holdem-game-play .play-graphic.theshowdown .the-showdown, .texas-holdem-game-play .play-graphic.theturn .the-turn { display: block; }

.omaha-betting-round .play-toggle .dictionary + .game-play, .texas-holdem-game-play .play-toggle .dictionary + .game-play { margin-top: 20px; }

@media screen and (min-width: 768px) {
  .omaha-betting-round, .texas-holdem-game-play { row-gap: 40px; }
  .omaha-betting-round .play-graphic, .texas-holdem-game-play .play-graphic { margin-top: -80px; }
  .omaha-betting-round .play-graphic .cards + p, .texas-holdem-game-play .play-graphic .cards + p { margin-top: 16px; }
  .omaha-betting-round .play-graphic .cards figure, .texas-holdem-game-play .play-graphic .cards figure { margin: 0px; }
  .omaha-betting-round .play-graphic .cards figure img, .texas-holdem-game-play .play-graphic .cards figure img { max-width: 704px; }
  .omaha-betting-round .play-graphic .cards .desc, .texas-holdem-game-play .play-graphic .cards .desc { margin: 16px 0px 0px; }
  .omaha-betting-round .play-toggle .dictionary + .game-play, .texas-holdem-game-play .play-toggle .dictionary + .game-play { margin-top: 32px; }
}

@media screen and (min-width: 1244px) {
  .omaha-betting-round, .texas-holdem-game-play { gap: 0px 72px; min-height: 700px; position: relative; }
  .omaha-betting-round .play-graphic, .texas-holdem-game-play .play-graphic { left: 458px; margin-top: 0px; position: absolute; top: -72px; width: 742px; }
  .omaha-betting-round .play-graphic .cards, .texas-holdem-game-play .play-graphic .cards { margin-top: 0px; }
  .omaha-betting-round .play-graphic .cards figure img, .texas-holdem-game-play .play-graphic .cards figure img { max-width: 736px; }
  .omaha-betting-round .play-graphic .cards .desc, .texas-holdem-game-play .play-graphic .cards .desc { margin: 32px 0px 0px; }
  .omaha-betting-round .play-toggle, .texas-holdem-game-play .play-toggle { flex: 0 0 auto; width: 386px; }
  [dir="rtl"] .omaha-betting-round .play-graphic, [dir="rtl"] .texas-holdem-game-play .play-graphic { left: auto; right: 458px; }
  div.poker-school-home-learning-path > div > div.content { display: flex; flex-wrap: wrap; gap: 24px; flex-direction: row !important; }
  div.poker-school-home-learning-path > div > div.content .card-icon { width: calc(33.3333% - 16px); }
  div.poker-school-home-learning-path > div > div.content .card-icon:nth-of-type(4), div.poker-school-home-learning-path > div > div.content .card-icon:nth-of-type(5) { width: calc(50% - 12px); }
}

.toggle-content-accordion-view { margin-top: 56px; position: relative; }

.toggle-content-accordion-view .accordion-wrap .accordion-body h4 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; padding-bottom: 16px; }

@media screen and (min-width: 1244px) {
  .toggle-content-accordion-view .accordion-wrap .accordion-body h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
  .toggle-content-accordion-view { margin-top: 64px; }
  .toggle-content-accordion-view .accordion-wrap { width: 378px; }
  .toggle-content-accordion-view .accordion-wrap .accordion-body { left: 450px; position: absolute; top: 0px; transition: none 0s ease 0s !important; }
  .toggle-content-accordion-view .accordion-wrap .accordion-body > div { padding-top: 0px !important; }
  .toggle-content-accordion-view .accordion-wrap .accordion-body h4 { padding-bottom: 8px; }
}

.poker-tips .buttons { display: flex; justify-content: center; }

.poker-tips .buttons ._color-button { width: 282px; }

.poker-hands-odds-chart ._grid { margin-top: 24px; }

.poker-hands-odds-chart .item { background-color: rgb(36, 36, 42); border-radius: 16px; font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; padding: 24px; }

.poker-hands-odds-chart .item h5 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .poker-hands-odds-chart .item h5 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.poker-hands-odds-chart .item > div { margin-top: 8px; }

.poker-hands-odds-chart .item p { color: rgb(212, 212, 212); }

.poker-hands-odds-chart .item figure { display: block; padding-bottom: 16px; padding-top: 16px; text-align: center; }

.poker-hands-odds-chart .item figure img { border-radius: 8px; height: auto; max-width: 262px; width: 100%; }

.poker-hands-odds-chart .item dl { color: rgb(255, 255, 255); column-gap: 4px; display: grid; grid-template-columns: repeat(2, 1fr); }

.poker-hands-odds-chart .item dl dd { font-weight: 500; text-align: right; }

@media screen and (min-width: 768px) {
  .poker-hands-odds-chart .item { padding: 32px; }
}

@media screen and (min-width: 1244px) {
  .poker-hands-odds-chart .item > div { display: flex; flex-direction: column; justify-content: space-between; margin-top: 16px; min-height: 108px; padding-right: 286px; position: relative; }
  .poker-hands-odds-chart .item figure { padding: 0px; position: absolute; right: 0px; }
  .poker-hands-odds-chart .item figure img { max-width: 229px; }
}

.poker-hands-odds-common ._grid { margin-top: 24px; }

.poker-hands-odds-common dl dt { color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; letter-spacing: 0.6px; line-height: 24px; }

@media screen and (min-width: 768px) {
  .poker-hands-odds-common dl dt { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  .poker-hands-odds-common dl dt { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

.poker-hands-odds-common dl dd { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 8px; }

.poker-hands-odds-probability ._responsive-table { margin-top: 20px; }

.poker-hands-odds-probability ._responsive-table table { border-bottom: 0px; }

.poker-hands-odds-probability ._responsive-table td, .poker-hands-odds-probability ._responsive-table th { border-bottom: 1px solid rgb(36, 36, 42); width: 116px; }

.poker-hands-odds-probability ._responsive-table td:first-of-type, .poker-hands-odds-probability ._responsive-table th:first-of-type { min-width: 284px; width: auto; }

@media screen and (min-width: 768px) {
  .poker-hands-odds-probability ._responsive-table td, .poker-hands-odds-probability ._responsive-table th { width: 132px; }
  .poker-hands-odds-probability ._responsive-table td:first-of-type, .poker-hands-odds-probability ._responsive-table th:first-of-type { min-width: 424px; width: auto; }
}

@media screen and (min-width: 1244px) {
  .poker-hands-odds-probability ._responsive-table td, .poker-hands-odds-probability ._responsive-table th { width: 33.3333%; }
  .poker-hands-odds-probability ._responsive-table td:first-of-type, .poker-hands-odds-probability ._responsive-table th:first-of-type { width: 33.3333%; }
}

.poker-hand-rankings-description { margin-top: -24px; }

@media screen and (min-width: 768px) {
  .poker-hand-rankings-description { margin-top: -32px; }
}

@media screen and (min-width: 1244px) {
  .poker-hand-rankings-description { margin-top: -96px; }
}

.poker-hand-rankings-list .item { background-color: rgb(36, 36, 42); border-radius: 16px; font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; padding: 24px; }

.poker-hand-rankings-list .item h5 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .poker-hand-rankings-list .item h5 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.poker-hand-rankings-list .item > div { margin-top: 8px; }

.poker-hand-rankings-list .item p { color: rgb(212, 212, 212); }

.poker-hand-rankings-list .item figure { display: block; padding-bottom: 16px; padding-top: 16px; text-align: center; }

.poker-hand-rankings-list .item figure img { border-radius: 8px; height: auto; max-width: 262px; width: 100%; }

.poker-hand-rankings-list .item dl { color: rgb(255, 255, 255); column-gap: 4px; display: grid; grid-template-columns: repeat(2, 1fr); }

.poker-hand-rankings-list .item dl dd { font-weight: 500; text-align: right; }

@media screen and (min-width: 768px) {
  .poker-hand-rankings-list .item { padding: 32px; }
}

@media screen and (min-width: 1244px) {
  .poker-hand-rankings-list .item > div { display: flex; flex-direction: column; justify-content: space-between; margin-top: 16px; min-height: 108px; padding-right: 286px; position: relative; }
  .poker-hand-rankings-list .item figure { padding: 0px; position: absolute; right: 0px; }
  .poker-hand-rankings-list .item figure img { max-width: 229px; }
}

.poker-hand-rankings-best .group { margin-top: 24px; }

.poker-hand-rankings-best .group h5 { color: rgb(255, 255, 255); font-size: 20px; font-weight: 500; letter-spacing: 0.6px; line-height: 24px; padding-bottom: 24px; }

@media screen and (min-width: 768px) {
  .poker-hand-rankings-best .group h5 { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  .poker-hand-rankings-best .group h5 { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

.poker-hand-rankings-best .group ._grid { background-color: rgba(255, 255, 255, 0.05); border-radius: 16px; padding: 32px; row-gap: 24px; }

.poker-hand-rankings-best .group ._grid dl dt { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .poker-hand-rankings-best .group ._grid dl dt { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.poker-hand-rankings-best .group ._grid dl dd { color: rgb(255, 255, 255); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 8px; }

.poker-hand-rankings-best .group + .group { margin-top: 24px; }

@media screen and (min-width: 768px) {
  .poker-hand-rankings-best .group h5 { font-size: 22px; font-weight: 500; letter-spacing: 0.66px; line-height: 28px; }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  .poker-hand-rankings-best .group h5 { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 768px) and (min-width: 1244px) {
  .poker-hand-rankings-best .group h5 { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

@media screen and (min-width: 768px) {
  .poker-hand-rankings-best .group ._grid { row-gap: 20px; }
}

@media screen and (min-width: 1244px) {
  .poker-hand-rankings-best .group.texas-holdem ._grid { gap: 80px; }
  .poker-hand-rankings-best .group.omaha ._grid { gap: 32px 67px; }
}

.poker-terms ._slider .swiper-slide { font-size: 20px; font-weight: 400; letter-spacing: 0.6px; line-height: 24px; width: auto; }

@media screen and (min-width: 768px) {
  .poker-terms ._slider .swiper-slide { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 1244px) {
  .poker-terms ._slider .swiper-slide { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

.poker-terms ._slider .swiper-slide:active, .poker-terms ._slider .swiper-slide:hover:not(.hover-disable) { color: rgb(255, 255, 255); }

.poker-terms ._slider .swiper-slide > a { color: rgb(163, 163, 163); display: inline-block; padding-bottom: 10px; position: relative; }

.poker-terms ._slider .swiper-slide > a::after { background-color: transparent; bottom: 0px; content: ""; height: 2px; left: 0px; position: absolute; right: 0px; }

.poker-terms ._slider .swiper-slide > a.active { color: rgb(255, 255, 255); }

.poker-terms ._slider .swiper-slide > a.active::after { background-color: rgb(211, 0, 0); }

.poker-terms ._slider .swiper-slide > a.disabled { opacity: 0.3; pointer-events: none; }

@media screen and (min-width: 1244px) {
  .poker-terms ._slider .swiper-wrapper { display: flex; justify-content: space-between; transform: none !important; }
}

.poker-terms-group article h4 { border-bottom: 1px solid rgb(84, 84, 95); color: rgb(255, 255, 255); font-size: 26px; font-weight: 500; letter-spacing: 0.78px; line-height: 34px; margin-bottom: 24px; padding-bottom: 24px; }

@media screen and (min-width: 768px) {
  .poker-terms-group article h4 { font-size: 30px; letter-spacing: 0.9px; line-height: 38px; }
}

@media screen and (min-width: 1244px) {
  .poker-terms-group article h4 { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

.poker-terms-group article dl dt { color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .poker-terms-group article dl dt { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.poker-terms-group article dl dt + dd { margin-top: 8px; }

.poker-terms-group article dl dd { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; margin-top: 8px; }

.poker-terms-group article dl div + div { margin-top: 24px; }

.poker-terms-group article + article { margin-top: 80px; }

@media screen and (min-width: 768px) {
  .poker-terms-group article dl div { align-items: flex-start; display: flex; }
  .poker-terms-group article dl dt { min-width: 282px; }
  .poker-terms-group article dl dt + dd { margin-top: 0px; }
  .poker-terms-group article dl dd { min-width: 230px; }
}

.htp-thp-actions img, .htp-thp-blinds img { display: block; margin: 0px auto; max-width: 704px; width: 100%; }

.htp-thp-actions img.ds, .htp-thp-blinds img.ds { display: none !important; }

@media screen and (min-width: 1244px) {
  .htp-thp-actions img, .htp-thp-blinds img { display: none; }
  .htp-thp-actions img.ds, .htp-thp-blinds img.ds { display: block !important; }
}

.htp-op-blinds img, .htp-op-options img { display: block; margin: 0px auto; max-width: 704px; width: 100%; }

.htp-op-blinds img.ds, .htp-op-options img.ds { display: none !important; }

@media screen and (min-width: 1244px) {
  .htp-op-blinds img, .htp-op-options img { display: none; }
  .htp-op-blinds img.ds, .htp-op-options img.ds { display: block !important; }
}

.poker-games-texas-holdem .content-image { border-radius: 16px; display: block; margin: 0px auto; max-width: 704px; overflow: hidden; width: 100%; }

.poker-games-texas-holdem .poker-hands-odds-chart ._grid { margin-top: 0px; }

.texas-holdem-community-cards .card-list { display: flex; flex-direction: column; gap: 24px; margin-top: 24px; }

.texas-holdem-community-cards .card-list h4 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 400; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  .texas-holdem-community-cards .card-list h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.texas-holdem-community-cards .card-list .text { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }

@media screen and (min-width: 768px) {
  .texas-holdem-community-cards .card-list .text { margin-top: 20px; }
}

@media screen and (min-width: 1244px) {
  .texas-holdem-community-cards .card-list { flex-direction: row; margin-top: 8px; }
}

.texas-holdem-information .table-wrap { display: flex; flex-direction: column; gap: 20px; }

.texas-holdem-information.close.table .table-wrap { max-height: 96px; overflow: hidden; }

.texas-holdem-play-money .content { display: flex; flex-direction: column; gap: 24px; }

.texas-holdem-play-money p + .circleBorderBullet { margin-top: 16px; }

.texas-holdem-play-money ._responsive-table { margin-top: 24px; }

.texas-holdem-game-terms .dictionary { margin-top: 32px; }

.omaha-actions img, .omaha-positions img { display: block; margin: 0px auto; max-width: 704px; width: 100%; }

.omaha-actions img.ds, .omaha-positions img.ds { display: none !important; }

@media screen and (min-width: 1244px) {
  .omaha-actions img, .omaha-positions img { display: none; }
  .omaha-actions img.ds, .omaha-positions img.ds { display: block !important; }
}

.omaha-plo-information-table ._responsive-table td, .omaha-plo-information-table ._responsive-table th { width: 12.6667%; }

.omaha-plo-information-table ._responsive-table thead tr:first-child th:last-child { border-bottom-right-radius: 0px; }

.omaha-plo-information-table ._responsive-table thead tr:last-child th:first-child { border-radius: 0px; }

.omaha-plo-information-table ._responsive-table thead tr:last-child th:last-child { border-top-right-radius: 0px; }

.omaha-plo-information-table .content { gap: 20px; }

.omaha-plo-information-table.close.table div.content { max-height: 120px; }

.omaha-plo-information-table .table-wrap { display: flex; flex-direction: column; gap: 20px; }

.omaha-plo-information-table.close.table .table-wrap { max-height: 96px; overflow: hidden; }

.omaha-plo-table ._responsive-table td, .omaha-plo-table ._responsive-table th { width: 20%; }

.omaha-plo-table ._responsive-table thead tr:first-child th:last-child { border-bottom-right-radius: 0px; }

.omaha-plo-table ._responsive-table thead tr:last-child th:first-child { border-radius: 0px; }

.omaha-plo-table ._responsive-table thead tr:last-child th:last-child { border-top-right-radius: 0px; }

.omaha-plo-table .content { gap: 20px; }

.omaha-plo-table.close.table div.content { max-height: 48px; }

.omaha-plo-table .table-wrap { display: flex; flex-direction: column; gap: 20px; }

.omaha-plo-table.close.table .table-wrap { max-height: 48px; overflow: hidden; }

.short-deck .group .container h4 { color: rgb(255, 255, 255); font-size: 20px; font-style: italic; font-weight: 300; letter-spacing: 0.6px; line-height: 24px; }

.short-deck .group .container h4 + p { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }

@media screen and (min-width: 768px) {
  .short-deck .group .container h4 { font-size: 30px; letter-spacing: 0.9px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .short-deck .group .container h4 { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

#short-deck-rules .container h4 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  #short-deck-rules .container h4 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

#short-deck-rules .container p { margin-top: 20px; }

#short-deck-rules .objects { display: none; }

@media screen and (min-width: 768px) {
  #short-deck-rules .container h4 { font-size: 20px; font-weight: 500; letter-spacing: 0.6px; line-height: 24px; }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
  #short-deck-rules .container h4 { font-size: 22px; letter-spacing: 0.66px; line-height: 26px; }
}

@media screen and (min-width: 768px) and (min-width: 1244px) {
  #short-deck-rules .container h4 { font-size: 24px; letter-spacing: 0.72px; line-height: 32px; }
}

@media screen and (min-width: 768px) {
  #short-deck-rules .container p { margin-top: 20px; }
  #short-deck-rules figure img { max-width: 496px; }
}

@media screen and (min-width: 1244px) {
  #short-deck-rules .container h4 { font-size: 22px; font-weight: 500; letter-spacing: 0.66px; line-height: 28px; }
}

@media screen and (min-width: 1244px) and (min-width: 768px) {
  #short-deck-rules .container h4 { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) and (min-width: 1244px) {
  #short-deck-rules .container h4 { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

@media screen and (min-width: 1244px) {
  #short-deck-rules .container p { margin-top: 24px; }
  #short-deck-rules .objects { display: block; position: relative; }
  #short-deck-rules .objects img { pointer-events: none; position: absolute; }
  #short-deck-rules .objects img:first-child { left: -360px; top: -710px; }
  #short-deck-rules .objects img:nth-child(2) { left: -360px; top: -500px; }
  #short-deck-rules .objects img:nth-child(3) { right: -360px; top: -230px; }
  #short-deck-rules .objects img:nth-child(4) { right: -360px; top: -10px; }
}

.short-deck-whats .graphic-area { margin-top: 28px; padding-top: 45.17%; position: relative; }

.short-deck-whats .graphic { height: 100%; left: 0px; overflow: hidden; padding-right: 24px; position: absolute; top: 0px; }

.short-deck-whats .graphic .swiper { background: url("https://ssl.gg-global-cdn.com/bd/front/img/web/bg_short_deck_whats.webp") 50% center / cover no-repeat; border-radius: 18px; height: inherit; overflow: visible; visibility: hidden; }

.short-deck-whats .graphic .swiper.swiper-initialized { visibility: visible; }

.short-deck-whats .graphic .swiper-pagination { align-items: center; display: flex; flex-direction: column; gap: 16px; position: absolute; right: -24px; top: 50%; transform: translateY(-50%); }

.short-deck-whats .graphic .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.3); height: 12px; margin: 0px; width: 12px; }

.short-deck-whats .graphic .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgb(255, 255, 255); }

.short-deck-whats .graphic-item { align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; }

.short-deck-whats .graphic-item .img { padding-left: 15px; padding-right: 16px; text-align: center; width: 100%; }

.short-deck-whats .graphic-item .img img { max-width: 1032px; width: 80%; }

.short-deck-whats .graphic-item p { font-size: 12px; font-weight: 400; letter-spacing: 0.96px; line-height: 26px; margin-top: 16px; padding-bottom: 4px; padding-top: 4px; position: relative; text-align: center; width: calc(100% - 88px); }

.short-deck-whats .graphic-item p::after, .short-deck-whats .graphic-item p::before { background: linear-gradient(90deg, rgba(158, 0, 158, 0), rgb(150, 70, 199) 50%, rgba(158, 0, 158, 0)); content: ""; height: 1px; left: 0px; opacity: 0.5; position: absolute; right: 0px; }

.short-deck-whats .graphic-item p::before { top: 0px; }

.short-deck-whats .graphic-item p::after { bottom: 0px; }

.short-deck-whats .swiper-slide:nth-child(2) img { max-width: 543px; width: 35%; }

@media screen and (min-width: 768px) {
  .short-deck-whats .graphic-area { height: 318px; margin: 20px auto 0px; padding-top: 0px; width: 704px; }
  .short-deck-whats .graphic { padding-right: 28px; }
  .short-deck-whats .graphic .swiper-pagination { right: -28px; }
  .short-deck-whats .graphic-item p { font-size: 22px; letter-spacing: 0.96px; line-height: 32px; margin-top: 24px; padding-bottom: 8px; padding-top: 8px; width: calc(100% - 176px); }
  .short-deck-whats .swiper-slide:nth-child(3) img { width: 50%; }
}

@media screen and (min-width: 1244px) {
  .short-deck-whats .container { padding-right: 410px; }
  .short-deck-whats .graphic-area { height: 496px; margin-top: 66px; width: 1098px; }
  .short-deck-whats .graphic { padding-right: 102px; }
  .short-deck-whats .graphic .swiper-pagination { right: -91px; }
  .short-deck-whats .graphic .swiper-pagination::after { background: url("https://ssl.gg-global-cdn.com/bd/front/svg/web/icon_mouse_wheel.svg") 0px 0px no-repeat; content: ""; display: inline-block; height: 116px; margin-top: 16px; width: 56px; }
  .short-deck-whats .graphic .swiper-pagination-bullet { border-radius: 100%; cursor: pointer; }
  .short-deck-whats .graphic-item .img { padding-left: 30px; padding-right: 30px; }
  .short-deck-whats .graphic-item .img img { width: auto; }
  .short-deck-whats .graphic-item p { font-size: 32px; letter-spacing: 0.96px; line-height: 50px; margin-top: 28px; padding-bottom: 12px; padding-top: 12px; width: calc(100% - 332px); }
  .short-deck-whats .graphic-item p::after, .short-deck-whats .graphic-item p::before { height: 2px; }
  .short-deck-whats .swiper-slide:nth-child(3) img { width: auto; }
}

.short-deck-remember { margin-top: 56px; }

@media screen and (min-width: 768px) {
  .short-deck-remember { margin-top: 64px; }
}

@media screen and (min-width: 1244px) {
  .short-deck-remember { margin-top: 56px; }
}

.short-deck-table .article-content { gap: 20px; }

.short-deck-table ._responsive-table td, .short-deck-table ._responsive-table th { width: 12.5%; }

.short-deck-table ._responsive-table thead tr:first-child th:last-child { border-bottom-right-radius: 0px; }

.short-deck-table ._responsive-table thead tr:last-child th:first-child { border-radius: 0px; }

.short-deck-table ._responsive-table thead tr:last-child th:last-child { border-top-right-radius: 0px; }

.short-deck-table.close.table .article-content div.content { max-height: 120px; }

#short-deck-play-money .content h6 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; }

@media screen and (min-width: 1244px) {
  #short-deck-play-money .content h6 { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
  .daw-deposit .article-content div.content ul, .daw-withdrawal .article-content div.content ul { max-width: 570px; }
}

.welcome-bonus-region-title { margin-bottom: -45px; }

.welcome-bonus-region-title .title { color: rgb(255, 255, 255); font-size: 22px; font-weight: 500; height: auto; letter-spacing: 0.66px; line-height: 28px; padding: 0px 0px 10px; position: relative; }

@media screen and (min-width: 768px) {
  .welcome-bonus-region-title .title { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .welcome-bonus-region-title .title { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.welcome-bonus-region-title .title::after { background-color: rgb(211, 0, 0); bottom: 0px; content: ""; height: 2px; left: 0px; position: absolute; right: 0px; }

@media screen and (min-width: 1244px) {
  .welcome-bonus-region-title { margin-bottom: -70px; }
}

.welcome-bonus-choose ._grid { row-gap: 69px; }

.welcome-bonus-choose .box { background-clip: content-box, border-box; background-image: linear-gradient(transparent, transparent), linear-gradient(130deg, rgb(83, 67, 52), transparent 40%); background-origin: border-box; border: 1px solid transparent; border-radius: 16px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 14px -2px; position: relative; }

.welcome-bonus-choose .box .holder { background: linear-gradient(161deg, rgb(49, 43, 39) -9.99%, rgb(37, 37, 40) 34.19%, rgb(29, 29, 32) 85.5%); border-radius: 16px; height: 100%; padding: 32px 0px 24px; }

.welcome-bonus-choose .box h4 { background: linear-gradient(0deg, rgb(220, 158, 64) 22.41%, rgb(220, 184, 104) 37.4%, rgb(241, 213, 125) 59.87%, rgb(255, 244, 198) 64.3%, rgb(225, 190, 100) 90.52%) text; text-align: center; -webkit-text-fill-color: transparent; font-size: 30px; font-weight: 700; letter-spacing: 0.9px; line-height: 40px; text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .welcome-bonus-choose .box h4 { font-size: 42px; letter-spacing: 1.26px; line-height: 52px; }
}

@media screen and (min-width: 1244px) {
  .welcome-bonus-choose .box h4 { font-size: 48px; letter-spacing: 1.44px; line-height: 58px; }
}

.welcome-bonus-choose .box figure { margin-top: 0px; text-align: center; }

.welcome-bonus-choose .box figure img { height: auto; max-width: 540px; width: 100%; }

.welcome-bonus-choose .box p { color: rgb(212, 212, 212); font-size: 14px; font-weight: 400; letter-spacing: 0.42px; line-height: 22px; }

.welcome-bonus-choose .box p a { color: rgb(255, 255, 255); text-decoration: underline; }

.welcome-bonus-choose .box p > em { color: rgb(255, 255, 255); font-size: 22px; font-weight: 500; letter-spacing: 0.66px; line-height: 28px; }

@media screen and (min-width: 768px) {
  .welcome-bonus-choose .box p > em { font-size: 24px; letter-spacing: 0.72px; line-height: 30px; }
}

@media screen and (min-width: 1244px) {
  .welcome-bonus-choose .box p > em { font-size: 28px; letter-spacing: 0.84px; line-height: 36px; }
}

.welcome-bonus-choose .box p > strong { color: rgb(254, 231, 138); font-weight: 500; }

.welcome-bonus-choose .box p { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; letter-spacing: 0.54px; line-height: 24px; padding: 16px 42px; position: relative; text-align: center; }

@media screen and (min-width: 1244px) {
  .welcome-bonus-choose .box p { font-size: 20px; letter-spacing: 0.6px; line-height: 26px; }
}

.welcome-bonus-choose .box p::after, .welcome-bonus-choose .box p::before { background: linear-gradient(90deg, rgba(68, 40, 25, 0) 10%, rgb(157, 92, 31) 50%, rgba(68, 40, 25, 0) 90%); content: ""; height: 1px; left: 0px; position: absolute; right: 0px; }

.welcome-bonus-choose .box p::before { top: 0px; }

.welcome-bonus-choose .box p::after { bottom: 0px; }

.welcome-bonus-choose .box::before { color: rgb(115, 115, 115); content: attr(data-label); font-size: 30px; font-weight: 700; left: 50%; letter-spacing: 0.9px; line-height: 40px; pointer-events: none; position: absolute; text-transform: uppercase; top: calc(100% + 15px); transform: translateX(-50%); }

@media screen and (min-width: 768px) {
  .welcome-bonus-choose .box::before { font-size: 42px; letter-spacing: 1.26px; line-height: 52px; }
}

@media screen and (min-width: 1244px) {
  .welcome-bonus-choose .box::before { font-size: 48px; letter-spacing: 1.44px; line-height: 58px; }
}

.welcome-bonus-choose .box .objects img, .welcome-bonus-choose .box:last-child::before { display: none; }

.welcome-bonus-choose .message2 { text-align: center; }

@media screen and (min-width: 768px) {
  .welcome-bonus-choose ._grid { gap: 104px; }
  .welcome-bonus-choose .box::before { left: calc(100% + 12px); top: 50%; transform: translateX(0px) translateY(-50%); }
}

@media screen and (min-width: 1244px) {
  .welcome-bonus-choose { min-height: 667px; }
  .welcome-bonus-choose > .content { gap: 24px; z-index: 1; }
  .welcome-bonus-choose ._grid { gap: 120px; }
  .welcome-bonus-choose .box .holder { }
  .welcome-bonus-choose .box figure img { height: 319px; width: 540px; }
  .welcome-bonus-choose .box p { padding: 16px 0px; }
  .welcome-bonus-choose .box::before { left: calc(100% + 24px); top: 50%; }
  .welcome-bonus-choose .objects .obj { opacity: 0.15; }
  .welcome-bonus-choose .objects .obj:first-of-type { bottom: 24px; left: calc(100% - 270px); }
  .welcome-bonus-choose .objects .obj:nth-of-type(2) { right: calc(100% - 253px); top: -406px; }
  .welcome-bonus-choose .objects img { display: block; pointer-events: none; position: absolute; }
  .welcome-bonus-choose .objects img:first-of-type { bottom: 413px; left: calc(100% + 7px); }
  .welcome-bonus-choose .objects img:nth-of-type(2) { right: calc(100% + 37px); top: calc(100% - 49px); }
}

.cash-giveaway ._key-visual-promotions.primary h2 { height: auto; }

.cash-giveaway .page-container .inner { gap: 0px; }

.cg-monthly .bg-wrap { background-image: linear-gradient(90deg, rgb(175, 138, 64), rgb(234, 212, 157), rgb(129, 91, 39), rgb(234, 212, 157), rgb(175, 138, 64)); border-radius: 16px; padding: 2px; }

.cg-monthly .bg { background-color: rgb(24, 24, 27); border-radius: 16px; overflow: hidden; position: relative; }

.cg-monthly .bg::before { background: url("https://ssl.gg-global-cdn.com/bd/front/img/web/acg_monthly_deco_lb.webp") 50% center / 100% no-repeat; bottom: -2px; content: ""; display: block; height: 160px; left: -2px; position: absolute; width: 235px; }

.cg-monthly .bg::after { background: url("https://ssl.gg-global-cdn.com/bd/front/img/web/acg_monthly_deco_rt.webp") 50% center / 100% no-repeat; content: ""; display: block; height: 83px; position: absolute; right: -2px; top: -2px; width: 148px; }

.cg-monthly .text { text-align: center; }

.cg-monthly .text .title { background: linear-gradient(rgb(24, 24, 27), rgb(30, 29, 29)); padding: 64px 24px 32px; }

.cg-monthly .text h3 { background: linear-gradient(82deg, rgb(192, 143, 70) 23.04%, rgb(225, 196, 123) 33.55%, rgb(250, 231, 165) 47.56%, rgb(225, 196, 123) 63.99%, rgb(192, 143, 70) 75.03%) text; position: relative; -webkit-text-fill-color: transparent; font-size: 30px; font-weight: 700; letter-spacing: 0.9px; line-height: 40px; text-transform: uppercase; z-index: 1; }

@media screen and (min-width: 768px) {
  .cg-monthly .text h3 { font-size: 42px; letter-spacing: 1.26px; line-height: 52px; }
}

@media screen and (min-width: 1244px) {
  .cg-monthly .text h3 { font-size: 48px; letter-spacing: 1.44px; line-height: 58px; }
}

.cg-monthly .text h2 { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat-x: ; background-repeat-y: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; font-size: 36px; letter-spacing: 0.36px; line-height: 40px; text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .cg-monthly .text h2 { font-size: 60px; letter-spacing: 0.6px; line-height: 64px; }
}

@media screen and (min-width: 1244px) {
  .cg-monthly .text h2 { font-size: 68px; letter-spacing: 0.68px; line-height: 72px; }
}

.cg-monthly .text .content-inner { padding: 0px 24px 64px; position: relative; z-index: 1; }

.cg-monthly .text .divider { background-color: rgb(41, 35, 29); border-bottom: 2px solid rgb(0, 0, 0); height: 4px; margin-bottom: 32px; position: relative; width: 100%; }

.cg-monthly .text .line { display: block; margin: 24px auto; max-width: 342px; width: 100%; }

.cg-monthly .text p { font-size: 16px; font-weight: 400; letter-spacing: 0.48px; line-height: 24px; }

.cg-monthly .text p .prize { color: rgb(254, 231, 138); }

.cg-monthly .arrow { display: block; margin: 20px auto; width: 80px; }

@media screen and (min-width: 768px) {
  .cg-monthly .bg::before { height: 256px; width: 376px; }
  .cg-monthly .bg::after { height: 150px; width: 269px; }
}

@media screen and (min-width: 1244px) {
  .cg-monthly .arrow { margin-bottom: 24px; margin-top: 24px; }
}

.cg-more h3 { font-size: 24px; font-style: italic; font-weight: 300; letter-spacing: 0.72px; line-height: 28px; padding-bottom: 32px; text-align: center; }

@media screen and (min-width: 768px) {
  .cg-more h3 { font-size: 30px; letter-spacing: 0.9px; line-height: 40px; }
}

@media screen and (min-width: 1244px) {
  .cg-more h3 { font-size: 42px; letter-spacing: 1.26px; line-height: 48px; }
}

.cg-more .item img { height: auto; width: 100%; }

@media screen and (min-width: 1244px) {
  .cg-more h3 { padding-bottom: 40px; }
  .cg-more ._grid { gap: 24px; }
  .cg-more .item img { height: 352px; width: 282px; }
}

._home { overflow: hidden; }

._home section:not(.not) { padding-left: 24px; padding-right: 24px; }

._home .inner { height: 100%; }

._home .buttons { display: flex; }

._home .btn-fill, ._home .btn-line { align-items: center; border-radius: 80px; display: inline-flex; font-size: 16px; font-weight: 500; justify-content: center; letter-spacing: 0.64px; line-height: 20px; min-height: 40px; min-width: 220px; padding: 9px 24px; transition: background-color 0.25s ease-in-out 0s, border-color 0.24s ease-in-out 0s; }

._home .btn-line { border: 1px solid rgb(255, 5, 5); box-shadow: transparent 0px 0px 0px 1px inset; color: rgb(255, 5, 5); transition: box-shadow 0.25s ease-in-out 0s; }

._home .btn-line:active, ._home .btn-line:hover:not(.hover-disable) { border-color: red; box-shadow: red 0px 0px 0px 1px inset; color: red; }

._home .btn-line:active:not(.hover-disable) { border-color: rgb(211, 0, 0); box-shadow: transparent 0px 0px 0px 1px inset; color: rgb(211, 0, 0); }

._home .btn-fill { background-color: rgb(211, 0, 0); color: rgb(255, 255, 255); }

._home .btn-fill:active, ._home .btn-fill:hover:not(.hover-disable) { background-color: red; border: 0px; }

._home .btn-fill:active:not(.hover-disable) { background-color: rgb(150, 0, 0); }

._home .slider-buttons { display: flex; gap: 20px; position: absolute; z-index: 1; }

._home .slider-buttons .btn { align-items: center; background-color: rgba(255, 255, 255, 0.2); border-radius: 100%; cursor: pointer; display: inline-flex; height: 40px; justify-content: center; transition: background-color 0.25s ease-in-out 0s; user-select: none; width: 40px; }

._home .slider-buttons .btn:active, ._home .slider-buttons .btn:hover:not(.hover-disable) { background-color: rgba(255, 255, 255, 0.3); }

._home .slider-buttons .btn:active:not(.hover-disable) { background-color: rgba(255, 255, 255, 0.1); }

[streamer-mode] { overflow: hidden; position: relative; }

[streamer-mode].no-ambassador::after { display: none; }

[streamer-mode]::after { background: url("https://ssl.gg-global-cdn.com/bd/front/img/web/streamer_mode_faq_img.webp") 0px 0px / cover no-repeat; bottom: 2px; content: ""; display: block; height: 79px; position: absolute; right: 0px; width: 193px; }

[streamer-mode] .inner { display: flex; flex-direction: column; gap: 56px; }

[streamer-mode] .streamer-mode-content .article-content .title::before { background: url("https://ssl.gg-global-cdn.com/bd/front/img/web/deco_stramer_mode.webp") 0px 0px / cover no-repeat; height: 130px; left: 0px; top: 0px; transform: translateX(-70px) translateY(-57px); width: 130px; }

[streamer-mode] [streamer-mode-faq].hide-4-7 .item-list:nth-of-type(4), [streamer-mode] [streamer-mode-faq].hide-4-7 .item-list:nth-of-type(7) { display: none; }

@media screen and (min-width: 768px) {
  [streamer-mode] .inner { gap: 64px; }
  [streamer-mode]::after { height: 113px; width: 273px; }
}

@media screen and (min-width: 1244px) {
  [streamer-mode] .inner { gap: 128px; }
  [streamer-mode]::after { bottom: -45px; height: 231px; left: calc(50% + 210px); transform: translateX(0px); width: 560px; }
}

.circleBorderBullet li { padding-left: 22px; position: relative; }

.circleBorderBullet li::before { border: 2px solid rgb(115, 115, 115); border-radius: 50%; content: ""; display: block; height: 4px; left: 7px; position: absolute; top: 7px; width: 4px; }

.circleBorderBullet li a { color: rgb(255, 255, 255); font-weight: 500; text-decoration: underline; }

.circleBorderBullet li .circleBorderBullet li::before { background-color: rgb(115, 115, 115); height: 3px; top: 8px; width: 3px; }

table { color: rgb(212, 212, 212); font-size: 14px; letter-spacing: 0.42px; line-height: 22px; text-align: left; }

table, table th { font-weight: 400; }

table td, table th { border-bottom: 1px solid rgb(36, 36, 42); padding: 17px 8px; }