@font-face {
    font-family: 'PingFangHK-Semibold';
    src: url('../fonts/PingFang-Semibold/PingFangHK-Semibold-Proportional.eot');
    src: url('../fonts/PingFang-Semibold/PingFangHK-Semibold-Proportional.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PingFang-Semibold/PingFangHK-Semibold-Proportional.woff2') format('woff2'),
        url('../fonts/PingFang-Semibold/PingFangHK-Semibold-Proportional.woff') format('woff'),
        url('../fonts/PingFang-Semibold/PingFangHK-Semibold-Proportional.ttf') format('truetype'),
        url('../fonts/PingFang-Semibold/PingFangHK-Semibold-Proportional.svg#PingFangHK-Semibold-Proportional') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PingFangHK-Regular';
    src: url('../fonts/PingFang-Regular/PingFangHK-Regular-Proportional.eot');
    src: url('../fonts/PingFang-Regular/PingFangHK-Regular-Proportional.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PingFang-Regular/PingFangHK-Regular-Proportional.woff2') format('woff2'),
        url('../fonts/PingFang-Regular/PingFangHK-Regular-Proportional.woff') format('woff'),
        url('../fonts/PingFang-Regular/PingFangHK-Regular-Proportional.ttf') format('truetype'),
        url('../fonts/PingFang-Regular/PingFangHK-Regular-Proportional.svg#PingFangHK-Regular-Proportional') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body:not(.single).change-color-menu header:not(.sticky).page-has-banner .primary-menu-wrapper .primary-menu>.menu-item:not(.page-donate):not(.page-takeaction)>a {
   color: #504658;
}


section.section.section-not-login {
    text-align: center;
    padding: 115px 30px 126px 30px;
}

section.section.section-not-login h2 {
    color: #504658;
    font-family: "PingFangHK-Regular";
    text-transform: uppercase;
    margin-bottom: 64px;
}

section.section.section-not-login a.btn-details.button.btn-forward {
    width: 320px;
}

a.btn-details.button.btn-forward:visited:not(:hover) {
    color: #fff;
}
.woocommerce-account .entry-header {
    margin: 72px 0 80px;
    display: flex;
    justify-content: center;
    padding: 33px 0;
}

section.section.section-welcome {
    padding-top: 102px;
    background: #fff5ef;
    padding-bottom: 117px;
}

.woocommerce {
    overflow-x: hidden;
}

.myaccount-banner.banner-page .banner_fixed_wrapper {
    /* margin-top: 0 !important; */
}

body:not(.home) #site-content.my-profile-page{
    padding-top: 0;
}

.myaccount-banner.banner-page .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner .container h1 {
    color: #504658;
}
.woocommerce-account .entry-header-inner {
    max-width: 1060px;
    text-align: center;
    width: 100%;
}
.woocommerce-account .entry-title {
    text-align: left;
    color: #504658;
    font-family: 'Marcellus';
    font-size: 60px;
    font-weight: 400;
    line-height: 66px;
    text-transform: uppercase;
    position: relative;
    margin: 0 !important;
    padding: 0 20px;
    width: fit-content;
}

.woocommerce-account .entry-title span {
    position: relative;
    z-index: 2;
}
.woocommerce-account .entry-title:before {
    content: '';
    background: url(../images/heading-bkg.png) no-repeat center;
    position: absolute;
    top: 50%;
    left: -215%;
    width: 669%;
    height: 300%;
    z-index: 1;
    transform: translate3d(-50%, -50%, 0);
    background-size: contain;
}


.background-heading section.section.section-point .entry-title + h2 {
    margin-top: 68px;
}

.simplebar-content {
    padding-right: 0 !important;
}
.woocommerce-account .u-columns h2 {
    font-family: 'Marcellus';
}

.woocommerce-account form.woocommerce-form-login label {
    font-family: 'Inter';
    margin-bottom: 5px;
}

form.woocommerce-form-login input[type=checkbox]  {
    border: 1px solid #fff5ef;
    border-radius: 20%;
    background-color: #fff5ef;
    width: 23px;
    height: 23px;
    margin-right: 15px;
}
.woocommerce-form-login .woocommerce-form-login__rememberme span {
    font-weight: 400;
}
.woocommerce-account main button[type=submit],
.site-main .button-arrow,
.content-profile .woocommerce-Button,
.content-order .woocommerce-info .view-shop,
 #site-content .woocommerce button.woocommerce-button.woocommerce-form-login__submit{
        text-decoration: none;
        text-transform: uppercase;
        transition: opacity 0.15s linear;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        cursor: pointer;
        display: block;
        width: 100%;
        text-align: left;
        padding: 9px 91.63px 15px 30px;
        background: #2f5194;
        line-height: 28px;
        height: 45px;
        position: relative;
        font-family: "PingFangHK-Semibold";
}

html[lang="en-US"] .woocommerce-account main button[type=submit], 
html[lang="en-US"] .site-main .button-arrow, .content-profile .woocommerce-Button, 
html[lang="en-US"] .content-order .woocommerce-info .view-shop, 
html[lang="en-US"] #site-content .woocommerce button.woocommerce-button.woocommerce-form-login__submit,
html[lang="en-US"] .btn-details.button.btn-forward{
        font-family: 'Inter';
        font-weight: 800;
}
.woocommerce-account main button[type=submit]:hover,
.woocommerce-account main button[type=submit]:focus,
.content-profile .woocommerce-Button:hover,
.site-main .button-arrow:hover,
.content-order .woocommerce-info .view-shop:hover,
.woocommerce-checkout #site-content .woocommerce button.woocommerce-button.woocommerce-form-login__submit:hover{
        color: #f76d9d;
}
.woocommerce-account main button[type=submit]:before,
.site-main .button-arrow:before,
.content-profile .woocommerce-Button:before,
.content-order .woocommerce-info .view-shop:before,
.woocommerce-checkout #site-content .woocommerce button.woocommerce-button.woocommerce-form-login__submit:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    left: auto;
    right: 8px;
    z-index: 1;
    background-image: url(../images/home-arrow.svg);
    /* z-index: 5; */
    width: 17px;
    height: 15px;
    background-repeat: no-repeat;
    /* background-position: center;*/
}

.woocommerce-account main button[type=submit]:after,
.site-main .button-arrow:after,
.content-profile .woocommerce-Button:after,
.content-order .woocommerce-info .view-shop:after,
.woocommerce-checkout #site-content .woocommerce button.woocommerce-button.woocommerce-form-login__submit:after{
        content: '';
        width: 51px;
        height: 45px;
        background: #f76d9d;
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0px 3px 3px 0px;
}

.woocommerce-account main button[type=submit]:hover:before,
.site-main .button-arrow:hover:before,
.content-profile .woocommerce-Button:hover:before,
.content-order .woocommerce-info .view-shop:hover:before,
.woocommerce-checkout #site-content .woocommerce button.woocommerce-button.woocommerce-form-login__submit:hover:before {
    transform: translate(-15%, -50%);
    -webkit-transform: translate(-15%, -50%);
    -moz-transform: translate(-15%, -50%);
    -ms-transform: translate(-15%, -50%);
    -o-transform: translate(-15%, -50%);
}
.woocommerce-form-register .woocommerce-privacy-policy-text {
    margin: 20px 0;
}
.woocommerce-form-register .woocommerce-privacy-policy-text p {
    font-family: "Inter";
}

.woocommerce-account .container .section-inner {
    display: none;
}

.myaccount-banner.banner-page{
    margin-bottom: 66px;
}
.navigation {
    width: 100%;
    display: inline-block;
    background: #504658;
    vertical-align: top;
    position: relative;
    z-index: 2;
    padding: 12.5px 0;
}

.navigation .tab-child .tab-list-all{

    background: transparent;
    max-width: 1060px;
    margin: 0 auto;
    width: 100%;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

.navigation .tab-child {
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
}

.navigation .tab-child .item {
    padding: 0;
    margin-right: 51px;
    padding: 0 14px;
    position: relative;
    cursor: pointer;
}



.navigation .tab-child .item:last-child a{
    text-decoration: underline;
}
.navigation .tab-child .item a,
.navigation .selected{position: relative;display: inline-block;color: #fff;font-size: 14px;font-weight: 400;line-height: 21px;text-transform: uppercase;font-family: 'Inter';}

.navigation .selected{
    padding: 0 30px;
    cursor: pointer;
    width: 100%;
}

.woocommerce-account.logged-in .banner-media.support-page-effect.support-page-size.support-page-color .container {
    padding: 0 20px;
}


.navigation .tab-child .item a{
    position: relative;
    z-index: 1;
    text-decoration: none;
}


.navigation .tab-child .item:hover:before{
    opacity: 1;
}

section.section-my-point {
    background: #fff5ef;
    max-width: 100%;
    padding-top: 104px;
    padding-left: 0;
    padding-right: 0;
}

.welcome-text h2 {
    margin: 0 0 0 0;
    font-family: "PingFangHK-Regular";
}


@media (max-width: 1599px){
    section.section-my-point .container {
    max-width: 1061px;
}

.section-event-registration .container {
    max-width: 1060px;
}
}
section.section-my-point .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.welcome-text h2 strong {
    font-family: Marcellus;
    font-weight: 400;
    display: block;
    margin-top: 12px;
}

.count-point .lable {
    color: #504658;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    font-family: "PingFangHK-Semibold";
}

.count-point{
    position: relative;
}

.count-point:before{
    content: '';
    position: absolute;
    top: -59px;
    left: -190px;
    width: 100vw;
    height: 282px;
    background: url(../images/heading-bkg-3.png) repeat-x center;
    background-size: inherit;
    background-position: left center;
    z-index: -1;
}

.number-point h2 {
    color: #2f5194;
    font-family: Marcellus;
    font-size: 50px;
    font-weight: 400;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase;
    margin: 17px 0 23px 0;
}

.count-point {
    width: auto;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    margin-left: auto;
    padding-right: 14.3%;
    margin-top: -47px;
}


.welcome-text {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.welcome-text p {
    display: block;
    width: 100%;
    color: #f76d9d;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 4px;
}

.score-history-link a.btn-details.button.btn-forward {
    width: 198px;
    padding: 9px 70px 10px 30px;
}

.woocommerce-account.logged-in a.btn-details.button.btn-forward:after,
.my-account-link a.btn-details.button.btn-forward:after,
.section-room-booking a.btn-details.button.btn-forward:after {
    width: 51px;
}

.woocommerce-account.logged-in a.btn-details.button.btn-forward:before ,
.my-account-link a.btn-details.button.btn-forward:before,
.section-room-booking a.btn-details.button.btn-forward:before {
    right: 10px;
}

.points-redemption h5 {
    margin: 22px 0 16px 0;
     font-family: "PingFangHK-Regular";
}

.points-redemption .description p {
    color: #504658;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 25px;
}

.points-redemption .content {
    max-width: 500px;
}

.points-redemption {
    width: 100%;
    margin-bottom: 88px;
}

.points-redemption a.btn-details.button.btn-forward {
    width: 280px;
}

.points-redemption a.btn-details.button.btn-forward.title-name {
    padding: 8px 70px 10px 30px;
}


.woocommerce-account .images .bgk-img img {
    opacity: 0;
    border-radius: 5px;
    width: 100%;
}

.product-by-point {
    position: relative;
    margin: 0 -15px;
}

.products-points {
    width: 100%;
    padding-bottom: 86px;
}

.product-by-point .inner-item {
    padding: 0 15px;
}
.product-by-point .number-point {
    color: #f76d9d;
    font-family: Marcellus;
    font-size: 28px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: -9px;
}

.product-by-point .description p {
    color: #504658;
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
}

.woocommerce-account .bgk-img {
    border-radius: 5px;
    background-size: cover !important;
    display: block;
}

.woocommerce-account .slick-arrow {
    position: absolute;
    top: calc(50% - 44px);
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 3px;
    background: #f76d9d;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition-duration: .2s;
}

.product-by-point .prev.slick-arrow {
    left: -65px;
}

.product-by-point .next.slick-arrow {
    right: -64px;
}

.woocommerce-account .next.slick-arrow:hover svg {
    margin-left: 8px;
}

.woocommerce-account .prev.slick-arrow:hover svg {
    margin-right: 8px;
}

.woocommerce-account .slick-arrow svg {
    transition-duration: .2s;
}

.product-by-point .images {
    margin-bottom: 18px;
}

section.section-event-registration {
    padding: 52px 0 0 0;
    position: relative;
    z-index: 1;
    margin-bottom: 0;
}

.section-event-registration h2.title {
    text-align: center;
    font-family: "PingFangHK-Regular";
    margin: 35px 0 17px;
}

.section-event-registration .description {
    max-width: 500px;
    margin: 0 auto;
}

.section-event-registration .description p {
    color: #504658;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.event-posts {
    position: relative;
    padding: 68px 0 72px 0;
    margin: 0 -10px;
}

.event-posts .prev {
    left: -72px;
}

.event-posts .next.slick-arrow {
    right: -71px;
}

.event-posts .title h5 {
    color: #504658;
    font-family: "PingFangHK-Regular";
    text-transform: uppercase;
    margin: 0;
    font-size: 25px;
    line-height: 56px;
}

.event-posts .title h5 a {
    text-decoration: none;
}

.event-posts .date {
    color: #f76d9d;
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.event-posts .date svg {
    margin-right: 4px;
}

.event-posts .short-desc p {
    color: #504658;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;

}
.event-posts .short-desc{
        margin-bottom: 25px;
}

.event-posts .item .inner-item {
    border-radius: 5px;
    padding: 0 20px 43px 20px;
    position: relative;
}

.event-posts .item {
    padding: 0px 10px;
}


.event-posts .item .inner-item:before {
    background: #fff5ef;
    content: '';
    position: absolute;
    top: 20px;
    width: 100%;
    height: calc(100% - 20px);
    z-index: -1;
    left: 0;
    border-radius: 5px;
}

.events-posts {
    width: 100%;
    margin-bottom: 69px;
}



.woocommerce-account .slick-arrow.slick-disabled,
.woocommerce-account .slick-arrow[aria-disabled="true"]{
    opacity: 0;
    visibility: hidden;
}
.woocommerce-account .event-posts .slick-arrow {
    top: calc(50% - 3px);
}

.event-posts .item .inner-item .images {
    margin-bottom: 25px;
}

.event-posts .item .inner-item .title {
    margin-bottom: 0px;
}

.detail-link a.btn-details.button.btn-forward {
    width: 197px;
    padding-left: 30px;
}

.view-detail {
    text-align: center;
}

.view-detail a.btn-details.button.btn-forward {
    width: 180px;
    padding-left: 27px;
}

.woocommerce-account .section-room-booking:before {
    background: url(../images/bkg-white.svg);
    background-size: inherit;
    background-position: top left;
    background-repeat-x: repeat;
    content: '';
    width: 100%;
    min-width: 844px;
    height: 266px;
    display: block;
    top: -167px;
    left: 0;
    position: absolute;
    z-index: 0;
}

.woocommerce-account .section-room-booking {
    position: relative;
    background: #2F5194;
    padding-top: 254px;
    margin-top: -32px;
    padding-bottom: 155px;
}

.section-room-booking h2.title {
    color: #fff;
    /* width: 50%; */
    margin: 0 0 39px 0;
      font-family: "PingFangHK-Regular";
}

a.btn-details.button.btn-forward {
    font-family: "PingFangHK-Regular";
    font-weight: 400;
}

.woocommerce-account .section-room-booking .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
        width: 100%;
}

.room-booking-posts {
    width: 57%;
    padding: 0 0 0 81px;
    position: relative;
}

.room-booking-des {
    width: 43%;
    padding-right: 30px;
    padding-top: 32px;
}

.section-room-booking .description p {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.section-room-booking .inner-item {
    position: relative;
    padding: 0 20px 30px 20px;
}

.section-room-booking .inner-item:before {

    background: #fff;
    content: '';
    position: absolute;
    top: 20px;
    width: 100%;
    height: calc(100% - 20px);
    z-index: -1;
    left: 0;
    border-radius: 5px;
}

.room-booking-des a.btn-details.button.btn-forward:not(:hover) {
    color: #2f5194;
}

.room-booking-des a.btn-details.button.btn-forward {
    background: #fff;
    width: 180px;
    padding-left: 29px;
}

.section-room-booking .description {
    max-width: 400px;
    margin-bottom: 68px;
}

.woocommerce-account .room-booking-posts .slick-arrow.prev {
    left: 0;
}

.woocommerce-account .room-booking-posts .next.slick-arrow {
    right: -80px;
}

.section-room-booking .inner-item .title h5 {
    margin: 39px 0 26px 0;
    color: #504658;
    font-family: Marcellus;
}

.section-room-booking .inner-item .title h5 a {
    text-transform: uppercase;
    text-decoration: none;
}

.section-room-booking .inner-item .short-desc {
    color: #504658;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 48px;
}

.woocommerce-account .room-booking-posts .slick-arrow {
    top: calc(50% - -5px);
}

.woocommerce-account .section-articles {
    padding-top: 78px;
    padding-bottom: 83px;
}

.woocommerce-account .section-articles h2.title {
    margin: 35px 0 14px 0;
    font-family: "PingFangHK-Regular";
}

.woocommerce-account .section-articles .description p {
    color: #504658;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.woocommerce-account .section-articles .description {
    max-width: 500px;
    margin-bottom: 84px;
}

.woocommerce-account .section-articles .inner-item:before {
    content: '';
    background: #fff5ef;
    content: '';
    position: absolute;
    top: 20px;
    width: 100%;
    height: calc(100% - 20px);
    z-index: -1;
    left: 0;
    border-radius: 5px;
}

.woocommerce-account .section-articles .item {
    padding: 0 15px;
}

.woocommerce-account .section-articles .inner-item {
    padding: 0px 20px 136px 20px;
    position: relative;
}

.woocommerce-account .articles-posts {
    margin: 0 -15px;
    position: relative;
    margin-bottom: 73px;
}

.woocommerce-account .section-articles .inner-item .images {
    margin-bottom: 15px;
}

.woocommerce-account .section-articles .inner-item .date {
    color: #504658;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: -1px;
    display: block;
}

.woocommerce-account .section-articles .inner-item .title a {
    font-family: "PingFangHK-Semibold";
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.woocommerce-account .section-articles .inner-item .title h5 {
    margin: 5px 0;
    font-family: "PingFangHK-Semibold";
    line-height: 24px;
}

.woocommerce-account .section-articles .inner-item .tag {
    color: #f76d9d;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.woocommerce-account .articles-posts .prev.slick-arrow {
    left: -65px;
}

.woocommerce-account .articles-posts .next.slick-arrow {
    right: -65px;
}

.woocommerce-account .articles-posts .slick-arrow {
    top: calc(50% - 0px);
}

.myaccount-banner.banner-page .banner_fixed_wrapper .banner-media {
    min-height: 234px;
}

@media (max-width: 1200px) and (min-width:  768px){
     section.section-my-point, 
    .woocommerce-account .section-articles, 
    section.section-event-registration {
    padding-left: 70px;
    padding-right: 70px;
}

.section-room-booking {
    padding-right: 60px;
}

.room-booking-posts {
    padding-right: 50px;
    padding-left: 65px;
}

.woocommerce-account .room-booking-posts .next.slick-arrow {
    right: -15px;
}

.woocommerce-account .section-room-booking .container {
    width: 100%;
}
}

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

.my-account-link{
    display: none;
}

.list-history ul.list-history-content{
    width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

}

@media (max-width: 1200px){
    .woocommerce-account .section-room-booking {
    padding-top: 200px;
    padding-bottom: 80px;
}
}

@media (max-width: 1200px) and (min-width: 992px){
    .navigation .tab-child .item {
    margin-right: 20px;
}

}

@media (max-width: 991px){
    .navigation{
        padding: 0;
    }

    .navigation .tab-list {
        padding: 0px 50px;
        flex-direction: column;
        background: #8f8994;
        /*display: none;*/
    }

    .navigation .options {
    padding-bottom: 30px;
    padding-top: 8px;
}

.navigation .tab-child .item {
    margin-top: 20px;
    width: 100%;
}

.navigation .selected {
    padding: 17.5px 50px;
    font-weight: 400;
}

.navigation .container {
    padding: 0;
}

.navigation .tab-child .item a, .navigation .selected {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
}

.navigation .selected::after {
    float: right;
    content: "";
    border-left: 5.5px solid transparent;
    border-right: 5.5px solid transparent;
    border-top: 6.5px solid #fff;
    width: 11px;
    height: 7px;
    background-size: cover;
    position: absolute;
    right: 53px;
    top: 50%;
    transform: translateY(-50%);
}

.navigation .selected.active::after{
        transform: rotate(180deg) translateY(50%);
}


    .count-point {
    width: 84%;
    margin-top: 10px;
    padding-left: 0px;
    margin-bottom: 43px;
    margin-left: 0;
}

.welcome-text {
    position: relative;
    z-index: 1;
}

.count-point:before {
    left: auto;
    height: 171px;
    background-size: auto 100%;
    top: -52px;
    right: 0;
    background: url(../images/heading-bkg-3-mb.png) repeat-x center right;
}

.welcome-text {
    margin-bottom: 58px;
}
}


@media (min-width: 992px){
    .navigation .tab-child .item:last-child {
        margin-right: 0;
            margin-left: auto;
    }

    .navigation .tab-child .item.active a{
    font-weight: 600;
}

}

@media (min-width: 992px){

.navigation .tab-child .item:before {
    content: '';
    display: block;
    width: 100%;
    height: 19px;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    opacity: 0;
    background:
    url(../images/nav-bkg.png);
    background-size: 100% 100%;
    z-index: 0;
}


}

@media (max-width: 767px){

    .count-point .lable{
        font-weight: 400;
    }
    section.section.section-welcome {
    padding-top: 49px;
    padding-bottom: 20px;
}

    .myaccount-banner.banner-page {
        margin-bottom: 0;
    }

    .myaccount-banner.banner-page .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner{
        min-height: auto;
        bottom: 48px;
    }

    .myaccount-banner.banner-page .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner .container h1{
        font-size: 40px;
        line-height: 48px;
        padding-right: 20px;
    }


    .welcome-text {
        padding: 0 18px;
    }

    .count-point {
        padding-left: 20px;
    }

     .navigation ul.select .option:not(:last-child) {
    margin-bottom: 10px;
}

     .navigation .list-item .lable {
    color: #fff;
    font-family: "PingFangHK-Semibold";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
}

 .navigation ul.select .option span {
    color: #fff;
    cursor: pointer;
}

 .navigation ul.select {
    margin: 30px 0 20px 0;
}

.list-item .lable:not(.active) .arrow-down {
    display: none;
}

.list-item .lable.active .arrow-up {
    display: none;
}
    .screen-desktop {
    display: none;
}
    .room-booking-des {
    width: 100%;
}

.room-booking-posts {
    width: 100%;
    padding-left: 0;
}


    .product-by-point .prev.slick-arrow {
    left: 0;
    z-index: 1;
}

.product-by-point .next.slick-arrow {
    right: 0;
}


.woocommerce-account.logged-in .banner-media.support-page-effect.support-page-size.support-page-color,
.wrapper-score-history .banner-page .banner_fixed_wrapper .banner-media {
    min-height: 234px;
}

.woocommerce-account.logged-in .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner .container h1,
.wrapper-score-history .banner-page .banner_fixed_wrapper .banner-media .banner-text-inner .container h1{
        padding: 0 0 0 31px;
    font-family: "PingFangHK-Regular";
    font-size: 40px;
    font-weight: 400;
    line-height: 53px;
}

.navigation {
    margin-top: 0;
}

 section.section-my-point {
    padding-top: 49px;
}

.welcome-text {
    padding: 0 18px;
    margin-bottom: 58px;
}

.welcome-text h2 {
    font-family: Marcellus;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    text-transform: uppercase;
}

.welcome-text h2 strong {
    margin-top: -1px;
}

.number-point h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 7px 0 53px 0;
}

.points-redemption {
    padding: 0 19px;
    margin-bottom: 60px;
}

.points-redemption h5 {
    margin: 22px 0 11px 0;
}

.points-redemption .description p {
    font-size: 14px;
    line-height: 22px;
}

.product-by-point {
    margin: 0;
}
.slick-dots li {
    list-style: none;
    margin: 0 5px;
}

.slick-dots li button {
    width: 6px;
    height: 6px;
    border: solid 1px #f76d9d;
    background: transparent;
}

ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.slick-dots li.slick-active button {
    background: #f76d9d;
}

.product-by-point .inner-item {
    padding: 0 20.5px;
}

.product-by-point .images {
    margin-bottom: 28px;
}

.products-points {
    padding-bottom: 57px;
}

.woocommerce-account section.section-my-point .slick-arrow {
    top: calc(50% - 50px);
}

section.section-event-registration {
    padding: 33px 0 0 0;
}

.section-event-registration h2.title {
    text-align: left;
    padding: 0 20px;
    margin: 35px 0 6px;
}

.section-event-registration .description p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.section-event-registration .description {
    padding: 0 20px;
}

.event-posts {
    padding: 18px 0 2px 0;
}

.event-posts .item .inner-item .images {
    margin-bottom: 29px;
}

.event-posts .date {
    margin-bottom: 24px;
}

.event-posts .item .inner-item .title {
    margin-bottom: -2px;
}

.event-posts .short-desc p {
    font-size: 14px;
    line-height: 22px;
}

.event-posts .item .inner-item {
    padding: 0 20px 38px 20px;
}

.event-posts ul.slick-dots {
    margin-top: 31px;
}

.woocommerce-account .section-room-booking {
    margin-top: -35px;
    padding-top: 156px;
    padding-bottom: 25px;
}

.woocommerce-account .section-room-booking:before {
    top: -132px;
    left: -72%;
    height: 229px;
    background: url(../images/heading-bkg-4-mb.png);
    background-size: auto 100%;
    background-repeat: repeat-x;
        width: 200%;
}
.section-room-booking .room-booking-des {padding-left: 20px;padding-right: 20px;padding-bottom: 60px;}

.section-room-booking h2.title {
    margin: 0 0 5px 0;
}

.section-room-booking .description p {
    font-size: 14px;
    line-height: 22px;
}

.section-room-booking .description {
    margin-bottom: 24px;
}

.room-booking-posts .prev, .room-booking-posts .next {
    display: none;
}

.section-room-booking .inner-item .title h5 {
    margin: 42px 0 21px 0;
}

.section-room-booking .inner-item .short-desc {
    line-height: 22px;
    margin-bottom: 28px;
}

.section-room-booking .inner-item {
    padding: 0 20px 45px 20px;
}

.room-booking-posts .slick-dots {
    margin-top: 47px;
}

.woocommerce-account .section-articles {
    padding-top: 32px;
}

.woocommerce-account .section-articles h2.title {
    padding: 0 20px;
    margin: 35px 0 6px 0;
}

.woocommerce-account .section-articles .description {
    padding: 0 20px;
    margin-bottom: 60px;
}

.woocommerce-account .section-articles .description p {
    font-size: 14px;
    line-height: 22px;
}

.woocommerce-account .section-articles .prev {
    display: none;
}

.woocommerce-account .section-articles .next {
    display: none;
}

.woocommerce-account .section-articles .inner-item .images {
    margin-bottom: 19px;
}

.woocommerce-account .section-articles .inner-item .title a {
    font-size: 16px;
    line-height: 22px;
}


.woocommerce-account .section-articles .inner-item .title h5 {
    line-height: 21px;
    margin-bottom: 4px;
}

.woocommerce-account .section-articles .inner-item .date {
    margin-bottom: 5px;
}

.woocommerce-account .section-articles .inner-item {
    padding-bottom: 37px;
}

.woocommerce-account .articles-posts ul.slick-dots {
    margin-top: 31px;
}

.woocommerce-account .articles-posts {
    margin-bottom: 41px;
}
}

/*Score history*/


.wrapper-score-history .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner .container h1 {
    color: #504658;
}


.wrapper-score-history .breadcrumbs-article {
    padding: 13px 0;
}

 section.section.section-point {
    padding-top: 98px;
    padding-bottom: 42px;
    background: #fff5ef;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

section.section.section-point .number-point span:not(.lable) {
    color: #2F5194;
    font-family: 'Marcellus';

}

 .background-heading section.section.section-point .entry-title span.lable{
            display: block;
}

section.section.section-point .number-point span.lable {
    margin-right: -1px;
    font-family: 'PingFangHK-Regular';

}


.background-heading section.section.section-point .entry-title:before {
    right: -164px;
    height: 203px;
    background-size: auto 100%;
    background-position: center right;
    }

.list-history ul {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    width: fit-content;
}

.list-history .score-value {
    width: 100%;
}

.list-history ul.lable,
.list-history ul.value {
    flex-wrap: nowrap;
    width: 100%;
}

.list-history ul li {
    width: 33.33%;
    list-style: none;
    margin: 0;
    color: #504658;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-bottom: solid 1px #504658;
    padding: 14px 15px;
    text-align: center;
    border-right: solid 1px #504658;
}

.list-history ul li.lable {
    color: #2f5194;
    font-family: "PingFangHK-Semibold";
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    text-transform: uppercase;
    padding: 9.5px 15px;
}

.list-history  ul.list-history-content {
    border-radius: 5px;
    border: solid 1px #504658;
}

.list-history {
    overflow-x: auto;
    padding-right: 30px;
}

.list-history ul li.score {
    border-right: 0;
}

.list-history ul.value:last-child li {
    border-bottom: 0;
}

.list-history ul li.date,
.list-history ul li.score {
    width: 24.857%;
    min-width: 129px;
}

.list-history ul li.point {
    width: 50.29%;
    min-width: 155px;
}
.list-history ul li.value.point{
    font-family: "PingFangHK-Regular";
}

.my-account-link {
    text-align: center;
}

.my-account-link a.button:visited {
    color: #fff;
}

.my-account-link a.btn-details.button.btn-forward {
    width: 180px;
}

section.section.section-history .wrap-pagination.pagination {
    margin-bottom: 60px;
    margin-top: 102px;
}

section.section.section-history {
    padding-bottom: 56px;
    background: #fff5ef;
}

.simplebar-track.simplebar-horizontal:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #C2C2C2;
    top: 4px;
    position: absolute;
    left: 0;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 2px;
    top: 4px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    opacity: 1;
    left: 0;
    right: 0px;
}

.simplebar-scrollbar:before {
    background: #504658;
    border-radius: 5px;
}

.simplebar-track.simplebar-horizontal {
    right: 30px;
}

.simplebar-track .simplebar-content {
    padding-right: 0 !important;
}



@media (min-width: 1024px){

.myaccount-banner.banner-page .banner_fixed_wrapper .banner-media {
    min-height: 315px;
}
}

@media (max-width: 991px){

}

@media (max-width:  767px){
    section.section.section-point .container {
    padding: 0 53px;
}

.list-history ul li {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 11.3px 15px;
}

section.section.section-history .wrap-pagination.pagination {
    margin-bottom: 38px;
    padding-right: 45px;
    margin-top: 39px;
}

section.section.section-history {
    padding-bottom: 66px;
}
.background-heading section.section.section-point .entry-title:before {
    display: none;
}

.background-heading section.section.section-point .number-point:before {
    content: '';
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translate3d(-50%, -50%, 0);
    background-size: contain;
    pointer-events: none;
    left: auto;
    width: 128%;
    height: 171px;
    right: -65%;
    background: url(../images/heading-bkg-3-mb.png) repeat-x center right;
}

.background-heading section.section.section-point .number-point span{
    position: relative;
    z-index: 2;
}
    .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner {
    bottom: 41px;
}

 section.section.section-point {
    padding-top: 33px;
    padding-bottom: 76px;
}

section.section.section-point .number-point span {
    font-size: 30px;
    font-weight: 400;
    line-height: 50px;
    text-align: right;
    text-transform: uppercase;
}

section.section.section-history .container {
    padding-right: 0;
}



.list-history ul li.lable {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 11.5px 15px;
}

.list-history {
    overflow-x: auto;
    padding-right: 30px;
    padding-bottom: 42.5px;
}

.my-account-link {
    padding-right: 30px;
}

.points-redemption a.btn-details.button.btn-forward.title-name {
    width: 100%;
    max-width: 280px;
}

section.section.section-not-login a.btn-details.button.btn-forward {
    width: 180px;
}

section.section.section-not-login {
    padding: 37px 30px 71px 30px;
}

section.section.section-not-login h2 {
    margin-bottom: 38px;
}
}
 

 @media (max-width: 374px){
    .myaccount-banner.banner-page .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner .container h1 {
        font-size: 36px;
        line-height: 45px;
    }
    .myaccount-banner.banner-page .banner-media.support-page-effect.support-page-size.support-page-color .banner-text-inner .container h1 {
        color: #504658;
        padding: 0 30px;
    }
 }