@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

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

* {
    max-height: 1000000px
}

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

fieldset,
iframe,
img,
table,
td,
textArea,
tr {
    border: 0
}

caption,
legend {
    display: none
}

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

table th {
    font-weight: 400
}

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

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

hr {
    border: none;
    height: 0
}

i {
    font-style: normal
}

s {
    text-decoration: none
}

em {
    font-style: normal
}

a {
    color: inherit
}

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

button {
    border: 0;
    cursor: pointer
}

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

input:checked[type=checkbox] {
    background-color: #666;
    appearance: checkbox;
    -webkit-appearance: checkbox
}

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

input[type=submit] {
    cursor: pointer
}

input::-ms-clear,
select::-ms-expand {
    display: none
}

img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    color: #FFF;
}

:focus {
    outline: 0
}

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

.input-btn-x {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    right: 30px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .2)
}

.input-btn-x svg {
    width: 12px;
    height: 12px
}

.input-btn-x svg path {
    fill: #fff
}

.input-btn-x [font-icon] {
    font-size: 16px !important
}

.GOLD [drop-list-box] .list-holder .list-box .item.active {
    background-color: #a98545
}

[drop-list-box] {
    position: fixed;
    left: 0;
    top: -1px;
    right: auto;
    bottom: auto;
    width: 100%;
    transition: opacity .2s 0s;
    transform: translateY(-10px);
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

[drop-list-box].animated {
    transition: none
}

[drop-list-box].down .list-box,
[drop-list-box].on .list-box {
    border-radius: 0 0 4px 4px
}

[drop-list-box].up .list-box {
    border-radius: 0 0 0 0
}

[drop-list-box] .list-holder {
    height: 100%
}

[drop-list-box] .list-holder .list-box {
    overflow: hidden;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid #fff;
    border-top: 0;
    overflow-y: auto;
    height: 100%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

[drop-list-box] .list-holder .list-box .item {
    padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[drop-list-box] .list-holder .list-box .item:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

[drop-list-box] .list-holder .list-box .item.check-all {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 4px
}

[drop-list-box] .list-holder .list-box .item:hover {
    background-color: hsla(0, 0%, 100%, .3);
    color: #fff;
    border-radius: 4px
}

[drop-list-box] .list-holder .list-box .item.none-data {
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 15px;
    padding-left: 0;
    cursor: default;
    justify-content: center
}

[drop-list-box] .list-holder .list-box .item.none-data:hover {
    background-color: transparent
}

[drop-list-box] .list-holder .list-box .item.active {
    color: #fff
}

[drop-list-box] .list-holder .list-box .tree-item {
    font-size: 14px;
    cursor: pointer
}

[drop-list-box] .list-holder .list-box .tree-item.hide {
    padding: 0;
    border-top: 0
}

[drop-list-box] .list-holder .list-box .tree-item.hide>.item-holder {
    display: none
}

[drop-list-box] .list-holder .list-box .tree-item.hide>* {
    padding: 0
}

[drop-list-box] .list-holder .list-box .tree-item .item-holder {
    display: flex;
    align-items: center;
    padding-left: 6px
}

[drop-list-box] .list-holder .list-box .tree-item .item-holder>* {
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0
}

[drop-list-box] .list-holder .list-box .tree-item .children {
    padding-left: 20px
}

[drop-list-box].active {
    visibility: visible;
    pointer-events: all;
    opacity: 1
}

[drop-list-box] [checkbox-item] {
    width: 100%;
    height: 100%
}

[drop-list-box] .active {
    background-color: rgba(0, 0, 0, .6);
    color: #fff;
    border-radius: 4px
}

[drop-list-box]::-webkit-scrollbar {
    width: 0
}

[drop-list-box]::-webkit-scrollbar-track {
    background-color: transparent
}

[drop-list-box]::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 2px
}

[drop-list-box]::-webkit-scrollbar-thumb:hover {
    background-color: transparent
}

[drop-list-box] .drop-multi-line {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    padding-top: 3px;
    padding-bottom: 3px
}

[drop-list-box] .drop-multi-line>p {
    font-size: 13px;
    line-height: 16px;
    white-space: normal;
    margin-top: 6px;
    font-weight: 400
}

.plus>.icon {
    width: 100%;
    height: 100%;
    background: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0), transparent;
    background-position: 50%;
    background-size: 50% 2px, 2px 50%;
    background-repeat: no-repeat
}

.minus>.icon {
    width: 100%;
    height: 100%;
    background: linear-gradient(#fff 0 0), transparent;
    background-position: 50%;
    background-size: 50% 2px, 2px 50%;
    background-repeat: no-repeat
}

.angle.icon {
    position: absolute;
    border-top: 5px solid #000;
    border-right: 5px solid #000;
    transform: rotate(315deg)
}

[color-button].primary {
    display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000
}

.no-touch [color-button].primary:hover:not(.hover-disable) {
    background-color: #c00000;
    border: 0
}

.no-touch [color-button].primary:active:not(.hover-disable) {
    background-color: #960000
}

[color-button].primary i {
    font-size: 24px;
    color: #fff
}

[color-button].primary .svg-icon {
    width: 24px;
    height: 24px
}

[color-button].icon {
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

[color-button].icon i {
    font-size: 24px !important
}

[color-button].icon i.icon-arrow_left_24.up {
    transform: rotate(90deg)
}

[color-button].download {
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background-color: #d30000;
    border-radius: 56px;
    white-space: nowrap;
    overflow: hidden
}

[color-button].download i {
    font-size: 24px !important
}

[color-button].download i.icon-arrow_left_24.up {
    transform: rotate(90deg)
}

[color-button].download>span {
    display: none;
    color: #fff
}

.no-touch [color-button].download:hover:not(.hover-disable) {
    background-color: #c00000;
    border: 0
}

.no-touch [color-button].download:active:not(.hover-disable) {
    background-color: #960000
}

[color-button].line-black {
    display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    padding: 24px;
    font-size: 12px;
    line-height: 14px;
    border: 1px solid #000;
    color: #000;
    background-color: #fff;
    border-radius: 64px
}

[color-button].purple {
    display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    background-color: #6750a3;
    font-weight: 400
}

.no-touch [color-button].purple:hover:not(.hover-disable) {
    background-color: #c00000;
    border: 0
}

.no-touch [color-button].purple:active:not(.hover-disable) {
    background-color: #960000
}

[color-button].purple i {
    font-size: 24px;
    color: #fff
}

[color-button].purple .svg-icon {
    width: 24px;
    height: 24px
}

.no-touch [color-button].purple:hover:not(.hover-disable),
[color-button].purple:active {
    background-color: #6750a3
}

[color-button].gray {
    display: inline-flex;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000;
    padding-right: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    background-color: #3f3f46;
    font-weight: 400
}

.no-touch [color-button].gray:hover:not(.hover-disable) {
    background-color: #c00000;
    border: 0
}

.no-touch [color-button].gray:active:not(.hover-disable) {
    background-color: #960000
}

[color-button].gray i {
    font-size: 24px;
    color: #fff
}

[color-button].gray .svg-icon {
    width: 24px;
    height: 24px
}

.no-touch [color-button].gray:hover:not(.hover-disable),
[color-button].gray:active {
    background-color: #3f3f46
}

[color-button].gray-line {
    height: 40px;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #d4d4d4;
    border: 1px solid #54545f;
    background-color: transparent;
    transition: none
}

@media (min-width:768px) {
    [color-button].gray-line {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [color-button].gray-line {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

.no-touch [color-button].gray-line:hover:not(.hover-disable),
[color-button].gray-line.active,
[color-button].gray-line:active {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff
}

[color-button].white-line-sm {
    height: 32px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    transition: none
}

@media (min-width:768px) {
    [color-button].white-line-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [color-button].white-line-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[color-button].white-line-sm [font-icon] {
    font-size: 20px !important
}

.no-touch [color-button].white-line-sm:hover:not(.hover-disable),
[color-button].white-line-sm.active,
[color-button].white-line-sm:active {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff
}

.no-touch [color-button].white-line-sm:hover:not(.hover-disable) .svg-icon path,
[color-button].white-line-sm.active .svg-icon path,
[color-button].white-line-sm:active .svg-icon path {
    stroke: #262626
}

[color-button].white-sm {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000;
    background-color: #fff;
    height: 40px;
    padding-left: 30px;
    white-space: nowrap
}

@media (min-width:768px) {
    [color-button].white-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [color-button].white-sm {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[color-button].white-sm i {
    font-size: 20px !important;
    color: #000;
    margin-left: 10px
}

.no-touch [color-button].white-sm:hover:not(.hover-disable) {
    background-color: #fff
}

@media (min-width:1280px) {
    [color-button].white-sm {
        height: 30px;
        padding-left: 20px
    }

    [color-button].white-sm i {
        margin-left: 8px
    }
}

[color-button].prev-next {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #6c6c7a;
    border-radius: 100%
}

[color-button].prev-next .svg-icon {
    width: 20px;
    height: 20px
}

[color-button].prev-next .svg-icon path {
    stroke: #d4d4d4
}

[color-button].prev-next>span {
    display: none;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [color-button].prev-next>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [color-button].prev-next>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

.no-touch [color-button].prev-next:hover:not(.hover-disable),
[color-button].prev-next:active {
    background-color: transparent;
    border: 1px solid #fff
}

.no-touch [color-button].prev-next:hover:not(.hover-disable)>span,
[color-button].prev-next:active>span {
    color: #fff
}

[color-button].prev-next[disabled] {
    opacity: 1;
    border: 1px solid #525252
}

[color-button].prev-next[disabled]>span {
    color: #525252
}

[color-button].prev-next[disabled] .svg-icon path {
    stroke: #525252
}

@media (min-width:768px) {
    [color-button].prev-next {
        gap: 4px;
        width: auto;
        height: 32px;
        min-width: 128px;
        border-radius: 16px;
        padding: 0
    }

    [color-button].prev-next .icon {
        font-size: 20px !important;
        color: #fff
    }

    [color-button].prev-next>span {
        flex: 1;
        display: inline-block
    }

    [color-button].prev-next.btn-prev {
        padding-top: 0;
        padding-right: 16px;
        padding-bottom: 0;
        padding-left: 8px
    }

    [color-button].prev-next.btn-next {
        padding-top: 0;
        padding-right: 8px;
        padding-bottom: 0;
        padding-left: 16px
    }
}

[drop-select] {
    transition: none
}

[drop-select].gray {
    height: 48px;
    background-color: #24242a;
    border: 0;
    border-radius: 8px
}

[drop-select].gray label input {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    padding-right: 16px;
    padding-left: 16px;
    color: #fff;
    font-weight: 400
}

@media (min-width:768px) {
    [drop-select].gray label input {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [drop-select].gray label input {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[drop-select].gray>.angle {
    width: 10px;
    height: 10px;
    right: 19px
}

[drop-select].gray>.angle .icon {
    border-width: 2px;
    border-color: #fff
}

.no-touch [drop-select].gray:hover:not(.hover-disable),
[drop-select].gray:active {
    border: 0
}

[drop-select].gray.open {
    border-radius: 8px 8px 0 0
}

[drop-list-box].gray .list-holder {
    padding-top: 24px;
    padding-right: 32px;
    padding-bottom: 24px;
    padding-left: 32px;
    border-top: 1px solid #000;
    background-color: #24242a;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .3)
}

[drop-list-box].gray .list-holder .list-box {
    padding: 0;
    background-color: transparent;
    border: 0
}

[drop-list-box].gray .list-holder .list-box .item {
    min-height: 48px;
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    border-top: 0
}

@media (min-width:768px) {
    [drop-list-box].gray .list-holder .list-box .item {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [drop-list-box].gray .list-holder .list-box .item {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[drop-list-box].gray .list-holder .list-box .item:hover {
    color: #fff;
    background-color: transparent
}

[drop-list-box].gray .list-holder .list-box .item.active {
    background-color: transparent;
    text-decoration: underline;
    color: #fff
}

[pagination] {
    margin-top: 32px;
    gap: 4px;
    justify-content: center
}

[pagination] a {
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3;
    margin-right: 0;
    margin-left: 0;
    opacity: 1
}

@media (min-width:768px) {
    [pagination] a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [pagination] a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

.no-touch [pagination] a:hover:not(.hover-disable),
[pagination] a:active {
    color: #fff
}

[pagination] a.active {
    color: #fff;
    opacity: 1;
    background-color: #24242a;
    border-radius: 100%
}

[pagination] a.active:after {
    display: none
}

[pagination] span .svg-icon path {
    stroke: #737373
}

[pagination] span button:not([disabled]) .svg-icon path {
    stroke: #fff
}

[pagination] span.left {
    margin-right: 16px
}

[pagination] span.left button:first-child {
    display: none
}

[pagination] span.right {
    margin-left: 16px
}

[pagination] span.right button:last-child {
    display: none
}

[accordion-view].line label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0
}

[accordion-view].line .title {
    position: relative;
    display: block;
    padding-top: 28px;
    padding-bottom: 28px;
    transition: padding-bottom .25s ease-out;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500
}

@media (min-width:768px) {
    [accordion-view].line .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [accordion-view].line .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[accordion-view].line .title:after,
[accordion-view].line .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    transition: width .25s ease-in-out
}

[accordion-view].line .title:before {
    width: 0;
    height: 2px;
    background-color: #d30000;
    border-radius: 2px
}

[accordion-view].line .title:after {
    height: 1px;
    right: 100%;
    background-color: hsla(0, 0%, 100%, .2)
}

[accordion-view].line .icon {
    position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    font-size: 40px !important
}

[accordion-view].line .content {
    padding-top: 28px;
    padding-right: 16px;
    padding-bottom: 28px;
    padding-left: 16px;
    overflow-y: scroll;
    max-height: 1200px
}

[accordion-view].line .content::-webkit-scrollbar {
    width: 4px
}

[accordion-view].line .content::-webkit-scrollbar-thumb:hover,
[accordion-view].line .content::-webkit-scrollbar-track {
    background-color: transparent
}

[accordion-view].line .content::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 2px
}

[accordion-view].line.open .title {
    padding-bottom: 28px
}

[accordion-view].line.open .title:before {
    width: 80px
}

[accordion-view].line.open .title:after {
    right: 0
}

[accordion-view].line.open .icon:before {
    content: "瞍�"
}

[accordion-view].line+[accordion-view].line {
    border-top: 1px solid #fff
}

@media (min-width:768px) {
    [accordion-view].line .content {
        padding-right: 24px;
        padding-left: 24px
    }
}

@media (min-width:1280px) {
    [accordion-view].line .title {
        padding-top: 40px;
        padding-bottom: 40px
    }

    [accordion-view].line .content {
        padding-top: 24px;
        padding-right: 24px;
        padding-bottom: 48px;
        padding-left: 24px
    }

    [accordion-view].line.open .title {
        padding-bottom: 24px
    }
}

[accordion-view].label-desc label {
    display: flex;
    align-items: center;
    height: 40px
}

.no-touch [accordion-view].label-desc label:hover:not(.hover-disable) .title {
    color: #fff;
    transition: color .25s ease-out
}

[accordion-view].label-desc .title {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #737373
}

@media (min-width:768px) {
    [accordion-view].label-desc .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [accordion-view].label-desc .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[accordion-view].label-desc .svg-icon {
    flex: none;
    width: 32px;
    height: 32px;
    transform: translateX(-50%);
    opacity: 0
}

[accordion-view].label-desc .svg-icon.ds {
    display: none
}

[accordion-view].label-desc .context-box {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    padding-top: 12px
}

@media (min-width:768px) {
    [accordion-view].label-desc .context-box {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [accordion-view].label-desc .context-box {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[accordion-view].label-desc .context-box a {
    color: #fff;
    font-weight: 500;
    text-decoration: underline
}

[accordion-view].label-desc .context-box:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 100%;
    height: 0;
    background: linear-gradient(90deg, #d30000 -2.21%, #525252 50%)
}

[accordion-view].label-desc+[accordion-view].label-desc {
    margin-top: 32px
}

[accordion-view].label-desc.open .svg-icon {
    transform: translateX(0);
    opacity: 1;
    transition: opacity .25s ease-in-out .25s, transform .25s ease-in-out .25s
}

[accordion-view].label-desc.open .title {
    color: #fff
}

[accordion-view].label-desc.open .context-box:before {
    right: 0;
    height: 2px;
    transition: right .25s ease-in-out
}

@media (min-width:768px) {
    [accordion-view].label-desc label {
        height: auto;
        max-height: none
    }

    [accordion-view].label-desc .context-box {
        padding-top: 32px
    }

    [accordion-view].label-desc .context-box:before {
        top: 16px
    }
}

@media (min-width:1280px) {
    [accordion-view].label-desc .svg-icon {
        width: 40px;
        height: 40px
    }

    [accordion-view].label-desc .svg-icon.m {
        display: none
    }

    [accordion-view].label-desc .svg-icon.ds {
        display: inline-block
    }

    [accordion-view].label-desc .svg-icon:before {
        content: "瞍�"
    }
}

[dir=rtl] [accordion-view].label-desc .context-box:before {
    left: 100%;
    right: 0;
    background: linear-gradient(240deg, #d30000 -2.21%, #525252 50%)
}

[dir=rtl] [accordion-view].label-desc.open .context-box:before {
    left: 0;
    height: 2px;
    transition: left .25s ease-in-out
}

[accordion-view].line-thumb label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0
}

.no-touch [accordion-view].line-thumb label:hover:not(.hover-disable) .icon,
[accordion-view].line-thumb label:active .icon {
    color: #fff
}

.no-touch [accordion-view].line-thumb label:hover:not(.hover-disable) .icon path,
[accordion-view].line-thumb label:active .icon path {
    stroke: #fff
}

[accordion-view].line-thumb .title {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #737373;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[accordion-view].line-thumb .title:after,
[accordion-view].line-thumb .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    transition: right .35s ease-in-out
}

[accordion-view].line-thumb .title:before {
    left: 0;
    right: 100%;
    border-radius: 0;
    z-index: 1;
    height: 2px;
    background: linear-gradient(90deg, #d30000 -2.21%, #3c3c44 50%)
}

[accordion-view].line-thumb .title:after {
    height: 1px;
    right: 0;
    background-color: hsla(0, 0%, 100%, .2)
}

[accordion-view].line-thumb .title strong {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #737373
}

@media (min-width:768px) {
    [accordion-view].line-thumb .title strong {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [accordion-view].line-thumb .title strong {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[accordion-view].line-thumb .icon {
    position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 40px;
    height: 40px
}

[accordion-view].line-thumb .icon path {
    stroke: #737373
}

[accordion-view].line-thumb .svg-icon-minus {
    display: none
}

[accordion-view].line-thumb .container {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    padding-top: 32px
}

[accordion-view].line-thumb .container .item {
    display: flex;
    align-items: flex-start;
    -moz-column-gap: 24px;
    column-gap: 24px
}

[accordion-view].line-thumb .container .item figure {
    flex: none;
    width: 80px;
    height: 80px;
    background-color: #24242a;
    border-radius: 16px
}

[accordion-view].line-thumb .container .item figure img {
    width: 100%;
    height: auto;
    transform-origin: center left
}

[accordion-view].line-thumb .container .item figure.cards {
    position: relative;
    background-color: #24242a;
    border-radius: 16px
}

[accordion-view].line-thumb .container .item figure.cards img {
    position: absolute;
    top: 20px;
    width: 30px;
    height: auto;
    border-radius: 4px
}

[accordion-view].line-thumb .container .item figure.cards img:first-child {
    left: 8px;
    transform: rotate(-10deg);
    transform-origin: left top
}

[accordion-view].line-thumb .container .item figure.cards img:last-child {
    right: 8px;
    transform: rotate(10deg);
    transform-origin: right top
}

[accordion-view].line-thumb .container .item figure.cards:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 10px;
    right: auto;
    top: auto;
    z-index: 1;
    width: 68px;
    height: 24px;
    transform: translateX(-50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/card_badge.webp) 50% 50%/cover no-repeat
}

[accordion-view].line-thumb .container .item figure.cards:after {
    content: attr(data-label);
    position: absolute;
    left: 50%;
    top: 20px;
    right: auto;
    bottom: auto;
    transform: translateX(-50%);
    width: 50px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 900;
    background: linear-gradient(99deg, #836825 12.65%, #9f7d2b 27.32%, #fdd977 42.43%, #fde57b 53.8%, #e8c35e 61.72%, #836825 78.92%, #e8c35e 92.44%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

[accordion-view].line-thumb .container .item h5 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [accordion-view].line-thumb .container .item h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [accordion-view].line-thumb .container .item h5 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[accordion-view].line-thumb .container .item p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [accordion-view].line-thumb .container .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [accordion-view].line-thumb .container .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[accordion-view].line-thumb.open .title {
    color: #fff
}

[accordion-view].line-thumb.open .title:before {
    right: 0
}

[accordion-view].line-thumb.open .title strong {
    color: #fff
}

[accordion-view].line-thumb.open .svg-icon path {
    stroke: #fff
}

[accordion-view].line-thumb.open .svg-icon-plus {
    display: none
}

[accordion-view].line-thumb.open .svg-icon-minus {
    display: inline-block
}

@media (min-width:768px) {
    [accordion-view].line-thumb .title {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: 0
    }

    [accordion-view].line-thumb .container {
        row-gap: 40px;
        padding-top: 40px
    }

    [accordion-view].line-thumb .container .item figure {
        width: 128px;
        height: 128px
    }

    [accordion-view].line-thumb .container .item figure.cards img {
        top: 31px;
        width: 48px;
        height: auto
    }

    [accordion-view].line-thumb .container .item figure.cards img:first-child {
        left: 14px
    }

    [accordion-view].line-thumb .container .item figure.cards img:last-child {
        right: 14px
    }

    [accordion-view].line-thumb .container .item figure.cards:before {
        left: 50%;
        bottom: 17px;
        right: auto;
        top: auto;
        width: 110px;
        height: 39px
    }

    [accordion-view].line-thumb .container .item figure.cards:after {
        width: 100px;
        top: 36px;
        font-size: 18px;
        line-height: 16px;
        letter-spacing: -.36px
    }
}

@media (min-width:1280px) {
    [accordion-view].line-thumb .title {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: 0
    }

    [accordion-view].line-thumb .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [accordion-view].line-thumb .container .item {
        -moz-column-gap: 32px;
        column-gap: 32px
    }
}

[accordion-view].faq a.title {
    text-decoration: none
}

[accordion-view].faq label {
    position: relative;
    padding-bottom: 16px
}

[accordion-view].faq label .title {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #737373
}

@media (min-width:768px) {
    [accordion-view].faq label .title {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [accordion-view].faq label .title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[accordion-view].faq label .svg-icon {
    width: 40px;
    height: 40px
}

[accordion-view].faq label .svg-icon path {
    stroke: #737373
}

[accordion-view].faq label .svg-icon-minus {
    display: none
}

[accordion-view].faq label:after,
[accordion-view].faq label:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto
}

[accordion-view].faq label:before {
    height: 1px;
    right: 0;
    background-color: hsla(0, 0%, 100%, .2)
}

[accordion-view].faq label:after {
    height: 2px;
    right: 100%;
    background: linear-gradient(90deg, #d30000 -2.21%, #525252 50%);
    transition: right .25s ease-in-out
}

.no-touch [accordion-view].faq label:hover:not(.hover-disable) .title,
[accordion-view].faq label:active .title {
    color: #fff
}

.no-touch [accordion-view].faq label:hover:not(.hover-disable) .svg-icon path,
[accordion-view].faq label:active .svg-icon path {
    stroke: #fff
}

[accordion-view].faq .content {
    padding-top: 32px
}

[accordion-view].faq.open label .title {
    color: #fff
}

[accordion-view].faq.open label .svg-icon path {
    stroke: #fff
}

[accordion-view].faq.open label .svg-icon-plus {
    display: none
}

[accordion-view].faq.open label .svg-icon-minus {
    display: inline-block
}

[accordion-view].faq.open label:after {
    right: 0
}

@media (min-width:768px) {
    [accordion-view].faq label {
        padding-bottom: 24px
    }

    [accordion-view].faq .content {
        padding-top: 24px
    }
}

[dir=rtl] [accordion-view].faq label:after {
    left: 100%;
    right: 0;
    background: linear-gradient(240deg, #d30000 -2.21%, #525252 50%);
    transition: left .25s ease-in-out
}

[dir=rtl] [accordion-view].faq.open label:after {
    left: 0
}

.inline-modal.redirection>.panel,
[modal].redirection>.panel {
    max-width: 327px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    border-radius: 16px;
    background-color: #2a2a2d;
    box-shadow: none
}

.inline-modal.redirection>.panel>.header,
[modal].redirection>.panel>.header {
    position: static !important;
    padding: 0 !important;
    border-radius: 0;
    background-color: transparent
}

.inline-modal.redirection>.panel>.header .close,
[modal].redirection>.panel>.header .close {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    padding: 16px
}

.inline-modal.redirection>.panel>.header .close svg,
[modal].redirection>.panel>.header .close svg {
    width: 24px;
    height: 24px
}

.inline-modal.redirection>.panel>.scroll-area,
[modal].redirection>.panel>.scroll-area {
    padding-right: 0;
    padding-left: 0
}

.inline-modal.redirection .redirection-wrap,
[modal].redirection .redirection-wrap {
    padding-top: 48px;
    padding-bottom: 48px;
    text-align: center
}

.inline-modal.redirection .redirection-header,
[modal].redirection .redirection-header {
    padding-top: 32px
}

.inline-modal.redirection .redirection-header h2,
[modal].redirection .redirection-header h2 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    padding-right: 12px;
    padding-left: 12px
}

@media (min-width:768px) {

    .inline-modal.redirection .redirection-header h2,
    [modal].redirection .redirection-header h2 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {

    .inline-modal.redirection .redirection-header h2,
    [modal].redirection .redirection-header h2 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

.inline-modal.redirection .redirection-header p,
[modal].redirection .redirection-header p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 16px
}

@media (min-width:768px) {

    .inline-modal.redirection .redirection-header p,
    [modal].redirection .redirection-header p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {

    .inline-modal.redirection .redirection-header p,
    [modal].redirection .redirection-header p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

.inline-modal.redirection .redirection-buttons,
[modal].redirection .redirection-buttons {
    padding-top: 32px
}

.inline-modal.redirection .redirection-buttons [color-button],
[modal].redirection .redirection-buttons [color-button] {
    height: 40px;
    min-width: 240px;
    margin-left: auto;
    margin-right: auto
}

.inline-modal.redirection .redirection-links,
[modal].redirection .redirection-links {
    padding-top: 8px
}

.inline-modal.redirection .redirection-links a,
[modal].redirection .redirection-links a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .56px;
    text-decoration: underline;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {

    .inline-modal.redirection>.panel,
    [modal].redirection>.panel {
        min-width: 560px;
        padding-right: 32px;
        padding-left: 32px
    }

    .inline-modal.redirection .redirection-wrap,
    [modal].redirection .redirection-wrap {
        height: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 64px;
        padding-bottom: 64px
    }

    .inline-modal.redirection .redirection-wrap>figure,
    [modal].redirection .redirection-wrap>figure {
        flex: none
    }

    .inline-modal.redirection .redirection-wrap>figure img,
    [modal].redirection .redirection-wrap>figure img {
        width: 160px;
        height: 160px
    }

    .inline-modal.redirection .redirection-content,
    [modal].redirection .redirection-content {
        flex: 1
    }

    .inline-modal.redirection .redirection-buttons,
    [modal].redirection .redirection-buttons {
        flex: none
    }

    .inline-modal.redirection .redirection-buttons [color-button],
    [modal].redirection .redirection-buttons [color-button] {
        min-width: 320px
    }

    .inline-modal.redirection .redirection-links,
    [modal].redirection .redirection-links {
        padding-top: 16px
    }
}

.inline-modal.sep>.panel,
[modal].sep>.panel {
    max-width: 560px;
    padding-top: 48px;
    padding-right: 16px;
    padding-bottom: 48px;
    padding-left: 16px;
    border-radius: 16px;
    background-color: #2a2a2d;
    box-shadow: none
}

.inline-modal.sep>.panel>.header,
[modal].sep>.panel>.header {
    position: static;
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.inline-modal.sep>.panel>.header .close,
[modal].sep>.panel>.header .close {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    padding: 16px
}

.inline-modal.sep>.panel>.header .close svg,
[modal].sep>.panel>.header .close svg {
    width: 24px;
    height: 24px
}

.inline-modal.sep>.panel>.scroll-area,
[modal].sep>.panel>.scroll-area {
    padding: 0
}

.inline-modal.sep .sep-wrap,
[modal].sep .sep-wrap {
    padding-bottom: 48px;
    text-align: left;
    max-height: 50vh
}

.inline-modal.sep .sep-wrap h3,
[modal].sep .sep-wrap h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {

    .inline-modal.sep .sep-wrap h3,
    [modal].sep .sep-wrap h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {

    .inline-modal.sep .sep-wrap h3,
    [modal].sep .sep-wrap h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

.inline-modal.sep .sep-wrap section,
[modal].sep .sep-wrap section {
    margin-top: 24px
}

.inline-modal.sep .sep-wrap article,
[modal].sep .sep-wrap article {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {

    .inline-modal.sep .sep-wrap article,
    [modal].sep .sep-wrap article {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {

    .inline-modal.sep .sep-wrap article,
    [modal].sep .sep-wrap article {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

.inline-modal.sep .sep-wrap article h4,
[modal].sep .sep-wrap article h4 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {

    .inline-modal.sep .sep-wrap article h4,
    [modal].sep .sep-wrap article h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {

    .inline-modal.sep .sep-wrap article h4,
    [modal].sep .sep-wrap article h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

.inline-modal.sep .sep-wrap article h5,
[modal].sep .sep-wrap article h5 {
    font-weight: 500;
    margin-top: 12px
}

.inline-modal.sep .sep-wrap article h6,
[modal].sep .sep-wrap article h6 {
    font-weight: 400;
    margin-top: 12px
}

.inline-modal.sep .sep-wrap article h6.add,
[modal].sep .sep-wrap article h6.add {
    color: #009733
}

.inline-modal.sep .sep-wrap article h6.del,
[modal].sep .sep-wrap article h6.del {
    color: #dc3333
}

.inline-modal.sep .sep-wrap article p strong,
[modal].sep .sep-wrap article p strong {
    font-weight: 400
}

.inline-modal.sep .sep-wrap article ul,
[modal].sep .sep-wrap article ul {
    margin-top: 12px;
    margin-bottom: 12px
}

.inline-modal.sep .sep-wrap article ul>li,
[modal].sep .sep-wrap article ul>li {
    position: relative;
    padding-left: 16px
}

.inline-modal.sep .sep-wrap article ul>li:before,
[modal].sep .sep-wrap article ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] .inline-modal.sep .sep-wrap article ul>li,
[lang=ar] [modal].sep .sep-wrap article ul>li {
    padding-right: 16px
}

[lang=ar] .inline-modal.sep .sep-wrap article ul>li:before,
[lang=ar] [modal].sep .sep-wrap article ul>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

.inline-modal.sep .sep-wrap article+article,
[modal].sep .sep-wrap article+article {
    margin-top: 24px
}

.inline-modal.sep .sep-buttons,
[modal].sep .sep-buttons {
    padding-top: 32px;
    text-align: center
}

.inline-modal.sep .sep-buttons button,
[modal].sep .sep-buttons button {
    width: 240px
}

@media (min-width:768px) {

    .inline-modal.sep>.panel,
    [modal].sep>.panel {
        min-width: 560px;
        padding-top: 64px;
        padding-right: 32px;
        padding-bottom: 64px;
        padding-left: 32px
    }

    .inline-modal.sep .sep-wrap,
    [modal].sep .sep-wrap {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .inline-modal.sep .sep-buttons,
    [modal].sep .sep-buttons {
        padding-top: 40px
    }

    .inline-modal.sep .sep-buttons button,
    [modal].sep .sep-buttons button {
        width: 320px
    }
}

.inline-modal.guinness-certificate>.panel,
[modal].guinness-certificate>.panel {
    overflow: visible;
    display: inline-flex;
    width: auto;
    border-radius: 0;
    padding: 0;
    box-shadow: none
}

.inline-modal.guinness-certificate>.panel>.header,
[modal].guinness-certificate>.panel>.header {
    position: static;
    padding: 0;
    border-radius: 0;
    background-color: transparent
}

.inline-modal.guinness-certificate>.panel>.header .close,
[modal].guinness-certificate>.panel>.header .close {
    position: absolute;
    right: 0;
    top: -20px;
    left: auto;
    bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2)
}

.inline-modal.guinness-certificate>.panel>.header .close svg,
[modal].guinness-certificate>.panel>.header .close svg {
    width: 24px;
    height: 24px
}

.inline-modal.guinness-certificate>.panel>.scroll-area,
[modal].guinness-certificate>.panel>.scroll-area {
    padding-right: 0;
    padding-left: 0;
    max-height: inherit !important;
    overflow: visible
}

.inline-modal.guinness-certificate>.panel ._responsive-img-new img,
[modal].guinness-certificate>.panel ._responsive-img-new img {
    width: 334px;
    height: 458px;
    max-width: 100%
}

@media (min-width:768px) {

    .inline-modal.guinness-certificate>.panel>.header .close,
    [modal].guinness-certificate>.panel>.header .close {
        position: absolute;
        right: 7px;
        top: 49px;
        left: auto;
        bottom: auto
    }

    .inline-modal.guinness-certificate>.panel ._responsive-img-new img,
    [modal].guinness-certificate>.panel ._responsive-img-new img {
        width: 592px;
        height: 811px
    }
}

@media (min-width:1280px) {

    .inline-modal.guinness-certificate>.panel ._responsive-img-new img,
    [modal].guinness-certificate>.panel ._responsive-img-new img {
        width: 631px;
        height: 857px
    }
}

._text-content {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4
}

@media (min-width:768px) {
    ._text-content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._text-content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._text-content.base a {
    text-decoration: underline
}

.no-touch ._text-content.base a:hover:not(.hover-disable) {
    color: #fff
}

._text-content.base a[href^="mailto://"] {
    text-decoration: none
}

._text-content.base>h2 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 24px
}

@media (min-width:768px) {
    ._text-content.base>h2 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    ._text-content.base>h2 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

._text-content.base>h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    margin-bottom: 24px
}

@media (min-width:768px) {
    ._text-content.base>h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.base>h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._text-content.base>h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    margin-bottom: 24px
}

@media (min-width:768px) {
    ._text-content.base>h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.base>h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._text-content.base>h5 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    margin-bottom: 24px
}

@media (min-width:768px) {
    ._text-content.base>h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._text-content.base>h5 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._text-content.base>h6 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    margin-bottom: 24px
}

@media (min-width:768px) {
    ._text-content.base>h6 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._text-content.base>h6 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._text-content.base>p+h5,
._text-content.base>p+h6,
._text-content.base>p+p {
    margin-top: 24px
}

._text-content.base>p+h4 {
    margin-top: 48px
}

._text-content.base>ul {
    margin-top: 26px;
    margin-bottom: 48px
}

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

._text-content.base>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] ._text-content.base>ul>li {
    padding-right: 16px
}

[lang=ar] ._text-content.base>ul>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

._text-content.base+.base:not(.no-space) {
    margin-top: 48px
}

@media (min-width:1280px) {

    ._text-content.base>h2,
    ._text-content.base>h3,
    ._text-content.base>h4,
    ._text-content.base>h5,
    ._text-content.base>h6 {
        margin-bottom: 26px
    }

    ._text-content.base>p+h5,
    ._text-content.base>p+h6,
    ._text-content.base>p+p {
        margin-top: 26px
    }

    ._text-content.base>p+h4 {
        margin-top: 52px
    }

    ._text-content.base>ul {
        margin-top: 26px;
        margin-bottom: 52px
    }

    ._text-content.base+.base:not(.no-space) {
        margin-top: 52px
    }
}

._text-content.article-content,
._text-content.article-content .v-html {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

._text-content.article-content.gap-20,
._text-content.article-content.gap-20.v-html {
    row-gap: 20px
}

._text-content.article-content a {
    text-decoration: underline;
    font-weight: 500;
    color: #fff
}

._text-content.article-content h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400
}

@media (min-width:768px) {
    ._text-content.article-content h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.article-content h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._text-content.article-content h4 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500
}

@media (min-width:768px) {
    ._text-content.article-content h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._text-content.article-content h4 {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._text-content.article-content h4.regular {
    font-weight: 400;
    color: #fff
}

._text-content.article-content h5 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    ._text-content.article-content h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._text-content.article-content h5 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._text-content.article-content h6 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    ._text-content.article-content h6 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.article-content h6 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

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

._text-content.article-content ul:not([social], .small)>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px
}

@media (min-width:1280px) {
    ._text-content.article-content ul:not([social], .small)>li {
        padding-left: 24px
    }
}

[lang=ar] ._text-content.article-content ul:not([social], .small)>li {
    padding-right: 22px
}

[lang=ar] ._text-content.article-content ul:not([social], .small)>li:before {
    right: 7px;
    top: 7px;
    left: auto;
    bottom: auto
}

@media (min-width:1280px) {
    [lang=ar] ._text-content.article-content ul:not([social], .small)>li {
        padding-right: 24px
    }
}

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

._text-content.article-content ul:not([social], .small) ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] ._text-content.article-content ul:not([social], .small) ul>li {
    padding-right: 16px
}

[lang=ar] ._text-content.article-content ul:not([social], .small) ul>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

._text-content.article-content ul:not([social], .small) ul>li:before {
    left: 4px;
    top: 8px;
    right: auto;
    bottom: auto;
    border: 0;
    width: 6px;
    height: 6px;
    background-color: #a3a3a3
}

._text-content.article-content ul.small>li {
    position: relative;
    padding-left: 16px
}

._text-content.article-content ul.small>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] ._text-content.article-content ul.small>li {
    padding-right: 16px
}

[lang=ar] ._text-content.article-content ul.small>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

._text-content.article-content ul.small ul {
    margin-left: 4px
}

._text-content.article-content ul.small ul>li {
    position: relative;
    padding-left: 16px
}

._text-content.article-content ul.small ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] ._text-content.article-content ul.small ul>li {
    padding-right: 16px
}

[lang=ar] ._text-content.article-content ul.small ul>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

._text-content.article-content ul.small ul>li:before {
    border: 0;
    width: 3px;
    height: 3px
}

._text-content.article-content .no-margin {
    margin-top: -22px !important
}

._text-content.article-content figure {
    display: block
}

._text-content.blog-posts .title {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize
}

@media (min-width:768px) {
    ._text-content.blog-posts .title {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts .title {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

._text-content.blog-posts .tags {
    margin-top: 24px
}

._text-content.blog-posts section {
    margin-top: 40px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500
}

@media (min-width:768px) {
    ._text-content.blog-posts section {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts section {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._text-content.blog-posts section a {
    text-decoration: underline
}

._text-content.blog-posts section h1,
._text-content.blog-posts section h2,
._text-content.blog-posts section h3,
._text-content.blog-posts section h4,
._text-content.blog-posts section h5 {
    color: #fff
}

._text-content.blog-posts section h1 {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:768px) {
    ._text-content.blog-posts section h1 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts section h1 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

._text-content.blog-posts section h2 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500
}

@media (min-width:768px) {
    ._text-content.blog-posts section h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts section h2 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

._text-content.blog-posts section h3 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500
}

@media (min-width:768px) {
    ._text-content.blog-posts section h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts section h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

._text-content.blog-posts section h4 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500
}

@media (min-width:768px) {
    ._text-content.blog-posts section h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts section h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._text-content.blog-posts section h5 {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400
}

@media (min-width:768px) {
    ._text-content.blog-posts section h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.blog-posts section h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._text-content.blog-posts section p {
    font-weight: 400
}

._text-content.blog-posts section p+h5,
._text-content.blog-posts section p+p {
    margin-top: 26px
}

._text-content.blog-posts section p+h4 {
    margin-top: 52px
}

._text-content.blog-posts section ul {
    margin-top: 26px;
    margin-bottom: 52px
}

._text-content.blog-posts section img {
    max-width: 100%;
    margin-top: 24px;
    margin-bottom: 24px
}

._text-content.ggteam-view h1 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._text-content.ggteam-view h1 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    ._text-content.ggteam-view h1 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

._text-content.ggteam-view h1 br {
    display: none
}

._text-content.ggteam-view h1 small {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400
}

@media (min-width:768px) {
    ._text-content.ggteam-view h1 small {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._text-content.ggteam-view h1 small {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._text-content.ggteam-view h2 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    ._text-content.ggteam-view h2 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._text-content.ggteam-view h2 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._text-content.ggteam-view h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    ._text-content.ggteam-view h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._text-content.ggteam-view h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._text-content.ggteam-view ul>li {
    position: relative;
    padding-left: 22px
}

._text-content.ggteam-view ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px
}

@media (min-width:1280px) {
    ._text-content.ggteam-view ul>li {
        padding-left: 24px
    }
}

[lang=ar] ._text-content.ggteam-view ul>li {
    padding-right: 22px
}

[lang=ar] ._text-content.ggteam-view ul>li:before {
    right: 7px;
    top: 7px;
    left: auto;
    bottom: auto
}

@media (min-width:1280px) {
    [lang=ar] ._text-content.ggteam-view ul>li {
        padding-right: 24px
    }
}

._text-content.ggteam-view p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    ._text-content.ggteam-view p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._text-content.ggteam-view p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

#app {
    color: #fff
}

#app .contents-holder {
    min-height: 100vh;
    overflow: hidden
}

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

html {
    background-color: #18181a;
    scroll-behavior: smooth
}

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

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

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

::-webkit-scrollbar-thumb {
    background-color: #666;
    border-radius: 2px
}

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

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

a label {
    pointer-events: none
}

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

img {
    vertical-align: middle
}

img.br16 {
    border-radius: 16px
}

input {
    outline: none;
    border: 0
}

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

button {
    background-color: transparent;
    color: #fff;
    font-family: inherit
}

.disabled {
    cursor: not-allowed
}

#app {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

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

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

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

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

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

._slider .swiper-pagination-circle .pagination-item.active {
    background-color: #fff
}

@media (min-width:768px) {
    ._slider .swiper-pagination-circle {
        bottom: 56px
    }

    ._slider .swiper-pagination-circle .pagination-list {
        gap: 32px
    }

    ._slider .swiper-pagination-circle .pagination-item {
        width: 20px;
        height: 20px
    }
}

@media (min-width:1280px) {
    ._slider .swiper-pagination-circle {
        bottom: 40px
    }

    ._slider .swiper-pagination-circle .pagination-list {
        gap: 12px
    }

    ._slider .swiper-pagination-circle .pagination-item {
        width: 12px;
        height: 12px
    }
}

.c-w {
    color: #fff
}

.c-prize200 {
    color: #fee78a !important
}

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

.img-rendering {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

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

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

#beacon-container {
    --hs-beacon-v-offset: 85px;
    --hs-beacon-h-offset-right: 22px;
    --hs-beacon-window-v-offset: calc(var(--hs-beacon-v-offset) + 65px)
}

#beacon-container .BeaconFabButtonFrame {
    bottom: 85px;
    right: 22px;
    transform: scale(.82) !important
}

.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-languages),
.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-languages),
.client-nav-logo ._app-nav-utils .util-group:nth-of-type(2) {
    display: none
}

.client-nav-1>div:not(.home) div._app-nav-mega:not(.no-sub),
.client-nav-logo>div:not(.home) div._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: flex
}

.client-nav-1 [page-prev-next] button,
.client-nav-logo [page-prev-next] button {
    display: none
}

@media (min-width:1280px) {

    .client-nav-1 ._app-nav-header,
    .client-nav-logo ._app-nav-header {
        min-height: 90px;
        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 {
    width: 112px;
    height: auto;
    opacity: 1
}

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

@media (min-width:1280px) {
    .client-nav-1 ._app-nav-logo.nav-header {
        top: 20px
    }

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

    [dir=rtl] .client-nav-1 ._app-nav-logo.nav-header {
        left: 40px;
        right: auto
    }
}

.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
}

[data-service=legal] ._app-footer {
    display: block
}

.svg-icon.black-stroke path {
    stroke: #000
}

.svg-icon.black-fill path {
    fill: #000
}

[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
}

._app-nav-header {
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    z-index: 11;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    background: linear-gradient(180deg, hsla(0, 0%, 9%, .95) -95.83%, rgba(28, 28, 28, .32) 53.08%, rgba(27, 27, 27, .21));
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

@media (min-width:768px) {
    ._app-nav-header {
        min-height: 72px
    }
}

@media (min-width:1280px) {
    ._app-nav-header {
        min-height: 120px;
        padding-right: 40px;
        padding-left: 40px
    }
}

[data-service=legal] ._app-nav-logo {
    pointer-events: none
}

._app-nav-logo.nav-header {
    position: absolute;
    left: 24px;
    top: 18px;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 1
}

._app-nav-logo.nav-header a {
    position: relative;
    display: inline-block
}

._app-nav-logo.nav-header a img {
    width: 24px;
    height: 24px;
    opacity: 0
}

._app-nav-logo.nav-header a .svg-icon {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 24px;
    height: 24px
}

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

.home ._app-nav-logo.nav-header a .svg-icon {
    display: none
}

@media (min-width:768px) {
    ._app-nav-logo.nav-header a .svg-icon {
        top: 2px
    }

    .home ._app-nav-logo.nav-header a {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    ._app-nav-logo.nav-header {
        left: 40px;
        top: 44px;
        right: auto;
        bottom: auto
    }

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

    ._app-nav-logo.nav-header a .svg-icon {
        display: none
    }

    .home ._app-nav-logo.nav-header a img {
        width: 180px;
        height: auto
    }

    [data-region-id=GGPNL] ._app-nav-logo.nav-header a img,
    [data-region-id=GGPUK] ._app-nav-logo.nav-header a img {
        width: 226px;
        height: auto
    }

    [data-region-id=GGPCA] ._app-nav-logo.nav-header a img,
    [data-region-id=GGPDE] ._app-nav-logo.nav-header a img {
        width: 224px;
        height: auto
    }

    [data-region-id=GGPRO] ._app-nav-logo.nav-header a img {
        width: 194px;
        height: auto
    }
}

@media (min-width:768px) {
    ._app-nav-logo.collapse .svg-icon {
        display: none
    }

    ._app-nav-logo.collapse img {
        width: 112px;
        height: auto
    }
}

@media (min-width:1280px) {
    ._app-nav-logo.collapse img {
        width: 169px;
        height: auto
    }

    [dir=rtl] ._app-nav-logo.nav-header {
        left: auto;
        right: 40px
    }
}

[locale-link][disabled] {
    pointer-events: none
}

._app-record-holder {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    cursor: pointer
}

._app-record-holder.logo {
    width: 24px;
    height: 24px;
    margin-bottom: -4px;
    opacity: 0;
    pointer-events: none
}

._app-record-holder.logo img {
    width: 100%;
    height: 100%
}

._app-record-holder.collapse {
    display: none
}

@media (min-width:768px) {
    ._app-record-holder {
        width: auto;
        height: auto
    }

    ._app-record-holder.nav-header,
    ._app-record-holder.nav-header .ds {
        display: none
    }
}

@media (min-width:1280px) {
    ._app-record-holder.logo {
        display: none
    }

    ._app-record-holder.nav-header {
        display: block;
        width: auto;
        height: 38px
    }

    ._app-record-holder.nav-header .m {
        display: none
    }

    ._app-record-holder.nav-header .ds {
        width: 100%;
        display: inline-block !important
    }
}

.home ._app-record-holder.logo {
    opacity: 1;
    pointer-events: auto
}

._app-nav-mega {
    width: 100%;
    height: 120px;
    padding-top: 64px;
    transition: height .25s ease-in-out
}

._app-nav-mega.no-sub,
.home ._app-nav-mega {
    height: 64px
}

._app-nav-mega.no-sub>._app-nav-sub [slider],
.home ._app-nav-mega>._app-nav-sub [slider] {
    display: none
}

@media (min-width:768px) {

    ._app-nav-mega.no-sub,
    .home ._app-nav-mega {
        height: 128px;
        padding-top: 72px
    }

    ._app-nav-mega.no-sub.no-sub,
    .home ._app-nav-mega.no-sub,
    .home .home ._app-nav-mega {
        height: 72px
    }
}

@media (min-width:1280px) {
    ._app-nav-mega {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 120px
    }

    ._app-nav-mega.no-sub,
    .home ._app-nav-mega {
        height: 120px
    }

    ._app-nav-mega.no-sub>._app-nav-sub,
    .home ._app-nav-mega>._app-nav-sub {
        display: none
    }
}

.scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
    height: 120px
}

.scroll-up>div:not(.home) ._app-nav-sub .holder [slider] {
    transform: translateY(0);
    opacity: 1;
    height: 48px;
    pointer-events: auto;
    transition: .25s ease-in-out
}

@media (min-width:768px) {
    .scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
        height: 128px
    }
}

@media (min-width:1280px) {
    .scroll-up>div:not(.home) ._app-nav-mega:not(.no-sub) {
        height: 184px
    }

    .scroll-up>div:not(.home) ._app-nav-sub .holder ._slider,
    .scroll-up>div:not(.home) ._app-nav-sub .holder .title {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        transition: transform .25s 0s
    }
}

.scroll-down ._app-nav-mega:not(.no-sub) {
    height: 60px
}

.scroll-down ._app-nav-sub .holder:before {
    display: none
}

.scroll-down ._app-nav-sub .holder ._slider {
    opacity: 0;
    height: 1px;
    pointer-events: none
}

@media (min-width:768px) {
    .scroll-down ._app-nav-mega:not(.no-sub) {
        height: 72px
    }
}

@media (min-width:1280px) {
    .scroll-down ._app-nav-mega:not(.no-sub) {
        height: 120px
    }

    .scroll-down ._app-nav-sub .holder ._slider,
    .scroll-down ._app-nav-sub .holder .title {
        transform: translateY(-50%);
        opacity: 0;
        pointer-events: none
    }
}

.fade-enter-active,
.fade-leave-active {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    transition: clip-path .25s ease-out, opacity .25s ease-in-out
}

.fade-enter-active .holder,
.fade-leave-active .holder {
    opacity: 1;
    transform: translateY(0);
    transition: transform .25s ease-in-out, opacity .25s ease-in-out
}

.fade-enter,
.fade-leave-to {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0)
}

.fade-enter .holder,
.fade-leave-to .holder {
    opacity: 0;
    transform: translateY(4px)
}

._app-nav-gnb {
    display: none;
    position: absolute;
    left: 0;
    top: 68px;
    right: auto;
    bottom: auto;
    right: 0
}

._app-nav-gnb .nav-inner {
    position: relative;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

._app-nav-gnb .nav-inner>ul {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: flex-start
}

._app-nav-gnb .nav-inner>ul>li>a {
    position: relative;
    z-index: 1;
    height: 52px;
    display: flex;
    margin-right: 24px;
    align-items: flex-start;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #fff;
    -moz-column-gap: 4px;
    column-gap: 4px;
    cursor: pointer
}

._app-nav-gnb .nav-inner>ul>li.none-child>a {
    padding-right: 0
}

._app-nav-gnb .nav-inner>ul>li.none-child>a:after {
    display: none
}

._app-nav-gnb .nav-inner>ul>li.active>a:before,
._app-nav-gnb .nav-inner>ul>li.active>label:before,
._app-nav-gnb .nav-inner>ul>li.hover>a:before,
._app-nav-gnb .nav-inner>ul>li.hover>label:before {
    right: 0;
    height: 2.5px;
    bottom: 1px;
    z-index: 2;
    border-radius: 2px
}

._app-nav-gnb .nav-inner>ul>li.active>a .svg-icon,
._app-nav-gnb .nav-inner>ul>li.active>label .svg-icon,
._app-nav-gnb .nav-inner>ul>li.hover>a .svg-icon,
._app-nav-gnb .nav-inner>ul>li.hover>label .svg-icon {
    transform: rotate(180deg)
}

._app-nav-gnb .nav-inner>ul>li.active .mega-wrap,
._app-nav-gnb .nav-inner>ul>li.hover .mega-wrap {
    visibility: visible;
    pointer-events: auto
}

._app-nav-gnb .nav-inner .bar {
    display: none;
    position: absolute;
    left: 0;
    bottom: 1px;
    right: auto;
    top: auto;
    height: 2px;
    z-index: 1;
    background-color: #d30000;
    transition: width .25s ease-in-out, transform .25s ease-in-out
}

._app-nav-gnb .mega-wrap {
    position: relative;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 104px;
    background-color: #f7f7f8
}

._app-nav-gnb .mega-wrap .holder {
    display: flex;
    -moz-column-gap: 96px;
    column-gap: 96px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

._app-nav-gnb .mega-wrap .sub-item {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

._app-nav-gnb .mega-wrap .sub-item>a {
    position: relative;
    display: inline-block;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #000;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:768px) {
    ._app-nav-gnb .mega-wrap .sub-item>a {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._app-nav-gnb .mega-wrap .sub-item>a {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._app-nav-gnb .mega-wrap .sub-item>a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 1px;
    background-color: #000;
    transition: right .25s ease-in-out
}

._app-nav-gnb .mega-wrap .sub-item>a.active:after,
._app-nav-gnb .mega-wrap .sub-item>a:active:after,
.no-touch ._app-nav-gnb .mega-wrap .sub-item>a:hover:not(.hover-disable):after {
    right: 0
}

._app-nav-gnb .mega-wrap .sub-item>ul {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

._app-nav-gnb .mega-wrap .sub-item>ul a {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 191px
}

@media (min-width:768px) {
    ._app-nav-gnb .mega-wrap .sub-item>ul a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-gnb .mega-wrap .sub-item>ul a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-gnb .mega-wrap .sub-item>ul a.router-link-exact-active,
._app-nav-gnb .mega-wrap .sub-item>ul a:active,
.no-touch ._app-nav-gnb .mega-wrap .sub-item>ul a:hover:not(.hover-disable) {
    color: #262626
}

._app-nav-gnb .mega-wrap .sub-item>ul a.router-link-exact-active:after,
._app-nav-gnb .mega-wrap .sub-item>ul a:active:after,
.no-touch ._app-nav-gnb .mega-wrap .sub-item>ul a:hover:not(.hover-disable):after {
    background-color: #171717;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: ""
}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new {
    position: relative;
    display: flex;
    align-items: center
}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat
}

._app-nav-gnb .mega-wrap .ggteam {
    display: flex;
    -moz-column-gap: 16px;
    column-gap: 16px
}

._app-nav-gnb .mega-wrap .ggteam a {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 176px;
    height: 248px;
    border-radius: 16px;
    background: #f1f1f4 url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon_gg_white.png) 50% 24px no-repeat
}

._app-nav-gnb .mega-wrap .ggteam a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid transparent;
    border-radius: inherit;
    transition: border-color .15s ease-out, transform .25s ease-in-out
}

._app-nav-gnb .mega-wrap .ggteam a figure {
    display: block
}

._app-nav-gnb .mega-wrap .ggteam a figure img {
    width: auto;
    height: 192px;
    transform: scale(1);
    transition: transform .25s ease-in-out;
    transform-origin: bottom
}

._app-nav-gnb .mega-wrap .ggteam a .svg-icon {
    position: absolute;
    right: 12px;
    bottom: 42px;
    left: auto;
    top: auto
}

._app-nav-gnb .mega-wrap .ggteam a strong {
    position: relative;
    display: block;
    padding-right: 24px;
    padding-left: 24px;
    text-align: center;
    height: 56px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:768px) {
    ._app-nav-gnb .mega-wrap .ggteam a strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-gnb .mega-wrap .ggteam a strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-gnb .mega-wrap .ggteam a strong:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #ea0000 50%, transparent)
}

._app-nav-gnb .mega-wrap .ggteam a.show-all strong {
    text-align: right
}

._app-nav-gnb .mega-wrap .ggteam a.show-all strong:after {
    display: none
}

._app-nav-gnb .mega-wrap .ggteam a:active:before,
.no-touch ._app-nav-gnb .mega-wrap .ggteam a:hover:not(.hover-disable):before {
    border-color: #dc3333
}

._app-nav-gnb .mega-wrap .ggteam a:active figure img,
.no-touch ._app-nav-gnb .mega-wrap .ggteam a:hover:not(.hover-disable) figure img {
    transform: scale(1.025);
    transition-duration: 1.5s
}

._app-nav-gnb .mega-wrap .ggteam a>strong {
    line-height: 56px
}

._app-nav-gnb .mega-wrap.active {
    visibility: visible;
    pointer-events: auto;
    height: auto
}

._app-nav-gnb .mega-wrap.active-id-1 .holder {
    -moz-column-gap: 40px;
    column-gap: 40px
}

._app-nav-gnb .mega-wrap.active-id-3 .sub-item>ul a {
    max-width: 258px
}

@media (min-width:1280px) {

    ._app-nav-gnb,
    ._app-nav-gnb .nav-inner .bar {
        display: block
    }

    [dir=rtl] ._app-nav-gnb .nav-inner .bar {
        display: none
    }
}

@media (min-width:1280px) and (max-width:1672px) {

    ._app-nav-gnb>.mega-wrap .holder,
    ._app-nav-gnb>.nav-inner {
        margin-left: 234px
    }

    [dir=rtl] ._app-nav-gnb>.mega-wrap .holder,
    [dir=rtl] ._app-nav-gnb>.nav-inner {
        margin-left: 0;
        margin-right: 234px
    }
}

@media (min-width:1280px) and (max-width:1760px) {

    [data-region-id=GGPCA] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPCA] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPDE] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPDE] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPNL] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPNL] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPRO] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPRO] ._app-nav-gnb>.nav-inner,
    [data-region-id=GGPUK] ._app-nav-gnb>.mega-wrap .holder,
    [data-region-id=GGPUK] ._app-nav-gnb>.nav-inner {
        margin-left: 275px
    }
}

._app-nav-sub .holder {
    position: relative;
    width: 100%;
    padding-top: 8px
}

._app-nav-sub .holder:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 1px;
    opacity: .3;
    background-color: #fff
}

._app-nav-sub .holder .title {
    position: absolute;
    left: 64px;
    top: -64px;
    right: 64px;
    height: 64px;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 64px;
    text-align: center
}

@media (min-width:768px) {
    ._app-nav-sub .holder .title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._app-nav-sub .holder .title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._app-nav-sub .holder .title:after {
    content: "";
    display: block;
    position: absolute;
    right: 26px;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border-radius: 1px;
    margin-top: -1px;
    background-color: #fff;
    display: none
}

._app-nav-sub .holder ._slider {
    flex: 1;
    position: relative;
    height: 48px;
    max-width: 100%
}

._app-nav-sub .holder ._slider .swiper-button-next,
._app-nav-sub .holder ._slider .swiper-button-prev {
    display: none
}

._app-nav-sub .holder ._slider .swiper-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._app-nav-sub .holder ._slider a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
    height: 48px;
    color: hsla(0, 0%, 100%, .3);
    transition: color .25s ease-out
}

._app-nav-sub .holder ._slider a:active,
.no-touch ._app-nav-sub .holder ._slider a:hover:not(.hover-disable) {
    background-color: transparent;
    color: #fff
}

._app-nav-sub .holder ._slider a:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 1px;
    background-color: #fff
}

._app-nav-sub .holder ._slider a.active {
    color: #fff
}

._app-nav-sub .holder ._slider a.active:after {
    right: 0
}

._app-nav-sub .holder ._slider .swiper-slide {
    width: auto;
    max-width: none;
    margin-right: 24px
}

@media (min-width:768px) {
    ._app-nav-sub .holder .title {
        top: -72px;
        height: 72px;
        line-height: 72px
    }
}

@media (min-width:1280px) {
    ._app-nav-sub .holder {
        width: 1200px;
        padding-top: 16px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center
    }

    ._app-nav-sub .holder:before {
        left: 0;
        top: -1px;
        right: auto;
        bottom: auto;
        width: 783px;
        background: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0) 99.11%)
    }

    ._app-nav-sub .holder .title {
        flex: none;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        height: auto;
        display: block;
        padding-right: 56px;
        padding-bottom: 0;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        font-weight: 500;
        color: hsla(0, 0%, 100%, .3)
    }

    ._app-nav-sub .holder .title:after {
        content: "";
        display: block;
        position: absolute;
        right: 26px;
        top: 50%;
        left: auto;
        bottom: auto;
        width: 4px;
        height: 4px;
        border-radius: 1px;
        margin-top: -1px;
        background-color: #fff
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._app-nav-sub .holder .title {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._app-nav-sub .holder .title {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (max-width:1436px) {
    ._app-nav-sub .holder {
        width: auto
    }
}

@media (min-width:1280px) and (max-width:1672px) {
    ._app-nav-sub .holder {
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 194px
    }
}

@media (min-width:1280px) and (max-width:1760px) {

    [data-region-id=GGPCA] ._app-nav-sub .holder,
    [data-region-id=GGPDE] ._app-nav-sub .holder,
    [data-region-id=GGPNL] ._app-nav-sub .holder,
    [data-region-id=GGPRO] ._app-nav-sub .holder,
    [data-region-id=GGPUK] ._app-nav-sub .holder {
        margin-left: 235px
    }
}

.home ._app-nav-sub .holder:before {
    display: none
}

[dir=rtl] ._app-nav-sub .holder:before {
    left: auto;
    right: 0;
    background: linear-gradient(240deg, #fff 50%, hsla(0, 0%, 100%, 0) 99.11%)
}

@media (min-width:1280px) and (max-width:1672px) {
    [dir=rtl] ._app-nav-sub .holder {
        margin-top: 0;
        margin-right: 218px;
        margin-bottom: 0;
        margin-left: 0
    }
}

._slider {
    position: relative
}

._slider .swiper-button-next,
._slider .swiper-button-prev {
    z-index: 2;
    margin-top: 0
}

._slider .swiper-button-next:after,
._slider .swiper-button-prev:after {
    display: none
}

._slider .swiper-button-next .stroke-target,
._slider .swiper-button-prev .stroke-target {
    stroke: #fff
}

._slider .swiper-button i {
    width: 60px;
    height: 60px
}

._slider .swiper-button-prev {
    left: 0
}

._slider .swiper-button-prev i {
    position: relative;
    display: block;
    transform: scale(1.25)
}

._slider .swiper-button-prev i:before {
    transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)
}

._slider .swiper-button-prev i:after,
._slider .swiper-button-prev i:before {
    position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #fff;
    border-radius: 3px;
    content: ""
}

._slider .swiper-button-prev i:after {
    transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)
}

._slider .swiper-button-next {
    right: 0
}

._slider .swiper-button-next i {
    position: relative;
    display: block;
    transform: scale(1.25) rotate(180deg)
}

._slider .swiper-button-next i:before {
    transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)
}

._slider .swiper-button-next i:after,
._slider .swiper-button-next i:before {
    position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #fff;
    border-radius: 3px;
    content: ""
}

._slider .swiper-button-next i:after {
    transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)
}

._slider .swiper-button-more,
._slider .swiper-navigation.more .swiper-button-next.swiper-button-disabled {
    display: none
}

._slider .swiper-navigation.more .swiper-button-next.swiper-button-disabled+.swiper-button-more {
    display: flex
}

._slider .swiper-navigation.more .swiper-button-next.swiper-button-disabled+.swiper-button-more .stroke-target {
    stroke: #d30000
}

._slider .swiper-scrollbar {
    background-color: hsla(0, 0%, 100%, .1);
    height: 4px
}

._slider .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: #d30000
}

._slider .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    z-index: 2;
    text-align: center
}

._app-nav-utils {
    position: absolute;
    right: 24px;
    top: 0;
    left: auto;
    bottom: auto;
    height: 64px;
    display: flex;
    align-items: center
}

._app-nav-utils a,
._app-nav-utils label {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {

    ._app-nav-utils a,
    ._app-nav-utils label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {

    ._app-nav-utils a,
    ._app-nav-utils label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-utils ._app-nav-util.nav-header {
    display: none
}

._app-nav-utils ._app-nav-regions {
    order: 2;
    display: none
}

._app-nav-utils ._app-nav-signup {
    order: 1;
    display: none
}

._app-nav-utils ._app-nav-toggle {
    order: 3
}

._app-nav-utils .util-group-1 {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px
}

._app-nav-utils .util-group-1 ._app-record-holder {
    pointer-events: none
}

._app-nav-utils .util-group-1 ._app-record-holder .m {
    display: none
}

._app-nav-utils .util-group-2 {
    display: none;
    float: right
}

.home ._app-nav-utils ._app-nav-signup {
    display: block
}

@media (min-width:768px) {
    ._app-nav-utils {
        height: 72px
    }
}

@media (min-width:1280px) {
    ._app-nav-utils {
        position: absolute;
        right: 40px;
        top: 0;
        left: auto;
        bottom: auto;
        display: block
    }

    ._app-nav-utils ._app-nav-util.nav-header {
        display: flex
    }

    ._app-nav-utils ._app-nav-regions,
    ._app-nav-utils ._app-nav-signup {
        order: inherit;
        display: block
    }

    ._app-nav-utils ._app-nav-toggle {
        order: inherit
    }

    ._app-nav-utils .util-group-1 {
        padding-top: 8px;
        padding-bottom: 8px;
        gap: 24px;
        z-index: 1
    }

    ._app-nav-utils .util-group-1 ._app-record-holder {
        pointer-events: auto
    }

    ._app-nav-utils .util-group-2 {
        padding-top: 5px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 16px
    }
}

[dir=rtl] ._app-nav-utils .util-group-1 {
    flex-direction: row-reverse
}

@media (min-width:1280px) {
    [dir=rtl] ._app-nav-utils .util-group-2 {
        position: fixed;
        left: calc(50% - 600px);
        top: 47px;
        right: auto;
        bottom: auto
    }
}

._app-nav-util.nav-header {
    display: flex;
    align-items: center;
    gap: 24px
}

._app-nav-util.nav-header li {
    position: relative
}

._app-nav-util.nav-header li>a {
    display: flex;
    align-items: center;
    gap: 4px
}

._app-nav-util.nav-header li>a.disabled {
    pointer-events: none
}

@media (min-width:1280px) {
    ._app-nav-util.nav-header li>ul {
        display: none;
        flex-direction: column;
        gap: 12px;
        position: absolute;
        right: 0;
        top: calc(100% + 11px);
        left: auto;
        bottom: auto;
        padding: 28px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
    }

    ._app-nav-util.nav-header li>ul a {
        color: #000;
        white-space: nowrap
    }

    ._app-nav-util.nav-header li.children:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        right: 0;
        bottom: -12px;
        left: 0
    }

    ._app-nav-util.nav-header li.active .svg-icon {
        transform: rotate(180deg)
    }

    ._app-nav-util.nav-header li.active ul {
        display: flex
    }

    ._app-nav-util.nav-header li.active ul a:active,
    .no-touch ._app-nav-util.nav-header li.active ul a:hover:not(.hover-disable) {
        text-decoration: underline
    }
}

._app-nav-util.collapse {
    display: flex;
    flex-direction: column;
    margin-top: 64px;
    row-gap: 24px
}

._app-nav-util.collapse>li .svg-icon {
    display: none
}

._app-nav-util.collapse>li a {
    display: block;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #000
}

@media (min-width:768px) {
    ._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._app-nav-util.collapse>li>a {
    display: flex;
    align-items: center;
    gap: 12px
}

._app-nav-util.collapse>li>a:before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover;
    background-repeat: no-repeat
}

._app-nav-util.collapse>li.AboutUs a:before {
    background-image: url("https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png")
}

._app-nav-util.collapse>li.Contact a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-mail-24.png)
}

._app-nav-util.collapse>li.Partners {
    order: 99
}

._app-nav-util.collapse>li.Partners a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-heart-handshake-24.png)
}

._app-nav-util.collapse>li.Help a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-headset-24.png)
}

._app-nav-util.collapse>li.children ul {
    margin-top: 16px
}

._app-nav-util.collapse>li.children ul a {
    font-weight: 400;
    color: #404040;
    padding-right: 36px;
    padding-left: 36px
}

._app-nav-util.collapse>li.children li+li {
    margin-top: 12px
}

._app-nav-regions {
    display: none
}

._app-nav-regions .language-item {
    display: inline-flex;
    align-items: center
}

._app-nav-regions .language-item img {
    width: 16px;
    height: 16px;
    margin-bottom: 0
}

._app-nav-regions .language-item>strong {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    margin-left: 8px;
    white-space: nowrap
}

@media (min-width:768px) {
    ._app-nav-regions .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-regions .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-regions .language-item>strong:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 100%;
    height: 1px;
    background-color: #fff;
    transition: right .15s ease-out
}

._app-nav-regions .language-item>em {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3;
    margin-left: 4px
}

@media (min-width:768px) {
    ._app-nav-regions .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._app-nav-regions .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._app-nav-regions .language-item>span {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3
}

@media (min-width:768px) {
    ._app-nav-regions .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._app-nav-regions .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._app-nav-regions .language-item>span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background-color: #525252
}

._app-nav-regions .language-item+.svg-icon {
    margin-left: 4px
}

._app-nav-regions .language-container {
    position: relative
}

._app-nav-regions .language-container .language-current {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #fff
}

@media (min-width:768px) {
    ._app-nav-regions .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-regions .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-regions .language-container .language-current .language-item:after {
    display: none
}

._app-nav-regions .language-container .language-popup {
    position: absolute;
    right: -45px;
    top: calc(100% + 14px);
    left: auto;
    bottom: auto;
    z-index: 1;
    padding: 28px;
    border-radius: 8px;
    background-color: #262626;
    box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25)
}

._app-nav-regions .language-container .language-popup:before {
    content: "";
    display: block;
    position: absolute;
    left: 61%;
    top: -14px;
    right: auto;
    bottom: auto;
    right: 35px;
    height: 14px
}

._app-nav-regions .language-container .language-popup .language-title {
    display: block;
    font-size: 16px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 8px;
    line-height: 24px
}

@media (min-width:768px) {
    ._app-nav-regions .language-container .language-popup .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._app-nav-regions .language-container .language-popup .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._app-nav-regions .language-container .language-popup .language-list {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 200px);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px
}

._app-nav-regions .language-container .language-popup .language-list .language-item {
    height: 32px
}

._app-nav-regions .language-container .language-popup .language-list .language-item:active strong:after,
.no-touch ._app-nav-regions .language-container .language-popup .language-list .language-item:hover:not(.hover-disable) strong:after {
    right: 0
}

._app-nav-regions.active .svg-icon {
    transform: rotate(180deg)
}

._app-nav-regions.single .language-container .language-popup .language-list {
    grid-template-columns: repeat(1, auto)
}

@media (min-width:1280px) {
    ._app-nav-regions {
        display: block
    }
}

._app-nav-toggle {
    display: flex;
    align-items: center
}

._app-nav-toggle.collapse {
    color: #000
}

._app-nav-toggle.collapse .svg-icon-close path {
    stroke: #000
}

button._app-nav-download.nav-header {
    height: 40px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #fff
}

button._app-nav-download.nav-header span {
    font-size: inherit;
    font-weight: 500
}

button._app-nav-download.collapse {
    height: 48px;
    margin-top: 16px;
    margin-right: 24px;
    margin-bottom: 24px;
    margin-left: 24px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #fff;
    flex: 1
}

button._app-nav-download.collapse svg {
    display: none
}

._color-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 48px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 0;
    padding-left: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 80px;
    box-sizing: border-box;
    gap: 8px;
    border: 0;
    transition: background-color .25s ease-in-out, border-color .24s ease-in-out
}

._color-button:active,
.no-touch ._color-button:hover:not(.hover-disable) {
    background-color: hsla(0, 0%, 100%, .3)
}

._color-button[readonly] {
    cursor: auto
}

._color-button[readonly]:active,
.no-touch ._color-button[readonly]:hover:not(.hover-disable) {
    background-color: transparent
}

._color-button[disabled] {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none
}

._color-button.red,
._color-button.red:active,
.no-touch ._color-button.red:hover:not(.hover-disable) {
    background-color: #d30000
}

._color-button.gray-line-blur {
    background-color: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .1);
    backdrop-filter: 2px;
    -webkit-backdrop-filter: blur(2px)
}

._color-button.gray-line-blur:active,
.no-touch ._color-button.gray-line-blur:hover:not(.hover-disable) {
    background-color: hsla(0, 0%, 100%, .3)
}

._color-button.line {
    color: #000
}

._color-button.line,
._color-button.line:active,
.no-touch ._color-button.line:hover:not(.hover-disable) {
    background-color: #fff;
    border: 1px solid #000
}

._color-button.icon {
    width: 48px;
    height: 48px;
    padding: 0
}

._color-button.icon i {
    font-size: 24px !important
}

[section-container] {
    position: relative;
    min-height: 352px
}

[section-container] .contents {
    padding-right: 24px;
    padding-left: 24px
}

[section-container] .bg-holder {
    width: 100%;
    position: absolute;
    z-index: 0
}

@media (min-width:1280px) {
    [section-container] .contents {
        padding: 0;
        margin-left: auto;
        margin-right: auto
    }
}

[section-container].no-margin {
    margin-top: 0 !important
}

[section-container].primary {
    height: 352px
}

[section-container].primary:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent 0, var(--line-color) 50%, transparent 100%)
}

[section-container].primary .bg-holder {
    height: 100%;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    overflow: hidden
}

[section-container].primary .bg-holder picture {
    width: 100%;
    height: 100%
}

[section-container].primary .bg-holder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

[section-container].primary .contents {
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px
}

@media (min-width:768px) {
    [section-container].primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [section-container].primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[section-container].primary .contents:after,
[section-container].primary .contents:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 128px;
    pointer-events: none
}

[section-container].primary .contents:before {
    top: 0;
    background-blend-mode: multiply
}

[section-container].primary .contents:after {
    bottom: -1px;
    background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)
}

[section-container].primary .inner {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px
}

[section-container].primary h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700
}

@media (min-width:768px) {
    [section-container].primary h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    [section-container].primary h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

[section-container].primary h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500
}

@media (min-width:768px) {
    [section-container].primary h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [section-container].primary h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

@media (min-width:768px) {
    [section-container].primary {
        height: 528px
    }

    [section-container].primary .contents:after,
    [section-container].primary .contents:before {
        height: 200px
    }

    [section-container].primary .contents:before {
        background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
    }

    [section-container].primary .contents:after {
        background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
    }

    [section-container].primary .inner {
        padding-bottom: 72px
    }
}

@media (min-width:1280px) {
    [section-container].primary {
        height: 544px
    }

    [section-container].primary .inner {
        padding-bottom: 112px
    }
}

[section-container].home-section {
    padding-top: 56px
}

[section-container].home-section .contents {
    position: relative
}

[section-container].home-section .inner>h2,
[section-container].home-section .inner>h3 {
    text-align: center
}

[section-container].home-section .inner>h2 {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fff
}

@media (min-width:768px) {
    [section-container].home-section .inner>h2 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    [section-container].home-section .inner>h2 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

[section-container].home-section .inner>h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 300;
    color: #d4d4d4;
    margin-top: 16px
}

@media (min-width:768px) {
    [section-container].home-section .inner>h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [section-container].home-section .inner>h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    [section-container].home-section {
        padding-top: 64px
    }
}

@media (min-width:1280px) {
    [section-container].home-section {
        padding-top: 128px
    }
}

._responsive-img-new {
    display: block
}

._responsive-img-new.br img {
    border-radius: 16px;
    outline: none;
    border: 0
}

._responsive-img-new.img-rendering img {
    image-rendering: -webkit-optimize-contrast;
    transform: translateZ(0);
    backface-visibility: hidden
}

[blog-list] .grid {
    gap: 24px
}

[blog-list] .blog-key-visual {
    padding-top: 40px;
    padding-bottom: 24px
}

[blog-list] .blog-key-visual h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700
}

@media (min-width:768px) {
    [blog-list] .blog-key-visual h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    [blog-list] .blog-key-visual h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

[blog-list] .nav-container {
    margin-right: -24px;
    margin-left: -24px
}

[blog-list] .blog-nav {
    margin-right: 6px;
    margin-left: 6px
}

[blog-list] .container {
    margin-top: 32px;
    padding-right: 24px;
    padding-left: 24px
}

[blog-list] .no-post {
    text-align: center;
    width: 100%;
    height: 240px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    color: #737373;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px
}

@media (min-width:768px) {
    [blog-list] .no-post {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [blog-list] .no-post {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[blog-list] [drop-select] {
    margin-bottom: 24px;
    display: none
}

@media (min-width:768px) {
    [blog-list] .grid {
        gap: 40px 24px
    }

    [blog-list] .blog-nav,
    [blog-list] .nav-container {
        margin-right: 0;
        margin-left: 0
    }

    [blog-list] .container {
        padding-right: 0;
        padding-left: 0;
        margin-top: 56px
    }

    [blog-list] [drop-select] {
        margin-bottom: 32px
    }
}

@media (min-width:1280px) {
    [blog-list] .blog-key-visual {
        padding-top: 72px;
        padding-bottom: 40px
    }

    [blog-list] .blog-key-visual h2 {
        font-size: 48px;
        line-height: 50px
    }

    [blog-list] .nav {
        flex: none
    }

    [blog-list] .container {
        flex: 1;
        min-height: calc(100vh - 820px)
    }

    [blog-list] .no-post {
        height: 366px
    }

    [blog-list] [drop-select] {
        display: none;
        max-width: 588px;
        margin-left: auto
    }

    [blog-list] [card-blog] .blog-content [article-content] {
        max-width: 458px
    }
}

._page-container {
    padding-top: 56px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
    background-color: #18181a
}

@media (min-width:768px) {
    ._page-container {
        padding-top: 80px;
        padding-right: 32px;
        padding-bottom: 80px;
        padding-left: 32px
    }
}

@media (min-width:1280px) {
    ._page-container {
        padding-top: 128px;
        padding-bottom: 128px
    }
}

._page-container.background-common {
    background-color: #18181a
}

@media (min-width:1280px) {
    ._page-container.background-common {
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_common_ppattern_3.webp) 50% 0 repeat-y
    }
}

._page-container.policy-legal a {
    font-weight: 500;
    color: #fff
}

@media (min-width:1280px) {
    ._page-container.policy-legal>.inner {
        padding-right: 408px
    }
}

._page-container.how-to-play,
._page-container.promotions,
._page-container.tournaments {
    padding-bottom: 0
}

[about-us-content] {
    display: flex;
    flex-direction: column;
    row-gap: 56px
}

@media (min-width:768px) {
    [about-us-content] {
        row-gap: 64px
    }
}

@media (min-width:1280px) {
    [about-us-content] {
        row-gap: 128px
    }

    [about-us-content] [article-content]:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 336px;
        height: 264px;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: cover
    }

    [about-us-content] [article-content]:nth-child(odd):after {
        right: 0
    }

    [about-us-content] [article-content]:nth-child(2n):after {
        left: 0
    }

    [about-us-content] [article-content]:first-of-type:after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_1.png)
    }

    [about-us-content] [article-content]:nth-of-type(2):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_2.png)
    }

    [about-us-content] [article-content]:nth-of-type(3):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_3.png)
    }

    [about-us-content] [article-content]:nth-of-type(4):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_4.png)
    }

    [about-us-content] [article-content]:nth-of-type(5):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_5.png)
    }

    [about-us-content] [article-content]:nth-of-type(6):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/about_us_content_6.png)
    }
}

[article-content]>h3 {
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    padding-bottom: 24px
}

@media (min-width:768px) {
    [article-content]>h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [article-content]>h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[article-content]>h4 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    padding-bottom: 20px
}

@media (min-width:768px) {
    [article-content]>h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [article-content]>h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[article-content]>.content {
    position: relative;
    padding-top: 24px
}

[article-content]>.content:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, #52525b, transparent)
}

[article-content] ol.not {
    margin-left: 16px
}

[article-content].deco {
    position: relative
}

[article-content].deco:before {
    position: absolute;
    top: 0;
    width: 402px;
    height: 300px;
    background-size: auto 334px;
    z-index: 0;
    pointer-events: none;
    content: "";
    display: block;
    transform: translateX(-140px) translateY(-144px);
    opacity: .85;
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/article-content-deco.webp);
    background-position-x: 0;
    background-position-y: 0
}

[article-content].deco[data-text] {
    padding-top: 64px
}

[article-content].deco[data-text]:before {
    width: 402px;
    height: 300px;
    transform: translateX(-140px) translateY(-100px)
}

[article-content].deco[data-text]:after {
    position: absolute;
    left: -4px;
    top: -4px;
    right: auto;
    bottom: auto;
    content: attr(data-text);
    font-size: 100px;
    line-height: 100px;
    letter-spacing: -2px;
    opacity: .16;
    font-weight: 500;
    background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0) 90%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

[article-content].no-line>.content {
    border-top: 0;
    padding-top: 0
}

[article-content].no-line>.content:before {
    display: none
}

[article-content].box {
    padding: 24px;
    border-radius: 16px;
    background-color: rgba(36, 36, 42, .5)
}

[article-content].play-money {
    padding: 32px;
    background-color: hsla(0, 0%, 100%, .03);
    border-radius: 8px
}

[article-content].play-money [text-content].article-content {
    gap: 16px
}

[article-content].play-money [text-content].article-content p+p,
[article-content].play-money [text-content].article-content p+ul {
    margin-top: 0
}

[article-content].play-money [text-content].article-content ul.small li {
    color: #a3a3a3
}

[article-content].play-money [text-content].article-content ul.small li:before {
    background-color: #a3a3a3
}

[article-content].card-detail-slider [text-content].article-content {
    gap: 0
}

[article-content].card-detail-slider [text-content].article-content *+* {
    margin-top: 8px
}

[article-content].card-detail-slider [text-content].article-content h5 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [article-content].card-detail-slider [text-content].article-content h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [article-content].card-detail-slider [text-content].article-content h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[article-content].info-message p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [article-content].info-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [article-content].info-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[article-content].info-message p a {
    text-decoration: underline;
    color: #fff
}

[article-content].info-message p>em {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [article-content].info-message p>em {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [article-content].info-message p>em {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[article-content].info-message p>strong {
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {
    [article-content]>h6 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500
    }

    [article-content].deco:before {
        transform: translateX(-200px) translateY(-195px);
        background-size: auto auto
    }

    [article-content].deco[data-text] {
        padding-top: 72px
    }

    [article-content].deco[data-text]:before {
        transform: translateX(-200px) translateY(-97.5px)
    }

    [article-content].deco[data-text]:after {
        top: -8px;
        font-size: 120px;
        line-height: 120px;
        letter-spacing: -2.4px
    }

    [article-content].box {
        padding: 32px
    }

    [article-content].card-detail-slider [text-content].article-content p+h5,
    [article-content].card-detail-slider [text-content].article-content p+p {
        margin-top: 16px
    }
}

@media (min-width:768px) and (min-width:768px) {
    [article-content]>h6 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    [article-content]>h6 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [article-content]>h4 {
        padding-bottom: 24px
    }

    [article-content]>.content {
        padding-top: 24px
    }

    [article-content].deco[data-text] {
        padding-top: 96px
    }

    [article-content].deco[data-text]:after {
        left: -5px;
        top: -20px;
        right: auto;
        bottom: auto;
        font-size: 180px;
        line-height: 180px;
        letter-spacing: -3.6px
    }

    [article-content].box {
        padding: 56px
    }

    [article-content].card-detail-slider [text-content].article-content h5 {
        margin-top: 28px
    }

    [article-content].card-detail-slider [text-content].article-content h5+* {
        margin-top: 8px
    }

    [article-content].text-align-left {
        padding-right: 408px
    }

    [article-content].text-align-right {
        padding-left: 408px
    }

    [article-content].info-message {
        padding-right: 4px
    }
}

[dir=rtl] [article-content]>.content:before {
    background: linear-gradient(90deg, transparent, #52525b)
}

[dir=rtl] [article-content].deco:before {
    transform: translateX(244px) translateY(-144px)
}

@media (min-width:768px) {
    [dir=rtl] [article-content].deco:before {
        transform: translateX(184px) translateY(-195px)
    }
}

@media (min-width:1280px) {
    [dir=rtl] [article-content].text-align-left {
        padding-left: 448px;
        padding-right: 0
    }

    [dir=rtl] [article-content].text-align-right {
        padding-left: 0;
        padding-right: 408px
    }
}

[about-us-ggpoker-history] {
    margin-top: 56px
}

[about-us-ggpoker-history] [article-content]>.content {
    padding-top: 32px
}

@media (min-width:768px) {
    [about-us-ggpoker-history] {
        margin-top: 64px
    }

    [about-us-ggpoker-history] [article-content]>.content {
        padding-top: 40px
    }
}

@media (min-width:1280px) {
    [about-us-ggpoker-history] {
        margin-top: 128px
    }

    [about-us-ggpoker-history] [article-content]>.content {
        padding-top: 80px
    }
}

._accordion-view.open .title .angle-holder [svg-icon] {
    transform: rotate(180deg)
}

._accordion-view input.accord-inp {
    display: none
}

/* ._accordion-view.open .context, */
._accordion-view input.accord-inp:checked~.view-wrapper .context {
    max-height: 2000px;
    transition: max-height .3s
}

._accordion-view input.accord-inp:checked~.view-wrapper .title .default-angle {
    transform: rotate(-180deg)
}

._accordion-view .view-wrapper {
    background-color: transparent
}

._accordion-view .view-wrapper>label {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    gap: 4px
}

._accordion-view .title {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%
}

._accordion-view .title .angle-holder {
    position: absolute;
    right: 40px;
    top: 0;
    left: auto;
    bottom: auto;
    z-index: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0
}

._accordion-view .title .angle-holder [font-icon] {
    width: 12px;
    height: 12px;
    transform: translateY(0);
    margin-top: -6px
}

._accordion-view .title .angle-holder.black [font-icon] {
    width: 10px;
    height: 10px;
    margin-top: 0;
    color: #333
}

._accordion-view .title .default-angle {
    width: 12px;
    height: 12px;
    transition: transform .3s
}

._accordion-view .context {
    overflow: hidden;
    max-height: 0;
    transition: max-height .3s
}

._accordion-view .context .context-box .child>label {
    cursor: pointer
}

._app-footer {
    position: relative;
    background-color: #000
}

._app-footer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -1px;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent 15%, #d30101 50%, transparent 85%)
}

._app-footer .footer-social {
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    width: 100%;
    border-bottom: 1px solid #24242a
}

._app-footer .footer-social ._social {
    justify-content: center;
    gap: 20px
}

._app-footer ._app-footer-nav {
    flex: 1
}

._app-footer ._app_footer-banner {
    flex: none
}

._app-footer .footer-copyright {
    border-top: 1px solid #24242a
}

._app-footer .footer-copyright .inner {
    padding: 24px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3
}

@media (min-width:768px) {
    ._app-footer .footer-copyright .inner {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._app-footer .footer-copyright .inner {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._app-footer.contents .footer-copyright {
    text-align: center
}

@media (min-width:768px) {
    ._app-footer {
        display: flex;
        flex-wrap: wrap
    }

    ._app-footer .footer-social {
        padding-top: 16px;
        padding-right: 56px;
        padding-bottom: 16px;
        padding-left: 56px
    }

    ._app-footer .footer-social ._social {
        justify-content: flex-end;
        width: 280px;
        margin-left: auto
    }
}

@media (min-width:1280px) {
    ._app-footer {
        display: block
    }

    ._app-footer .footer-social {
        padding-right: 0;
        padding-left: 0;
        display: block
    }

    ._app-footer .footer-social ._social {
        transform: translateX(0)
    }

    ._app-footer .footer-copyright .inner {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._app-footer .footer-copyright .inner {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._app-footer .footer-copyright .inner {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._social {
    display: flex;
    align-items: center;
    gap: 24px;
    color: #fff
}

._social a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    transition: background-color .25s ease-in-out
}

.no-touch ._social a:hover:not(.hover-disable) {
    background-color: #24242a
}

.no-touch ._social a:active:not(.hover-disable) {
    background-color: #000
}

._social a.disabled .label {
    color: #525252
}

._social a.disabled svg path {
    fill: #525252
}

._social .label {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding-top: 2px;
    padding-right: 20px
}

@media (min-width:768px) {
    ._social {
        gap: 16px
    }
}

._app-footer-nav .inner {
    padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px
}

._app-footer-nav .inner>ul>li+li {
    margin-top: 24px
}

._app-footer-nav .inner>ul>li>a,
._app-footer-nav .inner>ul>li>strong {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase
}

._app-footer-nav .inner>ul>li>ul {
    padding-top: 12px
}

._app-footer-nav .inner>ul>li>ul li {
    display: flex;
    align-items: center;
    margin-top: 12px
}

._app-footer-nav .inner>ul>li>ul a {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #d4d4d4
}

.no-touch ._app-footer-nav .inner>ul>li>ul a:hover:not(.hover-disable) {
    color: #fff
}

.no-touch ._app-footer-nav .inner>ul>li>ul a:hover:not(.hover-disable):after {
    background-color: #d4d4d4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: ""
}

._app-footer-nav .inner ._app-region-selector+ul {
    margin-top: 56px
}

._app-footer-nav .inner ._app-region-selector+ul>li+li {
    margin-top: 32px
}

@media (min-width:768px) {
    ._app-footer-nav .inner {
        padding-top: 28px;
        padding-right: 56px;
        padding-bottom: 28px;
        padding-left: 56px
    }

    ._app-footer-nav .inner>ul>li>a,
    ._app-footer-nav .inner>ul>li>strong {
        position: relative;
        padding-bottom: 4px
    }

    ._app-footer-nav .inner>ul>li>a:not(strong):after,
    ._app-footer-nav .inner>ul>li>strong:not(strong):after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 100%;
        bottom: 0;
        height: 1px;
        background-color: #fff;
        transition: right .25s ease-in-out
    }

    ._app-footer-nav .inner>ul>li>a:not(strong):hover:after,
    ._app-footer-nav .inner>ul>li>strong:not(strong):hover:after {
        right: 0
    }

    ._app-footer-nav .inner>ul>li>ul {
        padding-top: 12px
    }

    ._app-footer-nav .inner>ul>li>ul a {
        line-height: 22px
    }

    ._app-footer-nav .inner ._app-region-selector+ul {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    ._app-footer-nav .inner {
        position: relative;
        display: block;
        padding-top: 28px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        min-height: 192px
    }

    ._app-footer-nav .inner>ul {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 96px
    }

    ._app-footer-nav .inner>ul>li+li {
        margin-top: 0
    }

    ._app-footer-nav .inner>ul>li>ul {
        padding-top: 16px
    }

    ._app-footer-nav .inner>ul>li>ul li {
        margin-top: 16px
    }

    ._app-footer-nav .inner>ul:first-of-type>li:first-child {
        min-width: 170px
    }

    ._app-footer-nav .inner ._app-region-selector+ul {
        align-items: flex-start
    }

    ._app-footer-nav .inner ._app-region-selector+ul>li+li {
        margin-top: 0
    }
}

div._app-region-selector .language-item {
    display: flex;
    align-items: center;
    padding-top: 9px;
    padding-right: 8px;
    padding-bottom: 9px;
    padding-left: 8px;
    border-radius: 8px;
    width: 100%
}

div._app-region-selector .language-item img {
    width: 16px;
    height: 16px;
    margin-bottom: 0
}

div._app-region-selector .language-item>strong {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    margin-left: 8px;
    white-space: nowrap
}

@media (min-width:768px) {
    div._app-region-selector .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    div._app-region-selector .language-item>strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

div._app-region-selector .language-item>em {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    margin-left: 4px
}

@media (min-width:768px) {
    div._app-region-selector .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    div._app-region-selector .language-item>em {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

div._app-region-selector .language-item>span {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400
}

@media (min-width:768px) {
    div._app-region-selector .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    div._app-region-selector .language-item>span {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

div._app-region-selector .language-item>span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 1px;
    height: 12px
}

div._app-region-selector .language-container {
    position: relative
}

div._app-region-selector .language-container .language-current {
    display: flex;
    align-items: center;
    height: 40px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    width: 100%
}

@media (min-width:768px) {
    div._app-region-selector .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    div._app-region-selector .language-container .language-current {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

div._app-region-selector .language-container .language-list {
    position: absolute;
    padding-right: 8px;
    padding-left: 8px;
    z-index: 1;
    padding-top: 8px;
    padding-bottom: 20px;
    overflow-y: scroll
}

div._app-region-selector .language-container .language-list::-webkit-scrollbar {
    width: 4px
}

div._app-region-selector .language-container .language-list::-webkit-scrollbar-thumb:hover,
div._app-region-selector .language-container .language-list::-webkit-scrollbar-track {
    background-color: transparent
}

div._app-region-selector .language-container .language-list::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 2px
}

div._app-region-selector.footer .language-item>strong {
    color: #fff
}

div._app-region-selector.footer .language-item>em,
div._app-region-selector.footer .language-item>span {
    color: #a3a3a3
}

div._app-region-selector.footer .language-item>span:before {
    background-color: #525252
}

div._app-region-selector.footer .language-container .language-current {
    border: 1px solid #3c3c44;
    background-color: #0e0e0e;
    color: #fff
}

.no-touch div._app-region-selector.footer .language-container .language-current:hover:not(.hover-disable) {
    background-color: #24242a;
    border: 1px solid #24242a
}

div._app-region-selector.footer .language-container .language-list {
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 0;
    border-radius: 0 0 8px 8px;
    max-height: 415px;
    border: 1px solid #3c3c44;
    border-top: 0;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
    background-color: #0e0e0e
}

.no-touch div._app-region-selector.footer .language-container .language-list .language-item:hover:not(.hover-disable) {
    background-color: #24242a
}

.no-touch div._app-region-selector.footer .language-container .language-list .language-item:active:not(.hover-disable) {
    background-color: #000
}

div._app-region-selector.footer.active .language-current {
    background-color: #24242a;
    border: 1px solid #24242a;
    border-radius: 8px 8px 0 0;
    border-bottom-color: transparent
}

@media (min-width:768px) {
    div._app-region-selector.footer {
        position: absolute;
        right: 56px;
        top: 104px;
        left: auto;
        bottom: auto;
        width: 280px;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0
    }
}

@media (min-width:1280px) {
    div._app-region-selector.footer {
        right: 0;
        top: 28px;
        left: auto;
        bottom: auto
    }
}

div._app-region-selector.sideMenu .language-item>strong {
    color: #000
}

div._app-region-selector.sideMenu .language-item>em,
div._app-region-selector.sideMenu .language-item>span {
    color: #525252
}

div._app-region-selector.sideMenu .language-item>span:before {
    background-color: #a3a3a3
}

div._app-region-selector.sideMenu .language-container .language-current {
    border: 1px solid #f1f1f4;
    background-color: #fff
}

.no-touch div._app-region-selector.sideMenu .language-container .language-current:hover:not(.hover-disable) {
    background-color: #fff;
    border: 1px solid #d5d5dc
}

div._app-region-selector.sideMenu .language-container .language-current svg path {
    fill: #000
}

div._app-region-selector.sideMenu .language-container .language-list {
    left: 0;
    bottom: 100%;
    right: auto;
    top: auto;
    right: 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #d5d5dc;
    background-color: #fafafa;
    border-bottom: 0;
    max-height: 295px
}

div._app-region-selector.sideMenu .language-container .language-list::-webkit-scrollbar-thumb {
    background-color: #d5d5dc
}

.no-touch div._app-region-selector.sideMenu .language-container .language-list .language-item:hover:not(.hover-disable) {
    background-color: rgba(0, 0, 0, .03)
}

.no-touch div._app-region-selector.sideMenu .language-container .language-list .language-item:active:not(.hover-disable) {
    background-color: #fff
}

div._app-region-selector.sideMenu.active {
    box-shadow: 0 7px 22px -4px rgba(154, 164, 184, .15), 0 1px 4px -2px rgba(154, 164, 184, .04)
}

div._app-region-selector.sideMenu.active .language-current {
    background-color: #fff;
    border-color: #d5d5dc;
    border-radius: 0 0 8px 8px;
    border-top-color: transparent
}

.no-touch div._app-region-selector.sideMenu.active .language-current:hover:not(.hover-disable) {
    border-top-color: transparent
}

._app-footer-banners .inner {
    padding-top: 28px;
    padding-right: 24px;
    padding-bottom: 28px;
    padding-left: 24px;
    text-align: center
}

._app-footer-banners .licenses {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

._app-footer-banners .site {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

._app-footer-banners .awards {
    margin-top: 24px
}

._app-footer-banners .awards ul {
    display: flex;
    justify-content: center;
    gap: 24px
}

._app-footer-banners .awards ul img {
    width: 68px;
    height: 68px
}

._app-footer-banners .egr-operator,
._app-footer-banners .guinness {
    margin-top: 16px;
    cursor: pointer
}

._app-footer-banners .egr-operator img,
._app-footer-banners .guinness img {
    width: 100%;
    height: auto;
    max-width: 280px;
    border-radius: 8px
}

._app-footer-banners .egr-operator {
    cursor: auto
}

@media (min-width:768px) {
    ._app-footer-banners {
        position: relative;
        margin-top: 72px
    }

    ._app-footer-banners .inner {
        padding-top: 28px;
        padding-right: 56px;
        padding-bottom: 28px;
        padding-left: 56px
    }

    ._app-footer-banners .awards {
        margin-top: 56px
    }
}

@media (min-width:1280px) {
    ._app-footer-banners {
        margin-top: 0
    }

    ._app-footer-banners .inner {
        position: relative;
        display: block
    }

    ._app-footer-banners .inner:has(.awards-guinness) {
        padding-top: 150px;
        padding-right: 0;
        padding-bottom: 28px;
        padding-left: 0
    }

    ._app-footer-banners .awards {
        margin-top: 0
    }

    ._app-footer-banners .awards ul li {
        flex: none
    }

    ._app-footer-banners .links {
        display: flex;
        align-items: center;
        gap: 8px
    }

    ._app-footer-banners .site {
        flex-direction: row;
        margin-top: 0
    }

    ._app-footer-banners .awards-guinness {
        position: absolute;
        right: 0;
        bottom: 28px;
        left: auto;
        top: auto
    }

    ._app-footer-banners .guinness img {
        width: 280px;
        height: 120px;
        max-width: inherit
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes scaleSvg {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.15)
    }

    to {
        transform: scale(1)
    }
}

._app-quick {
    position: fixed;
    right: 24px;
    bottom: 28px;
    left: auto;
    top: auto;
    z-index: 10;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 12px;
    pointer-events: none;
    transition: opacity .25s ease-in-out 0s
}

._app-quick.hidden {
    opacity: 0;
    visibility: hidden
}

._app-quick.down .btn-top {
    opacity: 1
}

._app-quick.ggpca {
    bottom: 56px
}

._app-quick>._color-button {
    width: 40px;
    height: 40px;
    pointer-events: auto;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500
}

._app-quick .btn-chat,
._app-quick .btn-top {
    transition: width .25s ease-in-out, height .25s ease-in-out, background-color .25s ease-in-out, border-color .24s ease-in-out
}

.no-touch ._app-quick .btn-chat:hover:not(.hover-disable),
.no-touch ._app-quick .btn-top:hover:not(.hover-disable) {
    background-color: #c00000
}

.no-touch ._app-quick .btn-chat:active:not(.hover-disable),
.no-touch ._app-quick .btn-top:active:not(.hover-disable) {
    background-color: #960000
}

._app-quick .btn-chat.loading {
    position: relative;
    pointer-events: none
}

._app-quick .btn-chat.loading:before {
    content: "";
    display: block;
    position: absolute;
    left: -3px;
    top: -3px;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-radius: 50%;
    animation: rotation .65s linear infinite;
    border-bottom-color: #c00000;
    pointer-events: none
}

.no-touch ._app-quick .btn-chat.loading:hover:not(.hover-disable) {
    background-color: hsla(0, 0%, 100%, .2)
}

._app-quick .btn-chat.loading svg {
    animation: scaleSvg 1s ease-in-out infinite
}

._app-quick .btn-chat.loading svg path {
    stroke: hsla(0, 0%, 100%, .2)
}

._app-quick .btn-download {
    padding: 0;
    transition: width .25s ease-in-out, padding .25s ease-out, background-color .25s ease-in-out, border-color .24s ease-in-out
}

._app-quick .btn-download svg {
    flex: none
}

._app-quick .btn-download>span {
    opacity: 0;
    transition: opacity .25s ease-out .25s
}

._app-quick .btn-download.on,
.no-touch ._app-quick .btn-download:hover:not(.hover-disable) {
    width: 180px;
    padding-left: 16px;
    padding-right: 24px
}

._app-quick .btn-download.on>span,
.no-touch ._app-quick .btn-download:hover:not(.hover-disable)>span {
    display: inline-block;
    opacity: 1
}

@media (min-width:768px) {
    ._app-quick.hidden {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width:1280px) {
    ._app-quick {
        gap: 16px
    }
}

[dir=rtl] ._app-quick {
    align-items: flex-start
}

[app-header].on~[app-quick],
div.modalContainer.sidebarMinimized {
    display: none
}

.dockableContainer button {
    position: relative
}

.dockableContainer button lightning-primitive-icon svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.dockableContainer button:hover:before {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat
}

._app-nav-util.collapse>li.AboutUs a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png)
}

[partners-header] {
    text-align: center;
    padding-bottom: 56px
}

[partners-header] h3 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    color: #fff;
    font-weight: 500
}

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

@media (min-width:1280px) {
    [partners-header] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[partners-header] p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    margin-top: 12px
}

@media (min-width:768px) {
    [partners-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [partners-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[partners-header] p a {
    font-weight: 500;
    text-decoration: underline;
    color: #fff
}

[partners-header] .eyebrow {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    font-weight: 400
}

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

@media (min-width:1280px) {
    [partners-header] .eyebrow {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    [partners-header] {
        padding-bottom: 64px
    }
}

@media (min-width:1280px) {
    [partners-header] {
        padding-bottom: 128px
    }

    [partners-header] p {
        margin-top: 24px
    }
}

[affiliate-program-with-us] .message {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [affiliate-program-with-us] .message {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [affiliate-program-with-us] .message {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

.blog-nav ._slider {
    margin-bottom: 24px;
    padding-left: 40px;
    padding-right: 40px
}

.blog-nav ._slider .swiper-slide {
    width: auto;
    max-width: none
}

.blog-nav ._slider .swiper-button.swiper-button-next:before,
.blog-nav ._slider .swiper-button.swiper-button-prev:before {
    content: "";
    width: 12px;
    height: 40px;
    position: absolute
}

.blog-nav ._slider .swiper-button.swiper-button-prev:before {
    left: 38px;
    background: linear-gradient(90deg, #18181b, rgba(24, 24, 27, 0))
}

.blog-nav ._slider .swiper-button.swiper-button-next:before {
    right: 40px;
    background: linear-gradient(90deg, rgba(24, 24, 27, 0), #18181b)
}

.blog-nav ._slider .swiper-button.swiper-button-disabled {
    background: none
}

.blog-nav ._slider .swiper-button-next,
.blog-nav ._slider .swiper-button-prev {
    background: linear-gradient(90deg, transparent, #181818);
    height: 40px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: 55%
}

.blog-nav ._slider .swiper-button-next i,
.blog-nav ._slider .swiper-button-prev i {
    position: absolute;
    width: 40px;
    height: 40px
}

.blog-nav ._slider .swiper-button-next i {
    right: 0
}

.blog-nav ._slider .swiper-button-prev i {
    left: 0
}

.blog-nav ._slider .swiper-button-next.swiper-button-disabled,
.blog-nav ._slider .swiper-button-prev.swiper-button-disabled {
    opacity: 1
}

.blog-nav ._slider .swiper-button-next.swiper-button-disabled i:after,
.blog-nav ._slider .swiper-button-next.swiper-button-disabled i:before,
.blog-nav ._slider .swiper-button-prev.swiper-button-disabled i:after,
.blog-nav ._slider .swiper-button-prev.swiper-button-disabled i:before {
    background-color: #404040
}

.blog-nav ._slider .swiper-button-next i:before,
.blog-nav ._slider .swiper-button-prev i:before {
    transform-origin: 1px 100%;
    width: 2px;
    height: 10px
}

.blog-nav ._slider .swiper-button-next i:after,
.blog-nav ._slider .swiper-button-prev i:after {
    width: 2px;
    height: 10px;
    top: calc(50% - 1px);
    transform-origin: 1px 100%
}

.blog-nav ._slider a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 12px;
    height: 48px;
    color: #8b8b8d;
    transition: color .25s ease-out
}

.blog-nav ._slider a:active,
.no-touch .blog-nav ._slider a:hover:not(.hover-disable) {
    background-color: transparent;
    color: #fff
}

.blog-nav ._slider a:active:after,
.no-touch .blog-nav ._slider a:hover:not(.hover-disable):after {
    right: 12px;
    height: 1px
}

.blog-nav ._slider a:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    background-color: #fff;
    left: 12px;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    transition: right .25s ease-in-out
}

.blog-nav ._slider a.active {
    color: #fff
}

.blog-nav ._slider a.active:active:after,
.blog-nav ._slider a.active:after,
.no-touch .blog-nav ._slider a.active:hover:not(.hover-disable):after {
    right: 12px;
    height: 2px
}

@media (min-width:768px) {
    .blog-nav ._slider {
        margin-bottom: 12px
    }
}

._grid {
    display: grid !important;
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

._grid.base {
    gap: 20px
}

@media (min-width:1280px) {
    ._grid.base {
        gap: 24px
    }
}

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

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

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

@media (min-width:1280px) {
    ._grid.gap-32 {
        gap: 24px
    }
}

@media (min-width:414px) {
    ._grid[ml="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[ml="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[ml-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[ml="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[ml="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[ml-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[ml="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[ml="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[ml-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[ml="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[ml="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[ml-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[ml="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[ml="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[ml-r="5"] {
        grid-row: span 5/span 5 !important
    }
}

@media (min-width:768px) {
    ._grid[tp="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[tp="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[tp-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[tp="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[tp="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[tp-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[tp="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[tp="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[tp-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[tp="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[tp="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[tp-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[tp="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[tp="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[tp-r="5"] {
        grid-row: span 5/span 5 !important
    }
}

@media (min-width:1024px) {
    ._grid[tl="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[tl="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[tl-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[tl="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[tl="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[tl-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[tl="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[tl="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[tl-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[tl="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[tl="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[tl-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[tl="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[tl="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[tl-r="5"] {
        grid-row: span 5/span 5 !important
    }
}

@media (min-width:1280px) {
    ._grid[ds="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[ds="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[ds-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[ds="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[ds="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[ds-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[ds="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[ds="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[ds-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[ds="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[ds="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[ds-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[ds="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[ds="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[ds-r="5"] {
        grid-row: span 5/span 5 !important
    }
}

@media (min-width:1440px) {
    ._grid[dm="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[dm="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[dm-r="1"] {
        grid-row: span 1/span 1 !important
    }

    ._grid[dm="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[dm="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[dm-r="2"] {
        grid-row: span 2/span 2 !important
    }

    ._grid[dm="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[dm="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[dm-r="3"] {
        grid-row: span 3/span 3 !important
    }

    ._grid[dm="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[dm="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[dm-r="4"] {
        grid-row: span 4/span 4 !important
    }

    ._grid[dm="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[dm="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[dm-r="5"] {
        grid-row: span 5/span 5 !important
    }
}

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

._grid>[m="1"] {
    grid-column: span 1/span 1
}

._grid>[m-r="1"] {
    grid-row: span 1/span 1
}

@media (min-width:1680px) {
    ._grid[dl="1"] {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important
    }

    ._grid>[dl="1"] {
        grid-column: span 1/span 1 !important
    }

    ._grid>[dl-r="1"] {
        grid-row: span 1/span 1 !important
    }
}

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

._grid>[m="2"] {
    grid-column: span 2/span 2
}

._grid>[m-r="2"] {
    grid-row: span 2/span 2
}

@media (min-width:1680px) {
    ._grid[dl="2"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important
    }

    ._grid>[dl="2"] {
        grid-column: span 2/span 2 !important
    }

    ._grid>[dl-r="2"] {
        grid-row: span 2/span 2 !important
    }
}

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

._grid>[m="3"] {
    grid-column: span 3/span 3
}

._grid>[m-r="3"] {
    grid-row: span 3/span 3
}

@media (min-width:1680px) {
    ._grid[dl="3"] {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important
    }

    ._grid>[dl="3"] {
        grid-column: span 3/span 3 !important
    }

    ._grid>[dl-r="3"] {
        grid-row: span 3/span 3 !important
    }
}

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

._grid>[m="4"] {
    grid-column: span 4/span 4
}

._grid>[m-r="4"] {
    grid-row: span 4/span 4
}

@media (min-width:1680px) {
    ._grid[dl="4"] {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important
    }

    ._grid>[dl="4"] {
        grid-column: span 4/span 4 !important
    }

    ._grid>[dl-r="4"] {
        grid-row: span 4/span 4 !important
    }
}

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

._grid>[m="5"] {
    grid-column: span 5/span 5
}

._grid>[m-r="5"] {
    grid-row: span 5/span 5
}

@media (min-width:1680px) {
    ._grid[dl="5"] {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important
    }

    ._grid>[dl="5"] {
        grid-column: span 5/span 5 !important
    }

    ._grid>[dl-r="5"] {
        grid-row: span 5/span 5 !important
    }
}

._grid>.col-1 {
    grid-column: span 1/span 1
}

._grid>.row-1 {
    grid-row: span 1/span 1
}

._grid>.col-2 {
    grid-column: span 2/span 2
}

._grid>.row-2 {
    grid-row: span 2/span 2
}

._grid>.col-3 {
    grid-column: span 3/span 3
}

._grid>.row-3 {
    grid-row: span 3/span 3
}

._grid>.col-4 {
    grid-column: span 4/span 4
}

._grid>.row-4 {
    grid-row: span 4/span 4
}

._grid>.col-5 {
    grid-column: span 5/span 5
}

._grid>.row-5 {
    grid-row: span 5/span 5
}

[card-blog] {
    overflow: hidden;
    background-color: #18181b
}

[card-blog] .content-wrap {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)
}

[card-blog] .blog-content {
    display: flex;
    flex-flow: row
}

[card-blog] .blog-content .blog-title {
    flex: 1.2;
    padding: 16px;
    overflow: hidden;
    background-color: #24242a
}

[card-blog] .blog-content .blog-title>h3 {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    /* text-after-overflow: ellipsis; */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2
}

@media (min-width:768px) {
    [card-blog] .blog-content .blog-title>h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [card-blog] .blog-content .blog-title>h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[card-blog] .blog-content .blog-title .category {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 4px;
    color: #a3a3a3;
    line-height: 16px
}

@media (min-width:768px) {
    [card-blog] .blog-content .blog-title .category {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    [card-blog] .blog-content .blog-title .category {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

[card-blog] .blog-content figure {
    flex: 1;
    position: relative;
    width: auto;
    height: auto;
    background-color: #24242a
}

[card-blog] .blog-content figure a {
    display: block;
    padding-top: 52%
}

[card-blog] .blog-content figure img {
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

[card-blog] .blog-content .date {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    color: #737373;
    display: none
}

@media (min-width:768px) {
    [card-blog] .blog-content .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    [card-blog] .blog-content .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

[card-blog] .blog-content .desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    display: none
}

[card-blog] .blog-content .desc * {
    font-weight: 400 !important;
    display: inline
}

[card-blog] .blog-content .desc iframe {
    width: 100% !important
}

[card-blog] .tags {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background-color: rgba(36, 36, 42, .8)
}

[card-blog] .tags a {
    padding-top: 7px;
    padding-bottom: 7px;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3;
    transition: color .25s ease-out
}

@media (min-width:768px) {
    [card-blog] .tags a {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    [card-blog] .tags a {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

.no-touch [card-blog] .tags a:hover:not(.hover-disable),
[card-blog] .tags a:active {
    color: #fff
}

@media (min-width:768px) {
    [card-blog] .content-wrap {
        box-shadow: 0 2px 16px 0 rgba(0, 0, 0, .3);
        border-radius: 16px
    }

    [card-blog] .content-wrap .blog-content {
        display: block
    }

    [card-blog] .content-wrap .blog-content>figure {
        width: auto;
        height: auto
    }

    [card-blog] .content-wrap .blog-content .blog-title {
        padding-top: 24px;
        padding-right: 32px;
        padding-bottom: 24px;
        padding-left: 32px
    }

    [card-blog] .content-wrap .blog-content .blog-title h3 {
        min-height: 78px
    }

    [card-blog] .content-wrap .date {
        font-size: 12px;
        line-height: 14px;
        letter-spacing: .36px;
        display: block;
        padding-top: 16px
    }
}

@media (min-width:768px) and (min-width:768px) {
    [card-blog] .content-wrap .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    [card-blog] .content-wrap .date {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

[pagination] {
    position: relative;
    display: flex;
    align-items: center
}

[pagination] span.next-button {
    margin-left: 12px;
    padding-right: 0;
    padding-left: 0
}

[pagination] span.prev-button {
    margin-right: 12px;
    padding-right: 0;
    padding-left: 0
}

[pagination] button {
    height: 24px;
    min-width: 24px;
    vertical-align: middle;
    padding-right: 4px;
    padding-left: 4px
}

[pagination] button[disabled] {
    pointer-events: none
}

[pagination] .first-button,
[pagination] .last-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    color: #a3a3a3;
    font-size: 14px
}

[pagination] .end-and-end {
    display: flex
}

[pagination] a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: auto;
    min-width: 24px;
    padding-right: 4px;
    padding-left: 4px;
    color: #a3a3a3;
    font-size: 14px
}

[pagination] a.active {
    background-color: #24242a
}

[pagination] a.active:after {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%)
}

@media (min-width:1280px) {
    [pagination] {
        margin-top: 40px
    }
}

[card-icon] {
    padding: 24px;
    border-radius: 16px;
    background: linear-gradient(180deg, #29292f, #232529 94.74%);
    box-shadow: 0 3px 14px -2px rgba(0, 0, 0, .3)
}

[card-icon]>.bg-icon path {
    stroke: hsla(0, 0%, 100%, .1)
}

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

[card-icon] .holder .title {
    margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [card-icon] .holder .title {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [card-icon] .holder .title {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[card-icon] .holder h4 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [card-icon] .holder h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [card-icon] .holder h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[card-icon] .holder h4+p {
    margin-top: 8px
}

[card-icon] .content {
    position: relative;
    z-index: 1;
    margin-top: 16px;
    padding-top: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [card-icon] .content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [card-icon] .content {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[card-icon] .content:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 80px;
    height: 2px;
    background-color: #54545f
}

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

[card-icon] .content>ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

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

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

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

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

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

[card-icon].contact .content>[color-button] {
    flex: 1
}

[card-icon].thumbnail {
    padding: 0;
    border: 1px solid #033f13;
    background: linear-gradient(180deg, #151515 34.5%, #02230b)
}

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

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

[card-icon].thumbnail .holder .title {
    margin-top: 0
}

[card-icon].thumbnail.blue {
    border: 1px solid #042751;
    background: linear-gradient(180deg, #151515 44.5%, #011d39)
}

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

@media (min-width:768px) {

    [card-icon],
    [card-icon].thumbnail .holder {
        padding: 32px
    }
}

[affiliate-program-join] {
    display: flex;
    flex-direction: column;
    row-gap: 56px;
    margin-top: 56px
}

@media (min-width:768px) {
    [affiliate-program-join] {
        row-gap: 64px;
        margin-top: 64px
    }
}

@media (min-width:1280px) {
    [affiliate-program-join] {
        row-gap: 128px;
        margin-top: 128px
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 336px;
        height: 264px;
        background-repeat: no-repeat;
        background-position-x: 50%;
        background-position-y: 50%;
        background-size: cover
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-child(odd):after {
        right: 0
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-child(2n):after {
        left: 0
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-of-type(3):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/affiliate_program_join_1.png)
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-of-type(4):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/affiliate_program_join_2.png)
    }

    [affiliate-program-join] [article-content]:nth-of-type(2)~[article-content]:nth-of-type(5):after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/affiliate_program_join_3.png)
    }
}

[affiliate-program-signup] {
    margin-top: 56px
}

[affiliate-program-signup] .article-content {
    row-gap: 16px
}

[affiliate-program-signup] [card-icon].contact .title {
    color: #d4d4d4;
    align-items: flex-start
}

[affiliate-program-signup] [card-icon].contact .content {
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px
}

[affiliate-program-signup] [card-icon].contact .content p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    text-decoration: underline
}

[affiliate-program-signup] [card-icon].contact .content .icon {
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #dc3333;
    border-radius: 50%
}

@media (min-width:768px) {
    [affiliate-program-signup] {
        margin-top: 64px
    }

    [affiliate-program-signup] .article-content {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px
    }

    [affiliate-program-signup] .article-content [color-button] {
        max-width: 248px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1280px) {
    [affiliate-program-signup] {
        margin-top: 128px
    }

    [affiliate-program-signup] .article-content {
        grid-template-columns: repeat(4, 1fr) !important;
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    [affiliate-program-signup] .article-content [card-icon] .title {
        min-height: 78px
    }
}

._app-nav-util.collapse>li.AboutUs a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png)
}

._app-nav-languages .container a {
    display: flex;
    gap: 12px;
    width: auto;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000;
    min-height: 36px
}

@media (min-width:768px) {
    ._app-nav-languages .container a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-languages .container a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-languages .container a span {
    position: relative
}

._app-nav-languages .container a:active>span:before,
.no-touch ._app-nav-languages .container a:hover:not(.hover-disable)>span:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
    content: ""
}

._app-nav-languages.nav-header {
    position: relative
}

._app-nav-languages.nav-header label {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

._app-nav-languages.nav-header label .svg-icon.ds,
._app-nav-languages.nav-header label>span {
    display: none
}

._app-nav-languages.nav-header .container {
    position: fixed;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 100dvh;
    padding: 20px;
    border-radius: 0;
    background-color: #fff;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05);
    color: #404040;
    display: none
}

._app-nav-languages.nav-header .container .title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 28px
}

@media (min-width:768px) {
    ._app-nav-languages.nav-header .container .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._app-nav-languages.nav-header .container .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._app-nav-languages.nav-header .container .group {
    display: flex;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px;
    overflow-y: scroll;
    max-height: calc(100dvh - 116px)
}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb:hover,
._app-nav-languages.nav-header .container .group::-webkit-scrollbar-track {
    background-color: transparent
}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb {
    background-color: #54545f;
    border-radius: 8px
}

._app-nav-languages.nav-header .container .group::-webkit-scrollbar-thumb:hover {
    background-color: #24242a
}

._app-nav-languages.nav-header .container .group>div {
    flex: 1
}

._app-nav-languages.nav-header .container .group .global {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

._app-nav-languages.nav-header .container .group .country {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 12px
}

._app-nav-languages.nav-header .container .group .country a.active {
    pointer-events: none
}

._app-nav-languages.nav-header .container .btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
    left: auto;
    bottom: auto;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center
}

._app-nav-languages.nav-header .container .btn-close .svg-icon path {
    stroke: #000
}

._app-nav-languages.nav-header.active label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -16px;
    left: -40px;
    display: none
}

._app-nav-languages.nav-header.active .container {
    display: block
}

._app-nav-languages.nav-header.active .container .btn-close {
    display: flex
}

._app-nav-header.on ._app-nav-languages.nav-header {
    visibility: hidden
}

@media (min-width:768px) {
    ._app-nav-languages.nav-header .container {
        left: 50%;
        top: 50vh;
        bottom: auto;
        right: auto;
        width: 584px;
        height: auto;
        transform: translate(-50%, -50%);
        border-radius: 8px
    }

    ._app-nav-languages.nav-header .container .group a {
        width: 168px
    }

    ._app-nav-languages.nav-header .container .group .country {
        grid-template-rows: repeat(11, auto);
        -moz-column-gap: 24px;
        column-gap: 24px;
        grid-auto-flow: column dense
    }

    ._app-nav-languages.nav-header.active .container {
        display: block
    }
}

@media (min-width:1280px) {
    ._app-nav-languages.nav-header {
        display: none
    }

    ._app-nav-languages.nav-header label span {
        display: inline-block;
        margin-left: 8px
    }

    ._app-nav-languages.nav-header label .svg-icon.ds {
        display: inline-block
    }

    ._app-nav-languages.nav-header .container {
        position: absolute;
        right: 0;
        top: calc(100% + 16px);
        left: auto;
        bottom: auto;
        padding: 28px;
        transform: none
    }

    ._app-nav-languages.nav-header .container .group a {
        width: 200px
    }

    ._app-nav-languages.nav-header .container .group .country {
        row-gap: 12px
    }

    ._app-nav-languages.nav-header:active label:before,
    .no-touch ._app-nav-languages.nav-header:hover:not(.hover-disable) label:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        right: 0;
        bottom: -16px;
        left: -5px
    }

    ._app-nav-languages.nav-header:active .svg-icon.ds,
    .no-touch ._app-nav-languages.nav-header:hover:not(.hover-disable) .svg-icon.ds {
        transform: rotate(180deg)
    }

    ._app-nav-languages.nav-header.clean-active .container,
    ._app-nav-languages.nav-header.clean-active:active .container,
    .no-touch ._app-nav-languages.nav-header.clean-active:hover:not(.hover-disable) .container {
        display: none
    }
}

._app-nav-languages.nav-header.popup.active .container {
    display: block;
    position: fixed;
    left: 50%;
    top: 50vh;
    bottom: auto;
    right: auto;
    height: auto;
    transform: translate(-50%, -50%)
}

._app-nav-languages.nav-header.popup.active .container .btn-close {
    display: block
}

@media (min-width:1280px) {
    [dir=rtl] ._app-nav-languages.nav-header label span {
        margin-left: 0;
        margin-right: 8px
    }
}

._app-nav-languages.collapse {
    margin-top: 40px;
    display: none
}

._app-nav-languages.collapse label {
    display: none
}

._app-nav-languages.collapse .container .title span {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #000;
    padding-bottom: 4px
}

@media (min-width:768px) {
    ._app-nav-languages.collapse .container .title span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._app-nav-languages.collapse .container .title span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._app-nav-languages.collapse .container .title span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 100%;
    height: 2px;
    background-color: #000
}

._app-nav-languages.collapse .container .group {
    margin-top: 24px
}

._app-nav-languages.collapse .container .group,
._app-nav-languages.collapse .container .group>div {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

._app-nav-languages.collapse .container .btn-close {
    display: none
}

@media (min-width:768px) {
    ._app-nav-languages.collapse {
        display: block
    }
}

._app-nav-languages-single {
    position: relative
}

._app-nav-languages-single .language-current {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 40px;
    padding-top: 0;
    padding-right: 12px;
    padding-bottom: 0;
    padding-left: 16px;
    border-radius: 62px;
    background-color: hsla(0, 0%, 100%, .1)
}

._app-nav-languages-single .language-current strong {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._app-nav-languages-single .language-current strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-languages-single .language-current strong {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-languages-single .language-current:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    right: auto;
    bottom: auto;
    right: 0;
    height: 10px;
    display: none
}

._app-nav-languages-single .language-current:active .svg-icon,
.no-touch ._app-nav-languages-single .language-current:hover:not(.hover-disable) .svg-icon {
    transform: rotate(180deg)
}

._app-nav-languages-single .language-current:active:before,
.no-touch ._app-nav-languages-single .language-current:hover:not(.hover-disable):before {
    display: block
}

._app-nav-languages-single .container {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    left: auto;
    bottom: auto;
    z-index: 1;
    padding: 28px;
    border-radius: 8px;
    background-color: #fff;
    display: none;
    box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25)
}

._app-nav-languages-single .container .language-title {
    font-size: 16px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #404040
}

@media (min-width:768px) {
    ._app-nav-languages-single .container .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._app-nav-languages-single .container .language-title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._app-nav-languages-single .container .language-list {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 224px);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 12px
}

._app-nav-languages-single .container .language-list a {
    display: flex;
    align-items: center;
    height: 32px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000
}

@media (min-width:768px) {
    ._app-nav-languages-single .container .language-list a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-languages-single .container .language-list a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._app-nav-languages-single .container .language-list a.active {
    pointer-events: none
}

._app-nav-languages-single .container .language-list a span {
    position: relative
}

._app-nav-languages-single .container .language-list a span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 1px;
    background-color: #000;
    white-space: nowrap;
    transition: right .15s ease-out
}

._app-nav-languages-single .container .language-list a:active span:after,
.no-touch ._app-nav-languages-single .container .language-list a:hover:not(.hover-disable) span:after {
    right: 0
}

._app-nav-languages-single .container .language-list a.active span {
    font-weight: 700
}

._app-nav-languages-single:active .container,
._app-nav-languages-single:active .language-current:before,
.no-touch ._app-nav-languages-single:hover:not(.hover-disable) .container,
.no-touch ._app-nav-languages-single:hover:not(.hover-disable) .language-current:before {
    display: block
}

@media (min-width:1280px) and (max-width:1330px) {
    ._app-nav-languages-single .language-current strong {
        display: none
    }
}

[all-in-fortune] [key-visual-promotions].primary h2 sup {
    display: flex;
    color: #fff
}

[all-in-fortune] [article-content]>.content h6 {
    margin-bottom: 8px
}

[all-in-fortune] [article-content]>.content ul {
    margin-bottom: 20px
}

@media (min-width:768px) {
    [all-in-fortune] [article-content]>.content h6 {
        margin-bottom: 12px
    }
}

@media (min-width:1280px) {
    [all-in-fortune] [article-content]>.content h6 {
        margin-bottom: 8px
    }

    [all-in-fortune] [article-content]>.content ul {
        margin-bottom: 24px
    }
}

[promotions-template] [page-container] {
    padding-top: 28px
}

[promotions-template] [page-container]>.inner {
    display: flex;
    flex-direction: column;
    gap: 56px
}

@media (min-width:768px) {
    [promotions-template] [page-container]>.inner {
        gap: 64px
    }

    [promotions-template] .key-visual-group h2 {
        width: 600px
    }
}

@media (min-width:1280px) {
    [promotions-template] .key-visual-group {
        position: relative
    }

    [promotions-template] .key-visual-group [promotions-overview] {
        position: absolute;
        left: 0;
        top: 672px;
        right: auto;
        bottom: auto;
        right: 0;
        z-index: 3
    }

    [promotions-template] .key-visual-group:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: auto;
        top: auto;
        right: 0;
        z-index: -1;
        height: 400px;
        background: linear-gradient(0deg, #000 -6.5%, rgba(40, 40, 40, 0) 81.5%);
        z-index: 1
    }

    [promotions-template] .key-visual-group h2 {
        width: 100%
    }

    [promotions-template] [page-container] {
        padding-top: 40px
    }

    [promotions-template] [page-container]>.inner {
        gap: 128px
    }
}

[key-visual-promotions][section-container].primary {
    height: 352px
}

[key-visual-promotions][section-container].primary .inner {
    padding-bottom: 0
}

[key-visual-promotions][section-container].primary .title-area {
    position: absolute;
    left: 0;
    bottom: 32px;
    right: auto;
    top: auto;
    right: 0
}

[key-visual-promotions][section-container].primary .title-area sup {
    position: absolute;
    left: 0;
    bottom: calc(100% + 8px);
    right: auto;
    top: auto;
    display: flex;
    align-items: flex-end;
    -moz-column-gap: 5px;
    column-gap: 5px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [key-visual-promotions][section-container].primary .title-area sup {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [key-visual-promotions][section-container].primary .title-area sup {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[key-visual-promotions][section-container].primary .title-area sup img {
    margin-bottom: 2px
}

[key-visual-promotions][section-container].primary .title-area small {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    display: block
}

@media (min-width:768px) {
    [key-visual-promotions][section-container].primary .title-area small {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [key-visual-promotions][section-container].primary .title-area small {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[key-visual-promotions][section-container].primary:before {
    display: none
}

[key-visual-promotions][section-container].primary .contents:after,
[key-visual-promotions][section-container].primary .contents:before {
    height: 120px
}

[key-visual-promotions][section-container].primary .contents:before {
    background: linear-gradient(180deg, #4e4339, hsla(0, 0%, 100%, 0));
    background-blend-mode: multiply
}

[key-visual-promotions][section-container].primary .contents:after {
    background: linear-gradient(0deg, #18181b, rgba(24, 24, 27, 0) 72.92%);
    z-index: 2
}

[dir=rtl] [key-visual-promotions][section-container].primary .title-area sup {
    left: auto;
    right: 0
}

@media (min-width:768px) {
    [key-visual-promotions][section-container].primary {
        height: 528px
    }

    [key-visual-promotions][section-container].primary .inner {
        padding-bottom: 88px
    }

    [key-visual-promotions][section-container].primary .title-area {
        bottom: 72px
    }
}

@media (min-width:1280px) {
    [key-visual-promotions][section-container].primary {
        height: 884px
    }

    [key-visual-promotions][section-container].primary .inner {
        padding-bottom: 74px
    }

    [key-visual-promotions][section-container].primary .title-area {
        bottom: auto;
        top: 360px
    }

    [key-visual-promotions][section-container].primary .contents:before {
        height: 200px;
        background: linear-gradient(180deg, #606060, hsla(0, 0%, 100%, 0))
    }

    [key-visual-promotions][section-container].primary .contents:after {
        height: 200px;
        background: linear-gradient(180deg, rgba(24, 24, 27, 0), #18181b 100%, #18181b 0)
    }
}

[promotions-overview] .inner {
    display: flex;
    flex-direction: column;
    row-gap: 28px;
    padding-top: 51px;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px
}

[promotions-overview] h4 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [promotions-overview] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [promotions-overview] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[promotions-overview] ul li {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [promotions-overview] ul li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [promotions-overview] ul li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[promotions-overview] ul>li {
    position: relative;
    padding-left: 22px
}

[promotions-overview] ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px
}

@media (min-width:1280px) {
    [promotions-overview] ul>li {
        padding-left: 24px
    }
}

[lang=ar] [promotions-overview] ul>li {
    padding-right: 22px
}

[lang=ar] [promotions-overview] ul>li:before {
    right: 7px;
    top: 7px;
    left: auto;
    bottom: auto
}

@media (min-width:1280px) {
    [lang=ar] [promotions-overview] ul>li {
        padding-right: 24px
    }
}

[promotions-overview] p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [promotions-overview] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [promotions-overview] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[promotions-overview] p span {
    font-weight: 700;
    color: #fff
}

[promotions-overview] p strong {
    color: #fee78a
}

[promotions-overview] p a {
    text-decoration: underline
}

@media (min-width:768px) {
    [promotions-overview] .inner {
        padding-top: 79px;
        padding-right: 32px;
        padding-bottom: 64px;
        padding-left: 32px
    }
}

@media (min-width:1280px) {
    [promotions-overview] .inner {
        row-gap: 24px;
        padding: 0
    }
}

[all-in-fortune-thumbnails] {
    text-align: center
}

[all-in-fortune-thumbnails] [grid] {
    row-gap: 8px
}

[all-in-fortune-thumbnails] .item {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

[all-in-fortune-thumbnails] .item figure {
    position: relative;
    width: 104px;
    height: 78px;
    margin-left: auto;
    margin-right: auto
}

[all-in-fortune-thumbnails] .item figure img {
    position: absolute;
    left: 50%;
    bottom: 0;
    right: auto;
    top: auto;
    transform: translateX(-50%);
    width: auto;
    height: 108px
}

[all-in-fortune-thumbnails] .item figure.video {
    position: relative;
    padding-top: 74.8%
}

[all-in-fortune-thumbnails] .item figure.video video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

[all-in-fortune-thumbnails] .item p {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [all-in-fortune-thumbnails] .item p {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [all-in-fortune-thumbnails] .item p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    [all-in-fortune-thumbnails] [grid] {
        row-gap: 20px
    }

    [all-in-fortune-thumbnails] .item {
        row-gap: 12px
    }

    [all-in-fortune-thumbnails] .item figure {
        position: relative;
        width: 224px;
        height: 168px
    }

    [all-in-fortune-thumbnails] .item figure img {
        height: 100%
    }
}

@media (min-width:1280px) {

    [all-in-fortune-thumbnails] .item,
    [all-in-fortune-thumbnails] [grid] {
        row-gap: 24px
    }

    [all-in-fortune-thumbnails] .item figure {
        width: 384px;
        height: 288px
    }

    [all-in-fortune-thumbnails] .item figure img {
        height: 288px
    }
}

[all-in-fortune-fortunes] [responsive-video].responsive {
    max-width: 704px;
    margin: 0 auto
}

[all-in-fortune-fortunes] [responsive-video].responsive video {
    height: auto
}

@media (min-width:1280px) {
    [all-in-fortune-fortunes] [responsive-video].responsive {
        max-width: none
    }

    [all-in-fortune-fortunes] .objects .obj {
        opacity: .15
    }

    [all-in-fortune-fortunes] .objects .obj:first-of-type {
        left: calc(100% - 261px);
        bottom: -164px;
        right: auto;
        top: auto
    }

    [all-in-fortune-fortunes] .objects .obj:nth-of-type(2) {
        left: -727px;
        top: -220px;
        right: auto;
        bottom: auto
    }

    [all-in-fortune-fortunes] .objects img {
        position: absolute;
        pointer-events: none
    }

    [all-in-fortune-fortunes] .objects img:first-of-type {
        left: calc(100% + 114.86px);
        bottom: 270px;
        right: auto;
        top: auto
    }

    [all-in-fortune-fortunes] .objects img:nth-of-type(2) {
        right: calc(100% + 129px);
        top: 50px;
        left: auto;
        bottom: auto
    }
}

._img-content-template figure {
    text-align: center
}

._img-content-template figure [responsive-video],
._img-content-template figure img {
    width: 100%;
    height: auto;
    border-radius: 16px
}

._img-content-template.img-left>figure {
    margin-top: 24px
}

._img-content-template.img-right [article-content]>.content {
    row-gap: 20px
}

._img-content-template.img-right figure {
    margin-top: 0
}

._img-content-template.img-left-content-before .left-content-before,
._img-content-template.img-left-content-before .right-content-before,
._img-content-template.img-right-content-before .left-content-before,
._img-content-template.img-right-content-before .right-content-before {
    margin-bottom: 20px
}

._img-content-template.img-left-content-before .left-content-before img,
._img-content-template.img-left-content-before .right-content-before img,
._img-content-template.img-right-content-before .left-content-before img,
._img-content-template.img-right-content-before .right-content-before img {
    max-width: 704px;
    margin-left: auto;
    margin-right: auto
}

._img-content-template.img-message .group {
    display: block
}

._img-content-template.img-message .group img {
    max-width: 288px;
    margin-left: auto;
    margin-right: auto
}

._img-content-template.img-message .group .message {
    margin-top: -22px;
    width: 260px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fee78a;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_img_message.png) 50% 0/cover no-repeat
}

@media (min-width:768px) {
    ._img-content-template.img-message .group .message {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    ._img-content-template.img-message .group .message {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

._img-content-template.img-message.img-left {
    display: flex;
    flex-direction: column;
    gap: 56px
}

._img-content-template.img-message.img-left>[article-content] {
    order: 2
}

._img-content-template.img-message.img-left>figure {
    margin-top: 0
}

._img-content-template [article-content]>h3:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 24px;
    background-image: linear-gradient(90deg, #52525b, transparent)
}

._img-content-template [article-content].no-line>h3:after {
    display: none
}

@media (min-width:768px) {

    ._img-content-template.img-left figure [img-container],
    ._img-content-template.img-left figure img,
    ._img-content-template.img-right figure [img-container],
    ._img-content-template.img-right figure img {
        max-width: 704px;
        margin-left: auto;
        margin-right: auto
    }

    ._img-content-template.img-left figure [responsive-video],
    ._img-content-template.img-right figure [responsive-video] {
        border-radius: 16px
    }

    ._img-content-template.img-left-content-before .left-content-before,
    ._img-content-template.img-left-content-before .right-content-before,
    ._img-content-template.img-right-content-before .left-content-before,
    ._img-content-template.img-right-content-before .right-content-before {
        margin-bottom: 24px
    }

    ._img-content-template.img-message .group img {
        max-width: 408px !important
    }

    ._img-content-template.img-message .group .message {
        margin-top: -42px;
        width: 368px;
        height: 134px
    }

    ._img-content-template.img-message.img-left {
        gap: 64px
    }
}

@media (min-width:1280px) {

    ._img-content-template.img-left [responsive-video],
    ._img-content-template.img-right [responsive-video] {
        width: 496px;
        height: auto
    }

    ._img-content-template.img-left {
        display: flex;
        flex-direction: row-reverse;
        gap: 72px
    }

    ._img-content-template.img-left [article-content] {
        flex: 1
    }

    ._img-content-template.img-left figure {
        flex: none
    }

    ._img-content-template.img-left figure img {
        max-width: 496px
    }

    ._img-content-template.img-left>figure {
        margin-top: 0
    }

    ._img-content-template.img-right [article-content]>h3 {
        max-width: 632px
    }

    ._img-content-template.img-right [article-content]>.content {
        display: flex;
        flex-flow: row;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    ._img-content-template.img-right [article-content]>.content:before {
        max-width: 632px
    }

    ._img-content-template.img-right [article-content]>.content .container {
        flex: 1
    }

    ._img-content-template.img-right [article-content]>.content figure {
        flex: none;
        display: block;
        margin-top: -72px
    }

    ._img-content-template.img-right [article-content]>.content figure [responsive-video],
    ._img-content-template.img-right [article-content]>.content figure img {
        max-width: 496px
    }

    ._img-content-template.img-right [article-content]:not(.no-line)>.content figure {
        margin-top: -96px
    }

    ._img-content-template.img-left-content-before,
    ._img-content-template.img-right-content-before {
        min-height: 360px
    }

    ._img-content-template.img-left-content-before .left-content-before,
    ._img-content-template.img-left-content-before .right-content-before,
    ._img-content-template.img-right-content-before .left-content-before,
    ._img-content-template.img-right-content-before .right-content-before {
        position: absolute;
        margin-bottom: 0;
        top: -72px
    }

    ._img-content-template.img-left-content-before .left-content-before img,
    ._img-content-template.img-left-content-before .right-content-before img,
    ._img-content-template.img-right-content-before .left-content-before img,
    ._img-content-template.img-right-content-before .right-content-before img {
        max-width: 496px
    }

    ._img-content-template.img-left-content-before {
        padding-left: 568px
    }

    ._img-content-template.img-left-content-before .left-content-before {
        left: 0;
        transform: translateX(-568px)
    }

    ._img-content-template.img-right-content-before {
        padding-right: 568px
    }

    ._img-content-template.img-right-content-before .right-content-before {
        right: 0;
        transform: translateX(568px)
    }

    ._img-content-template.no-margin [article-content]>.content figure {
        margin-top: 0
    }

    ._img-content-template.img-message .group img {
        max-width: inherit !important
    }

    ._img-content-template.img-message .group .message {
        margin-top: -52px;
        width: 531px;
        height: 194px
    }

    ._img-content-template.img-message.img-left {
        display: flex;
        flex-direction: row-reverse;
        gap: 72px
    }

    ._img-content-template.img-message.img-left>[article-content] {
        order: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }
}

.objects {
    position: relative
}

.objects img {
    display: none
}

@media (min-width:1280px) {
    .objects img {
        display: inline-block
    }
}

._bg-object {
    display: none
}

.loaded ._bg-object {
    position: absolute;
    display: inline-block;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    z-index: 0;
    pointer-events: none;
    display: none
}

.loaded ._bg-object.base {
    width: 658px;
    height: 658px;
    background: radial-gradient(50% 50% at 50% 50%, var(--bg-object-color) 0, rgba(29, 31, 33, 0) 100%);
    opacity: .9
}

.loaded ._bg-object.particle {
    width: 67px;
    height: 124px;
    transform: rotate(21.714);
    background: linear-gradient(177deg, rgba(211, 59, 59, .3) 44.54%, rgba(194, 83, 83, 0) 97.4%);
    mix-blend-mode: color-dodge;
    filter: blur(28.5px)
}

.loaded ._bg-object.circle {
    width: 980px;
    height: 980px;
    opacity: .18;
    pointer-events: none;
    border-radius: 100%;
    background: radial-gradient(50% 50% at 50% 50%, var(--bg-object-color) 0, var(--bg-object-color2) 100%)
}

@media (min-width:1280px) {
    .loaded ._bg-object {
        display: inline-block
    }
}

[responsive-video] video {
    width: 100%;
    height: 100%;
    vertical-align: top
}

[responsive-video].br {
    border-radius: 16px;
    overflow: hidden
}

@media (min-width:768px) {
    [responsive-video] video {
        max-width: 704px
    }
}

@media (min-width:1280px) {
    [responsive-video] video {
        max-width: none
    }
}

[responsive-video].responsive {
    position: relative;
    width: 100%;
    overflow: hidden
}

[responsive-video].responsive video {
    vertical-align: top
}

[all-in-fortune-massive] [responsive-video].responsive {
    max-width: 704px;
    margin: 0 auto
}

[all-in-fortune-massive] [responsive-video].responsive video {
    height: auto
}

@media (min-width:1280px) {
    [all-in-fortune-massive] [responsive-video].responsive {
        max-width: none
    }
}

[section-limitations] {
    position: relative;
    z-index: 1
}

[section-limitations] .message {
    color: #a3a3a3;
    margin-bottom: -16px
}

[section-limitations] strong {
    color: #fff
}

li[data-v-7383a5e1]:has(.small):before {
    display: none !important
}

[page-prev-next] {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

[section-terms-conditions] {
    position: relative;
    background-color: #09090b;
    padding: 24px
}

[section-terms-conditions] [text-content].base {
    color: #a3a3a3
}

[section-terms-conditions] [text-content].base a {
    color: #fff;
    text-decoration: underline
}

[section-terms-conditions] [text-content].base h6 {
    margin-bottom: 24px
}

[section-terms-conditions] [text-content].base h6:first-of-type {
    margin-bottom: 0
}

[section-terms-conditions] [text-content].base ul {
    margin-top: 8px;
    margin-bottom: 24px
}

@media (min-width:1280px) {
    [section-terms-conditions] {
        padding-top: 40px;
        padding-right: 0;
        padding-bottom: 40px;
        padding-left: 0
    }

    [section-terms-conditions] [text-content].base h6 {
        margin-bottom: 24px
    }

    [section-terms-conditions] [text-content].base h6:first-of-type {
        margin-bottom: 0
    }

    [section-terms-conditions] [text-content].base ul {
        margin-top: 8px;
        margin-bottom: 24px
    }
}

@media (min-width:1280px) {
    [all-in-fold-jackpot] .key-visual-group h2 {
        width: 789px
    }
}

[all-in-fold-holdem-omaha] article h4 {
    margin-top: 12px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [all-in-fold-holdem-omaha] article h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [all-in-fold-holdem-omaha] article h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[all-in-fold-holdem-omaha] article p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [all-in-fold-holdem-omaha] article p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [all-in-fold-holdem-omaha] article p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[all-in-fold-holdem-omaha] article figure img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 704px;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1280px) {
    [all-in-fold-holdem-omaha] article h4 {
        margin-top: 20px
    }
}

[bad-beat-jackpot] [key-visual-promotions].primary .title-image {
    display: block;
    margin-top: 8px;
    width: 281px;
    height: auto
}

@media (min-width:768px) {
    [bad-beat-jackpot] [key-visual-promotions].primary .title-image {
        width: 562px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot] [key-visual-promotions].primary h3:after {
        content: "";
        display: block;
        position: absolute;
        left: -50px;
        bottom: -230px;
        right: auto;
        top: auto;
        width: 771px;
        height: 250px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/key_visual_BadBeatJackpot_board.png) 0 0/cover no-repeat;
        pointer-events: none
    }

    [bad-beat-jackpot] [key-visual-promotions].primary .title-image {
        width: 750px;
        margin-top: 28px
    }
}

[bad-beat-jackpot-trigger] .item {
    padding-top: 20px;
    padding-right: 24px;
    padding-bottom: 22px;
    padding-left: 24px;
    text-align: center;
    width: 100%;
    height: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bad_beat_jackpot_trigger_card.png) 50% 50%/cover no-repeat;
    border-radius: 16px
}

[bad-beat-jackpot-trigger] .item strong {
    display: block;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [bad-beat-jackpot-trigger] .item strong {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item strong {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[bad-beat-jackpot-trigger] .item figure {
    padding-top: 20px;
    padding-bottom: 20px
}

[bad-beat-jackpot-trigger] .item figure img {
    width: 100%;
    height: auto
}

[bad-beat-jackpot-trigger] .item p {
    color: #fee78a
}

[bad-beat-jackpot-trigger] .item p span {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400
}

@media (min-width:768px) {
    [bad-beat-jackpot-trigger] .item p span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item p span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[bad-beat-jackpot-trigger] .item p:first-of-type {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400
}

@media (min-width:768px) {
    [bad-beat-jackpot-trigger] .item p:first-of-type {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item p:first-of-type {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500
}

@media (min-width:768px) {
    [bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    [bad-beat-jackpot-trigger] .item {
        margin-left: auto;
        margin-right: auto
    }

    [bad-beat-jackpot-trigger] .item strong {
        height: 56px;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }
}

@media (min-width:768px) and (min-width:768px) {
    [bad-beat-jackpot-trigger] .item strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item strong {
        height: 54px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        font-weight: 400;
        font-weight: 500
    }

    [bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px;
        font-weight: 500
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [bad-beat-jackpot-trigger] .item strong {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item strong {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [bad-beat-jackpot-trigger] .item p:nth-of-type(2) {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[bad-beat-jackpot-hitting] figure img {
    width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px
}

[bad-beat-jackpot-hitting] ul {
    margin-top: -4px
}

@media (min-width:768px) {
    [bad-beat-jackpot-hitting] {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-hitting] .objects .obj {
        opacity: .1
    }

    [bad-beat-jackpot-hitting] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        top: 22px;
        right: auto;
        bottom: auto
    }

    [bad-beat-jackpot-hitting] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bad-beat-jackpot-hitting] .objects img:first-of-type {
        left: calc(100% + 106.6px);
        top: 485px;
        right: auto;
        bottom: auto;
        max-width: 234px
    }
}

[bad-beat-jackpot-payout] [responsive-table] td,
[bad-beat-jackpot-payout] [responsive-table] th {
    width: 50%
}

@media (min-width:1280px) {
    [bad-beat-jackpot-payout] {
        min-height: 365px
    }

    [bad-beat-jackpot-payout] .objects .obj {
        opacity: .1
    }

    [bad-beat-jackpot-payout] .objects .obj:first-of-type {
        right: calc(100% - 253px);
        top: -140px;
        left: auto;
        bottom: auto
    }

    [bad-beat-jackpot-payout] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bad-beat-jackpot-payout] .objects img:first-of-type {
        right: calc(100% + 44.55px);
        top: 32.89px;
        left: auto;
        bottom: auto;
        max-width: 282px
    }
}

[responsive-table] .c-prize200 {
    font-weight: 500
}

[responsive-table].base .title {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 8px;
    display: none
}

@media (min-width:768px) {
    [responsive-table].base .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [responsive-table].base .title {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[responsive-table].base .holder {
    overflow: auto;
    border-radius: 8px
}

[responsive-table].base .holder::-webkit-scrollbar {
    width: 4px
}

[responsive-table].base .holder::-webkit-scrollbar-thumb:hover,
[responsive-table].base .holder::-webkit-scrollbar-track {
    background-color: transparent
}

[responsive-table].base .holder::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

[responsive-table].base .holder::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 8px
}

[responsive-table].base .holder::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

[responsive-table].base table {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    border-bottom: 1px solid #24242a
}

@media (min-width:768px) {
    [responsive-table].base table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [responsive-table].base table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[responsive-table].base thead th {
    padding-top: 0;
    padding-right: 32px;
    padding-bottom: 0;
    padding-left: 32px;
    height: 48px;
    background-color: #24242a;
    white-space: nowrap
}

[responsive-table].base thead th:first-child {
    border-radius: 8px 0 0 8px
}

[responsive-table].base thead th:last-child {
    border-radius: 0 8px 8px 0
}

[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 #53525b
}

[responsive-table].base thead .-b,
[responsive-table].base thead .-b th {
    border-bottom: 1px solid #53525b
}

[responsive-table].base tbody td,
[responsive-table].base tbody th {
    padding: 8px;
    text-align: center;
    color: #fff
}

@media (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: #000;
    --responsive-table-theme-color-line: var(--responsive-table-theme-color);
    --responsive-table-theme-color-line-header: #171717
}

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

[responsive-table].scroll-color .holder::-webkit-scrollbar {
    width: 4px
}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb:hover,
[responsive-table].scroll-color .holder::-webkit-scrollbar-track {
    background-color: transparent
}

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

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, .2);
    border-radius: 8px
}

[responsive-table].scroll-color .holder::-webkit-scrollbar-thumb:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

[responsive-table].scroll-color table {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [responsive-table].scroll-color table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [responsive-table].scroll-color table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[responsive-table].scroll-color tr.hidden-d {
    display: table-row
}

[responsive-table].scroll-color td,
[responsive-table].scroll-color th {
    padding-top: 24px;
    padding-right: 12px;
    padding-bottom: 24px;
    padding-left: 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 th {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    background-color: var(--responsive-table-theme-color)
}

@media (min-width:768px) {
    [responsive-table].scroll-color thead th {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [responsive-table].scroll-color thead th {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[responsive-table].scroll-color thead th:first-child {
    border-radius: 8px 0 0 8px
}

[responsive-table].scroll-color thead th:last-child {
    border-radius: 0 8px 8px 0
}

[responsive-table].scroll-color thead th:only-child {
    border-radius: 8px
}

[responsive-table].scroll-color thead th.no-radius {
    border-radius: 0
}

[responsive-table].scroll-color thead tr.transparent th {
    background-color: transparent;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px
}

@media (min-width:768px) {
    [responsive-table].scroll-color thead tr.transparent th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [responsive-table].scroll-color thead tr.transparent th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[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: #000
}

[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: #d4d4d4
}

[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-dark {
    --responsive-table-theme-color: #1e485b
}

[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 {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 48px;
    background: linear-gradient(270deg, #253358 1.2%, rgba(37, 51, 88, 0) 102.32%);
    border-radius: 8px
}

[responsive-table].scroll-color.blue-gradient thead th {
    background-color: transparent
}

[responsive-table].scroll-color.blue-gradient tbody td {
    background-color: #18181b
}

[responsive-table].scroll-color.green {
    --responsive-table-theme-color: #214732
}

[responsive-table].scroll-color.green thead th {
    color: #fff
}

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

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

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb:hover,
[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-track {
    background-color: transparent
}

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

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb {
    background-color: #54545f;
    border-radius: 8px
}

[responsive-table].scroll-color.in-scroll tbody::-webkit-scrollbar-thumb:hover {
    background-color: #24242a
}

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

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb:hover,
[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-track {
    background-color: transparent
}

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

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb {
    background-color: #54545f;
    border-radius: 8px
}

[responsive-table].scroll-color.in-sticky .holder::-webkit-scrollbar-thumb:hover {
    background-color: #24242a
}

[responsive-table].scroll-color.in-sticky thead th {
    position: sticky;
    top: 0
}

@media (min-width:1280px) {
    [responsive-table].scroll-color.blue-gradient .holder:before {
        height: 54px
    }

    [responsive-table].scroll-color thead th {
        padding-top: 16px;
        padding-bottom: 16px;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        color: #d4d4d4
    }

    [responsive-table].scroll-color tr.hidden-d {
        display: none
    }

    [responsive-table].scroll-color td,
    [responsive-table].scroll-color th {
        padding-top: 16px;
        padding-right: 32px;
        padding-bottom: 16px;
        padding-left: 32px
    }

    [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
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[responsive-table].mobile-height.scroll-color .holder {
    max-height: 360px
}

@media (min-width:768px) {
    [responsive-table].mobile-height.scroll-color .holder {
        max-height: 768px
    }
}

@media (min-width:1280px) {
    [responsive-table].mobile-height.scroll-color .holder {
        max-height: 912px
    }
}

[bad-beat-jackpot-fund] img {
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    [bad-beat-jackpot-fund] figure {
        margin: 0 auto
    }

    [bad-beat-jackpot-fund] figure img {
        max-width: 704px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-fund] {
        min-height: 724px
    }

    [bad-beat-jackpot-fund] figure img {
        max-width: none
    }

    [bad-beat-jackpot-fund]>.content {
        row-gap: 24px
    }

    [bad-beat-jackpot-fund] .objects .obj {
        opacity: .1
    }

    [bad-beat-jackpot-fund] .objects .obj:first-of-type {
        left: calc(100% - 292px);
        top: 202px;
        right: auto;
        bottom: auto
    }

    [bad-beat-jackpot-fund] .objects img {
        position: absolute;
        pointer-events: none
    }

    [bad-beat-jackpot-fund] .objects img:first-of-type {
        left: calc(100% - 139.4px);
        top: 446.4px;
        right: auto;
        bottom: auto;
        max-width: 417.193px
    }
}

[bad-beat-jackpot-accumulation]>.content {
    gap: 20px
}

[bad-beat-jackpot-accumulation]>.content ul {
    margin-top: -16px
}

@media (min-width:768px) {
    [bad-beat-jackpot-accumulation]>.content {
        gap: 20px
    }

    [bad-beat-jackpot-accumulation]>.content ul {
        margin-top: -16px
    }
}

@media (min-width:1280px) {
    [bad-beat-jackpot-accumulation] {
        min-height: 200px
    }

    [bad-beat-jackpot-accumulation]>.content {
        gap: 24px
    }

    [bad-beat-jackpot-accumulation]>.content ul {
        margin-top: -20px
    }
}

[tournaments-template] [page-container] {
    padding-top: 0
}

[tournaments-template] [page-container]>.inner {
    display: flex;
    flex-direction: column;
    gap: 56px
}

[tournaments-template] [key-visual-tournaments] [slider]:not(.not) .swiper-slide {
    width: auto;
    max-width: none;
    margin-right: 16px
}

@media (min-width:768px) {
    [tournaments-template] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper {
        transform: none !important;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(3, auto);
        gap: 24px
    }

    [tournaments-template] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper .swiper-slide {
        margin-right: 0
    }

    [tournaments-template] [key-visual-tournaments] [slider]:not(.not)[col="4"] .swiper-wrapper {
        grid-template-columns: repeat(4, auto)
    }

    [tournaments-template] [page-container]>.inner {
        gap: 64px
    }
}

@media (min-width:1280px) {
    [tournaments-template] [page-container]>.inner {
        gap: 128px
    }
}

[key-visual-tournaments][section-container] .slider-area {
    margin-bottom: 56px
}

[key-visual-tournaments][section-container] .slider-area .swiper-slide {
    width: auto
}

[key-visual-tournaments][section-container] .slider-area .swiper-container {
    overflow: visible
}

[key-visual-tournaments][section-container].primary {
    height: 760px
}

[key-visual-tournaments][section-container].primary:before {
    display: none
}

[key-visual-tournaments][section-container].primary .bg-holder {
    max-height: 352px;
    text-align: center
}

[key-visual-tournaments][section-container].primary .bg-holder img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

[key-visual-tournaments][section-container].primary .bg-holder img:not(.logo) {
    bottom: 0
}

[key-visual-tournaments][section-container].primary .bg-holder img.logo {
    top: 100px;
    width: 375px;
    height: auto;
    -o-object-fit: inherit;
    object-fit: inherit;
    max-width: 100%
}

[key-visual-tournaments][section-container].primary .contents:before {
    display: none
}

[key-visual-tournaments][section-container].primary .inner {
    padding-bottom: 0
}

[key-visual-tournaments][section-container].primary .description {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    text-align: center;
    min-height: 72px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    padding-top: 35px
}

@media (min-width:768px) {
    [key-visual-tournaments][section-container].primary .description {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [key-visual-tournaments][section-container].primary .description {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }
}

[key-visual-tournaments][section-container].primary .contents:after {
    display: none
}

[key-visual-tournaments][section-container].event {
    height: auto;
    min-height: 777px;
    text-align: center
}

[key-visual-tournaments][section-container].event .slider-area {
    margin-bottom: 0
}

[key-visual-tournaments][section-container].event .inner {
    padding-top: 464px
}

[key-visual-tournaments][section-container].event .title {
    position: absolute;
    left: 0;
    top: 323px;
    right: auto;
    bottom: auto;
    text-align: left
}

[key-visual-tournaments][section-container].event .title h2 {
    position: relative;
    text-transform: inherit
}

[key-visual-tournaments][section-container].event .title h2 span {
    display: block
}

[key-visual-tournaments][section-container].event .title small {
    margin-top: 8px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [key-visual-tournaments][section-container].event .title small {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [key-visual-tournaments][section-container].event .title small {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[key-visual-tournaments][section-container].event .bg-holder {
    max-height: 352px
}

[key-visual-tournaments][section-container].event .contents:after {
    display: block;
    bottom: auto;
    top: 224px;
    background: linear-gradient(0deg, #18181b 34.5%, transparent 91.5%)
}

@media (min-width:768px) {
    [key-visual-tournaments][section-container] .slider-area {
        margin-bottom: 64px
    }

    [key-visual-tournaments][section-container].primary {
        height: 866px
    }

    [key-visual-tournaments][section-container].primary .bg-holder {
        max-height: 528px;
        overflow: visible
    }

    [key-visual-tournaments][section-container].primary .bg-holder img.logo {
        top: 127px;
        width: 449px
    }

    [key-visual-tournaments][section-container].primary .description {
        max-width: 536px;
        min-height: 90px
    }

    [key-visual-tournaments][section-container].primary .contents:after {
        display: none
    }

    [key-visual-tournaments][section-container].event {
        height: auto;
        min-height: 858px
    }

    [key-visual-tournaments][section-container].event .inner {
        padding-top: 546px
    }

    [key-visual-tournaments][section-container].event .title {
        top: 310px
    }

    [key-visual-tournaments][section-container].event .bg-holder {
        max-height: 528px
    }
}

@media (min-width:1280px) {
    [key-visual-tournaments][section-container] .slider-area {
        margin-bottom: 128px
    }

    [key-visual-tournaments][section-container].primary {
        height: 1254px
    }

    [key-visual-tournaments][section-container].primary .bg-holder {
        max-height: 884px
    }

    [key-visual-tournaments][section-container].primary .bg-holder img.logo {
        top: 216px;
        width: 688px
    }

    [key-visual-tournaments][section-container].primary .description {
        max-width: 800px;
        min-height: 126px;
        padding-top: 0
    }

    [key-visual-tournaments][section-container].event {
        height: auto;
        min-height: 1042px
    }

    [key-visual-tournaments][section-container].event .inner {
        padding-top: 767px
    }

    [key-visual-tournaments][section-container].event .title {
        top: 288px
    }

    [key-visual-tournaments][section-container].event .bg-holder {
        max-height: 884px
    }
}

[dir=rtl] [key-visual-tournaments][section-container] .title {
    left: auto;
    right: 0;
    text-align: right
}

[card-key-visual-circle].base {
    position: relative;
    text-align: center;
    width: 168px;
    height: 240px;
    padding-top: 102px
}

[card-key-visual-circle].base:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 26px;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 168px;
    height: 168px;
    opacity: .8;
    border-radius: 100%;
    transform: translateX(-50%) skew(-5deg);
    pointer-events: none;
    background: linear-gradient(194deg, #7c5b1a 6.02%, #513a17 18.81%, #18181b 68.98%)
}

[card-key-visual-circle].base figure {
    position: absolute;
    left: 50%;
    top: 11px;
    right: auto;
    bottom: auto;
    transform: translateX(-50%)
}

[card-key-visual-circle].base figure img {
    width: 158px;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

[card-key-visual-circle].base p {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [card-key-visual-circle].base p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [card-key-visual-circle].base p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

@media (min-width:768px) {
    [card-key-visual-circle].base figure img {
        width: 158px;
        height: auto
    }

    [card-key-visual-circle].base p strong {
        font-weight: 400
    }
}

@media (min-width:1280px) {
    [card-key-visual-circle].base {
        position: relative;
        text-align: center;
        width: 280px;
        height: 300px;
        padding-top: 160px
    }

    [card-key-visual-circle].base:before {
        top: 35.5px;
        width: 280px;
        height: 280px
    }

    [card-key-visual-circle].base figure {
        top: 5px
    }

    [card-key-visual-circle].base figure img {
        width: 280px;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }

    [card-key-visual-circle].base p {
        position: relative;
        padding-right: 30px;
        padding-left: 30px
    }
}

[card-key-visual-circle].lg {
    position: relative;
    width: 200px;
    padding-top: 168px;
    text-align: center
}

[card-key-visual-circle].lg:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 31px;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 200px;
    height: 200px;
    opacity: .8;
    border-radius: 100%;
    transform: translateX(-50%) skew(-10deg);
    pointer-events: none;
    background: linear-gradient(194deg, #79410e 6.02%, #592c13 0, #4b3021 18.81%, #18181b 68.98%)
}

[card-key-visual-circle].lg figure {
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translateX(-50%)
}

[card-key-visual-circle].lg figure img {
    width: 168px;
    height: auto
}

[card-key-visual-circle].lg p {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [card-key-visual-circle].lg p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [card-key-visual-circle].lg p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[card-key-visual-circle].lg p span {
    display: block
}

[card-key-visual-circle].lg p strong {
    font-weight: 400
}

[card-key-visual-circle].lg.blue:before {
    background: linear-gradient(195deg, #79410e 4.9%, #324986 4.91%, #2a3e71 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.blue-light:before {
    background: linear-gradient(195deg, #5a95d0 4.9%, #2d70b2 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.blue-dark:before {
    background: linear-gradient(195deg, #235887 4.9%, #236987 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.blue-green:before {
    background: linear-gradient(195deg, #327286 4.91%, #2a7171 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.purple:before {
    background: linear-gradient(195deg, #4348af 4.91%, #412088 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.brown-dark:before {
    background: linear-gradient(195deg, #7c3f24 4.91%, #472207 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.brown-dark2:before {
    background: linear-gradient(195deg, #6f2310 4.91%, #75301f 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.brown-light:before {
    background: linear-gradient(195deg, #79410e 4.9%, #814b3a 4.91%, #4b2421 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.brown-light-star:before {
    background: linear-gradient(195deg, #7c5b1a 4.9%, #513a17 18.02%, #18181b 69.46%)
}

[card-key-visual-circle].lg.brown-light-base:before {
    background: linear-gradient(196deg, #7c5b1a 3.3%, #513a17 16.88%, #18181b 70.15%)
}

[card-key-visual-circle].lg.green:before {
    background: linear-gradient(196deg, #2f4033 3.3%, #253329 16.88%, #18181b 70.15%)
}

[card-key-visual-circle].lg.green-light:before {
    background: linear-gradient(196deg, #2b5c32 3.3%, #214732 16.88%, #18181b 70.15%)
}

[card-key-visual-circle].lg.gray-light:before {
    background: linear-gradient(196deg, #76767d 3.3%, #45454c 16.88%, #18181b 70.15%)
}

[card-key-visual-circle].lg.col-4 {
    width: 168px;
    padding-top: 150px
}

[card-key-visual-circle].lg.col-4:before {
    top: 24px;
    width: 160px;
    height: 160px
}

[card-key-visual-circle].lg.col-4 figure {
    top: 4px
}

[card-key-visual-circle].lg.col-4 figure img {
    width: 134px;
    height: auto
}

@media (min-width:1280px) {
    [card-key-visual-circle].lg {
        width: 280px;
        height: 300px;
        padding-top: 200px
    }

    [card-key-visual-circle].lg:before {
        width: 280px;
        height: 280px
    }

    [card-key-visual-circle].lg figure img {
        width: 200px;
        height: auto
    }

    [card-key-visual-circle].lg p {
        padding-right: 10px;
        padding-left: 10px
    }

    [card-key-visual-circle].lg.col-4 {
        width: 280px;
        height: 300px;
        padding-top: 256px
    }

    [card-key-visual-circle].lg.col-4:before {
        top: 32px;
        width: 280px;
        height: 280px
    }

    [card-key-visual-circle].lg.col-4 figure {
        top: 8px
    }

    [card-key-visual-circle].lg.col-4 figure img {
        width: 240px;
        height: auto
    }
}

[card-key-visual-circle].title-message:before {
    top: 34px
}

[card-key-visual-circle].title-message h5 {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [card-key-visual-circle].title-message h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [card-key-visual-circle].title-message h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[card-key-visual-circle].title-message p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    margin-top: 8px
}

@media (min-width:768px) {
    [card-key-visual-circle].title-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [card-key-visual-circle].title-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[card-key-visual-circle].title-message p span {
    display: inline
}

[tournaments-header] h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    font-weight: 900;
    color: #fff
}

@media (min-width:768px) {
    [tournaments-header] h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    [tournaments-header] h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

[tournaments-header] p {
    margin-top: 28px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    max-width: 790px
}

@media (min-width:768px) {
    [tournaments-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [tournaments-header] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[bounty-hunters-schedule] td:first-child,
[bounty-hunters-schedule] td:nth-child(2),
[bounty-hunters-schedule] th:first-child,
[bounty-hunters-schedule] th:nth-child(2) {
    width: 15%
}

[bounty-hunters-schedule] td:nth-child(3),
[bounty-hunters-schedule] th:nth-child(3) {
    width: 40%
}

[bounty-hunters-schedule] td:nth-child(4),
[bounty-hunters-schedule] td:nth-child(5),
[bounty-hunters-schedule] th:nth-child(4),
[bounty-hunters-schedule] th:nth-child(5) {
    width: 15%
}

[bounty-hunters-schedule] [responsive-table] table {
    min-width: 704px
}

[bounty-hunters-schedule] [responsive-table] thead th {
    text-transform: uppercase
}

[bounty-hunters-schedule] [responsive-table].in-sticky .holder {
    max-height: 768px
}

[bounty-hunters-schedule] [responsive-table].in-scroll thead th:last-child {
    border-right: 10px solid transparent
}

@media (min-width:768px) {
    [bounty-hunters-schedule] [responsive-table].in-sticky .holder {
        max-height: 768px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-schedule] [responsive-table].in-sticky .holder {
        max-height: 1104px
    }
}

[bounty-hunters-series-com] [key-visual-tournaments][section-container].event .title h2 span {
    letter-spacing: -.03em
}

[bounty-hunters-series-com] .bhs-description {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    color: #fff
}

@media (min-width:768px) {
    [bounty-hunters-series-com] .bhs-description {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-description {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }
}

[bounty-hunters-series-com] .bhs-highlight-events {
    width: 327px;
    height: 586px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 66px;
    padding-left: 20px;
    text-align: center;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_highlight_events_bg.webp) 50% 0 no-repeat
}

[bounty-hunters-series-com] .bhs-highlight-events h4 {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 56px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #ecd9ab
}

@media (min-width:768px) {
    [bounty-hunters-series-com] .bhs-highlight-events h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-highlight-events h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[bounty-hunters-series-com] .bhs-highlight-events h5 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #000;
    margin-top: 20px
}

@media (min-width:768px) {
    [bounty-hunters-series-com] .bhs-highlight-events h5 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-highlight-events h5 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[bounty-hunters-series-com] .bhs-highlight-events em {
    color: #fee78a;
    background-color: #764927;
    padding-right: 4px;
    padding-left: 4px
}

[bounty-hunters-series-com] .bhs-highlight-events p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #54545f;
    margin-top: 4px
}

@media (min-width:768px) {
    [bounty-hunters-series-com] .bhs-highlight-events p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-highlight-events p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[bounty-hunters-series-com] .bhs-tickets {
    margin-top: 16px
}

[bounty-hunters-series-com] .bhs-ticket {
    position: relative;
    border-radius: 16px;
    border: 1px solid transparent;
    height: 352px;
    max-width: 327px;
    margin-left: auto;
    margin-right: auto;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #f08b4d, rgba(29, 29, 36, .92) 50.8%)
}

[bounty-hunters-series-com] .bhs-ticket .holder {
    display: block;
    border-radius: 14px;
    height: 100%;
    margin: 1px;
    background: radial-gradient(148.71% 50% at 50% 0, #72462d 0, #57321d 39%, #281e1d 100%);
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px
}

[bounty-hunters-series-com] .bhs-ticket figure {
    width: 176px;
    height: 176px;
    margin-left: auto;
    margin-right: auto
}

[bounty-hunters-series-com] .bhs-ticket figure img {
    width: inherit;
    height: inherit
}

[bounty-hunters-series-com] .bhs-ticket .message {
    text-align: center;
    margin-top: 16px
}

[bounty-hunters-series-com] .bhs-ticket .message p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [bounty-hunters-series-com] .bhs-ticket .message p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-ticket .message p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[bounty-hunters-series-com] .bhs-ticket .message p strong {
    margin-top: 8px;
    display: block;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {
    [bounty-hunters-series-com] .bhs-ticket .message p strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-ticket .message p strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[bounty-hunters-series-com] .bhs-ticket+.bhs-ticket {
    margin-top: 8px
}

@media (min-width:768px) {
    [bounty-hunters-series-com] [key-visual-tournaments][section-container].event .title h2 span {
        letter-spacing: 0
    }

    [bounty-hunters-series-com] .bhs-highlight-events {
        width: 704px;
        height: 434px;
        padding-top: 42.5px;
        padding-right: 80px;
        padding-bottom: 56px;
        padding-left: 80px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_highlight_events_bg_t.webp)
    }

    [bounty-hunters-series-com] .bhs-highlight-events h5 br,
    [bounty-hunters-series-com] .bhs-highlight-events p br {
        display: none
    }

    [bounty-hunters-series-com] .bhs-tickets {
        margin-top: 24px
    }

    [bounty-hunters-series-com] .bhs-ticket {
        height: 192px;
        max-width: 704px
    }

    [bounty-hunters-series-com] .bhs-ticket .holder {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 24px;
        padding-top: 8px;
        padding-right: 40px;
        padding-bottom: 8px;
        padding-left: 40px
    }

    [bounty-hunters-series-com] .bhs-ticket .message {
        flex: 1;
        text-align: left
    }

    [bounty-hunters-series-com] .bhs-ticket figure {
        flex: none
    }

    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket {
        margin-top: 16px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-com] .bhs-highlight-events {
        padding-top: 53.5px;
        padding-right: 40px;
        padding-bottom: 64px;
        padding-left: 40px;
        width: 100%;
        height: 494px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_highlight_events_bg_d.webp) 0 0 no-repeat
    }

    [bounty-hunters-series-com] .bhs-highlight-events h4+h5 {
        margin-top: 22px
    }

    [bounty-hunters-series-com] .bhs-highlight-events p {
        margin-top: 8px
    }

    [bounty-hunters-series-com] .bhs-tickets {
        display: flex;
        align-items: flex-start;
        gap: 24px
    }

    [bounty-hunters-series-com] .bhs-ticket {
        flex: 1;
        height: 216px
    }

    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket {
        margin-top: 0
    }

    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket img {
        transform: scale(1);
        transition: transform 1s ease-out
    }

    .no-touch [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket:hover:not(.hover-disable) img,
    [bounty-hunters-series-com] .bhs-ticket+.bhs-ticket:active img {
        transform: scale(1.1);
        transition-duration: .35s;
        transition-timing-function: ease-in-out
    }
}

[tournaments-template-event] [page-container]>.inner {
    display: flex;
    flex-direction: column;
    gap: 56px
}

[tournaments-template-event] [key-visual-tournaments] [slider]:not(.not) .swiper-slide {
    width: auto;
    max-width: none;
    margin-right: 16px
}

@media (min-width:768px) {
    [tournaments-template-event] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper {
        transform: none !important;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(3, auto);
        gap: 24px
    }

    [tournaments-template-event] [key-visual-tournaments] [slider]:not(.not) .swiper-wrapper .swiper-slide {
        margin-right: 0
    }

    [tournaments-template-event] [key-visual-tournaments] [slider]:not(.not)[col="4"] .swiper-wrapper {
        grid-template-columns: repeat(4, auto)
    }

    [tournaments-template-event] [page-container]>.inner {
        gap: 64px
    }
}

@media (min-width:1280px) {
    [tournaments-template-event] [page-container]>.inner {
        gap: 128px
    }
}

[bounty-hunters-series-leaderboard]>.content h4 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-bottom: -4px
}

@media (min-width:768px) {
    [bounty-hunters-series-leaderboard]>.content h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-leaderboard]>.content h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[bounty-hunters-series-leaderboard] .responsive-iframe {
    position: relative;
    padding: 16px;
    border-radius: 16px;
    background-color: #202022
}

[bounty-hunters-series-leaderboard] .responsive-iframe iframe {
    width: 100%;
    height: 613px
}

[bounty-hunters-series-leaderboard] .buy-in {
    margin-top: 8px;
    color: #fff
}

[bounty-hunters-series-leaderboard] .buy-in p {
    display: flex;
    flex-direction: column
}

[bounty-hunters-series-leaderboard] .buy-in p strong {
    font-weight: 500
}

@media (min-width:768px) {
    [bounty-hunters-series-leaderboard] .responsive-iframe {
        padding: 32px
    }

    [bounty-hunters-series-leaderboard] .buy-in p {
        flex-direction: row;
        gap: 8px
    }
}

[bounty-hunters-series-in-paradise] {
    margin-bottom: 12px;
    width: 327px;
    height: 328px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-right: 48.5px;
    padding-bottom: 40px;
    padding-left: 48.5px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_in_paradise.webp) 50% 0 no-repeat
}

[bounty-hunters-series-in-paradise] h4 {
    height: 56px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #ecd9ab;
    text-align: center
}

@media (min-width:768px) {
    [bounty-hunters-series-in-paradise] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-in-paradise] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[bounty-hunters-series-in-paradise] figure.today {
    display: block;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 18.5px;
    border: 1px solid #755b45
}

[bounty-hunters-series-in-paradise] .list {
    display: none
}

@media (min-width:768px) {
    [bounty-hunters-series-in-paradise] {
        width: 704px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        padding-top: 42.5px;
        padding-right: 40px;
        padding-bottom: 56px;
        padding-left: 40px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_in_paradise_t.webp) 50% 0 no-repeat;
        margin-bottom: 8px
    }

    [bounty-hunters-series-in-paradise] h4 {
        height: 58px
    }

    [bounty-hunters-series-in-paradise] figure.today {
        display: none
    }

    [bounty-hunters-series-in-paradise] .list {
        max-width: 625px;
        margin-top: 17.5px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        border: 1px solid #755b45;
        border-bottom: 0
    }

    [bounty-hunters-series-in-paradise] .list figure {
        position: relative;
        display: block;
        width: 104px;
        height: 104px;
        border-bottom: 1px solid #755b45;
        background-color: rgba(0, 0, 0, .03);
        overflow: hidden
    }

    [bounty-hunters-series-in-paradise] .list figure:before {
        content: attr(data-date);
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 64px;
        height: 40px;
        font-family: Roboto, San Francisco, Arial, sans-serif;
        font-size: 12px;
        font-weight: 500;
        color: #fff;
        padding-top: 4px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 4px;
        background: linear-gradient(180deg, rgba(78, 39, 17, .8), rgba(147, 100, 70, .8));
        clip-path: polygon(0 0, 0 100%, 100% 0)
    }

    [bounty-hunters-series-in-paradise] .list figure img {
        width: inherit;
        height: inherit
    }

    [bounty-hunters-series-in-paradise] .list figure+figure {
        border-left: 1px solid #755b45
    }

    [bounty-hunters-series-in-paradise] .list figure:nth-child(6n

        /**/
        +1) {
        border-left: 0
    }

    [bounty-hunters-series-in-paradise] .list figure.none:before {
        display: none
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-in-paradise] {
        width: auto;
        height: auto;
        padding-top: 53.5px;
        padding-right: 0;
        padding-bottom: 76px;
        padding-left: 0;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bounty_hunters_series_in_paradise_d.webp)
    }

    [bounty-hunters-series-in-paradise] .list {
        max-width: 960px;
        margin-top: 20.5px
    }

    [bounty-hunters-series-in-paradise] .list figure {
        width: 160px;
        height: 160px
    }

    [bounty-hunters-series-in-paradise] .list figure:before {
        width: 92px;
        height: 48px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        font-weight: 500;
        color: #fff
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [bounty-hunters-series-in-paradise] .list figure:before {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [bounty-hunters-series-in-paradise] .list figure:before {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color.in-sticky .holder {
    max-height: 330px
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color table {
    min-width: 768px
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color thead th {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400
}

@media (min-width:768px) {
    [bounty-hunters-series-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [bounty-hunters-series-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color td:first-child,
[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(2),
[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(3),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:first-child,
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(2),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(3) {
    width: 12.8%
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(4),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(4) {
    width: 36%
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color td:nth-child(5),
[bounty-hunters-series-schedule] [responsive-table].scroll-color th:nth-child(5) {
    width: 12.8%
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev td {
    border-bottom: 0
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr {
    position: relative;
    transform: translate(0);
    clip-path: inset(0)
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr td {
    position: relative;
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
    height: 48px;
    border-bottom: 0
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr td:last-child {
    color: #fee78a
}

[bounty-hunters-series-schedule] [responsive-table].scroll-color .point-prev+tr:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: calc(100% - 2px);
    height: 46px;
    border: 0;
    background: #362921;
    z-index: 1
}

@media (min-width:768px) {
    [bounty-hunters-series-schedule] [responsive-table].scroll-color.in-sticky .holder {
        max-height: 768px
    }
}

[chinese-zodiac] [responsive-table] thead th {
    text-transform: uppercase
}

[chinese-zodiac] [responsive-table].blue-gradient .holder:before {
    min-width: 704px
}

[dir=rtl] [chinese-zodiac] [responsive-table].scroll-color.blue-gradient thead th {
    white-space: nowrap
}

[dir=rtl] [chinese-zodiac] [czt-template] figure {
    left: auto;
    right: 0
}

@media (min-width:768px) {

    [dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] tbody td:first-child,
    [dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] thead th:first-child {
        padding-left: 8px;
        padding-right: 123px
    }
}

@media (min-width:1280px) {

    [dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] tbody td:first-child,
    [dir=rtl] [chinese-zodiac] [czt-template] [responsive-table] thead th:first-child {
        padding-right: 306px
    }
}

[chinese-zodiac-event] {
    position: relative
}

[chinese-zodiac-event] figure {
    position: relative;
    overflow: hidden;
    padding-top: 26%
}

[chinese-zodiac-event] figure img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 130%;
    height: auto
}

[chinese-zodiac-event] td:first-child,
[chinese-zodiac-event] td:nth-child(2),
[chinese-zodiac-event] th:first-child,
[chinese-zodiac-event] th:nth-child(2) {
    width: 15%
}

[chinese-zodiac-event] td:nth-child(3),
[chinese-zodiac-event] th:nth-child(3) {
    width: 40%
}

[chinese-zodiac-event] td:nth-child(4),
[chinese-zodiac-event] td:nth-child(5),
[chinese-zodiac-event] th:nth-child(4),
[chinese-zodiac-event] th:nth-child(5) {
    width: 15%
}

[chinese-zodiac-event] [responsive-table] {
    margin-top: -30px
}

[chinese-zodiac-event] [responsive-table] table {
    min-width: 704px
}

@media (min-width:768px) {
    [chinese-zodiac-event] [responsive-table] {
        margin-top: -50px
    }
}

@media (min-width:1280px) {
    [chinese-zodiac-event]>h3 {
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto
    }

    [chinese-zodiac-event] [responsive-table] {
        margin-top: -60px
    }
}

[chinese-zodiac-tournaments]>.content {
    row-gap: 28px
}

[czt-template] {
    position: relative
}

[czt-template] figure {
    display: block;
    text-align: center;
    z-index: 1
}

[czt-template] figure img {
    width: 100%;
    height: auto;
    max-width: 80px
}

[czt-template] [responsive-table] {
    margin-top: -10px
}

[czt-template] [responsive-table] .holder {
    overflow: auto
}

[czt-template] [responsive-table] table {
    min-width: 704px
}

[czt-template] [responsive-table].tournaments.blue-gradient thead tr {
    background-color: #253459
}

@media (min-width:768px) {
    [czt-template] {
        min-height: 125px
    }

    [czt-template] figure {
        position: absolute;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        max-width: 112px
    }

    [czt-template] figure img {
        max-width: inherit
    }

    [czt-template] [responsive-table] {
        margin-top: 0
    }

    [czt-template] [responsive-table] td:first-child,
    [czt-template] [responsive-table] th:first-child {
        width: 35%
    }

    [czt-template] [responsive-table] td:nth-child(2),
    [czt-template] [responsive-table] th:nth-child(2) {
        width: 5%
    }

    [czt-template] [responsive-table] td:nth-child(3),
    [czt-template] [responsive-table] th:nth-child(3) {
        width: 30%
    }

    [czt-template] [responsive-table] td:nth-child(4),
    [czt-template] [responsive-table] td:nth-child(5),
    [czt-template] [responsive-table] th:nth-child(4),
    [czt-template] [responsive-table] th:nth-child(5) {
        width: 15%
    }

    [czt-template] [responsive-table] tbody td:first-child,
    [czt-template] [responsive-table] thead th:first-child {
        padding-left: 123px
    }

    [czt-template] [responsive-table].tournaments.blue-gradient thead tr {
        background: linear-gradient(270deg, #253358 1.2%, rgba(37, 51, 88, 0) 102.32%)
    }
}

@media (min-width:1280px) {
    [czt-template] {
        min-height: 219px
    }

    [czt-template] figure {
        max-width: 200px
    }

    [czt-template] [responsive-table] td:first-child,
    [czt-template] [responsive-table] th:first-child {
        width: 40%
    }

    [czt-template] [responsive-table] td:nth-child(2),
    [czt-template] [responsive-table] th:nth-child(2) {
        width: 10%
    }

    [czt-template] [responsive-table] td:nth-child(3),
    [czt-template] [responsive-table] th:nth-child(3) {
        width: 30%
    }

    [czt-template] [responsive-table] td:nth-child(4),
    [czt-template] [responsive-table] td:nth-child(5),
    [czt-template] [responsive-table] th:nth-child(4),
    [czt-template] [responsive-table] th:nth-child(5) {
        width: 10%
    }

    [czt-template] [responsive-table] tbody td:first-child,
    [czt-template] [responsive-table] thead th:first-child {
        padding-left: 306px
    }
}

[contact] .article-list {
    display: flex;
    flex-direction: column;
    row-gap: 56px
}

[contact] [article-content]:first-child .article-content p strong {
    display: block;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    margin-bottom: 24px
}

@media (min-width:768px) {
    [contact] [article-content]:first-child .article-content p strong {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [contact] [article-content]:first-child .article-content p strong {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[contact] .button-area {
    margin-top: 8px
}

@media (min-width:768px) {
    [contact] .article-list {
        row-gap: 64px
    }
}

@media (min-width:1280px) {
    [contact] .article-list {
        row-gap: 128px
    }

    [contact] .article-list [article-content]:first-of-type~[article-content]>.content {
        padding-right: 410px
    }
}

._text-button {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    display: flex;
    gap: 8px;
    align-items: flex-end;
    color: #fff;
    text-decoration: underline
}

[daily-guarantees-com] [responsive-table] table {
    min-width: 704px
}

[daily-guarantees-com] [responsive-table] thead th {
    text-transform: uppercase
}

[daily-guarantees-com] [grid] {
    row-gap: 56px
}

[daily-guarantees-com] [grid] [responsive-table] td:first-child,
[daily-guarantees-com] [grid] [responsive-table] th:first-child {
    width: 30%;
    padding-right: 8px;
    padding-left: 8px
}

[daily-guarantees-com] [grid] [responsive-table] td:nth-child(2),
[daily-guarantees-com] [grid] [responsive-table] th:nth-child(2) {
    width: 22.5%
}

[daily-guarantees-com] [grid] [responsive-table] td:nth-child(3),
[daily-guarantees-com] [grid] [responsive-table] th:nth-child(3) {
    width: 25%
}

[daily-guarantees-com] [grid] [responsive-table] td:nth-child(4),
[daily-guarantees-com] [grid] [responsive-table] th:nth-child(4) {
    width: 22.5%
}

[daily-guarantees-com] [grid] [responsive-table].in-sticky .holder {
    max-height: 511px
}

@media (min-width:768px) {
    [daily-guarantees-com] [grid] {
        row-gap: 64px
    }
}

@media (min-width:1280px) {
    [daily-guarantees-com] [grid] {
        gap: 24px
    }

    [daily-guarantees-com] [grid] [responsive-table] table {
        min-width: 100%
    }

    [daily-guarantees-com] [grid] [responsive-table].in-sticky .holder {
        max-height: 336px
    }
}

[daily-guarantees-majors] td:first-child,
[daily-guarantees-majors] td:nth-child(2),
[daily-guarantees-majors] th:first-child,
[daily-guarantees-majors] th:nth-child(2) {
    width: 15%
}

[daily-guarantees-majors] td:nth-child(3),
[daily-guarantees-majors] th:nth-child(3) {
    width: 40%
}

[daily-guarantees-majors] td:nth-child(4),
[daily-guarantees-majors] td:nth-child(5),
[daily-guarantees-majors] th:nth-child(4),
[daily-guarantees-majors] th:nth-child(5) {
    width: 15%
}

[daily-guarantees-majors] [responsive-table].in-sticky .holder {
    max-height: 864px
}

@media (min-width:1280px) {
    [daily-guarantees-majors] [responsive-table].in-sticky .holder {
        max-height: 624px
    }
}

[daily-guarantees-header] {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    -moz-column-gap: 16px;
    column-gap: 16px
}

[daily-guarantees-header] img {
    width: 72px;
    height: 72px
}

[daily-guarantees-header] h3 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [daily-guarantees-header] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [daily-guarantees-header] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[daily-guarantees-header] h3 small {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {
    [daily-guarantees-header] h3 small {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [daily-guarantees-header] h3 small {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[daily-guarantees-header].lg img {
    width: 96px;
    height: 96px
}

@media (min-width:768px) {
    [daily-guarantees-header] {
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    [daily-guarantees-header] img {
        width: 80px;
        height: 80px
    }

    [daily-guarantees-header].lg {
        -moz-column-gap: 16px;
        column-gap: 16px
    }

    [daily-guarantees-header].lg img {
        width: 128px;
        height: 128px
    }
}

@media (min-width:1280px) {
    [daily-guarantees-header] img {
        width: 100px;
        height: 100px
    }

    [daily-guarantees-header].lg img {
        width: 200px;
        height: 200px
    }
}

[daily-guarantees-sundays] {
    position: relative;
    padding-bottom: 52%;
    border-radius: 16px;
    background: var(--img-daily-guarantees-sundays) 50% 50% /cover no-repeat
}

[daily-guarantees-sundays] p {
    position: absolute;
    left: 0;
    top: 17px;
    right: auto;
    bottom: auto;
    right: 0;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    [daily-guarantees-sundays] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [daily-guarantees-sundays] p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[daily-guarantees-sundays] span {
    position: absolute;
    bottom: 1.5%;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fee78a;
    text-align: center
}

@media (min-width:768px) {
    [daily-guarantees-sundays] span {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [daily-guarantees-sundays] span {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[daily-guarantees-sundays] span:first-of-type {
    left: 0;
    right: 50%;
    padding-right: 15%
}

[daily-guarantees-sundays] span:nth-of-type(2) {
    left: 50%;
    right: 0
}

@media (min-width:768px) {
    [daily-guarantees-sundays] {
        width: 100%;
        height: auto;
        padding-bottom: 29.54%;
        margin-left: auto;
        margin-right: auto;
        max-width: 704px
    }

    [daily-guarantees-sundays] span:first-of-type {
        left: 22%;
        right: auto;
        padding-right: 0
    }

    [daily-guarantees-sundays] span:nth-of-type(2) {
        left: auto;
        right: 27%
    }
}

@media (min-width:1280px) {
    [daily-guarantees-sundays] {
        width: 100%;
        height: 315px;
        padding-bottom: 0;
        max-width: 100%
    }

    [daily-guarantees-sundays] p {
        top: 29px
    }

    [daily-guarantees-sundays] span {
        bottom: .5%
    }

    [daily-guarantees-sundays] span:first-of-type {
        left: 375px
    }

    [daily-guarantees-sundays] span:nth-of-type(2) {
        right: 395px
    }
}

[fish-buffet] [article-content]>h4 {
    font-weight: 400
}

[fish-buffet] .thumbnails [text-content].article-content {
    gap: 20px
}

[fish-buffet] .thumbnails img {
    width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:1280px) {
    [fish-buffet] .thumbnails [text-content].article-content {
        gap: 24px
    }
}

[fish-buffet-tab] {
    margin-bottom: -45px
}

[fish-buffet-tab] .title {
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #737373;
    color: #fff
}

@media (min-width:768px) {
    [fish-buffet-tab] .title {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [fish-buffet-tab] .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[fish-buffet-tab] .title:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 2px;
    background-color: #d30000;
    right: 0
}

@media (min-width:1280px) {
    [fish-buffet-tab] {
        margin-bottom: -70px
    }
}

[fish-buffet-ranks] [responsive-table] table {
    min-width: 767px
}

[fish-buffet-ranks] [responsive-table] tbody th {
    width: 128px
}

[fish-buffet-ranks] [responsive-table] tbody th img {
    display: block;
    width: 72px;
    height: 72px;
    margin-left: auto;
    margin-right: auto
}

[fish-buffet-ranks] [responsive-table] tbody td:first-of-type {
    text-align: left;
    width: 200px
}

[fish-buffet-ranks] [responsive-table] tbody td:first-of-type img {
    width: 32px;
    height: 32px;
    float: left;
    margin-top: -5px;
    margin-right: 2px
}

@media (min-width:768px) {
    [fish-buffet-ranks] [responsive-table] tbody th {
        width: 114px
    }

    [fish-buffet-ranks] [responsive-table] tbody th img {
        display: block;
        width: 72px;
        height: 72px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1280px) {
    [fish-buffet-ranks] {
        min-height: 1886px
    }

    [fish-buffet-ranks] [responsive-table] tbody th {
        width: 200px
    }

    [fish-buffet-ranks] [responsive-table] tbody td:first-of-type {
        text-align: left;
        width: 202px
    }
}

@media (min-width:768px) {
    [fish-buffet-information] ._grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

[fish-buffet-collecting]>.content {
    row-gap: 32px
}

[fish-buffet-collecting] dl {
    display: flex;
    flex-direction: column;
    gap: 20px
}

[fish-buffet-collecting] dl:nth-of-type(2) dd:last-child {
    margin-top: -4px
}

[fish-buffet-collecting] dt {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [fish-buffet-collecting] dt {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [fish-buffet-collecting] dt {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[fish-buffet-collecting] dd {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [fish-buffet-collecting] dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [fish-buffet-collecting] dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:768px) {
    [fish-buffet-collecting] dl {
        align-items: center;
        display: flex;
        flex-flow: row;
        gap: 24px
    }

    [fish-buffet-collecting] dt {
        flex: none;
        width: 160px
    }
}

@media (min-width:1280px) {
    [fish-buffet-collecting]>h3 {
        padding-bottom: 40px
    }

    [fish-buffet-collecting] dt {
        width: 280px
    }

    [fish-buffet-collecting] .objects s {
        right: -840px;
        bottom: -420px;
        left: auto;
        top: auto
    }
}

@media (min-width:1280px) {
    [fish-buffet-platinum] {
        min-height: 182px
    }

    [fish-buffet-platinum]>h4 {
        padding-bottom: 8px
    }
}

[fish-buffet-weekly] {
    row-gap: 20px
}

@media (min-width:1280px) {
    [fish-buffet-weekly] {
        gap: 72px;
        min-height: 337px
    }

    [fish-buffet-weekly] [article-content] {
        order: 2
    }

    [fish-buffet-weekly] [responsive-table] {
        order: 1
    }

    [fish-buffet-weekly] [responsive-table] td,
    [fish-buffet-weekly] [responsive-table] th {
        padding-right: 0;
        padding-left: 0
    }

    [fish-buffet-weekly] [responsive-table] td:first-of-type,
    [fish-buffet-weekly] [responsive-table] td:nth-of-type(2),
    [fish-buffet-weekly] [responsive-table] th:first-of-type,
    [fish-buffet-weekly] [responsive-table] th:nth-of-type(2) {
        width: 30%
    }

    [fish-buffet-weekly] [responsive-table] td:nth-of-type(3),
    [fish-buffet-weekly] [responsive-table] th:nth-of-type(3) {
        width: 40%
    }
}

[fish-buffet-promoting] {
    row-gap: 20px
}

@media (min-width:1280px) {
    [fish-buffet-promoting] {
        gap: 72px;
        min-height: 337px
    }

    [fish-buffet-promoting] [article-content] {
        order: 2
    }

    [fish-buffet-promoting] [responsive-table] {
        order: 1
    }

    [fish-buffet-promoting] [responsive-table] td,
    [fish-buffet-promoting] [responsive-table] th {
        padding-right: 0;
        padding-left: 0
    }

    [fish-buffet-promoting] [responsive-table] td:first-of-type,
    [fish-buffet-promoting] [responsive-table] th:first-of-type {
        width: 27.5%
    }

    [fish-buffet-promoting] [responsive-table] td:nth-of-type(2),
    [fish-buffet-promoting] [responsive-table] th:nth-of-type(2) {
        width: 10%
    }

    [fish-buffet-promoting] [responsive-table] td:nth-of-type(3),
    [fish-buffet-promoting] [responsive-table] th:nth-of-type(3) {
        width: 27.5%
    }

    [fish-buffet-promoting] [responsive-table] td:nth-of-type(4),
    [fish-buffet-promoting] [responsive-table] th:nth-of-type(4) {
        width: 35%
    }

    [fish-buffet-promoting] [responsive-table] thead th {
        padding-right: 4px;
        padding-left: 4px
    }
}

@media (min-width:1280px) {

    [fish-buffet-switch] [grid],
    [fish-buffet-switch] ul {
        z-index: 1
    }

    [fish-buffet-switch] .objects s {
        left: -800px;
        bottom: -170px;
        right: auto;
        top: auto
    }
}

[fish-buffet-probabilities]>.content {
    row-gap: 20px
}

[fish-buffet-probabilities] .group>h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 8px
}

@media (min-width:768px) {
    [fish-buffet-probabilities] .group>h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [fish-buffet-probabilities] .group>h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[fish-buffet-probabilities] .group [responsive-table] table {
    min-width: 767px
}

[fish-buffet-probabilities] .group [responsive-table] td,
[fish-buffet-probabilities] .group [responsive-table] th {
    width: 14.28571429%
}

[fish-buffet-probabilities] .group [responsive-table] th img {
    width: 32px;
    height: 32px
}

@media (min-width:768px) {
    [fish-buffet-probabilities] .group>h3 {
        padding-bottom: 20px
    }
}

@media (min-width:1280px) {
    [fish-buffet-probabilities] {
        min-height: 2548px
    }

    [fish-buffet-probabilities]>.content {
        row-gap: 24px
    }

    [fish-buffet-probabilities] .group>h3 {
        padding-bottom: 24px
    }
}

[gg-masters] .swiper-container {
    overflow: visible
}

[gg-masters] .gg-master-group>h4 {
    padding-top: 12px;
    padding-bottom: 0;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_masters_title.png) 50% 0/cover no-repeat
}

@media (min-width:768px) {
    [gg-masters] .gg-master-group>h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [gg-masters] .gg-master-group>h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[gg-masters] .group {
    display: flex;
    flex-direction: column;
    gap: 56px
}

[gg-masters] .group [card-buy-guarantee] {
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    [gg-masters] .gg-master-group>h4 {
        padding-top: 24px;
        padding-bottom: 24px
    }

    [gg-masters] .group {
        gap: 64px;
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (min-width:1280px) {
    [gg-masters]>h4 {
        padding-top: 32px;
        padding-bottom: 88px
    }

    [gg-masters] .group {
        min-height: 748px
    }

    [gg-masters] .group .gg-master-group {
        width: 588px
    }
}

.ML [gg-masters] [page-container] .swiper-wrapper,
.MM [gg-masters] [page-container] .swiper-wrapper,
.MS [gg-masters] [page-container] .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    transform: none !important
}

.ML [gg-masters] [page-container] .swiper-wrapper .swiper-slide,
.MM [gg-masters] [page-container] .swiper-wrapper .swiper-slide,
.MS [gg-masters] [page-container] .swiper-wrapper .swiper-slide {
    margin-right: 0 !important;
    width: auto !important
}

.ML [gg-masters] [page-container] .swiper-wrapper [card-buy-guarantee],
.MM [gg-masters] [page-container] .swiper-wrapper [card-buy-guarantee],
.MS [gg-masters] [page-container] .swiper-wrapper [card-buy-guarantee] {
    margin-left: auto;
    margin-right: auto;
    gap: 20px
}

[card-key-visual-square] {
    width: 208px;
    height: 240px;
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_keyvisual_card_square.png) 50% 0/100% auto no-repeat
}

[card-key-visual-square] h5 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    background: linear-gradient(180deg, #ffd978 1.94%, #ffe195 30.96%, #ffd787 51.09%, #ffc25e 54.96%, #ffbc6e 74.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:768px) {
    [card-key-visual-square] h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [card-key-visual-square] h5 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[card-key-visual-square] h5+p {
    margin-top: 32px
}

[card-key-visual-square] p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [card-key-visual-square] p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [card-key-visual-square] p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[card-key-visual-square] p span {
    display: block
}

[card-key-visual-square] p strong {
    color: #fee78a
}

@media (min-width:768px) {
    [card-key-visual-square] h5+p {
        margin-top: 32px
    }
}

@media (min-width:1280px) {
    [card-key-visual-square] {
        width: 280px;
        height: 300px;
        padding-top: 56px;
        padding-right: 32px;
        padding-bottom: 56px;
        padding-left: 32px
    }

    [card-key-visual-square] h5+p {
        margin-top: 40px
    }

    [card-key-visual-square] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px;
        font-weight: 500;
        font-weight: 400
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [card-key-visual-square] p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [card-key-visual-square] p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[gg-masters-every] .swiper-slide+.swiper-slide {
    margin-top: -80px
}

[gg-masters-every] [data-idx="1"] [card-buy-guarantee]:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_masters_card_bg_point.webp)
}

@media (min-width:768px) {
    [gg-masters-every] .swiper-wrapper {
        gap: 40px
    }

    [gg-masters-every] .swiper-wrapper .swiper-slide {
        width: auto
    }

    [gg-masters-every] .swiper-wrapper .swiper-slide+.swiper-slide {
        margin-top: 0
    }
}

@media (min-width:1024px) {
    [gg-masters-every] .swiper-wrapper {
        transform: none !important;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.ML [gg-masters-every] .swiper-wrapper,
.MM [gg-masters-every] .swiper-wrapper,
.MS [gg-masters-every] .swiper-wrapper {
    transform: none !important
}

[card-buy-guarantee] {
    position: relative;
    text-align: center;
    width: 240px;
    height: 538px;
    padding-top: 136px
}

[card-buy-guarantee]:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 0;
    width: 400px;
    height: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_masters_card_bg.png) 50% 0/400px auto no-repeat;
    pointer-events: none
}

[card-buy-guarantee]>* {
    position: relative
}

[card-buy-guarantee] figure img {
    display: block;
    width: 240px;
    height: 80px;
    max-width: 365px;
    margin-left: auto;
    margin-right: auto
}

[card-buy-guarantee] p {
    margin-top: 16px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [card-buy-guarantee] p {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [card-buy-guarantee] p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[card-buy-guarantee] dl {
    margin-top: 60px;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto
}

[card-buy-guarantee] dl dt {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #c79e6d;
    padding-bottom: 16px
}

@media (min-width:768px) {
    [card-buy-guarantee] dl dt {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [card-buy-guarantee] dl dt {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[card-buy-guarantee] dl dt:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 6px;
    right: auto;
    top: auto;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(68, 40, 25, 0), #644e39 50%, rgba(68, 40, 25, 0))
}

[card-buy-guarantee] dl dd {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    white-space: nowrap
}

@media (min-width:768px) {
    [card-buy-guarantee] dl dd {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [card-buy-guarantee] dl dd {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[card-buy-guarantee] dl dd+dt {
    margin-top: 20px
}

@media (min-width:768px) {
    [card-buy-guarantee] {
        width: 288px;
        padding-top: 123px
    }

    [card-buy-guarantee] dl {
        margin-top: 64px
    }

    [card-buy-guarantee] figure img {
        width: 288px;
        height: 92px
    }
}

@media (min-width:1280px) {
    [card-buy-guarantee] {
        width: 344px;
        height: 688px;
        padding-top: 150px
    }

    [card-buy-guarantee]:before {
        width: 500px;
        height: 688px;
        background-size: 500px 688px
    }

    [card-buy-guarantee] figure img {
        width: 344px;
        height: 112px
    }

    [card-buy-guarantee] p {
        margin-top: 40px
    }

    [card-buy-guarantee] dl {
        margin-top: 80px;
        max-width: 268px
    }

    [card-buy-guarantee] dl+dt {
        margin-top: 40px
    }
}

[gg-masters-monday-saturday] .swiper-slide+.swiper-slide {
    margin-top: -80px
}

@media (min-width:768px) {
    [gg-masters-monday-saturday] .swiper-wrapper {
        gap: 40px
    }

    [gg-masters-monday-saturday] .swiper-wrapper .swiper-slide {
        width: auto
    }

    [gg-masters-monday-saturday] .swiper-wrapper .swiper-slide+.swiper-slide {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    [gg-masters-monday-saturday] .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        transform: none !important
    }

    [gg-masters-monday-saturday] .swiper-wrapper .swiper-slide {
        margin-right: 0 !important;
        width: auto !important
    }
}

[gg-masters-info-messages] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center
}

[gg-masters-info-messages] p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [gg-masters-info-messages] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [gg-masters-info-messages] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[gg-masters-info-messages] h6 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {
    [gg-masters-info-messages] h6 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [gg-masters-info-messages] h6 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }

    [gg-masters-info-messages] {
        min-height: 56px
    }
}

[gg-millions-2024] [key-visual-tournaments].primary .bg-holder img.logo {
    top: 70px
}

@media (min-width:768px) {
    [gg-millions-2024] [key-visual-tournaments].primary .bg-holder img.logo {
        top: 77px
    }
}

@media (min-width:1280px) {
    [gg-millions-2024] [key-visual-tournaments].primary .bg-holder img.logo {
        top: 166px
    }
}

[ggm2024-key-visual-content] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 56px;
    height: 260px;
    margin-right: -24px;
    margin-left: -24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/ggm2024_key_visual_content.webp) 50% 50%/auto 260px no-repeat
}

[ggm2024-key-visual-content] h4 {
    position: relative;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {
    [ggm2024-key-visual-content] h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [ggm2024-key-visual-content] h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[ggm2024-key-visual-content] h4:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    right: auto;
    bottom: auto;
    width: 1024px;
    height: 18px;
    margin-top: 16px;
    transform: translateX(-50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/ggm2024_key_visual_content_line.png) 50% 50% no-repeat
}

[ggm2024-key-visual-content] p {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    margin-top: 46px
}

@media (min-width:768px) {
    [ggm2024-key-visual-content] p {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [ggm2024-key-visual-content] p {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[ggm2024-key-visual-content] p strong {
    margin-top: 4px;
    display: block;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fee78a
}

@media (min-width:768px) {
    [ggm2024-key-visual-content] p strong {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    [ggm2024-key-visual-content] p strong {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

@media (min-width:768px) {
    [ggm2024-key-visual-content] {
        height: 240px;
        margin-bottom: 64px
    }
}

@media (min-width:1280px) {
    [ggm2024-key-visual-content] {
        height: 300px;
        margin-bottom: 178px;
        margin-right: 0;
        margin-left: 0
    }
}

[gg-millions-2024-what] .holder {
    display: flex;
    flex-direction: column;
    row-gap: 56px
}

[gg-millions-2024-what] [grid] {
    gap: 20px
}

[gg-millions-2024-what] .item {
    width: 153px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

[gg-millions-2024-what] .item img {
    width: 136px;
    height: 118px
}

[gg-millions-2024-what] .item p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [gg-millions-2024-what] .item p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [gg-millions-2024-what] .item p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[gg-millions-2024-what] [text-content].article-content h5 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    color: #fff;
    max-width: 200px;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    [gg-millions-2024-what] [text-content].article-content h5 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [gg-millions-2024-what] [text-content].article-content h5 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }
}

@media (min-width:768px) {
    [gg-millions-2024-what] .holder {
        display: flex;
        justify-content: center;
        align-items: center;
        row-gap: 64px
    }

    [gg-millions-2024-what] .item {
        width: 200px
    }

    [gg-millions-2024-what] .item img {
        width: 160px;
        height: 139px
    }

    [gg-millions-2024-what] [text-content].article-content h5 {
        max-width: inherit
    }
}

@media (min-width:1280px) {
    [gg-millions-2024-what] .holder {
        row-gap: 128px
    }

    [gg-millions-2024-what] [grid] {
        -moz-column-gap: 56px;
        column-gap: 56px
    }

    [gg-millions-2024-what] .item {
        width: 256px
    }

    [gg-millions-2024-what] .item img {
        width: 256px;
        height: 222px
    }

    [gg-millions-2024-what] .item:nth-of-type(5) p {
        max-width: 200px;
        margin-left: auto;
        margin-right: auto
    }
}

[ggmb-jeff-gross] .holder {
    position: relative;
    padding-top: 24px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    width: 327px;
    height: 706px;
    background-color: rgba(255, 0, 0, .5);
    margin-left: auto;
    margin-right: auto;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_jeff_gross.webp) 50% 0 no-repeat
}

[ggmb-jeff-gross] .title:before {
    content: "";
    display: block;
    width: 40px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_icon_2.webp) 50% 50%/cover no-repeat
}

[ggmb-jeff-gross] .title span {
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    background: linear-gradient(180deg, #ffd978 1.94%, #ffe195 30.96%, #ffd787 51.09%, #ffc25e 54.96%, #ffbc6e 74.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

[ggmb-jeff-gross] .title span+span {
    margin-top: 8px
}

[ggmb-jeff-gross] .only-msg {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [ggmb-jeff-gross] .only-msg {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [ggmb-jeff-gross] .only-msg {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[ggmb-jeff-gross] .only-msg a {
    font-weight: 500;
    color: #fff
}

[ggmb-jeff-gross] .jeff-gross-message {
    position: relative;
    margin-top: 16px;
    padding-top: 18px
}

[ggmb-jeff-gross] .jeff-gross-message:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    height: 2px;
    opacity: .4;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%, hsla(0, 0%, 100%, 0))
}

[ggmb-jeff-gross] .jeff-gross-message p {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px
}

@media (min-width:768px) {
    [ggmb-jeff-gross] .jeff-gross-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [ggmb-jeff-gross] .jeff-gross-message p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[ggmb-jeff-gross] .jeff-gross-message p:after,
[ggmb-jeff-gross] .jeff-gross-message p:before {
    content: "";
    display: block;
    position: absolute;
    width: 22px;
    height: 16px;
    top: 0;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_icon_blockquote.webp) 50% 50%/cover no-repeat
}

[ggmb-jeff-gross] .jeff-gross-message p:before {
    left: 0
}

[ggmb-jeff-gross] .jeff-gross-message p:after {
    right: 0;
    transform: rotate(180deg)
}

[ggmb-jeff-gross] figure.jeff-gross-sign {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px
}

[ggmb-jeff-gross] figure.jeff-gross-sign:before {
    content: "";
    display: block;
    flex: 1;
    height: 2px;
    opacity: .4;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 50%, hsla(0, 0%, 100%, 0))
}

[ggmb-jeff-gross] figure.jeff-gross-sign img {
    flex: none;
    width: 74px;
    height: 24px
}

[ggmb-jeff-gross] .profile {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #fff;
    padding: 16px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(35, 33, 96, .9))
}

[ggmb-jeff-gross] .profile h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    text-align: center
}

@media (min-width:768px) {
    [ggmb-jeff-gross] .profile h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [ggmb-jeff-gross] .profile h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[ggmb-jeff-gross] .profile ul {
    margin-top: 8px
}

[ggmb-jeff-gross] .profile ul>li {
    position: relative;
    padding-left: 16px
}

[ggmb-jeff-gross] .profile ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] [ggmb-jeff-gross] .profile ul>li {
    padding-right: 16px
}

[lang=ar] [ggmb-jeff-gross] .profile ul>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

[ggmb-jeff-gross] .profile ul li:before {
    border: 0 !important;
    top: 10px !important
}

[ggmb-jeff-gross] .profile ul li:nth-child(2):before {
    background-color: #fee78a
}

@media (min-width:768px) {
    [ggmb-jeff-gross] .holder {
        width: 704px;
        height: 314px;
        padding-top: 30px;
        padding-right: 234px;
        padding-bottom: 0;
        padding-left: 32px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_jeff_gross_t.webp)
    }

    [ggmb-jeff-gross] .title span {
        max-width: inherit
    }

    [ggmb-jeff-gross] .jeff-gross-message p {
        padding-right: 34px;
        padding-left: 34px
    }

    [ggmb-jeff-gross] .profile {
        left: auto;
        width: 210px
    }
}

@media (min-width:1280px) {
    [ggmb-jeff-gross] .holder {
        width: auto;
        height: 512px;
        padding-top: 103px;
        padding-right: 494px;
        padding-bottom: 0;
        padding-left: 94px;
        margin-top: -24px;
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/gg_millions_2024_broadcast_jeff_gross_d.webp)
    }

    [ggmb-jeff-gross] .title:before {
        width: 58px;
        height: 54px
    }

    [ggmb-jeff-gross] .title span {
        font-size: 32px;
        line-height: 36px
    }

    [ggmb-jeff-gross] .title span+span {
        margin-top: 4px
    }

    [ggmb-jeff-gross] .jeff-gross-message {
        margin-top: 24px;
        padding-top: 26px
    }

    [ggmb-jeff-gross] .jeff-gross-message p {
        padding-right: 40px;
        padding-left: 40px
    }

    [ggmb-jeff-gross] .jeff-gross-message p:after,
    [ggmb-jeff-gross] .jeff-gross-message p:before {
        width: 28px;
        height: 20px
    }

    [ggmb-jeff-gross] figure.jeff-gross-sign {
        margin-top: 16px
    }

    [ggmb-jeff-gross] figure.jeff-gross-sign img {
        width: 88px;
        height: 28px
    }

    [ggmb-jeff-gross] .profile {
        padding: 24px;
        width: 322px;
        right: 71px;
        bottom: 68px
    }

    [ggmb-jeff-gross] .profile li {
        white-space: nowrap
    }
}

[gg-millions-2024-live]>.content .message {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fee78a
}

@media (min-width:768px) {
    [gg-millions-2024-live]>.content .message {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [gg-millions-2024-live]>.content .message {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[gg-millions-2024-live] .items {
    display: flex;
    flex-direction: column
}

[gg-millions-2024-live] .item {
    display: flex;
    align-items: center;
    -moz-column-gap: 20px;
    column-gap: 20px
}

[gg-millions-2024-live] .item figure {
    flex: none
}

[gg-millions-2024-live] .item figure img {
    width: 100%;
    height: auto;
    max-width: 128px
}

[gg-millions-2024-live] .item p {
    flex: 1
}

@media (min-width:768px) {
    [gg-millions-2024-live]>.content .message {
        font-weight: 500
    }

    [gg-millions-2024-live] .items {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-flow: row;
        -moz-column-gap: 20px;
        column-gap: 20px
    }

    [gg-millions-2024-live] .item {
        width: 224px;
        flex-direction: column;
        gap: 0;
        text-align: center
    }

    [gg-millions-2024-live] .item figure img {
        width: 160px;
        height: 100px;
        max-width: inherit
    }

    [gg-millions-2024-live] .item p span {
        display: block
    }
}

@media (min-width:1280px) {
    [gg-millions-2024-live] .items {
        -moz-column-gap: 56px;
        column-gap: 56px
    }

    [gg-millions-2024-live] .item {
        width: 288px
    }

    [gg-millions-2024-live] .item figure img {
        width: 256px;
        height: 160px
    }
}

.ggw-ranking [responsive-table].scroll-color.in-sticky .holder {
    max-height: 404px
}

.ggw-ranking [responsive-table-sorting] table {
    min-width: 680px
}

.ggw-ranking [responsive-table-sorting] thead th {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    .ggw-ranking [responsive-table-sorting] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    .ggw-ranking [responsive-table-sorting] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

.ggw-ranking [responsive-table-sorting] tbody td:nth-child(2),
.ggw-ranking [responsive-table-sorting] thead th:nth-child(2) {
    text-align: left
}

.ggw-ranking [responsive-table-sorting] tbody td:nth-child(3) {
    color: #fee78a
}

@media (min-width:768px) {
    .ggw-ranking [responsive-table].scroll-color.in-sticky .holder {
        max-height: 768px
    }
}

[responsive-table-sorting] .pointer {
    cursor: pointer
}

[responsive-table-sorting] .filter {
    display: inline-flex;
    flex-direction: column;
    row-gap: 4px;
    vertical-align: middle;
    margin-left: 4px
}

[responsive-table-sorting] .filter:after,
[responsive-table-sorting] .filter:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    opacity: .15
}

[responsive-table-sorting] .filter:before {
    border-bottom: 5px solid #fff;
    border-top: 0
}

[responsive-table-sorting] .filter:after {
    border-top: 6px solid #fff;
    border-bottom: 0
}

[responsive-table-sorting] .filter.ascending:before,
[responsive-table-sorting] .filter.descending:after {
    opacity: .8
}

[responsive-table-sorting] [responsive-table] td,
[responsive-table-sorting] [responsive-table] th {
    width: 14%
}

[responsive-table-sorting] [responsive-table] td:nth-of-type(2),
[responsive-table-sorting] [responsive-table] th:nth-of-type(2) {
    text-align: left
}

[responsive-table-sorting] [responsive-table] thead th {
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px
}

[responsive-table-sorting] [responsive-table] tbody td:nth-of-type(2) {
    width: 30%
}

[responsive-table-sorting] [responsive-table] tbody td:nth-of-type(3) {
    color: #fee78a
}

[responsive-table-sorting] [responsive-table] tbody td:nth-of-type(3) img {
    margin-left: 8px
}

@media (min-width:1280px) {
    [responsive-table-sorting] [responsive-table] thead th {
        font-size: 18px
    }
}

[high-rollers-monday-saturday] td:first-child,
[high-rollers-monday-saturday] td:nth-child(2),
[high-rollers-monday-saturday] th:first-child,
[high-rollers-monday-saturday] th:nth-child(2) {
    width: 15%
}

[high-rollers-monday-saturday] td:nth-child(3),
[high-rollers-monday-saturday] th:nth-child(3) {
    width: 40%
}

[high-rollers-monday-saturday] td:nth-child(4),
[high-rollers-monday-saturday] td:nth-child(5),
[high-rollers-monday-saturday] th:nth-child(4),
[high-rollers-monday-saturday] th:nth-child(5) {
    width: 15%
}

[high-rollers-monday-saturday] [responsive-table] table {
    min-width: 704px
}

@media (min-width:1280px) {
    [high-rollers-monday-saturday] {
        min-height: 684px
    }
}

[high-rollers-sunday] td:first-child,
[high-rollers-sunday] td:nth-child(2),
[high-rollers-sunday] th:first-child,
[high-rollers-sunday] th:nth-child(2) {
    width: 15%
}

[high-rollers-sunday] td:nth-child(3),
[high-rollers-sunday] th:nth-child(3) {
    width: 40%
}

[high-rollers-sunday] td:nth-child(4),
[high-rollers-sunday] td:nth-child(5),
[high-rollers-sunday] th:nth-child(4),
[high-rollers-sunday] th:nth-child(5) {
    width: 15%
}

[high-rollers-sunday] [responsive-table] table {
    min-width: 704px
}

img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -ms-user-drag: none;

    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

._app-nav-gnb .mega-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    padding-top: 80px;
    padding-bottom: 104px;
    background-color: #f7f7f8;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all .3s ease;
}

._app-nav-gnb .mega-wrap.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

._app-nav-gnb .mega-wrap .holder {
    display: flex;
    -moz-column-gap: 90px;
    column-gap: 90px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat
}

._app-nav-util.collapse>li.AboutUs a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png)
}

._home {
    padding-bottom: 56px;
    color: #fff;
    background-color: #18181b
}

._home ._page-container {
    padding: 0
}

@media (min-width:768px) {
    ._home {
        padding-bottom: 72px
    }
}

@media (min-width:1280px) {
    ._home {
        padding-bottom: 128px
    }
}

._home-key-visual-section {
    position: relative;
    width: auto;
    height: 448px
}

._home-key-visual-section:after,
._home-key-visual-section:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 128px;
    z-index: 2;
    pointer-events: none
}

._home-key-visual-section:before {
    top: 0;
    background-blend-mode: multiply;
    background: linear-gradient(180deg, #4e4339, hsla(0, 0%, 100%, 0))
}

._home-key-visual-section:after {
    bottom: 0;
    background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)
}

._home-key-visual-section .swiper-container {
    height: inherit
}

._home-key-visual-section .swiper-wrapper {
    white-space: nowrap
}

._home-key-visual-section div.swiper-pagination {
    z-index: 10000;
    position: absolute;
    justify-content: center;
    align-items: center;
    left: 0;
    bottom: 16px;
    width: 100%;
    display: flex;
    margin-top: 8px;
    gap: 12px;
    z-index: 4
}

._home-key-visual-section .pagination-list {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px
}

._home-key-visual-section .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin-top: 0;
    margin-right: 4px;
    margin-bottom: 0;
    margin-left: 4px;
    background-color: hsla(0, 0%, 100%, .3);
    cursor: pointer;
    border-radius: 100%
}

._home-key-visual-section .swiper-pagination-bullet:active,
.no-touch ._home-key-visual-section .swiper-pagination-bullet:hover:not(.hover-disable) {
    background-color: hsla(0, 0%, 100%, .6)
}

._home-key-visual-section .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

._home-key-visual-section .swiper-button {
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    display: none;
    overflow: hidden
}

._home-key-visual-section .swiper-button img {
    display: block;
    width: 100%;
    height: auto
}

._home-key-visual-section .hero-item {
    position: relative;
    width: 100%;
    height: 100%
}

._home-key-visual-section .hero-bg {
    display: block;
    width: inherit;
    height: inherit
}

._home-key-visual-section .hero-bg img {
    width: inherit;
    height: inherit
}

._home-key-visual-section .hero-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

._home-key-visual-section .hero-content .holder {
    position: relative;
    height: 100%
}

._home-key-visual-section .btn-signup {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    color: #d4d4d4;
    border: 1px solid #6c6c7a;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
    border-radius: 24px;
    display: inline-flex;
    align-items: center
}

._home-key-visual-section .btn-signup:active,
.no-touch ._home-key-visual-section .btn-signup:hover:not(.hover-disable) {
    color: #fff;
    transition: color .25s ease-in-out
}

._home-key-visual-section .buttons {
    position: absolute;
    left: 24px;
    bottom: 56px;
    right: auto;
    top: auto;
    display: flex;
    align-items: center;
    gap: 16px
}

._home-key-visual-section .buttons a {
    display: inline-block;
    padding-top: 5px;
    padding-right: 24px;
    padding-bottom: 5px;
    padding-left: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .56px;
    font-weight: 500;
    color: #fff;
    border-radius: 66px;
    background-color: hsla(0, 0%, 100%, .1);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    text-align: center;
    transition: background-color .25s ease-in-out;
    border: 1px solid hsla(0, 0%, 100%, .1)
}

.no-touch ._home-key-visual-section .buttons a:hover:not(.hover-disable) {
    background-color: hsla(0, 0%, 100%, .3)
}

.no-touch ._home-key-visual-section .buttons a:active:not(.hover-disable) {
    background-color: hsla(0, 0%, 100%, .1)
}

@media (min-width:768px) {
    ._home-key-visual-section {
        width: auto;
        height: 640px
    }

    ._home-key-visual-section:after,
    ._home-key-visual-section:before {
        height: 200px
    }

    ._home-key-visual-section:before {
        background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
    }

    ._home-key-visual-section:after {
        background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
    }

    ._home-key-visual-section .swiper-pagination {
        bottom: 24px
    }

    ._home-key-visual-section .swiper-button {
        display: flex
    }

    ._home-key-visual-section .swiper-button-next,
    ._home-key-visual-section .swiper-button-prev {
        width: 64px;
        height: 64px
    }

    ._home-key-visual-section .swiper-button-next:before,
    ._home-key-visual-section .swiper-button-prev:before {
        font-size: 64px
    }

    ._home-key-visual-section .buttons {
        left: 80px;
        bottom: 72px;
        right: auto;
        top: auto
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section {
        width: auto;
        height: 884px
    }

    ._home-key-visual-section:before {
        background: linear-gradient(180deg, #313131 -33.75%, transparent 96.52%)
    }

    ._home-key-visual-section:after {
        display: none;
        height: 268px;
        background: linear-gradient(180deg, transparent, #020202 83.85%)
    }

    ._home-key-visual-section div.swiper-pagination {
        bottom: 180px
    }

    ._home-key-visual-section div.swiper-pagination .swiper-pagination-bullet {
        gap: 16px;
        width: 12px;
        height: 12px
    }

    ._home-key-visual-section div.swiper-button-prev {
        left: 40px
    }

    ._home-key-visual-section div.swiper-button-next {
        right: 40px
    }

    ._home-key-visual-section .hero-bg {
        text-align: center;
        background-color: #010101
    }

    ._home-key-visual-section .hero-bg img {
        width: 100%;
        height: 100%;
        max-width: 1920px
    }

    ._home-key-visual-section .hero-content .holder {
        width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    ._home-key-visual-section .btn-signup {
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 24px
    }

    ._home-key-visual-section .buttons {
        left: 0;
        bottom: 226px;
        right: auto;
        top: auto
    }
}

._home-key-visual-section .hero-type-1 .holder {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 96px 24px 0 24px
}

._home-key-visual-section .hero-type-1 h2 {
    font-size: 62px;
    line-height: 56px;
    letter-spacing: .62px;
    font-weight: 900;
    white-space: normal;
    background: linear-gradient(180deg, #ffd978 1.94%, #ffe195 30.96%, #ffd787 51.09%, #ffc25e 54.96%, #ffbc6e 74.31%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-1 h2 {
        font-size: 82px;
        line-height: 76px;
        letter-spacing: .82px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 h2 {
        font-size: 100px;
        line-height: 82px;
        letter-spacing: 1px
    }
}

._home-key-visual-section .hero-type-1 h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    width: 54%;
    margin-top: 8px;
    white-space: normal
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-1 h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._home-key-visual-section .hero-type-1 h4 {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #fff;
    margin-top: 4px
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-1 h4 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 h4 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._home-key-visual-section .hero-type-1 figure img {
    width: 64px;
    height: auto
}

._home-key-visual-section .hero-type-1 ul {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff;
    display: none
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-1 ul {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 ul {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._home-key-visual-section .hero-type-1 article .btn-signup {
    position: absolute;
    left: 24px;
    bottom: 56px;
    right: auto;
    top: auto
}

._home-key-visual-section .hero-type-1 article+article {
    margin-top: 20px
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-1 .holder {
        padding-left: 80px;
        padding-bottom: 72px
    }

    ._home-key-visual-section .hero-type-1 h3 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .78px;
        font-weight: 500;
        margin-top: 12px
    }

    ._home-key-visual-section .hero-type-1 h4 {
        margin-top: 8px
    }

    ._home-key-visual-section .hero-type-1 figure img {
        width: 128px;
        height: auto
    }

    ._home-key-visual-section .hero-type-1 article .btn-signup {
        left: 80px;
        bottom: 72px;
        right: auto;
        top: auto
    }

    ._home-key-visual-section .hero-type-1 article+article {
        margin-top: 24px
    }
}

@media (min-width:768px) and (min-width:768px) {
    ._home-key-visual-section .hero-type-1 h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 .hero-content {
        bottom: 154px
    }

    ._home-key-visual-section .hero-type-1 .holder {
        position: relative;
        padding: 0;
        justify-content: center
    }

    ._home-key-visual-section .hero-type-1 h3 {
        margin-top: 24px
    }

    ._home-key-visual-section .hero-type-1 h4 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500
    }

    ._home-key-visual-section .hero-type-1 figure img {
        width: 80px;
        height: auto
    }

    ._home-key-visual-section .hero-type-1 ul {
        display: block;
        margin-top: 16px
    }

    ._home-key-visual-section .hero-type-1 article .btn-signup {
        position: static
    }

    ._home-key-visual-section .hero-type-1 article+article {
        position: absolute;
        right: 0;
        bottom: 40px;
        left: auto;
        top: auto;
        margin-top: 0;
        text-align: right
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._home-key-visual-section .hero-type-1 h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._home-key-visual-section .hero-type-1 h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._home-key-visual-section .hero-type-2 .holder {
    padding-top: 105px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px
}

._home-key-visual-section .hero-type-2 h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-2 h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-2 h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

._home-key-visual-section .hero-type-2 h3 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    margin-top: 16px
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-2 h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-2 h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

._home-key-visual-section .hero-type-2 p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    line-clamp: 3;
    -webkit-line-clamp: 3;
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-2 p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-2 p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-2 .holder {
        padding-top: 113px;
        padding-right: 208px;
        padding-bottom: 80px;
        padding-left: 72px
    }

    ._home-key-visual-section .hero-type-2 h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
    }

    ._home-key-visual-section .hero-type-2 h3 {
        margin-top: 24px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-2 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-2 article {
        max-width: 792px
    }

    ._home-key-visual-section .hero-type-2 h3 {
        margin-top: 32px
    }
}

._home-key-visual-section .hero-type-3 .holder {
    padding-top: 93px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px
}

._home-key-visual-section .hero-type-3 h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fee78a
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-3 h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-3 h2 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

._home-key-visual-section .hero-type-3 h3 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    max-width: 50%
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-3 h3 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-3 h3 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

._home-key-visual-section .hero-type-3 h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 8px
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-3 h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-3 h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-3 .holder {
        padding-top: 113px;
        padding-right: 160px;
        padding-bottom: 80px;
        padding-left: 80px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-3 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-3 article {
        max-width: 792px
    }

    ._home-key-visual-section .hero-type-3 h3 {
        margin-top: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2
    }

    ._home-key-visual-section .hero-type-3 h4 {
        margin-top: 16px
    }
}

._home-key-visual-section .hero-type-4 .holder {
    padding-top: 97px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px
}

._home-key-visual-section .hero-type-4 figure {
    position: absolute;
    right: 24px;
    top: 104px;
    left: auto;
    bottom: auto
}

._home-key-visual-section .hero-type-4 figure img {
    width: 56px;
    height: 56px
}

._home-key-visual-section .hero-type-4 h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    white-space: normal
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-4 h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-4 h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

._home-key-visual-section .hero-type-4 h3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 8px;
    white-space: normal
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-4 h3 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-4 h3 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-4 .holder {
        padding-top: 112px
    }

    ._home-key-visual-section .hero-type-4 figure {
        right: 40px;
        top: 112px;
        left: auto;
        bottom: auto
    }

    ._home-key-visual-section .hero-type-4 figure img {
        width: 80px;
        height: 80px
    }

    ._home-key-visual-section .hero-type-4 article {
        max-width: 792px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-4 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-4 figure {
        top: 176px;
        right: auto;
        left: calc(100% + 56px)
    }

    ._home-key-visual-section .hero-type-4 figure img {
        width: 120px;
        height: 120px
    }

    ._home-key-visual-section .hero-type-4 h2 {
        overflow: hidden;
        text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2
    }

    ._home-key-visual-section .hero-type-4 h3 {
        margin-top: 16px
    }
}

._home-key-visual-section .hero-type-5 .holder {
    padding-top: 97px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px
}

._home-key-visual-section .hero-type-5 h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700;
    color: #fff;
    white-space: normal
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-5 h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-5 h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

._home-key-visual-section .hero-type-5 h3 {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #fff;
    margin-top: 8px;
    white-space: normal
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-5 h3 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-5 h3 {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._home-key-visual-section .hero-type-5 .h4,
._home-key-visual-section .hero-type-5 h4 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fee78a;
    margin-top: 8px;
    white-space: normal
}

@media (min-width:768px) {

    ._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {

    ._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:768px) {
    ._home-key-visual-section .hero-type-5 .holder {
        padding-top: 113px;
        padding-right: 160px;
        padding-bottom: 80px;
        padding-left: 80px
    }

    ._home-key-visual-section .hero-type-5 h3 {
        font-size: 26px;
        line-height: 34px;
        letter-spacing: .78px;
        font-weight: 500
    }

    ._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }
}

@media (min-width:768px) and (min-width:768px) {
    ._home-key-visual-section .hero-type-5 h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    ._home-key-visual-section .hero-type-5 h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

@media (min-width:768px) and (min-width:768px) {

    ._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) and (min-width:1280px) {

    ._home-key-visual-section .hero-type-5 .h4,
    ._home-key-visual-section .hero-type-5 h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

@media (min-width:1280px) {
    ._home-key-visual-section .hero-type-5 .holder {
        padding-top: 288px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0
    }

    ._home-key-visual-section .hero-type-5 article {
        max-width: 792px
    }
}

.ggmasters-freezeout {
    position: relative;
    padding-top: 41px
}

.ggmasters-freezeout div {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, #e5a643, #d89323 1.64%, #fab749 10.06%, #fde88f 50.22%, #f8c547 75.67%, #ce8019 100.9%);
    border-radius: 4px;
    clip-path: polygon(100% 0, calc(100% - 17px) 50%, 100% 100%, 0 100%, 0 0)
}

.ggmasters-freezeout div span {
    display: block;
    padding-top: 4px;
    padding-right: 31px;
    padding-bottom: 5px;
    padding-left: 28px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #4f3511
}

@media (min-width:768px) {
    .ggmasters-freezeout div span {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    .ggmasters-freezeout div span {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

.ggmasters-freezeout h2 {
    min-width: 256px;
    max-width: 65%
}

.hero-type-5 .ggmasters-freezeout h3.h4 {
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500
}

@media (min-width:768px) {
    .hero-type-5 .ggmasters-freezeout h3.h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    .hero-type-5 .ggmasters-freezeout h3.h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

@media (min-width:768px) {
    .ggmasters-freezeout h2 {
        min-width: 543px
    }
}

@media (min-width:1280px) {
    .ggmasters-freezeout {
        margin-top: -41px
    }
}

div ._home-reward-section.home-section {
    padding-top: 56px
}

._home-reward-section .bg-holder {
    top: 0;
    height: 153px;
    background: linear-gradient(180deg, #190000 .52%, transparent);
    pointer-events: none
}

._home-reward-section .bg-holder:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, red, transparent);
    content: ""
}

._home-reward-section .inner {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._home-reward-section .img-outer {
    border-radius: 16px;
    display: block
}

._home-reward-section .img-outer:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    z-index: 1;
    height: 34px;
    background: linear-gradient(180deg, rgba(24, 24, 27, 0), rgba(24, 24, 27, .8));
    border-radius: 0 0 16px 16px
}

._home-reward-section .img-outer:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid transparent;
    z-index: 1;
    border-radius: inherit
}

._home-reward-section .img-outer img {
    width: 100%;
    height: auto;
    border-radius: inherit
}

._home-reward-section .item-message {
    position: absolute;
    left: 0;
    bottom: 4px;
    right: auto;
    top: auto;
    right: 0;
    z-index: 3;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -.276px
}

._home-reward-section a:active .img-outer:before,
.no-touch ._home-reward-section a:hover:not(.hover-disable) .img-outer:before {
    left: 1px;
    right: 1px;
    bottom: 1px;
    z-index: 2
}

._home-reward-section a:active .img-outer:after,
.no-touch ._home-reward-section a:hover:not(.hover-disable) .img-outer:after {
    border-color: #d30000
}

._home-reward-section .swiper-container-initialized .swiper-slide {
    margin-right: 0
}

._home-reward-section ._slider {
    margin-top: 24px;
    overflow: visible
}

._home-reward-section .swiper-slide {
    width: 35.4vw;
    margin-right: 8px
}

._home-reward-section .swiper-button {
    top: calc(50% + 72px);
    width: 80px;
    height: 80px;
    overflow: hidden
}

._home-reward-section .swiper-button:after {
    display: none
}

._home-reward-section .swiper-button i {
    width: 100%;
    height: 100%
}

._home-reward-section .swiper-button-prev {
    left: auto;
    right: calc(100% + 24px)
}

._home-reward-section .swiper-button-prev i {
    position: relative;
    display: block;
    transform: scale(1.1875)
}

._home-reward-section .swiper-button-prev i:before {
    transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)
}

._home-reward-section .swiper-button-prev i:after,
._home-reward-section .swiper-button-prev i:before {
    position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #d30000;
    border-radius: 3px;
    content: ""
}

._home-reward-section .swiper-button-prev i:after {
    transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)
}

._home-reward-section .swiper-button-next {
    left: calc(100% + 24px);
    right: auto;
    transform: rotate(0deg)
}

._home-reward-section .swiper-button-next i {
    position: relative;
    display: block;
    transform: scale(1.1875) rotate(180deg)
}

._home-reward-section .swiper-button-next i:before {
    transform-origin: 1.5px 100%;
    top: 50%;
    transform: translateY(-100%) rotate(45deg)
}

._home-reward-section .swiper-button-next i:after,
._home-reward-section .swiper-button-next i:before {
    position: absolute;
    left: 35%;
    display: block;
    width: 4px;
    height: 22px;
    background: #d30000;
    border-radius: 3px;
    content: ""
}

._home-reward-section .swiper-button-next i:after {
    transform-origin: 1.5px 100%;
    top: calc(50% - 2px);
    transform: translateY(-100%) rotate(135deg)
}

@media (min-width:768px) {
    div ._home-reward-section.home-section {
        padding-top: 80px
    }

    ._home-reward-section .bg-holder {
        height: 240px
    }

    ._home-reward-section .inner>h2,
    ._home-reward-section .inner>h3 {
        height: auto;
        max-height: none
    }

    ._home-reward-section .img-outer:before {
        height: 46px
    }

    ._home-reward-section .img-outer img {
        width: 100%;
        height: auto;
        transform: scale(1);
        transition: transform .35s ease-out 0s
    }

    ._home-reward-section ._slider {
        margin-top: 32px
    }

    ._home-reward-section .swiper-slide {
        width: 25.3vw;
        margin-right: 16px
    }

    ._home-reward-section .swiper-container-initialized .swiper-slide {
        margin-right: 0
    }
}

@media (min-width:1280px) {
    ._home-reward-section {
        min-height: 530px
    }

    div ._home-reward-section.home-section {
        padding-top: 96px;
        margin-top: -156px
    }

    ._home-reward-section:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 156px;
        right: auto;
        bottom: auto;
        right: 0;
        z-index: 1;
        height: 372px;
        background: linear-gradient(180deg, #010101, transparent 100%);
        pointer-events: none
    }

    ._home-reward-section div.bg-holder {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        width: 1524px;
        z-index: 2;
        margin: 0 auto;
        height: 560px;
        border-radius: 24px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_reward.svg) 50% 0;
        backdrop-filter: blur(2.5px);
        -webkit-backdrop-filter: blur(2.5px);
        pointer-events: none
    }

    ._home-reward-section div.bg-holder+.contents {
        position: relative;
        z-index: 3
    }

    ._home-reward-section div.bg-holder:after {
        display: none
    }

    ._home-reward-section .img-outer {
        border-radius: 16px
    }

    ._home-reward-section .img-outer img {
        width: 282px;
        height: 352px
    }

    ._home-reward-section ._slider {
        margin-top: 72px;
        overflow: hidden
    }

    ._home-reward-section .swiper-slide {
        width: 282px;
        margin-right: 19px
    }

    ._home-reward-section .swiper-container {
        padding-right: 0;
        padding-left: 0
    }

    ._home-reward-section .swiper-container-initialized .swiper-slide {
        margin-right: 0
    }
}

._section-container-static {
    position: relative;
    min-height: 352px
}

._section-container-static .bg-holder {
    width: 100%;
    position: absolute;
    z-index: 0
}

._section-container-static .contents {
    padding-right: 24px;
    padding-left: 24px
}

@media (min-width:1280px) {
    ._section-container-static .contents {
        padding: 0;
        margin-left: auto;
        margin-right: auto
    }
}

._section-container-static.no-margin {
    margin-top: 0 !important
}

._section-container-static.primary {
    height: 352px
}

._section-container-static.primary:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: 1;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent 0, var(--line-color) 50%, transparent 100%)
}

._section-container-static.primary .bg-holder {
    height: 100%;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    right: 0;
    overflow: hidden
}

._section-container-static.primary .bg-holder picture {
    width: 100%;
    height: 100%
}

._section-container-static.primary .bg-holder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._section-container-static.primary .contents {
    height: 100%;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px
}

@media (min-width:768px) {
    ._section-container-static.primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._section-container-static.primary .contents {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._section-container-static.primary .contents:after,
._section-container-static.primary .contents:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 128px;
    pointer-events: none
}

._section-container-static.primary .contents:before {
    top: 0;
    background-blend-mode: multiply
}

._section-container-static.primary .contents:after {
    bottom: 0;
    background: linear-gradient(0deg, #000 -62.5%, transparent 72.92%)
}

._section-container-static.primary .inner {
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px
}

._section-container-static.primary h2 {
    font-size: 36px;
    line-height: 40px;
    letter-spacing: .36px;
    font-weight: 700
}

@media (min-width:768px) {
    ._section-container-static.primary h2 {
        font-size: 60px;
        line-height: 64px;
        letter-spacing: .6px
    }
}

@media (min-width:1280px) {
    ._section-container-static.primary h2 {
        font-size: 68px;
        line-height: 72px;
        letter-spacing: .68px
    }
}

._section-container-static.primary h3 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500
}

@media (min-width:768px) {
    ._section-container-static.primary h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    ._section-container-static.primary h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

@media (min-width:768px) {
    ._section-container-static.primary {
        height: 528px
    }

    ._section-container-static.primary .contents:after,
    ._section-container-static.primary .contents:before {
        height: 200px
    }

    ._section-container-static.primary .contents:before {
        background: linear-gradient(180deg, #000 -28.25%, hsla(0, 0%, 40%, 0))
    }

    ._section-container-static.primary .contents:after {
        background: linear-gradient(0deg, #060606 -33.5%, transparent 68.25%)
    }

    ._section-container-static.primary .inner {
        padding-bottom: 72px
    }
}

@media (min-width:1280px) {
    ._section-container-static.primary {
        height: 544px
    }

    ._section-container-static.primary .inner {
        padding-bottom: 112px
    }
}

._section-container-static.home-section {
    padding-top: 56px
}

._section-container-static.home-section .contents {
    position: relative
}

._section-container-static.home-section .inner>h2,
._section-container-static.home-section .inner>h3 {
    text-align: center
}

._section-container-static.home-section .inner>h2 {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fff
}

@media (min-width:768px) {
    ._section-container-static.home-section .inner>h2 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    ._section-container-static.home-section .inner>h2 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

._section-container-static.home-section .inner>h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 300;
    color: #d4d4d4;
    margin-top: 4px
}

@media (min-width:768px) {
    ._section-container-static.home-section .inner>h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._section-container-static.home-section .inner>h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    ._section-container-static.home-section {
        padding-top: 64px
    }

    ._section-container-static.home-section .inner>h3 {
        margin-top: 8px
    }
}

@media (min-width:1280px) {
    ._section-container-static.home-section {
        padding-top: 128px
    }
}

@media (min-width:768px) {
    ._section-container-static.home-key-visual .inner>h3 {
        margin-top: 16px
    }
}

._home-play-section .contents {
    padding-right: 0;
    padding-left: 0
}

._home-play-section .inner {
    max-width: inherit
}

._home-play-section .inner h2,
._home-play-section .inner h3 {
    position: relative;
    z-index: 1
}

._home-play-section .swiper-button-next,
._home-play-section .swiper-button-prev {
    display: none
}

._home-play-section .swiper-container {
    padding-right: 24px;
    padding-left: 24px;
    overflow: visible
}

._home-play-section .objects {
    margin-top: 4px
}

._home-play-section .objects picture {
    position: absolute;
    pointer-events: none
}

._home-play-section .objects .objects-obj2,
._home-play-section .objects .objects-obj3,
._home-play-section .objects .objects-obj4,
._home-play-section .objects .objects-obj5 {
    display: none
}

._home-play-section .objects-obj1 {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 520px;
    height: 496px;
    transform: translateX(213px) translateY(-60%)
}

._home-play-section .picture1 {
    left: -81px;
    bottom: 100%;
    right: auto;
    top: auto
}

._home-play-section .picture1 img {
    width: 134px;
    height: 90.33px
}

._home-play-section .picture2 {
    right: 20px;
    bottom: 26px;
    left: auto;
    top: auto
}

._home-play-section .picture2 img {
    width: 66px;
    height: 84px
}

._home-play-section .picture3 {
    left: 61px;
    top: 447px;
    right: auto;
    bottom: auto
}

._home-play-section .picture3 img {
    width: 82px;
    height: 80px
}

._home-play-section .picture4 {
    right: -101px;
    top: 387px;
    left: auto;
    bottom: auto
}

._home-play-section .picture4 img {
    width: 202px;
    height: 203px
}

@media (min-width:768px) {
    ._home-play-section .objects {
        margin-top: 24px
    }
}

@media (min-width:1280px) {
    ._home-play-section {
        min-height: 1821px
    }

    ._home-play-section .inner {
        max-width: 1200px
    }

    ._home-play-section .swiper-container {
        padding-right: 0;
        padding-left: 0
    }

    ._home-play-section .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
        transform: inherit !important
    }

    ._home-play-section .swiper-slide {
        margin-right: 0 !important
    }

    ._home-play-section ._card-play-new {
        width: 383px !important;
        height: 500px !important
    }

    ._home-play-section ._card-play-new .img-outer img {
        width: 256px;
        height: 256px
    }

    ._home-play-section .objects {
        margin-top: 39px
    }

    ._home-play-section .objects picture {
        position: absolute
    }

    ._home-play-section .objects-obj1 {
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 810px;
        height: 810px;
        transform: translateX(100%) translateY(-274px)
    }

    ._home-play-section .objects-obj2 {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(21.714deg) translateX(43px) translateY(-100%)
    }

    ._home-play-section .objects-obj3 {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-210px) translateY(-60px);
        filter: blur(36.5px)
    }

    ._home-play-section .objects-obj4 {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.896deg) translateX(580px) translateY(700px);
        filter: blur(36.5px)
    }

    ._home-play-section .objects-obj5 {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(27.714deg) translateX(510px) translateY(1350px);
        filter: blur(36.5px)
    }

    ._home-play-section .picture1 {
        right: calc(100% + 39px);
        top: 350px;
        left: auto;
        bottom: auto
    }

    ._home-play-section .picture1 img {
        width: 217px;
        height: 147px
    }

    ._home-play-section .picture2 {
        left: calc(100% + 37px);
        top: 653px;
        right: auto;
        bottom: auto
    }

    ._home-play-section .picture2 img {
        width: 194px;
        height: 190px
    }

    ._home-play-section .picture3 {
        left: -290px;
        top: 1590px;
        right: auto;
        bottom: auto
    }

    ._home-play-section .picture3 img {
        width: 121px;
        height: 118px
    }

    ._home-play-section .picture4 {
        left: calc(100% + 40px);
        top: 1590px;
        right: auto;
        bottom: auto
    }

    ._home-play-section .picture4 img {
        width: 315px;
        height: 319px
    }
}

div._card-play-new {
    width: 240px;
    height: 332px;
    padding-top: 43.26px;
    padding-right: 7.87px;
    padding-bottom: 6.65px;
    padding-left: 7.87px
}

div._card-play-new a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 24px;
    border: 2px solid transparent;
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #ca324f, rgba(102, 0, 0, .81) 32.81%, #262736);
    background-origin: border-box
}

div._card-play-new a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background-color: rgba(134, 21, 21, .5);
    transform: rotate(-4.458deg)
}

div._card-play-new .holder {
    width: inherit;
    height: inherit;
    border-radius: 24px;
    padding-top: 106px;
    padding-right: 28.52px;
    padding-bottom: 0;
    padding-left: 28.52px;
    background-size: cover
}

div._card-play-new .img-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%
}

div._card-play-new .img-bg img {
    width: 100%;
    height: 100%;
    border-radius: 24px
}

div._card-play-new .img-outer {
    position: absolute;
    left: 50%;
    top: -46px;
    right: auto;
    bottom: auto;
    width: 168px;
    height: 168px;
    transform: translateX(-50%)
}

div._card-play-new .img-outer img {
    position: relative;
    z-index: 1;
    width: inherit;
    height: inherit
}

div._card-play-new .titles {
    position: relative;
    min-height: 76px;
    text-align: center;
    z-index: 1
}

div._card-play-new h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    div._card-play-new h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    div._card-play-new h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

div._card-play-new h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fee78a;
    margin-top: 4px
}

@media (min-width:768px) {
    div._card-play-new h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    div._card-play-new h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

div._card-play-new p {
    position: absolute;
    left: 24px;
    bottom: 16px;
    right: auto;
    top: auto;
    right: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #e5e5e5;
    text-align: center;
    z-index: 1
}

@media (min-width:768px) {
    div._card-play-new p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    div._card-play-new p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:768px) {
    div._card-play-new {
        width: 288px;
        height: 394px;
        padding-top: 44.71px;
        padding-right: 5.1px;
        padding-bottom: 11.88px;
        padding-left: 14.73px
    }

    div._card-play-new .holder {
        padding-top: 138px;
        padding-right: 29.11px;
        padding-bottom: 0;
        padding-left: 29.11px
    }

    div._card-play-new .img-outer {
        left: 50%;
        top: -60px;
        right: auto;
        bottom: auto;
        width: 196px;
        height: 196px
    }

    div._card-play-new .img-outer img {
        width: inherit;
        height: inherit
    }

    div._card-play-new p {
        left: 29.11px;
        bottom: 29.11px;
        right: auto;
        top: auto;
        right: 29.11px
    }
}

@media (min-width:1280px) {
    div._card-play-new {
        width: 384px;
        height: 500px;
        padding-top: 53px;
        padding-right: 17px;
        padding-bottom: 14px;
        padding-left: 26px
    }

    div._card-play-new .holder {
        padding-top: 168px;
        padding-right: 40px;
        padding-bottom: 0;
        padding-left: 40px
    }

    div._card-play-new .img-outer {
        left: 50%;
        top: -80px;
        right: auto;
        bottom: auto;
        width: 256px;
        height: 256px
    }

    div._card-play-new .img-outer img {
        width: inherit;
        height: inherit
    }

    div._card-play-new .titles {
        min-height: 102px
    }

    div._card-play-new h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }

    div._card-play-new p {
        left: 40px;
        bottom: 40px;
        right: auto;
        top: auto;
        right: 40px
    }
}

@media (min-width:1280px) and (min-width:768px) {
    div._card-play-new h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    div._card-play-new h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

.loaded div._card-play-new.color-1 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #ca324f, rgba(102, 0, 0, .81) 32.81%, #262736)
}

.loaded div._card-play-new.color-1 a:before {
    background-color: rgba(134, 21, 21, .5)
}

.loaded div._card-play-new.color-2 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #bb9d33, rgba(190, 183, 21, .31) 32.81%, #262736)
}

.loaded div._card-play-new.color-2 a:before {
    background-color: rgba(134, 89, 21, .5)
}

.loaded div._card-play-new.color-3 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #388962, rgba(11, 123, 90, .5) 32.81%, #262736)
}

.loaded div._card-play-new.color-3 a:before {
    background-color: rgba(11, 123, 90, .5)
}

.loaded div._card-play-new.color-4 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #a57938, rgba(134, 89, 21, .5) 32.81%, #262736)
}

.loaded div._card-play-new.color-4 a:before {
    background-color: rgba(134, 89, 21, .5)
}

.loaded div._card-play-new.color-5 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #2d7439, rgba(21, 190, 68, .31) 32.81%, #262736)
}

.loaded div._card-play-new.color-5 a:before {
    background-color: rgba(21, 134, 53, .5)
}

.loaded div._card-play-new.color-6 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #2d5274, rgba(21, 170, 190, .26) 32.81%, #262736)
}

.loaded div._card-play-new.color-6 a:before {
    background-color: rgba(21, 80, 134, .5)
}

.loaded div._card-play-new.color-7 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #a338a5, rgba(69, 0, 102, .81) 32.81%, #262736)
}

.loaded div._card-play-new.color-7 a:before {
    background-color: rgba(134, 21, 129, .5)
}

.loaded div._card-play-new.color-8 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #a53838, rgba(102, 37, 0, .81) 32.81%, #262736)
}

.loaded div._card-play-new.color-8 a:before {
    background-color: rgba(134, 21, 21, .5)
}

.loaded div._card-play-new.color-9 a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(180deg, #bb9d33, rgba(126, 61, 0, .81) 32.81%, #262736)
}

.loaded div._card-play-new.color-9 a:before {
    background-color: rgba(134, 89, 21, .5)
}

._home-enjoy-section {
    position: relative;
    z-index: 1
}

._home-enjoy-section ._grid {
    padding-top: 24px;
    padding-bottom: 24px;
    gap: 20px
}

._home-enjoy-section a {
    display: flex;
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px
}

._home-enjoy-section .img-outer {
    flex: none;
    position: relative;
    width: 72px;
    height: 72px
}

._home-enjoy-section .img-outer img {
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    pointer-events: none
}

._home-enjoy-section .content h3,
._home-enjoy-section .content p {
    position: relative;
    z-index: 1
}

._home-enjoy-section .content h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._home-enjoy-section .content h3 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._home-enjoy-section .content h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._home-enjoy-section .content p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    margin-top: 8px
}

@media (min-width:768px) {
    ._home-enjoy-section .content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._home-enjoy-section .content p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._home-enjoy-section .objects .obj {
    display: none
}

@media (min-width:768px) {
    ._home-enjoy-section ._grid {
        padding-top: 32px;
        padding-bottom: 0;
        -moz-column-gap: 32px;
        column-gap: 32px
    }
}

@media (min-width:1280px) {
    ._home-enjoy-section {
        min-height: 842px
    }

    ._home-enjoy-section ._grid {
        padding-top: 64px;
        row-gap: 80px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    ._home-enjoy-section a {
        -moz-column-gap: 40px;
        column-gap: 40px
    }

    ._home-enjoy-section .img-outer {
        width: 132px;
        height: 128px
    }

    ._home-enjoy-section .img-outer img {
        width: 200px;
        height: 200px
    }

    ._home-enjoy-section .content h3 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500
    }

    ._home-enjoy-section .content p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }

    ._home-enjoy-section .objects .obj {
        display: inline-block
    }

    ._home-enjoy-section .objects-obj1 {
        width: 845px;
        height: 811px;
        transform: translateX(calc(-50% - 132px)) translateY(-198px);
        width: 1025px;
        height: 984px;
        transform: translateX(-50%) translateY(-370px);
        left: 0;
        right: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-100%) translateY(-150%);
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.069deg) translateX(100px) translateY(-150px);
        filter: blur(36.5px)
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._home-enjoy-section .content h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._home-enjoy-section .content h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._home-enjoy-section .content p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._home-enjoy-section .content p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._home-community-section {
    min-height: inherit;
    padding-top: 112px !important
}

._home-community-section .bg-holder {
    left: 0;
    bottom: 76px;
    right: auto;
    top: auto;
    right: 0;
    height: 100%
}

._home-community-section .bg-holder .peoples-bg {
    display: block;
    width: 100%;
    height: 100%
}

._home-community-section .bg-holder .peoples-bg img {
    width: 100%;
    height: 100%
}

._home-community-section .contents {
    position: relative;
    z-index: 1
}

._home-community-section .peoples {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 24px
}

._home-community-section .peoples img {
    width: 100%;
    height: auto
}

._home-community-section .social {
    position: relative;
    padding: 16px
}

._home-community-section .social:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background-image: url(#d30000);
    background: linear-gradient(90deg, transparent, #d30101 50%, transparent)
}

._home-community-section .social ._social {
    gap: 12px;
    justify-content: center
}

._home-community-section .social ._social .label {
    display: none
}

@media (min-width:768px) {
    ._home-community-section {
        padding-top: 120px !important
    }

    ._home-community-section .bg-holder:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        top: 100%;
        height: 72px;
        z-index: 0;
        pointer-events: none;
        background: linear-gradient(180deg, rgba(23, 25, 47, .85) 5%, transparent)
    }

    ._home-community-section .peoples {
        margin-top: 32px
    }

    ._home-community-section .peoples img {
        width: 100%;
        height: auto
    }

    ._home-community-section .social ._social {
        gap: 24px
    }
}

@media (min-width:1280px) {
    ._home-community-section {
        padding-top: 208px !important;
        min-height: 615.38px
    }

    ._home-community-section .bg-holder {
        bottom: 116px
    }

    ._home-community-section .bg-holder:after {
        height: 112px
    }

    ._home-community-section .peoples {
        padding-top: 24px;
        margin-top: 48px
    }

    ._home-community-section .peoples img {
        width: 1200px;
        height: 196px
    }

    ._home-community-section .social {
        padding: 24px
    }

    ._home-community-section .social svg {
        width: 64px;
        height: 64px
    }

    ._home-community-section .social ._social .label {
        display: inline-block
    }
}

._home-watch-section {
    min-height: auto
}

._home-watch-section .contents {
    padding-right: 0;
    padding-left: 0
}

._home-watch-section .inner {
    max-width: inherit
}

._home-watch-section ._slider {
    margin-top: 24px
}

._home-watch-section .swiper-container {
    padding-right: 24px;
    padding-left: 24px;
    overflow: visible
}

._home-watch-section .objects-obj1 {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 632px;
    height: 602px;
    transform: translateX(-373px) translateY(83px)
}

._home-watch-section .objects-obj2 {
    display: none
}

@media (min-width:768px) {
    ._home-watch-section ._slider {
        margin-top: 32px
    }
}

@media (min-width:1280px) {
    ._home-watch-section {
        min-height: 548px
    }

    ._home-watch-section ._slider {
        margin-top: 48px
    }

    ._home-watch-section ._slider img {
        width: 100%;
        min-height: 208px
    }

    ._home-watch-section .swiper-container {
        padding-right: 0;
        padding-left: 0;
        overflow: hidden
    }

    ._home-watch-section .objects {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto
    }

    ._home-watch-section .objects-obj1 {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 731px;
        height: 712px;
        transform: translateX(242px) translateY(258px)
    }

    ._home-watch-section .objects-obj2 {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(21.714deg) translateX(0) translateY(-660px)
    }
}

._card-thumbnail {
    display: block;
    background-color: #24242a;
    border-radius: 8px;
    overflow: hidden
}

._card-thumbnail:active img,
.no-touch ._card-thumbnail:hover:not(.hover-disable) img {
    transform: scale(1.1)
}

._card-thumbnail .img-outer {
    display: block;
    overflow: hidden
}

._card-thumbnail .img-outer img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: transform .65s ease-in-out
}

._card-thumbnail .subject {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px
}

@media (min-width:768px) {
    ._card-thumbnail .subject {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._card-thumbnail .subject {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px
    }
}

._home-socialize-section .objects .obj:first-of-type {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 450px;
    height: 435px;
    transform: translateX(0) translateY(0);
    --bg-object-color: #18213f !important
}

._home-socialize-section .objects .obj:nth-of-type(2),
._home-socialize-section .objects .obj:nth-of-type(3),
._home-socialize-section .objects .obj:nth-of-type(4) {
    display: none
}

._home-socialize-section .swiper-container {
    overflow: visible
}

._home-socialize-section .container {
    margin-top: 24px
}

._home-socialize-section .swiper-button-next,
._home-socialize-section .swiper-button-prev {
    display: none
}

@media (min-width:768px) {
    ._home-socialize-section .container {
        margin-top: 32px
    }
}

@media (min-width:1280px) {
    ._home-socialize-section {
        min-height: 860px
    }

    ._home-socialize-section ._slider .swiper-wrapper {
        transform: none !important
    }

    ._home-socialize-section .objects .obj:first-of-type {
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 845px;
        height: 811px;
        transform: translateX(729px) translateY(-245px);
        --bg-object-color: #332413 !important
    }

    ._home-socialize-section .objects .obj:nth-of-type(2) {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-30px) translateY(-300px);
        filter: blur(36.5px)
    }

    ._home-socialize-section .objects .obj:nth-of-type(3) {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.069deg) translateX(60px) translateY(-220px);
        filter: blur(36.5px)
    }

    ._home-socialize-section .objects .obj:nth-of-type(4) {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 67px;
        height: 124px;
        transform: rotate(21.714deg) translateX(400px) translateY(380px)
    }

    ._home-socialize-section .container {
        margin-top: 48px
    }
}

._card-socialize {
    padding: 16px;
    background-color: #24242a;
    border-radius: 16px
}

._card-socialize .users-header {
    position: relative;
    padding-left: 52px
}

._card-socialize .users-header .user {
    display: flex;
    gap: 4px
}

._card-socialize .users-header .user picture {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #000
}

._card-socialize .users-header .user .label {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._card-socialize .users-header .user .label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-socialize .users-header .user .label {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._card-socialize .users-header .user .icon {
    width: 20px;
    height: 20px;
    margin-top: 1px
}

._card-socialize .users-header .at {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    ._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._card-socialize .message {
    position: relative;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #d4d4d4;
    max-height: 180px;
    overflow: hidden
}

@media (min-width:768px) {
    ._card-socialize .message {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-socialize .message {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._card-socialize .message .btn-toggle {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #2e90fa;
    text-align: right;
    padding-top: 30px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    border-radius: 0 0 8 8;
    background: linear-gradient(180deg, rgba(42, 42, 45, 0), #24242a 50%)
}

@media (min-width:768px) {
    ._card-socialize .message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-socialize .message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._card-socialize .message.open {
    max-height: 2000px;
    padding-bottom: 40px
}

._card-socialize .img-outer {
    margin-top: 16px;
    border-radius: 8px;
    overflow: hidden;
    display: block
}

._card-socialize .img-outer img {
    width: 100%;
    height: auto;
    border-radius: 8px
}

@media (min-width:1280px) {
    ._card-socialize {
        padding: 24px
    }

    ._card-socialize .users-header .user .label {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }

    ._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        font-weight: 400;
        color: #d4d4d4
    }

    ._card-socialize .message {
        padding-left: 52px;
        max-height: 242px
    }

    ._card-socialize .message.open {
        max-height: 2000px
    }

    ._card-socialize .img-outer {
        padding-left: 52px;
        margin-top: 20px
    }

    ._card-socialize .img-outer img {
        width: 284px;
        height: 168px
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._card-socialize .users-header .user .label {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._card-socialize .users-header .user .label {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) and (min-width:768px) {
    ._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    ._card-socialize .users-header .at {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._home-communicate-section .container {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px
}

._home-communicate-section .objects .obj:first-of-type {
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    width: 520px;
    height: 495px;
    transform: translateX(60%) translateY(-50%)
}

._home-communicate-section .objects .obj:nth-of-type(2) {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    width: 632px;
    height: 602px;
    transform: translateX(-65%) translateY(65%)
}

._home-communicate-section .objects .obj:nth-of-type(3),
._home-communicate-section .objects .obj:nth-of-type(4) {
    display: none
}

@media (min-width:768px) {
    ._home-communicate-section .container {
        display: flex;
        flex-flow: row;
        gap: 16px;
        margin-top: 32px
    }

    ._home-communicate-section .container ._card-communicate-poster {
        flex: 1;
        align-self: start
    }

    ._home-communicate-section .container ._card-communicate-message {
        flex: 1
    }
}

@media (min-width:1280px) {
    ._home-communicate-section {
        min-height: 680px
    }

    ._home-communicate-section .container {
        gap: 24px;
        margin-top: 48px
    }

    ._home-communicate-section ._card-communicate-message {
        gap: 24px;
        max-height: 430px
    }

    ._home-communicate-section ._card-communicate-message.open {
        max-height: 2000px
    }

    ._home-communicate-section .objects .obj:first-of-type {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 844px;
        height: 810px;
        transform: translateX(-100%) translateY(443px)
    }

    ._home-communicate-section .objects .obj:nth-of-type(2) {
        right: 0;
        bottom: 0;
        left: auto;
        top: auto;
        width: 1025px;
        height: 984px;
        transform: translateX(-100%) translateY(405px)
    }

    ._home-communicate-section .objects .obj:nth-of-type(3) {
        display: inline-block;
        left: 0;
        top: 0;
        right: auto;
        bottom: auto;
        width: 76px;
        height: 150px;
        transform: rotate(-39.142deg) translateX(-100px) translateY(-220px);
        filter: blur(36.5px)
    }

    ._home-communicate-section .objects .obj:nth-of-type(4) {
        display: inline-block;
        right: 0;
        top: 0;
        left: auto;
        bottom: auto;
        width: 92px;
        height: 183px;
        transform: rotate(29.069deg) translateX(100px) translateY(-125px);
        filter: blur(36.5px)
    }
}

._card-communicate-poster {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background-color: #24242a;
    border-radius: 16px
}

._card-communicate-poster .user {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #a3a3a3
}

@media (min-width:768px) {
    ._card-communicate-poster .user {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._card-communicate-poster .user {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._card-communicate-poster .user img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

._card-communicate-poster>p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._card-communicate-poster>p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._card-communicate-poster>p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._card-communicate-poster>.img-outer {
    display: block;
    border-radius: 8px;
    overflow: hidden
}

._card-communicate-poster>.img-outer img {
    width: 100%;
    height: auto
}

._card-communicate-poster .control {
    display: flex;
    align-items: center;
    gap: 16px
}

._card-communicate-poster .control .control-l {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1
}

._card-communicate-poster .control .control-l .btn-comment {
    pointer-events: none
}

._card-communicate-poster .control .control-l button:nth-child(-n

    /**/
    +1)~button {
    display: none
}

._card-communicate-poster .control button {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3
}

@media (min-width:768px) {
    ._card-communicate-poster .control button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-communicate-poster .control button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._card-communicate-poster .control button .svg-icon {
    width: 17px;
    height: 17px
}

._card-communicate-poster .control button .svg-icon path {
    stroke: #a3a3a3
}

._card-communicate-poster .control button:disabled {
    pointer-events: none;
    cursor: none
}

@media (min-width:768px) {
    ._card-communicate-poster {
        gap: 0;
        height: 430px
    }

    ._card-communicate-poster .user {
        margin-left: 8px
    }

    ._card-communicate-poster>p {
        margin-top: 14px;
        margin-left: 8px
    }

    ._card-communicate-poster>.img-outer {
        margin-top: 26px
    }

    ._card-communicate-poster>.img-outer img {
        width: auto;
        height: 100%;
        min-width: 100%
    }

    ._card-communicate-poster .control {
        margin-top: 25px
    }
}

@media (min-width:1280px) {
    ._card-communicate-poster {
        padding: 24px
    }

    ._card-communicate-poster .user,
    ._card-communicate-poster>p {
        margin-left: 0
    }

    ._card-communicate-poster>.img-outer {
        margin-top: 16px
    }

    ._card-communicate-poster>.img-outer img {
        width: 540px;
        height: 244px;
        min-width: inherit
    }

    ._card-communicate-poster .control {
        margin-top: 16px
    }

    ._card-communicate-poster .control .control-l button:nth-child(-n

        /**/
        +1)~button {
        display: inline-flex
    }
}

._card-communicate-message {
    position: relative;
    max-height: 352px;
    overflow: hidden;
    transition: max-height .25s ease-in-out;
    padding-top: 24px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 16px;
    background-color: #24242a;
    border-radius: 16px
}

._card-communicate-message .btn-toggle {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #2e90fa;
    text-align: right;
    padding-top: 30px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    border-radius: 0 0 8 8;
    background: linear-gradient(180deg, rgba(42, 42, 45, 0), #24242a 30%)
}

@media (min-width:768px) {
    ._card-communicate-message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-communicate-message .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._card-communicate-message.open {
    height: auto;
    max-height: 2000px;
    padding-bottom: 64px
}

@media (min-width:768px) {
    ._card-communicate-message {
        height: 430px;
        max-height: inherit
    }

    ._card-communicate-message .btn-toggle {
        padding: 16px;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px;
        font-weight: 500
    }

    ._card-communicate-message.open {
        padding-bottom: 48px
    }
}

@media (min-width:768px) and (min-width:768px) {
    ._card-communicate-message .btn-toggle {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    ._card-communicate-message .btn-toggle {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._card-communicate-message {
        padding: 24px
    }

    ._card-communicate-message .btn-toggle {
        padding-top: 32px;
        padding-right: 24px;
        padding-bottom: 24px;
        padding-left: 24px
    }

    ._card-communicate-message.open {
        padding-bottom: 72px
    }
}

._card-communicate-message-item {
    display: flex;
    flex-direction: column;
    row-gap: 8px
}

._card-communicate-message-item+dl {
    margin-top: 16px
}

._card-communicate-message-item dt {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._card-communicate-message-item dt img {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #000
}

._card-communicate-message-item dd {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3;
    padding-left: 40px
}

@media (min-width:768px) {
    ._card-communicate-message-item dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._card-communicate-message-item dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:768px) {
    ._card-communicate-message-item dl {
        row-gap: 8px
    }

    ._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:768px) and (min-width:768px) {
    ._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:768px) and (min-width:1280px) {
    ._card-communicate-message-item dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._home-support-section {
    margin-bottom: -56px;
    padding-bottom: 56px;
    overflow: hidden
}

._home-support-section ._chat-gpt-support {
    position: relative;
    z-index: 1;
    margin-top: 24px;
    overflow: hidden
}

._home-support-section .obj:first-of-type {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 520px;
    height: 495px;
    transform: translateX(30%) translateY(-20%)
}

._home-support-section .obj:nth-of-type(2) {
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 422px;
    height: 403px;
    transform: translateX(0) translateY(-50%)
}

@media (min-width:768px) {
    ._home-support-section {
        margin-bottom: -72px;
        padding-bottom: 72px
    }

    ._home-support-section ._chat-gpt-support {
        margin-top: 32px
    }
}

@media (min-width:1280px) {
    ._home-support-section {
        min-height: 1058px;
        margin-bottom: -128px;
        padding-bottom: 128px
    }

    ._home-support-section ._chat-gpt-support {
        margin-top: 48px
    }

    ._home-support-section .obj:first-of-type {
        width: 845px;
        height: 811px;
        transform: translateX(533px) translateY(-120px)
    }

    ._home-support-section .obj:nth-of-type(2) {
        width: 685px;
        height: 658px;
        transform: translateX(212px) translateY(-50%)
    }
}

._chat-gpt-support {
    position: relative;
    padding: 16px;
    background-color: #24242a;
    border-radius: 16px
}

._chat-gpt-support .control {
    display: none
}

._chat-gpt-support dl {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._chat-gpt-support dl dd,
._chat-gpt-support dl dt {
    position: relative;
    padding-left: 48px
}

._chat-gpt-support dl .icon {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto
}

._chat-gpt-support dl .icon img {
    width: 32px;
    height: 32px
}

._chat-gpt-support dl dt {
    position: relative;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._chat-gpt-support dl dt {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._chat-gpt-support dl dt {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._chat-gpt-support dl dd {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    max-height: 204px;
    overflow: hidden;
    transition: max-height .25s ease-in-out
}

@media (min-width:768px) {
    ._chat-gpt-support dl dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._chat-gpt-support dl dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._chat-gpt-support dl dd a {
    color: #fff;
    text-decoration: underline
}

._chat-gpt-support .btn-toggle {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    color: #2e90fa;
    text-align: right;
    padding-top: 30px;
    padding-right: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    border-radius: 0 0 8 8;
    background: linear-gradient(180deg, rgba(42, 42, 45, 0), #24242a 30%)
}

@media (min-width:768px) {
    ._chat-gpt-support .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._chat-gpt-support .btn-toggle {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._chat-gpt-support.open {
    padding-bottom: 64px
}

._chat-gpt-support.open dl dd {
    max-height: 2000px
}

@media (min-width:768px) {
    ._chat-gpt-support {
        border-radius: 16px;
        padding-top: 46px;
        padding-right: 50px;
        padding-bottom: 46px;
        padding-left: 40px
    }

    ._chat-gpt-support .control {
        position: absolute;
        right: 42px;
        top: 53px;
        left: auto;
        bottom: auto;
        display: flex;
        gap: 16px
    }

    ._chat-gpt-support .control .svg-clipboard path {
        stroke: #737373
    }

    ._chat-gpt-support .control .svg-thumbs-up-fill path {
        fill: #737373
    }

    ._chat-gpt-support .control .svg-thumbs-down path {
        stroke: #737373
    }

    ._chat-gpt-support dl {
        row-gap: 41px
    }

    ._chat-gpt-support dl dd,
    ._chat-gpt-support dl dt {
        padding-left: 75px
    }

    ._chat-gpt-support dl dd:before,
    ._chat-gpt-support dl dt:before {
        width: 48px;
        height: 48px
    }

    ._chat-gpt-support dl dt {
        padding-right: 123px
    }

    ._chat-gpt-support dl dd {
        padding-top: 8px;
        overflow: visible;
        max-height: inherit
    }

    ._chat-gpt-support .btn-toggle {
        display: none
    }
}

@media (min-width:1280px) {
    ._chat-gpt-support {
        padding-top: 67px;
        padding-right: 83px;
        padding-bottom: 50px;
        padding-left: 72px
    }

    ._chat-gpt-support .control {
        position: absolute;
        right: 84px;
        top: 80px;
        left: auto;
        bottom: auto
    }

    ._chat-gpt-support .control .svg-icon {
        width: 28px;
        height: 28px
    }

    ._chat-gpt-support dl dt {
        padding-right: 296px
    }
}

[honeymoon-newcomers-start]>.content {
    z-index: 1
}

[honeymoon-newcomers-start] figure img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto
}

[honeymoon-newcomers-start] ul {
    margin-top: -4px
}

@media (min-width:1280px) {
    [honeymoon-newcomers-start] .objects .obj {
        left: calc(100% - 253px);
        bottom: -65px;
        right: auto;
        top: auto;
        opacity: .1
    }

    [honeymoon-newcomers-start] .objects img {
        position: absolute;
        left: calc(100% + 91px);
        bottom: 334px;
        right: auto;
        top: auto;
        filter: blur(10px);
        pointer-events: none
    }
}

[honeymoon-newcomers-itinerary] [grid] figure img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 692px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px
}

[honeymoon-newcomers-itinerary] [responsive-table] thead th {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4
}

@media (min-width:768px) {
    [honeymoon-newcomers-itinerary] [responsive-table] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [honeymoon-newcomers-itinerary] [responsive-table] thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[honeymoon-newcomers-itinerary] [responsive-table] td:first-of-type,
[honeymoon-newcomers-itinerary] [responsive-table] th:first-of-type {
    width: 30%
}

@media (min-width:768px) {

    [honeymoon-newcomers-itinerary] [responsive-table] td,
    [honeymoon-newcomers-itinerary] [responsive-table] th {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 50%
    }

    [honeymoon-newcomers-itinerary] [responsive-table] td:first-of-type,
    [honeymoon-newcomers-itinerary] [responsive-table] td:nth-of-type(2),
    [honeymoon-newcomers-itinerary] [responsive-table] th:first-of-type,
    [honeymoon-newcomers-itinerary] [responsive-table] th:nth-of-type(2) {
        width: 50%
    }
}

@media (min-width:1280px) {
    [honeymoon-newcomers-itinerary] .objects .obj {
        left: -724px;
        top: -441px;
        right: auto;
        bottom: auto;
        opacity: .15
    }

    [honeymoon-newcomers-itinerary] .objects img {
        position: absolute;
        pointer-events: none
    }

    [honeymoon-newcomers-itinerary] .objects img:first-of-type {
        left: -193px;
        bottom: 223px;
        right: auto;
        top: auto;
        filter: blur(3px)
    }

    [honeymoon-newcomers-itinerary] .objects img:nth-of-type(2) {
        left: -268px;
        top: -84px;
        right: auto;
        bottom: auto;
        filter: blur(5px)
    }

    [honeymoon-newcomers-itinerary] [grid] {
        grid-template-columns: 486px auto !important
    }

    [honeymoon-newcomers-itinerary] [responsive-table] td:first-of-type,
    [honeymoon-newcomers-itinerary] [responsive-table] th:first-of-type {
        width: 258px
    }
}

[house-rules] [accordion-view].line-thumb .title {
    padding-top: 16px;
    padding-bottom: 16px
}

[house-rules] [accordion-view].line-thumb .context-box {
    padding-top: 32px
}

[house-rules] [accordion-view].line-thumb+[accordion-view] {
    margin-top: 32px
}

@media (min-width:768px) {
    [house-rules] [accordion-view].line-thumb .title {
        padding-top: 24px;
        padding-bottom: 24px
    }

    [house-rules] [accordion-view].line-thumb .context-box {
        padding-top: 48px
    }

    [house-rules] [accordion-view].line-thumb+[accordion-view] {
        margin-top: 40px
    }
}

@media (min-width:1280px) {
    [house-rules] [accordion-view].line-thumb+[accordion-view] {
        margin-top: 56px
    }
}

/* ._accordion-view input.accord-inp:checked~.view-wrapper .context {
    max-height: var(--accord-height);
    transition: max-height .3s
} */

[policy-list] ol.not {
    margin-left: 24px
}

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

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

@media (min-width:768px) {
    [network] .inner {
        row-gap: 64px
    }
}

@media (min-width:1280px) {
    [network] .inner {
        row-gap: 128px
    }
}

[network-overview] ._grid {
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 20px
}

[network-overview] .item figure {
    position: relative
}

[network-overview] .item figure img {
    width: 100%;
    height: auto;
    border-radius: 24px
}

[network-overview] .item s {
    position: absolute;
    right: 8px;
    bottom: 8px;
    left: auto;
    top: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%
}

[network-overview] .item s svg {
    width: 24px;
    height: 24px
}

[network-overview] .item p {
    margin-top: 16px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    [network-overview] .item p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [network-overview] .item p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[network-overview] .business-message {
    margin-top: 24px
}

[network-overview] .business-message h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic;
    color: #fff;
    text-align: center;
    margin-bottom: 24px
}

@media (min-width:768px) {
    [network-overview] .business-message h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [network-overview] .business-message h4 {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }
}

[network-overview] .business-message p {
    text-align: center
}

[network-overview] .business-message p a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline
}

@media (min-width:768px) {
    [network-overview] .business-message p a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [network-overview] .business-message p a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[network-overview] .business-message p svg {
    width: 24px;
    height: 24px
}

@media (min-width:768px) {
    [network-overview] ._grid {
        gap: 24px
    }

    [network-overview] .item s {
        right: 16px;
        bottom: 15px;
        left: auto;
        top: auto
    }
}

@media (min-width:1280px) {
    [network-overview] .business-message {
        margin-top: 40px
    }
}

[network-backoffice] [responsive-img-new] img {
    width: 100%;
    height: auto
}

[network-backoffice] .view-more {
    display: flex;
    width: 100%;
    gap: 20px
}

[network-backoffice] .view-more:before {
    content: "";
    align-self: center;
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #000, red)
}

[network-backoffice] .view-more button {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: red;
    align-items: center;
    display: flex
}

@media (min-width:768px) {
    [network-backoffice] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [network-backoffice] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[network-backoffice] .view-more.close button {
    color: #fff
}

[network-backoffice] .view-more.close:before {
    background: linear-gradient(90deg, #18181b, #6c6c7a)
}

[network-backoffice] .textImage {
    position: relative
}

[network-backoffice] .floatText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: absolute;
    left: 24px;
    top: 24px;
    right: auto;
    bottom: auto
}

[network-backoffice] .floatText p {
    display: flex
}

[network-backoffice] .floatText p svg {
    align-self: center
}

[network-backoffice] .article h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 8px
}

@media (min-width:768px) {
    [network-backoffice] .article h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [network-backoffice] .article h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[network-backoffice] .article li {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [network-backoffice] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [network-backoffice] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[network-backoffice] .article+.article {
    padding-top: 24px
}

[network-backoffice] .article.left {
    flex-direction: column-reverse;
    display: flex
}

@media (min-width:768px) {
    [network-backoffice] .floatText {
        left: 24px;
        top: 32px;
        right: auto;
        bottom: auto
    }
}

@media (min-width:1280px) {
    [network-backoffice] .article {
        width: 100%;
        margin-top: 24px;
        display: flex;
        gap: 72px
    }

    [network-backoffice] .article .group {
        flex: 1
    }

    [network-backoffice] .article figure {
        flex: none;
        width: 586px
    }

    [network-backoffice] .article:first-of-type {
        margin-top: 0
    }

    [network-backoffice] .article.left {
        flex-direction: row;
        display: flex
    }

    [network-backoffice] .floatText {
        left: 40px;
        top: 115px;
        right: auto;
        bottom: auto
    }
}

[network-integration] [responsive-img-new] img {
    width: 100%;
    height: auto
}

[network-integration] .view-more {
    display: flex;
    width: 100%;
    gap: 20px
}

[network-integration] .view-more:before {
    content: "";
    align-self: center;
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, #000, red)
}

[network-integration] .view-more button {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: red;
    align-items: center;
    display: flex
}

@media (min-width:768px) {
    [network-integration] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [network-integration] .view-more button {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[network-integration] .view-more.close button {
    color: #fff
}

[network-integration] .view-more.close:before {
    background: linear-gradient(90deg, #18181b, #6c6c7a)
}

[network-integration] .textImage {
    position: relative
}

[network-integration] .floatText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: absolute;
    left: 24px;
    top: 24px;
    right: auto;
    bottom: auto
}

[network-integration] .floatText p {
    display: flex
}

[network-integration] .floatText p svg {
    align-self: center
}

[network-integration] .article h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff;
    padding-bottom: 8px
}

@media (min-width:768px) {
    [network-integration] .article h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [network-integration] .article h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[network-integration] .article li {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [network-integration] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [network-integration] .article li {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[network-integration] .article+.article {
    padding-top: 24px
}

[network-integration] .article.left {
    flex-direction: column-reverse;
    display: flex
}

@media (min-width:768px) {
    [network-integration] .floatText {
        left: 24px;
        top: 32px;
        right: auto;
        bottom: auto
    }
}

@media (min-width:1280px) {
    [network-integration] .article {
        width: 100%;
        margin-top: 24px;
        display: flex;
        gap: 72px
    }

    [network-integration] .article .group {
        flex: 1
    }

    [network-integration] .article figure {
        flex: none;
        width: 586px
    }

    [network-integration] .article:first-of-type {
        margin-top: 0
    }

    [network-integration] .article.left {
        flex-direction: row;
        display: flex
    }

    [network-integration] .floatText {
        left: 40px;
        top: 115px;
        right: auto;
        bottom: auto
    }
}

.view-more svg:nth-of-type(1) {
    display: inline;
}

.view-more svg:nth-of-type(2) {
    display: none;
}

.view-more.close svg:nth-of-type(1) {
    display: none;
}

.view-more.close svg:nth-of-type(2) {
    display: inline;
}

[how-to-play-template] .bg-objects {
    display: none
}

[how-to-play-template] [page-container] {
    padding-top: 0
}

[how-to-play-template] [page-container]>.inner {
    display: flex;
    flex-direction: column;
    gap: 56px
}

@media (min-width:768px) {
    [how-to-play-template] [page-container]>.inner {
        gap: 64px
    }
}

@media (min-width:1280px) {
    [how-to-play-template] .bg-objects {
        position: relative;
        display: block;
        margin-bottom: -128px
    }

    [how-to-play-template] .bg-objects s {
        display: block;
        position: absolute;
        top: 0;
        pointer-events: none
    }

    [how-to-play-template] .bg-objects s:first-of-type {
        right: calc(50% + 200px)
    }

    [how-to-play-template] .bg-objects s:nth-of-type(2) {
        left: calc(50% + 200px)
    }

    [how-to-play-template] .bg-objects s.type-2 {
        top: 216px
    }

    [how-to-play-template] .bg-objects s.type-3 {
        top: 716px
    }

    [how-to-play-template] .bg-objects~* {
        position: relative
    }

    [how-to-play-template] [page-container]>.inner {
        gap: 128px
    }
}

[how-to-play-header] {
    position: relative;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_green.webp) 50% 0/cover no-repeat
}

[how-to-play-header] .holder {
    position: relative;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding-top: 56px;
    padding-bottom: 56px
}

[how-to-play-header] .title {
    position: relative;
    z-index: 1;
    max-width: calc(100% - 132px);
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    font-style: italic
}

[how-to-play-header] .title span {
    position: relative;
    display: inline-block
}

[how-to-play-header] .title span .icon {
    position: absolute;
    width: 28px;
    height: 28px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_green.webp) 50% 50%/cover no-repeat
}

[how-to-play-header] .title span .icon:first-of-type {
    left: -45px;
    top: 0;
    right: auto;
    bottom: auto
}

[how-to-play-header] .title span .icon:nth-of-type(2) {
    right: -45px;
    top: 0;
    left: auto;
    bottom: auto;
    transform: rotate(180deg)
}

[how-to-play-header] .background {
    position: absolute;
    left: 0;
    top: -2px;
    right: auto;
    bottom: auto;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    pointer-events: none
}

[how-to-play-header].blue {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_blue.webp)
}

[how-to-play-header].blue .title span .icon {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_blue.webp)
}

[how-to-play-header].red {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_red.webp)
}

[how-to-play-header].red .title span .icon {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_red.webp)
}

[how-to-play-header].purple {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_purple.webp)
}

[how-to-play-header].purple .title span .icon {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/how_to_play_header_title_purple.webp)
}

@media (min-width:768px) {
    [how-to-play-header] .holder {
        padding-top: 80px;
        padding-bottom: 80px
    }

    [how-to-play-header] .title {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px;
        max-width: 75%
    }

    [how-to-play-header] .title span .icon {
        width: 35px;
        height: 30px;
        background-size: 35px 30px
    }
}

@media (min-width:1280px) {
    [how-to-play-header] {
        min-height: 340px
    }

    [how-to-play-header] .holder {
        max-width: 1200px;
        padding-top: 128px;
        padding-bottom: 128px
    }

    [how-to-play-header] .title {
        max-width: 740px
    }
}

@media (min-width:1280px) {
    [omaha-rules] {
        min-height: 360px
    }
}

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

[img-container] img {
    border-radius: inherit
}

[img-container].line.green {
    background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #296d44, #27272b 75%)
}

[img-container].line.blue {
    background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #2365c8, #27272b 75%)
}

[img-container].line.red {
    background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #c11b1b, #27272b 75%)
}

[img-container].line.purple {
    background-image: linear-gradient(transparent, transparent), linear-gradient(150deg, #9059bc, #27272b 75%)
}

@media (min-width:1280px) {
    [omaha-limit] {
        min-height: 116px
    }
}

[omaha-positions] figure {
    display: block
}

[omaha-positions] figure img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 16px
}

[omaha-positions] [text-content].article-content>.container>p {
    color: #a3a3a3
}

[omaha-positions] [text-content].article-content>.container dt {
    margin-top: 24px
}

[omaha-positions] [text-content].article-content>.container dt+dd {
    margin-top: 8px
}

@media (min-width:768px) {
    [omaha-positions] figure {
        text-align: center;
        flex: none
    }

    [omaha-positions] figure img {
        max-width: 704px
    }
}

@media (min-width:1280px) {
    [omaha-positions]>h3 {
        padding-left: 568px
    }

    [omaha-positions] [text-content].article-content {
        display: flex;
        flex-flow: row;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [omaha-positions] [text-content].article-content figure {
        margin-top: -72px
    }

    [omaha-positions] [text-content].article-content figure img {
        max-width: 496px
    }
}

[omaha-actions] .container {
    order: 1
}

[omaha-actions] .container dt+dd {
    margin-top: 8px
}

[omaha-actions] .container dd+dt {
    margin-top: 24px
}

@media (min-width:1280px) {
    [omaha-actions] {
        min-height: 554px
    }

    [omaha-actions] .container {
        order: 0
    }

    [omaha-actions].no-margin [article-content]>.content figure {
        margin-top: -72px
    }
}

[omaha-betting-round] {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    overflow: hidden
}

[omaha-betting-round] h3 {
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500
}

@media (min-width:768px) {
    [omaha-betting-round] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [omaha-betting-round] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[omaha-betting-round] .play-graphic {
    margin-top: -44px
}

[omaha-betting-round] .play-graphic p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    text-align: center
}

@media (min-width:768px) {
    [omaha-betting-round] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [omaha-betting-round] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[omaha-betting-round] .play-graphic .cards {
    text-align: center
}

[omaha-betting-round] .play-graphic .cards>div {
    display: none
}

[omaha-betting-round] .play-graphic .cards p {
    margin-bottom: 12px;
    display: none
}

[omaha-betting-round] .play-graphic .cards+p {
    margin-top: 24px
}

[omaha-betting-round] .play-graphic .cards figure {
    position: relative;
    margin-right: -24px;
    margin-left: -24px;
    margin-top: -16px
}

[omaha-betting-round] .play-graphic .cards figure img {
    width: 100%;
    height: auto;
    max-width: 736px
}

[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 {
    display: block
}

[omaha-betting-round] [accordion-view].label-desc label {
    height: auto;
    max-height: none;
    align-items: flex-end
}

[omaha-betting-round] [accordion-view].label-desc .title {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

[omaha-betting-round] [accordion-view].label-desc .subTitle {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400
}

@media (min-width:768px) {
    [omaha-betting-round] [accordion-view].label-desc .subTitle {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [omaha-betting-round] [accordion-view].label-desc .subTitle {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[omaha-betting-round] [accordion-view].label-desc+[accordion-view].label-desc {
    margin-top: 16px
}

@media (min-width:768px) {
    [omaha-betting-round] {
        row-gap: 40px
    }

    [omaha-betting-round] h3 {
        padding-bottom: 0
    }

    [omaha-betting-round] .play-graphic {
        margin-top: -86px
    }

    [omaha-betting-round] .play-graphic .cards+p {
        margin-top: 16px
    }

    [omaha-betting-round] .play-graphic .cards figure {
        margin: 0
    }

    [omaha-betting-round] .play-graphic .cards figure img {
        max-width: 704px
    }

    [omaha-betting-round] [accordion-view].label-desc .title {
        gap: 16px
    }

    [omaha-betting-round] [accordion-view].label-desc+[accordion-view].label-desc {
        margin-top: 32px
    }
}

@media (min-width:1280px) {
    [omaha-betting-round] {
        min-height: 604px;
        position: relative;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px;
        overflow: visible
    }

    [omaha-betting-round] h3 {
        padding-bottom: 40px
    }

    [omaha-betting-round] .play-graphic {
        position: absolute;
        left: 458px;
        top: -72px;
        right: auto;
        bottom: auto;
        width: 742px;
        margin-top: 0
    }

    [omaha-betting-round] .play-graphic .cards {
        margin-top: 0
    }

    [omaha-betting-round] .play-graphic .cards figure img {
        max-width: 736px
    }

    [omaha-betting-round] .play-toggle {
        flex: none;
        width: 386px
    }

    [dir=rtl] [omaha-betting-round] .play-graphic {
        left: auto;
        right: 458px
    }
}

[omaha-plo-table] [responsive-table] td,
[omaha-plo-table] [responsive-table] th {
    width: 12.66666667%
}

[omaha-plo-table] [responsive-table] thead tr:first-child th:last-child {
    border-bottom-right-radius: 0
}

[omaha-plo-table] [responsive-table] thead tr:last-child th:first-child {
    border-radius: 0
}

[omaha-plo-table] [responsive-table] thead tr:last-child th:last-child {
    border-top-right-radius: 0
}

[omaha-plo-table].close.table [article-content]>[text-content] {
    max-height: 105px
}

[omaha-plo-table] [article-content]>.content {
    gap: 20px
}

[more-less-template] {
    position: relative
}

[more-less-template] button {
    position: absolute;
    right: 0;
    top: -3px;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: flex;
    align-items: center;
    color: #a3a3a3
}

[more-less-template] button span {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    display: none
}

@media (min-width:768px) {
    [more-less-template] button span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [more-less-template] button span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[more-less-template] button .svg-icon {
    width: 40px;
    height: 40px
}

[more-less-template] button .svg-icon path {
    stroke: #a3a3a3
}

.no-touch [more-less-template] button:hover:not(.hover-disable) .svg-icon path,
[more-less-template] button:active .svg-icon path {
    stroke: #fff
}

[more-less-template] [article-content] h3 {
    margin-right: 40px
}

[more-less-template] [article-content]>[text-content] {
    max-height: 2000px;
    overflow: hidden;
    border-radius: 8px
}

[more-less-template].close button {
    color: #fff
}

[more-less-template].close .svg-icon path {
    stroke: #fff
}

[more-less-template].close [article-content]>[text-content] {
    max-height: 0
}

[more-less-template].close [responsive-table] {
    display: none
}

[more-less-template].close.table [responsive-table] {
    display: block
}

[more-less-template].close.table [article-content]>[text-content] {
    max-height: 56px
}

[more-less-template].close.table [article-content]>[text-content] tbody {
    display: none
}

@media (min-width:768px) {
    [more-less-template] [article-content] h3 {
        margin-right: 134px
    }

    [more-less-template] button {
        top: 0
    }

    [more-less-template] button span {
        display: block
    }
}

@media (min-width:1280px) {
    [more-less-template] button {
        top: 3px
    }
}

[omaha-plo-5-table] [responsive-table] td,
[omaha-plo-5-table] [responsive-table] th {
    width: 12.66666667%
}

[omaha-plo-5-table] [responsive-table] thead tr:first-child th:last-child {
    border-bottom-right-radius: 0
}

[omaha-plo-5-table] [responsive-table] thead tr:last-child th:first-child {
    border-radius: 0
}

[omaha-plo-5-table] [responsive-table] thead tr:last-child th:last-child {
    border-top-right-radius: 0
}

[omaha-plo-5-table] [article-content]>.content {
    gap: 20px
}

[omaha-plo-5-table].close.table [article-content]>[text-content] {
    max-height: 105px
}

[omaha-plo-6-table] [responsive-table] td,
[omaha-plo-6-table] [responsive-table] th {
    width: 12.66666667%
}

[omaha-plo-6-table] [responsive-table] thead tr:first-child th:last-child {
    border-bottom-right-radius: 0
}

[omaha-plo-6-table] [responsive-table] thead tr:last-child th:first-child {
    border-radius: 0
}

[omaha-plo-6-table] [responsive-table] thead tr:last-child th:last-child {
    border-top-right-radius: 0
}

[omaha-plo-6-table] [article-content]>.content {
    gap: 20px
}

[omaha-plo-6-table].close.table [article-content]>[text-content] {
    max-height: 105px
}

[omaha-plo] [responsive-table] td,
[omaha-plo] [responsive-table] th {
    width: 20%
}

[omaha-plo-5] [responsive-table] td,
[omaha-plo-5] [responsive-table] th {
    width: 20%
}

[omaha-plo-6] [responsive-table] td,
[omaha-plo-6] [responsive-table] th {
    width: 20%
}

[omaholic-com] [key-visual-tournaments].primary .bg-holder img.logo {
    top: 90px
}

[omaholic-com] [responsive-table] thead th {
    text-transform: uppercase
}

@media (min-width:768px) {
    [omaholic-com] [key-visual-tournaments].primary .bg-holder:before {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/key_visual_Omaholic_l.png)
    }

    [omaholic-com] [key-visual-tournaments].primary .bg-holder:after {
        background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/key_visual_Omaholic_r.png)
    }
}

@media (min-width:1280px) {
    [omaholic-com] {
        min-height: 1176px
    }

    [omaholic-com] [key-visual-tournaments].primary .bg-holder img.logo {
        top: 150px
    }
}

[omaholic-schedule] td:first-child,
[omaholic-schedule] td:nth-child(2),
[omaholic-schedule] th:first-child,
[omaholic-schedule] th:nth-child(2) {
    width: 15%
}

[omaholic-schedule] td:nth-child(3),
[omaholic-schedule] th:nth-child(3) {
    width: 40%
}

[omaholic-schedule] td:nth-child(4),
[omaholic-schedule] td:nth-child(5),
[omaholic-schedule] th:nth-child(4),
[omaholic-schedule] th:nth-child(5) {
    width: 15%
}

[omaholic-schedule] [responsive-table] table {
    min-width: 704px
}

[omaholic-schedule] [responsive-table].in-sticky .holder {
    max-height: 768px
}

[omaholic-schedule] [responsive-table].in-scroll thead th:last-child {
    border-right: 10px solid transparent
}

@media (min-width:768px) {
    [omaholic-schedule] [responsive-table].in-sticky .holder {
        max-height: 768px
    }
}

@media (min-width:1280px) {
    [omaholic-schedule] [responsive-table].in-sticky .holder {
        max-height: 1104px
    }
}

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

[poker-school-template] .inner {
    display: flex;
    flex-direction: column;
    row-gap: 56px
}

[poker-school-template] [partners-header] {
    padding-bottom: 0
}

[poker-school-template] [card-icon] .holder h3 {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: .66px
}

[poker-school-template] [card-icon] .holder .content .content-wrapper {
    min-height: 220px
}

[poker-school-template] [card-icon] .holder .content h4 {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .54px
}

[poker-school-template] [card-icon] .holder .content:before {
    content: none;
    margin-top: 0
}

[poker-school-template] [card-icon] .holder .content .wrapper {
    padding: 0;
    position: absolute;
    bottom: 0
}

[poker-school-template] [card-icon] .holder .content .wrapper a {
    color: #fff
}

[poker-school-template] .card-wrapper {
    display: grid;
    gap: 24px
}

[poker-school-template] .card-wrapper .card-text {
    flex: 1;
    padding: 24px;
    background: linear-gradient(180deg, #252528, #1d1d20 94.74%);
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 6px 16px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .15)
}

[poker-school-template] .card-wrapper .card-text .card-number {
    color: #fff;
    font-size: 46px;
    font-style: italic;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -2.4px
}

[poker-school-template] .card-wrapper .card-text .card-title {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: 500
}

[poker-school-template] [article-content]>h3:after {
    display: none !important
}

[poker-school-template] [article-content] .wrapper {
    padding: 24px 0
}

[poker-school-template] [article-content] .wrapper h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    padding-bottom: 8px
}

[poker-school-template] [article-content] .wrapper h6 {
    padding-bottom: 8px
}

[poker-school-template] .content-link {
    display: flex
}

[poker-school-template] .content-link a {
    color: #dc3333;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-decoration: none !important;
    text-transform: capitalize
}

[poker-school-template] .tips {
    position: relative;
    border: 2px solid transparent;
    border-radius: 15px;
    margin-top: 20px;
    background-image: linear-gradient(#19191a, #19191a), linear-gradient(330deg, #18181b 10%, #3a3a3a);
    background-origin: border-box;
    background-clip: content-box, border-box
}

[poker-school-template] .tips .tips-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 20px
}

[poker-school-template] .tips .tips-content .title {
    display: flex;
    font-style: italic;
    font-size: 16px
}

[poker-school-template] .tips .tips-content .title p {
    padding-left: 8px;
    align-content: center;
    font-style: italic
}

[poker-school-template] .tips p {
    font-weight: 400;
    font-style: normal;
    color: #fff
}

[poker-school-template] .tips-mistakes-content {
    padding-left: 49px
}

[poker-school-template] [partners-header] {
    padding-bottom: 56px
}

[poker-school-template] [poker-school-home-become] {
    margin-top: -80px
}

[poker-school-template] [poker-school-home-play-now] {
    text-align: center
}

[poker-school-template] [poker-school-home-play-now] h4 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    font-style: italic;
    padding-bottom: 24px;
    font-weight: 300
}

@media (min-width:768px) {
    [poker-school-template] [poker-school-home-play-now] h4 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [poker-school-template] [poker-school-home-play-now] h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[poker-school-template] [poker-school-home-play-now] button {
    min-width: 327px;
    letter-spacing: .64px;
    text-transform: uppercase
}

[poker-school-template] [poker-school-home-how] .content {
    flex-flow: column-reverse
}

[poker-school-template] [poker-school-home-how] .content figure {
    margin-top: 0 !important
}

[poker-school-template] [poker-school-home-how] .title {
    color: #fff;
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    padding-bottom: 24px
}

[poker-school-template] [poker-school-home-how] .sub-title {
    margin-top: 0
}

[poker-school-template] [poker-school-home-hands-ranking] .content,
[poker-school-template] [poker-school-home-odds] .content,
[poker-school-template] [poker-school-home-terms] .content,
[poker-school-template] [poker-school-home-tips] .content {
    flex-flow: column-reverse
}

[poker-school-template] [poker-school-home-hands-ranking] .content figure,
[poker-school-template] [poker-school-home-odds] .content figure,
[poker-school-template] [poker-school-home-terms] .content figure,
[poker-school-template] [poker-school-home-tips] .content figure {
    margin-top: 0 !important;
    top: 0
}

[poker-school-template] [poker-school-home-hands-ranking] .wrapper,
[poker-school-template] [poker-school-home-odds] .wrapper,
[poker-school-template] [poker-school-home-terms] .wrapper,
[poker-school-template] [poker-school-home-tips] .wrapper {
    padding: 0 0 24px 0 !important
}

[poker-school-template] [poker-school-home-hands-ranking] .title,
[poker-school-template] [poker-school-home-odds] .title,
[poker-school-template] [poker-school-home-terms] .title,
[poker-school-template] [poker-school-home-tips] .title {
    color: #fff;
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    margin-bottom: 24px
}

[poker-school-template] [poker-school-home-hands-ranking] .sub-title,
[poker-school-template] [poker-school-home-odds] .sub-title,
[poker-school-template] [poker-school-home-terms] .sub-title,
[poker-school-template] [poker-school-home-tips] .sub-title {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .54px;
    padding-bottom: 8px
}

[poker-school-template] [poker-school-home-hands-ranking] .sub-title:before,
[poker-school-template] [poker-school-home-odds] .sub-title:before,
[poker-school-template] [poker-school-home-terms] .sub-title:before,
[poker-school-template] [poker-school-home-tips] .sub-title:before {
    margin-bottom: 24px;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(90deg, #52525b, transparent)
}

[poker-school-template] [poker-school-home-how] .sub-title,
[poker-school-template] [poker-school-home-learning-path] .sub-title {
    margin-top: -24px
}

[poker-school-template] [poker-school-home-how] .sub-title:after,
[poker-school-template] [poker-school-home-learning-path] .sub-title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 24px;
    background-image: linear-gradient(90deg, #52525b, transparent)
}

@media (min-width:768px) {
    [poker-school-template] .inner {
        row-gap: 64px
    }

    [poker-school-template] [poker-school-home-how] .title {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px;
        font-weight: 500
    }

    [poker-school-template] .card-wrapper .card-text {
        padding: 32px
    }

    [poker-school-template] .card-wrapper .card-text .card-number {
        font-size: 80px;
        font-style: italic;
        letter-spacing: -2.4px
    }

    [poker-school-template] .card-wrapper .card-text .card-title {
        padding-top: 24px
    }

    [poker-school-template] [card-icon] .holder .content .content-wrapper {
        min-height: 160px
    }
}

@media (min-width:1280px) {
    [poker-school-template] .inner {
        row-gap: 128px
    }

    [poker-school-template] [card-icon] .wrapper {
        display: flex
    }

    [poker-school-template] [card-icon] .wrapper a {
        align-content: center;
        text-decoration: none
    }

    [poker-school-template] [card-icon] .holder .title {
        font-size: 28px
    }

    [poker-school-template] [card-icon] .holder h4 {
        font-size: 20px;
        content: none
    }

    [poker-school-template] .card-wrapper {
        display: flex
    }

    [poker-school-template] .card-wrapper .card-text .card-number {
        font-size: 80px;
        line-height: 60px
    }

    [poker-school-template] .card-wrapper .card-text .card-title {
        font-size: 18px
    }

    [poker-school-template] [partners-header] {
        padding-bottom: 0
    }

    [poker-school-template] [poker-school-home-become] {
        margin-top: -104px
    }

    [poker-school-template] [poker-school-home-hands-ranking] .title,
    [poker-school-template] [poker-school-home-how] .title,
    [poker-school-template] [poker-school-home-odds] .title,
    [poker-school-template] [poker-school-home-terms] .title,
    [poker-school-template] [poker-school-home-tips] .title {
        position: relative;
        font-size: 42px;
        font-weight: 500;
        line-height: 48px;
        letter-spacing: 1.26px;
        padding-bottom: 0
    }

    [poker-school-template] [poker-school-home-hands-ranking] .sub-title,
    [poker-school-template] [poker-school-home-how] .sub-title,
    [poker-school-template] [poker-school-home-odds] .sub-title,
    [poker-school-template] [poker-school-home-terms] .sub-title,
    [poker-school-template] [poker-school-home-tips] .sub-title {
        margin-top: 0
    }
}

._img-content-template.img-message .group .message {
    margin-top: -22px;
    width: 260px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fee78a;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/bg_img_message.png) 50% 0/cover no-repeat
}

[road-to-vegas-2025-com] [wsc-2025-slider] {
    min-height: 312px
}

[road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .title {
    top: 270px
}

[road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .inner {
    padding-top: 410px
}

@media (min-width:768px) {
    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .title {
        top: 380px
    }

    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .inner {
        padding-top: 546px
    }
}

@media (min-width:1280px) {
    [road-to-vegas-2025-com] [wsc-2025-slider] {
        min-height: 292px
    }

    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .title {
        top: 288px
    }

    [road-to-vegas-2025-com] [key-visual-tournaments][section-container].event .inner {
        padding-top: 750px
    }
}

[rtv-2025-description] {
    padding-top: 56px
}

[rtv-2025-description] .message {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 100;
    font-style: italic
}

@media (min-width:768px) {
    [rtv-2025-description] .message {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [rtv-2025-description] .message {
        font-size: 32px;
        line-height: 42px;
        letter-spacing: .96px
    }
}

@media (min-width:768px) {
    [rtv-2025-description] {
        padding-top: 64px
    }
}

[rtv-wsop] .item {
    position: relative;
    border-radius: 16px;
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #6d4f3e, rgba(29, 29, 36, .92) 30.8%)
}

[rtv-wsop] .item .holder {
    border-radius: 14px;
    height: 100%;
    margin: 1px;
    background: radial-gradient(64.34% 34.79% at 50% 0, #4b3021 0, #3f2b20 30%, #241e1d 100%);
    display: flex;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    padding-right: 24px;
    padding-left: 24px
}

[rtv-wsop] .item .holder figure,
[rtv-wsop] .item .holder img {
    width: 96px;
    height: 96px
}

[rtv-wsop] .item .holder p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [rtv-wsop] .item .holder p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [rtv-wsop] .item .holder p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[rtv-wsop] .bonus-banner {
    position: relative
}

[rtv-wsop] .bonus-banner:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/road_to_vegas_2024_wsop_bonus_more.webp) 50% 50%/cover no-repeat;
    width: 48px;
    height: 48px;
    pointer-events: none
}

[rtv-wsop] .bonus-banner .holder .icon {
    position: absolute;
    left: -20px;
    top: -4px;
    right: auto;
    bottom: auto
}

[rtv-wsop] .bonus-banner .holder .icon img {
    width: 104px;
    height: 72px
}

[rtv-wsop] .bonus-banner .holder p {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    left: 0;
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    [rtv-wsop] .bonus-banner .holder p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [rtv-wsop] .bonus-banner .holder p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[rtv-wsop] .bonus-banner .holder p strong {
    font-weight: 500;
    color: #fee78a
}

[rtv-wsop] .bonus-banner .holder picture img {
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    [rtv-wsop] .item {
        height: 274px
    }

    [rtv-wsop] .item .holder {
        height: 100%;
        padding: 24px;
        flex-direction: column;
        gap: 0
    }

    [rtv-wsop] .item .holder figure {
        width: auto;
        max-width: none;
        height: auto;
        max-height: none
    }

    [rtv-wsop] .item .holder img {
        width: 160px;
        height: 160px
    }

    [rtv-wsop] .item .holder p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 176px
    }

    [rtv-wsop] .bonus-banner:before {
        width: 72px;
        height: 72px;
        margin-top: -12px
    }

    [rtv-wsop] .bonus-banner .holder .icon {
        left: -52px;
        top: -20px;
        right: auto;
        bottom: auto
    }

    [rtv-wsop] .bonus-banner .holder .icon img {
        width: 192px;
        height: 136px
    }

    [rtv-wsop] .bonus-banner .holder p {
        padding-top: 40px;
        padding-right: 32px;
        padding-bottom: 40px;
        padding-left: 32px;
        font-weight: 400
    }
}

@media (min-width:1280px) {
    [rtv-wsop] [grid].gap-16 {
        -moz-column-gap: 24px;
        column-gap: 24px
    }

    [rtv-wsop] .item:nth-child(2) p {
        max-width: 160px
    }

    [rtv-wsop] .item:nth-child(3) p {
        max-width: 270px
    }

    [rtv-wsop] .bonus-banner .holder .icon {
        left: -42px;
        top: -57px;
        right: auto;
        bottom: auto
    }

    [rtv-wsop] .bonus-banner .holder .icon img {
        width: auto;
        max-width: none;
        height: auto;
        max-height: none
    }

    [rtv-wsop] .bonus-banner .holder p {
        padding: 32px
    }
}

[rtv-glory] [grid] {
    row-gap: 24px
}

[rtv-glory] .item {
    position: relative;
    border-radius: 16px;
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(180deg, #6d4f3e, rgba(29, 29, 36, .92) 30.8%)
}

[rtv-glory] .item .holder {
    border-radius: 14px;
    height: 100%;
    margin: 1px;
    background: radial-gradient(64.34% 34.79% at 50% 0, #4b3021 0, #3f2b20 30%, #241e1d 100%);
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 72px;
    padding-left: 32px
}

[rtv-glory] .item h4 {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [rtv-glory] .item h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [rtv-glory] .item h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[rtv-glory] .item p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    margin-top: 16px
}

@media (min-width:768px) {
    [rtv-glory] .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [rtv-glory] .item p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[rtv-glory] .item figure {
    position: absolute;
    right: 0;
    bottom: 0;
    left: auto;
    top: auto;
    pointer-events: none
}

[rtv-glory] .item img {
    width: 96px;
    height: 96px
}

@media (min-width:768px) {
    [rtv-glory] [grid] {
        gap: 16px
    }

    [rtv-glory] .item {
        min-height: 312px
    }
}

@media (min-width:1280px) {
    [rtv-glory] [grid] {
        gap: 24px
    }

    [rtv-glory] .item {
        min-height: 228px
    }

    [rtv-glory] .item img {
        width: 128px;
        height: 128px
    }
}

[please-click-here] h3 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: .72px;
    font-weight: 300;
    text-align: center;
    color: #d4d4d4;
    font-style: italic
}

[please-click-here] .buttons {
    position: relative;
    margin-top: 28px;
    text-align: center
}

[please-click-here] .buttons button {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500
}

[please-click-here] .buttons button [font-icon] {
    transform: rotate(-45deg)
}

[please-click-here].auto .buttons button {
    width: auto;
    max-width: none;
    max-width: inherit
}

@media (min-width:768px) {
    [please-click-here] h3 {
        font-size: 32px;
        line-height: 48px;
        letter-spacing: .32px
    }

    [please-click-here] .buttons button {
        max-width: 394px
    }
}

[please-click-here] .buttons button {
    min-width: 282px
}

@media (min-width:1280px) {
    [please-click-here] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }

    [please-click-here] .buttons {
        margin-top: 32px
    }
}

[rtv-faq] dt {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    [rtv-faq] dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [rtv-faq] dt {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[rtv-faq] dt+dd {
    margin-top: 8px
}

[rtv-faq] dd+dt {
    margin-top: 24px
}

[rtv-faq] ul li {
    color: #a3a3a3
}

[rtv-faq] ul li strong {
    font-weight: 400;
    color: #fff
}

[short-deck] .group .container h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 300;
    color: #fff;
    font-style: italic
}

[short-deck] .group .container h4+p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [short-deck] .group .container h4+p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [short-deck] .group .container h4+p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[short-deck] .group .container h4+[html-container] h4,
[short-deck] .group .container h4+[html-container] p {
    margin-top: 28px
}

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

@media (min-width:1280px) {
    [short-deck] [how-to-play-header] .title {
        max-width: 750px
    }

    [short-deck] .group .container h4 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }

    [short-deck] .group .container h4+[html-container] h4,
    [short-deck] .group .container h4+[html-container] p {
        margin-top: 24px
    }
}

[short-deck-rules] .container>h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [short-deck-rules] .container>h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [short-deck-rules] .container>h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[short-deck-rules] .container p {
    margin-top: 20px
}

[short-deck-rules] .objects {
    display: none
}

@media (min-width:768px) {
    [short-deck-rules] .container>h4 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: .6px;
        font-weight: 500;
        font-weight: 400
    }

    [short-deck-rules] .container p {
        margin-top: 20px
    }

    [short-deck-rules] figure img {
        max-width: 496px
    }
}

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

@media (min-width:768px) and (min-width:1280px) {
    [short-deck-rules] .container>h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [short-deck-rules] .container>h4 {
        font-size: 22px;
        line-height: 28px;
        letter-spacing: .66px;
        font-weight: 500;
        font-weight: 400
    }

    [short-deck-rules] .container p {
        margin-top: 24px
    }

    [short-deck-rules] .objects {
        position: relative;
        display: block
    }

    [short-deck-rules] .objects img {
        position: absolute;
        pointer-events: none
    }

    [short-deck-rules] .objects img:first-child {
        left: -360px;
        top: -710px;
        right: auto;
        bottom: auto
    }

    [short-deck-rules] .objects img:nth-child(2) {
        left: -360px;
        top: -500px;
        right: auto;
        bottom: auto
    }

    [short-deck-rules] .objects img:nth-child(3) {
        right: -360px;
        top: -230px;
        left: auto;
        bottom: auto
    }

    [short-deck-rules] .objects img:nth-child(4) {
        right: -360px;
        top: -10px;
        left: auto;
        bottom: auto
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [short-deck-rules] .container>h4 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [short-deck-rules] .container>h4 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

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

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

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

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

[short-deck-whats] .graphic .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: hsla(0, 0%, 100%, .3);
    margin: 0
}

[short-deck-whats] .graphic .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

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

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

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

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

[short-deck-whats] .graphic-item p:after,
[short-deck-whats] .graphic-item p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(158, 0, 158, 0), #9646c7 50%, rgba(158, 0, 158, 0));
    opacity: .5
}

[short-deck-whats] .graphic-item p:before {
    top: 0
}

[short-deck-whats] .graphic-item p:after {
    bottom: 0
}

[short-deck-whats] .swiper-slide[data-idx="2"] img {
    width: 35%;
    max-width: 543px
}

@media (min-width:768px) {
    [short-deck-whats] .graphic-area {
        width: 704px;
        height: 318px;
        padding-top: 0;
        margin: 20px auto 0
    }

    [short-deck-whats] .graphic {
        padding-right: 28px
    }

    [short-deck-whats] .graphic .swiper-pagination {
        right: -28px
    }

    [short-deck-whats] .graphic-item p {
        margin-top: 24px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: calc(100% - 176px);
        font-size: 22px;
        line-height: 32px;
        letter-spacing: .96px
    }

    [short-deck-whats] .swiper-slide:nth-of-type(3) img {
        width: 50%
    }
}

@media (min-width:1280px) {
    [short-deck-whats] .container {
        padding-right: 410px
    }

    [short-deck-whats] .graphic-area {
        margin-top: 66px;
        width: 1098px;
        height: 496px
    }

    [short-deck-whats] .graphic {
        padding-right: 102px
    }

    [short-deck-whats] .graphic .swiper-pagination {
        right: -91px
    }

    [short-deck-whats] .graphic .swiper-pagination:after {
        content: "";
        display: block;
        display: inline-block;
        width: 56px;
        height: 116px;
        background: url(https://ssl.gg-global-cdn.com/bd/front/svg/web/icon_mouse_wheel.svg) 0 0 no-repeat;
        margin-top: 16px
    }

    [short-deck-whats] .graphic .swiper-pagination-bullet {
        cursor: pointer;
        border-radius: 100%
    }

    [short-deck-whats] .graphic-item .img {
        padding-right: 30px;
        padding-left: 30px
    }

    [short-deck-whats] .graphic-item .img img {
        width: auto
    }

    [short-deck-whats] .graphic-item p {
        margin-top: 28px;
        padding-top: 12px;
        padding-bottom: 12px;
        width: calc(100% - 332px);
        font-size: 32px;
        line-height: 50px;
        letter-spacing: .96px
    }

    [short-deck-whats] .graphic-item p:after,
    [short-deck-whats] .graphic-item p:before {
        height: 2px
    }

    [short-deck-whats] .swiper-slide:nth-of-type(3) img {
        width: auto
    }
}

[short-deck-remember] {
    margin-top: 56px
}

@media (min-width:768px) {
    [short-deck-remember] {
        margin-top: 64px
    }
}

@media (min-width:1280px) {
    [short-deck-remember] {
        margin-top: 56px
    }
}

[short-deck-table] [text-content].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: 0
}

[short-deck-table] [responsive-table] thead tr:last-child th:first-child {
    border-radius: 0
}

[short-deck-table] [responsive-table] thead tr:last-child th:last-child {
    border-top-right-radius: 0
}

[short-deck-table].close.table div[article-content]>[text-content] {
    max-height: 105px
}

[short-deck-play-money] a {
    font-weight: 500
}

[short-deck-play-money] [responsive-table] {
    margin-top: 24px
}

[short-deck-play-money] [responsive-table] [responsive-table] td:first-child,
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(2),
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(3),
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(4),
[short-deck-play-money] [responsive-table] [responsive-table] td:nth-child(5),
[short-deck-play-money] [responsive-table] [responsive-table] th:first-child,
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(2),
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(3),
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(4),
[short-deck-play-money] [responsive-table] [responsive-table] th:nth-child(5) {
    width: 20%
}

._app-nav-collapse-header {
    position: relative;
    height: 64px;
    padding-right: 24px;
    padding-left: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 6px 18px -4px rgba(154, 164, 184, .12), 0 1px 4px -2px rgba(154, 164, 184, .06)
}

@media (min-width:768px) {
    ._app-nav-collapse-header {
        height: 72px
    }
}

@media (min-width:1280px) {
    ._app-nav-collapse-header {
        height: 56px;
        padding-right: 40px;
        padding-left: 40px
    }
}

[dir=rtl] ._app-nav-collapse-header .group {
    right: auto;
    left: 40px
}

._app-nav-side {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between
}

._app-nav-side ._app-nav-util {
    margin-bottom: 72px
}

._app-nav-side ._app-region-selector {
    margin-bottom: 40px
}

@media (min-width: 1280px) {
    ._app-nav-util.nav-header li>ul {
        display: none;
        flex-direction: column;
        gap: 12px;
        position: absolute;
        right: 0;
        top: calc(100% + 11px);
        left: auto;
        bottom: auto;
        padding: 28px;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .05)
    }

    ._app-nav-util.nav-header li>ul a {
        color: #000;
        white-space: nowrap
    }

    ._app-nav-util.nav-header li.children:before {
        content: "";
        display: block;
        position: absolute;
        top: 24px;
        right: 0;
        bottom: -12px;
        left: 0
    }

    ._app-nav-util.nav-header li.active .svg-icon {
        transform: rotate(180deg)
    }

    ._app-nav-util.nav-header li.active ul {
        display: flex
    }

    ._app-nav-util.nav-header li.active ul a:active,
    .no-touch ._app-nav-util.nav-header li.active ul a:hover:not(.hover-disable) {
        text-decoration: underline
    }
}

@media (min-width: 768px) {
    ._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width: 1280px) {
    ._app-nav-util.collapse>li a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._app-nav-util.collapse>li.special-feature a:before {
    content: "铫�";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: #5c5c5c;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

._app-nav-util.collapse>li.withdrawal a:before {
    content: "顢�";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    color: #5c5c5c;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

._app-nav-collapse {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 13;
    display: none
}

._app-nav-collapse>.holder {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

._app-nav-collapse>.holder>.group {
    flex: 1;
    padding-top: 4px;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    overflow: auto;
    display: flex;
    flex-direction: column
}

._app-nav-collapse>.holder>.group::-webkit-scrollbar {
    width: 4px
}

._app-nav-collapse>.holder>.group::-webkit-scrollbar-thumb:hover,
._app-nav-collapse>.holder>.group::-webkit-scrollbar-track {
    background-color: transparent
}

._app-nav-collapse>.holder>.group::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
    border-radius: 2px
}

._app-nav-collapse .download {
    display: flex;
    box-shadow: 0 -7px 22px -4px rgba(154, 164, 184, .15), 0 -1px 4px -2px rgba(154, 164, 184, .04)
}

._app-nav-collapse.on {
    display: block
}

@media (min-width:768px) {
    ._app-nav-collapse>.holder {
        width: 420px;
        margin-left: auto
    }

    ._app-nav-collapse>.holder>.group {
        padding-top: 20px
    }
}

@media (min-width:1280px) {
    ._app-nav-collapse>.holder {
        width: 420px;
        margin-left: auto
    }

    ._app-nav-collapse>.holder>.group {
        padding-right: 40px;
        padding-left: 40px
    }
}

._app-nav-accordion>.holder {
    display: flex;
    flex-direction: column
}

._app-nav-accordion>.holder .view-wrapper {
    position: relative
}

._app-nav-accordion>.holder .view-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 0;
    height: 1px;
    background-color: #262626
}

._app-nav-accordion>.holder .view-wrapper label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -moz-column-gap: 40px;
    column-gap: 40px
}

._app-nav-accordion>.holder .view-wrapper .n {
    flex: 1;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #000;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    ._app-nav-accordion>.holder .view-wrapper .n {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._app-nav-accordion>.holder .view-wrapper .n {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._app-nav-accordion>.holder .view-wrapper .svg-icon {
    flex: none
}

._app-nav-accordion>.holder .view-wrapper .svg-icon path {
    stroke: #000
}

._app-nav-accordion>.holder .view-wrapper .svg-icon-minus {
    display: none
}

._app-nav-accordion>.holder .view-wrapper .context-box {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    padding-top: 0;
    padding-right: 16px;
    padding-bottom: 20px;
    padding-left: 16px
}

._app-nav-accordion>.holder .view-wrapper .context-box:not(:has(.sub-child)) {
    row-gap: 16px
}

._app-nav-accordion>.holder .view-wrapper .context-box a {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    min-height: 28px
}

@media (min-width:768px) {
    ._app-nav-accordion>.holder .view-wrapper .context-box a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    ._app-nav-accordion>.holder .view-wrapper .context-box a {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

._app-nav-accordion>.holder .view-wrapper .context-box .p {
    display: block;
    color: #d30000
}

._app-nav-accordion>.holder .view-wrapper .context-box .c {
    display: block;
    color: #404040
}

._app-nav-accordion>.holder .view-wrapper .context-box .tails {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    row-gap: 16px
}

._app-nav-accordion>.holder .view-wrapper .context-box .tails .c span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

._app-nav-accordion>.holder .view-wrapper .context-box .tails .c.icon-new {
    position: relative;
    display: flex;
    align-items: center
}

._app-nav-accordion>.holder .view-wrapper .context-box .tails .c.icon-new:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat
}

._app-nav-accordion>.holder ._accordion-view.open .svg-icon-plus {
    display: none
}

._app-nav-accordion>.holder ._accordion-view.open .svg-icon-minus {
    display: inline-block
}

@media (min-width:768px) {
    ._app-nav-accordion>.holder .view-wrapper .n {
        display: flex;
        align-items: center
    }
}

._app-nav-accordion[sitemap]>.holder .view-wrapper .n span:after {
    right: 0
}

._app-nav-accordion[sitemap]>.holder .view-wrapper .svg-icon {
    display: none
}

._app-nav-accordion[sitemap]>.holder .view-wrapper .context {
    --accord-height: auto !important;
    max-height: inherit
}

[dir=rtl] ._app-nav-accordion>.holder .view-wrapper .n span:after {
    left: auto;
    right: 0;
    transform: translateX(101%)
}

[dir=rtl] ._app-nav-accordion>.holder ._accordion-view.open .n span:after {
    transform: translateX(0)
}

._app-nav-signup.collapse a {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #404040;
    border: 1px solid #a1a1ac;
    padding-right: 20px;
    padding-left: 20px;
    height: 32px;
    border-radius: 100vh
}

@media (min-width:768px) {
    ._app-nav-signup.collapse a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._app-nav-signup.collapse a {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

.no-touch ._app-nav-signup.collapse a:hover:not(.hover-disable) {
    color: #000;
    border-color: #bcbcc4
}

.no-touch ._app-nav-signup.collapse a:active:not(.hover-disable) {
    color: #000;
    border-color: #f1f1f4
}

#app ._download {
    min-height: inherit
}

._download .inner {
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 56px;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/download_signup_bg_t.webp) 50% 0 no-repeat
}

._download .download-account {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 128px
}

._download .download-step__header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center
}

._download .download-step__header h3 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff
}

@media (min-width:768px) {
    ._download .download-step__header h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    ._download .download-step__header h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

._download .download-step__header ._color-button {
    min-width: 200px;
    height: 40px;
    align-self: center
}

._download .download-step__contents {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 16px;
    padding-left: 16px;
    margin-top: 40px
}

._download .download-step__contents li {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 16px
}

._download .download-step__contents li:nth-child(2) {
    position: relative
}

._download .download-step__contents li:nth-child(2):after,
._download .download-step__contents li:nth-child(2):before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 5%, #832223 30%, transparent 80%)
}

._download .download-step__contents li:nth-child(2):before {
    top: -1px
}

._download .download-step__contents li:nth-child(2):after {
    bottom: -1px
}

._download .download-step__contents li:nth-child(2) svg {
    position: absolute;
    right: 0;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    display: none
}

._download .download-step__contents h4 {
    font-size: 18px;
    line-height: 1.3;
    font-style: italic;
    font-weight: 400;
    color: #737373;
    white-space: nowrap
}

._download .download-step__contents p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    ._download .download-step__contents p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    ._download .download-step__contents p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

._download .create-account {
    margin-top: 40px;
    padding-top: 40px;
    padding-right: 24px;
    padding-bottom: 40px;
    padding-left: 24px;
    border-radius: 16px;
    background-color: rgba(30, 30, 35, .5);
    border: 1px solid rgba(220, 51, 51, .5);
    box-shadow: 0 10px 24px -2px rgba(0, 0, 0, .25), 0 2px 4px 0 rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

._download .create-account>p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 500;
    color: #fd4444
}

@media (min-width:768px) {
    ._download .create-account>p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._download .create-account>p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

._download .create-account>h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fff;
    margin-top: 4px
}

@media (min-width:768px) {
    ._download .create-account>h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    ._download .create-account>h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

._download .create-account .sign-up-form {
    margin-top: 16px
}

._download .create-account>span,
._download .create-account>ul {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #737373
}

@media (min-width:768px) {

    ._download .create-account>span,
    ._download .create-account>ul {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {

    ._download .create-account>span,
    ._download .create-account>ul {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._download .create-account>span {
    display: block;
    margin-top: 16px
}

._download .create-account>ul li:before {
    content: "- "
}

._download .create-account.active {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

._download .download-specifications {
    margin-top: 40px
}

._download .download-specifications .specifications-title {
    text-align: right;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #24242a;
    border-top: 1px solid #24242a
}

._download .download-specifications .specifications-title button {
    position: relative;
    display: inline-block;
    padding-top: 8px;
    padding-right: 28px;
    padding-bottom: 8px;
    padding-left: 0;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    color: #a3a3a3
}

@media (min-width:768px) {
    ._download .download-specifications .specifications-title button {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._download .download-specifications .specifications-title button {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._download .download-specifications .specifications-title button:after,
._download .download-specifications .specifications-title button:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #737373;
    transform: translateY(-50%);
    border-radius: 4px
}

._download .download-specifications .specifications-title button:before {
    right: 6px;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 14px;
    height: 2px
}

._download .download-specifications .specifications-title button:after {
    right: 12px;
    top: 50%;
    left: auto;
    bottom: auto;
    width: 2px;
    height: 14px;
    opacity: 0
}

._download .download-specifications .specifications-title button:active,
.no-touch ._download .download-specifications .specifications-title button:hover:not(.hover-disable) {
    color: #fff
}

._download .download-specifications .specifications-title button:active:after,
._download .download-specifications .specifications-title button:active:before,
.no-touch ._download .download-specifications .specifications-title button:hover:not(.hover-disable):after,
.no-touch ._download .download-specifications .specifications-title button:hover:not(.hover-disable):before {
    background-color: #fff
}

._download .download-specifications ._grid {
    margin-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #24242a
}

._download .download-specifications .item {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400
}

@media (min-width:768px) {
    ._download .download-specifications .item {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    ._download .download-specifications .item {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

._download .download-specifications .item h4 {
    font-weight: 400
}

._download .download-specifications .item ul {
    margin-top: 8px
}

._download .download-specifications .item ul>li {
    position: relative;
    padding-left: 16px
}

._download .download-specifications .item ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    right: auto;
    bottom: auto;
    width: 3px;
    height: 3px;
    background-color: #d4d4d4;
    border-radius: 3px
}

[lang=ar] ._download .download-specifications .item ul>li {
    padding-right: 16px
}

[lang=ar] ._download .download-specifications .item ul>li:before {
    right: 5px;
    top: 10px;
    left: auto;
    bottom: auto
}

._download .download-specifications .item ul>li {
    color: #737373
}

._download .download-specifications .item ul>li:before {
    background-color: #737373;
    top: 5px
}

._download .download-specifications.active .specifications-title button:after {
    opacity: 1
}

@media (min-width:768px) {
    ._download .inner {
        padding-bottom: 80px
    }

    ._download .create-account {
        padding: 72px
    }

    ._download .download-specifications ._grid {
        padding-right: 24px;
        padding-left: 24px
    }

    ._download .download-specifications .item ul>li:before {
        top: 7px
    }
}

@media (min-width:1024px) {
    ._download {
        padding-top: 128px;
        padding-bottom: 128px
    }

    ._download .inner {
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/download_signup_bg_d.webp) 50% -72px/auto no-repeat
    }

    ._download .download-account {
        display: flex;
        justify-content: space-between;
        max-width: inherit;
        padding-top: 0;
        padding-right: 24px;
        padding-bottom: 0;
        padding-left: 24px
    }

    ._download .download-step {
        flex: none;
        width: 391px;
        height: 462px;
        padding-top: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    ._download .download-step__header {
        flex: none;
        text-align: left
    }

    ._download .download-step__header ._color-button {
        align-self: start
    }

    ._download .download-step__contents {
        flex: none;
        gap: 20px;
        padding-right: 0;
        padding-left: 0;
        margin-top: 0
    }

    ._download .download-step__contents li:nth-child(2) {
        padding-right: 40px
    }

    ._download .download-step__contents li:nth-child(2) svg {
        display: inline-block
    }

    ._download .create-account {
        width: 480px;
        height: auto;
        margin-top: 0;
        padding: 72px;
        align-self: start
    }

    ._download .create-account .sign-up-form {
        flex-direction: column;
        padding-right: 0;
        padding-left: 0;
        margin-top: 24px
    }
}

@media (min-width:1280px) {
    ._download {
        padding-top: 192px
    }

    ._download .inner {
        padding-bottom: 0
    }

    ._download .download-account {
        padding-right: 32px;
        padding-left: 32px
    }

    ._download .download-step {
        width: 524px;
        height: 536px;
        padding-top: 20px
    }

    ._download .download-step ._color-button {
        align-self: start
    }

    ._download .download-step__contents {
        gap: 24px
    }

    ._download .create-account {
        height: 576px;
        padding-top: 111px
    }
}

._signup-form ._signup-input+._signup-input[data-v-312a26e8] {
    margin-top: 8px
}

._signup-form .btn-submit[data-v-312a26e8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    width: 100%;
    height: 40px;
    padding-right: 24px;
    padding-left: 24px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .64px;
    font-weight: 500;
    background-color: transparent;
    color: #d4d4d4;
    border: 1px solid #6c6c7a;
    border-radius: 24px;
    cursor: not-allowed;
    transition: background-color .25s ease-in-out, border .25s ease-out
}

._signup-form .btn-submit[data-v-312a26e8]:active,
.no-touch ._signup-form .btn-submit[data-v-312a26e8]:hover:not(.hover-disable) {
    color: #fff;
    border: 1px solid #54545f;
    background-color: hsla(0, 0%, 100%, .03)
}

._signup-form .btn-submit.success[data-v-312a26e8] {
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer
}

@media (min-width:768px) {
    ._signup-form .btn-submit[data-v-312a26e8] {
        margin-top: 40px
    }
}

@media (min-width:1024px) {
    ._signup-form .btn-submit[data-v-312a26e8] {
        margin-top: 64px
    }
}

._signup-input[data-v-ae753712] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    padding-top: 4px;
    padding-right: 20px;
    padding-bottom: 4px;
    padding-left: 20px;
    border-radius: 24px;
    background-color: #fff;
    border: 1px solid #a1a1ac
}

._signup-input label[data-v-ae753712] {
    flex: 1;
    display: flex;
    align-items: center
}

._signup-input input[data-v-ae753712] {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #000
}

@media (min-width:768px) {
    ._signup-input input[data-v-ae753712] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    ._signup-input input[data-v-ae753712] {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@supports (-webkit-touch-callout:none) {
    ._signup-input input[data-v-ae753712] {
        font-size: 16px
    }
}

._signup-input .icon[data-v-ae753712] {
    position: absolute;
    right: 10px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px
}

._signup-input .icon svg[data-v-ae753712] {
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    bottom: 0;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity .25s ease-in-out 0s
}

._signup-input[data-v-ae753712]:after,
._signup-input[data-v-ae753712]:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
    transition: border .25s ease-out
}

._signup-input[data-v-ae753712]:before {
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 2px solid transparent
}

._signup-input[data-v-ae753712]:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 3px solid transparent
}

._signup-input.error[data-v-ae753712],
._signup-input.success[data-v-ae753712] {
    padding-right: 56px
}

._signup-input.error[data-v-ae753712]:before {
    border-color: #d92d20
}

._signup-input.error input[data-v-ae753712] {
    color: #d92d20
}

._signup-input.error .icon-error[data-v-ae753712] {
    opacity: 1
}

._signup-input.error.focus[data-v-ae753712]:after {
    border-color: #ed9999
}

._signup-input.success[data-v-ae753712]:before {
    border-color: #039855
}

._signup-input.success .icon-success[data-v-ae753712] {
    opacity: 1
}

._signup-modal {
    pointer-events: none;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 14;
    background: linear-gradient(270deg, rgba(0, 0, 0, .96) 19%, transparent);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

._signup-modal.show {
    pointer-events: auto;
    visibility: visible
}

._signup-modal .iframe-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

._signup-modal .btn-close {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    z-index: 1001
}

@keyframes c1 {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    50% {
        opacity: 0;
        transform: scale(.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

._signup-modal .blocker {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000
}

._signup-modal .blocker,
._signup-modal .blocker>.dim {
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 100%
}

._signup-modal .blocker>.dim {
    background-color: rgba(0, 0, 0, .7)
}

._signup-modal .blocker .seq-preloader {
    font-size: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 2
}

._signup-modal .blocker .seq-preloader>* {
    display: inline-block;
    vertical-align: top
}

._signup-modal .blocker .seq-preloader em {
    width: 10px;
    height: 10px;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 12px;
    margin-left: 8px;
    background-color: #fff;
    border-radius: 30px;
    animation-name: c1;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

._signup-modal .blocker .seq-preloader em:nth-of-type(2) {
    width: 12px;
    height: 12px;
    margin-top: -1px;
    animation-delay: .2s
}

._signup-modal .blocker .seq-preloader em:nth-of-type(3) {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    animation-delay: .4s
}

._signup-modal .blocker .seq-preloader em:nth-of-type(4) {
    width: 16px;
    height: 16px;
    margin-top: -3px;
    animation-delay: .6s
}

._signup-modal .blocker .seq-preloader em:nth-of-type(5) {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    animation-delay: .8s
}

@media (min-width:414px) {
    ._signup-modal .iframe-container {
        top: 3%;
        right: 3%;
        bottom: 3%;
        left: 3%
    }
}

@media (min-width:768px) {
    ._signup-modal .iframe-container {
        top: 5%;
        right: 5%;
        bottom: 5%;
        left: 5%
    }
}

@media (min-width:1280px) {
    ._signup-modal .iframe-container {
        top: 90px;
        right: 0;
        bottom: 90px;
        left: 0
    }
}

._app-nav-gnb .mega-wrap .sub-item>ul li.icon-new:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 4px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-nav-new.png) 0 0 no-repeat
}

._app-nav-util.collapse>li.AboutUs a:before {
    background-image: url(https://ssl.gg-global-cdn.com/bd/front/img/web/icon-alert-circle-24.png)
}

[tdollar-builder-schedule] td:first-child,
[tdollar-builder-schedule] th:first-child {
    width: 33.3333%
}

[tdollar-builder-schedule] td:nth-child(2),
[tdollar-builder-schedule] th:nth-child(2) {
    width: 33.3334%
}

[tdollar-builder-schedule] td:nth-child(3),
[tdollar-builder-schedule] th:nth-child(3) {
    width: 33.3333%
}

[tdollar-builder-schedule] [responsive-table] table {
    min-width: 704px
}

[tdollar-builder-schedule] [responsive-table] thead th {
    text-transform: uppercase
}

[tdollar-builder-schedule] [responsive-table].in-sticky .holder {
    max-height: 768px
}

[tdollar-builder-schedule] [responsive-table].in-scroll thead th:last-child {
    border-right: 10px solid transparent
}

@media (min-width:768px) {
    [tdollar-builder-schedule] [responsive-table].in-sticky .holder {
        max-height: 768px
    }
}

@media (min-width:1280px) {
    [tdollar-builder-schedule] {
        min-height: 1176px
    }

    [tdollar-builder-schedule] [responsive-table].in-sticky .holder {
        max-height: 1104px
    }
}

[texas-holdem] [responsive-table] td,
[texas-holdem] [responsive-table] th {
    width: 12.5%
}

[texas-holdem-rules] .container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

[texas-holdem-positions] [text-content].article-content>.container {
    order: 1
}

[texas-holdem-positions] [text-content].article-content>.container dt+dd {
    margin-top: 8px
}

[texas-holdem-positions] [text-content].article-content>.container dd+dt {
    margin-top: 24px
}

@media (min-width:768px) {
    [texas-holdem-positions] .container dt+dd {
        margin-top: 12px
    }
}

@media (min-width:1280px) {
    [texas-holdem-positions] [text-content].article-content>.container {
        order: 0
    }

    [texas-holdem-positions].no-margin [article-content]>.content figure {
        margin-top: -72px
    }
}

[texas-holdem-actions] figure {
    text-align: center
}

[texas-holdem-actions] figure img {
    width: 100%;
    height: auto;
    max-width: 704px;
    border-radius: 16px
}

[texas-holdem-actions] [text-content].article-content {
    gap: 20px
}

[texas-holdem-actions] [text-content].article-content>.container dt+dd {
    margin-top: 8px
}

[texas-holdem-actions] [text-content].article-content>.container dd+dt {
    margin-top: 24px
}

@media (min-width:1280px) {
    [texas-holdem-actions]>h3 {
        padding-left: 568px
    }

    [texas-holdem-actions] [text-content].article-content {
        display: flex;
        flex-flow: row;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [texas-holdem-actions] [text-content].article-content figure {
        flex: none;
        width: 496px;
        margin-top: -72px
    }

    [texas-holdem-actions] [text-content].article-content figure img {
        width: 100%;
        height: auto
    }
}

[texas-holdem-game-terms] [text-content].article-content .v-html {
    row-gap: 24px
}

[texas-holdem-game-terms] [text-content].article-content .v-html dd {
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [texas-holdem-game-terms] [text-content].article-content .v-html dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [texas-holdem-game-terms] [text-content].article-content .v-html dd {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:768px) {
    [texas-holdem-game-terms] [text-content].article-content .v-html dl {
        display: flex;
        align-items: flex-start;
        gap: 24px
    }

    [texas-holdem-game-terms] [text-content].article-content .v-html dt {
        min-width: 230px
    }

    [texas-holdem-game-terms] [text-content].article-content .v-html dd {
        margin-top: 0
    }
}

@media (min-width:1280px) {
    [texas-holdem-game-terms] [text-content].article-content .v-html dt {
        min-width: 282px
    }
}

[texas-holdem-game-play] {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

[texas-holdem-game-play] h3 {
    position: relative;
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500
}

@media (min-width:768px) {
    [texas-holdem-game-play] h3 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [texas-holdem-game-play] h3 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[texas-holdem-game-play] .play-graphic {
    margin-top: -25px
}

[texas-holdem-game-play] .play-graphic p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4;
    text-align: center
}

@media (min-width:768px) {
    [texas-holdem-game-play] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [texas-holdem-game-play] .play-graphic p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[texas-holdem-game-play] .play-graphic .cards {
    text-align: center
}

[texas-holdem-game-play] .play-graphic .cards>div {
    display: none
}

[texas-holdem-game-play] .play-graphic .cards p {
    margin-bottom: 12px;
    display: none
}

[texas-holdem-game-play] .play-graphic .cards+p {
    margin-top: 24px
}

[texas-holdem-game-play] .play-graphic .cards figure {
    position: relative;
    margin-right: -24px;
    margin-left: -24px;
    margin-top: -16px
}

[texas-holdem-game-play] .play-graphic .cards figure img {
    width: 100%;
    height: auto;
    max-width: 736px
}

[texas-holdem-game-play] .play-graphic .cards .desc {
    display: block;
    margin: 24px 0 0
}

[texas-holdem-game-play] .play-graphic.thedeal .cards,
[texas-holdem-game-play] .play-graphic.theshuffle .cards {
    display: none
}

[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
}

[texas-holdem-game-play] [accordion-view].label-desc label {
    height: auto;
    max-height: none;
    align-items: flex-end
}

[texas-holdem-game-play] [accordion-view].label-desc .title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px
}

[texas-holdem-game-play] [accordion-view].label-desc .subTitle {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400
}

@media (min-width:768px) {
    [texas-holdem-game-play] [accordion-view].label-desc .subTitle {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [texas-holdem-game-play] [accordion-view].label-desc .subTitle {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[texas-holdem-game-play] [accordion-view].label-desc+[accordion-view].label-desc {
    margin-top: 16px
}

@media (min-width:768px) {
    [texas-holdem-game-play] {
        row-gap: 40px
    }

    [texas-holdem-game-play] .play-graphic {
        margin-top: -80px
    }

    [texas-holdem-game-play] .play-graphic .cards+p {
        margin-top: 16px
    }

    [texas-holdem-game-play] .play-graphic .cards figure {
        margin: 0
    }

    [texas-holdem-game-play] .play-graphic .cards figure img {
        max-width: 704px
    }

    [texas-holdem-game-play] .play-graphic .cards .desc {
        margin: 16px 0 0
    }

    [texas-holdem-game-play] [accordion-view].label-desc .title {
        gap: 16px
    }

    [texas-holdem-game-play] [accordion-view].label-desc+[accordion-view].label-desc {
        margin-top: 32px
    }
}

@media (min-width:1280px) {
    [texas-holdem-game-play] {
        position: relative;
        min-height: 700px;
        row-gap: 0;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [texas-holdem-game-play] h3 {
        padding-bottom: 40px
    }

    [texas-holdem-game-play] .play-graphic {
        position: absolute;
        left: 458px;
        top: -72px;
        right: auto;
        bottom: auto;
        width: 742px;
        margin-top: 0
    }

    [texas-holdem-game-play] .play-graphic .cards {
        margin-top: 0
    }

    [texas-holdem-game-play] .play-graphic .cards figure img {
        max-width: 736px
    }

    [texas-holdem-game-play] .play-graphic .cards .desc {
        margin: 32px 0 0
    }

    [texas-holdem-game-play] .play-toggle {
        flex: none;
        width: 386px
    }

    [dir=rtl] [texas-holdem-game-play] .play-graphic {
        left: auto;
        right: 458px
    }
}

[texas-holdem-9-max] figure {
    display: block
}

[texas-holdem-9-max] figure img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: 16px
}

[texas-holdem-9-max]>.content {
    gap: 20px
}

@media (min-width:768px) {
    [texas-holdem-9-max] figure {
        max-width: 704px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:1280px) {
    [texas-holdem-9-max]>h3 {
        padding-left: 568px
    }

    [texas-holdem-9-max] figure {
        flex: none;
        width: 504px;
        margin-top: -72px
    }

    [texas-holdem-9-max]>.content {
        display: flex;
        flex-flow: row;
        gap: 72px
    }
}

[texas-holdem-information] {
    display: flex;
    flex-direction: column;
    gap: 56px
}

[texas-holdem-information] [article-content]>h3 {
    padding-bottom: 24px
}

[texas-holdem-information] [article-content]>.content {
    gap: 20px
}

[texas-holdem-information] [texas-holdem-table].close.table [article-content]>[text-content] {
    max-height: 105px
}

@media (min-width:768px) {
    [texas-holdem-information] {
        gap: 64px
    }
}

@media (min-width:1280px) {
    [texas-holdem-information] {
        gap: 128px
    }

    [texas-holdem-information] [article-content]>.content {
        gap: 20px
    }
}

[anchor-container] {
    padding-top: var(--anchor-gap);
    margin-top: calc(var(--anchor-gap)*-1)
}

@media (min-width:768px) {
    [anchor-container] {
        padding-top: var(--anchor-gap-t);
        margin-top: calc(var(--anchor-gap-t)*-1)
    }
}

@media (min-width:1280px) {
    [anchor-container] {
        padding-top: var(--anchor-gap-d);
        margin-top: calc(var(--anchor-gap-d)*-1)
    }
}

[texas-holdem-play-money] a {
    font-weight: 500
}

[texas-holdem-play-money] [responsive-table] {
    margin-top: 24px
}

[texas-holdem-play-money] [responsive-table] [responsive-table] td:first-child,
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(2),
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(3),
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(4),
[texas-holdem-play-money] [responsive-table] [responsive-table] td:nth-child(5),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:first-child,
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(2),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(3),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(4),
[texas-holdem-play-money] [responsive-table] [responsive-table] th:nth-child(5) {
    width: 20%
}

[tournament-types] ._page-container {
    padding-top: 112px
}

[tournament-types] ._grid {
    row-gap: 56px
}

[tournament-types] ._text-content.article-content {
    gap: 0
}

[tournament-types] [key-visual-tournaments][section-container].event {
    min-height: auto
}

[tournament-types] [key-visual-tournaments][section-container].event .inner {
    padding-top: 352px
}

@media (min-width:768px) {
    [tournament-types] ._grid {
        row-gap: 64px
    }

    [tournament-types] [key-visual-tournaments][section-container].event .inner {
        padding-top: 528px
    }
}

@media (min-width:1280px) {
    [tournament-types] ._grid {
        row-gap: 128px;
        -moz-column-gap: 72px;
        column-gap: 72px
    }

    [tournament-types] [key-visual-tournaments][section-container].event .inner {
        padding-top: 884px
    }
}

[dir=rtl] [tournament-types] [section-container].primary .bg-holder picture {
    transform: scaleX(-1)
}

[the-weekender] thead th {
    text-transform: uppercase
}

[the-weekender] [key-visual-tournaments][section-container].primary {
    height: 465px
}

[the-weekender] [key-visual-tournaments][section-container].primary .bg-holder img:not(.logo) {
    -o-object-position: bottom;
    object-position: bottom
}

@media (min-width:768px) {
    [the-weekender] [key-visual-tournaments][section-container].primary {
        height: 534px
    }
}

@media (min-width:1280px) {
    [the-weekender] [key-visual-tournaments][section-container].primary .bg-holder img.logo {
        top: 212px
    }

    [the-weekender] [key-visual-tournaments][section-container].primary .description {
        display: flex;
        align-items: center
    }

    [the-weekender] [key-visual-tournaments][section-container].primary {
        height: 826px
    }
}

[the-weekender-day-step] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

[the-weekender-day-step] .step {
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 24px;
    padding-bottom: 20px
}

[the-weekender-day-step] .step ._responsive-img-new {
    position: relative;
    z-index: 1;
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto
}

[the-weekender-day-step] .step ._responsive-img-new img {
    width: inherit;
    height: inherit;
    max-width: 100%
}

[the-weekender-day-step] .step .title {
    display: flex;
    justify-content: center;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    min-height: 48px;
    width: 100%;
    max-width: 224px;
    padding-top: 8px;
    padding-right: 32px;
    padding-bottom: 8px;
    padding-left: 32px;
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto
}

@media (min-width:768px) {
    [the-weekender-day-step] .step .title {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [the-weekender-day-step] .step .title {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[the-weekender-day-step] .step .desc {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [the-weekender-day-step] .step .desc {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [the-weekender-day-step] .step .desc {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[the-weekender-day-step] .step .desc span {
    color: #fee78a
}

[the-weekender-day-step] .step:after {
    content: "";
    display: block;
    position: absolute;
    top: 95.85px;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 24px;
    pointer-events: none;
    background: radial-gradient(208.83% 56.72% at 47.92% -6.69%, #612b57 0, rgba(24, 24, 27, 0) 100%)
}

[the-weekender-day-step] .day1 .title {
    color: #a1e6ff;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_day1_title_bg.webp) 50% 0/cover no-repeat
}

[the-weekender-day-step] .day1:after {
    background: radial-gradient(256.56% 69.69% at 47.92% -6.69%, #193f5e 0, rgba(24, 24, 27, 0) 100%)
}

[the-weekender-day-step] .day2 .title {
    color: #ffbae8;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_day2_title_bg.webp) 50% 0/cover no-repeat
}

[the-weekender-day-step] .day2:after {
    background: radial-gradient(208.83% 56.72% at 47.92% -6.69%, #612b57 0, rgba(24, 24, 27, 0) 100%)
}

[the-weekender-day-step] .step-percent {
    position: relative;
    height: 120px;
    padding-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [the-weekender-day-step] .step-percent {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [the-weekender-day-step] .step-percent {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[the-weekender-day-step] .step-percent:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100px;
    height: 120px;
    margin-left: -60px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_step_percent_bg.webp) 0 0 no-repeat
}

[the-weekender-day-step] .step-percent span {
    position: relative;
    z-index: 1
}

[the-weekender-day-step] .step-percent strong {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500
}

@media (min-width:768px) {
    [the-weekender-day-step] .step-percent strong {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [the-weekender-day-step] .step-percent strong {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

@media (min-width:768px) {
    [the-weekender-day-step] {
        display: flex;
        flex-flow: row;
        gap: 16px
    }

    [the-weekender-day-step] .step {
        flex: 1
    }

    [the-weekender-day-step] .step:after {
        top: 85.79px
    }

    [the-weekender-day-step] .step-percent {
        width: 156px;
        height: auto;
        padding-top: 69px;
        padding-bottom: 108px;
        align-self: flex-start
    }

    [the-weekender-day-step] .step-percent:before {
        left: 0;
        bottom: 0;
        right: auto;
        top: auto;
        width: 156px;
        height: 100px;
        margin-left: 0;
        background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_step_percent_bg_t.webp) 0 0/156px 100px no-repeat
    }
}

@media (min-width:1280px) {
    [the-weekender-day-step] {
        gap: 24px;
        justify-content: center
    }

    [the-weekender-day-step] .item {
        width: 360px
    }

    [the-weekender-day-step] .step {
        flex: none;
        width: 360px
    }

    [the-weekender-day-step] .step .title {
        max-width: 296px
    }

    [the-weekender-day-step] .step:after {
        top: 128px;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto
    }
}

[the-weekender-who] ._grid {
    gap: 24px;
    padding-top: 16px;
    padding-bottom: 16px
}

[the-weekender-who] .item {
    position: relative;
    height: 204px;
    padding-top: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
    padding-left: 32px;
    border-radius: 24px;
    background: linear-gradient(161deg, #282828 -5.75%, #18181b 51.11%)
}

[the-weekender-who] .item h4 {
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [the-weekender-who] .item h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [the-weekender-who] .item h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[the-weekender-who] .item ._responsive-img-new {
    position: absolute;
    right: 0;
    bottom: -16px;
    left: auto;
    top: auto
}

[the-weekender-who] .item ._responsive-img-new img {
    width: 327px;
    height: auto;
    max-width: 100%
}

@media (min-width:768px) {
    [the-weekender-who] ._grid {
        gap: 16px;
        padding-top: 0;
        padding-bottom: 0
    }

    [the-weekender-who] .item {
        height: 224px;
        padding: 32px
    }

    [the-weekender-who] .item ._responsive-img-new img {
        width: 224px;
        height: 164px
    }
}

@media (min-width:1280px) {
    [the-weekender-who] ._grid {
        gap: 24px;
        padding-top: 20px;
        padding-bottom: 20px
    }

    [the-weekender-who] .item {
        height: 240px
    }

    [the-weekender-who] .item ._responsive-img-new {
        bottom: -20px
    }

    [the-weekender-who] .item ._responsive-img-new img {
        width: 384px;
        height: 280px
    }
}

[the-weekender-which] {
    display: flex;
    flex-direction: column;
    gap: 56px
}

[the-weekender-which] [responsive-table] table {
    min-width: 384px
}

[the-weekender-which] [responsive-table] td,
[the-weekender-which] [responsive-table] th {
    padding-right: 8px;
    padding-left: 8px
}

[the-weekender-which] [responsive-table] td span,
[the-weekender-which] [responsive-table] th span {
    position: relative;
    z-index: 1
}

[the-weekender-which] [responsive-table] .day {
    width: 17%
}

[the-weekender-which] [responsive-table] .utc {
    width: 56px
}

[the-weekender-which] [responsive-table] .border-none td {
    border-bottom: 0
}

[the-weekender-which] [responsive-table] .point {
    position: relative;
    transform: translate(0);
    clip-path: inset(0)
}

[the-weekender-which] [responsive-table] .point td {
    position: relative;
    z-index: 2;
    padding-top: 0;
    padding-bottom: 0;
    height: 55px;
    border-bottom: 0;
    color: #fee78a
}

[the-weekender-which] [responsive-table] .point:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 53px;
    pointer-events: none;
    background: linear-gradient(90deg, #18181b 124px, #1d2e3d 50%, #442d55);
    z-index: 1;
    border-radius: 8px;
    border-bottom: 1px solid #213547
}

[the-weekender-which] .item ._responsive-img-new {
    width: 265px;
    height: 130px;
    margin-left: auto;
    margin-right: auto
}

[the-weekender-which] .item ._responsive-img-new img {
    width: inherit;
    height: inherit;
    max-width: 100%
}

[the-weekender-which] .item h4 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    color: #fee78a;
    padding-top: 16px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-left: 24px;
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/the_weekender_which_thumb_title_bg.webp) 50% 0/contain no-repeat
}

@media (min-width:768px) {
    [the-weekender-which] .item h4 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [the-weekender-which] .item h4 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[the-weekender-which] .item h5 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .6px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [the-weekender-which] .item h5 {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: .66px
    }
}

@media (min-width:1280px) {
    [the-weekender-which] .item h5 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: .72px
    }
}

[the-weekender-which] .item .table {
    margin-top: 24px
}

[the-weekender-which] .item .table.scroll-color thead th {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px
}

@media (min-width:768px) {
    [the-weekender-which] .item .table.scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [the-weekender-which] .item .table.scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:768px) {
    [the-weekender-which] [responsive-table] .day {
        width: 136px
    }

    [the-weekender-which] [responsive-table] .day br {
        display: none
    }

    [the-weekender-which] [responsive-table] .utc {
        width: 112px
    }

    [the-weekender-which] .item ._responsive-img-new {
        width: 371px;
        height: 182px
    }
}

@media (min-width:1280px) {
    [the-weekender-which] ._text-content.article-content {
        row-gap: 128px
    }

    [the-weekender-which] [responsive-table] .day {
        width: 124px
    }

    [the-weekender-which] [responsive-table] .utc {
        width: 56px
    }

    [the-weekender-which] .item {
        position: relative;
        min-height: 328px
    }

    [the-weekender-which] .item .thumb {
        position: absolute;
        top: 12px;
        width: 484px
    }

    [the-weekender-which] .item ._responsive-img-new {
        width: 424px;
        height: 208px
    }

    [the-weekender-which] .item:nth-child(odd) {
        padding-right: 612px
    }

    [the-weekender-which] .item:nth-child(odd) .thumb {
        right: 0
    }

    [the-weekender-which] .item:nth-child(2n) {
        padding-left: 612px
    }

    [the-weekender-which] .item:nth-child(2n) .thumb {
        left: 0
    }
}

[the-weekender-full-schedule] [responsive-table].scroll-color.in-sticky .holder {
    max-height: auto
}

[the-weekender-full-schedule] [responsive-table].scroll-color {
    --responsive-table-theme-color: #213547;
    --responsive-table-theme-color-line: #213547
}

[the-weekender-full-schedule] [responsive-table].scroll-color table {
    min-width: 768px
}

[the-weekender-full-schedule] [responsive-table].scroll-color thead th {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400
}

@media (min-width:768px) {
    [the-weekender-full-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [the-weekender-full-schedule] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[the-weekender-full-schedule] [responsive-table].scroll-color td:first-child,
[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(2),
[the-weekender-full-schedule] [responsive-table].scroll-color th:first-child,
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(2) {
    width: 14%
}

[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(3),
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(3) {
    width: 44%
}

[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(4),
[the-weekender-full-schedule] [responsive-table].scroll-color td:nth-child(5),
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(4),
[the-weekender-full-schedule] [responsive-table].scroll-color th:nth-child(5) {
    width: 14%
}

[the-weekender-full-schedule] [responsive-table].scroll-color tbody .point td {
    color: #fee78a
}

@media (min-width:768px) {
    [the-weekender-full-schedule] [responsive-table].scroll-color.in-sticky .holder {
        max-height: 768px
    }
}

[welcome-bonus-region-title] {
    margin-bottom: -45px
}

[welcome-bonus-region-title] .title {
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #737373;
    color: #fff
}

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

@media (min-width:1280px) {
    [welcome-bonus-region-title] .title {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[welcome-bonus-region-title] .title:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 2px;
    background-color: #d30000;
    right: 0
}

@media (min-width:1280px) {
    [welcome-bonus-region-title] {
        margin-bottom: -70px
    }
}

[welcome-bonus-choose] [grid] {
    row-gap: 68px
}

[welcome-bonus-choose] [grid]:before {
    content: attr(data-label);
    position: absolute;
    left: 50%;
    top: calc(50% + 34px);
    right: auto;
    bottom: auto;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #737373;
    opacity: .3;
    transform: translate(-50%, -50%);
    pointer-events: none
}

@media (min-width:768px) {
    [welcome-bonus-choose] [grid]:before {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    [welcome-bonus-choose] [grid]:before {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

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

[welcome-bonus-choose] .box .holder {
    height: 100%;
    padding-top: 32px;
    padding-right: 0;
    padding-bottom: 24px;
    padding-left: 0;
    border-radius: 16px;
    background: linear-gradient(161deg, #312b27 -9.99%, #252528 34.19%, #1d1d20 85.5%)
}

[welcome-bonus-choose] .box .box-title {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(0deg, #dc9e40 22.41%, #dcb868 37.4%, #f1d57d 59.87%, #fff4c6 64.3%, #e1be64 90.52%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

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

@media (min-width:1280px) {
    [welcome-bonus-choose] .box .box-title {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

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

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

[welcome-bonus-choose] .box p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [welcome-bonus-choose] .box p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [welcome-bonus-choose] .box p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[welcome-bonus-choose] .box p a {
    text-decoration: underline;
    color: #fff
}

[welcome-bonus-choose] .box p>em {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff
}

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

@media (min-width:1280px) {
    [welcome-bonus-choose] .box p>em {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[welcome-bonus-choose] .box p>strong {
    font-weight: 500;
    color: #fee78a
}

[welcome-bonus-choose] .box p {
    position: relative;
    padding-top: 16px;
    padding-right: 42px;
    padding-bottom: 16px;
    padding-left: 42px;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    color: #fff;
    text-align: center
}

@media (min-width:768px) {
    [welcome-bonus-choose] .box p {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [welcome-bonus-choose] .box p {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[welcome-bonus-choose] .box p:after,
[welcome-bonus-choose] .box p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(68, 40, 25, 0) 10%, #9d5c1f 50%, rgba(68, 40, 25, 0) 90%)
}

[welcome-bonus-choose] .box p:before {
    top: 0
}

[welcome-bonus-choose] .box p:after {
    bottom: 0
}

[welcome-bonus-choose] .box .objects img {
    display: none
}

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

@media (min-width:768px) {
    [welcome-bonus-choose] [grid] {
        gap: 104px
    }

    [welcome-bonus-choose] [grid]:before {
        top: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width:1280px) {
    [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 {
        padding-top: 56px;
        padding-right: 0;
        padding-bottom: 56px;
        padding-left: 0
    }

    [welcome-bonus-choose] .box figure img {
        width: 540px;
        height: 319px
    }

    [welcome-bonus-choose] .box p {
        padding-top: 16px;
        padding-right: 0;
        padding-bottom: 16px;
        padding-left: 0
    }

    [welcome-bonus-choose] .objects .obj {
        opacity: .15
    }

    [welcome-bonus-choose] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        bottom: 24px;
        right: auto;
        top: auto
    }

    [welcome-bonus-choose] .objects .obj:nth-of-type(2) {
        right: calc(100% - 253px);
        top: -406px;
        left: auto;
        bottom: auto
    }

    [welcome-bonus-choose] .objects img {
        position: absolute;
        display: block;
        pointer-events: none
    }

    [welcome-bonus-choose] .objects img:first-of-type {
        left: calc(100% + 7px);
        bottom: 413px;
        right: auto;
        top: auto
    }

    [welcome-bonus-choose] .objects img:nth-of-type(2) {
        right: calc(100% + 37px);
        top: calc(100% - 49px);
        left: auto;
        bottom: auto
    }
}

[welcome-bonus-including] [responsive-table].scroll-color thead th {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    color: #d4d4d4
}

@media (min-width:768px) {
    [welcome-bonus-including] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [welcome-bonus-including] [responsive-table].scroll-color thead th {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[welcome-bonus-matched]>.content figure {
    text-align: center;
    margin-top: 0
}

[welcome-bonus-matched]>.content figure img {
    width: 100%;
    height: auto;
    max-width: 960px
}

@media (min-width:768px) {
    [welcome-bonus-matched]>.content figure {
        margin-top: 8px
    }
}

@media (min-width:1280px) {
    [welcome-bonus-matched] {
        min-height: 445px
    }

    [welcome-bonus-matched]>.content {
        z-index: 1
    }

    [welcome-bonus-matched]>.content figure {
        margin-top: 0;
        padding-top: 57px;
        padding-bottom: 57px
    }

    [welcome-bonus-matched] .objects .obj {
        opacity: .15
    }

    [welcome-bonus-matched] .objects .obj:first-of-type {
        left: calc(100% - 270px);
        bottom: -376px;
        right: auto;
        top: auto
    }

    [welcome-bonus-matched] .objects img {
        position: absolute;
        pointer-events: none
    }

    [welcome-bonus-matched] .objects img:first-of-type {
        left: calc(100% + 182px);
        bottom: 251px;
        right: auto;
        top: auto
    }

    [welcome-bonus-matched] .objects img:nth-of-type(2) {
        left: calc(100% + 11px);
        bottom: -75px;
        right: auto;
        top: auto
    }
}

[welcome-bonus-how] figure img {
    width: 100%;
    height: auto
}

[welcome-bonus-how]>.content>figure {
    display: none
}

[welcome-bonus-how] [grid] {
    row-gap: 30px
}

[welcome-bonus-how] [grid] figure {
    position: relative;
    text-align: center;
    margin-top: 0
}

[welcome-bonus-how] [grid] figure:first-of-type img {
    max-width: 199px
}

[welcome-bonus-how] [grid] figure:nth-of-type(2) img {
    max-width: 293px
}

[welcome-bonus-how] [grid] figure:nth-of-type(3) img {
    max-width: 260px
}

[welcome-bonus-how] [grid] figure:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    right: auto;
    bottom: auto;
    width: 30px;
    height: 30px;
    transform: translateX(-50%);
    background: url(https://ssl.gg-global-cdn.com/bd/front/img/web/welcome_bonus_how_arrow.png) 0 0/cover no-repeat
}

[welcome-bonus-how] [grid] figure:last-child:after {
    display: none
}

@media (min-width:768px) {
    [welcome-bonus-how] [grid] {
        row-gap: 70px
    }

    [welcome-bonus-how] [grid] figure:first-of-type img {
        max-width: 472px
    }

    [welcome-bonus-how] [grid] figure:nth-of-type(2) img {
        max-width: 704px
    }

    [welcome-bonus-how] [grid] figure:nth-of-type(3) img {
        max-width: 616px
    }

    [welcome-bonus-how] [grid] figure:after {
        width: 70px;
        height: 70px
    }
}

@media (min-width:1280px) {
    [welcome-bonus-how] {
        min-height: 580px
    }

    [welcome-bonus-how]>.content {
        z-index: 1
    }

    [welcome-bonus-how]>.content>figure {
        display: block;
        text-align: center;
        margin: 29px 0 96px
    }

    [welcome-bonus-how] [grid] {
        display: none !important
    }

    [welcome-bonus-how] .objects .obj {
        opacity: .15
    }

    [welcome-bonus-how] .objects .obj:first-of-type {
        right: calc(100% - 265px);
        bottom: -139px;
        left: auto;
        top: auto
    }

    [welcome-bonus-how] .objects img {
        position: absolute;
        pointer-events: none
    }

    [welcome-bonus-how] .objects img:first-of-type {
        right: calc(100% + 37px);
        bottom: 256px;
        left: auto;
        top: auto
    }
}

[wsop-bracelets] [page-container] [wsop-tab-nav] {
    margin-bottom: 0
}

[wsop-bracelets] [wsop-bracelets-what] {
    margin-top: -16px
}

[wsop-bracelets] [page-container]>.inner {
    gap: 40px
}

[wsop-bracelets] [page-container]>.inner [wsop-tab-nav]+[p-section] {
    margin-top: 16px
}

[wsop-bracelets] [wsop-bracelets-title] .article-content {
    padding-top: 0
}

[wsop-bracelets] .reset figure p {
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .36px;
    font-weight: 400;
    text-align: left;
    color: #a3a3a3
}

@media (min-width:768px) {
    [wsop-bracelets] .reset figure p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

@media (min-width:1280px) {
    [wsop-bracelets] .reset figure p {
        font-size: 12px;
        line-height: 18px;
        letter-spacing: .36px
    }
}

[wsop-bracelets] .reset [article-content] .container {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width:768px) {
    [wsop-bracelets] [page-container] [wsop-tab-nav] {
        margin-bottom: -8px
    }

    [wsop-bracelets] [wsop-bracelets-what] {
        margin-top: -32px
    }

    [wsop-bracelets] [page-container]>.inner {
        gap: 56px
    }

    [wsop-bracelets] [page-container]>.inner [wsop-tab-nav]+[p-section] {
        margin-top: 8px
    }

    [wsop-bracelets] .reset [article-content] .container {
        gap: 22px
    }
}

@media (min-width:1280px) {
    [wsop-bracelets] [page-container] [wsop-tab-nav] {
        margin-bottom: 40px
    }

    [wsop-bracelets] [wsop-bracelets-what] {
        margin-top: -56px
    }

    [wsop-bracelets] [page-container]>.inner {
        gap: 72px
    }

    [wsop-bracelets] [page-container]>.inner [wsop-tab-nav]+[p-section] {
        margin-top: 56px
    }

    [wsop-bracelets] [wsop-bracelets-title] {
        margin-bottom: 8px
    }

    [wsop-bracelets] .reset figure {
        width: 496px
    }

    [wsop-bracelets] .reset figure p {
        margin-top: 12px
    }
}

[wsop-template] [page-container]>.inner {
    display: flex;
    flex-direction: column;
    gap: 56px
}

[wsop-template] [page-container] [wsop-tab-nav] {
    margin-bottom: -16px
}

@media (min-width:768px) {
    [wsop-template] [page-container]>.inner {
        gap: 64px
    }

    [wsop-template] [wsop-tab-nav] {
        margin-bottom: -8px
    }
}

@media (min-width:1280px) {
    [wsop-template] [page-container]>.inner {
        gap: 128px
    }

    [wsop-template] [wsop-tab-nav] {
        margin-bottom: -48px
    }
}

[wsop-tab-nav] [slider] [color-button] {
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    font-weight: 400;
    color: #737373;
    cursor: pointer
}

@media (min-width:768px) {
    [wsop-tab-nav] [slider] [color-button] {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [wsop-tab-nav] [slider] [color-button] {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[wsop-tab-nav] [slider] [color-button]:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    right: 100%;
    height: 2px;
    background-color: #d30000
}

[wsop-tab-nav] [slider] [color-button].active {
    color: #fff
}

[wsop-tab-nav] [slider] [color-button].active:after {
    right: 0
}

.no-touch [wsop-tab-nav] [slider] [color-button]:hover:not(.hover-disable),
[wsop-tab-nav] [slider] [color-button]:active {
    background-color: transparent;
    color: #fff
}

[wsop-tab-nav] [slider] .swiper-slide {
    width: auto;
    max-width: none
}

@media (min-width:1280px) {
    [wsop-tab-nav] [slider] .swiper-wrapper {
        transform: none !important
    }
}

@media (min-width:1280px) {
    [wsop-bracelets-what].img-right [article-content]>.content figure {
        margin-top: -62px
    }
}

@media (min-width:1280px) {
    [wsop-bracelets-fun] {
        margin-top: 56px
    }
}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item .year {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [wsop-champions-main-event] .history [accordion-view].line-thumb .item .year {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [wsop-champions-main-event] .history [accordion-view].line-thumb .item .year {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item h5 {
    margin-top: 4px
}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item h5+p {
    margin-top: 8px
}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item p {
    margin-top: 20px
}

[wsop-champions-main-event] .history [accordion-view].line-thumb .item p:first-of-type {
    margin-top: 16px
}

[wsop-champions-main-event] .history [accordion-view].line-thumb .svg-icon path {
    stroke: #737373
}

.no-touch [wsop-champions-main-event] .history [accordion-view].line-thumb:hover:not(.hover-disable) .icon,
.no-touch [wsop-champions-main-event] .history [accordion-view].line-thumb:hover:not(.hover-disable) .title,
[wsop-champions-main-event] .history [accordion-view].line-thumb.open .icon,
[wsop-champions-main-event] .history [accordion-view].line-thumb.open .title {
    color: #fff
}

[wsop-champions-main-event] .history [accordion-view]+[accordion-view] {
    margin-top: 16px
}

@media (min-width:768px) {
    [wsop-champions-main-event] .history [accordion-view] .item h5 {
        margin-top: 8px
    }

    [wsop-champions-main-event] .history [accordion-view] .item h5+p {
        margin-top: 12px
    }

    [wsop-champions-main-event] .history [accordion-view] .item p {
        margin-top: 22px
    }

    [wsop-champions-main-event] .history [accordion-view]+[accordion-view] {
        margin-top: 32px
    }
}

@media (min-width:1280px) {

    [wsop-champions-main-event] .v-html,
    [wsop-champions-main-event]>.content:before,
    [wsop-champions-main-event]>h3 {
        margin-right: 410px
    }

    [wsop-champions-main-event] .history {
        margin-top: 28px
    }

    [wsop-champions-main-event] .history [accordion-view] .item .year {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }

    [wsop-champions-main-event] .history [accordion-view] .item h5 {
        margin-top: 10px
    }

    [wsop-champions-main-event] .history [accordion-view] .item h5+p {
        margin-top: 16px
    }

    [wsop-champions-main-event] .history [accordion-view] .item p {
        margin-top: 22px
    }

    [wsop-champions-main-event] .history [accordion-view]+[accordion-view] {
        margin-top: 56px
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [wsop-champions-main-event] .history [accordion-view] .item .year {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [wsop-champions-main-event] .history [accordion-view] .item .year {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

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

[wsop-intro] p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4
}

@media (min-width:768px) {
    [wsop-intro] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [wsop-intro] p {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[wsop-intro] p strong {
    color: #fff
}

[wsop-intro] .group p {
    margin-top: 8px
}

[wsop-intro] .container {
    display: flex;
    flex-direction: column;
    gap: 24px
}

[wsop-intro] ._text-content.article-content h4 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [wsop-intro] ._text-content.article-content h4 {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [wsop-intro] ._text-content.article-content h4 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[wsop-intro] [article-content]>h3:after {
    display: none !important
}

[wsop-intro] .wi-overview {
    padding: 24px;
    border-radius: 16px;
    background-color: #1e1e23
}

[wsop-intro] .wi-overview h3 {
    position: relative;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .66px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 48px
}

@media (min-width:768px) {
    [wsop-intro] .wi-overview h3 {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: .72px
    }
}

@media (min-width:1280px) {
    [wsop-intro] .wi-overview h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: .84px
    }
}

[wsop-intro] .wi-overview h3:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 24px;
    right: auto;
    top: auto;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, #52525b, transparent)
}

[wsop-intro] ._grid,
[wsop-intro] .wi-images {
    margin-top: 24px
}

[wsop-intro] ._grid img,
[wsop-intro] .wi-images img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px
}

[wsop-intro] ._grid {
    gap: 16px
}

@media (min-width:414px) {

    [wsop-intro] ._grid img,
    [wsop-intro] .wi-images img {
        max-width: 80%
    }
}

@media (min-width:768px) {
    [wsop-intro] .wi-overview {
        padding: 32px
    }

    [wsop-intro] ._grid img,
    [wsop-intro] .wi-images img {
        max-width: 60%
    }

    [wsop-intro] ._grid.center img:nth-child(3) {
        transform: translateX(50%)
    }

    [wsop-intro] ._grid.image img {
        width: 100%;
        height: auto;
        max-width: 100%
    }
}

@media (min-width:1280px) {
    [wsop-intro] .wi-overview {
        padding: 56px
    }

    [wsop-intro] ._grid {
        margin-top: 0;
        gap: 24px
    }

    [wsop-intro] ._grid.center img:nth-child(3) {
        transform: translateX(0)
    }

    [wsop-intro] .wi-images {
        margin-top: 0
    }

    [wsop-intro] .wi-images img {
        max-width: inherit
    }

    [wsop-intro] .image-left ._text-content,
    [wsop-intro] .image-right ._text-content {
        align-items: flex-start;
        gap: 72px;
        padding-top: 72px
    }

    [wsop-intro] .image-left .image,
    [wsop-intro] .image-left .wi-images,
    [wsop-intro] .image-right .image,
    [wsop-intro] .image-right .wi-images {
        flex: none
    }

    [wsop-intro] .image-left ._text-content {
        flex-direction: row-reverse
    }

    [wsop-intro] .image-right ._text-content {
        display: flex;
        flex-flow: row
    }
}

li:is(.special-feature, .withdrawal) {
    display: none;
}

a {
    text-decoration: none !important;
}

.my-4,
.mt-4 {
    margin-top: 1.5rem;
}

.my-4,
.mb-4 {
    margin-bottom: 1.5rem;
}

.button.lg {
    max-width: 350px;
    width: 100%;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.gap-3 {
    gap: 1rem;
}

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

.artical-contact-form .left-content h2 {
    font-size: 32px;
    margin-bottom: 1rem;
}

.artical-contact-form .left-content :is(h5, .h5) {
    color: #FFF;
    font-size: 22px;
}

.theme-label {
    display: block;
    color: #FFF;
    /* font-size: 18px; */
    margin-bottom: 6px;
}

.theme-control {
    border: none;
    background-color: #18181c;
    -webkit-border-radius: 0;
    display: block;
    color: #FFF;
    border-radius: 5px;
    border: none;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
}

.artical-contact-form {
    display: flex;
    align-items: center;
    gap: 35px 200px;
}

.right-content {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.right-content>div:nth-child(1),
.right-content>div:nth-child(2) {
    width: calc(50% - 8px);
}

.right-content>div:nth-child(3) {
    width: 100%;
}

.text-end {
    text-align: end;
}

.w-100 {
    width: 100%;
}

.button {
    padding: 12px 24px;
    border-radius: .25rem;
    min-width: 125px;
}

.button-primary {
    background: #d30000;
    color: #fff;
}

.error {
    color: #d30000 !important;
    font-size: 14px;
}

@media (max-width: 991px) {
    .artical-contact-form {
        flex-wrap: wrap;
    }
}

/* GTranslate */
.gt-lang-code {
    font-size: 11pt !important;
}

.gt-current-lang img {
    width: 25px !important;
}

.gt-current-lang {
    padding: 5px 8px !important;
}

.gt_options a {
    font-size: 11pt !important;
    padding: 8px 10px !important;
    text-align: left !important;
}

.gt_options a img {
    width: 25px !important;
}

.gt_float_switcher {
    font-size: 16px !important;
}

.gt_options {
    position: absolute !important;
    background: white !important;
}

.gt_languages a.glink.nturl span {
    color: #000;
}

.gtranslate_wrapper {
    line-height: 1 !important;
}

.gtranslate_wrapper .gt-current-lang {
    padding: 0 !important;
}

.gtranslate_wrapper .gt_float_switcher {
    box-shadow: unset !important;
    background-color: transparent !important;
}

.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang {
    color: #FFF !important;
    display: flex;
    gap: 5px;
}

.gtranslate_wrapper .gt_float_switcher .gt-selected {
    background-color: transparent !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23FFF'/></svg>") !important;
}

.gt_float_switcher .gt-selected {
    z-index: unset !important;
}

[blog-view] .blog-post-header {
    padding-top: 40px
}

[blog-view] .blog-post-header .top {
    color: #737373;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 32px
}

[blog-view] .blog-post-header .category {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #a3a3a3;
    margin-bottom: 8px
}

@media (min-width:768px) {
    [blog-view] .blog-post-header .category {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-header .category {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[blog-view] .blog-post-header .title {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px
}

@media (min-width:768px) {
    [blog-view] .blog-post-header .title {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-header .title {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[blog-view] .blog-post-header .posted {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #a3a3a3;
    margin-bottom: 24px
}

@media (min-width:768px) {
    [blog-view] .blog-post-header .posted {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-header .posted {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[blog-view] .blog-post-header .posted strong,
[blog-view] .blog-post-header .posted time {
    font-weight: 500;
    color: #fff
}

[blog-view] .blog-post-header .posted a {
    text-decoration: underline
}

[blog-view] .blog-post-header .post-img {
    background: hsla(0, 0%, 100%, .03);
    margin-bottom: 24px
}

[blog-view] .blog-post-header .post-img img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 100%
}

[blog-view] .blog-post-contents h1 {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    color: #fff;
    text-transform: inherit;
    margin-top: 32px;
    margin-bottom: 24px
}

@media (min-width:768px) {
    [blog-view] .blog-post-contents h1 {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents h1 {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

[blog-view] .blog-post-contents h2 {
    font-size: 26px;
    line-height: 34px;
    letter-spacing: .78px;
    font-weight: 500;
    color: #fff;
    margin-top: 32px;
    margin-bottom: 24px
}

@media (min-width:768px) {
    [blog-view] .blog-post-contents h2 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: .9px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents h2 {
        font-size: 42px;
        line-height: 48px;
        letter-spacing: 1.26px
    }
}

[blog-view] .blog-post-contents sup {
    font-size: 12px;
    margin-left: 2px
}

[blog-view] .blog-post-contents img {
    -o-object-fit: contain;
    object-fit: contain
}

[blog-view] .blog-post-contents p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .48px;
    font-weight: 400;
    color: #d4d4d4;
    margin-bottom: 20px;
    line-height: 1.6 !important
}

@media (min-width:768px) {
    [blog-view] .blog-post-contents p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .48px
    }
}

[blog-view] .blog-post-contents p em {
    font-style: italic
}

[blog-view] .blog-post-contents p strong {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .54px;
    font-weight: 500;
    font-weight: 400;
    color: #fff
}

@media (min-width:768px) {
    [blog-view] .blog-post-contents p strong {
        font-size: 18px;
        line-height: 24px;
        letter-spacing: .54px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents p strong {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: .6px
    }
}

[blog-view] .blog-post-contents p a {
    font-weight: 500;
    color: #fff;
    text-decoration: underline
}

[blog-view] .blog-post-contents h2 img,
[blog-view] .blog-post-contents p img {
    display: block;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    border-radius: 16px;
    height: auto;
    max-height: none
}

[blog-view] .blog-post-contents ul {
    margin-bottom: 20px
}

[blog-view] .blog-post-contents ul>li {
    position: relative;
    padding-left: 22px
}

[blog-view] .blog-post-contents ul>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 7px;
    top: 7px;
    right: auto;
    bottom: auto;
    width: 4px;
    height: 4px;
    border: 2px solid #737373;
    border-radius: 8px
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents ul>li {
        padding-left: 24px
    }
}

[lang=ar] [blog-view] .blog-post-contents ul>li {
    padding-right: 22px
}

[lang=ar] [blog-view] .blog-post-contents ul>li:before {
    right: 7px;
    top: 7px;
    left: auto;
    bottom: auto
}

@media (min-width:1280px) {
    [lang=ar] [blog-view] .blog-post-contents ul>li {
        padding-right: 24px
    }
}

[blog-view] .blog-post-contents figure {
    margin-top: 32px;
    margin-bottom: 32px
}

[blog-view] .blog-post-contents figure img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

[blog-view] .blog-post-contents figure figcaption {
    display: block;
    text-align: center;
    margin-top: 8px
}

[blog-view] .blog-post-contents.icon {
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, .2);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px)
}

[blog-view] .blog-post-contents.icon i {
    font-size: 24px !important
}

[blog-view] .blog-post-contents.icon i.icon-arrow_left_24.up {
    transform: rotate(90deg)
}

[blog-view] .blog-post-contents .btn-cta,
[blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;
    height: 48px;
    padding-top: 0;
    padding-right: 24px;
    padding-bottom: 0;
    padding-left: 24px;
    gap: 8px;
    border-radius: 80px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    font-weight: 500;
    background-color: #d30000;
    text-decoration: none
}

[blog-view] .blog-post-contents .btn-cta br,
[blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] br {
    display: none
}

.no-touch [blog-view] .blog-post-contents .btn-cta:hover:not(.hover-disable),
.no-touch [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"]:hover:not(.hover-disable) {
    background-color: #c00000;
    border: 0
}

.no-touch [blog-view] .blog-post-contents .btn-cta:active:not(.hover-disable),
.no-touch [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"]:active:not(.hover-disable) {
    background-color: #960000
}

[blog-view] .blog-post-contents table {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .42px;
    font-weight: 400;
    color: #d4d4d4;
    overflow: hidden;
    border-bottom: 1px solid #24242a
}

@media (min-width:768px) {
    [blog-view] .blog-post-contents table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[blog-view] .blog-post-contents table thead th {
    padding-top: 0;
    padding-right: 32px;
    padding-bottom: 0;
    padding-left: 32px;
    height: 48px;
    background-color: #24242a;
    white-space: nowrap
}

[blog-view] .blog-post-contents table thead th:first-child {
    border-radius: 8px 0 0 8px
}

[blog-view] .blog-post-contents table thead th:last-child {
    border-radius: 0 8px 8px 0
}

[blog-view] .blog-post-contents table thead th:only-child {
    border-radius: 8px
}

[blog-view] .blog-post-contents table tbody td,
[blog-view] .blog-post-contents table tbody th {
    padding: 8px;
    text-align: center;
    color: #fff
}

[blog-view] .blog-post-contents table+p {
    text-align: center;
    margin-top: 8px
}

@media (min-width:768px) {

    [blog-view] .blog-post-contents table tbody td,
    [blog-view] .blog-post-contents table tbody th,
    [blog-view] .blog-post-contents table thead th {
        padding: 12px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents table table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px;
        border-radius: 0;
        overflow: visible
    }

    [blog-view] .blog-post-contents table thead th {
        background-color: #232326;
        border-bottom: 2px solid #000
    }

    [blog-view] .blog-post-contents table tbody td,
    [blog-view] .blog-post-contents table tbody th {
        background-color: #1e1e22
    }
}

@media (min-width:1280px) and (min-width:768px) {
    [blog-view] .blog-post-contents table table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

@media (min-width:1280px) and (min-width:1280px) {
    [blog-view] .blog-post-contents table table {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: .42px
    }
}

[blog-view] .blog-post-contents blockquote p {
    font-size: 32px;
    line-height: 42px;
    letter-spacing: .96px;
    font-weight: 700;
    font-weight: 500;
    color: #fff;
    text-transform: inherit;
    font-style: italic;
    line-height: 1.6
}

@media (min-width:768px) {
    [blog-view] .blog-post-contents blockquote p {
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 1.26px
    }
}

@media (min-width:1280px) {
    [blog-view] .blog-post-contents blockquote p {
        font-size: 48px;
        line-height: 58px;
        letter-spacing: 1.44px
    }
}

[blog-view] .blog-post-contents iframe {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block
}

@media (min-width:768px) {
    [blog-view] .blog-post-header {
        padding-top: 72px
    }

    [blog-view] .blog-post-header .posted {
        display: flex;
        align-items: center
    }

    [blog-view] .blog-post-header .posted>div+div:before {
        content: "/";
        display: inline-block;
        margin-left: 4px;
        padding-right: 4px
    }

    [blog-view] .blog-post-header .title {
        margin-bottom: 16px
    }

    [blog-view] .blog-post-header .top {
        margin-bottom: 40px
    }

    [blog-view] .blog-post-contents .btn-cta,
    [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] {
        max-width: 50%
    }
}

@media (min-width:1280px) {

    [blog-view] .blog-post-contents .btn-cta,
    [blog-view] .blog-post-contents a[href^="https://click.ggpartners.com"] {
        max-width: 40%
    }
}

.comment-wrap {
    margin-top: 70px;
}