[custom-scroll]::-webkit-scrollbar,
[custom-scroll]::-webkit-scrollbar-track {
    width: 0.2rem;
}

[custom-scroll]::-webkit-scrollbar-track {
    border: solid 0.2rem transparent;
}

[custom-scroll]::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 1rem 1rem currentColor;
    transition: all 0.4s;
    border: solid 0.2rem currentColor;
}

[custom-scroll]::-webkit-scrollbar-thumb:hover {
    box-shadow: inset 0 0 1rem 1rem currentColor;
}

[custom-scroll]::-webkit-scrollbar-corner {
    background-color: transparent;
}

button {
    font-family: 'Mona Sans';
}

@media only screen and (min-width: 992px) {
    [custom-scroll] {
        overscroll-behavior: none;
    }
}

@media only screen and (max-width: 991px) {
    [custom-scroll] {
        overscroll-behavior: auto;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
}

html {
    font-size: 0.694444444vw;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: none;
    -webkit-text-rendering: optimizeSpeed;
    text-rendering: optimizeSpeed;
    cursor: url('../img/cursor-default.svg') 3 3, auto;
}

@media (hover: hover) and (pointer: fine) {

    a:hover,
    button:hover,
    .btn:hover,
    .workshop_card:hover,
    [data-explore-tab]:hover {
        cursor: url('../img/cursor-default.svg') 3 3, pointer !important;
    }
}

.site_cursor {
    display: none;
}

.piano_audio_notice {
    display: none;
}

@media (hover: hover) and (pointer: fine) {
    .piano_audio_notice {
        position: fixed;
        top: clamp(7.2rem, 9vh, 9.6rem);
        right: 2.4rem;
        z-index: 1000001;
        display: flex;
        align-items: center;
        gap: 1rem;
        max-width: min(34rem, calc(100vw - 4.8rem));
        padding: 1.2rem 1.6rem;
        color: #fff6db;
        background: #460700;
        border: 1px solid #fff6db;
        border-radius: 999px;
        box-shadow: 0 .8rem 2.4rem rgba(30, 20, 19, .18);
        font-size: 1.3rem;
        font-weight: 700;
        line-height: 1.25;
        pointer-events: auto;
        opacity: 0;
        visibility: hidden;
        transform: translateY(1rem);
        transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
    }

    .piano_audio_notice.is-visible {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .piano_audio_notice svg {
        flex: 0 0 auto;
        width: 2rem;
        height: 2rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .piano_audio_notice_close {
        display: grid;
        flex: 0 0 auto;
        width: 2.8rem;
        height: 2.8rem;
        margin: -.4rem -.8rem -.4rem 0;
        padding: 0;
        place-items: center;
        color: inherit;
        background: transparent;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
    }

    .piano_audio_notice_close:hover {
        color: #ffce56;
    }

    .piano_audio_notice_close svg {
        width: 1.6rem;
        height: 1.6rem;
    }
}

@media (hover: hover) and (pointer: fine) {

    html.has-custom-cursor,
    html.has-custom-cursor body,
    html.has-custom-cursor a,
    html.has-custom-cursor button,
    html.has-custom-cursor .btn,
    html.has-custom-cursor .workshop_card,
    html.has-custom-cursor input:not([type="hidden"]),
    html.has-custom-cursor textarea,
    html.has-custom-cursor select,
    html.has-custom-cursor [contenteditable="true"],
    html.has-custom-cursor [data-footer-href],
    html.has-custom-cursor [data-explore-tab] {
        cursor: none !important;
    }

    html.has-custom-cursor .popup_form_input[type="date"],
    html.has-custom-cursor .popup_form_input[type="time"],
    html.has-custom-cursor .popup_form_input[type="date"]::-webkit-calendar-picker-indicator,
    html.has-custom-cursor .popup_form_input[type="time"]::-webkit-calendar-picker-indicator {
        cursor: none !important;
    }

    .site_cursor {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 2147483647;
        opacity: 0;
        pointer-events: none;
        transform: translate3d(-100px, -100px, 0);
        transition: opacity .15s ease;
        will-change: transform;
    }

    .site_cursor.is-visible {
        opacity: 1;
    }

    .site_cursor_arrow {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 2rem;
        height: auto;
        object-fit: contain;
        transform: translate(-15%, -15%);
        transform-origin: top left;
        transition: width .28s cubic-bezier(.34, 1.56, .64, 1);
    }

    .site_cursor.is-interactive .site_cursor_arrow {
        width: 2.6rem;
    }

    .site_cursor_companions {
        position: absolute;
        top: 0;
        left: 0;
        will-change: transform;
    }

    .site_cursor_companion {
        position: absolute;
        top: 2rem;
        left: 1.7rem;
        height: auto;
        object-fit: contain;
        transform-origin: 50% 15%;
        transition:
            opacity .18s ease,
            transform .32s cubic-bezier(.34, 1.56, .64, 1);
        will-change: opacity, transform;
    }

    .site_cursor_companion_default {
        width: 4.6rem;
        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
    }

    .site_cursor_companion_hover {
        width: 5rem;
        transform: translate3d(0, .5rem, 0) scale(.68) rotate(-8deg);
    }

    .site_cursor_companion_hover,
    .site_cursor.is-interactive .site_cursor_companion_default {
        opacity: 0;
    }

    .site_cursor.is-interactive .site_cursor_companion_default {
        transform: translate3d(0, -.35rem, 0) scale(.72) rotate(8deg);
    }

    .site_cursor.is-interactive .site_cursor_companion_hover {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
    }
}

@media only screen and (min-width: 3000px) {
    html {
        font-size: 20.8333333333px;
    }
}

.img_scale img,
.svg_rotate,
.svg_rotate svg g {
    transition: all 0.3s ease-in-out;
}

.img_scale:hover img {
    transform: scale(1.1);
}

.global-img-hover-canvas {
    position: absolute;
    z-index: 1;
    display: block;
    pointer-events: none;
}

.img-hover.img_scale:hover img,
.img-hover .img_scale:hover img {
    transform: none;
}

.img_scale:hover .svg_rotate,
.img-hover:hover .svg_rotate {
    transform: rotate(-45deg);
}

.svg_rotate_wrap:hover .svg_rotate {
    transform: rotate(-45deg);
}

.svg_rotate_wrap:hover .svg_rotate svg g,
.svg_rotate_wrap.active .svg_rotate svg g {
    opacity: 1;
}

.pa_section {
    overflow: hidden;
}

/* One wheel gesture = one full section (desktop). On smaller screens the
   content keeps its natural height so it is never clipped. */
@media only screen and (min-width: 992px) {

    html.fullpage-scroll,
    html.fullpage-scroll body {
        overscroll-behavior-y: none;
    }

    html.fullpage-scroll .home_tour {
        height: 100vh;
    }

    html.fullpage-scroll .home_tour_bg,
    html.fullpage-scroll .home_tour_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}



* {
    box-sizing: border-box;
}

.txt_normal {
    font-weight: 400;
}

.txt_extrabold {
    font-weight: 800;
}

.txt_bold {
    font-weight: 700;
}

:root {
    --padding-container: 8rem;
}

a {
    text-decoration: none;
    display: block;
    color: inherit;
}

a:hover {
    color: inherit;
}

.cl_white {
    color: #D6EEFF;
}

.cl_cream {
    color: #FFF6DB;
}

.cl_ffce56 {
    color: #FFCE56;
}

.cl_blue {
    color: #4662AA;
}

.cl_red {
    color: #E41F2F;
}

.cl_purple {
    color: #7A40F6;
}

.cl_dark_brown {
    color: #460700;
}

.cl_text {
    color: #1E1413;
}

.cl_meta {
    color: #484140;
}

.bg_white {
    background-color: #fff;
}

.bg_cream {
    background-color: #FFF6DB;
}

.bg_ffce56 {
    background-color: #FFCE56;
}

.bg_blue {
    background-color: #4662AA;
}

.bg_purple {
    background-color: #7A40F6;
}

.bg_dark_brown {
    background-color: #460700;
}

.bg_text {
    background-color: #1E1413;
}

.bg_meta {
    background-color: #484140;
}

.txt_title {
    font-weight: 800;
    color: #E41F2F;
}

.heading {
    font-weight: 900;
    line-height: 1.4em;
    text-transform: uppercase;
}


.h1 {
    font-size: min(4.8rem, 5.2vh);
}

.h2 {
    font-size: min(4.4rem, 4.8vh);
}

.h3 {
    font-size: min(4rem, 4.4vh);
}

.h4 {
    font-size: min(3.2rem, 3.6vh);
}

.h5 {
    font-size: min(2.4rem, 2.4vh);
}

.h6 {
    font-size: min(2rem, 2.2vh);
}

p {
    margin: 0;
}


.txt_13 {
    font-size: 1.3rem;
    line-height: 1.38em;
}

.txt_15 {
    font-size: min(1.5rem, 1.7vh);
    line-height: 1.33em;
}

.txt_16 {
    font-size: min(1.6rem, 1.8vh);
    line-height: 1.44em;
}

.txt_14 {
    font-size: min(1.4rem, 1.6vh);
    line-height: 1.43em;
}

.txt_18 {
    font-size: min(1.8rem, 2vh);
    line-height: 1.44em;
}

.txt_64 {
    font-size: min(6.4rem, 7vh);
}



@font-face {
    font-family: "Mona Sans";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/MonaSans-Regular.woff2");
}

@font-face {
    font-family: "Mona Sans";
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/MonaSans-Bold.woff2");
}

@font-face {
    font-family: "Mona Sans";
    font-weight: 800;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/MonaSans-ExtraBold.woff2");
}

@font-face {
    font-family: "Mona Sans";
    font-weight: 900;
    font-style: italic;
    font-display: swap;
    src: url("../fonts/MonaSans-BlackItalic.woff2");
}

@font-face {
    font-family: "Mona Sans";
    font-weight: 900;
    font-style: normal;
    font-display: swap;
    src: url("../fonts/MonaSans-Black.woff2");
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Mona Sans';
    color: #1E1413;
    background-color: #FFF6DB;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
}

.wonom-page-scroll {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    html {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    body.wonom-home {
        width: 100%;
        height: 100vh;
        height: 100svh;
        overflow: hidden;
        overscroll-behavior: none;
    }

    .wonom-page-scroll {
        height: 100vh;
        height: 100svh;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-padding-top: 7.7rem;
        scrollbar-width: none;
    }

    .wonom-page-scroll::-webkit-scrollbar {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .wonom-page-scroll {
        scroll-padding-top: 5.6rem;
    }
}

.container {
    width: 100%;
    height: 100vh;
    padding-inline: var(--padding-container);
    margin-inline: auto;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 2.4rem;
}


.hidden {
    display: none;
}

h1,
h2 {
    margin: 0;
}

@media only screen and (max-width: 991px) {
    .txt_18 {
        font-size: 1.6rem;
    }

    body {
        font-size: 1.6rem;
    }

    :root {
        --padding-container: 3.2rem;
    }

    html {
        font-size: 1.30208333333vw;
    }
}

@media only screen and (max-width: 767px) {

    .txt_15 {
        font-size: 1.5rem;
        line-height: 1.33em;
    }

    .txt_14 {
        font-size: 1.4rem;
        line-height: 1.43em;
    }

    body {
        font-size: 1.4rem;
    }

    :root {
        --padding-container: 1.6rem;
    }

    html {
        font-size: 2.54452926209vw;
    }
}

.svg_full {
    svg {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

.txt_bold {
    font-weight: 700;
}

.font_tbs {
    font-family: "TBSGothic";
}

.txt_medium {
    font-weight: 500;
}

.left_full {
    margin-left: calc(var(--padding-container)*-1);
}

.right_full {
    margin-right: calc(var(--padding-container)*-1);
}

.img_abs {
    position: relative;
}

.img_abs img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.img_full img {
    width: 100%;
    object-fit: cover;
    height: 100%;

}

.img_height img {
    height: 100%;
    width: auto;
}

.img_fullfill img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.txt_justify {
    text-align: justify;
}

.txt_center {
    text-align: center;
}



.img_full {
    display: flex !important;
}

.mobile {
    display: none !important;
}

.txt_uppercase {
    text-transform: uppercase;
}

.tablet {
    display: none !important;
}

@media only screen and (max-width: 991px) {

    .grid {
        grid-template-columns: repeat(8, 1fr);
        column-gap: 2rem;
    }

    .desktop {
        display: none !important;
    }

    .tablet {
        display: block !important;
    }

    .h1_mb {
        font-size: 4.8rem;
    }

    .h2_mb {
        font-size: 4.4rem;
    }

    .h3_mb {
        font-size: 4rem;
    }

    .h4_mb {
        font-size: 3.2rem;
    }

    .h5_mb {
        font-size: 2.4rem;
    }

    .h6_mb {
        font-size: 2rem;
    }

    .container,
    .home_explore {
        height: auto !important;
    }
}

@media only screen and (max-width: 767px) {
    .h6 {
        font-size: 2rem;
    }

    :root {
        --padding-container: 1.6rem;
    }

    .mobile {
        display: block !important;
    }

    .pa_container {
        padding-block: 6.4rem;
    }

    .middle {
        display: none !important;
    }


}




/* header */
.header {
    background-color: #FFF6DB;
    padding: min(1.6rem, 1.6vh) 0;
    border-bottom: 2px solid #1E1413;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    will-change: transform;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding: 0 2.4rem;
}

.header-nav {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}

.nav-item:hover,
.nav-item.active {
    color: #E41F2F;
}

.nav-item::before {
    content: "";
    left: 0;
    right: 50%;
    bottom: -1.5rem;
    position: absolute;
    opacity: 0;
    height: 3px;
    border: 1px solid #1E1413;
    border-radius: 3px;
    background-color: #FFCE56;
}

.nav-item {
    transition: all 0.3s ease;
    position: relative;
    line-height: 1em !important;
    width: max-content;
}

.nav-item:hover,
.nav-item.active {
    color: #E41F2F;
}

.nav-item::before {
    transition: all 0.3s ease;
}

.nav-item:hover::before,
.nav-item.active::before {
    opacity: 1;
    right: 0;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.lang-selector-wrapper {
    position: relative;
}

.lang-selector-wrapper .btn {
    background-color: #fff !important;
}

.lang-selector {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 0.6rem 1.2rem;
    border-radius: .8rem;

}

.lang-selector svg {
    width: 1rem;
    height: .6rem;
}

.lang-selector img {
    width: 2.4rem;
    height: auto;
}

.lang-selector-wrapper .btn::before {
    background-color: #fff;
}

.lang-selector-wrapper .btn {
    padding: 0;
}

.lang-arrow {
    transition: transform 0.3s ease;
}

.lang-selector-wrapper.active .lang-arrow {
    transform: rotate(180deg);
}

.lang-dropdown {
    position: absolute;
    top: calc(100% + 1.2rem);
    left: 0;
    width: max-content;
    background-color: #fff;
    border: 1.5px solid #460700;
    border-radius: 1.2rem;
    padding: 1rem;
    gap: .8rem;
    box-shadow: .4rem .4rem 0px #460700;
    display: flex;
    flex-direction: column;
    z-index: 101;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.lang-selector-wrapper.active .lang-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-item {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    position: relative;
    text-decoration: none;
}

.lang-item img {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    object-fit: cover;
}

.lang-item .icon-check {
    margin-left: 2.4rem;
}

.dropdown-divider {
    height: 1px;
    background-color: #460700;
    opacity: .1;
    width: 100%;
}

.btn {
    box-shadow: 2px 2px 0px #460700;
    border: 2px solid #460700;
    padding: 1rem min(1.6rem, 1.6vh);
    border-radius: .8rem;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
    font-family: "Mona Sans";
}

/* .btn::before {
    transition: all 0.2s ease-in-out;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: .8rem;
    background-color: #E41F2F;
    z-index: -1;
}

.btn::after {
    content: "";
    top: 3px;
    left: .4rem;
    right: -3px;
    bottom: -2px;
    position: absolute;
    border-radius: .8rem;
    background-color: #460700;
    z-index: -2;
} */

.btn:hover {
    transform: translate(1px, 1px);
    box-shadow: 1px 1px 0px #460700;
}

.txt-btn-red {
    color: #FFF6DB;
    background-color: #E41F2F;
}

.btn-inner {
    transition: all 0.2s ease-in-out;
}

.txt-btn-red:hover .btn-inner {
    color: #FFCE56;
}

.btn:hover.txt-btn-red {
    background-color: #460700;
}

.txt-btn-yellow {
    color: #460700;
    background-color: #FFCE56;
}


.txt-btn-yellow.btn:hover {
    background-color: #E41F2F;
}

.txt-btn-yellow:hover {
    color: #FFF6DB;
}

.header-logo {
    height: min(4.4rem, 4.4vh)
}

@media only screen and (max-width: 991px) {
    .header_menu {
        background-color: #fff;
    }

    .header_menu_inner span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 100%;
        height: 3px;
        border: 0;
        border-radius: 1rem;
        background-color: #460700;
        transform-origin: center;
        transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    }

    .header_menu_inner span:nth-child(1) {
        transform: translate(-50%, -50%) translateY(-.6rem);
    }

    .header_menu_inner span:nth-child(2) {
        transform: translate(-50%, -50%);
    }

    .header_menu_inner span:nth-child(3) {
        transform: translate(-50%, -50%) translateY(.6rem);
    }

    .header_menu_inner {
        position: relative;
        display: block;
        width: 2rem;
        height: 1.5rem;
        flex: 0 0 auto;
    }

    .header-logo {
        width: 14rem;
    }

    .header_menu {
        height: 4.3rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 0 1.2rem !important;
    }

    .header_menu.active span:nth-child(1) {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .header_menu.active span:nth-child(2) {
        opacity: 0;
    }

    .header_menu.active span:nth-child(3) {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .header_overlay {
        position: fixed;
        top: 7.7rem;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: -1;
        height: auto;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
    }

    .header_overlay.active {
        opacity: 1;
        visibility: visible;
    }

    .header-nav {
        background-color: #FFF6DB;
        position: fixed;
        height: calc(100vh - 7.4rem);
        height: calc(100svh - 7.4rem);
        right: 0;
        left: 50%;
        border-left: 2px solid #460700;
        border-bottom: 2px solid #460700;
        top: 7.7rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding-top: 1.6rem;
        padding-inline: 3.2rem;
        gap: 2.4rem;
        transform: translateX(100%);
        transition: all 0.3s ease-in-out;
    }

    .header-nav.active {
        transform: translateX(0);
    }

    .header_logo_mb {
        position: absolute;
        bottom: 0;
        left: calc(50% - 19rem/2);
        width: 19rem;
    }

    .header_logo_bg_mb {
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        height: 18.4rem;
        z-index: -1;
        mix-blend-mode: multiply;
        pointer-events: none;
        opacity: .4;
    }

    .header_nav_wrap {
        display: flex;
        gap: 1.6rem;
        flex-direction: row;
        padding-bottom: 1.6rem;
        border-bottom: 2px solid #460700;
        margin-inline: -3.2rem;
        padding-inline: 3.2rem;
        margin-bottom: .8rem;
        order: 1;
    }

    .nav-item {
        order: 2;
    }

    .header_button {
        width: max-content;
    }

    .lang-dropdown {
        left: auto;
        right: 0;
    }

}

@media only screen and (max-width: 767px) {
    .header {
        height: 5.6rem;
        padding-block: 0;
        display: flex;
        align-items: center;
    }

    .header-nav {
        right: 0;
        left: 7.8rem;
        padding-inline: 3.2rem;
        height: calc(100vh - 5.6rem);
        height: calc(100svh - 5.6rem);
        top: 5.6rem;
    }

    .header-logo {
        width: 13rem;
        height: auto;
    }

    .header-logo img {
        height: auto;
        width: 100%;
    }

    .header-container {
        padding-inline: 1.6rem;
    }

    .lang-selector img {
        width: 2rem;
        height: 2rem;
    }

    .header_menu {
        height: 3.5rem;
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding: 0 1.2rem !important;
    }

    .lang-selector {
        padding-inline: .8rem 1.2rem;
    }

    .lang-selector svg {
        width: 1rem;
    }

    .header_menu_inner {
        width: 1.6rem;
    }
}

/* body */


@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {}

/* banner */
.home_banner {
    height: 100vh;
    height: 100svh;
    width: 100%;
    position: relative;
}

.home_banner_image_list,
.home_banner_image_item {
    position: absolute;
    inset: 0;
}

.home_banner_image_list {
    pointer-events: none;
    z-index: 0;
}

.webgl-image-transition-canvas {
    position: absolute;
    z-index: 1;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.home_banner.webgl-transition-ready .home_banner_image_list {
    visibility: hidden;
}

.home_banner_image_item {
    opacity: 0;
    visibility: hidden;
}

.home_banner_image_item.active {
    opacity: 1;
    visibility: visible;
}

.home_banner_overlay {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.50) 100%);
}

.swiper-slide-txt {
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
    max-width: 90rem;
    width: 100%;
    color: #fff;
}

.home_banner_inner {
    height: 100%;
    position: relative;
    z-index: 2;
}

.home_banner_wrap {
    height: 100%;
}

.home_banner_item {
    height: 100%;
    width: 100%;
}

.home_banner_item .swiper-slide-txt {
    filter: drop-shadow(0 0 1.2rem rgba(228, 31, 47, 0.60));
}

.home_banner_text_line {
    will-change: transform;
}

.home_banner_button_wrap {
    display: flex;
    position: absolute;
    justify-content: space-between;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home_banner_button {
    position: absolute;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: .8rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

.home_banner_button .btn-inner {
    width: 2rem;
    height: 2rem;
}

.home_banner_button_next {
    right: 2.4rem;
}

.home_banner_button_prev {
    left: 2.4rem;
}

.swiper-pagination-bullet {
    background: #FFF6DB;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background-color: #FFCE56 !important;
}

.home_banner_pagination {
    z-index: 5;
    margin-bottom: 4.8rem;
    pointer-events: auto;
}

.home_banner_pagination .swiper-pagination-bullet {
    cursor: pointer;
}

.home_banner_button.btn {
    padding: 0;
    background-color: unset;
}

.home_banner_button.btn:hover {
    transform: translate(2px, calc(-50% + 2px));
}

.home_banner_button.btn {
    background-color: #fff;
}

.home_banner_button.btn:hover {
    background-color: #4662AA;
}

.home_banner_button.btn:hover svg path {
    stroke: #fff;
}

.home_banner_button.btn svg path {
    transition: stroke .3s ease-in-out;
}


@media only screen and (max-width: 991px) {
    .swiper-slide-txt {
        width: auto;
        transform: translateY(-50%);
        left: 10%;
        right: 10%;

    }
}

@media only screen and (max-width: 767px) {
    .home_banner_pagination {
        margin-bottom: 4rem;
    }

    .swiper-slide-txt {
        left: 1.6rem;
        right: 1.6rem;
    }
}

/* Home Intro */
.home_intro {
    position: relative;
}

.home_intro .container {
    padding-top: 8vh;
    position: relative;
}

.home_intro.has-header .container {
    padding-top: 14vh;
}

.home_intro_bottom_bar {
    bottom: -6.7vh;
    left: 0;
    right: 0;
    height: 11vh;
    z-index: 3;
    border-top: 3px solid #460700;
    border-bottom: 3px solid #460700;
    background: repeating-linear-gradient(135deg,
            #ED1C2E 0,
            #ED1C2E 19px,
            #EB4351 19px,
            #EB4351 21px);
}

.home_intro_bg {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 51.48vh;
    z-index: -1;
    mix-blend-mode: multiply;
}

.home_intro_left_content {
    margin-top: min(2.4rem, 2.666vh);
    color: #FFCE56;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
}

.home_intro_left {
    grid-column: 1/7;
}

.home_intro_right {
    grid-column: 8/13;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.home_intro_richtext>*+* {
    margin-top: 1.6rem;
}

.home_intro_inner {
    align-items: center;
}

.home_intro_arrow {
    width: 80rem;
    transform: rotate(10.318deg);
    position: absolute;
    bottom: 26.67vh;
    left: 10.7rem;
}

.home_intro_bg {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
}

.home_intro_icon {
    bottom: 1.1rem;
    right: 8rem;
    width: 35.4rem;
    z-index: 5;
}

.home_intro_icon1 {
    bottom: 2rem;
    left: 26.4rem;
    width: 11.1rem;
    z-index: 5;
}

.home_intro_icon2 {
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    z-index: 5;
}

.home_intro_image_wrap {
    left: 8rem;
    bottom: min(8rem, 8vh);
    display: flex;
    gap: 7rem;
}

.home_intro_pin {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2.8rem;
    z-index: 4;
}

.home_intro_image1 .home_intro_pin {
    transform: rotate(25.844deg);
}

.home_intro_image2 .home_intro_pin {
    transform: rotate(-15deg);
}

.home_intro_image3 .home_intro_pin {
    transform: rotate(20deg);
}

.home_intro_image_inner {
    box-shadow: 4.618px 4.618px 0 0 #E91024;
    border: 3px solid #460700;
    border-radius: 2.4rem;
    max-height: 30vh;
    width: min(30rem, 32vh);
    overflow: hidden;
}

.home_intro_image1 .home_intro_image_inner {
    transform: rotate(-8deg);
}

.home_intro_image2 .home_intro_image_inner {
    transform: rotate(6deg);
    box-shadow: 4.618px 4.618px 0 0 #FFCF43
}

.home_intro_image3 .home_intro_image_inner {
    transform: rotate(5deg);
    box-shadow: 4.618px 4.618px 0 0 #4662AA
}



@media only screen and (max-width: 991px) {

    .home_intro_right {
        grid-column: 5 / -1;
        padding-left: 1.6rem;
    }

    .home_intro_left {
        grid-column: 1 / 5;
    }

    .home_intro .container {
        padding-top: 4.8rem;
        position: unset;
    }

    .home_intro_left_content {
        margin-top: 1.6rem;
    }

    .home_intro_left_content br {
        display: none;
    }

    .home_intro_image_inner {
        width: 18rem;
    }

    .home_intro_image_wrap {
        bottom: 7.4rem;
        gap: 6rem;
        left: -2.5rem;
        right: -2.5rem;
        z-index: 1111;
        justify-content: center;
        align-items: end;
    }

    .home_intro_bottom_bar {
        height: 6.4rem;
        border-top: 3px solid #460700;
    }

    .home_intro_arrow {
        width: auto;
        left: 1.4rem;
        right: 2.7rem;
        bottom: 15.4rem;
        transform: rotate(6.318deg);
    }

    .home_intro_pin {
        z-index: 11;
        width: 1.4rem;
        top: -1.5rem;
    }

    .home_intro_icon {
        width: 12rem;
        bottom: 1.4rem;
        z-index: 11111;
        right: 3.7rem;
    }

    .home_intro_icon1 {
        width: 11.7rem;
        bottom: 4.2rem;
        z-index: 111111;
        left: 2.3rem;
    }

    .home_intro_icon2 {
        width: 12rem;
        bottom: 2.4rem;
        z-index: 111111;
    }

    .home_intro_bottom_bar {
        bottom: 0;
    }

    .home_intro_bottom_bar {
        position: relative;
        margin-top: 32rem;
    }
}

@media only screen and (max-width: 767px) {

    .home_intro_left,
    .home_intro_right {
        grid-column: 1/-1;
    }

    .home_intro_right {
        padding-left: 0;
        margin-top: 2.4rem;
        gap: .8rem;
    }

    .home_intro {
        border-top: .2rem solid #460700;
    }

    .home_intro_richtext>*+* {
        margin-top: .8rem;
    }

    .home_intro_bottom_bar {
        position: relative;
        margin-top: 17.9rem;
    }

    .home_intro_arrow {
        bottom: 11.4rem;
    }

    .home_intro_image_inner {
        border-radius: .8rem;
    }

    .home_experience_list_card_item_img {
        display: flex;
    }

    .home_intro_image_inner {
        width: 13rem;
        height: 13rem;
    }

    .home_intro_image_inner img {
        height: 100%;
    }

    .home_intro_image_wrap {
        bottom: 5.4rem;
        gap: 2.4rem;
        left: -2.5rem;
        right: -2.5rem;
    }

    .home_intro_pin {
        z-index: 11;
        width: 1.4rem;
        top: -1.5rem;
    }

    .home_intro_icon1 {
        width: 7.7rem;
    }

    .home_intro_icon2 {
        width: 8rem;
        left: 48%;
    }

    .home_intro_icon {
        width: 11rem;
        bottom: 1.4rem;
        z-index: 11111;
        right: 3.7rem;
    }
}

/* home_experience */


.home_experience {
    position: relative;
    overflow: unset;
    contain: paint;
}

.home_experience .container {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 22;
    padding-bottom: min(9rem, 10vh);
}

.home_experience_top {
    top: calc(6.7vh - 11vh);
    left: 0;
    right: 0;
    height: 11vh;
    border-bottom: 3px solid #460700;
    border-top: 3px solid #460700;
    background: repeating-linear-gradient(135deg,
            #ED1C2E 0,
            #ED1C2E 19px,
            #EB4351 19px,
            #EB4351 21px);
}

.home_experience_inner {
    position: absolute;
    bottom: 0;
    border-bottom: 3px solid #460700;
    border-top: 3px solid #460700;
    height: min(9rem, 10vh);
    left: 0;
    right: 0;
    overflow: hidden;
}

.home_experience_bg {
    inset: 0;
    position: absolute;
    background: repeating-linear-gradient(135deg,
            #FFCE56 0,
            #FFCE56 19px,
            #F9C034 19px,
            #F9C034 21px);
}

.home_experience_marquee {
    position: relative;
    z-index: 100;
    height: 100%;
    overflow: hidden;
}

.home_experience_wrap {
    display: flex;
    width: max-content;
    height: 100%;
    animation: home-experience-marquee 24s linear infinite;
    will-change: transform;
}

.home_experience_group {
    display: flex;
    align-items: center;
    gap: 4.8rem;
    flex-shrink: 0;
    padding-right: 4.8rem;
}

@keyframes home-experience-marquee {
    to {
        transform: translateX(-50%);
    }
}

.home_experience_item {
    color: #FFF6DB;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
    display: flex;
    align-items: center;
}

.home_experience_item {
    width: max-content;
    flex-shrink: 0;
}

.home_experience_list {
    height: calc(100% - 8.3vh - 2.4vh);
    margin-top: auto;
    margin-bottom: 2.4vh;
    width: 100%;
    padding-right: .4rem;
}

.home_experience.has-header .home_experience_list {
    height: calc(100% - 8.3vh - 2.4vh - 4rem);
}

.home_experience_list_card {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;
    row-gap: min(2.4rem, 2.6vh);
    height: 100%;
}


.home_experience_list_card_item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.home_experience_list_card_item_content {
    bottom: .8rem;
    left: .8rem;
    right: .8rem;
    display: flex;
    padding: 1rem 1.6rem;
    justify-content: space-between;
    border: 2px solid #460700;
    border-radius: .8rem;
    z-index: 3;
}

.home_experience_list_card_item_content.tab1 {
    background-color: #fff;
}

.home_experience_list_card_item_content.tab2 {
    background-color: #FFCE56;
}

.home_experience_list_card_item_content.tab3 {
    background-color: #4662AA;
}

.home_experience_list_card_item_content.tab4 {
    background-color: #E41F2F;
}

.home_experience_list_card_item_content.tab5 {
    background-color: #7A40F6;
}

.home_experience_list_card_item_content.tab3 .home_experience_list_card_item_content_num,
.home_experience_list_card_item_content.tab3 .home_experience_list_card_item_content_txt {
    color: #FFF6DB !important;
}

.home_experience_list_card_item_content.tab4 .home_experience_list_card_item_content_num,
.home_experience_list_card_item_content.tab4 .home_experience_list_card_item_content_txt {
    color: #FFF6DB !important;
}

.home_experience_list_card_item_content.tab5 .home_experience_list_card_item_content_num,
.home_experience_list_card_item_content.tab5 .home_experience_list_card_item_content_txt {
    color: #FFF6DB !important;
}

.home_experience_list_card_item_content.tab3 .home_experience_list_card_item_content_num::after {
    background-color: #FFF6DB;
}

.home_experience_list_card_item_content.tab4 .home_experience_list_card_item_content_num::after {
    background-color: #FFF6DB;
}

.home_experience_list_card_item_content.tab5 .home_experience_list_card_item_content_num::after {
    background-color: #FFF6DB;
}

.home_experience_list_card_item_content.tab3 svg path {
    stroke: #FFF6DB;
}

.home_experience_list_card_item_content.tab4 svg path {
    stroke: #FFF6DB;
}

.home_experience_list_card_item_content.tab5 svg path {
    stroke: #FFF6DB;
}

.home_experience_list_card_item_content_icon {
    width: 2.4rem;
    display: flex;
}

.home_experience_list_card_item_img_dif {
    width: 36.6rem;
}

.home_experience_list_card_item_content_txt {
    margin-left: 1.6rem;
}

.home_experience_list_card_item_content_wrap {
    display: flex;
}

.home_experience_list_card_item_content_num {
    position: relative;
}

.home_experience_list_card_item_content_num::after {
    content: "";
    width: .4rem;
    height: .4rem;
    background-color: #460700;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    position: absolute;
    right: -.8rem;
}

.home_experience_list_card_item_img {
    border: 2px solid #460700;
    box-shadow: .4rem .4rem 0 0 #460700;
    border-radius: 1.6rem;
    overflow: hidden;
    height: 100%;
    width: 100%;

}

.home_experience_list_card_item:hover svg g {
    opacity: 1;
}

.home_experience_list_card_item svg g {
    transition: all .3s ease-in-out;
}



@media only screen and (max-width: 991px) {

    .home_experience .container {
        padding-top: 5.4rem;
        padding-bottom: 0;
    }

    .home_experience_list_card {
        grid-template-columns: repeat(2, 1fr);

        gap: 2.4rem;
        width: 100%;

        padding-bottom: .4rem;
    }

    .home_experience_inner {
        position: relative;
        margin-top: 0;
    }

    .home_experience_list_card_item_content {
        bottom: unset;
        top: .8rem;
    }

    .home_experience_list_card_item {
        justify-content: center;
    }

    .home_experience_list_card_item_content_wrap {
        align-items: center;
        font-size: 1.6rem;
    }

    .home_experience_list_card_item_img {
        width: 100%;
    }

    .home_experience_list_card_item {
        width: 100%;
    }

    .home_experience_list_card_item_img img {
        position: unset;
    }

    .home_experience_list_card_item_img_dif {
        width: 24rem;
    }

}

@media only screen and (max-width: 767px) {
    .home_experience {
        overflow: visible;
    }

    .home_experience_list_card_item_content_num {
        font-size: 1.6rem;
    }

    .home_experience_list_card {
        grid-template-columns: 1fr;
    }

    .home_experience_list_card_item:not(.middle) {
        position: sticky;
        align-self: start;
    }

    .home_experience_list_card_item:nth-child(1) {
        top: 9rem;
        z-index: 11;
    }

    .home_experience_list_card_item:nth-child(2) {
        top: 14.8rem;
        z-index: 12;
    }

    .home_experience_list_card_item:nth-child(3) {
        top: 20.6rem;
        z-index: 13;
    }

    .home_experience_list_card_item:nth-child(5) {
        top: 26.4rem;
        z-index: 14;
    }

    .home_experience_list_card_item:nth-child(6) {
        top: 32.2rem;
        z-index: 15;
    }

    .home_experience .container {
        padding-top: 3.2rem;
        padding-bottom: 0;
    }

    .home_experience_list {
        margin-bottom: 3.2rem;
    }
}

/* home_explore */
.home_explore_wrap {
    width: calc(100% - 20.8rem);
    height: 100%;
    position: relative;
    top: 0;
}

.home_explore_floor_section {
    display: contents;
}

.home_explore_mobile_floor_nav {
    display: none;
}

.home_explore_content_tab {
    transform: translateY(100%);
    pointer-events: none;

}

.home_explore_content_tab.is-transitioning {
    transition: transform .6s ease-in-out;
}

.home_explore_content_tab {
    position: absolute;
    inset: 0;
    display: flex;
}

.home_explore.has-header .home_explore_content_tab {
    padding-top: min(9rem, 9vh);
}

.home_explore_content_tab.active {
    transform: translateY(0%);
    pointer-events: all;
    z-index: 1;
}

.home_explore_content_tab.remove {
    transform: translateY(-100%);
}

.home_explore_inner {
    display: flex;
    justify-content: space-between;
    align-self: center;
    width: 100%;
    padding-bottom: min(8rem, 9vh);
}

[data-tab="tab3f"] .home_explore_inner {
    margin-block: auto;
    padding-bottom: 0;
}

.home_explore_container {
    margin-top: auto;
    width: 100%;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 100vh;
    /* margin-bottom: calc(3.2vh + min(2.4rem, 2.6vh)); */
}

.home_explore {
    height: 100vh;
    position: relative;
    display: flex;
}

.home_explore.has-header .home_explore_bar {
    top: 12vh;
}

.home_explore.has-header .home_explore_sidebar {
    padding-top: min(12rem, 12vh);
}

.home_explore_sidebar {
    height: 100%;
    padding-top: 4vh;
    width: 18.4rem;
    padding-inline: 2.4rem;
    border-right: 2px solid #460700;
    border-left: 2px solid #460700;
    margin-left: -2px;
    position: relative;
    z-index: 100001;
}

.home_explore_sidebar_inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home_explore_sidebar_tab {
    flex: 1;
    overflow: auto;
    padding-inline: .4rem;
    margin-inline: -.4rem;
    width: auto;
    margin-bottom: min(2.8rem, 3vh);
    margin-top: min(1.6rem, 1.6vh);
    padding-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: min(1.6rem, 1.6vh);
}

.home_explore_list_card_item_content_icon {
    width: 2.4rem;
    display: flex;
}

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

.home_explore_sidebar_tab_item {
    padding: min(1.2rem, 1.2vh);
    border-radius: .8rem;
    width: 100%;
}

.active .home_explore_sidebar_tab_item_inner {
    gap: min(3.6rem, 3.6vh);
}

.home_explore_sidebar_tab_item_inner {
    display: flex;
    flex-direction: column;
    gap: min(1.2rem, 1.2vh);
    width: 100%;
}

.home_explore_sidebar_tab_item.btn {
    background-color: #fff;
}

.home_explore_sidebar_tab_item.active .svg_rotate {
    transform: rotate(-45deg);
}

.home_explore_sidebar_tab_item.btn {
    background-color: #FFFFFF;
    box-shadow: 3px 3px 0px #460700;
}

.home_explore_sidebar_tab_item.btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0px #460700;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(2) {
    background-color: #FFCE56;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(3) {
    background-color: #4662AA;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(4) {
    background-color: #E41F2F;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(5) {
    background-color: #7A40F6;
}


.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(3) svg path {

    stroke: #FFF6DB;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(4) svg path {
    stroke: #FFF6DB;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(5) svg path {
    stroke: #FFF6DB;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(3) .home_explore_list_card_item_content_txt,
.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(3) .home_explore_list_card_item_content_num {

    color: #FFF6DB;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(4) .home_explore_list_card_item_content_txt,
.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(4) .home_explore_list_card_item_content_num {
    color: #FFF6DB;
}

.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(5) .home_explore_list_card_item_content_txt,
.home_explore_sidebar_tab .home_explore_sidebar_tab_item.btn:nth-child(5) .home_explore_list_card_item_content_num {
    color: #FFF6DB;
}

.home_explore_list_card_item_content_txt {
    text-transform: none;
    text-align: left;
}

.home_explore_sidebar_bottom {
    margin-inline: -2.4rem;
    flex: none;
    position: relative;
    z-index: 100002;
}

.home_explore_sidebar_bottom_title {
    width: 100%;
    background-color: #460700;
    padding-block: .6rem;
    color: #FFF6DB;
    text-align: center;
}

.home_explore_sidebar_bottom_inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    position: relative;

}

.home_explore_sidebar_bottom_item.item1 {
    grid-row: 1/3;
    grid-column: 1/2;
    color: #FFF6DB;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
    border-right: 2px solid #460700;
}

.home_explore_sidebar_bottom_inner[data-current-floor="1"] .item1 {
    background-color: white;
}

.home_explore_sidebar_bottom_inner[data-current-floor="2"] .item1 {
    background-color: #FFCE56;
}

.home_explore_sidebar_bottom_inner[data-current-floor="3"] .item1 {
    background-color: #4662AA;
}

.home_explore_sidebar_bottom_inner[data-current-floor="4"] .item1 {
    background-color: #E41F2F;
}

.home_explore_sidebar_bottom_inner[data-current-floor="5"] .item1 {
    background-color: #7A40F6;
}

.home_explore_sidebar_bottom_item {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

}

.home_explore_sidebar_bottom_item.item2 {
    grid-row: 1/2;
    grid-column: 2/3;
    height: 4.6rem;
    border-bottom: 2px solid #460700;
}

.home_explore_sidebar_bottom_item.item3 {
    grid-row: 2/3;
    grid-column: 2/3;
    height: 4.6rem;
    gap: .4rem;
    position: relative;
    z-index: 22;
    background-color: #FFF6DB;
}

.home_explore_floor_control {
    padding: 0;
    border: 0;
    background-color: #FFF6DB;
    color: #460700;
    font: inherit;
    font-weight: 800;
    gap: .4rem;
    cursor: pointer;
}

.home_explore_floor_control_icon {
    flex: none;
}

.home_explore_floor_control_dash {
    display: none;
}

.home_explore_floor_control.is-disabled {
    cursor: default;
    opacity: 1;
}

.home_explore_floor_control.is-disabled .home_explore_floor_control_icon,
.home_explore_floor_control.is-disabled .home_explore_floor_control_label {
    display: none;
}

.home_explore_floor_control.is-disabled .home_explore_floor_control_dash {
    display: inline;
}

.home_explore_floor_control:not(.is-disabled):hover,
.home_explore_floor_control:not(.is-disabled):focus-visible {
    background-color: #FFCE56;
    outline: 0;
}

.home_explore_content {
    margin-right: -2.4rem;
    align-self: center;
    width: 41.63%;
}

.home_explore_content_title {
    color: #FFCE56;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
    margin-top: 1.6rem;
}

.home_explore_content_des {
    margin-top: min(2.4rem, 2.8vh);
}

.home_explore_content_tag {
    margin-top: min(2.4rem, 2.8vh);
}

.home_explore_content_tag {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    padding-bottom: min(3.2rem, 3.6vh);
    border-bottom: 1px solid rgba(70, 7, 0, 0.20);
    margin-bottom: min(3.2rem, 3.6vh);
}

.home_explore_content_tag_item {
    padding: .5rem 1.2rem;
    box-shadow: 2px 2px 0 0 #460700;
    border-radius: 10rem;
    border: 1.5px solid #460700;
}

.home_explore_content_txttime {
    margin-top: .6rem;
}

.home_explore_content_button {
    display: flex;
    gap: 1.6rem;
    margin-top: min(3.2rem, 3.2vh);
}

.home_explore_content_button_item {
    padding: 1.2rem 1.6rem;
    border-radius: .8rem;
}

.home_explore_content_button_book {
    color: #FFF6DB;
}

.home_explore_content_button_see.btn {
    background-color: #fff;
}

.home_explore_content_button_see.btn:hover {
    background-color: #4662AA;
}

.home_explore_content_button_see.btn:hover .btn-inner {
    color: #FFF6DB;

}

.home_explore_content_button_book.btn {
    background-color: #E41F2F;
}

.home_explore_content_button_book.btn:hover {
    background-color: #460700;
}

.home_explore_content_button_book.btn:hover .btn-inner {
    color: #FFCE56;

}

.home_explore_list {
    overflow: visible;
    clip-path: polygon(0 0, 1000rem 0, 1000rem 104%, 0 104%);
    position: relative;
    margin: 0;
}

.home_explore_list_item {
    border-radius: 1.6rem;
    border: 2px solid #460700;
    box-shadow: .4rem .4rem 0 0 #460700;
    overflow: hidden;
    width: min(45rem, 52vh);
    opacity: 0.5;
    transition: opacity 0.3s ease;
    /* max-height: min(75vh, 60rem);
    height: 100%; */
    height: auto;
    aspect-ratio: 3/4;
}

.home_explore_list_item.swiper-slide-active {
    opacity: 1;
}

.home_explore_list_button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 22;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .8rem;

}

.home_explore_list_button_inner {
    width: 2rem;
    height: 2rem;
}

.home_explore_list_button_next {
    right: 0;
}

.home_explore_list_button_prev {
    left: 0;
}

.home_explore_list {
    width: 100%;
    height: 100%;
}

.home_explore_list_wrap {
    width: 48%;
    position: relative;
    display: flex;
    align-items: center;

}

.home_explore_list_button_wrap {
    position: absolute;
    width: calc(min(45rem, 52vh) + 8.4rem);
    left: -4.2rem;
    display: flex;
    justify-content: space-between;

}

.home_explore_list_button.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.home_explore_list_button.btn {
    padding: 0;
    background-color: unset;
}

.home_explore_list_button.btn {
    background-color: #fff;
}

.home_explore_list_button.btn:hover {
    background-color: #4662AA;
}

.home_explore_list_button.btn:hover svg path {
    stroke: #fff;
}

.home_explore_list_button.btn svg path {
    transition: stroke .3s ease-in-out;
}

.home_explore.has-header .home_explore_seeall {
    bottom: calc(min(2rem, 2.6vh) + min(2.4rem, 2.6vh));

}

.home_explore_seeall {
    position: absolute;
    bottom: calc(min(3.2rem, 3.6vh) + min(2.4rem, 2.6vh));
    right: 25rem;
}

.home_explore_seeall.btn {
    background-color: #fff;
}

.home_explore_seeall.btn:hover {
    background-color: #4662AA;
}

.home_explore_seeall.btn:hover .btn-inner {
    color: #FFF6DB;
}

.home_explore_list_button.btn:hover {
    transform: translate(1px, calc(-50% + 1px));
}

.home_explore_bg {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 12.716vh;
    z-index: -1;
    opacity: .4;
    mix-blend-mode: multiply;
}

.workshop_explore_inner {
    align-items: center;
    padding-right: 2.4rem;
}

.workshop_intro {
    margin-right: 0;
}

.workshop_intro .home_explore_content_des {
    max-width: 48rem;
    line-height: 1.5;
}

.workshop_meta {
    display: flex;
    gap: 6.4rem;
}

.workshop_meta_item> :last-child {
    margin-top: .6rem;
}

.workshop_catalog {
    width: 46%;
    height: calc(100vh - min(18rem, 19vh));
    height: calc(100svh - min(18rem, 19vh));
    min-height: 42rem;
    overflow: hidden;
    border: 2px solid #460700;
    border-radius: 1.6rem;
    box-shadow: .4rem .4rem 0 #460700;
    background-color: #fff;
}

.workshop_catalog_filters {
    display: flex;
    gap: .8rem;
    padding: 1.1rem;
    overflow-x: auto;
    border-bottom: 2px solid #460700;
    background: #FFCE56 url('../img/ex_bg_bot.png') center / cover;
}

.workshop_filter.btn {
    flex: 0 0 auto;
    padding: .5rem 1.2rem .4rem 1.2rem;
    color: #460700;
    background-color: #fff;
}

.workshop_filter.active,
.workshop_filter:hover {
    color: #fff;
    background-color: #4662AA;
}

.workshop_catalog_list {
    height: calc(100% - 6.7rem);
    padding-inline: 1.6rem;
    overflow-y: auto;
    scrollbar-width: none;
}

.workshop_catalog_list::-webkit-scrollbar {
    display: none;
}

.workshop_card {
    display: grid;
    grid-template-columns: min(20rem, 22vh) 1fr 3.6rem;
    gap: 1.6rem;
    align-items: center;
    padding-block: 1.6rem;
    border-bottom: 1px solid rgba(70, 7, 0, .2);
    cursor: pointer;
    transition: background-color .2s ease;
}


.workshop_card:focus-visible {
    outline: 2px solid #E41F2F;
    outline-offset: -2px;
}

.workshop_card[hidden] {
    display: none;
}

.workshop_card_image {
    min-height: min(15rem, 16vh);
    overflow: hidden;
    border: 2px solid #460700;
    border-radius: 1.2rem;
    box-shadow: 2px 2px 0 #460700;
}

.workshop_card_tag {
    position: absolute;
    bottom: .8rem;
    left: .8rem;
    z-index: 2;
    padding: .4rem .8rem;
    border: 1.5px solid #460700;
    border-radius: 10rem;
    background-color: #FFF6DB;
}

.workshop_card_title {
    margin: 0;
    color: #460700;
}

.workshop_card_description {
    margin-top: .8rem;
    line-height: 1.4;
}

.workshop_card_price {
    margin-top: 1.2rem;
}

.workshop_card_action.btn {
    align-self: end;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
    color: #fff;
    background-color: #E41F2F;
}

.workshop_card:hover .btn {
    color: #FFCE56;
    background-color: #460700;
}

.workshop_card_action .btn-inner {
    width: 2rem;
    height: 2rem;
}

.workshop_card_action svg path {
    transition: stroke .2s ease-in-out;
}

.workshop_card:hover svg path {
    stroke: #FFCE56;
}

.workshop_detail_popup {
    position: fixed;
    inset: 0;
    z-index: 100000000000001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.4rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility 0s linear .3s;
}

.workshop_detail_popup.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
}

.workshop_detail_overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .7);
}

.workshop_detail_dialog {
    position: relative;
    display: grid;
    grid-template-columns: 1.08fr 1fr;
    width: min(100rem, calc(100vw - 4.8rem));
    height: min(68rem, calc(100vh - 4.8rem));
    overflow: hidden;
    border: 2px solid #460700;
    border-radius: 1.6rem;
    box-shadow: 5px 5px 0 #460700;
    background-color: #fff;
    transform: translateY(1.6rem) scale(.98);
    transition: transform .3s ease;
}

.workshop_detail_popup.active .workshop_detail_dialog {
    transform: translateY(0) scale(1);
}

.workshop-detail-tag {
    background-color: #FFF6DB;
}

.workshop_detail_media {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    background-color: #460700;
    border-right: 2px solid #460700;
}

.workshop_detail_main_image {
    position: relative;
    min-height: 0;
    flex: 1;
    overflow: hidden;
}

.workshop_detail_main_image>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.workshop_detail_main_image.webgl-transition-ready>img {
    visibility: hidden;
}

.workshop_detail_arrow {
    position: absolute;
    z-index: 2;
    top: calc(50% - 1.9rem);
    width: 3.8rem;
    height: 3.8rem;
    padding: 0;
}

.workshop_detail_arrow:hover {
    color: #fff;
    background-color: #4662AA;
}

.workshop_detail_arrow .btn-inner {
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
}

.workshop_detail_arrow svg path {
    transition: stroke .2s ease-in-out;
}

.workshop_detail_arrow:hover svg path {
    stroke: #fff;
}

.workshop_detail_prev svg {
    transform: rotate(180deg);
}

.workshop_detail_prev {
    left: 1.6rem;
}

.workshop_detail_next {
    right: 1.6rem;
}

.workshop_detail_thumbs {
    position: relative;
    flex: 0 0 14rem;
    padding: 1.6rem 1.6rem 2.8rem;
    width: 100%;
    overflow: hidden;
    background-color: #FFF6DB;
}

.workshop_detail_thumbs_inner {
    align-items: stretch;
}

.workshop_detail_thumb {
    position: relative;
    width: 10rem;
    height: 10rem;
    flex: 0 0 10rem;
    padding: 0;
    overflow: hidden;
    border: 2px solid #460700;
    border-radius: 1.2rem;
    background: none;
    cursor: pointer;
}

.workshop_detail_thumb::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background-color: rgba(0, 0, 0, .4);
    pointer-events: none;
    transition: opacity .25s ease;
}

.workshop_detail_thumb::after {
    content: "ĐANG XEM";
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: .8rem;
    padding: .5rem 1rem;
    border: 2px solid #460700;
    border-radius: 10rem;
    opacity: 0;
    color: #460700;
    background-color: #FFF6DB;
    box-shadow: 2px 2px 0 #460700;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    transform: translateX(-50%) translateY(.4rem);
    transition: opacity .25s ease, transform .25s ease;
}

.workshop_detail_thumb.active {
    box-shadow: 3px 3px 0 #460700;
}

.workshop_detail_thumb.active::before,
.workshop_detail_thumb:hover::before {
    opacity: 0;
}

.workshop_detail_thumb.active::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.workshop_detail_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.workshop_detail_thumbs_scrollbar.swiper-scrollbar-horizontal {
    left: 1.6rem;
    right: 1.6rem;
    bottom: .8rem;
    width: auto;
    height: 1.1rem;
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid #460700;
    border-radius: 10rem;
    background-color: #fff;
}

.workshop_detail_thumbs_scrollbar .swiper-scrollbar-drag {
    top: 0;
    height: 100%;
    max-width: 100%;
    border-radius: 10rem;
    background-color: #FFCE56;
}

.workshop_detail_info {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
}

.workshop_detail_info .workshop_detail_close {
    top: 1.2rem;
    right: 1.2rem;
}

.workshop_detail_body {
    padding: min(3.2rem, 3.6vh) min(3.2rem, 3.6vh) min(2.4rem, 2.6vh);
    overflow-y: auto;
    scrollbar-width: none;
}

.workshop_detail_body::-webkit-scrollbar {
    display: none;
}

.workshop_detail_tag {
    display: inline-block;
}

.workshop_detail_title {
    margin-top: min(2.4rem, 3vh);
    color: #460700;
}

.workshop_detail_description {
    margin-top: 1.2rem;
    line-height: 1.5;
}

.workshop_detail_divider {
    height: 1px;
    margin-block: min(2.4rem, 2.6vh);
    background-color: rgba(70, 7, 0, .2);
}

.workshop_detail_section+.workshop_detail_section {
    margin-top: min(2.4rem, 2.6vh);
}

.workshop_detail_section ul {
    margin: 1rem 0 0;
    padding-left: 2rem;
}

.workshop_detail_section li {
    margin-top: .8rem;
    line-height: 1.45;
}

.workshop_detail_footer {
    margin-top: auto;
    padding: min(2.4rem, 2.6vh) min(3.2rem, 3.6vh);
    border-top: 2px solid #460700;
}

.workshop_detail_price_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
}

.workshop_detail_note {
    margin-top: 1.2rem;
}

.home_explore_content_subtitle_wrap {
    display: none;
}

@media only screen and (max-width: 991px) {
    .home_explore_mobile_floor_nav {
        position: fixed;
        right: 0;
        top: auto;
        bottom: 0;
        left: 0;
        z-index: 999999;
        display: flex;
        justify-content: center;
        width: 100%;
        height: calc(5.8rem + env(safe-area-inset-bottom, 0px));
        padding: 0 .6rem env(safe-area-inset-bottom, 0px);
        border-bottom: 2px solid #460700;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(100%);
        transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
    }

    .home_explore_mobile_floor_nav.is-visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
        transition-delay: 0s;
    }

    body.mobile-menu-open .home_explore_mobile_floor_nav.is-visible {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(100%);
        transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
    }

    .home_explore_mobile_floor_nav_inner {
        display: flex;
        align-items: flex-end;
        gap: .4rem;
        width: min(100%, 36rem);
        height: 100%;
    }

    .home_explore_mobile_floor_item {
        flex: 1 1 0;
        height: 4.8rem;
        padding: 0;
        border: 2px solid #460700;
        border-bottom: 0;
        border-radius: 1rem 1rem 0 0;
        background-color: #fff;
        color: #460700;
        font: inherit;
        font-size: 1.8rem;
        font-weight: 800;
        line-height: 1;
        cursor: pointer;
        transition: height .3s ease, transform .3s ease, filter .3s ease;
    }

    .home_explore_mobile_floor_item:nth-child(2) {
        background-color: #FFCE56;
    }

    .home_explore_mobile_floor_item:nth-child(3) {
        background-color: #4662AA;
        color: #fff;
    }

    .home_explore_mobile_floor_item:nth-child(4) {
        background-color: #E41F2F;
        color: #fff;
    }

    .home_explore_mobile_floor_item:nth-child(5) {
        background-color: #7A40F6;
        color: #fff;
    }

    .home_explore_mobile_floor_item.active {
        height: 5.6rem;
        filter: brightness(1.04);
    }

    .home_explore_mobile_floor_item:focus-visible {
        outline: 3px solid #1A66FF;
        outline-offset: -4px;
    }

    .home_explore_list_button_wrap {
        display: none;
    }

    .home_explore_inner .home_explore_content_subtitle {
        display: none;
    }

    .home_explore_content_subtitle {
        color: currentColor;
    }

    .home_experience_inner {
        border-bottom: none;
    }

    .home_explore_content_subtitle_wrap {
        display: flex;
        padding: 1.6rem var(--padding-container);
        margin-inline: calc(var(--padding-container) * -1);
        /* width: 100%; */
        justify-content: space-between;
        align-items: center;
        border-bottom: 2px solid #460700;
        border-top: 2px solid #460700;
        cursor: pointer;
    }

    .home_explore_content_subtitle_icon {
        transition: transform .3s ease-in-out;
    }

    .home_explore_content_subtitle_wrap.active .home_explore_content_subtitle_icon {
        transform: rotate(180deg);
    }

    [data-tab="tab1f"].home_explore_content_subtitle_wrap {
        background-color: white;
        color: #460700;
    }

    [data-tab="tab2f"].home_explore_content_subtitle_wrap {
        background-color: #FFCE56;
        color: #460700;
    }

    [data-tab="tab3f"].home_explore_content_subtitle_wrap {
        background-color: #4662AA;
        color: #FFF6DB;
    }

    [data-tab="tab3f"].home_explore_content_subtitle_wrap svg path,
    [data-tab="tab4f"].home_explore_content_subtitle_wrap svg path,
    [data-tab="tab5f"].home_explore_content_subtitle_wrap svg path {
        stroke: #FFF6DB;
    }

    [data-tab="tab4f"].home_explore_content_subtitle_wrap {
        background-color: #E41F2F;
        color: #FFF6DB;
    }

    [data-tab="tab5f"].home_explore_content_subtitle_wrap {
        background-color: #7A40F6;
        color: #FFF6DB;
    }

    .home_explore_seeall {
        position: static;
    }

    .workshop_explore_inner {
        padding-inline: 0;
    }

    .home_explore_list {
        clip-path: unset;
    }

    .home_explore_list_wrap {
        width: 100%;
    }

    .home_explore_seeall.btn {
        margin-top: 3.2rem;
        margin-inline: auto;
    }

    .home_explore_content_tab {
        flex-direction: column;
        padding-bottom: 3.2rem;
    }

    .home_explore_content_subtitle_icon {
        display: flex;
        width: 3.2rem;
    }

    .home_explore_content_title {
        margin-top: 4rem;
        max-width: 47rem;
    }

    .home_explore_wrap {
        width: 100%;
        padding-inline: var(--padding-container);
        padding-bottom: 5.8rem;
    }

    .home_explore_container {
        height: auto;
    }

    .home_explore_content_tab {
        position: relative;
    }

    .home_explore_content_tab {
        transform: translateY(0);
        pointer-events: all;
    }

    .workshop_intro,
    .workshop_catalog {
        width: 100%;
    }

    .home_explore_content {
        width: 100%;
        margin-right: 0;
        margin-bottom: 6rem;
    }

    .home_explore_inner {
        flex-direction: column;
        padding-bottom: 0;
    }

    .home_explore_list_item {
        height: 45rem;
    }

    .home_explore_content_des {
        margin-top: 2.4rem;
    }
}

@media only screen and (max-width: 767px) {
    .workshop_detail_thumbs {
        padding-bottom: 1.6rem;
        flex: none;
    }

    .home_explore {
        overflow: visible;
        contain: paint;
    }

    .home_explore_wrap {
        height: auto;
        overflow: visible;
    }

    .home_explore_floor_section {
        display: block;
        position: relative;
    }

    .home_explore_content_tab {
        inset: auto;
        transform: none;
    }

    .home_explore_content_subtitle_wrap {
        position: -webkit-sticky;
        position: sticky;
        z-index: 20;
        height: 5.6rem;
        padding-block: 0;
        top: 5.4rem;
    }

    .home_explore_content_subtitle_wrap .home_explore_content_subtitle {
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .home_explore_content {
        margin-bottom: 4rem;
    }

    .home_explore_content_button {
        margin-top: 2.4rem;
    }

    .home_explore_seeall.btn {
        margin-top: 2.4rem;
    }

    .home_explore_content_tab {
        padding-bottom: 3.2rem;
    }

    .home_explore_list_item {
        width: 34.5rem;
    }

    .home_explore_content_tag {
        flex-wrap: nowrap;
        margin-top: 1.6rem;
        margin-inline: -1.6rem;
        padding-inline: 1.6rem;
        overflow-x: auto;
        overflow-y: hidden;
        gap: .8rem;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .home_explore_content_tag::-webkit-scrollbar {
        display: none;
    }

    .home_explore_content_tag_item {
        flex: none;
        white-space: nowrap;
    }

    .home_explore_content_title {
        margin-top: 2.4rem;
    }

    .home_explore_content_des {
        margin-top: 1.6rem;
    }

    .home_explore_content_subtitle_icon {
        width: 2.4rem;
    }

    .home_explore_content_subtitle_wrap {
        padding-block: 1.2rem;
    }

    .workshop_explore_inner {
        flex-direction: column;
    }

    .workshop_card_action.btn {
        position: absolute;
        right: 0;
        bottom: 2rem;
        width: 2.8rem;
        height: 2.8rem;
    }

    .workshop_card_price {
        font-size: 1.8rem;
        margin-top: 2rem;
    }

    .workshop_card_content {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .workshop_intro,
    .workshop_catalog {
        width: 100%;
    }

    .workshop_catalog {
        height: 55rem;
        margin-right: 0;
    }

    .workshop_card {
        grid-template-columns: 16rem 1fr 0;
        gap: 1.2rem;
        position: relative;
    }

    .workshop_card_description {
        margin-top: .4rem;
        margin-bottom: auto;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .workshop_card_image {
        min-height: 12rem;
    }

    .home_explore_content_title br {
        display: none;
    }

    .home_tour_card_title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .workshop_detail_popup {
        padding: 1.2rem;
    }

    .workshop_detail_dialog {
        display: block;
        width: calc(100vw - 2.4rem);
        height: 85svh;
        overflow-y: auto;
        transform: none;
    }

    .workshop_detail_popup.active .workshop_detail_dialog {
        transform: none;
    }

    .workshop_detail_info .workshop_detail_close {
        position: fixed;
        z-index: 5;
        top: calc(7.5svh + 1.2rem);
        right: 2.4rem;
    }

    .home_experience_inner {
        height: 9rem;
    }

    .workshop_detail_media {
        height: 48vh;
        border-right: 0;
        border-bottom: 2px solid #460700;
    }

    .workshop_detail_info {
        min-height: 55rem;
    }

    .workshop_detail_body,
    .workshop_detail_footer {
        padding-inline: 2rem;
    }
}

/* home_tour */

.home_tour {
    min-height: 64rem;
    overflow: hidden;
    background-color: #460700;
}

.home_tour .container {
    height: auto;
}

.home_tour_main {
    position: absolute;
    inset: 0 0 14.8rem;
    width: 100%;
    border-bottom: 2px solid #460700;
}

.home_tour_main_item,
.home_tour_main_item img {
    width: 100%;
    height: 100%;
}

.home_tour_main_item img {
    display: block;
    object-fit: cover;
}

.home_tour_main.webgl-transition-ready .home_tour_main_wrap {
    visibility: hidden;
}

.home_tour_bot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 15.6rem;
    border-bottom: 3px solid #460700;
    border-top: 3px solid #460700;
    overflow: hidden;
    z-index: 2;
    background-color: #FFCE56;
}

.home_tour_bot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150vw;
    height: 150vw;
    background: repeating-linear-gradient(90deg,
            transparent 0,
            transparent 19px,
            #F9C034 19px,
            #F9C034 21px);
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center;
}

.home_tour_card_title {
    color: #FFF6DB;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
    cursor: pointer;
}

.home_tour_card_inner {
    flex: 0 0 56.6rem;
    padding: 3.2rem;
    background-color: #E41F2F;
    border-radius: 1.6rem;
    border: .4rem solid #460700;
    box-shadow: .3rem .3rem 0 0 #460700;
    width: 56.6rem;
}

.home_tour_card {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.4rem;
    z-index: 3;
}

.home_tour_card>.container {
    display: flex;
    gap: 2.4rem;
    align-items: flex-end;
}

.home_tour_card_detail {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.home_tour_card_detail_see_icon {
    width: 2.4rem;
    transition: all .3s ease-in-out;
}

.home_tour_card_detail_see_icon svg g {
    transition: all .3s ease-in-out;
}

.home_tour_card_detail_see {
    cursor: pointer;
    position: relative;
}

.home_tour_card_detail_see::after {
    content: "";
    left: 0;
    bottom: -1rem;
    right: 60%;
    opacity: 0;
    transition: all .3s ease-in-out;
    height: 3px;
    background-color: #FFCE56;
    border: .5px solid #460700;
    position: absolute;
    border-radius: 5rem;
}

.home_tour_card_detail_see:hover::after {
    opacity: 1;
    right: 0;
}

.home_tour_card_detail_see:hover .home_tour_card_detail_see_icon {
    transform: rotate(-45deg);
}

.home_tour_card_detail_see:hover .home_tour_card_detail_see_icon svg g {
    opacity: 1;
}

.home_tour_card_detail_see {
    display: flex;
    gap: .4rem;
    margin-top: 4.4rem;
}

.home_tour_card_detail_button_inner {
    cursor: pointer;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .8rem;

}

.home_tour_card_detail_button_inner.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.home_tour_card_detail_button_inner_inner {
    width: 2rem;
    height: 2rem;
}

.home_tour_card_detail_button_inner.btn {
    padding: 0;
    background-color: unset;
}

.home_tour_card_detail_button_inner.btn {
    background-color: #fff;
}

.home_tour_card_detail_button_inner.btn:hover {
    background-color: #4662AA;
}

.home_tour_card_detail_button_inner.btn:hover svg path {
    stroke: #fff;
}

.home_tour_card_detail_button_inner.btn svg path {
    transition: stroke .3s ease-in-out;
}

.home_tour_card_detail_button {
    display: flex;
    gap: 16px;
}

.home_tour_card_slide_item {
    position: relative;
    width: 10rem;
    height: 10rem;
    padding: 0;
    overflow: hidden;
    border: 2px solid #460700;
    border-radius: 1.2rem;
    background: none;
    cursor: pointer;
    transition: box-shadow .25s ease;
}

.home_tour_card_slide_item::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    opacity: 1;
    pointer-events: none;
    background-color: #00000066;
    transition: opacity .25s ease;
}

.home_tour_card_slide_item::after {
    content: "ĐANG XEM";
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: .6rem;
    padding: .5rem 1rem .4rem 1rem;
    border: 2px solid #460700;
    border-radius: 10rem;
    opacity: 0;
    color: #460700;
    background-color: #FFF6DB;
    box-shadow: 2px 2px 0 #460700;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
    transform: translateX(-50%) translateY(.4rem);
    transition: opacity .25s ease, transform .25s ease;
}

.home_tour_card_slide_item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_tour_card_slide_item.swiper-slide-thumb-active {
    box-shadow: 3px 3px 0 #460700;
}

.home_tour_card_slide_item.swiper-slide-thumb-active::before,
.home_tour_card_slide_item:hover::before {
    opacity: 0;
}

.home_tour_card_slide_item.swiper-slide-thumb-active::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.home_tour_card_slide {
    min-width: 0;
    flex: 1;
    padding: .4rem .4rem .4rem 0;
}



@media only screen and (max-width: 991px) {

    .home_tour_card_slide {
        margin-right: calc(var(--padding-container) * -1);
        margin-left: 0;
        padding-right: var(--padding-container);
    }

    .home_tour_card_inner {
        padding: 2.4rem;
        flex-basis: 36rem;
        width: 36rem;
    }

    .home_tour_card_slide_item {
        width: 12rem;
        height: 12rem;
    }
}

@media only screen and (max-width: 767px) {
    .home_tour {
        min-height: 72rem;
        border-top: .2rem solid #460700;
    }

    .home_tour_bot {
        border-top-width: .2rem;
        border-bottom-width: .2rem;
    }

    .home_tour_main {
        bottom: 18rem;
        border: unset;
    }

    .home_tour_bot {
        height: 18rem;
    }

    .home_tour_card {
        bottom: 1.6rem;
    }

    .home_tour_card>.container {
        flex-direction: column;
        gap: 1.2rem;
        align-items: stretch;
    }

    .home_tour_card_inner {
        width: 100%;
        flex-basis: auto;
        padding: 2rem;
        border-width: .2rem;
    }

    .home_tour_card_detail_see {
        margin-top: 2.4rem;
        order: 1;
    }

    .home_tour_card_detail_button {
        order: 2;
        margin-right: auto;
        gap: 1rem;
    }

    .home_tour_card_detail {
        flex-wrap: nowrap;
        flex-direction: row-reverse;
    }

    .home_tour_card_slide_item {
        width: 10rem;
        height: 10rem;
    }

}

/* home_event */

.home_event .container,
.home_event {
    position: relative;
}

.home_event .container {
    display: flex;
    flex-direction: column;
}

.home_event.has-header .home_event_subtitle {
    padding-top: 14.81vh;
}

.home_event_subtitle {
    padding-top: min(10vh, 9rem);
}

.home_event_card_super {
    margin-top: auto;
    padding-bottom: min(4.8rem, 5.4vh);
}

.home_event_title {
    margin-top: min(2.4rem, 2.6vh);
    color: #FFCE56;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
}

.home_event_card {
    margin-top: min(6vh, 6rem);
    padding-bottom: .4rem;
    padding-right: .5rem;
    margin-right: -.5rem;
}

.home_event_bot {
    position: absolute;
    bottom: 0;
    height: min(11rem, 12vh);
    left: 0;
    right: 0;
    border-bottom: .3rem solid #460700;
    border-top: .3rem solid #460700;
    background: repeating-linear-gradient(135deg,
            #ED1C2E 0,
            #ED1C2E 19px,
            #EB4351 19px,
            #EB4351 21px);
}

.home_event_icon.icon1 {
    width: min(13.6rem, 14.81vh);
    left: 13rem;
    top: 24.69vh;
}

.home_event_icon.icon2 {
    width: min(12.7rem, 13.8vh);
    right: 13rem;
    top: 15.19vh;
}

.home_event_icon {
    position: absolute;
}

.home_event_card_item_txt_inner {
    display: flex;
    margin-top: .8rem;
    justify-content: space-between;
}

.home_event_card_item_txt_icon {
    width: 3.2rem;
}

.home_event_card_item {
    width: 33%;
    position: relative;
    cursor: pointer;
}

.home_event_card_item_txt {
    padding: 2rem;
    position: absolute;
    background-color: #fff;
    left: .8rem;
    right: .8rem;
    z-index: 2;
    bottom: .8rem;
    border: 2px solid #460700;
    border-radius: .8rem;
}

.home_event_card_item_txt_des {
    margin-top: .4rem;
}

.home_event.has-header .home_event_card_item_img {
    max-height: min(38.1rem, 50vh);

}

.home_event_card_item_img {
    border: .2rem solid #460700;
    border-radius: 1.6rem;
    overflow: hidden;
    box-shadow: .4rem .4rem 0 0 #460700;
    max-height: min(41.1rem, 56vh);
}

.svg_rotate_wrap:hover .home_event_card_item_txt_icon svg path {
    stroke: #E41F2F;
}

.home_event_card_item_label {
    padding: .5rem 1.2rem;
}

.home_event_card_item_label {
    position: absolute;
    top: -1rem;
    right: 2rem;
    border-radius: 10rem;
    border: 1px solid #460700;
    background-color: #FFF6DB;
    box-shadow: .3rem .3rem 0 0 #460700;
}

.home_event_card_item_button.swiper-button-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.home_event_card_item_button.btn {
    padding: 0;
    background-color: unset;
}

.home_event_card_item_button.btn {
    background-color: #fff;
}

.home_event_card_item_button.btn:hover {
    background-color: #4662AA;
}

.home_event_card_item_button.btn:hover svg path {
    stroke: #fff;
}

.home_event_card_item_button.btn svg path {
    transition: stroke .3s ease-in-out;
}

.home_event_card_item_button.btn:hover {
    transform: translate(2px, calc(-50% + 2px));
}

.home_event_card_item_button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 22;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .8rem;
    /* border: 2px solid #460700; */

}

.home_event_card_item_button_inner {
    width: 2rem;
    height: 2rem;
}

.home_event_card_item_button_next {
    right: -4.8rem;
}

.home_event_card_item_button_prev {
    left: -4.8rem;
}

.home_event_card_super {
    position: relative;
}



@media only screen and (max-width: 991px) {
    .home_event_icon.icon2 {
        right: 3rem;
        top: 1rem;
    }

    .home_event_card {
        overflow: visible;
    }

    .home_event {
        overflow: hidden;
        padding-bottom: 2rem;
    }

    .home_event_card_item_button.btn {
        display: none;
    }

    .home_event_icon.icon1 {
        left: 6rem;
        top: 19.69vh;
    }

    .home_event_card_super {
        padding-bottom: 0;
    }

    .home_event {
        padding-bottom: 4rem;
    }

    .home_event_bot {
        height: 9rem;
    }
}

@media only screen and (max-width: 767px) {
    .home_event_card_super {
        padding-bottom: 0;
    }

    .home_event_subtitle {
        padding-top: 4.8rem;
    }

    .home_event_card_item_txt {
        padding: 1.6rem;
    }

    .home_event_card {
        margin-top: 4rem;
    }

    .home_event_icon.icon2 {
        width: 6.7rem;
        top: 2rem;
    }

    .home_event_icon.icon1 {
        width: 7.2rem;
        left: 3rem;
        top: 20rem;
    }

    .home_event_title br {
        display: none;
    }

    .home_event_card_item_txt_icon {
        display: none;
    }

    .home_event_card_item_txt_title.txt_18 {
        font-size: 1.8rem;
    }
}

/* home_space_left_des */
.home_space .container {
    display: flex;
    gap: 10.3rem;
}

.home_space_left_des {
    margin-top: 3.2rem;
}

.home_space_left_button {
    margin-top: 3.2rem;
    width: max-content;
    padding: 1.2rem 1.6rem;
}

.home_space_left {
    width: 43.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home_space_left_button.btn {
    background-color: #fff;
}

.home_space_left_button.btn:hover {
    background-color: #4662AA;
}

.home_space_left_button.btn:hover .btn-inner {
    color: #FFF6DB;
}

.home_space_right {
    display: flex;
    gap: 2.4rem;
    flex: 1;
}

.home_space_right_card {
    width: calc(100% - 1.2rem);
    transform: translateZ(0);
    overflow: hidden;
}

.home_space_right_card_wrap {
    transition-timing-function: linear !important;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

/* .home_space_right_card:hover .marquee-group {
    animation-play-state: paused !important;
} */

@keyframes marquee-up {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(calc(-100% - 2.4rem));
    }
}

@keyframes marquee-down {
    0% {
        transform: translateY(calc(-100% - 2.4rem));
    }

    100% {
        transform: translateY(0);
    }
}

.anim.marquee-up {
    animation-name: marquee-up;
    will-change: transform;
}

.anim.marquee-down {
    animation-name: marquee-down;
    will-change: transform;
}

.anim.marquee-left {
    animation-name: marquee-left;
    will-change: transform;
}

.anim.marquee-right {
    animation-name: marquee-right;
    will-change: transform;

}

.home_space_right_card_item_img {
    height: 100%;
}

.home_space_right_card_item_img {
    border-radius: 1.6rem;
    box-shadow: .4rem .4rem 0 0 #460700;
    border: 2px solid #460700;
    overflow: hidden;
}

.home_space_right_card_item {
    padding-right: .4rem;
    position: relative;
    backface-visibility: hidden;
    transform: translateZ(0);
}

@media only screen and (min-width: 992px) {
    .home_space_right_card .home_space_right_card_item {
        height: auto !important;
        width: 100%;
        flex-shrink: 0;
    }

    .home_space_right_card .home_space_right_card_item_img {
        height: auto;
    }

    .home_space_right_card .home_space_right_card_item.is-square .home_space_right_card_item_img {
        aspect-ratio: 1 / 1;
    }

    .home_space_right_card .home_space_right_card_item.is-portrait .home_space_right_card_item_img {
        aspect-ratio: 3 / 4;
    }
}

.home_space_right_card.card2 {
    margin-top: -4.8rem;
}

.home_space_right_card_item_tag {
    border: 2px solid #460700;
    border-radius: 10rem;
    box-shadow: 2px 2px 0 0 #460700;
    background-color: #FFF6DB;
    position: absolute;
    left: 1.2rem;
    bottom: 1.2rem;
    padding: .5rem 1.2rem;
}

.home_space_bot {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4.4rem;
    width: 41.8%;
}

.home_space_bot img {
    object-position: right top;
}

.home_space_icon {
    position: absolute;
    width: 22.4rem;
    bottom: 1.7rem;
    left: 23%;
    z-index: 1;
}



@media only screen and (max-width: 991px) {
    .home_space_left_des {
        margin-top: 2.4rem;
    }

    .home_event_title {
        margin-top: 1.6rem;
    }

    .home_space_right {
        width: 100%;
        flex-direction: column;
        gap: 3.2rem;
    }

    .home_space_right_card {
        width: 100%;
        height: clamp(22rem, 42vw, 32rem);
        overflow: visible;
    }

    .home_space_icon {
        width: 15rem;
        left: 43%;
    }

    .home_space_right_card.card2 {
        margin-top: 0;
    }

    .home_space_right_card_item {
        height: 100%;
    }

    .home_space .container {
        padding-block: 6rem 8.4rem;
        gap: 4.8rem;
        flex-direction: column;
        border-bottom: .2rem solid #460700;
    }

    .home_space_bot {
        height: 5.4rem;
        width: 66.8%;
    }
}


@media only screen and (max-width: 767px) {
    .home_space_right {
        margin-inline: calc(var(--padding-container) * -1);
        width: auto;
    }

    .home_space_right_card {
        height: 20rem;
        overflow: visible;
    }


    .home_space_left {
        width: 100%;
    }

    .home_space_icon {
        width: 9.6rem;
        left: 54%;
        bottom: 1.6rem;
    }

    .home_space_bot {
        width: 33rem;
    }

    .home_space_right {
        gap: 1.8rem;
    }

    .home_space .container {
        gap: 4rem;
        padding-block: 4.8rem 7.5rem;
    }

    .home_space_left_des {
        margin-top: 1.6rem;
    }

    .home_space_left_button {
        margin-top: 2.4rem;
    }
}

/* footer */

.footer {
    position: relative;
    height: 100vh;
}

.footer>.container {
    padding-top: 14.81vh;
    height: calc(100vh - min(2.4rem, 2.6vh));
}

.footer_info {
    grid-column: 1/7;
}

.footer_info_tag {
    display: flex;
    gap: 1.6rem;
    flex-wrap: wrap;
    margin-top: 3.2rem;
}

.footer_info_title {
    margin-top: 2.4rem;
}

.footer_info_tag_item_icon {
    width: 2rem;
    flex: none;
    height: 2rem;
}

.footer_info_tag_item {
    display: flex;
    gap: .8rem;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 0 0 #460700;
    border: 1.5px solid #460700;
    padding: 1rem 1.6rem;
    background-color: #FFF6DB;
    border-radius: 20rem;
}

.footer_info_title {
    color: #FFCE56;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
}

.footer_contact {
    grid-column: 7/13;
    margin-top: min(4.8rem, 5.4vh);
}

.footer_contact_inner {
    padding: 3.2rem;
    background-color: #fff;
    border: 2px solid #460700;
    border-radius: 2.4rem;
    box-shadow: .6rem .6rem 0 0 #460700;
    position: relative;
}

.footer_contact_title {
    color: #E41F2F;
}

.footer_contact_num_icon {
    width: min(6.4rem, 7vh);
}

.footer_contact_des {
    margin-top: .8rem;
}

.footer_contact_num {
    margin-block: min(3.2rem, 4vh);
    display: flex;
    gap: 1.6rem;
    align-items: center;
}

.footer_contact_button.btn {
    background-color: #1A66FF;
    margin-top: min(3.2rem, 4vh);
    padding-inline: 2.4rem;
}

.footer_contact_num_txt {
    color: #FFCE56;
    font-weight: 900;
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
}

.footer_contact_or {
    background-color: #fff;
    position: relative;
    width: max-content;
    padding-right: 1.2rem;
}

.footer_contact_num {
    position: relative;
}

.footer_contact_num::after {
    content: "";
    height: 1px;
    background-color: #460700;
    position: absolute;
    left: 0;
    opacity: .2;
    right: 0;
    bottom: calc(-1rem - min(3.2rem, 4vh));
}

.footer_contact_icon {
    position: absolute;
    right: 2.8rem;
    bottom: -2.8rem;
}

.footer_contact_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    right: var(--padding-container);
    gap: 6rem;
    bottom: calc(100% + min(3.4rem, 3.4vh));
}

.footer_contact_info_social {
    display: flex;
    gap: 1.6rem;
    justify-content: center;
    align-items: center;
}

.footer_contact_info_social_icon_wrap {
    display: flex;
    gap: .8rem;
}

.footer_contact_info_social_icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.footer_contact_info_social_icon_inner {
    width: 2rem;
    height: 2rem;
}

.footer_contact_info_social_icon.btn {
    padding: 0;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 0px #460700;
}

.footer_contact_info_social_icon.btn:hover {
    transform: translate(1px, 1px);
    box-shadow: 1px 1px 0px #460700;
}

.footer_contact_info_social_icon.btn:hover {
    background-color: #4662AA;
}

.footer_contact_info_social_icon.btn:hover svg path {
    fill: #FFF6DB
}

.footer_contact_info_social_icon_wrap .footer_contact_info_social_icon.btn:hover:last-child svg path:nth-child(1) {
    fill: #EE1D52
}

.footer_contact_info_social_icon_wrap .footer_contact_info_social_icon.btn:hover:last-child svg path:nth-child(2) {
    fill: #000
}

.footer_contact_info_social_icon_wrap .footer_contact_info_social_icon.btn:hover:last-child svg path:nth-child(3) {
    fill: #FFF6DB
}

.footer_contact_info_social_icon.btn svg path {
    transition: fill .3s ease-in-out;
}



.footer_bot {
    position: absolute;
    bottom: min(2.4rem, 2.6vh);
    width: 100%;
}


.footer_bot_icon {
    position: absolute;
    width: min(49.7rem, 55vh);
    bottom: 100%;
    left: var(--padding-container);

}

.footer_bot_img {
    position: relative;
    overflow: hidden;
    border-top: 2px solid #460700;
    border-bottom: 2px solid #460700;
    height: min(6.8rem, 7.2vh);
    background-color: #fff;
}

.footer_bot_img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(135deg,
            transparent 0,
            transparent 19px,
            #460700 19px,
            #460700 21px);
    opacity: .03;
    pointer-events: none;
}

.footer .home_piano_item {
    border-top: none;
}

.footer_bot_inner.container {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_bot_left_list_item {
    display: flex;
    gap: 1.5rem;
    cursor: pointer;
    transition: color .3s ease-in-out;
}

.footer_bot_left_list_item:hover {
    color: #E41F2F;
}

.footer_bot_left_list_item:hover .footer_bot_left_list_item_num::after {
    background-color: #E41F2F;
    opacity: 1;
}

.footer_bot_left_list_item_num {
    position: relative;
}

.footer_bot_left_list_item_num::after {
    background-color: #460700;
    content: "";
    width: 3px;
    height: 3px;
    position: absolute;
    right: -.8rem;
    top: 50%;
    border-radius: 50%;
    transform: translateY(-50%);
    opacity: .4;
    transition: opacity .3s ease-in-out, background-color .3s ease-in-out;
}

.footer_bot .container {
    height: auto;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    inset: 0;
}

.footer_bot_right_txt {
    cursor: pointer;
}

.footer_bot_left_list_item {
    display: flex;
    position: relative;
}

.footer_bot_left_list_item::after {
    position: absolute;
    content: "";
    top: 2px;
    bottom: 2px;
    width: 3px;
    background-color: #FFCE56;
    border-radius: .8rem;
    border: .5px solid #460700;
    right: -1.6rem;
}

.footer_bot_left_list .footer_bot_left_list_item:last-child::after {
    content: unset;
    background-color: unset;
}

.footer_bot_left_list {
    display: flex;
    gap: 3.2rem;
}

.footer_bot_right_img {
    height: min(4.4rem, 5.4vh);
}


.footer_bot_right {
    display: flex;
    gap: 1.6rem;
    align-items: center;
}

.footer_bg1 {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 12.716vh;
    z-index: -1;
    opacity: .4;
    mix-blend-mode: multiply;
}

.footer_bg2 {
    position: absolute;
    inset: 0;
    z-index: -2;
}


/* global_btn_top_inner */
.global_btn_top_inner {
    width: 2rem;
    height: 2rem;
}

.global_btn_top.btn {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    padding: 0;
    background-color: #FFCE56;
    position: absolute;
    bottom: 2rem;
    right: .6rem;
    opacity: 0;
    visibility: hidden;
    color: #460700;
    pointer-events: none;
    transform: translateY(.8rem) scale(.9);
    transition: opacity .4s ease, visibility 0s linear .4s, transform .4s ease, background-color .4s ease, color .4s ease;
}

.global_btn_top.btn.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
    transition-delay: 0s;
}

.global_btn_top.btn:hover {
    background-color: #E41F2F;
    color: white;
}

.global_btn {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1111111111;
    padding-bottom: 8.8rem;
    overflow: hidden;
}

@media only screen and (max-width: 991px) {
    .global_btn {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        transition: opacity .3s ease, transform .3s ease, visibility 0s linear 0s;
    }

    body.mobile-menu-open .global_btn,
    body.explore-floor-nav-visible .global_btn {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(1.6rem);
        transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
    }
}

.global_btn_list_item.item1 .global_btn_list_item_icon {
    width: 3.8rem;
}

.global_btn_list_item.item2 .global_btn_list_item_icon {
    width: 2.4rem;
}

.global_btn_list_item.item3 .global_btn_list_item_icon {
    width: 3rem;
}

.global_btn_list_item.item1 {
    background-color: #fff;
    padding-left: 1rem;
}

.global_btn_list_item.item2 {
    background-color: #E41F2F;
    padding-left: 1.6rem;
}

.global_btn_list_item.item3 {
    background-color: #1A66FF;
    padding-left: 1.6rem;
}

.global_btn_list {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    align-items: flex-end;
}

.global_btn_list_item_txt {
    padding-right: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;
}

.global_btn_list_item_txt.active {
    padding-right: 1.5rem;
    max-width: 20rem;
    /* Đủ rộng để hiển thị toàn bộ chữ */
    opacity: 1;
}

.global_btn_list_item {
    display: flex;
    gap: .8rem;
    border-radius: 10rem 0 0 10rem;
    transition: all .3s ease-in-out;
    height: min(5.6rem, 6vh);
    align-items: center;
    white-space: nowrap;
    min-width: min(5.6rem, 6vh);
    box-shadow: 2px 2px 0 0 #460700;
    border-top: 1.5px solid var(--Dark-Brown, #460700);
    border-bottom: 1.5px solid var(--Dark-Brown, #460700);
    border-left: 1.5px solid var(--Dark-Brown, #460700);
}



@media only screen and (max-width: 991px) {
    .footer {
        height: auto;
    }

    .footer_bot_right {
        margin-top: .8rem;
    }

    .footer_info_tag {
        margin-top: 2.4rem;
    }

    .footer_contact {
        margin-top: 4rem;
    }

    .footer_info_title {
        margin-top: 1.6rem;
    }

    .footer>.container {
        padding-top: 8rem;
    }

    .footer_bot>.container {
        flex-direction: column;
        justify-content: center;
    }

    .footer_bot_img {
        height: 11rem;
    }

    .footer_info,
    .footer_contact {
        grid-column: 1/-1;
    }

    .footer_bot {
        position: relative;
    }

    .footer_bot {
        margin-top: 28rem;
    }

    .footer_bot_icon {
        width: 28rem;
    }

    .footer_contact_info {
        width: calc(100% - var(--padding-container) * 2);
        bottom: 24rem;
    }
}

@media only screen and (max-width: 767px) {
    .footer>.container {
        padding-top: 4.8rem;
    }

    .footer_info_tag {
        gap: 1.2rem;
    }

    .footer_contact_inner {
        padding: 2.4rem 1.6rem;
    }

    .footer_contact_num {
        margin-block: 1.6rem 2.4rem;
    }

    .footer_contact_button.btn {
        margin-top: 2.4rem;
    }

    .footer_contact_num_txt {
        font-size: 3.6rem;
    }

    .footer_contact_num_icon {
        width: 4.8rem;
        flex: none;
    }

    .footer_contact_num::after {
        bottom: -3.4rem;
    }

    .footer_bot_icon {
        width: 26.5rem;
    }

    .footer_bot {
        margin-top: 19rem;
    }

    .footer_contact_info {
        display: none;
    }

    .footer_bot {
        bottom: 1.6rem;
    }

    .footer_bot_left_list {
        flex-wrap: wrap;
        gap: .8rem 3.2rem;
        font-size: 1.5rem;
    }

    .footer_bot_right {
        width: 100%;
        margin-top: 2.4rem;
    }

    .footer_bot_img {
        height: 19.4rem;
    }

    .footer_contact_icon {
        position: absolute;
        right: .8rem;
        transform: rotate(20deg);
        bottom: -9.8rem;
        width: 10rem;
    }
}

/* popup_tour */

.popup_tour {
    display: none;
    background-color: #FFF6DB;
    position: fixed;
    inset: 0;
    z-index: 99999999999;
    transform: translateY(104%);
    pointer-events: none;
    transition: transform .6s ease-in-out;
    will-change: transform;
}

.popup_tour.is-mounted {
    display: block;
}

.popup_tour.active {
    transform: translateY(0);
    pointer-events: auto;
}

.popup_tour .popup_tour_sidebar,
.popup_tour .popup_tour_content {
    transition: opacity .2s ease;
}

.popup_tour.is-detail-loading .popup_tour_sidebar,
.popup_tour.is-detail-loading .popup_tour_content {
    opacity: .45;
    pointer-events: none;
}

.popup_tour.is-detail-loading::after {
    content: "";
    position: fixed;
    z-index: 4;
    top: 50%;
    left: 50%;
    width: 3.6rem;
    height: 3.6rem;
    margin: -1.8rem 0 0 -1.8rem;
    border: .4rem solid rgba(70, 7, 0, .2);
    border-top-color: #E41F2F;
    border-radius: 50%;
    pointer-events: none;
    animation: wonom-detail-loading .7s linear infinite;
}

@keyframes wonom-detail-loading {
    to {
        transform: rotate(360deg);
    }
}


.popup_tour_img {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
}

.popup_tour_head {
    position: relative;
    min-height: min(7.3rem, 8vh);
    display: flex;
    padding-inline: 2.4rem;
    align-items: center;
    padding-block: 1rem;
    border-bottom: 2px solid #460700;
    border-top: 2px solid #460700;

}

.popup_tour_head {
    position: sticky;
    top: 0;
}

.popup_tour_title {
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
}

.popup_tour_close_inner {
    width: 2.4rem;
    display: flex;
    height: 2.4rem;
}

.popup_tour_close {
    width: min(4rem, 4.4vh);
    border-radius: .8rem;
    border: 2px solid #460700;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    height: min(4rem, 4.4vh);
    position: absolute;
    right: .8rem;
    top: .8rem;
    cursor: pointer;
}

.popup_tour_close.btn {
    padding: 0;
}

.popup_tour_close.btn:hover {
    background-color: #4662AA;
}

.popup_tour_close.btn:hover svg path {
    fill: #fff;
}

.restaurant_popup_tabs {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-left: auto;
    margin-right: min(6.4rem, 7vh);
}

.restaurant_popup_tabs:empty {
    display: none;
}

.restaurant_popup_tab {
    color: #460700;
    font-family: inherit;
    line-height: 1;
}

.restaurant_popup_tab:hover,
.restaurant_popup_tab.active {
    color: #fff;
    background-color: #4662AA;
}

.restaurant_popup_tab.gallery_filter_tab {
    padding: .7rem 1rem;
}

.restaurant_popup_panel {
    display: block;
    position: absolute;
    top: var(--restaurant-popup-head-height, min(7.3rem, 8vh));
    right: 0;
    bottom: auto;
    left: 0;
    height: calc(100% - var(--restaurant-popup-head-height, min(7.3rem, 8vh)));
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(1.6rem);
    transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
}

.restaurant_popup_panel.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 0s;
}

.restaurant_menu.restaurant_popup_panel {
    display: grid;
}

.restaurant_menu {
    grid-template-columns: minmax(14rem, 20vw) 1fr;
    background: #fff6db;
    overflow: hidden;
}

.restaurant_menu_sidebar {
    padding: 2.4rem 1.6rem;
    overflow-y: auto;
    background-color: #460700;
    border-right: 2px solid #460700;
}

.restaurant_menu_thumbs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 1.2rem;
}

.restaurant_menu_thumb {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: .8rem;
    padding: 1rem 0;
    color: #fff6db;
    border: 0;
    background: transparent;
    cursor: pointer;
    opacity: .4;
    transition: opacity .4 ease;
}

.restaurant_menu_thumb.active {
    opacity: 1;
}

.restaurant_menu_thumb_img {
    display: block;
    width: 100%;
    aspect-ratio: 1338 / 1873;
    overflow: hidden;
    background-color: #fff;
}

.restaurant_menu_thumb_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.restaurant_menu_viewer {
    display: flex;
    position: relative;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    padding: 3.2rem;
    overflow: hidden;
}

.restaurant_menu_viewer_bg {
    position: absolute;
    opacity: .03;
    z-index: -1;
    inset: 0;

}

.restaurant_flipbook_wrap {
    display: flex;
    width: min(82rem, calc(100% - 12rem));
    height: 100%;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
}

.restaurant_flipbook {
    width: 100%;
    height: calc(100% - 3rem);
    min-height: 30rem;
}

.restaurant_flipbook_page {
    background-color: #fff;
    overflow: hidden;
}

.restaurant_flipbook_page img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    image-rendering: auto;
    user-select: none;
    -webkit-user-drag: none;
}

.restaurant_flipbook_fallback {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    box-shadow: 0 1rem 3rem rgba(70, 7, 0, .14);
}

.restaurant_menu_page_count {
    flex: 0 0 auto;
    color: #460700;
}

.restaurant_menu_arrow {
    flex: 0 0 auto;
    width: 4rem;
    height: 4rem;
    padding: 0;
    color: #460700;
    font-size: 2rem;
}

.restaurant_menu_arrow svg,
.restaurant_menu_arrow svg path {
    transition: all .2s ease-in-out;
}

.restaurant_menu_prev svg {
    transform: rotate(180deg);
}

.restaurant_menu_arrow:hover {
    color: #fff6db;
    background-color: #4662AA;
}

.restaurant_menu_arrow:hover svg path {
    stroke: #fff6db;
}

.popup_tour_sidebar_card_button.btn .btn-inner {
    color: #FFF6DB !important;
}

.popup_tour_sidebar_card_button.btn {
    background-color: #E41F2F !important;
}

.popup_tour_sidebar_card_button.btn:hover .btn-inner {
    color: #FFCE56 !important;
}

.popup_tour_sidebar_card_button.btn:hover {
    background-color: #460700 !important;
}

.popup_tour_sidebar_card {
    background-color: #fff;
    padding: min(2.4rem, 2.8vh);
    box-shadow: .4rem .4rem 0 0 #460700;
    border-radius: 1.2rem;
    border: 2px solid #460700;
}

.popup_tour_sidebar {
    grid-column: 1/4;
    margin-right: -2.4rem;
    position: relative;

}

.popup_tour_sidebar_card_time {
    margin-top: 1.6rem;
}

.popup_tour_sidebar_card_timedes {
    margin-top: .6rem;
}

.popup_tour_sidebar_card_cost {
    margin-top: 1.2rem;
}

.popup_tour_sidebar_card_costdes {
    margin-top: .6rem;
}

.popup_tour_sidebar_card_button {
    margin-top: 2.4rem;
}

.popup_tour .container {
    padding-block: min(3.2rem, 3.6vh);
    height: auto;
}

/* Keep the tour detail panel within the viewport so its content can scroll. */
.popup_tour.tour>.container {
    height: calc(100% - min(7.3rem, 8vh));
    min-height: 0;
    overflow: hidden;
    padding-block: 0;
}

.popup_tour.tour .popup_tour_content {
    padding-top: 5rem;
    min-height: 0;
    overscroll-behavior: contain;
}

.popup_tour.tour .popup_tour_sidebar::after {
    top: calc(0px - min(7.3rem, 8vh) - min(3.2rem, 3.6vh));
    bottom: calc(0px - min(3.2rem, 3.6vh));
}

.popup_tour.tour .popup_tour_sidebar_suggest_item {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #46070030;
    color: #460700;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.popup_tour.tour .popup_tour_sidebar_suggest_item_img,
.popup_tour.tour .popup_tour_sidebar_suggest_item_title {
    transition: color .25s ease, transform .25s ease, box-shadow .25s ease;
}

.popup_tour.tour .popup_tour_sidebar_suggest_item:hover .popup_tour_sidebar_suggest_item_img {
    transform: translateY(-2px);
    box-shadow: 4px 4px 0 0 #460700;
}

.popup_tour.tour .popup_tour_sidebar_suggest_item:hover .popup_tour_sidebar_suggest_item_title {
    color: #E41F2F;
}

.popup_tour_sidebar_title {
    margin-top: min(4.8rem, 5.2vh);
}

.popup_tour_sidebar_suggest_item_img {
    width: 5.6rem;
    height: 5.6rem;
    flex: none;
    border-radius: .8rem;
    border: 2px solid #460700;
    box-shadow: 2px 2px 0 0 #460700;
    overflow: hidden;
}

.popup_tour_sidebar_suggest {
    margin-top: 1.6rem;
}

.popup_tour_sidebar_suggest_item {
    display: flex;
    gap: 1.6rem;
    align-items: center;
    padding-block: 1.2rem;
    border-bottom: 1px solid #46070030;
}

.popup_tour_sidebar_suggest .popup_tour_sidebar_suggest_item:last-child {
    border-bottom: 0;
}

.popup_tour_content {
    grid-column: 5/13;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-right: .5rem;
}

.popup_tour_content_subtitle {
    margin-top: 1.2rem;
}

.popup_tour_content_des {
    margin-top: .8rem;
}

.popup_tour_content_img {
    border-radius: 1.6rem;
    border: 2px solid #460700;
    box-shadow: .3rem .3rem 0 0 #460700;
    overflow: hidden;
}

.popup_tour_content_txt {
    margin-top: min(4.8rem, 5.2vh);
    margin-right: -.4rem;
    padding-bottom: min(4rem, 4.4vh);
}

.popup_tour.tour .tour_detail_form {
    width: min(48rem, 100%);
    margin: min(4.8rem, 5.2vh) auto 0;
    padding: 2.4rem;
    border: 2px solid #460700;
    border-radius: 1.2rem;
    background-color: #fff;
    box-shadow: 4px 4px 0 0 #460700;
    scroll-margin-top: 2rem;
}

.popup_tour.tour .tour_detail_form_row {
    display: flex;
    gap: 2.4rem;
}

.popup_tour.tour .tour_detail_form_row .popup_form_group {
    flex: 1;
    min-width: 0;
}

.popup_tour.tour .tour_detail_form .popup_form_group {
    margin-bottom: 1.6rem;
}

.popup_tour.tour .tour_detail_form .popup_form_input {
    padding: 1rem 2.6rem 1rem 0;
    font-size: 16px;
}

.popup_tour.tour .tour_detail_form_actions {
    margin-top: .8rem;
}

.popup_tour.tour .tour_detail_form_submit.btn {
    color: #FFF6DB;
    background-color: #1A66FF;
}

.popup_tour.tour .tour_detail_form_submit.btn:hover {
    color: #FFF6DB;
    background-color: #004ADF;
}

.popup_tour.tour .tour_detail_form_submit,
.popup_tour.tour .tour_detail_form_phone {
    height: 4.4rem;
}

.popup_tour.tour .tour_detail_form_note {
    margin-top: 1.6rem;
    font-size: 1.1rem;
    line-height: 1.4;
}

.popup_tour.tour .tour_detail_form_divider {
    display: flex;
    align-items: center;
    margin: 1.6rem 0;
    font-size: 1.1rem;
    text-align: center;
}

.popup_tour.tour .tour_detail_form_divider::before,
.popup_tour.tour .tour_detail_form_divider::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid rgba(70, 7, 0, .15);
}

.popup_tour.tour .tour_detail_form_divider::before {
    margin-right: 1.2rem;
}

.popup_tour.tour .tour_detail_form_divider::after {
    margin-left: 1.2rem;
}

.popup_tour.tour .tour_detail_form_phone.btn {
    color: #FFF6DB;
    background-color: #E41F2F;
}

.popup_tour.tour .tour_detail_form_phone.btn:hover {
    color: #FFCE56;
    background-color: #460700;
}

@media only screen and (max-width: 767px) {
    .popup_tour {
        height: 100vh;
        height: 100svh;
        transform: translate3d(0, calc(100svh + 2px), 0);
    }

    .popup_tour.active {
        transform: translate3d(0, 0, 0);
    }

    .popup_tour.tour {
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .popup_tour.tour.active {
        transform: none;
    }

    .popup_tour.tour>.home_piano {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .popup_tour.tour .popup_tour_head {
        z-index: 3;
    }

    .popup_tour.tour>.container {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: calc(100% - min(7.3rem, 8vh));
        padding: 1.6rem;
        overflow: visible;
    }

    .popup_tour.tour .popup_tour_sidebar,
    .popup_tour.tour .popup_tour_content {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .popup_tour.tour .popup_tour_sidebar {
        display: contents;
    }

    .popup_tour.tour .popup_tour_sidebar::after {
        display: none;
    }

    .popup_tour.tour .popup_tour_content_txt {
        margin-top: 2.4rem;
        margin-right: 0;
    }

    .popup_tour.tour .popup_tour_sidebar_card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 1.6rem;
        padding: 1.2rem;
        order: 1;
    }

    .popup_tour.tour .popup_tour_sidebar_card_title {
        grid-column: 1 / -1;
        margin-bottom: 1.2rem;
        font-size: 1.8rem;
        line-height: 1.25;
    }

    .popup_tour.tour .popup_tour_sidebar_card_time {
        grid-column: 1;
        grid-row: 2;
        margin-top: 0;
    }

    .popup_tour.tour .popup_tour_sidebar_card_timedes {
        grid-column: 1;
        grid-row: 3;
        margin-top: .4rem;
        font-size: 1.5rem;
    }

    .popup_tour.tour .popup_tour_sidebar_card_cost {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
    }

    .popup_tour.tour .popup_tour_sidebar_card_costdes {
        font-size: 1.5rem;
        grid-column: 2;
        grid-row: 3;
        margin-top: .4rem;
    }

    .popup_tour.tour .popup_tour_sidebar_card_button {
        grid-column: 1 / -1;
        grid-row: 4;
        margin-top: 1.2rem;
    }

    .popup_tour.tour .popup_tour_content {
        order: 2;
        margin-top: 1.6rem;
    }

    .popup_tour.tour .popup_tour_content_title {
        font-size: 2rem;
        line-height: 1.25;
    }

    .popup_tour.tour .popup_tour_sidebar_title {
        order: 3;
        margin-top: 3.2rem;
    }

    .popup_tour.tour .popup_tour_sidebar_suggest {
        order: 4;
        padding-bottom: 6rem;
    }

    .popup_tour.tour .tour_detail_form {
        padding: 2rem;
    }

    .popup_tour.tour .tour_detail_form_row {
        display: block;
    }
}

/* event popup */
.popup_tour.event .popup_tour_head {
    z-index: 3;
}

.popup_tour.event>.container {
    height: calc(100% - min(7.3rem, 8vh));
    min-height: 0;
    padding-block: 0;
    overflow: hidden;
}

.popup_tour.tour .popup_tour_sidebar {
    padding-block: 5rem;
}

.popup_tour.event .popup_tour_sidebar {
    grid-column: 1/4;
    min-height: 0;
    margin-right: -2.4rem;
    padding-block: 5rem;
}

.popup_tour.event .popup_tour_sidebar::after {
    top: calc(0px - min(7.3rem, 8vh) - min(3.2rem, 3.6vh));
    bottom: calc(0px - min(3.2rem, 3.6vh));
}

.popup_tour.event .popup_tour_sidebar_card {
    padding: 2.4rem;
    box-shadow: 3px 3px 0 #460700;
}

.popup_tour.event .popup_tour_sidebar_card_time,
.popup_tour.event .popup_tour_sidebar_card_cost,
.popup_tour.event .event_popup_condition_label {
    margin-top: 1.6rem;
    font-size: 14px;
}

.popup_tour.event .popup_tour_sidebar_card_timedes,
.popup_tour.event .popup_tour_sidebar_card_costdes,
.popup_tour.event .event_popup_condition {
    margin-top: .6rem;
    font-size: 18px;
}

.popup_tour.event .popup_tour_sidebar_title {
    margin-top: min(4.8rem, 5.2vh);
    color: #E41F2F;
}

.popup_tour.event .popup_tour_sidebar_suggest {
    margin-bottom: 0;
}

.popup_tour.event .popup_tour_sidebar_suggest_item {
    width: 100%;
    padding: 1.2rem 0;
    border: 0;
    border-bottom: 1px solid rgba(70, 7, 0, .2);
    color: #460700;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: color .25s ease;
}

.popup_tour.event .popup_tour_sidebar_suggest_item:hover {
    color: #E41F2F;
}

.popup_tour.event .popup_tour_sidebar_suggest_item_title {
    transition: color .25s ease;
}

.popup_tour.event .popup_tour_sidebar_suggest_item:hover .popup_tour_sidebar_suggest_item_title {
    color: #E41F2F;
}

.popup_tour.event .popup_tour_sidebar_suggest_item_img {
    flex: 0 0 5.6rem;
    height: 5.6rem;
    transition: transform .25s ease, box-shadow .25s ease;
}

.popup_tour.event .popup_tour_sidebar_suggest_item:hover .popup_tour_sidebar_suggest_item_img {
    transform: translateY(-2px);
    box-shadow: 4px 4px 0 0 #460700;
}

.popup_tour.event .popup_tour_content {
    grid-column: 5/13;
    min-height: 0;
    padding-top: 5rem;
    padding-right: .5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.popup_tour.event .popup_tour_content_img {
    width: auto;
    max-height: min(38.1rem, 50vh);
    aspect-ratio: 1;
}

.popup_tour.event .popup_tour_content_img img {
    display: block;
}

.popup_tour.event .popup_tour_content_txt {
    margin-top: min(4.8rem, 5.2vh);
    margin-right: -.4rem;
}

.popup_tour.event .popup_tour_content_title {
    color: #E41F2F;
}

@media only screen and (max-width: 767px) {
    .popup_tour.event {
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }

    .popup_tour.event.active {
        transform: none;
    }

    .popup_tour.event>.home_piano {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .popup_tour.event>.container {
        display: flex;
        flex-direction: column;
        height: auto;
        min-height: calc(100% - min(7.3rem, 8vh));
        padding: 1.6rem;
        overflow: visible;
    }

    .popup_tour.event .popup_tour_sidebar,
    .popup_tour.event .popup_tour_content {
        width: 100%;
        height: auto;
        padding: 0;
        overflow: visible;
    }

    .popup_tour.event .popup_tour_sidebar {
        display: contents;
    }

    .popup_tour.event .popup_tour_sidebar::after {
        display: none;
    }

    .popup_tour.event .popup_tour_content_img {
        width: 100%;
    }

    .popup_tour.event .popup_tour_content_txt {
        margin-top: 2.4rem;
        margin-right: 0;
    }

    .popup_tour.event .popup_tour_sidebar_card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        column-gap: 2.4rem;
        padding: 2.4rem;
        order: 1;
    }

    .popup_tour.event .popup_tour_sidebar_card_title {
        grid-column: 1 / -1;
        margin-bottom: 2.4rem;
        font-size: 2rem;
        line-height: 1.25;
    }

    .popup_tour.event .popup_tour_sidebar_card_timedes,
    .popup_tour.event .popup_tour_sidebar_card_costdes,
    .popup_tour.event .event_popup_condition {
        font-size: 1.5rem;
    }

    .popup_tour.event .popup_tour_content_title {
        font-size: 2rem;
    }

    .popup_tour.event .popup_tour_sidebar_card_time,
    .popup_tour.event .popup_tour_sidebar_card_cost,
    .popup_tour.event .event_popup_condition_label {
        font-size: 1.3rem;
    }

    .popup_tour.event .popup_tour_sidebar_card_time {
        grid-column: 1;
        grid-row: 2;
        margin-top: 0;
    }

    .popup_tour.event .popup_tour_sidebar_card_timedes {
        grid-column: 1;
        grid-row: 3;
        margin-top: .6rem;
    }

    .popup_tour.event .popup_tour_sidebar_card_cost {
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
    }

    .popup_tour.event .popup_tour_sidebar_card_costdes {
        grid-column: 2;
        grid-row: 3;
        margin-top: .6rem;
    }

    .popup_tour.event .event_popup_condition_label {
        grid-column: 1 / -1;
        grid-row: 4;
        margin-top: 2.4rem;
    }

    .popup_tour.event .event_popup_condition {
        grid-column: 1 / -1;
        grid-row: 5;
        margin-top: .6rem;
    }

    .popup_tour.event .popup_tour_content {
        order: 2;
        margin-top: 1.6rem;
    }

    .popup_tour.event .popup_tour_sidebar_title {
        order: 3;
        margin-top: 3.2rem;
    }

    .popup_tour.event .popup_tour_sidebar_suggest {
        order: 4;
        padding-bottom: 6rem;
    }
}

.popup_tour_sidebar::after {
    position: absolute;
    top: -3.3rem;
    z-index: -2;
    bottom: 0;
    width: 2px;
    background-color: #460700;
    content: "";
    right: -5.6rem;
}

.popup_tour_policy_card_item_icon {
    width: 2.4rem;
}

.popup_tour_policy_card_item {
    display: flex;
    padding-block: 1.6rem;
    border-bottom: 1px solid #46070030;
    justify-content: space-between;
}

.popup_tour_sidebar_card .popup_tour_policy_card_item:last-child {
    padding-top: 1.6rem;
    padding-bottom: 0;
    border-bottom: 0;
}

.popup_tour_sidebar_card .popup_tour_policy_card_item:first-child {
    padding-top: 0;
}

.policy .popup_tour_content_txt {
    margin-top: 2.4rem;
}

.policy .popup_tour_content .popup_tour_content_txt:first-child {
    margin-top: 0;
}

.popup_tour_seeall_list_item_img_tag {
    border: 2px solid #460700;
    border-radius: 10rem;
    box-shadow: 2px 2px 0 0 #460700;
    background-color: #FFF6DB;
    position: absolute;
    left: 1.2rem;
    bottom: 1.2rem;
    padding: .5rem 1.2rem;
}

.popup_tour_seeall_list_item_img {
    position: relative;
}

.popup_tour_seeall_list_item {
    display: flex;
    flex-direction: column;
    width: calc(25% - 1.8rem);
    gap: 2.4rem;
}

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

.popup_tour_seeall_list_item_img_inner {
    border-radius: 1.6rem;
    border: 2px solid #460700;
    box-shadow: .4rem .4rem 0 0 #460700;
    overflow: hidden;
}

.popup_tour_seeall_list_item:nth-child(odd) .popup_tour_seeall_list_item_img_block {
    padding-top: 100%;
}

.popup_tour_seeall_list_item:nth-child(odd) .popup_tour_seeall_list_item_img:nth-child(even) .popup_tour_seeall_list_item_img_block {
    padding-top: 133.44%;
}

.popup_tour_seeall_list_item:nth-child(even) .popup_tour_seeall_list_item_img_block {
    padding-top: 133.44%;
}

.popup_tour_seeall_list_item:nth-child(even) .popup_tour_seeall_list_item_img:nth-child(even) .popup_tour_seeall_list_item_img_block {
    padding-top: 100%;
}




@media only screen and (max-width: 991px) {
    .restaurant_menu {
        grid-template-columns: 11rem 1fr;
    }

    .restaurant_menu_viewer {
        gap: 1rem;
        padding: 2.4rem;
    }

    .restaurant_popup_tabs {
        flex: none;
        margin-right: 4rem;
    }
}

@media only screen and (max-width: 767px) {
    .restaurant_gallery .popup_tour_seeall_list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.2rem;
        align-items: start;
        justify-content: initial;
    }

    .restaurant_gallery .popup_tour_seeall_list_item {
        width: 100%;
        min-width: 0;
        gap: 1.2rem;
    }

    .restaurant_gallery .popup_tour_seeall_list_item_img,
    .restaurant_gallery .popup_tour_seeall_list_item_img_inner {
        width: 100%;
    }

    .restaurant .popup_tour_head {
        height: auto;
        min-height: 0;
        padding: 1.2rem 1.6rem;
        flex-direction: column;
        justify-content: left;
        align-items: start;
        gap: 1.6rem;
        padding-right: 5rem;
    }

    .restaurant_popup_tabs {
        width: calc(100% + 3.2rem);
        margin-left: -1.6rem;
        min-width: 0;
        margin: 0;
        padding: 0 .3rem .3rem 0;
        overflow-x: auto;
        overflow-y: hidden;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .restaurant_popup_tabs::-webkit-scrollbar {
        display: none;
    }

    .restaurant .popup_tour_close {
        top: 1.2rem;
        right: 1.6rem;
    }

    .restaurant_popup_tab {
        flex: 0 0 auto;
        padding: .7rem 1rem;
        white-space: nowrap;
    }

    .restaurant_menu {
        grid-template-columns: 8rem 1fr;
    }

    .restaurant_menu_sidebar {
        display: none;
    }

    .restaurant_menu_viewer {
        grid-column: 1/-1;
    }

    .restaurant_menu_thumb {
        padding: .6rem;
    }

    .restaurant_menu_viewer {
        padding: 1.2rem;
    }

    .restaurant_menu_thumbs {
        grid-template-columns: 1fr;
    }

    .restaurant_flipbook_wrap {
        width: calc(100% - 8rem);
    }

    .restaurant_menu_arrow {
        width: 3.2rem;
        height: 3.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .restaurant_popup_panel {
        transform: none;
        transition: none;
    }
}

/* piano */
.home_piano {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    z-index: 99999;
}

.popup_tour>.home_piano,
.popup_member>.home_piano {
    position: fixed;
    pointer-events: none;
}

.home_piano_item {
    height: var(--piano-height, min(2.4rem, 2.6vh));
    width: 20%;
    border-top: 2px solid #460700;
    transition: height .14s ease-out;
}

.home_piano_item.item1 {
    background-color: #FFF6DB;
    border-right: 1px solid #460700;
}

.home_piano_item.item2 {
    background-color: #FFCE56;
    border-right: 1px solid #460700;
    border-left: 1px solid #460700;
}

.home_piano_item.item3 {
    background-color: #4662AA;
    border-right: 1px solid #460700;
    border-left: 1px solid #460700;
}

.home_piano_item.item4 {
    background-color: #E41F2F;
    border-right: 1px solid #460700;
    border-left: 1px solid #460700;
}

.home_piano_item.item5 {
    background-color: #460700;
    border-left: 1px solid #460700;
}


@media only screen and (max-width: 991px) {
    .home_explore_container {
        flex-direction: column;
    }

    .home_explore_sidebar {
        position: absolute;
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .home_piano_item {
        height: 1.6rem;
    }

    .home_piano_item:hover {
        height: 2.4rem;
    }
}

/* popup_form */
.popup_form_inner {
    position: relative;
}

.popup_form_head {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    padding: min(2rem, 2.4vh) min(3.2rem, 3.6vh);
    background-color: #fff;
}

.popup_form {
    position: fixed;
    inset: 0;
    z-index: 100000000000000;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    display: flex;
    justify-content: center;
}

.popup_form.active {
    opacity: 1;
    pointer-events: all;
}

.popup_form_overlay {
    position: absolute;
    inset: 0;
    background-color: #00000099;
}

.popup_form_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 59.2rem;
    background-color: #fff;
    border: 2px solid #460700;
    border-radius: 1.6rem;
    box-shadow: .4rem .4rem 0 0 #460700;
    display: flex;
    flex-direction: column;
    max-height: 94vh;
    max-height: 94svh;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popup_form_content::-webkit-scrollbar {
    display: none;
}

.popup_form_close.btn {
    padding: 0;
}

.popup_form_body {
    padding: min(3.2rem, 3.6vh);
}

.popup_form_row {
    display: flex;
    gap: min(2.4rem, 2.6vh);
}

.popup_form_row .popup_form_group {
    flex: 1;
}

.popup_form_group {
    margin-bottom: min(2.4rem, 2.6vh);
}

.popup_form_label {
    margin-bottom: .4rem;
    font-size: 14px;
}

.popup_form_input_wrap {
    display: flex;
    align-items: center;
}

.popup_form_datetime_wrap {
    display: flex;
    gap: 1.6rem;
}

.popup_form_datetime_wrap .popup_form_input_wrap {
    flex: 1;
}

.popup_form_input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #E4E4E4;
    padding: min(1.2rem, 1.4vh) 0;
    font-weight: 500;
    outline: none;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.35;
    background: transparent;
    color: #460700;
}

.popup_form .wonom-select {
    font-size: max(1.4rem, 14px);
}

.popup_form_input[type="date"],
.popup_form_input[type="time"] {
    position: relative;
    padding-right: 2.8rem;
    cursor: pointer;
}

.popup_form_input[type="date"]::-webkit-calendar-picker-indicator,
.popup_form_input[type="time"]::-webkit-calendar-picker-indicator {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.popup_form_input::placeholder {
    color: #BDBDBD;
}

.popup_form_select {
    appearance: none;
    cursor: pointer;
}

.popup_form_input_icon {
    width: 2rem;
    height: 2rem;
    right: 0;
    pointer-events: none;
}

.popup_form_date_display,
.popup_form_time_display {
    display: none;
}

.popup_form_input:focus {
    border-bottom-color: #460700;
}

.popup_form_input.is-invalid,
.popup_member_checkbox.is-invalid+.popup_member_checkbox_custom {
    border-color: #e41f2f !important;
}

.wonom-field-error {
    margin-top: .6rem;
    color: #e41f2f;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.35;
}

.wonom-form-status {
    display: none;
    margin-top: 1.2rem;
    padding: 1rem 1.2rem;
    border-radius: .6rem;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

.wonom-form-status.is-success,
.wonom-form-status.is-error {
    display: block;
}

.wonom-form-status.is-success {
    border: 1px solid #18864b;
    background: #eaf8ef;
    color: #12683a;
}

.wonom-form-status.is-error {
    border: 1px solid #e41f2f;
    background: #fff0f1;
    color: #b31521;
}

button.is-loading {
    opacity: .7;
    pointer-events: none;
}

.popup_form_actions {
    margin-top: min(3.2rem, 3.6vh);
}

.popup_form_btn {
    width: 100%;
    height: min(4.8rem, 5.2vh);
    border: 2px solid #460700;
    border-radius: .8rem;
    cursor: pointer;
    text-align: center;
    box-shadow: 2px 2px 0 0 #460700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    transition: all .3s ease-in-out;

}

.popup_form_btn.btn {
    background-color: #1A66FF;
}

.popup_form_btn.btn:not(.btn2) {
    font-size: max(1.5rem, 15px);
    line-height: 1.2;
}

.popup_form_btn.btn.btn2 {
    background-color: #E41F2F;
}

.popup_form_btn.btn:hover {
    background-color: #004ADF;
}

.popup_form_btn.btn.btn2:hover {
    background-color: #460700;
    color: #FFCE56;
}

.popup_form_note {
    margin-top: min(2.4rem, 2.6vh);
}

.popup_form_divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: min(2.4rem, 2.6vh) 0;
}

.popup_form_divider::before,
.popup_form_divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #46070020;
}

.popup_form_divider::before {
    margin-right: 1.6rem;
}

.popup_form_divider::after {
    margin-left: 1.6rem;
}

.popup_form_booking .popup_form_content {
    width: min(59.2rem, calc(100vw - 3.2rem));
}

.popup_form_booking .popup_form_head {
    position: relative;
    display: block;
    padding: 2rem 2.4rem 1.8rem;
    overflow: hidden;
    background-color: #FFCE56;
    border-bottom: 2px solid #460700;
}

.popup_form_booking .popup_form_head .popup_tour_img {
    z-index: 0;
    opacity: .55;
}

.popup_form_booking_heading {
    position: relative;
}

.popup_form_booking_subtitle {
    margin-top: 1rem;
}

.popup_form_booking_floor_group {
    display: none;
}

.popup_form_booking.show-floor-select .popup_form_booking_floor_group {
    display: block;
}

.popup_form_booking .popup_form_body {
    padding: 2.4rem;
}

.popup_form_booking .popup_form_group {
    margin-bottom: 2rem;
}

.popup_form_booking .popup_form_actions {
    margin-top: 2.4rem;
}

.popup_form_booking .popup_form_note {
    margin-top: 1.6rem;
}

.popup_form_booking .popup_form_divider {
    margin: 1.6rem 0;
    font-size: 13px;
    line-height: 1.38;
}

@media only screen and (max-width: 767px) {
    .popup_form_booking .popup_form_row {
        display: block;
    }

    .popup_form_booking .popup_form_content {
        max-height: 85svh;
    }
}



@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
    .popup_form_booking_subtitle {
        margin-top: .4rem;
    }

    .popup_form_booking .popup_form_head {
        padding: 1.5rem 1.6rem;
        flex: none;
        position: sticky;
        top: 0;
    }

    .popup_tour_close {
        width: 2.8rem;
        height: 2.8rem;
    }

    .popup_form_booking .popup_form_body {
        padding: 1.6rem;
    }

    .popup_tour_close_inner {
        width: 2rem;
    }

    .popup_form_booking .popup_form_actions {
        margin-top: .4rem;
    }

    .popup_form_input {
        padding-block: 1rem;
        font-size: 16px;
    }

    .popup_form_label {
        font-size: 1.3rem;
    }

    .popup_form_booking .popup_form_datetime_row,
    .popup_tour.tour .popup_form_datetime_row {
        display: flex;
        gap: 1.6rem;
    }

    .popup_form_datetime_row .popup_form_group {
        flex: 1 1 0;
        min-width: 0;
    }

    .popup_form_input[type="time"],
    .popup_form_input[type="time"]::-webkit-date-and-time-value,
    .popup_form_input[type="time"]::-webkit-datetime-edit {
        text-align: left;
    }

    .popup_form_input[type="time"]::-webkit-date-and-time-value,
    .popup_form_input[type="time"]::-webkit-datetime-edit {
        display: block;
        padding: 0;
        font-size: 16px;
    }

    .popup_form_input[type="date"]::-webkit-date-and-time-value,
    .popup_form_input[type="date"]::-webkit-datetime-edit {
        font-size: 16px;
    }

    .has-mobile-date-display .popup_form_input[type="date"] {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    .popup_form_date_display,
    .popup_form_time_display {
        position: absolute;
        inset: 0 2.8rem 0 0;
        display: flex;
        align-items: center;
        overflow: hidden;
        color: #460700;
        font-size: 1.3rem;
        line-height: 1.35;
        white-space: nowrap;
        pointer-events: none;
    }

    .popup_form_date_display.is-placeholder,
    .popup_form_time_display.is-placeholder {
        color: #BDBDBD;
    }

    .has-mobile-time-display .popup_form_input[type="time"] {
        color: transparent;
        -webkit-text-fill-color: transparent;
    }

    .has-mobile-date-display .popup_form_input_icon,
    .has-mobile-time-display .popup_form_input_icon {
        width: 1.7rem;
        height: 1.7rem;
        right: .15rem;
    }
}

/* popup member */

.popup_member {
    position: fixed;
    inset: 0;
    z-index: 9999990;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
    overflow-y: auto;
    overscroll-behavior: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popup_member::-webkit-scrollbar {
    display: none;
}

.popup_member.active {
    opacity: 1;
    pointer-events: all;
}

.popup_member_inner {
    min-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: min(2rem, 3vh) 0;
}

.popup_member_overlay {
    position: fixed;
    inset: 0;
}

.popup_member_content_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 2;
    width: 100%;
}

.popup_member_header {
    margin-bottom: min(3.2rem, 3.6vh);
}

.popup_member_subtitle {
    margin-bottom: min(1.6rem, 1.8vh);
}

.popup_member_title {
    margin-bottom: min(1.2rem, 1.4vh);
    -webkit-text-stroke: 4px #460700;
    paint-order: stroke fill;
    text-shadow: 4px 3px 0 #460700;
}

.popup_member_des {
    max-width: 50rem;
    margin: 0 auto;
    line-height: 1.6;
}

.popup_member_content {
    width: 50rem;
    margin: 0 auto;
}

.popup_member_form {
    background-color: #fff;
    border: 2px solid #460700;
    border-radius: 1.6rem;
    padding: min(3.2rem, 3.6vh);
    box-shadow: .4rem .4rem 0 0 #460700;
    position: relative;
    z-index: 2;
}

.popup_member_checkbox_wrap {
    margin-top: min(2.4rem, 2.6vh);
    margin-bottom: min(2.8rem, 3vh);
}

.popup_member_checkbox_label {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    cursor: pointer;
}

.popup_member_checkbox {
    display: none;
}

.popup_member_checkbox_custom {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
    border: 2px solid #460700;
    border-radius: 0.4rem;
    display: inline-block;
    position: relative;
    margin-top: 0.2rem;
}

.popup_member_checkbox:checked+.popup_member_checkbox_custom {
    background-color: #1A66FF;
    border-color: #1A66FF;
}

.popup_member_bg {
    inset: 0;
    top: 12.716vh;
    opacity: 0.4;
    pointer-events: none;
    mix-blend-mode: multiply;
}

.popup_member_bg1 {
    inset: 0;
    pointer-events: none;
}

.popup_member_bg1 img {
    height: 100%;
    object-fit: fill;
}

.popup_member_checkbox:checked+.popup_member_checkbox_custom::after {
    content: '';
    position: absolute;
    left: .5rem;
    width: .6rem;
    height: 1rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.popup_member_btn {
    width: 100%;
    padding: min(1.6rem, 1.8vh);
    border: 2px solid #460700;
    border-radius: 0.8rem;
    cursor: not-allowed;
    text-align: center;
    box-shadow: 2px 2px 0 0 #460700;
    display: block;
    font-family: inherit;
    font-size: 1.6rem;
    transition: all .3s ease-in-out;
    margin-bottom: min(2.4rem, 2.6vh);
    opacity: 0.5;
    pointer-events: none;
}

.popup_member_form:has(.popup_member_checkbox:checked) .popup_member_btn {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}

.popup_member_btn.btn:hover {
    background-color: #460700;
    color: #FFCE56;
}

.popup_member_btn:hover {
    transform: translate(2px, 2px);
    box-shadow: 0px 0px 0 0 #460700;
}

.popup_member_icon {
    width: min(24rem, 26vh);
    bottom: min(-11.5rem, -12vh);
    left: min(-22rem, -24vh);
    z-index: 3;
}

.popup_member_back {
    margin-top: min(3.2rem, 3.6vh);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    border: 2px solid #460700;
    border-radius: .8rem;
    padding: 1rem 1.2rem;
    background-color: #fff;
    box-shadow: 2px 2px 0 0 #460700;
    transition: all .3s ease-in-out;
}

.popup_member_back:hover {
    transform: translate(2px, 2px);
    box-shadow: 0px 0px 0 0 #460700;
}

@media only screen and (max-width: 991px) {
    .popup_member_content {
        max-width: 100%;
    }

    .popup_member_icon {
        width: 18rem;
        bottom: -8rem;
        left: -8rem;
    }
}



@media only screen and (max-width: 991px) {
    .home_space_right_card_wrap {
        flex-direction: row;
    }

    @keyframes marquee-left {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-100% - 2.4rem));
        }
    }

    @keyframes marquee-right {
        0% {
            transform: translateX(calc(-100% - 2.4rem));
        }

        100% {
            transform: translateX(0);
        }
    }

    .home_space_right_card_item {
        width: calc((100% - 0.48rem) / 1.2);
    }
}

@media only screen and (max-width: 767px) {
    .home_space_right_card_wrap {
        overflow: visible !important;
    }

    .home_space_right_card_item_img {
        box-shadow: .3rem .3rem 0 0 #460700;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home_space_right_card .home_space_right_card_item {
        width: calc((100% - 2.88rem) / 2.2);
    }
}

/* Keep popup media out of layout only while the main page is loading. Once
   window.load fires it must participate in layout so native lazy-loading can
   request every image instead of deadlocking on display:none. */
html:not(.wonom-page-loaded) [data-wonom-popup-image] {
    display: none !important;
}

html.wonom-page-loaded [data-wonom-popup-image] {
    display: block;
    opacity: 0;
    transition: opacity .2s ease;
}

html.wonom-page-loaded [data-wonom-popup-image][data-wonom-image-ready="true"] {
    opacity: 1;
}

@media only screen and (max-width: 767px) {

    .swiper-slide-txt,
    .home_intro_left_content,
    .home_experience_item,
    .home_explore_sidebar_bottom_item.item1,
    .home_explore_content_title,
    .home_tour_card_title,
    .home_event_title,
    .footer_info_title,
    .footer_contact_num_txt,
    .popup_tour_title,
    .popup_member_title {
        -webkit-text-stroke: .4rem #460700;
        paint-order: stroke fill;
        text-shadow: .2rem .2rem 0 #460700;
    }

    .home_space_right_card_item {
        width: 20rem;
    }

    .home_space_right_card_item:nth-child(2n) {
        width: 15rem;
    }
}

.popup_form_input[type="number"] {
    font-size: 16px;
}