/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/
footer .move_content {
    padding-bottom: 60px !important;
    padding-top: 60px !important;
}

@keyframes floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.floating-animation img {
    animation: floating 3s ease-in-out infinite;
}



.bonvoy-section {
    background-color: #f9f9f9;
    padding: 40px;
    border-radius: 10px;
	margin: 0px 50px;
}
.bonvoy-section h2 {
    font-size: 28px;
    font-weight: bold;
}
.bonvoy-section p {
    color: #666;
    font-size: 16px;
}
.bonvoy-section .btn-join {
    background-color: #000;
    color: #fff;
    border-radius: 25px;
    padding: 10px 20px;
}
.bonvoy-section .btn-signin {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 25px;
    padding: 10px 20px;
    color: #000;
}
.bonvoy-section .icon-box {
    color: #b59270;
    font-size: 24px;
    margin-bottom: 10px;
}
.bonvoy-section .info-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bonvoy-section .features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
.bonvoy-section .feature {
    text-align: center;
}

/* Media queries for mobile */
/* @media (max-width: 576px) {
    .info-section {
        flex-direction: column;
        text-align: center;
    }
    .features {
        margin-top: 20px;
    }
    .bonvoy-section .btn-join, 
    .bonvoy-section .btn-signin {
        width: 100%;
        margin: 0 auto;
    }

.app-journey-popup {
        width: auto !important;
	
    }

.app-journey-section{
	display:flex !important;
}

.hero .wrapper h3 {
        font-size: 1.3rem !important;
}

.title h2 {
	font-size:2rem !important; 
}

} */



.app-journey-section {
    padding: 20px;
    padding-bottom:0;
    border-radius: 10px;
    display: flex;
    align-items: center;
}
.app-journey-image img {
    border-radius: 10px;
    max-width: 100%;
}

.app-journey-text h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
 margin-top: 10px;
line-height:1.2;
}
.app-journey-text p {
    font-size: 14px;
    color: #666;
}
.app-qr-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.app-qr-section p {
    color: #fa7d64;
    font-size: 14px;
    margin-right: 10px; /* Added space between text and QR code */
}
.app-qr-section img {
    max-width: 120px;
    height: auto;
width:100px;
}





.table-component {
    padding: 1rem 0 2.5rem
}

.table-component .icon-status-silver-elite:before {
    color: #707488
}

.table-component .icon-status-gold-elite:before {
    color: #8c6f49
}

.table-component .icon-status-platinum-elite:before {
    color: #5e5f61
}

.table-component .icon-status-titanium-elite:before {
    color: #554749
}

.table-component .icon-status-ambassador-elite:before {
    color: #231c19
}

.table-component .table-component-row {
    border-bottom: .0625rem solid #979797;
    display: flex;
    padding: .75rem 0;
    flex-wrap: wrap
}

.table-component .table-component-row:not(:first-child) .table-col:not(:first-child) .table-dark-text {
    font-size: .75rem;
    line-height: .9375rem
}

@media screen and (min-width: 768px) {
    .table-component .table-component-row:not(:first-child) .table-col:not(:first-child) .table-dark-text {
        font-size:.875rem;
        line-height: 1rem
    }
}

@media screen and (min-width: 992px) {
    .table-component .table-component-row {
        flex-wrap:inherit
    }
}

.table-component .table-component-row:first-child {
    padding-top: 1.5rem;
    padding-bottom: 1.125rem
}

@media screen and (min-width: 768px) {
    .table-component .table-component-row:first-child {
        padding-bottom:.9375rem
    }
}

.table-component .table-component-row:first-child .table-col {
    align-self: auto
}

.table-component .table-component-row:first-child .table-col:first-child {
    align-self: center;
    padding-bottom: 1.25rem
}

.table-component .table-component-row:first-child .table-col .table-dark-text {
    font-size: .625rem;
    line-height: .875rem
}

@media screen and (min-width: 768px) {
    .table-component .table-component-row:first-child .table-col .table-dark-text {
        font-size:.875rem;
        line-height: 1rem
    }
}

.table-component .table-component-row:first-child .table-col span {
    font-size: 1.5625rem;
    margin-bottom: .3125rem
}

.table-component .table-component-row:first-child .table-col .table-light-text {
    color: #707070;
    display: none
}

@media screen and (min-width: 768px) {
    .table-component .table-component-row:first-child .table-col {
        padding-bottom:0
    }

    .table-component .table-component-row:first-child .table-col .table-light-text {
        display: none
    }

    .table-component .table-component-row:first-child .table-col span {
        margin-bottom: .375rem
    }
}

@media screen and (min-width: 992px) {
    .table-component .table-component-row:first-child .table-col .table-light-text {
        display:block;
        padding-top: .0625rem
    }

    .table-component .table-component-row:first-child .table-col span {
        margin-bottom: .8125rem
    }
}

.table-component .table-component-row .table-col {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-self: center;
    margin: 0;
    font-weight: 500;
    flex: 1;
    min-width: 1.5rem
}

@media screen and (min-width: 768px) {
    .table-component .table-component-row .table-col {
        width:7.1875rem;
        flex: initial
    }
}

@media screen and (min-width: 992px) {
    .table-component .table-component-row .table-col {
        margin:0 .625rem;
        /* width: 8.125rem */
        width: 10rem;
    }
}

.table-component .table-component-row .table-col span {
    word-wrap: break-word;
    font-size: 1.5rem;
    margin-right: .25rem
}

.table-component .table-component-row .table-col span.icon-check {
    font-size: 1.25rem
}

.table-component .table-component-row .table-col .table-dark-text {
    color: #1c1c1c
}

.table-component .table-component-row .table-col:first-child {
    /* width: 22.5rem; */
    width: 35rem;
    text-align: left;
    padding-left: 0;
    padding-right: 1.875rem;
    margin-left: 0;
    flex: 1 1 100%;
    padding-bottom: .8125rem
}

.table-component .table-component-row .table-col:first-child .table-dark-text,.table-component .table-component-row .table-col:first-child .table-light-text {
    padding: .1875rem 0
}

.table-component .table-component-row .table-col:first-child .table-dark-text {
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .table-component .table-component-row .table-col:first-child {
        flex:1 1 100%;
        padding-bottom: .75rem
    }

    .table-component .table-component-row .table-col:first-child .table-dark-text {
        padding-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .table-component .table-component-row .table-col:first-child {
        flex:inherit;
        padding-bottom: 0
    }

    .table-component .table-component-row .table-col:first-child .table-dark-text {
        padding-bottom: .1875rem
    }
}

.table-component .table-component-row .table-col:last-child {
    width: 9rem
}

.table-component .t-label-xs {
    margin-top: 1rem;
    margin-bottom: 1.875rem;
    text-align: left;
    margin-left: -.125rem
}

@media screen and (min-width: 768px) {
    .table-component .t-label-xs {
        margin-left:-.5rem
    }
}

@media screen and (min-width: 992px) {
    .table-component .t-label-xs {
        margin-left:0
    }
}

.table-component .table-v2 span.icon-decorative:before {
    font-size: 1.5rem
}

.table-component .table-v2 .elite-row {
    margin-bottom: .375rem;
    text-align: left
}

.table-component .table-v2 .elite-row li {
    margin-bottom: .75rem;
    margin-right: 2.875rem;
    color: #1c1c1c;
    display: block
}

@media screen and (min-width: 768px) {
    .table-component .table-v2 .elite-row li {
        display:inline-block
    }
}

.table-component .table-v2 .elite-row li .icon-decorative:before {
    margin-right: 1rem;
    float: left
}

.table-component .table-v2 table {
    width: 100%;
    table-layout: fixed
}

.table-component .table-v2 table tr {
    border-bottom: .0625rem solid #c4c4c4
}

.table-component .table-v2 table tr th {
    color: #1c1c1c;
    vertical-align: bottom;
    font-weight: 500
}

.table-component .table-v2 table tr td {
    vertical-align: top;
    line-height: 1rem
}

.table-component .table-v2 table tr td:first-child p:first-child {
    padding-top: .125rem;
    font-weight: 700
}

.table-component .table-v2 table tr td .t-label-s,.table-component .table-v2 table tr td.table-light-text,.table-component .table-v2 table tr td:first-child p {
    font-weight: 500
}

.table-component .table-v2 table tr td .medium-weight-bold {
    font-weight: 700
}

.table-component .table-v2 table tr td,.table-component .table-v2 table tr th {
    padding: 1rem 1.3125rem 1rem 0;
    text-align: left
}

@media screen and (min-width: 768px) {
    .table-component .table-v2 table tr td,.table-component .table-v2 table tr th {
        padding:1rem 2rem 1rem 0
    }
}

.table-component .table-v2 table tr .table-dark-text {
    color: #1c1c1c
}

.table-component .table-v2 .table-top-desc {
    line-height: 1.25rem;
    font-weight: 500;
    margin-bottom: 0;
    color: #1c1c1c;
    text-align: left;
    max-width: 51.875rem
}

.table-component .icon-check-elite-ambassador,.table-component .icon-check-elite-gold,.table-component .icon-check-elite-platinum,.table-component .icon-check-elite-silver,.table-component .icon-check-elite-titanium {
    font-size: 1.25rem
}

.table-component .icon-check-elite-silver:before {
    background: #707488
}

.table-component .icon-check-elite-gold:before {
    background: #8c6f49
}

.table-component .icon-check-elite-platinum:before {
    background: #5e5f61
}

.table-component .icon-check-elite-titanium:before {
    background: #554749
}

.table-component .icon-check-elite-ambassador:before {
    background: #231c19
}

.table-component .icon-color-silver:before {
    color: #707488
}

.table-component .icon-color-gold:before {
    color: #8c6f49
}

.table-component .icon-color-platinum:before {
    color: #5e5f61
}

.table-component .icon-color-titanium:before {
    color: #554749
}

.table-component .icon-color-ambassador:before {
    color: #231c19
}

.table-component .icon-color-member:before {
    color: #ff9662
}

.table-component .faq-desc {
    padding-top: 1.5rem;
    margin-bottom: .75rem;
    line-height: 1.25rem;
    text-align: left;
    max-width: 51.875rem
}

.table-component .faq-desc p {
    margin-bottom: 0
}

.table-component .table-btn-row {
    text-align: left
}

.table-component .table-btn-row a {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.table-component .icon-check-elite-ambassador:before,.table-component .icon-check-elite-gold:before,.table-component .icon-check-elite-platinum:before,.table-component .icon-check-elite-silver:before,.table-component .icon-check-elite-titanium:before,.table-component .tick-icon {
    color: #fff;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    padding-top: .0625rem;
    font-size: 1.1875rem;
    line-height: 1.1875rem;
    text-align: center
}

.table-component sup {
    top: -.0625rem;
    font-size: .8125rem;
    line-height: 1.375rem;
    margin-left: -.25rem
}

.table-component [class*=icon-] sup {
    top: -.25rem
}

.table-component .table-dark-text p,.table-component .table-light-text p {
    margin-bottom: .625rem
}

.table-component .table-dark-text p b,.table-component .table-light-text p b {
    color: #1c1c1c
}

.table-component .table-dark-text p:last-child,.table-component .table-light-text p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .table-component .disclaimer-text {
        padding-left:.5rem
    }
}

@media screen and (min-width: 992px) {
    .table-component .disclaimer-text {
        padding-left:0
    }
}

.table-component .disclaimer-text p {
    margin-bottom: 0
}

.table-component .disclaimer-text b {
    color: #1c1c1c
}


.move_content h5{
color:white;
}

.move_content a{
color:white;
}

.parallax_wrapper .img_over img {
width:95% !important;
}

.scroll_bottom {
    display: inline-flex;
    padding: 0px 1px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.marquee {
margin-top:60px !important;
margin-bottom:100px;
}

.room_facilities_list ul li {
    float: none !important;
    width: 100% !important;
    margin: 0 5px;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
    display: flex;
    align-items: center;
}

a.box_cat_rooms {
    height: 350px !important;
}


.app-journey-popup {
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 300px;
        background-color: #fff;
        border-radius: 8px;
        padding: 20px;
        display: none;
        z-index: 1000;
    }

  

    .app-journey-popup .btn-close {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .app-journey-section {
        display: block;
        align-items: center;
    }
    .app-journey-image {
        flex-shrink: 0;
    }
    .app-journey-text {
        flex-grow: 1;
        line-height: 1.2;
    }
    .app-qr-section {
        flex-shrink: 0;
        display: block;
    }

    .link:hover{
        color:#b59270 !important;
    }