:root {
    --black: #231f20;
    --white: white;
    --transparent: transparent;
    --rice1: #e6e4d3;
    --orange: #ef5a28;
    --gold: #967640;
    --rice2: #f8f4ef;
    --shadow: rgba(0, 0, 0, 0.33);
    --black2: #404041;
    --rice3: #e8ded0;
}

.w-checkbox {
    margin-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.w-checkbox:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox:after {
    content: " ";
    clear: both;
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}

.w-checkbox-input {
    float: left;
    margin: 4px 0 0 -20px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 12px;
    height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0 0 3px 1px #3898ec;
}

body {
    color: var(--black);
    font-family: Inter, sans-serif;
    font-size: 18px;
    line-height: 24px;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 44px;
}

p {
    margin-bottom: 0;
    padding-top: 12px;
}

a {
    color: var(--black);
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s;
}

input[type="checkbox"] {
    accent-color: var(--gold);
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.home_banner_container {
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
    overflow: hidden;
}

.home_banner_img {
    z-index: -99;
    background-image: url("/assets/img/home_banner_img.jpg");
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.register_hints {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    span {
        position: relative;
        top: 1px;
    }
}

.home_banner_container_in {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 102px;
    padding-bottom: 102px;
    display: flex;
    position: relative;
}

.home_banner_logo_img {
    z-index: 1;
    flex: 0 auto;
    max-width: none;
    height: 132px;
    margin-left: auto;
    display: block;
    position: relative;
}

.home_banner_title {
    color: var(--white);
    max-width: 720px;
}

.home_banner_title_2nd {
    color: var(--white);
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    display: inline-block;
}

.home_member_btn_container {
    z-index: 11;
    width: 100%;
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
}

.home_member_btn_container_in {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.text_together {
    display: inline-block;
}

.home_promo_container {
    width: 100%;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.login_or_sign_up {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    width: 100%;
    .register_button {
        flex-basis: 100%;
        margin-bottom: 12px;
    }
}

.home_promo_title {
    text-align: center;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    max-width: 672px;
    margin-left: auto;
    margin-right: auto;
    padding: 42px 36px 24px;
    font-size: 27px;
    font-weight: 500;
    line-height: 33px;
}

.slider_nav_hidden {
    display: none;
}

.home_promo_slider {
    background-color: var(--transparent);
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.home_promo_slider_mask {
    width: 33.33%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
}

.home_promo_slide {
    width: 100%;
    padding-left: 6px;
    padding-right: 6px;
}

.img100 {
    width: 100%;
    display: block;
}

.home_promo_slide_btn {
    border-radius: 30px;
    width: 100%;
    display: block;
    overflow: hidden;
}

.home_promo_slider_arrow {
    z-index: 33;
    background-color: var(--white);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    margin: -30px -30px auto;
    transition: all 0.2s;
    display: flex;
    top: 50%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.home_promo_slider_arrow:hover {
    background-color: var(--rice1);
}

.home_promo_slider_arrow_icon {
    height: 21px;
    display: block;
}

.home_promo_more_btn_row {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 672px;
    margin-bottom: -24px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    display: flex;
}

.home_promo_more_btn {
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    padding: 12px 21px 12px 24px;
    font-size: 16.2px;
    font-weight: 600;
    line-height: 22.2px;
    display: flex;
}

.home_promo_more_btn:hover {
    border-color: var(--gold);
    background-color: var(--gold);
    color: var(--white);
}

.home_promo_more_btn_icon_d {
    width: 15px;
    height: 15px;
    margin-left: 9px;
    font-size: 15px;
    line-height: 15px;
    display: block;
    transform: rotate(90deg);
}

.home_promo_more_btn_icon_m {
    flex: none;
    width: 12px;
    margin-top: -1.5px;
    margin-left: 7.5px;
    display: none;
}

.home_promo_banner_gradient {
    z-index: 11;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5), #fff);
    width: 12.5vw;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 100%;
    right: auto;
}

.home_promo_banner_gradient.left {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0.5), #fff);
    left: auto;
    right: 100%;
}

.home_container {
    flex-flow: column;
    width: 100%;
    min-height: 100vh;
    display: flex;
}

.home_last_row {
    background-color: var(--rice2);
    flex: 1;
    width: 100%;
    padding: 36px 30px 90px;
    overflow: hidden;
}

.home_last_row_slider {
    background-color: var(--transparent);
    width: 75%;
    max-width: 720px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 36px;
}

.home_last_row_slider_mask {
    width: 100%;
    height: auto;
}

.home_last_row_slider_arrow {
    color: var(--gold);
    width: 30px;
    height: 30px;
    margin-bottom: -36px;
    margin-right: 36px;
    font-size: 15px;
    line-height: 15px;
    display: block;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 50%;
}

.home_last_row_slider_arrow:hover {
    color: var(--orange);
}

.home_last_row_slider_arrow.right {
    margin-left: 36px;
    left: 50%;
    right: auto;
}

.home_last_row_slide {
    width: 33.33%;
    padding-left: 45px;
    padding-right: 45px;
}

.home_last_row_slider_nav {
    justify-content: center;
    align-items: center;
    height: 4.5px;
    margin-bottom: -9px;
    padding: 0;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.home_last_row_btn {
    color: var(--gold);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
}

.home_last_row_btn:hover {
    color: var(--orange);
}

.home_last_row_btn_circle {
    border: 1px solid var(--gold);
    border-radius: 999px;
    width: 100%;
    max-width: 120px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 6px;
}

.home_last_row_btn_circle_in {
    border-radius: 999px;
    width: 100%;
    overflow: hidden;
}

.home_member_after_login_btn_row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    margin-top: -54px;
    margin-bottom: -12px;
    display: flex;
}

.home_member_after_login_btn {
    background-color: var(--gold);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: var(--white);
    background-image: url("/assets/img/home_after_login_coupon_or.svg"),
        linear-gradient(#ea9467, #fabc5f);
    background-position: 88% 24px, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: auto 66px, auto;
    border-radius: 30px;
    width: 100%;
    min-height: 108px;
    padding: 18px 24px;
    position: relative;
}

.home_member_after_login_btn:hover {
    background-image: url("/assets/img/home_after_login_coupon_wh.svg");
}

.home_member_after_login_btn.for_receipt {
    background-image: url("/assets/img/home_after_login_receipt_or.svg"),
        linear-gradient(#ea9467, #fabc5f);
}

.home_member_after_login_btn.for_receipt:hover {
    background-image: url("/assets/img/home_after_login_receipt_wh.svg");
}

.home_member_after_login_btn_small_text {
    z-index: 1;
    padding-top: 3px;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    position: relative;
}

.home_member_after_login_btn_text {
    z-index: 1;
    font-weight: 700;
    position: relative;
}

.email_update_modal_dimmer {
    padding-left: 24px;
    padding-right: 24px;
    z-index: 77;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    background-color: rgba(0, 0, 0, 0.67);
    .email_update_modal {
        width: 100%;
        padding: 45px 0px;
        max-height: 35vh;
        max-width: 500px;
        min-height: 370px;
        min-width: 350px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        background-color: #fff;
        border-radius: 30px;
        position: relative;
        .anchor {
            anchor-name: --my-anchor;
            margin: 0;
        }
        .email_update_modal_header {
            width: 100%;
            text-align: center;
            .popup_close_btn {
                position: absolute;
                position-anchor: --my-anchor;
                top: calc(anchor(top) - 45px);
                right: anchor(right);
            }
        }

        .email_update_modal_body {
            flex: 1 1 auto;
            width: 100%;
            padding: 1rem;
            font-size: 18px;
            .email_update_label {
                letter-spacing: 0.9px;
                width: 100%;
                font-weight: 600;
                text-align: center;
            }
            .login_popup_form_text_field {
                width: 100%;
            }
        }
        .email_update_modal_actions {
            width: 100%;
            flex: 0 0 auto;
            padding: 1rem;
            text-align: center;
            .email_update_button {
                text-align: center;
                font-size: 16px;
                border-radius: 999px;
                height: 36px;
                width: 100px;
                background-color: #ef5a28;
                color: white;
            }
            .email_update_button.disable {
                background-color: #7c7c7c;
            }
        }
    }
}

.login_popup_container {
    z-index: 77;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10vh 7.5vw;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
    background-color: rgba(0, 0, 0, 0.67);
    display: flex;
}

.popup_close_area {
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.67);
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.login_popup_container_in {
    z-index: 1;
    background-color: var(--white);
    border-radius: 30px;
    width: 100%;
    height: 80vh;
    max-width: 1200px;
    max-height: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.login_popup_content {
    z-index: 1;
    flex-flow: column;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: relative;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.home_sign_up_btn_row {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: -60px;
    padding-top: 18px;
    display: flex;
}

.home_sign_up_btn {
    border: 1px solid var(--gold);
    background-color: var(--rice2);
    color: var(--gold);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 9px 18px;
    font-size: 15px;
    line-height: 21px;
    display: flex;
}

.home_sign_up_btn:hover {
    background-color: var(--transparent);
    filter: brightness(500%);
}

.home_sign_up_btn_icon {
    height: 15px;
    margin-right: 9px;
    display: block;
}

.home_banner_title_1st {
    font-size: 42px;
    line-height: 57px;
}

.home_lang_row_desktop {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-top: 42px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.home_lang_btn_desktop {
    color: var(--white);
    font-size: 15px;
    font-weight: 200;
    line-height: 21px;
}

.home_lang_btn_desktop:hover {
    color: var(--rice1);
}

.home_lang_btn_desktop.w--current {
    font-weight: 700;
}

.home_lang_row_mobile {
    z-index: 2;
    padding-top: 48px;
    display: none;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.home_lang_dropdown {
    z-index: 0;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-size: 16.5px;
    line-height: 21.3px;
    display: flex;
}

.home_lang_dropdown_toggle {
    z-index: 3;
    color: var(--white);
    justify-content: space-between;
    align-items: center;
    min-width: 81px;
    min-height: 42px;
    padding: 0 8.1px 0 16.5px;
    display: flex;
}

.home_lang_dropdown_toggle.w--open {
    color: var(--black);
}

.home_lang_dropdown_arrow {
    margin: 0 0 0 5.4px;
    font-size: 13.5px;
    position: relative;
}

.home_lang_dropdown_text {
    margin-left: auto;
    margin-right: auto;
}

.home_lang_dropdown_list {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.home_lang_dropdown_list.w--open {
    background-color: var(--white);
    padding-top: 42px;
    padding-bottom: 5.25px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
}

.home_lang_dropdown_link {
    background-color: var(--transparent);
    text-align: center;
    padding: 10.5px 7.5px;
}

.home_lang_dropdown_link:hover {
    background-color: var(--rice1);
}

.popup_close_btn {
    z-index: 11;
    opacity: 0.5;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
}

.popup_close_btn:hover {
    opacity: 0.75;
}

.popup_close_btn_line {
    background-color: var(--black);
    height: 1px;
    margin-top: -0.5px;
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 30%;
    right: 30%;
    transform: rotate(45deg);
}

.popup_close_btn_line.second {
    transform: rotate(135deg);
}

.back_to_login_form {
    z-index: 11;
    font-size: 25px;
    position: absolute;
    top: 3%;
    left: 5%;
    color: var(--shadow);
    line-height: 21px;
}

.login_popup_form {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}

.login_popup_form_in {
    flex-flow: column;
    justify-content: center;
    width: 100%;
    max-width: 600px;
    padding-top: 90px;
    padding-bottom: 48px;
    display: flex;
}

.login_popup_form_title_1st {
    color: var(--gold);
    font-size: 27px;
    line-height: 33px;
}

.login_popup_form_title_2nd {
    color: var(--gold);
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
}

.sign_up_popup_form_title_1st {
    color: var(--gold);
    font-size: 27px;
    line-height: 33px;
    text-align: left;
}

.sign_up_popup_form_title_2nd {
    color: var(--gold);
    font-size: 30px;
    font-weight: 700;
    line-height: 39px;
    margin-bottom: 24px;
    text-align: left;
}

.login_popup_phone_number_title {
    letter-spacing: 0.9px;
    text-transform: uppercase;
    padding-top: 24px;
    padding-bottom: 12px;
    font-weight: 600;
}

.login_popup_phone_number_row {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    display: flex;
}

.login_popup_form_text_field {
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: var(--transparent) var(--transparent) var(--shadow);
    background-color: var(--transparent);
    color: var(--black);
    border-radius: 0;
    height: 48px;
    margin-bottom: 0;
    padding: 0 6px;
    font-size: 21px;
    line-height: 21px;
}

.login_popup_form_text_field::placeholder {
    color: var(--shadow);
}

.login_popup_form_selection {
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: var(--transparent) var(--transparent) var(--shadow);
    background-color: var(--transparent);
    color: var(--black);
    border-radius: 0;
    width: 180px;
    height: 48px;
    margin-bottom: 0;
    padding: 0 6px 0 0;
    font-size: 18px;
    line-height: 21px;

    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;

    padding-right: 20px;
    background-image: url(../img/dropdown.svg);
    background-position: center right 4px;
    background-size: 12px;
    background-repeat: no-repeat;
}

.login_popup_code_row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%;
    padding-top: 48px;
    display: flex;
}

.login_popup_code_btn {
    border: 1px solid var(--orange);
    color: var(--orange);
    background-color: transparent;
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    height: 48px;
    padding-bottom: 1.8px;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 15px;
    font-weight: 600;
    line-height: 15px;
    display: flex;
}

.login_popup_code_btn[disabled] {
    cursor: not-allowed;
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

.login_popup_code_btn[disabled]:hover {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

.login_popup_code_btn:hover {
    background-color: var(--orange);
    color: var(--white);
}

.login_popup_btn_group {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 72px;
    display: flex;
}

.login_popup_register_btn {
    background-color: var(--orange);
    color: var(--white);
    border-radius: 999px;
    padding: 18px 60px;
}

.login_popup_register_btn:hover {
    background-color: var(--gold);
}

.login_popup_signin_btn {
    color: var(--orange);
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 21px;
    line-height: 27px;
    text-decoration: underline;
}

.link_style_button_primary {
    color: var(--orange);
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
}

.link_style_button_primary:hover {
    color: var(--gold);
}

.link_style_button {
    color: var(--black2);
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
}

.link_style_button:hover {
    color: var(--gold);
}

.login_popup_signin_btn:hover {
    color: var(--gold);
}

.login_popup_signin_btn_in {
    text-decoration: underline;
    display: inline-block;
}

.login_popup_tnc_btn {
    color: var(--shadow);
    font-size: 15px;
    line-height: 21px;
    text-decoration: underline;
}

.login_popup_tnc_btn:hover {
    color: var(--gold);
}

.consent_popup_container {
    z-index: 99;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10vh 7.5vw;
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.consent_popup_container_in {
    z-index: 1;
    background-color: var(--white);
    border-radius: 30px;
    width: 100%;
    max-width: 1200px;
    max-height: 80vh;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: auto;
}

.consent_popup_form_in {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 90px;
    padding-bottom: 90px;
    display: flex;
}

.consent_popup_title {
    text-transform: uppercase;
    font-size: 27px;
    font-weight: 600;
    line-height: 33px;
}

.consent_popup_text_block {
    padding-top: 36px;
    padding-bottom: 24px;
}

.consent_popup_text_block_in {
    width: 100%;
    overflow: auto;
}

.consent_popup_text1 {
    padding-bottom: 6px;
    font-size: 21px;
    line-height: 25.8px;
}

.consent_popup_text2 {
    padding-top: 15px;
    font-size: 15px;
    font-weight: 300;
    line-height: 19.8px;
}

.medium_text {
    font-weight: 500;
}

.consent_popup_checkbox_field {
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    display: flex;
}

.consent_popup_checkbox_dot {
    border-color: var(--shadow);
    border-radius: 0;
    flex: none;
    width: 21px;
    height: 21px;
    margin-top: 1.8px;
    margin-left: 0;
    margin-right: 12px;
    position: relative;
}

.consent_popup_checkbox_dot.w--redirected-checked {
    border-color: var(--gold);
    background-color: var(--gold);
    background-size: 75%;
}

.consent_popup_signup_btn {
    border: 1px solid var(--gold);
    background-color: var(--gold);
    color: var(--white);
    border-radius: 999px;
    margin-top: 48px;
    padding: 17px 59px;
}

.consent_popup_signup_btn:hover {
    background-color: var(--white);
    color: var(--gold);
}

.home_last_row_gradient {
    z-index: 11;
    background-image: linear-gradient(
        90deg,
        rgba(248, 244, 239, 0),
        var(--rice2)
    );
    width: 15vw;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 100%;
    right: auto;
}

.home_last_row_gradient.left {
    background-image: linear-gradient(
        270deg,
        rgba(248, 244, 239, 0),
        var(--rice2)
    );
    left: auto;
    right: 100%;
}

.home_last_row_gradient_in {
    background-color: var(--rice2);
    width: 9999px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 100%;
    right: auto;
}

.home_last_row_gradient_in.left {
    left: auto;
    right: 100%;
}

.inner_title_row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 48px;
    padding-bottom: 48px;
    display: flex;
    position: relative;
}

.inner_title {
    color: var(--black2);
    letter-spacing: 7.2px;
    text-transform: uppercase;
    font-size: 36px;
    line-height: 42px;
}

.inner_page_container {
    flex-flow: column;
    width: 100%;
    min-height: 100vh;
    display: flex;
    overflow: hidden;
}

.news_listing_container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    background-color: var(--rice2);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 60px 60px 120px;
    display: flex;
}

.news_listing_btn {
    width: 70%;
    max-width: 700px;
    font-size: 24px;
    line-height: 33px;
}

.news_listing_btn:hover {
    color: var(--gold);
}

.generic_btn_img_block {
    width: 100%;
    overflow: hidden;
}

.news_listing_btn_date {
    color: var(--gold);
    padding-top: 18px;
    padding-bottom: 6px;
    font-family: Playfair Display, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.menu_trigger_btn {
    z-index: 11;
    border-radius: 99px;
    justify-content: center;
    align-items: center;
    width: 84px;
    height: 84px;
    margin-top: 24px;
    margin-left: 24px;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.menu_trigger_btn:hover {
    opacity: 0.75;
}

.menu_trigger_btn_icon {
    z-index: 1;
    width: 42px;
    display: block;
    position: relative;
}

.menu_popup_close_area {
    z-index: 33;
    background-color: var(--black2);
    mix-blend-mode: multiply;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.menu_popup_container {
    z-index: 33;
    height: 100vh;
    background-color: #404041be;
    width: 100vw;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
    overflow: hidden;
}

.menu_popup_container_in {
    z-index: 66;
    background-color: var(--white);
    width: 75%;
    height: 100vh;
    min-height: 100vh;
    padding: 48px;
    position: fixed;
    overflow: auto;
    max-width: 340px;

    transform: translateX(-100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.menu_popup_container_in.open {
    transform: translateX(0);
}

.menu_popup_trigger_btn:hover {
    opacity: 0.75;
}

.menu_popup_trigger_btn_icon {
    width: 30px;
    display: block;
}

.menu_popup_btn_row {
    width: 100%;
    padding-top: 48px;
    display: flex;
}

.menu_popup_btn:hover {
    color: var(--gold);
}

.menu_popup_signin_block {
    border-top: 0.2px solid var(--gold);
    border-bottom: 0.2px solid var(--gold);
    width: 100%;
    margin-top: 48px;
    padding-top: 36px;
    padding-bottom: 36px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 12px;
    .logout_button {
        display: flex;
        flex-wrap: nowrap;
    }
}

.menu_popup_signin_btn_icon {
    width: 15px;
    margin-right: 15px;
    flex-basis: 15%;
}

.menu_popup_signin_btn {
    filter: brightness(50%) grayscale();
    color: var(--gold);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: 300;
    display: flex;
}

.menu_popup_signin_btn:hover {
    filter: brightness() grayscale(0%);
}

.menu_popup_lang_dropdown {
    width: 100%;
    display: block;
}

.menu_popup_lang_dropdown_toggle {
    filter: grayscale() brightness(50%);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    font-weight: 300;
    display: flex;
}

.menu_popup_lang_dropdown_toggle:hover {
    filter: grayscale(0%) brightness();
    color: var(--gold);
}

.menu_popup_lang_dropdown_title {
    display: flex;
    flex-wrap: nowrap;
    flex-basis: 35%;
    align-items: center;
    justify-content: space-between;
}

.menu_popup_language_icon {
    width: 35px;
}

.menu_popup_lang_dropdown_list {
    background-color: var(--transparent);
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.menu_popup_lang_dropdown_arrow {
    margin-right: 6px;
}

.menu_popup_lang_dropdown_link {
    background-color: var(--rice1);
    text-align: center;
    border-top: 1px solid #fff;
    padding: 12px 24px;
    font-weight: 300;
    flex-basis: 100%;
}

.menu_popup_lang_dropdown_link:hover {
    background-color: var(--gold);
    color: var(--white);
}

.coupon_center_container {
    background-color: var(--rice3);
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-top: 36px;
    display: flex;
}

.coupon_center_tabs {
    width: 100%;
}

.coupon_center_tabs_menu {
    grid-column-gap: 90px;
    grid-row-gap: 90px;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.coupon_center_tab_link {
    border-bottom: 1.8px solid var(--transparent);
    background-color: var(--transparent);
    opacity: 0.6;
    color: var(--gold);
    text-align: center;
    padding: 3px 0;
    font-size: 24px;
    line-height: 30px;
}

.coupon_center_tab_link:hover {
    opacity: 1;
}

.coupon_center_tab_link.w--current {
    border-bottom-color: var(--gold);
    background-color: var(--transparent);
    opacity: 1;
    font-weight: 500;
}

.coupon_center_tabs_content {
    width: 100%;
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
}

.coupon_center_tab_pane {
    padding: 20px 60px 120px;
}

.coupon_center_item_row {
    width: 100%;
    padding-top: 20px;
}

.coupon_center_item_block {
    background-color: var(--white);
    border-radius: 36px;
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 165px;
    padding: 24px 36px;
    display: flex;
    position: relative;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.coupon_center_item_icon {
    flex: none;
    width: 60px;
}

.coupon_center_item_btn {
    background-color: var(--orange);
    color: var(--white);
    text-align: center;
    border-radius: 999px;
    flex: none;
    width: 120px;
    margin-top: auto;
    margin-bottom: 24px;
    margin-right: 36px;
    padding: 8px 16px;
    font-size: 16.5px;
    line-height: 22.5px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
}

.coupon_center_item_btn:hover {
    background-color: var(--gold);
}

.coupon_center_item_btn.dim {
    background-color: rgba(35, 31, 32, 0.3);
}

.coupon_center_item_btn.dim:hover {
    background-color: var(--shadow);
}

.coupon_center_item_text {
    flex-flow: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    position: relative;
}

.coupon_center_item_discount {
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
}

.coupon_center_item_discount.no_above_text {
    padding-top: 12px;
}

.coupon_center_item_small_text {
    opacity: 0.8;
    padding-top: 6px;
    font-size: 12px;
    line-height: 15px;
}

.coupon_center_item_expiry_date {
    opacity: 0.4;
    margin-top: auto;
    padding-top: 12px;
    padding-bottom: 3px;
    font-size: 15px;
    line-height: 21px;
}

.contact_popup_container {
    z-index: 99;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10vh 7.5vw;
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.contact_popup_container_in {
    z-index: 1;
    background-color: var(--white);
    text-align: center;
    border-radius: 30px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 720px;
    max-height: 80vh;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 60px 48px;
    display: flex;
    position: relative;
    overflow: auto;
}

.contact_popup_text {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.contact_popup_phone_btn {
    color: var(--gold);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 48px;
    font-size: 39px;
    line-height: 45px;
    display: flex;
}

.contact_popup_phone_btn_icon {
    width: 36px;
    margin-bottom: 15px;
    display: block;
}

.contact_popup_ok_btn {
    /* border: .2px solid var(--gold); */
    border: 1px solid var(--gold);
    color: var(--gold);
    border-radius: 999px;
    padding: 15px 45px;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
}

.contact_popup_ok_btn:hover {
    background-color: var(--gold);
    color: var(--white);
}

.upload_receipt_container {
    background-color: var(--rice3);
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    min-height: 100vh;
    display: flex;
    position: relative;
}

.upload_receipt_header_row {
    text-align: center;
    width: 100%;
    padding-top: 72px;
    padding-bottom: 72px;
    position: relative;
}

.upload_receipt_back_btn {
    z-index: 11;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin-top: 72px;
    margin-left: 48px;
    font-size: 36px;
    line-height: 36px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.upload_receipt_back_btn:hover {
    color: var(--gold);
}

.upload_receipt_header_row_in {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    color: var(--gold);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 36px;
    padding-right: 36px;
    font-size: 20px;
    line-height: 26px;
    display: flex;
}

.upload_receipt_header_row_in.for_coupon_code {
    padding-left: 108px;
    padding-right: 108px;
}

.upload_receipt_header_title {
    font-size: 35px;
    font-weight: 600;
    line-height: 42px;
}

.upload_receipt_intro_row {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    max-width: 390px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 48px;
    display: flex;
}

.upload_receipt_intro_block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.upload_receipt_intro_text_row {
    color: var(--gold);
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    display: flex;
}

.upload_receipt_intro_number {
    border: 1px solid var(--gold);
    color: var(--gold);
    border-radius: 999px;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 27px;
    height: 27px;
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
}

.upload_receipt_intro_arrow {
    flex: none;
    width: 21px;
    margin-bottom: 30px;
    margin-left: 12px;
    margin-right: 12px;
    display: block;
}

.upload_receipt_intro_icon {
    opacity: 0.5;
    width: 100%;
    max-width: 72px;
    margin-left: 30px;
    display: block;
}

.upload_receipt_intro_btn_row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
}

.upload_receipt_intro_btn {
    border: 1.5px solid var(--white);
    background-color: var(--white);
    color: var(--gold);
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 339px;
    padding: 18px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.upload_receipt_intro_btn:hover {
    border-color: var(--gold);
    background-color: var(--transparent);
}

.upload_receipt_intro_btn.second {
    border-color: var(--gold);
    background-color: var(--gold);
    color: var(--white);
}

.upload_receipt_intro_btn.second:hover {
    background-color: var(--transparent);
    color: var(--gold);
}

.upload_receipt_camera_row {
    z-index: 1;
    flex-flow: column;
    flex: 1;
    width: 100%;
    margin-top: -18px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    position: relative;
}

.upload_receipt_camera_btn_row {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
}

.upload_receipt_camera_btn_side_block {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.upload_receipt_camera_shoot_btn {
    flex: none;
}

.upload_receipt_camera_shoot_btn:hover {
    filter: brightness(50%) grayscale();
}

.upload_receipt_camera_shoot_btn_img {
    width: 120px;
    display: block;
}

.upload_receipt_camera_block {
    /* background-image: url('/assets/img/upload_receipt_camera_hori.jpg'); */
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
    width: 100%;
    max-width: 1080px;
    min-height: 480px;
    max-height: 960px;
    margin-left: auto;
    margin-right: auto;
}

.upload_receipt_camera_upload_btn {
    color: var(--gold);
    text-align: center;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    font-size: 22px;
    line-height: 28px;
    display: flex;
}

.upload_receipt_camera_upload_btn:hover {
    filter: grayscale() brightness(50%);
}

.upload_receipt_camera_upload_btn_icon {
    width: 46px;
    margin-bottom: 9px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.upload_receipt_complete_container {
    flex-flow: column;
    margin-top: auto;
    margin-bottom: auto;
    padding-bottom: 90px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
}

.upload_receipt_complete_container_in {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1080px;
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.upload_receipt_complete_dot {
    width: 164px;
    display: block;
}

.upload_receipt_complete_title {
    color: var(--black2);
    text-align: center;
    padding-top: 36px;
    padding-bottom: 24px;
    font-size: 45px;
    font-weight: 600;
    line-height: 51px;
}

.upload_receipt_complete_text {
    opacity: 0.75;
    color: var(--black2);
    text-align: center;
    font-size: 25px;
    line-height: 34px;
}

.upload_receipt_complete_notes {
    opacity: 0.5;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 15px;
    line-height: 18px;
}

.upload_receipt_status_container {
    flex: 1;
    width: 100%;
    padding-bottom: 120px;
    padding-left: 60px;
    padding-right: 60px;
}

.upload_receipt_status_container_in {
    grid-column-gap: 8%;
    grid-row-gap: 20px;
    flex-flow: wrap;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.upload_receipt_status_item_block {
    background-color: var(--white);
    border-radius: 36px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 46%;
    padding: 24px 36px;
    display: flex;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.upload_receipt_status_item_block_in {
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    min-height: 120px;
    padding-left: 18px;
    display: flex;
}

.upload_receipt_status_item_row {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
}

.upload_receipt_status_item_row.last {
    justify-content: flex-start;
    align-items: flex-end;
    padding-top: 15px;
}

.upload_receipt_status_item_color_block {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-left: auto;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    display: flex;
}

.upload_receipt_status_item_color_dot {
    width: 18px;
    margin-right: 9px;
    display: block;
}

.upload_receipt_status_item_btn {
    background-color: var(--orange);
    color: var(--white);
    text-align: center;
    border-radius: 999px;
    flex: none;
    width: 120px;
    margin-top: auto;
    padding: 8px 16px;
    font-size: 16.5px;
    line-height: 22.5px;
}

.upload_receipt_status_item_btn:hover {
    background-color: var(--gold);
}

.upload_receipt_status_item_date {
    opacity: 0.4;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 3px;
    padding-right: 15px;
    font-size: 13px;
    line-height: 17px;
}

.status_green_text {
    color: #8cc53f;
}

.status_orange_text {
    color: #fab041;
}

.status_red_text {
    color: #ef5a28;
}

.upload_receipt_progress_container {
    z-index: 1;
    flex-flow: column;
    flex: 1;
    width: 100%;
    margin-top: -18px;
    padding-bottom: 120px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    position: relative;
}

.upload_receipt_progress_date {
    text-align: center;
    padding-bottom: 48px;
    font-size: 15px;
    line-height: 21px;
}

.upload_receipt_progress_container_in {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 570px;
    margin: auto;
    display: flex;
}

.upload_receipt_progress_block {
    border: 1px solid var(--gold);
    color: var(--gold);
    text-align: center;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    width: 100%;
    padding: 12px 18px;
    font-size: 21px;
    font-weight: 500;
    line-height: 27px;
}

.upload_receipt_progress_block.unavailable {
    opacity: 0.5;
    filter: grayscale();
}

.upload_receipt_progress_spacing {
    width: 100%;
    height: 3vh;
    min-height: 18px;
    max-height: 36px;
}

.upload_receipt_progress_arrow {
    height: 24px;
    display: block;
}

.upload_receipt_progress_arrow.unavailable {
    opacity: 0.5;
    filter: grayscale();
}

.upload_receipt_progress_btn {
    border: 1px solid var(--gold);
    background-color: var(--gold);
    color: var(--white);
    text-align: center;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    width: 100%;
    padding: 30px 18px;
    font-size: 21px;
    font-weight: 500;
    line-height: 27px;
}

.upload_receipt_progress_btn:hover {
    border-color: var(--orange);
    background-color: var(--orange);
}

.upload_receipt_progress_btn.unavailable {
    background-color: #ababab;
    border-color: #ababab;
}

.upload_receipt_coupon_container {
    z-index: 1;
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: -30px;
    padding-bottom: 90px;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    position: relative;
}

.upload_receipt_coupon_container_in {
    border: 0.42px solid var(--gold);
    background-color: var(--white);
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 555px;
    padding: 60px 60px 36px;
    display: flex;
}

.upload_receipt_coupon_code_img {
    width: 75%;
    max-width: 220px;
    display: block;
}

.upload_receipt_coupon_or {
    padding-top: 24px;
    padding-bottom: 24px;
}

.upload_receipt_coupon_code_number {
    color: var(--gold);
    padding-top: 42px;
    padding-bottom: 12px;
    /* font-size: 26px; */
    font-size: 14px;
    line-height: 36px;
}

.upload_receipt_coupon_code_text {
    max-width: 396px;
    /* font-size: 14px; */
    font-size: 18px;
    line-height: 21px;
}

.upload_receipt_coupon_code_date {
    opacity: 0.4;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 42px;
    font-size: 18px;
    line-height: 26px;
}

.upload_receipt_coupon_tnc_btn {
    opacity: 0.5;
    /* font-size: 15px; */
    font-size: 14px;
    line-height: 21px;
    text-decoration: underline;
}

.upload_receipt_coupon_tnc_btn:hover {
    opacity: 1;
    color: var(--gold);
}

.tnc_popup_ok_btn {
    /* border: .2px solid var(--gold); */
    border: 1px solid var(--gold);
    color: var(--gold);
    border-radius: 999px;
    margin-top: 48px;
    padding: 15px 45px;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
}

.tnc_popup_ok_btn:hover {
    background-color: var(--gold);
    color: var(--white);
}

.tnc_popup_text {
    padding-top: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.8px;
}

.tnc_popup_text_block {
    padding-top: 48px;
    padding-bottom: 24px;
}

.tnc_popup_content {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding: 90px 5vw;
    display: flex;
}

.loading_cover_container {
    z-index: 999;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(230, 228, 211, 0.9);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.loading_cover_icon {
    width: 90px;
    display: block;
}

.inner_title_icon {
    height: 40px;
    margin-top: -8px;
    display: block;
}

.whats_new_detail_back_btn {
    z-index: 11;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin-top: 39px;
    margin-left: 48px;
    font-size: 36px;
    line-height: 36px;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.whats_new_detail_back_btn:hover {
    color: var(--gold);
}

.whats_new_detail_container {
    background-color: rgba(232, 222, 208, 0.25);
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    min-height: 100vh;
    padding-top: 120px;
    display: flex;
}

.whats_new_detail_img_row {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
}

.whats_new_detail_img_desktop {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.whats_new_detail_container_in {
    padding: 48px 60px 120px;
}

.whats_new_detail_content {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.whats_new_detail_title {
    max-width: 600px;
    padding-bottom: 36px;
    font-size: 26px;
    line-height: 36px;
}

.whats_new_detail_img_mobile {
    width: 100%;
    display: none;
}

.whats_new_detail_content_in {
    grid-column-gap: 6%;
    grid-row-gap: 6%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.whats_new_detail_content_left {
    opacity: 0.75;
    width: 49%;
    font-size: 15px;
    line-height: 25px;
}

.whats_new_detail_content_right {
    flex-flow: column;
    width: 45%;
    display: flex;
}

.whats_new_detail_info_row {
    color: var(--gold);
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    line-height: 21px;
    display: flex;
}

.whats_new_detail_info_left {
    border-right: 1px solid var(--gold);
    flex: none;
    margin-top: 3.5px;
    margin-right: 7px;
    padding-right: 7px;
    line-height: 14px;
}

.whats_new_detail_info_right {
    width: 100%;
}

.whats_new_detail_btn_row {
    width: 100%;
    padding-top: 36px;
    display: flex;
}

.whats_new_detail_btn {
    border: 1px solid var(--gold);
    color: var(--gold);
    border-radius: 999px;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 18px;
}

.whats_new_detail_btn:hover {
    background-color: var(--gold);
    color: var(--white);
}

.tnc_popup_container,
.privacy_popup_container {
    display: flex;
    z-index: 99;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10vh 7.5vw;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.sign_up_popup_container {
    z-index: 99;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10vh 7.5vw;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.sign_up_popup_container_in {
    z-index: 1;
    background-color: var(--white);
    border-radius: 30px;
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: auto;
}

.sign_up_input_title {
    letter-spacing: 0.9px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    flex-basis: 25%;
    min-width: 92px;
}

.sign_up_input_row {
    line-height: 36px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 4px;
    .login_popup_form_text_field {
        width: 100%;
    }
    p {
        line-height: 20px;
    }
}

.sign_up_form_item {
    margin-bottom: 22px;
}

.error {
    color: red;
}

#prefer_lang {
    width: 100%;
}

.coupon_center_item_tnc_btn {
    color: rgba(35, 31, 32, 0.6);
    margin-bottom: 11px;
    margin-left: 13px;
    font-size: 12px;
    line-height: 15px;
    text-decoration: underline;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.coupon_center_item_tnc_btn:hover {
    color: var(--gold);
}

.upload_receipt_intro_content {
    grid-column-gap: 6%;
    grid-row-gap: 6%;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.upload_receipt_intro_content_left {
    width: 49%;
}

.upload_receipt_intro_content_right {
    width: 45%;
}

.upload_receipt_intro_content_text {
    opacity: 0.75;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
}

.upload_receipt_intro_title {
    max-width: 600px;
    padding-bottom: 24px;
    font-size: 26px;
    line-height: 36px;
}

.upload_receipt_container_in {
    margin-bottom: auto;
    padding: 36px 60px 120px;
}

.upload_receipt_intro_date {
    color: var(--gold);
    padding-top: 24px;
    font-family: Playfair Display, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
}

.upload_receipt_progress_block_side {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 18px;
    padding-bottom: 2px;
    display: flex;
}

.upload_receipt_progress_text {
    padding: 21px 15px 24px;
}

.upload_receipt_progress_dot {
    width: 15px;
    display: block;
}

.upload_receipt_progress_lightbox_link:hover {
    opacity: 0.75;
}

.upload_receipt_progress_lightbox_icon {
    width: 15px;
    margin-left: 1.5px;
    display: block;
}

.upload_receipt_progress_block_in {
    justify-content: space-between;
    display: flex;
}

.upload_receipt_progress_small_text {
    z-index: 1;
    color: var(--black2);
    letter-spacing: 0;
    text-transform: none;
    margin-top: -15px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    position: relative;
}

.upload_receipt_progress_small_text.red {
    color: var(--orange);
}

.upload_receipt_progress_phone {
    display: inline-block;
}

.upload_receipt_progress_tel {
    color: var(--orange);
}

.menu_trigger_btn_bg {
    z-index: 0;
    opacity: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 99px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.menu_trigger_btn_bg_action_line {
    position: absolute;
    top: 0%;
    bottom: 50%;
    left: 0%;
    right: auto;
}

.upload_receipt_description_row {
    color: var(--gold);
    justify-content: center;
    align-items: center;
    display: flex;
}

.upload_receipt_description_icon {
    width: 42px;
    margin-right: 18px;
}

.upload_image_status_mobile_title {
    display: none;
}

.upload_image_status_container {
    flex-flow: column;
    flex: 1;
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}

.upload_image_status_container_in {
    background-color: var(--white);
    border-radius: 20px;
    flex-flow: column;
    flex: 1;
    width: 100%;
    max-width: 1335px;
    margin-left: auto;
    margin-right: auto;
    padding: 36px 60px 60px;
    display: flex;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.upload_image_status_title {
    color: var(--orange);
    padding-bottom: 36px;
    font-size: 33px;
    font-weight: 600;
    line-height: 39px;
}

.upload_image_status_content {
    flex: 1;
    width: 100%;
    display: flex;
}

.upload_image_status_left {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    border: 1px dashed var(--orange);
    color: var(--gold);
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 48px 36px;
    font-weight: 300;
    display: flex;
}

.upload_file_desktop_icon {
    width: 108px;
    display: block;
}

.upload_image_status_left_btn {
    border: 1px solid var(--orange);
    color: var(--orange);
    border-radius: 999px;
    padding: 18px 48px;
    font-size: 24px;
    line-height: 30px;
}

.upload_image_status_left_btn:hover {
    background-color: var(--orange);
    color: var(--white);
}

.upload_image_status_right {
    flex-flow: column;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    display: flex;
}

.upload_image_status_right_title {
    color: var(--gold);
    padding-bottom: 36px;
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.upload_image_status_btn {
    border: 1px solid var(--gold);
    background-color: var(--gold);
    color: var(--white);
    text-align: center;
    letter-spacing: 1.05px;
    text-transform: uppercase;
    width: 100%;
    margin-top: auto;
    padding: 30px 18px;
    font-size: 21px;
    font-weight: 500;
    line-height: 27px;
}

.upload_image_status_btn:hover {
    border-color: var(--orange);
    background-color: var(--orange);
}

.upload_image_status_btn.unavailable {
    background-color: #ababab;
    border-color: #ababab;
}

.upload_image_status_item_block {
    width: 100%;
    padding-bottom: 24px;
}

.upload_image_status_item_block_in {
    background-color: var(--white);
    border-radius: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding: 18px 24px;
    display: flex;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.upload_image_status_item_thumbnail {
    flex: none;
    width: 48px;
    display: block;
}

.upload_image_status_item_center {
    width: 100%;
    margin-right: auto;
    padding-left: 24px;
    padding-right: 36px;
}

.upload_image_status_bar {
    background-color: #e5e6e7;
    border-radius: 999px;
    height: 5px;
    margin-top: 9px;
    position: relative;
    overflow: hidden;
}

.upload_image_status_bar_in {
    background-color: #8cc53f;
    border-radius: 999px;
    width: 100%;
    margin-left: -100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
}

.upload_image_status_bar_in.percent10 {
    transform: translate(10%);
}

.upload_image_status_bar_in.percent20 {
    transform: translate(20%);
}

.upload_image_status_bar_in.percent30 {
    transform: translate(30%);
}

.upload_image_status_bar_in.percent40 {
    transform: translate(40%);
}

.upload_image_status_bar_in.percent50 {
    transform: translate(50%);
}

.upload_image_status_bar_in.percent60 {
    transform: translate(60%);
}

.upload_image_status_bar_in.percent70 {
    transform: translate(70%);
}

.upload_image_status_bar_in.percent80 {
    transform: translate(80%);
}

.upload_image_status_bar_in.percent90 {
    transform: translate(90%);
}

.upload_image_status_bar_in.percent100 {
    transform: translate(100%);
}

.upload_image_status_item_center_in {
    opacity: 0.5;
    justify-content: space-between;
    width: 100%;
    padding-top: 3px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
}

.upload_image_status_item_close_btn {
    flex: none;
    margin-top: auto;
    margin-bottom: auto;
}

.upload_image_status_item_close_btn:hover {
    opacity: 0.7;
}

.upload_image_status_item_close_btn_icon {
    width: 15px;
    display: block;
}

.upload_image_status_more_btn {
    color: var(--gold);
    background-color: rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 21px;
    padding: 30px;
    font-size: 18px;
    line-height: 23px;
    display: none;
}

.upload_image_status_more_btn:hover {
    background-color: var(--rice2);
}

.upload_image_status_more_btn_icon {
    height: 36px;
    margin-right: 15px;
}

html.w-mod-js [data-ix="banner-loading"] {
    transform: scale(1.21);
}

html.w-mod-js [data-ix="scrolling-effect-home-logo"] {
    opacity: 0;
    transform: scale(1.25);
}

html.w-mod-js [data-ix="scrolling-effect-01"],
html.w-mod-js [data-ix="scrolling-effect-02"],
html.w-mod-js [data-ix="scrolling-effect-03"] {
    opacity: 0;
    transform: translate(0, 36px);
}

html.w-mod-js [data-ix="scrolling-effect-title-01"] {
    opacity: 0;
    transform: translate(-36px);
}

html.w-mod-js [data-ix="scrolling-effect-title-02"] {
    opacity: 0;
    transform: translate(36px);
}

@media screen and (min-width: 1440px) {
    .home_promo_slider {
        width: 66%;
    }

    .home_promo_banner_gradient {
        width: 17vw;
    }

    .login_popup_container {
        padding-left: 0;
        padding-right: 0;
    }

    .login_popup_content {
        padding-left: 90px;
        padding-right: 90px;
    }

    .consent_popup_container {
        padding-left: 0;
        padding-right: 0;
    }

    .home_last_row_gradient {
        width: 240px;
    }

    .contact_popup_container,
    .tnc_popup_container {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (max-width: 991px) {
    body {
        font-size: 16.5px;
        line-height: 21.5px;
    }

    p {
        padding-top: 10.75px;
    }

    .login_or_sign_up {
        justify-content: center;
    }

    .sign_up_input_title {
        font-size: 14px;
        margin-right: 12px;
    }

    .sign_up_input_row {
        p {
            font-size: 13px;
        }
    }

    .sign_up_popup_form_title_1st {
        color: var(--gold);
        font-size: 27px;
        line-height: 33px;
        text-align: center;
    }

    .sign_up_popup_form_title_2nd {
        color: var(--gold);
        font-size: 30px;
        font-weight: 700;
        line-height: 39px;
        margin-bottom: 24px;
        text-align: center;
    }

    .home_banner_container {
        padding-left: 36px;
        padding-right: 36px;
    }

    .home_banner_img {
        background-position: 50% 10%;
        background-size: 200vw;
    }

    .home_banner_container_in {
        grid-column-gap: 37.5px;
        grid-row-gap: 37.5px;
        flex-flow: column;
        min-height: 420px;
        padding-top: 45px;
        padding-bottom: 102px;
    }

    .home_banner_container_in.after_login {
        min-height: auto;
    }

    .home_banner_logo_img {
        height: 102px;
        margin-right: auto;
    }

    .home_banner_title {
        text-align: center;
        max-width: 540px;
        margin-left: auto;
        margin-right: auto;
    }

    .home_banner_title_2nd {
        font-size: 39px;
        line-height: 48px;
    }

    .home_member_btn_container {
        padding-left: 36px;
        padding-right: 36px;
    }

    .home_promo_container {
        padding-bottom: 54px;
    }

    .home_promo_title {
        text-align: left;
        padding-top: 36px;
        padding-bottom: 21px;
        font-size: 24px;
        line-height: 28.8px;
    }

    .home_promo_slider {
        max-width: 418px;
    }

    .home_promo_slider_mask {
        width: 100%;
    }

    .home_promo_slide {
        width: 100%;
        padding-left: 9px;
        padding-right: 9px;
    }

    .home_promo_slide_btn {
        border-radius: 24px;
    }

    .home_promo_slider_arrow {
        display: none;
    }

    .home_promo_more_btn_row {
        margin-bottom: 0;
        padding-top: 0;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: 0%;
        right: 0%;
    }

    .home_promo_more_btn {
        border: 0px none var(--transparent);
        margin-top: 42px;
        margin-right: 36px;
        padding: 0;
        font-size: 14.1px;
        line-height: 18.9px;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

    .home_promo_more_btn:hover {
        background-color: var(--transparent);
        opacity: 0.67;
        color: var(--orange);
    }

    .home_promo_more_btn_icon_d {
        display: none;
    }

    .home_promo_more_btn_icon_m {
        display: block;
    }

    .home_promo_banner_gradient {
        display: none;
    }

    .home_last_row {
        padding: 33px 24px 72px;
    }

    .home_last_row_slider {
        width: 75%;
        padding-bottom: 30px;
    }

    .home_last_row_slider_arrow {
        width: 27px;
        height: 27px;
        margin-bottom: -19px;
        font-size: 14px;
        line-height: 14px;
    }

    .home_last_row_slide {
        padding-left: 36px;
        padding-right: 36px;
    }

    .home_last_row_slider_nav {
        margin-bottom: -7.5px;
        display: flex;
    }

    .home_last_row_btn_circle {
        max-width: 108px;
        margin-bottom: 9px;
        padding: 4.8px;
    }

    .home_member_after_login_btn_row {
        grid-column-gap: 16.5px;
        grid-row-gap: 16.5px;
        margin-top: -49.5px;
        margin-bottom: -6px;
    }

    .home_member_after_login_btn {
        background-position: 86% 21px, 0 0;
        background-size: auto 60px, auto;
        border-radius: 27px;
        min-height: 99px;
        padding: 16.5px 21px;
    }

    .home_member_after_login_btn_small_text {
        padding-top: 2.4px;
        font-size: 13.5px;
        line-height: 18.3px;
    }

    .login_popup_container_in {
        border-radius: 24px;
        max-width: 690px;
    }

    .login_popup_content {
        padding-left: 5vw;
        padding-right: 5vw;
    }

    .home_sign_up_btn_row {
        justify-content: flex-end;
        align-items: flex-start;
        width: 50vw;
        margin-bottom: 0;
        padding-top: 51px;
        position: absolute;
        top: 0%;
        bottom: auto;
        left: auto;
        right: 0%;
    }

    .home_sign_up_btn {
        padding: 8.1px 15px;
        font-size: 13.5px;
        line-height: 18.3px;
    }

    .home_sign_up_btn_icon {
        height: 13.5px;
        margin-right: 7.5px;
    }

    .home_banner_title_1st {
        font-size: 33px;
        line-height: 45px;
    }

    .home_lang_row_desktop {
        display: none;
    }

    .home_lang_row_mobile {
        display: block;
    }

    .popup_close_btn {
        width: 75px;
        height: 75px;
    }

    .login_popup_form_in {
        flex: 1;
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 90px;
        padding-bottom: 36px;
    }

    .login_popup_form_title_1st {
        text-align: center;
        font-size: 24px;
        line-height: 28.8px;
    }

    .login_popup_form_title_2nd {
        text-align: center;
        padding-top: 1.5px;
        font-size: 27px;
        line-height: 34.5px;
    }

    .login_popup_phone_number_title {
        letter-spacing: 0.825px;
        padding-top: 60px;
        padding-bottom: 10.5px;
    }

    .login_popup_phone_number_row {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .login_popup_form_text_field {
        height: 42px;
        font-size: 18px;
        line-height: 18px;
    }

    .login_popup_form_selection {
        width: 135px;
        height: 42px;
        font-size: 16px;
        line-height: 18px;
    }

    .login_popup_code_row {
        grid-column-gap: 18px;
        grid-row-gap: 18px;
        padding-top: 39px;
    }

    .login_popup_code_btn {
        height: 39px;
        font-size: 12px;
        line-height: 12px;
    }

    .login_popup_btn_group {
        text-align: center;
        flex: 1;
        justify-content: flex-start;
        align-items: center;
        padding-top: 60px;
    }

    .login_popup_register_btn {
        min-width: 65vw;
        padding-top: 16.5px;
        padding-bottom: 16.5px;
    }

    .login_popup_signin_btn {
        margin-top: 24px;
        margin-bottom: 54px;
        font-size: 18px;
        line-height: 23.4px;
    }

    .login_popup_tnc_btn {
        margin-top: auto;
        font-size: 13.5px;
        line-height: 18.3px;
    }

    .consent_popup_container_in {
        border-radius: 24px;
        max-width: 690px;
    }

    .consent_popup_form_in {
        flex: 1;
        padding-top: 75px;
        padding-bottom: 48px;
    }

    .consent_popup_title {
        font-size: 24px;
        line-height: 28.8px;
    }

    .consent_popup_text_block {
        padding-top: 30px;
        padding-bottom: 21px;
    }

    .consent_popup_text1 {
        padding-bottom: 4.5px;
        font-size: 18px;
        line-height: 22.2px;
    }

    .consent_popup_text2 {
        font-size: 13.5px;
        line-height: 17.7px;
    }

    .consent_popup_checkbox_dot {
        width: 19.5px;
        height: 19.5px;
        margin-top: 1.5px;
        margin-right: 10.5px;
    }

    .consent_popup_signup_btn {
        margin-top: 36px;
        padding-top: 15.5px;
        padding-bottom: 15.5px;
    }

    .inner_title_row {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-flow: column;
        padding-top: 39px;
        padding-bottom: 39px;
    }

    .inner_title {
        letter-spacing: 5.4px;
        font-size: 27px;
        line-height: 32px;
    }

    .news_listing_container {
        grid-column-gap: 42px;
        grid-row-gap: 42px;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        padding: 48px 48px 90px;
    }

    .news_listing_btn {
        font-size: 21px;
        line-height: 28px;
    }

    .news_listing_btn_date {
        padding-top: 15px;
        padding-bottom: 5px;
        font-size: 17.5px;
        line-height: 22.5px;
    }

    .menu_trigger_btn {
        width: 66px;
        height: 66px;
        margin-top: 18px;
        margin-left: 18px;
    }

    .menu_trigger_btn_icon {
        width: 33px;
    }

    .menu_popup_container_in {
        padding: 42px;
    }

    .menu_popup_trigger_btn_icon {
        width: 27px;
    }

    .coupon_center_container {
        grid-column-gap: 42px;
        /* grid-row-gap: 42px; */
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
        padding-top: 30px;
    }

    .coupon_center_tabs_menu {
        grid-column-gap: 63px;
        grid-row-gap: 63px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .coupon_center_tab_link {
        font-size: 22px;
        line-height: 27px;
    }

    .coupon_center_tab_pane {
        padding: 15px 48px 90px;
    }

    .coupon_center_item_row {
        padding-top: 18px;
    }

    .coupon_center_item_block {
        border-radius: 30px;
        min-height: 150px;
        padding: 21px 27px;
    }

    .coupon_center_item_icon {
        width: 54px;
    }

    .coupon_center_item_btn {
        width: 105px;
        margin-bottom: 21px;
        margin-right: 27px;
        padding: 7px 14px;
        font-size: 15px;
        line-height: 20px;
    }

    .coupon_center_item_text {
        padding-bottom: 45px;
        padding-left: 13px;
        padding-right: 13px;
    }

    .coupon_center_item_discount {
        font-size: 24px;
        line-height: 29px;
    }

    .coupon_center_item_discount.no_above_text {
        padding-top: 10px;
    }

    .coupon_center_item_small_text {
        padding-top: 5px;
    }

    .coupon_center_item_expiry_date {
        padding-top: 10px;
        padding-bottom: 2.5px;
        font-size: 13.5px;
        line-height: 18.5px;
    }

    .contact_popup_container_in {
        border-radius: 24px;
        max-width: 690px;
        padding: 48px 48px 42px;
    }

    .contact_popup_phone_btn {
        margin-top: 48px;
        margin-bottom: 42px;
        font-size: 33px;
        line-height: 38px;
    }

    .contact_popup_phone_btn_icon {
        width: 30px;
        margin-bottom: 12px;
    }

    .contact_popup_ok_btn {
        padding: 13px 38px;
        font-size: 25.5px;
        line-height: 30.5px;
    }

    .upload_receipt_header_row {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .upload_receipt_back_btn {
        width: 36px;
        height: 36px;
        margin-top: 60px;
        margin-left: 30px;
        font-size: 28px;
        line-height: 28px;
    }

    .upload_receipt_header_row_in {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding-left: 27px;
        padding-right: 27px;
        font-size: 18px;
        line-height: 23px;
    }

    .upload_receipt_header_row_in.for_coupon_code {
        padding-left: 78px;
        padding-right: 78px;
    }

    .upload_receipt_header_title {
        font-size: 28px;
        line-height: 35px;
    }

    .upload_receipt_intro_row {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 24px;
    }

    .upload_receipt_intro_block {
        margin-left: -30px;
    }

    .upload_receipt_intro_number {
        margin-right: 12px;
    }

    .upload_receipt_intro_arrow {
        margin-top: 12px;
        margin-bottom: 12px;
        transform: rotate(90deg);
    }

    .upload_receipt_intro_btn_row {
        padding-left: 0;
        padding-right: 0;
    }

    .upload_receipt_intro_btn {
        letter-spacing: 0.95px;
        font-size: 19px;
        line-height: 24px;
    }

    .upload_receipt_camera_row {
        margin-top: -15px;
        padding-left: 48px;
        padding-right: 48px;
    }

    .upload_receipt_camera_btn_side_block {
        padding-left: 24px;
        padding-right: 24px;
    }

    .upload_receipt_camera_shoot_btn_img {
        width: 100px;
    }

    .upload_receipt_camera_block {
        max-width: 420px;
        min-height: 390px;
        max-height: 780px;
    }

    .upload_receipt_camera_upload_btn {
        max-width: 150px;
        font-size: 19px;
        line-height: 24px;
    }

    .upload_receipt_camera_upload_btn_icon {
        width: 40px;
        margin-bottom: 7px;
    }

    .upload_receipt_complete_container {
        flex: 1;
        justify-content: center;
        padding-bottom: 75px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .upload_receipt_complete_container_in {
        flex: 1;
        max-height: 600px;
        margin-top: -24px;
    }

    .upload_receipt_complete_dot {
        width: 134px;
    }

    .upload_receipt_complete_title {
        padding-top: 30px;
        padding-bottom: 21px;
        font-size: 36.5px;
        line-height: 41.5px;
    }

    .upload_receipt_complete_text {
        font-size: 21px;
        line-height: 29px;
    }

    .upload_receipt_complete_notes {
        margin-top: auto;
        margin-bottom: auto;
        padding-top: 54px;
        padding-bottom: 54px;
        font-size: 14px;
        line-height: 16.85px;
    }

    .upload_receipt_status_container {
        padding-bottom: 90px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .upload_receipt_status_container_in {
        grid-column-gap: 0%;
        max-width: 550px;
    }

    .upload_receipt_status_item_block {
        border-radius: 30px;
        width: 100%;
        padding: 21px 27px;
    }

    .upload_receipt_status_item_block_in {
        min-height: 105px;
        padding-left: 17px;
    }

    .upload_receipt_status_item_row.last {
        padding-top: 13px;
    }

    .upload_receipt_status_item_color_block {
        padding-left: 13px;
        font-size: 14px;
        line-height: 19px;
    }

    .upload_receipt_status_item_color_dot {
        width: 16px;
        margin-right: 7px;
    }

    .upload_receipt_status_item_btn {
        width: 105px;
        padding: 7px 14px;
        font-size: 15px;
        line-height: 20px;
    }

    .upload_receipt_status_item_date {
        padding-top: 10px;
        padding-bottom: 2.5px;
        padding-right: 13px;
        font-size: 12.5px;
        line-height: 16.5px;
    }

    .upload_receipt_progress_container {
        margin-top: -9px;
        padding-bottom: 90px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .upload_receipt_progress_date {
        padding-bottom: 36px;
        font-size: 14px;
        line-height: 19px;
    }

    .upload_receipt_progress_container_in {
        max-width: 480px;
    }

    .upload_receipt_progress_block {
        letter-spacing: 0.975px;
        font-size: 19.5px;
        line-height: 24.5px;
    }

    .upload_receipt_progress_spacing {
        height: 2.7vh;
        min-height: 15px;
    }

    .upload_receipt_progress_arrow {
        height: 21.6px;
    }

    .upload_receipt_progress_btn {
        letter-spacing: 0.975px;
        font-size: 19.5px;
        line-height: 24.5px;
    }

    .upload_receipt_coupon_container {
        margin-top: -24px;
        padding-bottom: 75px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .upload_receipt_coupon_container_in {
        border-width: 0.36px;
        padding: 48px 48px 30px;
    }

    .upload_receipt_coupon_or {
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .upload_receipt_coupon_code_number {
        padding-top: 42px;
        /* font-size: 22px; */
        font-size: 13px;
        line-height: 31px;
    }

    .upload_receipt_coupon_code_text {
        /* font-size: 13px; */
        font-size: 16.5px;
        line-height: 19px;
    }

    .upload_receipt_coupon_code_date {
        padding-top: 21px;
        padding-bottom: 36px;
        font-size: 16.5px;
        line-height: 22.5px;
    }

    .upload_receipt_coupon_tnc_btn {
        /* font-size: 14px; */
        font-size: 13px;
        line-height: 19px;
    }

    .tnc_popup_ok_btn {
        margin-top: 36px;
        margin-left: auto;
        margin-right: auto;
        padding: 13px 38px;
        font-size: 25.5px;
        line-height: 30.5px;
    }

    .tnc_popup_text {
        font-size: 13.5px;
        line-height: 17.7px;
    }

    .tnc_popup_text_block {
        padding-top: 42px;
        padding-bottom: 18px;
    }

    .tnc_popup_content {
        flex: 1;
        padding: 69px 9vw 48px;
    }

    .loading_cover_icon {
        width: 75px;
    }

    .inner_title_icon {
        height: 35px;
        margin-top: 0;
    }

    .whats_new_detail_back_btn {
        width: 36px;
        height: 36px;
        margin-top: 27px;
        margin-left: 30px;
        font-size: 28px;
        line-height: 28px;
    }

    .whats_new_detail_container {
        padding-top: 90px;
    }

    .whats_new_detail_img_row {
        padding-left: 0;
        padding-right: 0;
    }

    .whats_new_detail_container_in {
        padding: 42px 48px 90px;
    }

    .whats_new_detail_content {
        width: 80%;
    }

    .whats_new_detail_title {
        padding-bottom: 27px;
        font-size: 23px;
        line-height: 30.5px;
    }

    .whats_new_detail_content_in {
        display: block;
    }

    .whats_new_detail_content_left {
        width: 100%;
    }

    .whats_new_detail_content_right {
        width: 100%;
        padding-top: 24px;
    }

    .coupon_center_item_tnc_btn {
        font-size: 11px;
        line-height: 14px;
    }

    .upload_receipt_intro_title {
        padding-bottom: 27px;
        font-size: 23px;
        line-height: 30.5px;
    }

    .upload_receipt_container_in {
        padding-bottom: 90px;
        padding-left: 48px;
        padding-right: 48px;
    }

    .upload_receipt_intro_date {
        padding-top: 21px;
    }

    .upload_receipt_description_icon {
        width: 39px;
        margin-right: 15px;
    }

    .upload_image_status_mobile_title {
        display: block;
    }

    .upload_image_status_container {
        padding-bottom: 90px;
        padding-left: 42px;
        padding-right: 42px;
    }

    .upload_image_status_container_in {
        background-color: var(--transparent);
        box-shadow: none;
        padding: 0;
    }

    .upload_image_status_title,
    .upload_image_status_left {
        display: none;
    }

    .upload_image_status_right {
        max-width: 525px;
        padding-left: 0;
    }

    .upload_image_status_right_title {
        display: none;
    }

    .upload_image_status_btn {
        letter-spacing: 0.975px;
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 27px;
        padding-bottom: 27px;
        font-size: 19.5px;
        line-height: 24.5px;
    }

    .upload_image_status_item_block {
        padding-bottom: 21px;
    }

    .upload_image_status_item_block_in {
        box-shadow: none;
        border-radius: 16px;
        padding: 16px 21px;
    }

    .upload_image_status_item_thumbnail {
        width: 42px;
    }

    .upload_image_status_item_center {
        padding-left: 21px;
        padding-right: 30px;
    }

    .upload_image_status_bar {
        margin-top: 8.1px;
    }

    .upload_image_status_item_center_in {
        padding-top: 2.4px;
        font-size: 13px;
        line-height: 18px;
    }

    .upload_image_status_item_close_btn_icon {
        width: 14px;
    }

    .upload_image_status_more_btn {
        display: flex;
    }
}

@media screen and (max-width: 767px) {
    .home_banner_logo_img {
        height: 84px;
    }

    .home_banner_title_2nd {
        font-size: 34.5px;
        line-height: 43.5px;
    }

    .home_last_row {
        padding-left: 0;
        padding-right: 0;
    }

    .home_last_row_slider {
        width: 80%;
    }

    .home_last_row_slider_mask {
        margin-right: auto;
    }

    .home_last_row_slide {
        padding-left: 24px;
        padding-right: 24px;
    }

    .home_sign_up_btn {
        font-size: 12px;
        line-height: 16.8px;
    }

    .home_sign_up_btn_icon {
        height: 12px;
    }

    .home_banner_title_1st {
        font-size: 28.5px;
        line-height: 40.5px;
    }

    .consent_popup_text_block_in {
        height: 30vh;
    }

    .news_listing_btn {
        width: 85%;
    }

    .coupon_center_item_btn {
        margin-right: 21px;
    }

    .upload_receipt_intro_row {
        flex-flow: row;
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 36px;
    }

    .upload_receipt_intro_block {
        margin-left: 0;
    }

    .upload_receipt_intro_arrow {
        margin-bottom: 30px;
        transform: rotate(0);
    }

    .upload_receipt_camera_block {
        /* background-image: url('/assets/img/upload_receipt_camera_vert.jpg'); */
    }

    .whats_new_detail_content {
        width: 100%;
    }

    .upload_receipt_intro_content {
        display: block;
    }

    .upload_receipt_intro_content_left {
        width: 100%;
    }

    .upload_receipt_intro_content_right {
        width: 100%;
        padding-top: 48px;
    }

    .upload_receipt_description_row {
        max-width: 333px;
    }
}

@media screen and (max-width: 479px) {
    body {
        font-size: 15px;
        line-height: 19px;
    }

    p {
        padding-top: 9.5px;
    }

    .login_or_sign_up {
        justify-content: center;
    }
    
    .sign_up_popup_form_title_1st {
        color: var(--gold);
        font-size: 27px;
        line-height: 33px;
        text-align: center;
    }

    .sign_up_popup_form_title_2nd {
        color: var(--gold);
        font-size: 30px;
        font-weight: 700;
        line-height: 39px;
        margin-bottom: 24px;
        text-align: center;
    }

    .home_banner_container {
        padding-left: 27px;
        padding-right: 27px;
    }

    .home_banner_img {
        background-position: 39% 0;
        background-size: 300vw;
    }

    .home_banner_container_in {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        min-height: 90vw;
        padding-top: 45px;
        padding-bottom: 60px;
    }

    .home_banner_container_in.after_login {
        min-height: 75vw;
        padding-bottom: 90px;
    }

    .home_banner_logo_img {
        height: 15vw;
        min-height: 60px;
    }

    .home_banner_title {
        max-width: 360px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .home_banner_title_2nd {
        font-size: 30px;
        line-height: 36px;
    }

    .home_member_btn_container {
        padding-left: 27px;
        padding-right: 27px;
    }

    .home_promo_container {
        padding-bottom: 48px;
    }

    .home_promo_title {
        padding: 30px 24px 18px;
        font-size: 21px;
        line-height: 24.6px;
    }

    .home_promo_slider {
        width: 80%;
    }

    .home_promo_slide {
        padding-left: 2.4vw;
        padding-right: 2.4vw;
    }

    .home_promo_slide_btn {
        border-radius: 18px;
    }

    .home_promo_more_btn {
        margin-top: 36px;
        margin-right: 24px;
        font-size: 12px;
        line-height: 15.6px;
    }

    .home_promo_more_btn_icon_m {
        width: 10.5px;
        margin-top: 0;
        margin-left: 6px;
    }

    .home_last_row {
        padding-top: 30px;
        padding-bottom: 54px;
    }

    .home_last_row_slider {
        width: 85%;
        padding-bottom: 24px;
    }

    .home_last_row_slider_arrow {
        width: 24px;
        height: 24px;
        margin-bottom: -16px;
        font-size: 13px;
        line-height: 13px;
    }

    .home_last_row_slide {
        padding-left: 12px;
        padding-right: 12px;
    }

    .home_last_row_slider_nav {
        margin-bottom: -6px;
    }

    .home_last_row_btn_circle {
        max-width: 96px;
        margin-bottom: 6px;
        padding: 3.6px;
    }

    .home_member_after_login_btn_row {
        grid-column-gap: 9px;
        grid-row-gap: 9px;
        margin-top: -45px;
        margin-bottom: 0;
    }

    .home_member_after_login_btn {
        background-position: 84% 18px, 0 0;
        background-size: auto 54px, auto;
        border-radius: 24px;
        min-height: 90px;
        padding: 15px 18px;
    }

    .home_member_after_login_btn_small_text {
        padding-top: 1.8px;
        font-size: 12px;
        line-height: 15.6px;
    }

    .login_popup_container {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    .login_popup_container_in {
        height: 90vh;
        max-height: 630px;
    }

    .home_sign_up_btn_row {
        padding-top: 45px;
    }

    .home_sign_up_btn {
        margin-right: calc(13.5vw - 60px);
        padding: 7.2px 12px;
        font-size: 10.5px;
        line-height: 14.1px;
    }

    .home_sign_up_btn_icon {
        height: 10.5px;
        margin-right: 6px;
    }

    .home_banner_title_1st {
        font-size: 24px;
        line-height: 33px;
    }

    .home_lang_row_mobile {
        margin-left: calc(13.5vw - 60px);
        padding-top: 42px;
    }

    .home_lang_dropdown {
        font-size: 15px;
        line-height: 18.6px;
    }

    .home_lang_dropdown_toggle {
        min-width: 72px;
        min-height: 36px;
        padding-left: 15px;
        padding-right: 7.2px;
    }

    .home_lang_dropdown_arrow {
        margin-left: 4.8px;
        font-size: 12px;
    }

    .home_lang_dropdown_list.w--open {
        padding-top: 36px;
        padding-bottom: 4.5px;
    }

    .home_lang_dropdown_link {
        padding: 9px 6px;
    }

    .popup_close_btn {
        width: 60px;
        height: 60px;
    }

    .link_style_button_primary {
        font-size: 12px;
    }

    .login_popup_form_in {
        padding-top: 60px;
        padding-bottom: 24px;
    }

    .login_popup_form_title_1st {
        font-size: 21px;
        line-height: 24.6px;
    }

    .login_popup_form_title_2nd {
        max-width: 270px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 3px;
        font-size: 24px;
        line-height: 30px;
    }

    .login_popup_phone_number_title {
        letter-spacing: 0.75px;
        padding-top: 48px;
        padding-bottom: 9px;
    }

    .login_popup_sign_up_form {
        margin-top: 48px;
    }

    .login_popup_phone_number_row {
        grid-column-gap: 24px;
        grid-row-gap: 24px;
    }

    .login_popup_form_text_field {
        height: 36px;
        font-size: 15px;
        line-height: 15px;
    }

    .login_popup_form_selection {
        width: 90px;
        height: 36px;
        font-size: 14px;
        line-height: 16px;
    }

    .login_popup_code_row {
        grid-column-gap: 12px;
        grid-row-gap: 12px;
        padding-top: 30px;
    }

    .login_popup_code_btn {
        height: 35px;
        padding-bottom: 1.2px;
        padding-left: 12px;
        padding-right: 12px;
        font-size: 12px;
    }

    .login_popup_btn_group {
        padding-top: 48px;
    }

    .register_hints {
        position: relative;
        left: 4px;
        font-size: 12px;
        flex-basis: 85%;
    }

    .login_button_text {
        font-size: 15px !important;
        display: block;
        width: 100%;
    }

    .login_popup_register_btn {
        flex-basis: 15%;
        padding: 15px 60px;
    }

    .login_popup_signin_btn {
        margin-top: 18px;
        margin-bottom: 48px;
        font-size: 15px;
        line-height: 19.8px;
    }

    .login_popup_tnc_btn {
        font-size: 13px;
        line-height: 15.6px;
    }

    .consent_popup_container {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    .consent_popup_container_in {
        max-height: 90vh;
    }

    .consent_popup_form_in {
        padding-top: 60px;
        padding-bottom: 36px;
    }

    .consent_popup_title {
        font-size: 21px;
        line-height: 24.6px;
    }

    .consent_popup_text_block {
        padding-top: 24px;
        padding-bottom: 18px;
    }

    .consent_popup_text_block_in {
        height: 30vh;
        max-height: 540px;
    }

    .consent_popup_text1 {
        padding-bottom: 3px;
        font-size: 15px;
        line-height: 18.6px;
    }

    .consent_popup_text2 {
        font-size: 12px;
        line-height: 15.6px;
    }

    .consent_popup_checkbox_dot {
        width: 18px;
        height: 18px;
        margin-top: 1.2px;
        margin-right: 9px;
    }

    .consent_popup_signup_btn {
        margin-top: 24px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .inner_title_row {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .inner_title {
        letter-spacing: 3.6px;
        font-size: 18px;
        line-height: 22px;
    }

    .news_listing_container {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 36px 36px 60px;
    }

    .news_listing_btn {
        width: 100%;
        font-size: 18px;
        line-height: 23px;
    }

    .news_listing_btn_date {
        padding-top: 12px;
        padding-bottom: 4px;
        font-size: 15px;
        line-height: 19px;
    }

    .menu_trigger_btn {
        width: 48px;
        height: 48px;
        margin-top: 12px;
        margin-left: 12px;
    }

    .menu_trigger_btn_icon {
        width: 24px;
    }

    .menu_popup_container {
        min-width: 240px;
    }

    .menu_popup_container_in {
        padding: 36px;
    }

    .menu_popup_trigger_btn_icon {
        width: 24px;
    }

    .coupon_center_container {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding-top: 24px;
    }

    .coupon_center_tabs_menu {
        grid-column-gap: 36px;
        grid-row-gap: 36px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .coupon_center_tab_link {
        font-size: 18px;
        line-height: 22px;
    }

    .coupon_center_tab_pane {
        padding: 10px 36px 60px;
    }

    .coupon_center_item_row {
        padding-top: 16px;
    }

    .coupon_center_item_block {
        border-radius: 24px;
        min-height: 135px;
        padding: 18px;
    }

    .coupon_center_item_icon {
        width: 48px;
    }

    .coupon_center_item_btn {
        width: 90px;
        margin-bottom: 18px;
        margin-right: 18px;
        padding: 6px 12px;
        font-size: 13.5px;
        line-height: 17.5px;
    }

    .coupon_center_item_text {
        padding-bottom: 40px;
        padding-left: 11px;
        padding-right: 11px;
    }

    .coupon_center_item_discount {
        font-size: 22px;
        line-height: 26px;
    }

    .coupon_center_item_discount.no_above_text {
        padding-top: 8px;
    }

    .coupon_center_item_small_text {
        padding-top: 4px;
    }

    .coupon_center_item_expiry_date {
        padding-top: 8px;
        padding-bottom: 2px;
        font-size: 12px;
        line-height: 16px;
    }

    .contact_popup_container {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    .contact_popup_container_in {
        max-height: 90vh;
        padding: 36px;
    }

    .contact_popup_phone_btn {
        margin-top: 36px;
        margin-bottom: 36px;
        font-size: 27px;
        line-height: 31px;
    }

    .contact_popup_phone_btn_icon {
        width: 24px;
        margin-bottom: 9px;
    }

    .contact_popup_ok_btn {
        padding: 11px 33px;
        font-size: 21px;
        line-height: 25px;
    }

    .upload_receipt_header_row {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .upload_receipt_back_btn {
        width: 30px;
        height: 30px;
        margin-top: 48px;
        margin-left: 12px;
        font-size: 20px;
        line-height: 20px;
    }

    .upload_receipt_header_row_in {
        grid-column-gap: 9px;
        grid-row-gap: 9px;
        padding-left: 18px;
        padding-right: 18px;
        font-size: 16px;
        line-height: 20px;
    }

    .upload_receipt_header_row_in.for_coupon_code {
        padding-left: 48px;
        padding-right: 48px;
    }

    .upload_receipt_header_title {
        font-size: 24px;
        line-height: 28px;
    }

    .upload_receipt_intro_row {
        justify-content: space-between;
        max-width: 333px;
    }

    .upload_receipt_intro_number {
        margin-right: 9px;
    }

    .upload_receipt_intro_arrow {
        width: 18px;
        margin-left: 0;
        margin-right: 0;
    }

    .upload_receipt_intro_icon {
        margin-left: 0;
    }

    .upload_receipt_intro_btn {
        letter-spacing: 0.9px;
        width: 100%;
        max-width: 360px;
        font-size: 18px;
        line-height: 22px;
    }

    .upload_receipt_camera_row {
        margin-top: -12px;
        padding-left: 36px;
        padding-right: 36px;
    }

    .upload_receipt_camera_btn_side_block {
        padding-left: 18px;
        padding-right: 18px;
    }

    .upload_receipt_camera_shoot_btn_img {
        width: 80px;
    }

    .upload_receipt_camera_block {
        min-height: 300px;
        max-height: 720px;
    }

    .upload_receipt_camera_upload_btn {
        max-width: 120px;
        font-size: 16px;
        line-height: 20px;
    }

    .upload_receipt_camera_upload_btn_icon {
        width: 34px;
        margin-bottom: 5px;
    }

    .upload_receipt_complete_container {
        padding-bottom: 60px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .upload_receipt_complete_container_in {
        max-height: 540px;
        margin-top: -18px;
    }

    .upload_receipt_complete_dot {
        width: 22vw;
        min-width: 75px;
    }

    .upload_receipt_complete_title {
        padding-top: 24px;
        padding-bottom: 18px;
        font-size: 28px;
        line-height: 32px;
    }

    .upload_receipt_complete_text {
        font-size: 17px;
        line-height: 24px;
    }

    .upload_receipt_complete_notes {
        text-align: left;
        max-width: 300px;
        padding-top: 48px;
        padding-bottom: 48px;
        font-size: 13px;
        line-height: 15.7px;
    }

    .upload_receipt_status_container {
        padding-bottom: 60px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .upload_receipt_status_container_in {
        max-width: 405px;
    }

    .upload_receipt_status_item_block {
        border-radius: 24px;
        padding: 18px;
    }

    .upload_receipt_status_item_block_in {
        min-height: 90px;
        padding-left: 16px;
    }

    .upload_receipt_status_item_row.last {
        padding-top: 11px;
    }

    .upload_receipt_status_item_color_block {
        padding-left: 11px;
        font-size: 12px;
        line-height: 16px;
    }

    .upload_receipt_status_item_color_dot {
        width: 14px;
        margin-right: 5px;
    }

    .upload_receipt_status_item_btn {
        width: 90px;
        padding: 6px 12px;
        font-size: 13.5px;
        line-height: 17.5px;
    }

    .upload_receipt_status_item_date {
        padding-top: 8px;
        padding-bottom: 2px;
        padding-right: 11px;
        font-size: 12px;
        line-height: 16px;
    }

    .upload_receipt_progress_container {
        margin-top: 0;
        padding-bottom: 60px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .upload_receipt_progress_date {
        padding-bottom: 24px;
        font-size: 13px;
        line-height: 18px;
    }

    .upload_receipt_progress_container_in {
        max-width: 390px;
    }

    .upload_receipt_progress_block {
        letter-spacing: 0.9px;
        font-size: 18px;
        line-height: 22px;
    }

    .upload_receipt_progress_spacing {
        height: 2.4vh;
        min-height: 12px;
    }

    .upload_receipt_progress_arrow {
        height: 19.2px;
    }

    .upload_receipt_progress_btn {
        letter-spacing: 0.9px;
        font-size: 18px;
        line-height: 22px;
    }

    .upload_receipt_coupon_container {
        margin-top: -18px;
        padding-bottom: 60px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .upload_receipt_coupon_container_in {
        border-width: 0.3px;
        max-width: 405px;
        padding: 36px 36px 24px;
    }

    .upload_receipt_coupon_or {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .upload_receipt_coupon_code_number {
        padding-top: 24px;
        /* font-size: 20px; */
        font-size: 12px;
        line-height: 26px;
    }

    .upload_receipt_coupon_code_text {
        /* font-size: 12px; */
        font-size: 14.5px;
        line-height: 17px;
    }

    .upload_receipt_coupon_code_date {
        padding-top: 18px;
        padding-bottom: 30px;
        font-size: 14.5px;
        line-height: 19px;
    }

    .upload_receipt_coupon_tnc_btn {
        /* font-size: 13px; */
        font-size: 12px;
        line-height: 17px;
    }

    .tnc_popup_ok_btn {
        margin-top: 24px;
        padding: 11px 33px;
        font-size: 21px;
        line-height: 25px;
    }

    .tnc_popup_text {
        font-size: 12px;
        line-height: 15.6px;
    }

    .tnc_popup_text_block {
        padding-top: 36px;
        padding-bottom: 12px;
    }

    .tnc_popup_content {
        padding-top: 48px;
        padding-bottom: 36px;
    }

    .loading_cover_icon {
        width: 60px;
    }

    .inner_title_icon {
        height: 30px;
    }

    .whats_new_detail_back_btn {
        width: 30px;
        height: 30px;
        margin-top: 15px;
        margin-left: 12px;
        font-size: 20px;
        line-height: 20px;
    }

    .whats_new_detail_container {
        padding-top: 60px;
    }

    .whats_new_detail_img_desktop {
        display: none;
    }

    .whats_new_detail_container_in {
        padding: 36px 36px 60px;
    }

    .whats_new_detail_title {
        padding-bottom: 18px;
        font-size: 20px;
        line-height: 25px;
    }

    .whats_new_detail_img_mobile {
        display: block;
    }

    .tnc_popup_container,
    .privacy_popup_container {
        padding-top: 5vh;
        padding-bottom: 5vh;
    }

    .coupon_center_item_tnc_btn {
        max-width: calc(100% - 108px);
        margin-top: -24px;
        margin-left: 11px;
        font-size: 10px;
        line-height: 13px;
        top: 100%;
        bottom: auto;
        left: 0%;
        right: auto;
    }

    .upload_receipt_intro_title {
        padding-bottom: 18px;
        font-size: 20px;
        line-height: 25px;
    }

    .upload_receipt_container_in {
        padding-bottom: 60px;
        padding-left: 36px;
        padding-right: 36px;
    }

    .upload_receipt_intro_date {
        padding-top: 18px;
    }

    .upload_receipt_description_row {
        max-width: 303px;
    }

    .upload_receipt_description_icon {
        width: 36px;
        margin-right: 12px;
    }

    .upload_image_status_container {
        padding-bottom: 60px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .upload_image_status_btn {
        letter-spacing: 0.9px;
        padding-top: 24px;
        padding-bottom: 24px;
        font-size: 18px;
        line-height: 22px;
    }

    .upload_image_status_item_block {
        padding-bottom: 18px;
    }

    .upload_image_status_item_block_in {
        border-radius: 12px;
        padding: 14px 18px;
    }

    .upload_image_status_item_thumbnail {
        width: 36px;
    }

    .upload_image_status_item_center {
        padding-left: 18px;
        padding-right: 24px;
    }

    .upload_image_status_bar {
        margin-top: 7.2px;
    }

    .upload_image_status_item_center_in {
        padding-top: 1.8px;
        font-size: 12px;
        line-height: 16px;
    }

    .upload_image_status_item_close_btn_icon {
        width: 13px;
    }

    .upload_image_status_more_btn {
        border-radius: 12px;
        margin-bottom: 18px;
        padding: 24px;
        font-size: 16px;
        line-height: 20px;
    }

    .upload_image_status_more_btn_icon {
        height: 30px;
        margin-right: 12px;
    }
}

/*loading css*/
.rotate {
    animation: rotation 4s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.contact_popup_container2 {
    z-index: 99;
    flex-flow: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 10vh 7.5vw;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.loading_cover_container2 {
    z-index: 999;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(230, 228, 211, 0.9);
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
}

.circle_pos {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*error message*/
.error_msg {
    /* text-align: center; */
    padding: 20px;
    border: 1px solid #f01d1d;
    background: #edafaf;
    color: #f01d1d;
    border-radius: 10px;
}

.modalDimmer {
    opacity: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    display: flex;
    background-color: rgba(0, 0, 0, 0.85);
    justify-content: center;
    align-items: center;
    top: 0;
}

.modal {
    background: white;
    display: flex;
    width: 80vw;
    height: 50vh;
    max-width: 500px;
    max-height: 300px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 24px;
}

.header {
    text-align: center;
    line-height: 36px;
    flex-basis: 100%;
    font-weight: bold;
    font-size: 36px;
}

.content {
    text-align: center;
    flex-basis: 100%;
}

.action {
    flex-basis: 100%;
}

.modalDimmer {
    .description {
        width: 100%;
    }

    /* .modalCloseButton {
    height: 45px;
    width: 150px;
    font-size: 30px;
    background: transparent;
    border: solid 1px var(--gold);
    border-radius: 24px;
    color: var(--gold);
  } */

    .contact_popup_ok_btn {
        background-color: transparent;
    }

    .contact_popup_ok_btn:hover {
        background-color: var(--gold);
        color: var(--white);
    }

    .modalDescription {
        font-size: 22px;
        color: var(--gold);
        line-height: 26px;
        padding-left: 2vw;
        padding-right: 2vw;
        margin-top: -25px;
    }

    .content {
        text-align: center;
        flex-basis: 100%;
        height: 100%;
        display: flex;
        align-items: center;
    }

    @media screen and (max-width: 479px) {
        .actions-height {
            position: relative;
            height: 0%;
            top: -25%;
        }
    }

    @media screen and (max-width: 479px) {
        .modalDescription {
            font-size: 22px;
            color: var(--gold);
            line-height: 26px;
            padding-left: 6vw;
            padding-right: 6vw;
            margin-top: -25px;
        }
    }

    .actions-height {
        position: relative;
        height: 0%;
        top: -30%;
    }

    @font-face {
        font-family: "Playfair Display";
        src: url("/assets/fonts/PlayfairDisplay-VariableFont_wght.ttf")
                format("truetype"),
            url("/assets/fonts/PlayfairDisplay-VariableFont_wght.ttf")
                format("truetype");
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: "Inter";
        src: url("/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf")
                format("truetype"),
            url("/assets/fonts/Inter-VariableFont_opsz,wght.ttf")
                format("truetype");
        font-weight: normal;
        font-style: normal;
    }
}