:root {

        --number-header-height: 140px;
        
    
    }

    .container-xl-fluid{
        
        width:100%;
        max-width: none;
    
    }
    

.flex-30-70-xlg.two-col-css-xlist-1200.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item.column-30 {
    width: calc(30% - (var(--css-grid-between-gap) / 2));
}
.flex-30-70-xlg.two-col-css-xlist-1200.with-gap>.container>.xlist-strip>.strip-xlist>.xList-item.column-70 {
    width: calc(70% - (var(--css-grid-between-gap) / 2));
}
.r2g-css-flex-grid-sub-component.two-col-xlist-1200.with-gap.flex-30-70-xlg > .xlist-strip > .strip-xlist > .xList-item.column-30{
    width: calc(30% - (var(--css-grid-between-gap) / 2));
}
.r2g-css-flex-grid-sub-component.two-col-xlist-1200.with-gap.flex-30-70-xlg > .xlist-strip > .strip-xlist > .xList-item.column-70 {
    width: calc(70% - (var(--css-grid-between-gap) / 2));
}

/*------------------ Two Column Flex 60% - 40% Main Strip start ---------------*/

.two-col-css-xlist-1200.with-gap.two-col-flex-60-40 > .container > .xlist-strip > .strip-xlist > .xList-item.column-60 {
    width: calc(60% - var(--css-grid-between-gap) / 2);
}
.two-col-css-xlist-1200.with-gap.two-col-flex-60-40 > .container > .xlist-strip > .strip-xlist > .xList-item.column-40 {
    width: calc(40% - var(--css-grid-between-gap) / 2);
}

    
/*------------------ Two Column Flex 60% - 40% Main Strip end ---------------*/
    
    
/*------------------ Two Column Flex 60% - 40% Subcomponent start ---------------*/

.r2g-css-flex-grid-sub-component.two-col-xlist-1200.two-col-flex-60-40 > .xlist-strip > .strip-xlist > .xList-item.column-60 {
    width: calc(60% - var(--css-grid-between-gap) / 2);
}
.r2g-css-flex-grid-sub-component.two-col-xlist-1200.two-col-flex-60-40 > .xlist-strip > .strip-xlist > .xList-item.column-40 {
    width: calc(40% - var(--css-grid-between-gap) / 2);
}
    
/*------------------ Two Column Flex 60% - 40% Subcomponent end ---------------*/
    

    
    /* City Listing Page */
.r2g-css-flex-grid-sub-component.city-block-group>.flex-xlist>.xList-items{
    gap: 100px;
}

.city-block-group.r2g-css-flex-grid-sub-component > .intro-content{
    margin-bottom: 58px;
}

.r2g-css-flex-grid-sub-component.three-col-xlist-1200.with-gap.city-block-group >  .xlist-strip > .strip-xlist > .xList-item {
    width: calc(33.3333% - (100px * 2 / 3));
}
    
    
    /*  City Details Page - Introduction Secion */
    
    
    .r2g-css-flex-grid-main-strip.with-gap.city-details-intro>.container>.flex-xlist>.xList-items{
        gap: var(--css-grid-between-gap);
    }
    
    .r2g-xbox-sub-component.event-block .xbox-wrapper .flex-container .content-wrapper > ul{
        flex-direction: row;
    }
    .r2g-xbox-sub-component.event-block .xbox-wrapper .flex-container .content-wrapper > ul > li:first-child{
        width: 65%;
    }
    .city-hotel-block.r2g-css-flex-grid-sub-component .xlist-strip .xList-items .xList-item.item-hotel-info > .r2g-content-sub .content-wrapper{
        padding: 0 32px;
    }
    
    
    
    /*------------ Why book with us --------------------*/
    
    .two-col-css-xlist-1024.with-gap.why-book-block>.container>.xlist-strip>.strip-xlist>.xList-item.image-block{
        width: 545px;
        height: auto;
    }
    .two-col-css-xlist-1024.with-gap.why-book-block>.container>.xlist-strip>.strip-xlist>.xList-item.text-block{
        max-width: 523px;
    }
    .r2g-css-flex-grid-sub-component.two-col-xlist-1024.with-gap.why-book-block > .xlist-strip > .strip-xlist > .xList-item.text-block{
        max-width: 523px;
    }
    
    
    
    
    /*------------ Contact Us --------------*/
    
    /*.two-col-css-xlist-1200.with-gap.two-col-63-36>.container>.xlist-strip>.strip-xlist>.xList-item:first-child{*/
    /*    width: calc(63% - (72px / 2));*/
    /*}*/
    /*.two-col-css-xlist-1200.with-gap.two-col-63-36>.container>.xlist-strip>.strip-xlist>.xList-item:last-child{*/
    /*    width: calc(36% - (72px / 2));*/
    /*}*/
    
    
/*------------------ FAQ Styles Start -------------------*/

.accordian-wrapper{
    padding: 0 36px;
}

/*------------------ FAQ Styles End -------------------*/



.home-explore-pinned,
.home-explore-pinned .xbox-wrapper,
.home-explore-pinned .xbox-wrapper .image-wrapper{
    height: 100%;
}
.home-explore-pinned .xbox-wrapper .image-wrapper img{
    height: 100%;
    object-fit: cover;
}







/*------------------ Text Image Animated Page Intro Start -------------------*/



.text-image-animated-intro-main > .container > .content-wrapper{
    display: block;
    min-height: 513px;
}
.text-image-animated-intro-main > .container > .content-wrapper > .animated-image-wrapper {
    width: 100%;
    right: 0;
    height: 100%;
    margin-bottom: 0;
    position: absolute;
}

.text-image-animated-intro-main > .container > .content-wrapper > .animated-image-wrapper img{
    object-fit: cover;
    object-position: 75%;
    height: 100%;
}

.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper{
    width: 60%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .colored-wrapper{
    display: block;
    position: absolute;
    width: 0%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: var(--color-primary);
}

.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .text-wrapper{
    width: 0%;
    height: 100%;
    background: var(--color-white);
    overflow: hidden;
}
/*.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .text-wrapper .content-box{*/
/*    width: 100%;*/
/*}*/
/*.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .text-wrapper .content-box.why-book-list > ul li{*/
/*    display: flex;*/
/*    gap: 16px;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .text-wrapper .content-box.why-book-list > ul li img{*/
/*    width: 24px;*/
/*    margin-bottom: 0;*/
/*}*/
/*.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .text-wrapper .content-box.why-book-list > ul li p{*/
/*    margin-bottom: 0;*/
/*}*/
/*.text-image-animated-intro-main > .container > .content-wrapper > .animated-text-wrapper .text-wrapper .content-box.why-book-list [class^="icon-"]{*/
/*    font-size: 1.6rem;*/
/*    width: 16px;*/
/*    top: 0;*/
/*}*/

#vibrant-section > div{
    padding-top: 135px;
    max-width: 1340px;
    margin: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    position:relative;
}

#vibrant-section #mainImgWrapper{
    width: 1340px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    height: 513px;
}

#vibrant-section #mainImgWrapper img{
    object-fit: cover;
    object-position: 75%;
    
}
#vibrant-section #contentWrapper{
    width: 763px;
    height: 454px;
    position: absolute;
    left: 0;
}
#vibrant-section #contentWrapper .contentWrapper,
#vibrant-section #contentWrapper .blue-wrapper{
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#vibrant-section #contentWrapper .blue-wrapper{
    background: #B3D9DA;
}
#vibrant-section #contentWrapper .contentWrapper{
    background: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#vibrant-section #contentWrapper .contentWrapper .titleContent{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 23px;
}
#vibrant-section #contentWrapper .contentWrapper .iconFeatures{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
#vibrant-section #contentWrapper .contentWrapper .iconFeatures .iconFeatureList{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/*------------------ Text Image Animated Page Intro End -------------------*/