/*
    Created on : Jun 29, 2024 06:21:15 am
    Author     : prabhath.senadheera@ebeyonds.com
*/
:root{
    
    --intro-section-gap: 6rem;
}
	th,
	td {
		padding: 20px;
	}

	/*  City Details Page - Introduction Secion */


	.r2g-xbox-sub-component.event-block .xbox-wrapper .flex-container .content-wrapper>ul>li:first-child {
		width: 45%;
	}

	.r2g-rotator-sub-component-sw.explore-city-tab .arrows-wrapper .swiper-button-next {
		right: -10px;
	}

	.r2g-rotator-sub-component-sw.explore-city-tab .arrows-wrapper .swiper-button-prev {
		left: -10px;
	}
	
	
	.explore-city-slider .xList.rotatorElement{
	    max-width:1200px;
	}
	
	
	.arrows-wrapper.arrow-verticle-center{
	    top: calc(50% - 36px);
	}

	.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 72px;
	}
	
	.city-hotel-block.r2g-css-flex-grid-sub-component .xlist-strip .xList-items .xList-item.item-hotel-info>.r2g-content-sub .content-wrapper p{
        text-align:left;
    }


	.r2g-rotator-main-strip-sw.city-gallery .container .rotatorElement .arrows-wrapper .swiper-button-next {
		right: 93px;
	}

	.r2g-rotator-main-strip-sw.city-gallery .container .rotatorElement .arrows-wrapper .swiper-button-prev {
		left: 93px;
	}

	.r2g-css-flex-grid-sub-component.two-col-xlist-1366.with-gap.why-book-block>.xlist-strip>.strip-xlist>.xList-item.image-block {
		width: 712px;
		height: auto;
	}

	.two-col-css-xlist-1366.with-gap.why-book-block>.container>.xlist-strip>.strip-xlist>.xList-item.image-block {
		width: 712px;
		height: auto;
	}
	
	.overflow-scroll-size{
    max-height: 280px;
    overflow-y: scroll;
    height: 100%;
}

.container.main-intro{
    margin-top:18rem;
}

/* ------------------ Cancel your reservation ---------------------- */
.content-wrapper.d-reservation .flex-btn-container{
    width:50%;
}
.content-wrapper.d-reservation .fb-select.form-group.field-property,
.content-wrapper.d-reservation .fb-text.form-group.field-confirmation,
.content-wrapper.d-reservation .fb-text.form-group.field-email{
    width:100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;

}


.content-wrapper.d-reservation .fb-button.form-group.field-reset-button,
.content-wrapper.d-reservation .fb-button.form-group.field-cancel-button{
    float:left;
}



.offer-d-collection-brand-slider.swiper-slide-prev,
.offer-d-collection-brand-slider.swiper-slide-active,
.offer-d-collection-brand-slider.swiper-slide-next{
    transition: all 0.5s ease;
}
.offer-d-collection-brand-slider.swiper-slide-active{
    margin-top:220px;
}

	/* --------- Why Book with Us -------- */
	.xList-item.item-1.d-item .xbox-wrapper{
	    background:var(--color-black-shade-3);
	}
	
	.xList-item.item-1.d-item .xbox-wrapper .image-wrapper,
	.xList-item.item-1.d-item .xbox-wrapper .flex-container{
	    width:100%;
	    margin:0;
	}
	.xList-item.item-1.d-item .xbox-wrapper .flex-container .content-wrapper a{
	    text-decoration: none; 
	}
	.xList-item.item-1.d-item .xbox-wrapper{
	    background:var(--color-black-shade-3);
	    list-style-type: none;
	    padding: 0;
	   
	}
    .xList-item.item-1.d-item .xbox-wrapper .content-wrapper p{
	    text-align:left;
	}
    .xList-items .xList-item.d-item:nth-child(even) .xbox-wrapper{
        flex-direction: row-reverse;
    }
    
    .xList-items .xList-item.d-item:nth-child(odd) .xbox-wrapper{
        flex-direction: row;

    }
	
	.xList-item.item-1.d-item .xbox-wrapper .flex-container{
	    padding:0;
	    align-items: center;
        display: flex;
	}
	
	.xList-item.item-1.d-item .xbox-wrapper .flex-container:nth-child(even) .content-wrapper{
	    padding: 0 100px;
	}
	
	.xList-item.item-1.d-item .xbox-wrapper .content-wrapper{
	    padding: 0;
	}
	
	
	/* --------- Deals Offers -------- */
	.strip-row.d-offers{
	    background:var(--color-white);
	}
	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1{
	    width:100%;
	    margin:0;
	}
	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .xbox-wrapper{
	    display:flex;
	    background:var(--color-black-shade-3);
	}
	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .xbox-wrapper .image-wrapper{
	    margin:0;
	}
	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .xbox-wrapper .flex-container{
	    padding:0 var(--verticle-grid-gap);
	    align-items: center;
        display: flex;
	}
	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .xbox-wrapper .image-wrapper,
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .xbox-wrapper .flex-container{
	    width:50%;
	}
	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .icon.icon-d-085-dollar-coin{
	    font-size:24px;
	    color:var(--color-orange);
	}
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .paragraph-with-icon{
	    gap:15px;
	}
	
	.r2g-rotator .arrows-wrapper{
	    display:flex;
	}

/*	
	.strip-row.d-offers .xList.xlist-strip.flex-xlist.r2g-list .xList-item.item-1 .badge.badge-primary{
	    border:2px solid var(--color-black-shade-2);
	    background:var(--color-white);
	}
*/
	
	#offerCategoryMenu li.active{
	    border-bottom:2px solid var(--color-orange);
	    color:var(--color-black);
	}
	#offerCategoryMenu li.active a,
	#offerCategoryMenu .menu-item a{
	    background-color:transparent;
	    border:none;
	    color:var(--color-black);
	    font-size:var(--heading-5-font-size);
	    font-weight:700;
	}
	
	
	
.city-listing-into.r2g-content-main-strip-v2 {
	margin-bottom: 93px;
}
.content-wrapper.d-collection-content-topon-image-wrapper.d-details h1{
    width: 713px;
    margin: 0 auto;
    margin-bottom:var(--default-gap);
}
.content-wrapper.d-collection-content-topon-image-wrapper.d-details .text-center{
    width: 60%;
    margin: 0 auto;
    margin-bottom:var(--default-gap);
}
.d-whats-on .row.strip-row.clearfix.r2g-content-main-strip-v2.text-align-center.w-100.txt-col-1.page-intro.mb-narrow,
.d-your-rewards.row.strip-row.clearfix.r2g-content-main-strip-v2.mb-narrow{
    margin-bottom:0;
}
.d-your-rewards.row.strip-row.clearfix.r2g-content-main-strip-v2.text-align-center.w-100.txt-col-1.page-intro{
    margin-bottom: var(--section-gap);
}
    


/* -------------- Home Offer Slider --------------  */

.xList-item.swiper-slide.d-home-offfer-items .xList-item.item-1{
    width:60%;
}
.xList-item.swiper-slide.d-home-offfer-items .xList-item.item-2{
    width:40%;
}

.xList-item.swiper-slide.d-home-offfer-items{
    transition: all 0.5s ease;
    margin-top:0px;
}

.d-home-offer-section.row.strip-row.r2g-rotator{
	height:920px;
}

/*.d-home-offer-section.row.strip-row.r2g-rotator{*/
/*    margin-bottom:0px;*/
/*}*/

.xList-item.swiper-slide.d-home-offfer-items.swiper-slide-active{
    transition: all 0.5s ease;
    margin-top:180px;
}

.xList-item.swiper-slide.d-home-offfer-items:first-child(){
    margin-top:180px;
}

.xList-item.swiper-slide.d-home-offfer-items .content-align-lg-center.d-txt-box{
    background: var(--color-black-shade-3);
    padding: 50px;
    position: absolute;
    top: 50%;
    right: 60px;
    width: 500px;
    transform: translate(-0%, -50%);
    height:auto;
}

.xList-item.swiper-slide.d-home-offfer-items .badge.badge-primary{
	border:2px solid var(--color-black-shade-2);
	background:var(--color-white);
	margin: 0 auto;
}

.xList-item.swiper-slide.d-home-offfer-items .button-wrapper .btn.btn-primary{
    margin-left:var(--default-gap);
}


.r2g-rotator.r2g-rotator-main-strip-sw .arrows-wrapper.d-home-offers-nav {
    position: absolute;
    width: 100%;
    top: 56%;
    transform: translateY(56%);
    z-index: 0;
    display: flex;
    justify-content: end;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
    padding-right: 200px;

}

/* Whats on Slider */
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .r2g-flex-grid-sub-component > .xlist-strip > .strip-xlist > .xList-item.item-1 {
        width: calc(55% - (96px / 2));
	}

	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .r2g-flex-grid-sub-component > .xlist-strip > .strip-xlist > .xList-item.item-2 {
		width: calc(48% - (96px))
	}

	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .padding-wrapper {
		padding: 0;
		margin: 0 calc(96px - (var(--grid-item-gap))) 0 auto !important;
		max-width: 500px;
	}
	
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .whats-on-item{
	    position: relative;
	    left: 120px;
	}
	
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .arrows-wrapper.max-w-fit{
	    display:flex;
	    gap:var(--default-gap);
	    flex-direction: row;
	}
	
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .date-and-tag-wrapper.justify-content-center.justify-content-start-xxl{
	    display:flex;
	    gap:20px;
	    align-items: center;
	}
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .date-and-tag-wrapper.justify-content-center.justify-content-start-xxl .icon.icon-d-054-calendar{
	    margin-right: 10px;
	    color:var(--color-orange);

	}
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .date-and-tag-wrapper.justify-content-center.justify-content-start-xxl .icon.icon-d-054-calendar{
	    margin-right: 10px;
	    color:var(--color-orange);

	}
	
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .date-and-tag-wrapper.justify-content-center.justify-content-start-xxl .text-align-center.text-align-xl-left a{
        text-decoration: none; 
    }
	
	.r2g-rotator-main-strip-sw.r2g-rotator.whats-on-slider .date-and-tag-wrapper .badge.badge-primary h6{
	    font-size:1.4rem;
	}
/* ----------------------------- */



/* General form styling best-rate-guarantee */
/*.cms-form.form-brandbestrateguarantee .form-group {*/
/*    margin-bottom: 15px;*/
/*}*/

/*.cms-form.form-brandbestrateguarantee .fb-header h3 {*/
/*    margin-bottom: 20px;*/
/*}*/

/* Two-column layout */
/*.cms-form.form-brandbestrateguarantee  {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

/*.cms-form.form-brandbestrateguarantee  > .form-group {*/
/*    width: 50%;*/
/*    padding: 10px;*/
/*    box-sizing: border-box;*/
/*}*/

/* Full width for headers */
/*.cms-form.form-brandbestrateguarantee  > .fb-header {*/
/*    width: 100%;*/
/*}*/

/*.textfield-delightfull-experience .right-align-content-delightful-experiecnce{*/
/*    padding-left:60px;*/
/*}*/

/*.intro-content.intro-absolute-content h2{*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: auto;*/
/*}*/

/* Responsive adjustments */
/*@media (max-width: 768px) {*/
/*    .cms-form.form-brandbestrateguarantee  > .form-group {*/
/*        width: 100%;*/
/*    }*/
/*}*/
/*.cms-form.form-brandbestrateguarantee  .fb-text-label {*/
/*	width: 100%;*/
/*	display: block;*/
/*}*/
/*.cms-form.form-brandbestrateguarantee  .form-control {*/
/*	width: 100%;*/
/*}*/

/*.cms-form.form-brandbestrateguarantee .flex-form-footer{*/
/*    width:50%;*/
/*}*/

/*.cms-form.form-brandbestrateguarantee .flex-form-footer label,*/
/*.cms-form.form-brandbestrateguarantee .flex-form-footer .flex-btn-group:last-child{*/
/*    float:left;*/
/*    text-align:left;*/
/*}*/

/*.cms-form.form-brandbestrateguarantee .flex-form-footer .field-privacy-field{*/
/*    margin-bottom:60px;*/
/*}*/

/*.cms-form.form-brandbestrateguarantee .flex-form-footer .flex-btn-group .field-reset-button{*/
/*    font-weight:bold;*/
/*}*/
/*.cms-form.form-brandbestrateguarantee .flex-form-footer .flex-btn-group .field-reset-button button:hover{*/
/*    color:var(--color-orange);*/
/*    border-color:var(--color-orange);*/
/*}*/

/*.cms-form.form-brandbestrateguarantee .flex-form-footer .flex-btn-group .field-submit-button{*/
/*    margin-right:var(--default-gap);*/
/*}*/
/*.cms-form.form-brandbestrateguarantee .flex-form-footer .flex-btn-group .field-reset-button:hover{*/
/*    color:var(--color-orange);*/
/*}*/
/*.cms-form.form-brandbestrateguarantee select option,*/
/*.cms-form.form-brandbestrateguarantee .fb-text-label,*/
/*.cms-form.form-brandbestrateguarantee .form-control{*/
/*    text-align:left;*/
/*    margin-left:15px;*/
/*}*/


@media (min-width: 1600px) {
    .r2g-rotator.r2g-rotator-main-strip-sw .arrows-wrapper.d-home-offers-nav {
        top:66%;
        transform: translateY(66%);
        z-index: 2;
        max-width:fit-content;
        right:0;
    }

    .d-home-offer-section.row.strip-row.r2g-rotator {
        height: 1005px
    }
}