/* Debug */
*{
    /*border: 1px solid red;*/
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header{
    background-color: transparent !important;
}
#ui-datepicker-div.ui-datepicker td a{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    padding: 0 !important;
}
#ui-datepicker-div.ui-datepicker{
    width: max-content;
}
#ui-datepicker-div.ui-datepicker td .ui-state-active{
    background-color: var(--color-green) !important;
    color: var(--color-white) !important;
}
.select2-container .select2-dropdown{
    border-radius: 0 !important;
    border: 1px solid var(--color-green);
}
.select2-results__option:not(:last-child){
    border-bottom: 1px solid var(--color-green);
}
.book-container{
    background-color: var(--color-gray-50);
    position: fixed;
    top: var(--header-h);
    bottom: 0;
    width: 100%;
    max-width: 332px;
    right: 0;
    padding: var(--spacing-sm) 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: var(--spacing-sm);
    z-index: 98;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition) var(--timing-function);
}
.book-container > *{
    padding: 0 var(--spacing-md);
}
.book-open .book-container{
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.book-container .book-close{
    margin-left: auto;
}
.book-container .book-form{
    overflow-y: auto;
    margin: 0 auto;
    margin-top: var(--spacing-md);
    width: 100%;
    max-width: 900px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: var(--spacing-sm);
}
.book-container .book-form .input-group{
    width: 100%;
}
.book-container .book-form .input-repeat label:has(input#child_check[type="checkbox"]:checked) + .inputRepeat-container{
    display: block;
}
.book-container .book-form .inputRepeat-container{
    display: none;
}
.book-container .book-form .inputRepeat-container .input-child:not(:first-child){
    display: none;
}
.book-container .book-form .inputRepeat-container.added .input-child:not(:first-child){
    display: block;
}
.book-container .book-form .inputRepeat-container.added .add-another{
    display: none;
}
.book-container .book-form .input-group.input-number,
.book-container .book-form .input-repeat .input-child .input-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.book-container .book-form .input-repeat .input-child .select{
    width: calc(var(--input-height)*2);
}
.book-container .book-form .input-repeat .input-child .input-choice{
    padding: var(--spacing-2xs) 0;
}
.book-container .book-form .input-repeat .input-child .input-choice.disabled{
    opacity: 0.5;
    cursor: not-allowed;
}
.book-container .book-form .input-repeat .input-child .input-choice.disabled label{
    pointer-events: none;
}
.book-container .book-form .input-submit{
    width: 100%;
    display: flex;
    justify-content: center;
}
.book-container .book-form .input-submit > button{
    width: 100%;
}
.book-container .inputRepeat-container .btn-another{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: var(--spacing-xs) 0;
    grid-column-gap: var(--spacing-3xs);
}
.book-quantity{
    margin: 0;
    float: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(var(--input-height)*2);
    max-width: 100%;
    border: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.book-quantity .qty{
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    background: none;
    border: 0;
    border-radius: 0;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0 auto;
    width: var(--input-height);
    height: 44px;
    min-height: 0;
    color: inherit;
    font: inherit;
    line-height: inherit;
    text-align: center;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.book-quantity .qty-action{
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    z-index: 2;
    top: 0; right: 0;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.book-quantity .qty-btn{
    text-decoration: none !important;
    box-shadow: none !important;
    background-image: none !important;
    width: calc(var(--input-height)/2);
    height: 100%;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    font-size: 0;
}
.book-quantity .qty-btn.inc{
    right: 0;
    justify-content: flex-end;
}
.book-quantity .qty-btn.dec{
    left: 0;
    justify-content: flex-start;
}
.book-quantity .qty-btn:before{
    font-family: 'iconfont';
    font-size: var(--font-size-3xs);
    font-weight: normal;
    color: var(--color-green);
}
.book-quantity .qty-btn.inc:before{
    content: "\e945";
}
.book-quantity .qty-btn.dec:before{
    content: "\e946";
}
.book-container .quantity-container {
    display: flex;
    width: fit-content;
    justify-content: space-between;
    align-items: center;
    position: relative; 
    z-index: 1;
    color: var(--color-green);
}
.book-container .quantity-container .quantity{
    height: 44px;
}
input[type="text"].datepicker::placeholder{
    text-transform: unset !important;
}
.book-container .select2-container .select2-selection--single .select2-selection__rendered{
    padding: 0;
}
.book-container .select2-container .select2-selection--single .select2-selection__rendered,
.bg-gray-dark .book-container .select2-container .select2-selection--single .select2-selection__rendered,
.book-container .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: var(--color-green);
}
.book-container .select2-container .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.book-container .select2-container .select2-selection--single{
    height: var(--input-height);
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    border: 0px;
    border-bottom: 1px solid var(--color-green);
}
.book-container .select2-container--default .select2-selection--single .select2-selection__arrow{
    position: relative;
    right: unset;
    top: unset;
    height: unset;
}
/* Global css */
@-webkit-keyframes c-fadeInUp {
    0% {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 0;
        transform: translate3d(0,25px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes c-fadeInUp {
    0% {
        -webkit-transform: translate3d(0,25px,0);
        opacity: 0;
        transform: translate3d(0,25px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        transform: translateZ(0)
    }
}

.c-fadeInUp {
    -webkit-animation-name: c-fadeInUp;
    animation-name: c-fadeInUp
}
@-webkit-keyframes maxWidth {
    from {
        max-width: 0%;
    }
    to {
        max-width: 100%;
    }
}
@keyframes maxWidth {
    from {
        max-width: 0%;
    }
    to {
        max-width: 100%;
    }
}
.maxWidth {
    -webkit-animation-name: maxWidth;
    animation-name: maxWidth;
}
@-webkit-keyframes fadeZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeZoomOut {
    from {
        opacity: 0;
        transform: scale(1.05);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.fadeZoomOut {
    -webkit-animation-name: fadeZoomOut;
    animation-name: fadeZoomOut;
}
.list-reset{
    list-style: none;
    padding: 0;
    margin: 0;
}
.wow{
    animation-duration: 1s;
}
#page{
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 100%;
}
html.plugin-mfp-enabled,
.plugin-mfp-enabled body,
html.open,
html.open body,
html body.book-open{
    overflow: hidden;
}
body{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wrapper{
    width: var(--container-default);
    padding: 0 var(--container-padding);
    margin: 0 auto;
    position: relative;
    height: 100%;
    max-width: calc(1440px + (var(--container-padding) * 2));
    z-index: 2;
}
.media-wrapper{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.media-wrapper.media-h100{
    height: 100%;
}
.media-wrapper:not(.media-auto):before{
    content: '';
    display: block;
}
.media-wrapper.media1-1:before{
    padding-top: 100%;
}
.media-wrapper.media5-3:before{
    padding-top: calc((3/5)*100%);
}
.media-wrapper.media3-2:before{
    padding-top: calc((2/3)*100%);
}
.media-wrapper.media16-9:before{
    padding-top: calc((9/16)*100%);
}
.media-wrapper:not(.media-auto) *{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.bg-obj{
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.bg-obj *{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.bg-obj.bg-overlay::before{
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-black);
    opacity: 0.5;
}
.intro-section .bg-obj.bg-overlay::before{
    opacity: 0.2;
}
.link-overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}
.btn-main{
    border-radius: 5px;
    height: var(--button-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-green);
    color: var(--color-green);
    padding: 0 var(--spacing-sm);
    white-space: nowrap;
    transition: all var(--transition) var(--timing-function);
}
.btn-main:hover,
.btn-main.active,
.media-hover:hover .btn-main{
    color: var(--color-white);
    background-color: var(--color-green) !important;
}
.btn-main.btn-sec{
    height: 34px;
}
.program-card .btn-main{
    min-width: 210px;
}
.btn-text,
.ur-btn,
.ur-button-container{
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
}
.btn-text::after,
.ur-btn::after,
.ur-button-container::after{
    content: "\e948";
    font-family: 'iconfont';
    font-size: 24px;
    width: 8px;
    display: flex;
    justify-content: center;
}
.btn-text.btn-more::after{
    content: "\e94b";
    width: 24px;
}
.heading-text{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
}
.heading-text::before,
.heading-text::after{
    font-family: 'iconfont';
    font-size: 34px;
    width: 12px;
    display: flex;
    justify-content: center;
}
.heading-text::before{
    content: "\e948";
}
.heading-text::after{
    content: "\e940";
}
.c-gray{
    color: var(--color-gray);
}
.c-gray-300{
    color: var(--color-gray-300);
}
.c-green{
    color: var(--color-green);
}
.bg-green{
    background-color: var(--color-green);
}
.bg-gray-100{
    background-color: var(--color-gray-100);
}
.bg-gray-150{
    background-color: var(--color-gray-150);
}
.repeatSection-container{
    padding: var(--spacing-3xl) 0;
}
.repeat-container{
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-md);
}
.repeat-section:not(:first-child){
    margin-top: var(--spacing-lg);
}
.repeat-section .wrapper{
    padding: 0;
}
/* .singleRoom-section .room-media{
    overflow: hidden;
} */
.repeat-container .repeat-context{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 var(--container-padding);
}
.repeat-container .repeat-context .btn-text{
    margin-top: var(--spacing-2sm);
}
.repeat-container .repeat-heading,
.grid-context .grid-heading{
    padding-bottom: var(--spacing-2sm);
    margin-bottom: var(--spacing-2sm);
    position: relative;
    width: 100%;
}
.animate-line{
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--color-theme , var(--color-green));
    transition: all var(--transition) var(--timing-function);
}
.media-hover .media-wrapper img{
    transition: all var(--transition) var(--timing-function);
}
.media-hover:hover .media-wrapper img{
    transform: scale(1.05);
}
.filter-green{
    filter: var(--filter-green);
}
.social-fixed{
    position: fixed;
    z-index: 9999;
    bottom: 16px;
    right: 16px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
}
.social-fixed .fixed-btn,
.fixed-list a{
    display: grid;
    place-items: center;
    background-color: var(--color-body-bg);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    transition: all var(--transition) var(--timing-function);
}
.fixed-list{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateX(var(--spacing-2xs));
    transition: all var(--transition) var(--timing-function);
}
.social-fixed.open .fixed-list{
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
    pointer-events: all;
}
.social-fixed.open .fixed-btn{
    background-color: var(--color-gray-200);
    color: var(--color-green);
}
.fixed-list a .ic{
    font-size: 24px;
    color: var(--color-body);
    opacity: 0.5;
    transition: all var(--transition) var(--timing-function);
}
.fixed-list a:hover .ic{
    opacity: 1;
    color: var(--color-green);
}
/* End of Global css */
/* Font */
.fw-bold{
    font-weight: var(--weight-bold);
}
.ff-heading,
.fsw-h1,
.fsw-h2,
.fsw-h3,
.fsw-h4,
.fsw-h5{
    font-family: var(--font-heading);
}
body,
.main-menu,
.ff-body{
    font-family: var(--font-body);
    font-size: var(--font-size-md);
}
.fsw-h1{
    font-size: var(--font-size-h1);
    line-height: 1.125;
}
.fsw-h2{
    font-size: var(--font-size-h2);
    line-height: 1.167;
}
.fsw-h3{
    font-size: var(--font-size-h3);
    line-height: 1.33;
}
.fsw-h4{    
    font-size: var(--font-size-h4);
    line-height: 1.1875;
}
.fsw-h5{    
    font-size: var(--font-size-h4);
    line-height: 1.5;
}
body,
.fsw-body{
    font-size: var(--font-size-md);
    line-height: 1.6;
}
.btn-main,
.fsw-btn{
    font-size: var(--font-size-md);
    line-height: 1.2;
}
.fsw-btn2,
.btn-main.btn-sec{
    font-size: var(--font-size-3xs);
    line-height: 1.18;
}
.fsw-desc,
.btn-main,
.footer-menu a{
    font-size: var(--font-size-xs);
    line-height: 1.69;
}
.link-hover,
.footer-menu a,
.footer-contact a,
.main-menu .menu-item .menu-item a{
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: all var(--transition) var(--timing-function);
}
.link-hover:hover,
.footer-menu a:hover,
.footer-contact a:hover,
.main-menu .menu-item .menu-item a:hover{
    text-decoration-color: initial;
}
/* End of Font */

/* Header */
#header,
.menu-hover #header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-h);
    z-index: 99;
    background-color: var(--color-gray-50);
    transition: all var(--transition) var(--timing-function);
    border-bottom: 1px solid var(--color-green);
}
.header-style2 #header{
    background-color: transparent;
}
.header-bound-hide.open #header{
    height: var(--header-h-default);
}
.header-bound-hide:not(.open) body:not(.menu-hover) #header{
    background-color: transparent;
    height: var(--header-h-default);
    border-bottom: 1px solid transparent;
}
.header-bound-hide body.menu-hover #header{
    height: var(--header-h-default);
}
#header::before{
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: var(--header-h);
    z-index: 98;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    background-blend-mode: normal, saturation;
    transition: all var(--transition) var(--timing-function);
}
.header-style #header::before{
    opacity: 0 !important;
}
.header-bound-hide:not(.open) body:not(.menu-hover) #header::before{
    opacity: 1;
}
.site-logo,
.menu-hover .site-logo,
html.open body.header-style2 #header .site-logo{
    filter: var(--filter-green);
    transition: all var(--transition) var(--timing-function);
}
.site-logo img{
    height: 40px;
    transition: all var(--transition) var(--timing-function);
}
.header-bound-hide .site-logo img{
    height: 64px;
}
.header-bound-hide:not(.open) body:not(.header-style, .menu-hover) .site-logo,
html:not(.open) body.header-style2 #header .site-logo{
    filter: var(--filter-white)
}
.main-menu > .menu-item > a,
.header-r > a,
.header-r > .lang-container button{
    color: var(--color-green);
    transition: all var(--transition) var(--timing-function);
}
.header-bound-hide:not(.open) body:not(.header-style, .menu-hover) .header-r > a,
.header-bound-hide:not(.open) body:not(.header-style, .menu-hover) .header-r > .lang-container button,
.header-bound-hide:not(.open) body:not(.header-style, .menu-hover) .main-menu > .menu-item > a,
html:not(.open) body.header-style2 #header .header-r > a,
html:not(.open) body.header-style2 #header .header-r > .lang-container button,
html:not(.open) body.header-style2 #header .main-menu > .menu-item > a{
    color: var(--color-white);
}
.header-bound-hide:not(.open) body:not(.header-style, .menu-hover) .header-r .btn-main,
html:not(.open) body.header-style2 #header .header-r .btn-main{
    color: var(--color-white);
    border-color: var(--color-white);
}
.header-bound-hide:not(.open) body:not(.header-style, .menu-hover) .header-r .btn-main:hover,
html:not(.open) body.header-style2 #header .header-r .btn-main:hover{
    background-color: transparent;
}
.main-menu{
    display: flex;
    align-items: center;
    justify-content: center;
    grid-column-gap: var(--spacing-2sm);
    height: 100%;
}
.header-container{
    z-index: 99;
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 0 var(--container-padding);
    width: 100%;
    height: 100%;
    grid-column-gap: var(--spacing-xs);
}
html .header-container{
    border-bottom: 1px solid transparent;
}
html.open .header-container{
    border-color: var(--color-green);
}
.header-m,
.header-m .main-menu > .menu-item,
.header-m .main-menu > .menu-item > a{
    height: 100%;
    vertical-align: middle;
}
.header-m .main-menu > .menu-item > a{
    display: flex;
    align-items: center;
}
.header-r{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-column-gap: var(--spacing-xs);
}
.main-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > a{
    color: var(--color-gray-300);
}
.main-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > a:empty{
    display: block;
    height: 21px;
}
.main-menu > .menu-item > .sub-menu a{
    color: var(--color-green);
}
.main-menu > .menu-item > .sub-menu > .menu-item{
    flex: 0 0 25%;
}
.main-menu > .menu-item > .sub-menu > .menu-item.menu-item-has-children > .sub-menu{
    margin-top: var(--spacing-xs);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-xs);
}
.main-menu > .menu-item > .sub-menu{
    position: absolute;
    top: var(--header-h);
    width: 100%;
    max-width: 900px;
    left: 50%;
    transform: translateX(-50%);
    padding: var(--spacing-sm) 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    grid-column-gap: var(--spacing-sm);
    pointer-events: none;
    opacity: 0;
    transition: all var(--transition) var(--timing-function);
}
.main-menu > .menu-item.menuThumb-item > .sub-menu{
    justify-content: center;
}
.main-menu > .menu-item > a{
    position: relative;
}
.main-menu > .menu-item > .sub-menu::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    width: 100%;
    transform: translateY(-15px);
}
.main-menu > .menu-item > .sub-menu::after{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100vw;
    background-color: var(--color-gray-50);
    z-index: -1;
}
.main-menu > .menu-item.menu-item-has-children > a{
    position: relative;
}
.main-menu > .menu-item.menu-item-has-children > a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--color-green);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all var(--transition) var(--timing-function);
}
.main-menu > .menu-item.menu-item-has-children:hover > a::after{
    opacity: 1;
    visibility: visible;
}
.main-menu > .menu-item.menu-item-has-children:hover > .sub-menu,
.main-menu > .menu-item > .sub-menu:hover{
    opacity: 1;
    pointer-events: auto;
}
.lang-container{
    position: relative;
}
.lang-container .lang-switcher{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,100%);
    z-index: 5;
    background-color: var(--color-gray-50);
    padding: var(--spacing-sm);
    color: var(--color-green);
    display: flex;
    flex-direction: column;
    grid-row-gap: var(--spacing-2xs);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
}
.lang-container .lang-switcher a:not(.active){
    opacity: 0.4;
}
.lang-container > button:hover + .lang-switcher,
.lang-container .lang-switcher:hover{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.header-bound-hide:not(.open) .main-menu > .menu-item > .sub-menu,
.header-bound-hide:not(.open) .book-container{
    top: var(--header-h-default);
}
.input-group.input-date{
    position: relative;
}
.datepicker{
    cursor: pointer;
    position: relative;
}
.input-group.input-date::after{
    content: '\e934';
    font-family: 'iconfont';
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--color-green);
}
.mobileMenu-container{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 98;
    background-color: var(--color-gray-50);
    color: var(--color-green);
    padding: 0 var(--container-padding);
    padding-top: calc(var(--header-h) + var(--spacing-2xs));
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-100%);
    transition: all var(--transition) var(--timing-function);
}
.header-bound-hide .mobileMenu-container{
    padding-top: calc(var(--header-h) + var(--spacing-2md));
}
.mobileMenu-container .mobileMenu-content{
    max-height: calc(100dvh - var(--header-h) - 40px);
    overflow: scroll;
}
.open .mobileMenu-container{
    visibility: visible;
    pointer-events: all;
    opacity: 1;
    transform: translateX(0%);
}
.mobileMenu-top{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    grid-column-gap: var(--spacing-xs);
}
.mobileMenu-content .mobile-menu > .menu-item.menu-item-has-children > .sub-menu{
    width: 100%;
    max-height: calc(100svh - var(--header-h) - var(--spacing-3xl));
    overflow-y: scroll;
}
.mobile-menu > .menu-item > .sub-menu{
    display: none;
    margin-top: var(--spacing-sm);
}
.mobile-menu .menu-item{
    display: block;
    padding: var(--spacing-xs) 0;
    border-bottom: 1px solid var(--color-gray-150);
}
.mobileMenu-container.sub-open .mobileMenu-top,
.mobileMenu-container.sub-open .mobile-menu > .menu-item:not(.sub-open){
    display: none;
}
.mobile-menu .menu-item.menu-item-has-children.sub-open > a{
    border-bottom: 0px;
    padding-bottom: 0;
}
.mobile-menu > .menu-item > a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
    line-height: 24px;
}
.mobile-menu > .menu-item.menu-btn > a {
    justify-content: center;
}
.mobile-menu > .menu-item.menu-btn{
    border-bottom: 0;
}
.mobile-menu > .menu-item.menu-item-has-children.menuParent{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mobile-menu > .menu-item.menu-item-has-children.menuParent > a:not([href="javascript:;"])::after{
    content: none;
}
.mobile-menu > .menu-item.menu-item-has-children.menuParent > a[href="javascript:;"]{
    flex: 1;
}
.mobile-menu > .menu-item.menu-item-has-children.menuParent:not(.sub-open) > a[href="javascript:;"] span,
.mobile-menu > .menu-item.menu-item-has-children.menuParent.sub-open > a:not([href="javascript:;"]){
    display: none;
}
.mobile-menu > .menu-item.menu-item-has-children > a::before,
.mobile-menu > .menu-item.menu-item-has-children > a::after{
    font-family: 'iconfont';
    font-size: 24px;
    width: 8px;
    display: flex;
    justify-content: center;
}
.mobile-menu > .menu-item.menu-item-has-children.sub-open > a::before{
    content: "\e940";
}
.mobile-menu > .menu-item.menu-item-has-children.sub-open{
    border-bottom: 0;
}
.mobile-menu > .menu-item.menu-item-has-children > a::before{
    content: none;
}
.mobile-menu > .menu-item.menu-item-has-children > a::after{
    content: "\e948";
}
.mobile-menu > .menu-item.menu-item-has-children.sub-open > a::after{
    content: none;
}
.mobile-menu > .menu-item.menu-item-has-children > a::after{
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}
.mobile-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children{
    border-bottom: 0;
    padding-top: 0;
}
.mobile-menu > .menu-item.menu-item-has-children > .sub-menu > .menu-item.menu-item-has-children > a{
    border: 0;
    padding: 0;
    padding-top: var(--spacing-2sm);
    color: var(--color-gray-300);
}
/* End of Header */

/* Footer */
.footer-container{
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-2lg);
}
.footer-content{
    display: grid;
    grid-template-columns: 100%;
    grid-gap: var(--spacing-sm);
}
.footer-contact{
    margin-top: var(--spacing-2sm);
    max-width: 430px;
    border-collapse: collapse;
    border-spacing: 0;
}
.footer-contact td{
    vertical-align: text-top;
    padding-bottom: var(--spacing-xs);
}
.footer-contact td:not(:first-child){
    padding-left: var(--spacing-xl);
}
.footer-r{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.footerMenu-group .footer-menu:only-child{
    margin-top: calc(var(--spacing-2sm) + 19px)
}
.footerMenu-group .footer-menu{
    margin-top: var(--spacing-2sm);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-xs);
}
.logo-row{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: var(--spacing-2sm);
    flex-grow: 0;
    width: fit-content;
}
.logo-row img{
    width: auto;
    height: 64px;
}
.footer-award .logo-row{
    margin-left: auto;
}
.footer-award .logo-row img{
    filter: grayscale(1);
}
.footer-award{
    padding: var(--spacing-xl) 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-gap: var(--spacing-2sm);
}
.footer-award .section-content{
    flex-grow: 1;
}
.footer-container{
    background-color: var(--color-green);
}
.footer-bottom{
    margin-top: var(--spacing-xl);
}
.social-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-xs);
}
.social-list .ic{
    font-size: 25px;
}
.social-list a{
    opacity: 0.5;
    display: block;
    transition: all var(--transition) var(--timing-function);
}
.social-list a:hover{
    opacity: 1;
}
.copyright{
    margin-top: var(--spacing-2xs);
    color: var(--color-gray-50);
}
/* End of Footer */

/* Homepage */
.intro-section{
    position: relative;
    width: 100%;
    height: 810px;
    max-height: 100svh;
}
.intro-overlay{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: var(--container-padding);
}
.intro-overlay .intro-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    grid-row-gap: var(--spacing-sm);
}
.section-padding{
    position: relative;
    padding: 90px 0;
}
.section-heading{
    position: relative;
}
.section-padding .section-heading{
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-2sm);
    margin-bottom: var(--spacing-xl);
}
.program-section .section-heading{
    padding: 0 var(--container-padding);
}
.program-section .swiper-program{
    padding: 0 54px;
}
.swiper-program .swiper-slide{
    width: 428px;
}
.swiper-program .swiper-slide:not(:last-child){
    margin-right: var(--spacing-xs);
}
.swiper-button.swiper-button-prev{
    left: 25px;
}
.swiper-button.swiper-button-next{
    right: 25px;
}
.swiper-button.swiper-button-prev,
.swiper-button.swiper-button-next{
    width: 12px;
    height: 36px;
}
.swiper-program .swiper-button.swiper-button-prev,
.swiper-program .swiper-button.swiper-button-next{
    top: calc(428px / 2);
    margin-top: calc(-36px / 2);
}
.swiper-button.swiper-button-prev::after,
.swiper-button.swiper-button-next::after{
    font-family: 'iconfont';
    font-size: 36px;
    display: flex;
    justify-content: center;
    color: var(--color-white);
}
.swiper-button.swiper-button-prev::after{
    content: "\e940";
}
.swiper-button.swiper-button-next::after{
    content: "\e948";
}
.program-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-2sm);
}
.program-card .card-detail{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    grid-row-gap: var(--spacing-2sm);
    flex-grow: 1;
}
.detail-bottom{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-xs);
}
.swiper-wellness{
    padding: 0 54px;
}
.swiper-wellness .swiper-slide{
    width: 327px;
}
.swiper-wellness .swiper-slide:not(:last-child){
    margin-right: 20px;
}
.card-overlay{
    position: relative;
    display: block;
}
.wellness-section .card-overlay::before,
.benefits-section .card-overlay::before{
    content: '';
    display: block;
    padding-top: calc((7/5)*100%);
}
.card-overlay::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: var(--color-black);
    opacity: 0.5;
}
.card-overlay .card-heading img{
    margin-bottom: var(--spacing-xs);
}
.card-overlay .card-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-2xs);
    text-align: center;
    padding: var(--spacing-2sm);
}
.wellness-section .card-overlay .card-content .card-detail{
    max-height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all var(--transition) var(--timing-function);
}
.wellness-section .card-overlay:hover .card-content .card-detail{
    opacity: 1;
    max-height: var(--card-h);
}
.banner-section{
    overflow: hidden;
    position: relative;
    padding: 130px 0;
}
.banner-section .banner-content{
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-2xs);
    text-align: center;
}
.grid-content.grid-gallery{
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-gap: var(--spacing-sm);
}
.grid-content.grid-gallery .grid-context{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 8vw;
}
.grid-content.grid-gallery .grid-media,
.grid-content.grid-gallery .grid-media .gallery-marquee img{
    height: 608px;
}
.gallery-marquee{
    position: relative;
    min-height: unset !important;
}
.blog-section{
    position: relative;
    padding: 70px 0;
}
.blog-section .section-content{
    margin-top: var(--spacing-lg);
}
.section-heading.heading-row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--color-green);
}
.section-heading.heading-between{
    justify-content: space-between;
}
.swiper-blog .swiper-slide{
    width: 566px;
}
.swiper-blog .swiper-slide:not(:last-child){
    margin-right: var(--spacing-sm);
}
.blog-item{
    display: flex;
}
.blog-item .media-wrapper{
    width: 222px;
    flex-shrink: 0;
}
.blog-item .blog-detail{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: var(--spacing-xs);
    background-color: transparent;
    color: var(--color-green);
    transition: all var(--transition) var(--timing-function);
}
.blog-item:hover .blog-detail{
    background-color: var(--color-green);
    color: var(--color-body-bg);
}
.blog-item .blog-detail .blogDetail-top .fsw-h3{
    margin-bottom: var(--spacing-3xs);
}
.grid-content.grid-ig{
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: var(--spacing-sm);
}
.ig-item{
    position: relative;
}
.ig-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: var(--color-black);
    opacity: 0;
    transition: all var(--transition) var(--timing-function);
}
.ig-item::after{
    content: "\e915";
    font-size: 20px;
    font-family: 'iconfont';
    position: absolute;
    bottom: var(--spacing-xs);
    right: var(--spacing-xs);
    z-index: 3;
    color: var(--color-body-bg);
    opacity: 0;
    transition: all var(--transition) var(--timing-function);
}
.galleryPopup-section .ig-item::after{
    content: "\e93c";
}
.galleryPopup-section .section-btn{
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-xl);
}
.ig-item:hover::before{
    opacity: 0.2;
}
.ig-item:hover::after{
    opacity: 1;
}
.logo-section{
    border-top: 1px solid var(--color-green);
    border-bottom: 1px solid var(--color-green);
}
.logo-section .logo-wrapper{
    display: flex;
    justify-content: center;
}
.logo-section .logo-wrapper img{
    height: 120px;
    width: auto;
}
.grid-content.grid-contact{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.contact-form{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-2sm);
    max-width: 560px;
    margin-left: auto;
}
/* End of Homepage */

/* About */
.pageIntro-section {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 100svh;
    height: auto;
}
.pageIntro-section.pageIntro-short{
    min-height: 350px;
    height: auto;
    padding: 140px 0;
}
.pageIntro-section .pageIntro-overlay{
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    min-height: 100svh;
    display: grid;
    place-items: center;
}
.pageIntro-section.pageIntro-short .pageIntro-overlay{
    min-height: 350px;
}
.pageIntro-section .pageIntro-overlay .pageIntro-content{
    width: 100%;
    height: 100%;
    max-width: 934px;
    margin: 0 auto;
    padding: 0 var(--container-padding);
    padding-top: var(--header-h);
    padding-bottom: var(--spacing-lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    grid-row-gap: var(--spacing-2sm);
}
.grid-content.grid-listContent{
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: var(--spacing-sm);
}
.list-content{
    position: relative;
    padding: var(--spacing-2sm) 0;
}
.approach-intro .section-content,
.approach-intro .approach-heading{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-md);
}
.approach-intro .approach-heading{
    grid-row-gap: var(--spacing-3xs);
}
.approach-intro{
    padding-top: calc(var(--header-h) + var(--spacing-xl));
    padding-bottom: var(--spacing-3xl);
}
.approach-intro .swiper{
    margin-top: var(--spacing-3xl);
}
.approach-intro .swiper-slide{
    width: 63vw;
    visibility: visible !important;
}
.approach-intro .swiper-slide img{
    width: 100%;
    height: 508px;
    object-fit: cover;
    object-position: center;
}
.approach-intro .swiper-slide:not(:last-child){
    margin-right: var(--spacing-sm);
}
.quote-section{
    padding: 72px 0;
    border-top: 1px solid var(--color-green);
    border-bottom: 1px solid var(--color-green);
}
.quote-content{
    max-width: 850px;
    margin: 0 auto;
}
.idea-section {
    padding: var(--spacing-3xl) 0;
    overflow: hidden;
}
.idea-section .section-info{
    margin-top: var(--spacing-2sm);
    display: flex;
    justify-content: center;
    text-align: center;
}
.idea-section .section-heading > *{
    margin-bottom: var(--spacing-2sm);
}
.idea-section .section-desc{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    grid-column-gap: var(--spacing-sm);
}
.idea-section .section-desc > *{
    max-width: 460px;
}
.idea-circles{
    margin-top: var(--spacing-2sm);
    padding: 65px var(--container-padding);
}
.circle-container{
    position: relative;
    max-width: 576px;
    width: 100%;
    margin: 0 auto;
}
.circle-container img{
    z-index: 1;
    position: relative;
    width: 100%;
    height: auto;
    pointer-events: none;
}
.circle-highlight{
    cursor: pointer;
    display: block;
    width: 90px;
    height: 90px;
    position: absolute;
    z-index: 1;
}
.circle-highlight.circle1{
    top: 0%;
    left: 50%;
    transform: translate(-50%,-25%);
}
.circle-highlight.circle2{
    top: 50%;
    left: 0%;
    transform: translate(-10%,-40%);
}
.circle-highlight.circle3{
    top: 50%;
    right: 0%;
    transform: translate(10%,-40%);
}
.circle-highlight.circle4{
    bottom: 0;
    left: 50%;
    transform: translate(-50%,30%);
} 
@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}
.pulse-animated{
    display: block;
    position: absolute;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--color-gray-200);
    opacity: 0.2;
    z-index: 1;
    animation: pulse-animation 2s infinite;
}
.pulse-animated.pulse-2{
    position: absolute;
    width: 17%;
    height: 17%;
    opacity: 0.3;
    z-index: 2;
}
.pulse-hover{
    position: absolute;
    background: var(--color-white);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    padding: var(--spacing-xs);
    width: 100vw;
    max-width: 400px;
    height: auto;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all var(--transition) var(--timing-function);
}
.circle-highlight:hover .pulse-hover{
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.circle1 .pulse-hover{
    top: 50%;
    left: 100%;
    transform: translate(0%,-50%);
}
.circle2 .pulse-hover{
    top: 50%;
    left: 0%;
    transform: translate(-100%,-50%);
    width: calc((100vw - 570px - (var(--container-padding) * 3)) / 2);
}
.circle3 .pulse-hover{
    top: 50%;
    right: 0%;
    transform: translate(100%,-50%);
    width: calc((100vw - 570px - (var(--container-padding) * 3)) / 2);
}
.circle4 .pulse-hover {
    bottom: 50%;
    right: 100%;
    transform: translate(-10%, 50%);
}
.popup-style.popup-style-modal .mfp-content{
    max-width: 1440px;
}
.popup-gallery .swiper{
    width: 100%;
    height: calc(100svh - 30px);
}
.popup-gallery .swiper img{
    width: auto;
    height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
    margin: 0 auto;
}
.mfp-close-btn-in .mfp-close{
    opacity: 1;
    color: var(--color-white);
}
.award-section{
    padding: var(--spacing-2xl) 0;
}
.grid-content.grid-award{
    max-width: 1140px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: var(--spacing-sm);
}
.grid-content.grid-award .award-item{
    background-color: var(--color-white);
    aspect-ratio: 1 / 1;
    display: grid;
    place-items: center;
}
.grid-content.grid-award .award-item img{
    width: 56%;
}
/* End of About */

/* Quiz */
.quiz-section{
    padding: 72px 0;
}
/* End of Quiz */

/* Program */
.programIndex-section{
    padding: var(--spacing-3xl) 0;
}
.programIndex-section .section-content{
    margin-top: var(--spacing-xl);
}
.grid-content.grid-cate,
.woocommerce .products.columns-3{
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    grid-column-gap: var(--spacing-xs);
    grid-row-gap: var(--spacing-2lg);
    padding: 0 var(--spacing-sm);
}
.grid-content.grid-cate > *,
.page-evoucher .woocommerce ul.products.columns-3 > li.product{
    width: calc((100% - (var(--spacing-xs) * 2)) / 3) !important;
    height: 100%;
}
.roomType-section .grid-content.grid-cate .program-card .media-wrapper{
    max-height: 427px;
}
/* End of Program */

/* Single Program */
.heading-actions{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
    grid-gap: var(--spacing-xs);
    flex-wrap: wrap;
}
.heading-actions .swiper.tab{
    max-width: calc(100vw - (var(--container-padding) * 2));
}
.heading-actions .swiper.tab .swiper-slide{
    width: 160px;
}
.heading-actions .swiper.tab .swiper-slide:not(:last-child){
    margin-right: 8px;
}
.nav-section .section-heading.heading-row{
    flex-wrap: wrap;
    grid-row-gap: var(--spacing-xs);
}
.section-heading.heading-row .section-cta{
    width: 100%;
}
.section-heading.heading-row .section-cta .btn-text{
    width: fit-content;
}
.nav-section .section-content{
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-3xl);
}
.singleProgram-content{
    width: 100%;
    max-width: 940px;
    margin: 0 auto;
}
.program-group .program-heading{
    padding: var(--spacing-2xs) var(--spacing-xs);
}
.program-group .program-columnLabel{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-sm);
    padding-bottom: 0;
}
.singleProgram-content .program-group:not(:first-child){
    margin-top: var(--spacing-2md);
}
.program-accordion .accordion .entry-title p:last-child{
    white-space: nowrap;
}
.program-accordion .accordion .entry-title p:first-child{
    position: relative;
}
.program-accordion .accordion .entry-title{
    padding: var(--spacing-xs) var(--spacing-sm);
    border-bottom: 1px solid var(--color-gray-150);
    grid-column-gap: var(--spacing-xs);
}
.program-accordion .accordion .entry-title::after{
    content: none;
}
.program-accordion .accordion .entry-title > p:first-child::after{
    vertical-align: middle;
    content: "\e94b";
    font-family: 'iconfont';
    font-size: 18px;
    color: var(--color-green);
}
.program-accordion .accordion.active .entry-title > p:first-child::after{
    content: "\e94a";
}
.program-accordion .accordion .entry-title > p:first-child::after{
    margin-left: var(--spacing-2xs);
}
.program-accordion .accordion{
    border-color: transparent;
    padding: 0;
}
.program-accordion .accordion.active{
    border-color: var(--color-gray-150);
}
.program-accordion .accordion.no-panel{
    border-color: transparent !important;
    pointer-events: none;
}
.program-accordion .accordion.no-panel .entry-title > p:first-child::after{
    content: unset;
}
.program-accordion .accordion .entry-panel{
    padding: var(--spacing-2md) var(--spacing-2sm);
} 
.program-accordion .accordion .entry-panel ul{
    margin: 0;
    padding: 0;
    padding-left: 1.6em;
    list-style-type: square;
}
.program-detail{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: var(--spacing-sm);
}
.shopDetail-accordion .accordion{
    padding: var(--spacing-xs) 0;
    border-bottom: 0px;
}
.singleProgram-actions{
    margin-top: var(--spacing-2lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.btn-row{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    grid-column-gap: var(--spacing-xs);
    grid-row-gap: var(--spacing-xs);
    margin-top: var(--spacing-2sm);
}
.btn-row .btn-main{
    width: 230px;
}
.accordion .entry-title .ic-check{
    font-size: 16px;
}
.download-popup{
    background-color: var(--color-gray-100);
    max-width: 672px;
    margin: 0 auto;
    position: relative;
}
.download-popup .download-header{
    position: relative;
}
.popup-heading{
    position: relative;
    z-index: 3;
    padding: var(--spacing-2lg) var(--spacing-xl) var(--spacing-xs) var(--spacing-xl);
}
.download-popup .download-body{
    padding: var(--spacing-2sm) var(--spacing-2lg) var(--spacing-2lg) var(--spacing-2lg);
    max-height: calc(100svh - 130px);
    overflow: scroll;
}
.download-form{
    display: grid;
    grid-template-columns: 100%;
    grid-row-gap: var(--spacing-xs);
}
.download-form .input-choice:not(.input-consent) > p{
    grid-column: 1 / span 2;
}
.download-form .input-choice:not(.input-consent){
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: var(--spacing-lg);
    grid-row-gap: var(--spacing-3xs);
}
.download-form .form-submit{
    margin-top: var(--spacing-md);
}
.program-section .wrapper{
    padding: 0;
}
.single-program .swiper-program .swiper-slide{
    width: calc((100% - (var(--spacing-xs) * 2)) / 3);
}
.input-consent a{
    color: var(--color-green);
    text-decoration: underline;
}
.input-consent{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-2xs);
}
/* End of Single Prgram */
/* E Voucher */
.page-evoucher .programIndex-section{
    padding-top: calc(var(--header-h-default) + var(--spacing-lg));
}
/* End of E Voucher */

/* Single Shop */
#main.single-shop,
#main.page-blog{
    padding-top: calc(var(--header-h-default) + var(--spacing-md));
}
.shopDetail-heading{
    padding-bottom: var(--spacing-xs);
    border-bottom: 1px solid var(--color-green);
}
.shopDetail-accordion{
    border-top: 1px solid var(--color-green);
}
.singleShop-container .woocommerce{
    max-width: 1112px;
    margin: 0 auto;
}
.grid-content.grid-singleShop{
    display: grid;
    grid-template-columns: calc(100% - 450px) auto;
    grid-gap: var(--spacing-sm);
}
.shop-gallery{
    display: grid;
    grid-template-columns: 72px calc(100% - 72px - var(--spacing-sm));
    grid-gap: var(--spacing-sm);
}
.swiper-thumbs .swiper-slide{
    width: 72px;
    height: 72px;
    opacity: 0.5;
    cursor: pointer;
}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active{
    opacity: 1;
}
.swiper-shop{
    width: 100%;
}
.section-2columns{
    margin-top: var(--spacing-2sm);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.section-2columns > *{
    max-width: 560px;
    width: 100%;
}
.shop-content{
    border-top: 1px solid var(--color-green);
    padding: var(--spacing-2lg) 0;
    margin-top: var(--spacing-2lg);
}
.grid-content.grid-blog{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 18px;
    grid-row-gap: 48px;
}
/* End of Single Shop */

/* Blog */
.blogIndex-section .section-content{
    max-width: 1140px;
    margin: 0 auto;
    padding: 72px 0;
}
.blogIndex-section .blog-item{
    animation-delay: 0s !important;
}
.blogIndex-section .grid-content.grid-blog .blogHighlight-item{
    grid-column: 1 / span 2;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.blogIndex-section .grid-content.grid-blog .blogHighlight-item .media-wrapper{
    width: 100%;
    max-width: 560px;
}
.blogHighlight-item .blogHighlight-content{
    position: relative;
    width: 100%;
    padding: 48px 18px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-row-gap: var(--spacing-2xs);
}
.blogHighlight-item .blogHighlight-content .bg-obj{
    z-index: -1;
}
.blogIndex-section{
    position: relative;
    padding-bottom: var(--spacing-2xl);
}
.blogIndex-section .section-btn{
    display: flex;
    justify-content: center;
}
.select.select-btn .select2-container--default .select2-selection--single .select2-selection__arrow{
    display: none;
}
.select.select-btn .select2-container .select2-selection--single{
    border: 1px solid var(--color-green);
    height: 37px;
    min-width: 250px;
    padding: unset;
    border-radius: 5px;
    text-align: center;
}
/* End of Blog */

/* EXP */
.experienceVideo-section{
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-2lg);
}
.experienceVideo-section video{
    display: block;
    width: 100%;
}
.experienceVideo-section.nav-section .section-content{
    padding-bottom: 0;
}
.grid-content.grid2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 18px;
}
.page-theme .c-green{
    color: var(--color-theme);
}
.page-theme .repeatSection-container{
    background-color: var(--color-theme-bg);
}
.otherFacilities-section .card-overlay{
    height: 380px;
}
.otherFacilities-section .card-overlay .card-content{
    max-width: 438px;
    margin: 0 auto;
}
.roomType-section.section-padding{
    padding-top: 0;
}
/* End of EXP */

/* Room */
.singleRoom-section{
    position: relative;
    padding: var(--spacing-3xl) 0;
}
.singleRoom-section .section-heading{
    padding: var(--spacing-sm) 0;
}
.room-container{
    margin-top: var(--spacing-2sm);
    display: grid;
    grid-template-columns: auto 66.5441176%;
    grid-gap: var(--spacing-sm);
}
.room-container .swiper-roomThumb{
    margin-top: var(--spacing-2xs);
}
.room-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: var(--spacing-xs);
    margin-top: var(--spacing-2sm);
}
.room-list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
}
.room-list img{
    width: 18px;
    height: 18px;
    object-fit: contain;
    object-position: center;
}
/* End of Room */

/* Single */
.content-container{
    max-width: 906px;
    margin: 0 auto;
}
.content-section .singleGallery-content{
    margin-top: 72px;
}
.single .swiper-thumbs{
    margin-top: 8px;
}
.content-section .single-share{
    padding: 72px 0;
    border-bottom: 1px solid var(--color-green);
}
.content-section .single-share,
.share-cta{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column-gap: var(--spacing-2md);
}
.share-cta{
    grid-column-gap: var(--spacing-xs);
}
.contact-section{
    padding: 72px 0px;
}
.content-section + .contact-section{
    padding-top: 0 !important;
}
/* End of Single */

/* Membership */
.journey-section {
    background-color: #D9D4C9;
}
.benefits-section .card-overlay{
    border: 1px solid var(--color-green);
}
.benefits-section .card-overlay::after{
    background-color: transparent;
    opacity: 1;
    transition: all var(--transition) var(--timing-function);
}
.benefits-section .card-overlay:hover::after{
    background-color: var(--color-green);
}
.benefits-section .card-overlay{
    color: var(--color-green);
}
.benefits-section .card-overlay img{
    filter: var(--filter-green);
}
.benefits-section .card-overlay:hover{
    color: var(--color-white);
}
.benefits-section .card-overlay:hover  img{
    filter: var(--filter-white);
}
.swiper-journey .swiper-slide{
    width: 100%;
    min-width: 355px;
    max-width: calc((100% - (18px * 2)) / 3);
}
.swiper-journey .swiper-slide:not(:last-child){
    margin-right: 18px;
}
.journey-card{
    background-color: var(--color-white);
}
.journey-card .journeyCard-content{
    padding: var(--spacing-2md) var(--spacing-2sm);
}
.journey-card .journeyCard-content .fsw-h2{
    margin-bottom: var(--spacing-2sm);
}
.check-list{
    padding: var(--spacing-2sm) 0;
    margin: var(--spacing-2sm) 0;
    border-top: 1px solid var(--color-green);
    border-bottom: 1px solid var(--color-green);
}
.check-list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-2xs);
}
.check-list li::before{
    content: "\e923";
    font-family: 'iconfont';
    font-size: 12px;
    color: var(--color-green);
}
.popup-form.popup-style.popup-style-modal .mfp-content{
    max-width: 360px;
}
.popup-form.popup-style.popup-style-modal .mfp-close{
    color: var(--color-body);
}
.form-modal{
    background-color: var(--color-body-bg);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: var(--spacing-2lg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-xs);
}
.icon-cta{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: var(--spacing-3xs);
}
.icon-cta .ic{
    padding-top: 4px;
}
/* End of Membership */
/* Contact */
.page.page-contact{
    padding-top: var(--header-h);
}
.maps-container{
    position: relative;
    width: 100%;
    height: 350px;
}
.maps-container > iframe{
    width: 100% !important;
    height: 100% !important;
}
.maps-container .maps-marker{
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    transform: translate(-50%,-50%);
}
/* End of Contact */

/* 404 */
.page.page-404 .section-404 .content-404{
    height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row-gap: var(--spacing-sm);
    text-align: center;
}
.page.page-404 + footer{
    display: none;
}
/* End of 404 */
/* Page Form */
.form-section{
    padding: var(--spacing-2xl) 0;
}
.form-section .section-heading{
    padding-bottom: var(--spacing-2sm);
    margin-bottom: var(--spacing-2sm);
}
/* End of Page Form */

/* Woocommerce */
#main.page-account{
    padding-top: calc(var(--header-h-default) + var(--spacing-md));
    min-height: calc(100lvh - var(--header-h-default));
}
.wrapper.wrapper-account{
    max-width: unset;
}
.woocommerce-MyAccount-content{
    max-width: 910px;
    margin: var(--spacing-lg) auto;
}
.woocommerce-MyAccount-content > p > a{
    text-decoration: underline;
    color: var(--color-green);
}
.wc-main{
    padding-top: var(--header-h);
    height: 100dvh;
    background-color: var(--color-green);
    display: grid;
    align-items: center;
}
.wc-main + footer{
    display: none;
}
.wc-main .entry-plugin{
    max-width: 444px;
    margin: 0 auto;
    background-color: var(--color-gray-50);
    padding: var(--spacing-2md);
}
.entry-plugin .section-heading{
    padding-bottom: var(--spacing-2xs);
    margin-bottom: var(--spacing-2xs);
}
.ur-btn,
.ur-button-container{
    color: var(--color-green);
}
.ur-button-container{
    margin-top: var(--spacing-2md);
}
.ur-frontend-form .ur-form-row .ur-form-grid > .form-row.ur-actions{
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: var(--spacing-xs) !important;
    grid-row-gap: var(--spacing-md);
}
#user-registration p.lost_password a{
    color: var(--color-green);
    text-decoration: underline;
}
.link-underline a{
    color: var(--color-green);
    text-decoration: underline;
}
.account-section .ur-frontend-form *:is(.button, button[type=submit], input[type=submit]){
    border: 0 !important;
    background: transparent !important;
    color: var(--color-green) !important;
    padding: 0 !important;
}
.accountForm-section{
    width: 100%;
}
.account-section{
    display: flex;
    align-items: center;
    height: 100%;
    max-height: calc(100vh - var(--header-h));
    overflow: scroll !important;
}
/* End of Woocommerce */

/* RESPONSIVE MIN WIDTH */
@media (min-width: 1399.98px) {
    .swiper-wellness{
        width: 100%;
    }
    .swiper-wellness .swiper-wrapper{
        transform: unset !important;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
    }
    .swiper-wellness .swiper-wrapper .swiper-slide{
        width: 100%;
        margin: 0;
    }
}
@media (min-width: 1199.98px) {
    .mobileMenu-container{
        display: none !important;
    }
    .header-bound-hide:not(.open) body:not(.header-style) #header:hover .burger-line{
        background-color: var(--color-green);
    }
}
@media (min-width: 1023.98px) {}
@media (min-width: 991.98px) {
    /* .swiper.tab .swiper-wrapper{
        display: flex;
        justify-content: flex-end;
        align-items: baseline;
    } */
    .grid-content.grid-contact .grid-context{
        padding-right: var(--spacing-2md);
    }
    .repeat-section .repeat-media .swiper-container{
        position: sticky;
        position: -webkit-sticky;
        top: var(--header-h);
    }
    .grid-content.grid-gallery{
        overflow: hidden;
    }
    .repeat-section:not(:first-child){
        margin-top: var(--spacing-3xl);
    }
    .repeat-container .repeat-media .swiper{
        height: 643px;
    }
    .repeat-section .media-wrapper.media3-2{
        height: 100%;
    }
    .repeat-container .repeat-context{
        padding: 0 var(--spacing-xl);
    }
    .repeat-section .repeat-container{
        grid-template-columns: 66% auto;
    }
    .repeatSection-container:not(.repeatSection-reverse) .repeat-section:nth-child(odd) .repeat-container,
    .repeatSection-container.repeatSection-reverse .repeat-section:nth-child(even) .repeat-container{
        grid-template-columns: auto 66%;
    }
    .repeatSection-container:not(.repeatSection-reverse) .repeat-section:nth-child(odd) .repeat-container .repeat-context,
    .repeatSection-container.repeatSection-reverse .repeat-section:nth-child(even) .repeat-container .repeat-context{
        order: -1;
    }
}
@media (min-width: 767.98px) {
    .roomType-section .grid-content.grid-cate > *:nth-last-child(-n+2){
        width: calc((50% - (var(--spacing-xs) / 2)));
    }
    .footerMenu-group .footer-menu{
        display: flex !important;
    }
    .mobile-menu .menuThumb-item .sub-menu .menu-thumb{
        display: inline-block;
        width: calc(50% - 2px);
    }
    .footerMenu-group .menu-label{
        pointer-events: none;
    }
    .menu-mobile{
        display: none;
    }
    .footer-content{
        grid-template-columns: repeat(2, 1fr);
    }
}
/* End of RESPONSIVE MIN WIDTH */

/* RESPONSIVE MAX WIDTH */
@media (max-width: 1399.98px) {
    .benefits-section .swiper-wellness{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
}
@media (max-width: 1199.98px) {
    .header-bound-hide:not(.open) .main-menu > .menu-item.menu-item-has-children > a::after{
        content: unset;
    }
    .mobile-menu .menu-item.menu-thumb a{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        grid-column-gap: var(--spacing-xs);
    }
    .mobile-menu .menu-item.menu-thumb a .media-wrapper{
        max-width: 180px;
        flex-grow: 0;
    }
    .journey-section .swiper-container{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .journey-section .swiper-container .swiper-journey{
        padding: 0 var(--container-padding);
    }
}
@media (max-width: 1023.98px) {
    .circle-highlight:not(.circle1) .pulse-hover{
        display: none !important;
    }
}
@media (max-width: 991.98px) {
    .header-bound-hide:not(.open) body.header-style #header{
        border-color: var(--color-green);
    }
    .nav-section .section-heading.heading-row .heading-actions .swiper{
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding);
    }
    .nav-section .section-heading.heading-row{
        justify-content: center;
    }
    .nav-section .section-heading.heading-row .heading-actions{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        grid-row-gap: var(--spacing-sm);
    }
    .nav-section .section-heading.heading-row .section-cta .btn-text{
        margin: 0 auto;
    }
    #main.page-blog .section-heading.heading-row{
        border-bottom: 0px;
    }
    .blogIndex-section .section-content{
        padding-top: 0;
    }
    #main.single-shop{
        padding-top: calc(var(--header-h-default) + var(--spacing-sm));
    }
    .accordion{
        padding: var(--spacing-xs) 0;
    }
    .idea-section{
        padding: 72px 0;
    }
    .idea-section + .repeatSection-container{
        padding-top: 0;
    }
    .approach-intro{
        padding-bottom: 72px;
    }
    .approach-intro .swiper{
        margin-top: 72px;
    }
    .footer-container{
        padding-top: 72px;
        padding-bottom: var(--spacing-sm);
    }
    .header-bound-hide .site-logo img{
        height: 40px;
    }
    .approach-intro .swiper-slide{
        width: 100vw;
        margin-right: 0 !important;
    }
    .approach-intro .swiper-slide img{
        height: 218px;
    }
    .page-evoucher .programIndex-section{
        text-align: center;
    }
    .pageIntro-section.pageIntro-short{
        /* height: 100svh; */
        min-height: 500px;
    }
    .nav-section .section-content{
        padding-bottom: 72px;
    }
    .program-group .program-columnLabel{
        padding: var(--spacing-sm) 0;
        padding-bottom: 0;
    }
    .program-accordion .accordion .entry-title{
        padding: var(--spacing-xs) 0;
    }
    .program-accordion .accordion .entry-panel{
        padding: var(--spacing-xs) 0;
    }
    .program-detail{
        grid-template-columns: 100%;
        margin: 0;
    }
    .program-detail ul{
        margin: 0;
    }
    .repeatSection-container,
    .experienceVideo-section{
        padding: 72px 0;
    }
    .singleRoom-section{
        padding: 55px 0;
    }
    .singleRoom-section .section-heading{
        padding-top: 0;
    }
    .grid-content.grid-singleShop{
        grid-template-columns: 100%;
        grid-row-gap: 48px;
    }
    .grid-content.grid-singleShop .shop-gallery{
        grid-template-columns: 100%;
        grid-row-gap: 8px;
    }
    .grid-content.grid-singleShop .shop-gallery .swiper-shop{
        order: -1;
    }
    .section-padding,
    .content-section .single-share,
    .contact-section{
        padding: 48px 0;
    }
    .content-section .singleGallery-content{
        margin-top: 48px;
    }
    .room-container{
        grid-template-columns: 100%;
        grid-row-gap: var(--spacing-2lg);
    }
    .room-container .room-gallery{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .blogIndex-section .grid-content.grid-blog .blog-item .blog-detail{
        grid-row-gap: var(--spacing-2lg);
    }
    .nav-section .section-heading.heading-row .heading-actions{
        width: 100%;
        justify-content: flex-start;
    }
    .nav-section .section-heading.heading-row .heading-actions .fsw-desc{
        flex-grow: 1;
    }
    .logo-section .logo-wrapper img{
        height: 100px;
    }
    .swiper-blog{
        padding: 0 var(--container-padding);
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .blog-item .media-wrapper{
        width: 100%;
    }
    .swiper-blog .swiper-slide,
    .single-program .swiper-program .swiper-slide{
        width: 330px;
    }
    .blog-item{
        flex-direction: column;
    }
    .grid-content.grid-gallery .grid-media{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .grid-content.grid-gallery .grid-media,
    .grid-content.grid-gallery .grid-media .gallery-marquee img{
        height: 350px;
    }
    .grid-content.grid-gallery,
    .grid-content.grid-contact{
        grid-template-columns: 100%;
    }
    .grid-content.grid-contact{
        grid-gap: var(--spacing-2md);
    }
    .repeat-section .wrapper{
        padding: 0;
    }
    .program-section .swiper-program{
        padding: 0 var(--container-padding);
    }
    .swiper-wellness{
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
        padding: 0 var(--container-padding);
    }
    .program-section .swiper-program .swiper-nav,
    .swiper-wellness .swiper-nav{
        display: none;
    }
    .swiper-program .swiper-slide{
        width: 330px;
    }
    .section-2columns{
        flex-direction: column;
    }
}
@media (max-width: 767.98px) {
    .circle1 .pulse-hover{
        top: 0;
        left: 50%;
        transform: translate(-50%,-100%);
    }
    .swiper-journey .swiper-slide{
        width: 100%;
        max-width: 355px;
        min-width: unset;
    }
    .circle-container{
        max-width: 100%;
    }
    .circle-highlight{
        width: 14.8717949vw;
        height: 14.8717949vw;
    }
    .circle-highlight.circle1{
        transform: translate(-50%,-30%);
    }
    .circle-highlight.circle2{
        transform: translate(0%,-55%);
    }
    .circle-highlight.circle3{
        transform: translate(0%,-55%);
    }
    .circle-highlight.circle4{
        transform: translate(-50%,30%);
    } 
    .grid-content.grid2,
    .grid-content.grid-listContent{
        grid-template-columns: 100%;
    }
    .blogIndex-section .grid-content.grid-blog{
        grid-template-columns: 100%;
    }
    .blogIndex-section .grid-content.grid-blog .blogHighlight-item{
        grid-column: 1;
        width: 100vw;
        margin-left: calc(var(--container-padding) * -1);
    }
    .blogIndex-section .grid-content.grid-blog .blogHighlight-item .media-wrapper{
        max-width: unset;
    }
    .blogHighlight-item .blogHighlight-content{
        min-height: 390px;
    }
    .blogIndex-section .grid-content.grid-blog .blogHighlight-item{
        flex-direction: column;
    }
    .grid-content.grid-cate .program-card{
        animation-delay: 0s !important;
    }
    .grid-content.grid-cate > *,
    .page-evoucher .woocommerce ul.products.columns-3 > li.product{
        width: 100% !important;
    }
    .grid-content.grid-award{
        grid-template-columns: repeat(2, 1fr);
    }
    .idea-section .section-desc{
        flex-wrap: wrap;
    }
    .text-hidden-mb{
        display: none;
    }
    .footerMenu-group .footer-menu{
        margin-top: var(--spacing-3xs);
    }
    .footer-r{
        flex-direction: column;
        grid-row-gap: var(--spacing-2sm);
    }
    .footer-r .footer-menu{
        display: none;
    }
    .menu-desktop{
        display: none;
    }
    .footer-r .footerMenu-group{
        width: 100%;
        border-bottom: 1px solid rgba(var(--color-body-bg-rgb), 0.1);
        padding: var(--spacing-2xs) 0;
    }
    .footer-r .footerMenu-group .menu-label{
        display: flex;
        justify-content: space-between;
    }
    .footer-r .footerMenu-group .menu-label::after{
        content: "\e908";
        font-family: 'iconfont';
        font-size: 15px;
        transition: all var(--transition) var(--timing-function);
    }
    .footer-r .footerMenu-group.menu-open .menu-label::after{
        transform: scaleY(-1);
    }
}
@media (max-width: 575.98px) {
    #single-product form.cart .woocommerce-variation-add-to-cart > button{
        width: 100% !important;
    }
    .room-list{
        grid-template-columns: 100%;
    }
}

/* DATEPICKER:START */
.datepicker {
    position: relative;
}
.datepicker:before {
    font-family: 'iconfont';
    content: "\e934";
    font-weight: normal;
    font-size: var(--font-size-xl);
    width: var(--input-height);
    height: var(--input-height);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: var(--spacing-md);
    position: absolute;
    top: 0; 
    right: 0;
    pointer-events: none;
}
.ui-datepicker{
    background-color: var(--color-body-bg);
    padding: 0;
}

.ui-datepicker a {
    box-shadow: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: var(--spacing-3xs) 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: normal;
    border-radius: 0;
    text-transform: uppercase;
    border: 1px solid var(--color-green);
    border-bottom: 0;
    margin-top: var(--spacing-3xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    display: flex;
    align-items: center;
    vertical-align: top;
    width: var(--input-height);
    height: 100%;
    line-height: inherit;
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 1;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
    display: none;
}
.ui-datepicker .ui-datepicker-prev {
    padding-left: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    left: 0;
}
.ui-datepicker .ui-datepicker-next {
    padding-right: var(--spacing-xs);
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
    right: 0;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    position: static;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    text-indent: inherit;
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
    font-family: 'iconfont';
    font-size: var(--font-size-md);
    font-weight: normal;
}
.ui-datepicker .ui-datepicker-prev span {
    justify-content: flex-start;
}
.ui-datepicker .ui-datepicker-prev span:before {
    content: "\e909";
    transform: translateX(-3px);
}
.ui-datepicker .ui-datepicker-next span {
    justify-content: flex-end;
}
.ui-datepicker .ui-datepicker-next span:before {
    content: "\e90a";
    transform: translateX(3px);
}
.ui-datepicker .ui-datepicker-title {
    position: relative;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    vertical-align: top;
    font-size: inherit;
    padding-left: var(--font-size-xs);
    margin: 0;
}
.ui-datepicker .ui-datepicker-title select {
    width: auto;
    padding: 0 var(--spacing-sm) 0 0 !important;
    border: 0;
    background: none;
    height: auto;
    min-height: 0;
    line-height: normal;
    font-weight: inherit;
    text-transform: capitalize;
}
.ui-datepicker .ui-datepicker-title select:not(:last-child) {
    margin-right: 0;
}
.ui-datepicker .ui-datepicker-title option {
    color: #000;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    order: 1;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    order: 3;
}
.ui-datepicker .ui-datepicker-title:before,
.ui-datepicker .ui-datepicker-title:after {
    font-family: 'iconfont';
    content: "\e90c";
    font-size: var(--font-size-3xs);
    font-weight: normal;
    line-height: 1;
    pointer-events: none;
    transform: translateX(calc(var(--spacing-sm-minus) + var(--spacing-2xs)));
}
.ui-datepicker .ui-datepicker-title:before {
    order: 2;
    flex-grow: 1;
    text-align: left;
}
.ui-datepicker .ui-datepicker-title:after {
    order: 4;
}
.ui-datepicker .ui-datepicker-calendar {
    border-radius: 0;
    border: 1px solid var(--color-green);
    border-top: 0;
}
.ui-datepicker table {
    margin: 0;
    padding: var(--spacing-3xs) 0;
    font: inherit;
    font-weight: var(--weight-medium);
}
.ui-datepicker th,
.ui-datepicker td {
    padding: var(--spacing-3xs);
    text-align: center;
    text-transform: uppercase;
}
.ui-datepicker td span,
.ui-datepicker td a {
    margin: 0 auto;
    padding: 0;
    width: auto;
    height: auto;
    line-height: normal;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.ui-datepicker tbody tr:last-child td {
    padding-bottom: var(--spacing-xs);
}
.ui-datepicker .ui-state-default:hover {
    color: var(--color-green);
}
.ui-datepicker th,
.ui-datepicker td .ui-state-highlight,
.ui-datepicker td .ui-state-active,
.ui-datepicker .ui-datepicker-title {
    font-weight: inherit;
    font-style: normal;
    opacity: 1;
    color: inherit;
}
.ui-datepicker td.ui-state-disabled {
    pointer-events: none;
    opacity: 0.1;
}
.ui-datepicker td.ui-datepicker-current-day{
    position: relative;
}
.ui-datepicker td.ui-datepicker-current-day > * {
    color: var(--color-green) !important;
}
/* DATEPICKER:END */

/*BURGER ICON*/
.burger-icon {
    color:#fff;
    cursor: pointer;
    position: relative;
    width: 48px;
    height: 18px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: right;
    display: none;
}
.open .burger-icon {
    /* width: 36px; */
}
.burger-line { /* bar color */
    transition: 0.4s;
    width: 100%;
    height: 1px;
    background-color: var(--color-green);
}
.header-bound-hide:not(.open) body:not(.header-style,.menu-hover) .burger-line,
html:not(.open) body.header-style2 .burger-line{
    background-color: var(--color-white);
}
.burger-icon .burger-line:last-child {
    margin-bottom: 0;
}

.burger-line-1 {
    position: relative;
    top: 0;
}

.burger-line-3 {
    position: relative;
    bottom: 0;
}

.open .burger-icon .burger-line-1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

.open .burger-icon .burger-line-2 {
    opacity: 0;
}

.open .burger-icon .burger-line-3 {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
}

@media only screen and (max-width: 1199.98px) {
    .main-menu,
    .header-r > a:not(.btn-book),
    .header-r > .lang-container {
        display: none;
    }
    .open .main-menu {
        /*display: flex;*/
    }
    .burger-icon{
        display: flex;
    }
}

/* Clipboard */
#clipboard {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    width: 100px;
    max-width: 100%;
    margin: 0 auto;
    padding: var(--spacing-sm);
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    color: #fff;
    border-radius: 50%;
    background: #000;
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}