* {     -webkit-tap-highlight-color: transparent; }*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {     all: unset;     display: revert; } a {     text-decoration-skip-ink: auto;    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);    -webkit-user-select: none;    -moz-user-focus: none;    -moz-user-select: none;} textarea {     white-space: revert; } table {     border-collapse: collapse; } @media (prefers-reduced-motion: reduce) {     *, *::before, *::after {         animation-duration: .01ms !important;         animation-iteration-count: 1 !important;         transition-duration: .01ms !important;         scroll-behavior: auto !important;     } }figure {    margin: 0;}html {     box-sizing: border-box;     width: 100%;    min-height: 100vh;    -webkit-text-size-adjust: 100%;    font-feature-settings: normal;    font-family:Montserrat, Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}html:focus-within {     scroll-behavior: smooth; } *, *::before, *::after {     box-sizing: inherit; }body {    width: 100%;    height: 100%;     min-height: 100vh;    font-family: Arial, Helvetica, sans-serif;    scroll-behavior: smooth;    overscroll-behavior: contain;    margin: 0;    padding: 0;    /*font-family: 'Montserrat', sans-serif;*/    font-weight: 400;}img {     max-width: 100%;     height: auto;     display: block;     aspect-ratio: attr(width) / attr(height) } ol, ul {    list-style: none outside none;}/* 定义变量 */:root {    color-scheme: light dark;     /* CSS colors */    --black: #000;    --white: #fff;    --gray: #BCBCBC;    /* background color*/    --bg-primary-color: #05061C;    --bg-second-color: #081834;    --bg-tertiary-color: #23347A;        /* Text Colors */    --primary-color: #FFD76A;    --second-color: #8E95D7;    --tertiary-color: #B4D5FF;    /* Border Color */    --border-primary-color: #FFCB2D;    --border-second-color: #2B2E61;    --border-tertiary-color: #404362;    /* Link Color */    --text-link-color:#37428B;    --sub-menu-color:#8B8FAA;    --bg-link-color: var(--white);    --bg-link-subnav-active: #DCE4F6;    --bg-link-active: #293370;    /* Size */    --size-1: 2px;    --size-2: 4px;    --size-3: 6px;    --size-4: 8px;    --size-5: 10px;    --size-6: 12px;    --size-7: 14px;    --size-8: 16px;    --size-9: 18px;    --size-10: 20px;    --size-11: 22px;    --size-12: 24px;    --size-13: 26px;    --size-14: 28px;    --size-15: 30px;    --size-16: 32px;    --size-17: 36px;    --size-18: 40px;    /* Border Radius */    --pill: 999rem;}/* Mobile Style*/body {    --linear-star-color: var(--bg-primary-color);    --linear-stop-color: #05061C;    background: linear-gradient(to bottom, var(--linear-star-color), var(--linear-stop-color));    color: var(--white);    font-size: 0.875rem;    display: flex;    flex-direction: column;}.container {    width: 100%;    max-width: 960px;    margin-left: auto;    margin-right: auto;    padding-left: var(--size-10);    padding-right: var(--size-10);}/* Header Style*/header {    --bg-header-color: #0E0F2F;    background-color: var(--bg-header-color);    position: sticky;    top: 0;    z-index: 999;}header .container {    height: 3.75rem;    padding-top: var(--size-8);    padding-bottom: var(--size-8);    display: flex;    justify-content: flex-start;    align-items: center;    position: relative;}.logo {    /*display: block;*/    max-height: 115px;    display: none;    justify-content: center;    align-items: center;}header .hamburger--logo {    display: block;    flex-shrink: 0;}header .hamburger--logo img {    height: 30px;}.hamburger {    position: absolute;    right: var(--size-10);}.hamburger.open::before {    margin-top: 3.75rem;    content: "";    position: fixed;    top: 0;    bottom: -3.75rem;    right: 0;    left: 0;    background-color: rgb(0 0 0 / .6);    z-index: 1;}.hamburger__bar {    position: absolute;    right: 0;    top: 50%;    transform: translateY(-50%);    width: var(--size-14);    aspect-ratio: 1;    display: flex;    flex-direction: column;    gap: var(--size-3);    justify-content: center;    z-index: 2;}.hamburger__bar > span {    display: inline-flex;    width: 100%;    height: 2px;    border-radius:var(--pill);    background-color: currentColor;    color: var(--white);    transform-origin: center;    /*transition: all .7s ease;*/}.open .hamburger__bar span:nth-child(1) {    /*transform: translateY(10px) rotateZ(45deg);*/}  .open .hamburger__bar span:nth-child(3) {    /*transform: translateY(-10px) rotateZ(-45deg);*/}  .open .hamburger__bar span:nth-child(2) {    /*width: 0;*/}.nav--pc {    display: none;}.hamburger__nav {    display: none;}.open .hamburger__nav {    display: block;    position: absolute;    right: -20px;    top: 30px;    min-width: 60vw;    min-height: calc(100vh - 34px);    z-index: 999;    background-color: var(--bg-link-color);    color: var(--text-link-color);}.open .hamburger__nav{    display: flex;    flex-direction: column;}.hamburger__nav a,.hamburger__nav span {    display: flex;    align-items: center;    padding: var(--size-7)  var(--size-10);    white-space: nowrap;    border-bottom: 1px solid #F4F6FA;}.hamburger__subnav a {    display: flex;    align-items: center;    padding: var(--size-7)  var(--size-10);    white-space: nowrap;    border-bottom: 1px solid #F4F6FA;    justify-content: center;}.hamburger__nav ul > li > a,.hamburger__nav ul > li > span {    text-transform: uppercase;}.hamburger__nav .active {    background-color: var(--bg-link-active);    color: var(--white);}.hamburger__subnav a {    text-transform: capitalize !important;    color: var(--sub-menu-color);}.hamburger__subnav .active a {    color: var(--text-link-color);    background-color: var(--bg-link-subnav-active);}.has__submenu svg {    display: block;    width: 1em;    height: 1em;    margin-left: auto;    transform-origin: center;    transition: all .2s linear;}.has__submenu span {    display: flex;    align-items: center;}.has__submenu > ul {    display: none;}.has__submenu.open > ul {    display: block;}.has__submenu.open > span svg {    transform: rotate(180deg);}.has__submenu  img  {    max-width: 1.25rem;    margin-right: var(--size-4);    display: none;}/* Banner Style */.banner .container {    padding: 0;    margin-bottom: var(--size-15);    max-width: none;}.banner picture {    margin: 0;    padding: 0;    display: block;    width: 100%;}.banner picture source,.banner picture img {    display: block;    width: 100%;    height: auto;}/* Main Style*/main {    flex: 1 1 0%;    min-height: 0;}main .container {    display: flex;    flex-direction: column;    gap: var(--size-15);}/* Section */.section__heading {    display: flex;    flex-direction: column;    align-items: center;    gap: var(--size-6);    color: var(--white);    font-size: 14px;    text-transform: capitalize;    text-align: center;}.section__heading__top {    display: flex;    flex-direction: column;    align-items: center;    gap: var(--size-6);    color: var(--white);    font-size: 14px;    text-transform: capitalize;    text-align: center;}.section__heading__top h3 {    color: var(--primary-color);    font-size: var(--size-8);    font-weight: 700;}.page--responsible .container .section__heading {    display: flex;    flex-direction: column;    align-items: center;    gap: var(--size-6);    color: var(--white);    font-size: 14px;    text-transform: capitalize;    text-align: left;}.section__heading h3 {    color: var(--primary-color);    font-size: var(--size-8);    font-weight: 700;}.section--download .section__heading h3 {    display: none;}.download--actions--left h3 {    color: var(--primary-color);    font-size: var(--size-8);    font-weight: 700;}.section--download .download--left--section__body{    font-size: 13px;    /*gap: var(--size-6);*/    display: block;    /*padding-right: 100px;*/    /*padding-left: 100px;*/    align-content: center;}.download--left--section__body .first--tips{    padding-left: 1px;}.download--left--section__body .thr--tips{    padding-top: 5px;    text-align: center;}.download--left--section__body .after--tips{    padding-left: 0px;    padding-top: 5px;}.download--left--section__body figure{    padding-top: 10px;    /*margin-left: 50px;*/    width: 60%;    display: none;}.download--left--section__body figure img{    display:flex;    justify-content:center;    text-align: center;    margin-left: 34%;    /*text-align: center;*/}.download--left--section__body .download--link a{    padding-top: 10px;    /*margin-left: 50px;*/    text-align: center;}.swiper-pagination {    left: 50%;    transform: translate3d(-50%, 0, 0);    display: flex;    justify-content: center;    align-items: center;    gap: var(--size-4);    bottom: 10px;}.swiper-pagination .swiper-pagination-bullet {    opacity: 1;    background-color: #B1B8D9;    width: 6px;    height: 6px;}.swiper-pagination .swiper-pagination-bullet-active {    background-color: #273572;}/* Section Down */.section--download {    display: flex;    flex-direction: column;    border: 1px solid #817344;    border-radius: var(--size-4);    background: url('../images/bg-download.jpg') no-repeat center;    background-size: cover;    padding: var(--size-10) var(--size-10);    margin-top: -13px;    align-items: center;    gap: var(--size-12);}.section--download .section__heading p {    display: flex;    flex-direction: column;    align-items: center;    padding-bottom: 15px;}.section--download .section__body {    display: flex;    flex-direction: column;    align-items: center;    gap: var(--size-10);}.section--download .section__body .section__body-img {    width: 90%;}.origin__section__body-img {    width: 80%;    margin-left: 10%;}.download--content {    display: flex;    flex-direction: column;    gap: var(--size-12);    align-items: center;}.download {    display: flex;    justify-content: center;    gap: var(--size-7);}.download--qrcode {    flex-basis: 70px;    background-color: var(--white);    color: var(--black);    padding: var(--size-3);    display: flex;    flex-direction: column;    align-items: center;    border-radius: var(--size-2);}.download--qrcode figcaption {    white-space: nowrap;    text-align: center;    font-size: var(--size-8);    text-transform: capitalize;}.download--actions {    display: flex;    flex-direction: column;    justify-content: space-between;    flex: 1;    min-width: 0;    gap: var(--size-5);}.download .button {    display: flex;    min-height: 34px;    border-radius: var(--size-2);    position: relative;    background-color: var(--white);    color: var(--black);    padding: var(--size-4) var(--size-10);    font-size: var(--size-7);    text-transform: capitalize;    flex: 1 1 50%;    align-items: center;    justify-content: center;    gap: var(--size-10);    max-width: 184px;}.download .button__badge {    position: absolute;    /*font-size: 6px;*/    top: 0;    right: 0;    display: inline-flex;    justify-content: center;    align-items: center;    white-space: nowrap;    color: var(--white);    background: #008759;    border-radius: 0px var(--size-2) 0px var(--size-3);    padding: var(--size-1);    display: none;    z-index: 3;}.download .button--google-play {    background-color: #0E9D6C;    color: var(--white);}.download svg {    display: block;    width: 1em;    height: 1em;    font-size: 44px;}.download .download--actions.has--coming-soon .button__badge {    display: block;}.download .download--actions.has--coming-soon .button::before {    content:"";    position: absolute;    inset: 0;    width: 100%;    height: 100%;    border-radius: var(--size-2);    background-color: rgb(0 0 0 / .6);    z-index: 2;}.download--link a {    display: flex;    justify-content: center;    align-items: center;    color: #FF9731;    text-transform: capitalize;    text-decoration: underline;    text-underline-offset: 5px;}/* Section Features */.section--features {    display: flex;    flex-direction: column;    gap: var(--size-10);    padding-bottom: var(--size-18);    position: relative;}.section--features img {    border-radius: var(--size-4);    width: calc(100% - 4px);    height: auto;    object-fit: cover;    object-position: center;    border: 1px solid #817344;}/* About Us Section*/.section--about-us {    display: flex;    flex-direction: column;    gap: var(--size-10);    position: relative;    padding-bottom: var(--size-18);}.media {    border: 1px solid var(--border-primary-color);    border-radius: var(--size-2);    background: url('../images/bg-about-us.jpg') no-repeat center;    background-size: cover;    overflow: hidden;    padding: var(--size-10);    display: flex;    align-items: center;    gap: var(--size-10);    height: 100%;    min-height: 105px;}.media__object {    display: flex;    flex-direction: column;    align-items: center;    white-space: nowrap;    gap: var(--size-3);}.media figure {    width: 56px;    aspect-ratio: 1;    border-radius: 50%;    display: flex;    justify-content: center;    align-items: center;}.media__object img {    border-radius: 50%;    aspect-ratio: 1;    object-fit: cover;    object-position: center;}.media figcaption {    text-transform: capitalize;    font-size: 12px;    white-space: inherit;}.media__body {    flex: 1 1 0%;    min-width: 0;}.media .rating {    display: flex;    align-items: center;    gap: var(--size-5);    font-weight: 700;    padding-bottom: 6px;}.rating ul {    display: flex;    align-items: center;    gap: var(--size-3);}.rating li {    display: flex;    justify-content: center;    align-items: center;    width: var(--size-5);    aspect-ratio: 1;}.rating img {    aspect-ratio: 1;    object-fit: contain;    object-position: center;}.media__body p {    font-size: 12px;    overflow : hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 6;    -webkit-box-orient: vertical;    letter-spacing: 1px;    hyphens: auto;}/* Section QA */.section--qa {    display: flex;    flex-direction: column;    gap: var(--size-5);}.accordion {    display: flex;    flex-direction: column;    gap: var(--size-3);}.accordion--card {    /*--bg-accordion-card: #181A35;*/    --bg-accordion-card: #1a1c32;    --border-accordion-card: #1d1f3c;    padding: var(--size-6);    background-color: var(--bg-accordion-card);    border: 1px solid var(--border-accordion-card);    border-radius: var(--size-2);    display: flex;    flex-direction: column;    gap: var(--size-3);}.accordion--card .text-p {    width: 80%;    color: #bdc3f2;}.accordion--card .accordion__body > p {    color: #ffffff;}.accordion--card .accordion__header img {    width: 15px;    /*height: 18px;*/}.accordion--card:nth-child(even) {    /*--bg-accordion-card: #2F3256;*/    --bg-accordion-card: #1e203a;    --border-accordion-card: #22243F;}.accordion__body {    display: none;    opacity: 0;    transition: all .2s ease;    padding-left: var(--size-16);    padding-right: var(--size-16);    color: #BCBCBC;    font-size: 12px;    transform: scale(0);    transform-origin:left top;}.accordion__header {    display: flex;    align-items: center;    gap: var(--size-5);    font-weight: 700;}.accordion .icon--notes {    width: 1.25em;    height: 1.25em;}.accordion .icon--arrow {    width: 1em;    height: 1em;    margin-left: auto;    transform-origin: center;    transition: all .2s linear;}.accordion--card.active .accordion__body {    display: block;    opacity: 1;    transform: scale(1);}.accordion--card.active .icon--arrow {    transform: rotate(180deg);}/* Footer */footer {    margin-top: var(--size-6);}footer .container {    display: flex;    flex-direction: column;    gap: var(--size-15);}footer .section__heading {    display: flex;    align-items: center;    justify-content: space-between;    flex-direction: row;    gap: var(--size-10);    font-size: 14px;    color: #D4DAE3;}footer .section__heading::before,footer .section__heading::after {    content: '';    display: block;    height: 1px;    background-color: #1D2C47;    flex: 1 1 0%;    min-width: 0;;}/* Section Disclaimer*/.section--disclaimer {    display: flex;    flex-direction: column;    gap: var(--size-14);}.section--disclaimer .section__heading img {    max-width: 56px;}.section--disclaimer .section__body {    text-align: center;    color: #8E95D7;    font-size: 10px;}/* Section Quick Links */.section--quick-links {    display: flex;    flex-direction: column;    gap: var(--size-6);}.section--quick-links .section__heading h3 {    font-size: 14px;    color: #D4DAE3;}.section--quick-links ul {    display: flex;    flex-wrap: wrap;    gap: var(--size-5) var(--size-10);}.section--quick-links li {    flex: 1 1 calc(100% / 3);}.section--quick-links a {    display: block;    text-transform: uppercase;    text-decoration: underline;    font-size: 12px;    color: #B4D5FF;    white-space: nowrap;}.section--quick-links a:hover {    opacity: .9;}/* Footer Intro */.section--other-intro {    display: flex;    flex-direction: column;    gap: var(--size-10);}.section--other {    display: flex;    flex-direction: column;    gap: var(--size-6);}.section--other h4 {    display: flex;    align-items: center;    gap: var(--size-10);    font-size: 14px;    color: #D4DAE3;    font-weight: 700;    text-transform: capitalize;}.section--other h4::before,.section--other h4::after {    content: '';    display: block;    height: 1px;    background-color: #1D2C47;    flex: 1 1 0%;    min-width: 0;;}/* Security Certificates & Payment Partners*/.security-certificates ul,.payment-partners ul {    display: flex;    flex-wrap: wrap;    justify-content: center;    gap: var(--size-3);}.security-certificates li,.payment-partners li {    max-width: 56px;    height: 26px;    border-radius: var(--size-1);    overflow: hidden;}.security-certificates img,.payment-partners img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;    border-radius: var(--size-1);}/*Follow Us*/.follow-us ul {    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;    gap: var(--size-3);}.follow-us li {    max-width: 32px;    aspect-ratio: 1;    border-radius: var(--size-3);    overflow: hidden;}.follow-us img {    width: 100%;    height: 100%;    border-radius: var(--size-3);    object-fit: cover;    object-position: center;}/* Footer Info */.footer--info {    display: flex;    align-items: center;    justify-content: center;    padding: var(--size-8) 0;    font-size: 10px;}.footer--tips--info {    display: flex;    flex-direction: column;    text-align: center;    color: #8E95D7;    font-size: 10px;    align-items: center;    justify-content: center;    padding-top: 2rem;}@media only screen and (min-width: 400px){    .download--actions  {        flex: none;    }}/* Tablet Layout */@media only screen and (min-width: 768px) {    .download--actions  {        flex: none;    }    .section--quick-links li {        flex: 1 1 calc(100% / 5);    }}/* Desktop Layout */@media only screen and (min-width: 1024px) {    .container {        padding-left: 0;        padding-right: 0;    }    a {        cursor:pointer;    }    .hamburger {        display: none;    }    header .container {        justify-content: flex-start;        gap: 10px;        padding-top: 0;        padding-bottom: 0;    }    header .logo {        width: 15%;        display: block;        flex-shrink: 0;    }    header .hamburger--logo {        display: none;    }    .nav--pc {        display: block;        flex: 1 1 0%;    }    .nav--pc ul {        display: flex;        align-items: center;        gap: 2px;    }    .nav--pc li {        display: flex;        justify-content: center;        align-items: center;        position: relative;        width: 100%;        cursor: pointer;    }    .nav--pc a {        display: flex;        justify-content: center;        align-items: center;        padding: 0 var(--size-10);        text-transform: uppercase;        white-space: nowrap;        min-height: 44px;        width: 100%;        cursor: pointer;    }    .nav--pc .active a,    .nav--pc a:hover {        background-color: #23347A;    }    .nav--pc .downdrop span {        background-color: #0A2047;        display: flex;        align-items: center;        border-radius: var(--size-16);        padding: var(--size-3) var(--size-6);        text-transform: uppercase;        color: #6F82C0;    }    .nav--pc .downdrop .icon--arrow {        width: 1em;        height: 1em;        margin-left: 1rem;        transform-origin: center;        transition:  all .2s linear;    }    .nav--pc .downdrop.open .icon--arrow {        transform: rotate(180deg);    }    .downdrop ul  {        display: none;    }    .downdrop.open ul {        display: block;        position: absolute;        right: 0;        top: calc(100% + 10px);        background-color: #0A2047;        border-radius: var(--size-3);        display: flex;        flex-direction: column;        align-items: flex-start;        filter: drop-shadow(1px 2px 4px rgb(0 0 0 / .5));    }    .downdrop.open ul::before {        content: "";        background-color: #0A2047;        display: block;        width: var(--size-5);        aspect-ratio: 1;        clip-path: polygon(50% 0, 100% 100%, 0 100%);        bottom: 100%;        left: 50%;        transform: translate(-50%, 0);        position: absolute;    }    .downdrop.open li img {        max-width: 1.25rem;        margin-right: var(--size-4);        display: none;    }    .downdrop.open li:first-child a{        border-radius: var(--size-3) var(--size-3) 0 0;    }    .downdrop.open li:last-child a{        border-radius:  0 0 var(--size-3) var(--size-3);    }    .downdrop li a {        display: flex;        justify-content: flex-start;    }    .downdrop.open .active a,    .downdrop.open a:hover {        background-color: #23347A;    }    .section--quick-links li {        flex: 1 1 calc(100% / 7);    }    .section--download {        position: relative;        margin-top: 60px;        /*height: 500px;*/    }    .download--content {        /*padding-bottom: 185px;*/        /*margin-right: 60px;*/    }    .download--content--left {        /*padding-bottom: 27px;*/        margin-top: 65px;    }    .section--download .section__body {        display: flex;        /*flex-direction: column;*/        align-items: center;        gap: var(--size-10);    }    .download--actions--left p {        display: flex;        flex-direction: column;        align-items: center;        /*margin-bottom: 60px;*/    }    .section--download .download--left--section__body{        /*margin-bottom: -10px;*/        margin-left: 10px;        font-size: 13px;        /*gap: var(--size-6);*/        display: block;        /*padding-right: 100px;*/        /*padding-left: 100px;*/        align-content: center;    }    .download--actions--left span {        font-size: 15px;        /*padding-left: 55px;*/    }    /*.download--left--section__body .mobile--title{*/    /*    display: none;*/    /*}*/    /*.download--left--section__body .pc--title{*/    /*    display: block;*/    /*}*/    .download--left--section__body figure img{        display:flex;        justify-content:center;        text-align: center;        margin-left: 0%;        /*text-align: center;*/    }    .download--left--section__body .first--tips{        padding-top: 44px;        padding-left: 38px;    }    .download--left--section__body .thr--tips{        padding-top: 5px;        text-align: unset;        padding-left: 38px;    }    .download--left--section__body .after--tips{        padding-top: 5px;        padding-left: 38px;    }    .download--left--section__body .download--link a {        justify-content: unset;        margin-left: 107px;        padding-top: 0px;    }    .download--left--section__body figure{        padding-top: 22px;        width: 90%;        margin-left: 0px;        display: block;    }    .section--download .section__body .section__body-img {        /*margin-bottom: 20px;*/        width: 50%;        /*max-width: 100%;*/    }    .section--download .section__heading strong {        font-size: 38px;        max-width: 15ch;        /*padding-top: 18px;*/        /*padding-left: 40px;*/    }    .section--download .section__heading h3 {        position: absolute;        bottom: calc(100% + 20px);    }    .section--download .section__heading h3 {        display: block;    }    /*.section--download .section__heading--h h3 {*/    /*    position: absolute;*/    /*    bottom: calc(100% + 20px);*/    /*}*/    .section--download .section__body {        width: 100%;        flex-direction: row-reverse;        align-items: center;    }    .section--other-intro {        gap: 0;    }    .section--download figure {        flex: 1 1 77%;    }    .section--download .section__heading p {        position: absolute;        top: 40px;        left: 70px;        text-transform: uppercase;        text-align: left;        align-items: flex-start;    }    .section--download .section__heading .section__span {        text-transform: none;    }    .section--other-intro {        flex-direction: row;        justify-content: space-between;    }    .section--other {        align-items: flex-start;        padding: 0px 30px;        border-left: 1px solid #1D2C47;    }    .section--other:last-child {        border-right: 1px solid #1D2C47;    }    .section--other h4::before, .section--other h4::after {        content: none;    }    .security-certificates.section--other {        order: 2;        flex: 3;    }    .follow-us.section--other {        order: 3;        flex: 1;    }    .payment-partners.section--other {        flex: 2;    }    .section--other ul {        justify-content: flex-start;    }}/** * Page Download */.page--download main {    width: 100%;    overflow-x: hidden;    display: flex;    flex-direction: column;    gap: var(--size-15);}.page--download main .container {    gap:0;}.page--download .section--download {    margin-left: var(--size-10);    margin-right: var(--size-10);    max-width: 960px;}.section--download .container {    padding-left: 0;    padding-right: 0;    gap: var(--size-8) !important;}.page--download .download {    flex-direction: column;    align-items: center;}.page--download .section--download .section__heading {    /*text-transform: uppercase;*/    font-size: 16px;}.page--download .download--actions .button {    max-width: 250px;}.download--apk-qrcode {    display: flex;    justify-content: center;    gap: 10px;}.download--apk-qrcode > * {    min-width: 132px;    max-height: 120px;}.download--apk {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    background-color: #fff;    border-radius: 4px;    padding: 10px 8px;    gap: 5px;}.download--apk .button {    min-height: 30px;    background-color: #008759;    border-radius: 2px;    color: #fff;    text-transform: capitalize;    font-size: 12px;    flex: none;    width: 90%;    padding: 0;}/* Section Download Platform */.page--download .section--download-platform .section__heading {    text-transform: capitalize;    margin-bottom: 15px;}.section--download-platform {    margin-left: -20px;    margin-right: -20px;    position: relative;}.section--download-platform .section__body {    padding-bottom: 40px;    position: relative;}.card--download-platform {    display: flex;    flex-direction: column;    gap: 10px;    align-items: center;    text-transform: uppercase;    color: #BCBCBC;    font-size: 10px;    text-align: center;}.card--download-platform h5 {    color: #fff;}.card--download-platform figure {    position: relative;    border-radius: 2px;    overflow: hidden;}.card--download-platform figure img {    border-radius: 2px;}.card--download-platform button {    display: inline-flex;    justify-content: center;    align-items: center;    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    /* background-color: #D9D9D9; */    border: 1px solid #fff;    border-radius: 2px;    font-size: 10px;    font-weight: 700;    min-height: 24px;    padding: 0 10px;    z-index: 2;    color: #fff;}.card--download-platform.has--coming-soon figure::before {    content: "";    position: absolute;    top: 0;    bottom: 0;    right: 0;    left: 0;    background-color: rgb(0 0 0 / .7);    border-radius: 2px;    z-index: 1;    width: 100%;    height: 100%;}.page--download .section--features .container,.page--download .section--qa .container {    gap: var(--size-12);}.page--download footer {    margin-top: var(--size-16);}@media only screen and (min-width: 768px) {    .page--download .section--download {        position: relative;        margin-top: 60px;        gap: 0;        padding-top: 25px;        padding-bottom: 70px;            }    .section__heading__top {        display: none;    }    .page--download .section--download .container {        gap: 0 !important;    }    .page--download .section--download .section__heading h3{        position: absolute;        bottom: calc(100% + 20px);    }    .page--download .download {        flex-direction: row;        justify-content: center;        align-items: stretch;        width: 100%;        gap: 60px;    }     .download--apk-qrcode {        justify-content: flex-start;        flex: 0 1 0%;        gap: 60px;    }}@media only screen and (min-width: 1024px) {    .page--download .section--download {        margin-left: auto;        margin-right: auto;    }    .page--download .download {        gap: 120px;    }     .download--apk-qrcode {        gap: 90px;    }    .section--download-platform {        margin-left: 0;        margin-right: 0;        background-color: #17152A;        padding-top: 40px;        padding-bottom: 40px;    }    .section--download-goole-apple {        background-color: #17152A;        padding-top: 40px;        padding-bottom: 40px;    }    .page--download .section--features {        background-color: #17152A;        padding-top: 40px;        padding-bottom: 80px;    }    .page--download .section--features .swiper-pagination {        bottom: 40px;    }    .media__body .star {        transform: scale(1.2);    }    .media__body .star__score {        transform: scale(1.2);    }}/** * Share Page */.page--share main {    background-color: #B4D5FF;    color: #000;    display: flex;}.page--share main .container {    background-color: #fff;}.main--sidebar {    display: none;}/* main content */.main--content {    display: flex;    flex-direction: column;    gap: 20px;}.main__hero {    order: -1;    margin-left: -20px;    margin-right: -20px;}.main__hero img {    width: 100%;}.main--content h1 {    font-size: 20px;    font-weight: 700;    color: #132A61;    text-transform: uppercase;    border-bottom: none;    padding-bottom: 0;    padding-top: 20px;}/*.guide__head_top {*//*    gap: 20px;*//*}*/.main--content .section {    display: flex;    flex-direction: column;    gap: 10px;}.main--content .section .section__heading {    align-items: flex-start;    font-size: 16px;    font-weight: 700;    color: #132A61;    text-transform: capitalize;}.main--content .section__heading h3 {    color: #132A61;}/* section friends */.section--friends .section__body{    display: flex;    justify-content: space-between;    gap: 16px;    font-size: 10px;}.section--friends .card--friend {    flex: 1 1 33.3333%;    display: flex;    flex-direction: column;    align-items: center;}.card--friend h4 {    text-align: center;    text-transform: capitalize;}.card--friend figure {    border-radius: 4px;    border: 2px solid #BDC8E5;    margin-bottom: 4px;    margin-top: 10px;    overflow: hidden;}.card--friend img {    border-radius: 2px;}.card--friend p {    display: flex;    align-items: center;    gap: 4px;    font-size: 8px;}.card--friend p span {    color: #E1670E;}/* section know more */.section--know-more dl {    display: flex;    flex-direction: column;    font-size: 12px;}.section--know-more dt {    display: flex;    align-items: flex-start;    gap: 5px;}.section--know-more dt::before {    content: "";    display: block;    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    flex-shrink: 0;    margin-top: 4px;}.section--know-more dd {    padding: 20px 40px;    display: flex;    justify-content: center;    align-items: center;}/* section--conditions */.section--conditions {    border-bottom: 1px solid #DADCE5;    padding-bottom: 20px;}.section--conditions ul {    font-size: 12px;    display: flex;    flex-direction: column;    gap: 6px;}.section--conditions li {    display: flex;    align-items: center;    gap: 5px;}.section--conditions li::before {    content: "";    display: block;    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    flex-shrink: 0;}/* section update time */.section--update-time p {    font-size: 14px;    color: #6F6F6F;}/* section share ad */.section--share-ad {    padding-bottom: 40px;    border-radius: 4px;    overflow: hidden;}.section--share-ad img {    border-radius: 4px;}/* nav--sidebar */.nav--sidebar {    display: flex;    flex-direction: column;}.nav--sidebar a {    display: flex;    align-items: center;    min-height: 44px;    padding: 14px;    font-size: 10px;    color: #374189;    text-transform: capitalize;    cursor: pointer;    font-weight: 700;}.nav--sidebar .active a,.nav--sidebar a:hover {    background-color: #293370;    color: #fff;}@media only screen and (min-width: 1024px) {    .page--share main .container {        gap: 0;    }    .main--sidebar {        display: block;        width: 176px;        border-right: 1px solid #DDE4F6;        flex-shrink: 0;    }    .page--share main .container {        flex-direction: row;    }    .main--content {        padding: 30px 40px;    }    .main__hero {        margin-left:0 ;        margin-right: 0;        order: 0;        border-radius: 8px;        overflow: hidden;    }    .main__hero img {        border-radius: 8px;    }    .main--content h1 {        border-bottom: none;        padding-bottom: 0;        padding-top: 0;    }    .section--know-more dd {        padding-left: 120px;        padding-right: 120px;    }}/* About Us */.section--about-us .section__body {    font-size: .875rem;}.section--about-us .section__body p + p {    margin-top: 20px;}/* Contact Us */.contact-us__lists {    display: flex;    flex-direction: column;    gap: 10px;    padding-bottom: 60px;}.text-rummy-textBlue2 {    --tw-text-opacity: 1;    color: #004bc7;    color: rgb(0 75 199/var(--tw-text-opacity));}.underline {    text-decoration-line: underline;}.contact-us__lists li {    display: flex;    align-items: center;    padding: 8px 10px;    background-color: #F0F6FF;    border: 1px solid #BDC8E5;    border-radius: 2px;    font-size: 10px;    color: #000000;    gap: 12px;}.contact-us__lists svg {    display: block;    width: 1em;    height: 1em;    font-size: 24px;    color: #132A61;}.contact-us__lists div {    width: 95%;}.contact-us__lists strong {    font-size: 12px;    color: #132A61;}/* Guide */.main__hero video {    display: block;    width: 100%;    max-width: 100%;    height: auto;}.section--rules-rummy .section__body {    display: flex;    flex-direction: column;    gap: 10px;}.section--rules-rummy h5 {    font-size: 12px;    font-weight: 700;}.section--rules-rummy dl {    display: flex;    flex-direction: column;    gap: 12px;}.section--rules-rummy dt {    display: flex;    align-items: flex-start;    gap: 5px;}.section--rules-rummy  dt::before {    content: "";    display: block;    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    flex-shrink: 0;    margin-top: 4px;}/* section steps */.section--steps ul {    display: flex;    flex-direction: column;    gap:  10px;}.section--steps ul > li {    padding-left: 10px;    position: relative;}.section--steps ul > li::before {    position: absolute;    content: "";    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    left: 0;    top: 8px;}.section--steps li a {    color: #004bc7;    text-decoration: underline;}.section--steps ul ul {    margin-top: 10px;}.section--steps ul ul > li::before {    height: 2px;    border-radius: 0;}/* section know more link */.section--know-more-link {    padding-bottom: 40px;}.section--know-more-link ul {    display: flex;    gap: 10px;    flex-wrap: wrap;}.section--know-more-link li {    flex: 1 1 30%;}.section--know-more-link a {    color: #E1670E;    text-decoration: underline;    font-size: 10px;    text-transform: capitalize;}/** * Page One Column */.one--column {    background-color: #fff;    color: #000;    font-size: 12px;    padding-bottom: 40px}.one--column .hero {    margin-left: -20px;    margin-right: -20px;}.on--column__content {    display: flex;    flex-direction: column;    gap: 20px;}.one--column h1 {    font-size: 20px;    font-weight: 700;    color: #132A61;    text-transform: uppercase;    border-bottom: 1px solid #DADCE5;    padding-bottom: 20px;}.one--column .section {    display: flex;    flex-direction: column;    gap: 10px;}.one--column .section .section__heading {    align-items: flex-start;    font-size: 16px;    font-weight: 700;    color: #132A61;    text-transform: capitalize;}.one--column .section__heading h3 {    color: #132A61;}.one--column dl {    display: flex;    flex-direction: column;    gap: 12px;}.one--column dt {    display: flex;    align-items: flex-start;    gap: 5px;}.one--column  dt::before {    content: "";    display: block;    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    flex-shrink: 0;    margin-top: 4px;}.one--column .strong {    color: #E1670E;}.one--column .center {    text-align: center;}.one--column dd ol,.one--column dd li {    display: flex;    flex-direction: column;    gap: 10px;}.one--column .actions {    display: flex;    justify-content: center;}.one--column .actions button {    display: inline-flex;    justify-content: center;    align-items: center;    min-height: 20px;    color: #fff;    background-color: #357DD1;    padding: 0 10px;    border-radius: 4px;}.section--how-to-play .section__body .actions button {    display: inline-flex;    justify-content: center;    align-items: center;    min-height: 20px;    color: #fff;    background-color: #357DD1;    padding: 0 10px;    border-radius: 4px;    margin-top: 20px;}.section--how-to-play .section__body .section_p8 {    margin-left: 15px}/* section--basic-rules */.section--basic-rules .section__body {    display: flex;    flex-direction: column;    gap: 10px;    /*font-weight: 412;*/}.section--how-to-play .section__body{    display: flex;    flex-direction: column;    gap: 10px;    /*font-weight: 412;*/}.section--how-to-play .section__body .section__p{    margin-top: 20px;    text-align:center;}/* section--rummy-variants & section--tips*/.section--rummy-variants ul,.section--tips ul {    display: flex;    flex-direction: column;    gap: 10px;}.section--rummy-variants  li,.section--tips li {    padding-left: 10px;    position: relative;}.section--rummy-variants  li::before,.section--tips li::before {    position: absolute;    content: "";    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    left: 0;    top: 4px;}@media only screen and (min-width: 1024px) {    .one--column .hero {        margin-left: 0px;        margin-right: 0px;    }}/* section--basic-rules */.section--basic-rules li {    display: flex;    align-items: center;    gap: 5px;}.section--basic-rules li::before {    content: "";    display: block;    width: 5px;    height: 1px;    background-color: #1F3171;}/* section--game-goal & section--valid-group & section--game-goal*/.section--game-goal .section__body,.section--valid-group .section__body,.section--joker-works .section__body,.section--game-goal .section__body {    display: flex;    flex-direction: column;    gap: 10px;}.section--game-goal .section__body {    align-items: center;}.section--joker-works .section__body-img img {    padding: 3px 3px;    width: 24%;    /*max-height: 148px;*/}.section--joker-works .section__body-img {    padding: 10px 40px;    display: flex;    justify-content: center;    align-items: center;    /*max-height: 148px;*/}/**  * Page Questionnaire */.page--questionnaire .one--column {    padding-top: 20px;}/**  * Page Questionnaire */ .form {    display: flex;    flex-direction: column;    gap: 10px; } .form--tips {    color: #EB4141; }.form form {    display: flex;    flex-direction: column;    gap: 20px;}.form .fieldset {    display: flex;    flex-direction: column;    gap: 10px;}.form ul {    padding-left: 10px;    display: flex;    flex-direction: column;    gap: 5px;}.form label {    display: flex;    align-items: center;    gap: 10px;}.form input[type="radio"] {    display: block;    width: 8px;    height: 8px;    border: 1px solid #fff;    background-color: #fff;    box-shadow: 0 0 0 1px #ccc;    border-radius: 50%;}.form input[type="radio"]:checked {    background-color: #2F4594;}.form .form--actions {    display: flex;    justify-content: center;    align-items: center;    padding: 20px;}.form button {    display: flex;    justify-content: center;    align-items: center;    min-height: 24px;    background-color: #008759;    color: #fff;    text-transform: capitalize;    min-width: 84px;    padding: 0 10px;    border-radius: 2px;}.form .fieldset a {    color: #5777FF;    text-decoration: underline;}/*  * Page Blogs  */.page--blogs .one--column h1 {    padding-top: 20px;    display: flex;    justify-content: space-between;    align-items: center;} .form--search {    display: flex;    align-items: center;}.form--search .control {    display: flex;    align-items: center;}.form--search input {    flex: 1 1 0%;    min-height: 26px;    display: flex;    align-items: center;    border-radius: 2px 0 0 2px;    background-color: #F4F4F4;    color: #999;    padding: 4px 8px;    font-size: 12px;    text-transform: none;    min-width: 0;}.form--search .button--search  {    display: flex;    justify-content: center;    align-items: center;    flex-shrink: 0;    min-height: 26px;    width: 26px;    background-color: #008759;    color: #fff;    border-radius: 0 2px 2px 0;}.form--search svg {    display: block;    width: 1em;    height: 1em;    font-size: 12px;}.blog--lists {    display: flex;    flex-direction: column;    gap: 20px;}.blog--lists li:not(:last-child) {    padding-bottom: 20px;    border-bottom: 1px solid #DADCE5;}.blog--lists li {    display: flex;    flex-direction: column;    gap: 10px;}.blog--content {    display: flex;    flex-direction: column;    gap: 10px;}.blog--title {    font-size: 16px;    color: #333333;    font-weight: 700;    text-transform: uppercase;}.blog--submit {    font-size: 10px;    color: #666;}.blog--submit span {    color: #E1670E;}.blog--content p {    font-size: 12px;    color: #999;}.blog--content button {    display: inline-flex;    min-width: 84px;    min-height: 24px;    background-color: #008759;    border-radius: 2px;    justify-content: center;    align-items: center;    padding: 0 10px;    font-size: 10px;    text-transform: capitalize;    color: #fff;    margin-right: auto;}.tds_policy_picture picture img {    width: 80%;    /*margin-left: 10%;*/}.faq_container .section__heading {    text-align: left;}@media only screen and (min-width: 1024px) {    .form--search {        max-width: 246px;    }    .tds_policy_picture picture img {        width: 40%;        /*margin-left: 0;*/    }    .blog--lists li {        flex-direction: row;        gap: 20px;    }    .guide__head_tips {        font-size: 0.775rem;color: #808080    }    .blog--lists li figure {        flex: 0 0 400px;    }    .blog-list figure img {        content:url('../images/blog-list.png');    }    .blog--lists .blog--content {        flex: 1 1 0%;        min-width: 0;    }    .section--joker-works .section__body-img img {        padding: 3px 3px;        width: 16%;        /*max-height: 148px;*/    }}.guide__head_tips {    font-size: 0.775rem;color: #808080}.breadcrumb {    display: flex;    align-items: center;    gap: 6px;    font-size: 10px;    padding-top: 10px;    padding-bottom: 10px;    border-bottom: 1px solid #DADCE5;    flex-wrap: wrap;}.breadcrumb li {    display: flex;    align-items: center;    gap: 6px;    color: #999;    text-transform: uppercase;}.breadcrumb svg {    display: block;    width: 1em;    height: 1em;}.breadcrumb li a {    display: flex;    align-items: center;    gap: 6px;    color: #132A61;    text-decoration: underline;}.breadcrumb li a svg {    text-decoration: none;}.page--blogs .breadcrumb + h1 {    padding-top: 0;    padding-bottom: 0;    border-bottom: none;}.blog--detail {    display: flex;    flex-direction: column;}.blog--detail dt {    margin-top: 10px;    color: #132A61;    font-size: 16px;    font-weight: 700;}.blog--detail dt::before {    content: none;}.blog--detail dd {    display: flex;    align-items: flex-start;    gap: 5px;}.blog--detail dd::before {    content: "";    display: block;    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    flex-shrink: 0;    margin-top: 4px;}.share--dl {    display: flex;    flex-direction: column;}.share--dl dt {    margin-top: 30px;    color: #132A61;    font-size: 16px;    font-weight: 700;}.share--dl dt::before {    content: none;}.share--dl dd {    display: flex;    align-items: flex-start;    gap: 5px;    font-size: 12px;}.share--dl dd::before {    content: "";    display: block;    width: 5px;    height: 5px;    background-color: #1F3171;    border-radius: 50%;    flex-shrink: 0;    margin-top: 4px;}.bg_heitao {    background: url(../images/qu-spades.svg) 100% 100%/100% 100% no-repeat;}.download--actions--left .download-heitao {    background: url(../images/download-heitao.svg) 100% 100%/100% 100% no-repeat;}.download--actions--left .download-hongtao {    background: url(../images/download-hongtao.svg) 100% 100%/100% 100% no-repeat;}.download--actions--left .download-fankuai {    background: url(../images/download-fankuai.svg) 100% 100%/100% 120% no-repeat;}.download--actions--left .download-meihua {    background: url(../images/download-meihua.svg) 100% 100%/100% 100% no-repeat;}.pt-0\.5 {    padding-top: 0.125rem;}.px-2 {    padding-left: 0.5rem;    padding-right: 0.5rem;}.w-2\.5 {    width: 0.625rem;}.h-2\.5 {    height: 0.625rem;}.inline-block {    display: inline-block;}.page__footer--fixed {    position: fixed;    left: 0;    right: 0;    bottom: 0;    display: flex;    justify-content: center;    align-items: center;    background-color: rgba(0, 0, 0, 0.5);    color: #fff;    z-index: 999;    padding: 4.53vw 4.2666vw;}.footer_download {    display: flex;    flex-direction: column;    align-items: center;}