/* Oluro Hoteling Business HTML Template */

/* 
	font-family: 'Manrope', sans-serif;
*/

@import url('global.css');
@import url('https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css');

:root {
    --primary-color: #19a2a1;
	--font-family:"Open Sans", sans-serif;
	--secondary-color:#363739;
	--border_radius:5px;
 }
body{
	font-family: var(--font-family)!important;
}
.main-slider{
	position:relative;
	overflow:hidden;
	background-color:var(--color-six);
}

.main-slider .slide{
	position:relative;
	overflow:hidden;
	background-size:cover;
}

.main-slider .slide:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.60;
	background-color:var(--black-color);
}

.main-slider .pattern-one{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:437px;
	opacity:0.60;
	background-repeat:repeat-x;
}

.main-slider .content-box{
	position:relative;
	padding:300px 0px 240px;
}

.main-slider .content-box .box-inner{
	position:relative;
	text-align:center;
}

.main-slider .helpline{
	position:absolute;
	left:0px;
	bottom:50px;
}

.main-slider .helpline .helpline-inner{
	position:relative;
	font-weight:700;
	border-radius:50px;
	padding:16px 36px 14px;
	font-size:var(--font-16);
	color:var(--white-color);
	border:1px solid var(--white-color);
}

.main-slider .helpline .helpline-inner a{
	position:relative;
	color:var(--white-color);
}

.main-slider .helpline .helpline-inner .icon{
	position:relative;
	top:2px;
	font-weight:400;
	line-height:1em;
	font-size:var(--font-26);
	margin-right:var(--margin-right-15);
}

.main-slider .color-one{
	position:absolute;
	left:10px;
	top:-90px;
	width:350px;
	height:350px;
	opacity:0.40;
	border-radius:50%;
	background-color:var(--main-color);
}

.main-slider .color-two{
	position:absolute;
	right:10px;
	bottom:-40px;
	width:350px;
	height:350px;
	opacity:0.40;
	border-radius:50%;
	background-color:var(--main-color);
}

.main-slider .title{
	position:relative;
	opacity: 0;
	font-weight:800;
	letter-spacing:3px;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--white-color);
	transform: translateX(180px);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	text-transform:uppercase;
	margin-bottom:var(--margin-bottom-40);
	padding-bottom:var(--padding-bottom-15);
}

.main-slider .title:before{
	position:absolute;
	content:'';
	left:50%;
	bottom:0px;
	width:105px;
	height:3px;
	transform:translateX(-50%);
	background-color:var(--color-three);
}

.main-slider .active .title{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}

.main-slider h1{
	color:var(--white-color);
	opacity: 0;
	text-transform:uppercase;
	transform: translateX(200px);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	margin-bottom:var(--margin-bottom-50);
}

.main-slider h1 a{
	color:var(--white-color);
	font-family:  "Open Sans", sans-serif;
}

.main-slider h1 a:hover{
	color:var(--main-color);
}

.main-slider .active h1{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms;
}

.main-slider .buttons-box{
	opacity:0;
	transform: translateX(200px);
	transform-origin: top;
	display:inline-block;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.main-slider .active .buttons-box{
	opacity: 1;
	transform: translateX(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.main-slider .owl-dots{
	position: absolute;
	left:50%;
	bottom: 70px;
	display: block;
	text-align:center;
	counter-reset:slides-num;
	transform:translateX(-50%);
}

.main-slider .owl-dots .owl-dot{
	position:relative;
	z-index:10;
	display: none;
	vertical-align: top;
	margin:0px 10px;
	counter-increment: slides-num;
}

.main-slider .owl-dots .owl-dot span{
	position: relative;
	content:"0" counter(slides-num) "";
	display: block;
	font-weight: 500;
	font-size: var(--font-18);
	color: var(--white-color);
	padding-bottom:5px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family:var(--font-family-Nova);
}

.main-slider .owl-dots .owl-dot span:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:2px;
	opacity:0;
	background-color: var(--white-color);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.main-slider .owl-dots .owl-dot:hover span:after,
.main-slider .owl-dots .owl-dot.active span:after{
	opacity:1;
}

.main-slider .owl-dots .owl-dot span:before{
	position: relative;
	content:"0" counter(slides-num) "";
}

.main-slider .owl-dots .owl-dot:hover span,
.main-slider .owl-dots .owl-dot.active span{
	color: var(--main-color);
	opacity:1;
}

.main-slider .owl-nav{
	position:absolute;
	left:50%;
	bottom:60px;
	width:100%;
	max-width:1170px;
	text-align:right;
	transform:translateX(-50%);
}

.main-slider .owl-nav .owl-prev{
	position:relative;
	line-height:1em;
	margin:0px 5px;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--white-color);
}

.main-slider .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.main-slider .owl-nav .owl-next{
	position:relative;
	line-height:1em;
	margin:0px 5px;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--white-color);
}

.main-slider .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

/*** 

====================================================================
	Hotel Section
====================================================================

***/

.hotel-section{
	position:relative;
	padding:120px 0px 90px;
}

.hotel-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hotel-section .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-55);
}

.hotel-section .content-column .text{
	max-width:460px;
}

.hotel-section .author-box{
	position:relative;
}

.hotel-section .author-box .box-inner{
	position:relative;
	font-weight:400;
	color:var(--black-color);
	text-transform:capitalize;
	font-size:var(--font-30);
	padding-top:var(--padding-top-15);
	font-family:var(--font-family-Nova);
	padding-left:var(--padding-left-100);
}

.hotel-section .author-box .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:90px;
	padding:7px 7px;
	overflow:hidden;
	border-radius:50%;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.hotel-section .author-box .author-image img{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:50%;
}

.hotel-section .author-box .designation{
	position:relative;
	display:block;
	font-size:var(--font-15);
	text-transform:capitalize; 
	margin-top:var(--margin-top-20);
	font-family: var(--font-family-Poppins);
}

.hotel-section .image-column{
	position:relative;
}

.hotel-section .image-column .inner-column{
	position:relative;
	text-align:right;
}

.hotel-section .image-two{
	position:absolute;
	left:-80px;
	top:190px;
}

.hotel-section .image-two .overlay-box{
	position:absolute;
	left:45px;
	top:45px;
	right:45px;
	bottom:45px;
	text-align:center;
	padding-top:var(--padding-top-35);
	background-color:var(--main-color);
}

.hotel-section .image-two .title{
	position:relative;
	font-weight:700;
	font-size:var(--font-16);
	color:var(--white-color);
}

.hotel-section .counter{
	position:relative;
	font-weight:400;
	line-height:1em;
	font-size:130px;
	color:var(--white-color);
	font-family:var(--font-family-Nova);
}

.hotel-section .years{
	position:relative;
	font-weight:400;
	line-height:1em;
	font-size:32px;
	margin-top:-15px;
	color:var(--white-color);
	font-family:var(--font-family-Nova);
}

.hotel-section .form-box{
	position:relative;
	margin-top:-100px;
	padding:25px 25px 10px;
	margin-right:var(--margin-right-40);
	background-color:var(--white-color);
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

/* Hotel Form */

.hotel-form{
	position: relative;
	padding-right:20px;
}

.hotel-form .form-group{
	position:relative;
	margin-bottom:5px;
	/* min-width: 210px; */
}

/* .hotel-form .form-group .icon {
    position: absolute;
    right: 20px;
    bottom: 12px;
    color: var(--color-two);
    font-size: var(--font-18);
} */

.hotel-form fieldset{
	position:relative;
	/* padding:18px 25px 25px; */
}

.hotel-form .form-group label{
	position: relative;
    display: block;
    line-height: 20px;
    font-weight: 500;
    letter-spacing: 1px;
    background: #ffffff;
    /* margin-bottom: 5px; */
    font-size: var(--font-13);
    color: var(--black-color);
    text-transform: uppercase;
}

.hotel-form .ui-selectmenu-button.ui-button,
.hotel-form .form-group input,
.hotel-form .form-group select,
.hotel-form .form-group textarea{
	position: relative;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 26px;
    font-weight: 400;
    color: rgb(255 255 255);
    font-size: var(--font-14);
    padding: 10px 20px 10px 15px;
    background-color: rgb(0 0 0 / 0%);
    border-radius: 0;
    border-bottom: 1px solid #FFFFFF;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.hotel-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	height:150px;
	resize:none;
}

.hotel-form .form-group input:focus,
.hotel-form .form-group select:focus,
.hotel-form .form-group textarea:focus{
	border-color:var(--main-color)
}

.hotel-form input[type="submit"],
.hotel-form button{
    font-weight: 700;
    border-radius: 0px;
	width: 100%;
    padding: 10px 35px;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--white-color);
	background-color: var(--primary-color);
    background-image: var(--primary-color);
    border-radius: 7px;
}

.hotel-form button:hover{
	background-color:var(--color-two);
}

/*** 

====================================================================
	Hospitality Section
====================================================================

***/

.hospitality-section{
	position:relative;
}

.hospitality-section .video-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hospitality-section .video-column .inner-column{
	position:relative;
	margin-left:-250px;
	padding-bottom:230px;
	padding-right:var(--padding-right-70);
}

.hospitality-section .quote-box{
	position:absolute;
	right:120px;
	bottom:0px;
	width:100%;
	max-width:370px;
	padding:45px 45px;
	background-color:var(--main-color);
}

.hospitality-section .quote-box .text{
	position:relative;
	font-weight:700;
	line-height:40px;
	font-size:var(--font-24);
	color:var(--white-color);
	margin-top:var(--margin-top-30);
}

/* Video Box */

.video-box{
	position:relative;
}

.video-box .video-image{
	position:relative;
	margin:0px;
	overflow:hidden;
	background-color:var(--main-color);
}

.video-box .video-image img{
	position:relative;
	width:100%;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-box:hover .video-image img{
	transform:scale(1.05,1.05);
	filter: grayscale(100%);
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
}

.video-box .overlay-box span{
	position: absolute;
	width:85px;
	height: 85px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -42px;
	margin-left:-42px;
	line-height:85px;
	border-radius:50%;
	font-family: "flaticon";
	font-size:var(--font-20);
	color: var(--white-color);
	padding-left:var(--padding-left-5);
	border:1px solid var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-box .overlay-box span:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:85px;
	height: 85px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.hospitality-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.hospitality-section .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-60);
}

.hospitality-section .content-column h4{
	font-weight:700;
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-20);
	font-family: var(--font-family-Poppins);
}

.hospitality-section .check-list{
	position:relative;
}

.hospitality-section .check-list li{
	position:relative;
	color:var(--color-four);
	font-size:var(--font-18);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-20);
}

.hospitality-section .check-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.hospitality-section .check-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.hospitality-section .content-column .image{
	position:relative;
	margin-top:var(--margin-top-35);
}

/*** 

====================================================================
	Accomodation Section
====================================================================

***/

.accomodation-section{
	position:relative;
	padding:70px 0px 110px;
}

.accomodation-section.style-two{
	padding:110px 0px 90px;
}

.accomodation-section .owl-dots{
	position:relative;
	text-align:center;
	top:10px;
	margin-top:var(--margin-top-30);
}

.accomodation-section .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height:20px;
	margin:0px 5px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.accomodation-section .owl-dots .owl-dot.active,
.accomodation-section .owl-dots .owl-dot:hover{
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.accomodation-section .owl-nav{
	position:relative;
	width:100%;
	max-width:300px;
	margin:0 auto;
	text-align:center;
	margin-top:var(--margin-top-30);
}

.accomodation-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.accomodation-section .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.accomodation-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.accomodation-section .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.room-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-block .inner-box{
	position:relative;
}

.room-block .image{
	position:relative;
	overflow:hidden;
	padding-bottom:var(--padding-bottom-35);
}

.room-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.room-block .overlay-box{
	position:absolute;
	left:0px;
	bottom:0px;
	right:30px;
	padding:40px 35px;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.room-block .upper-box{
	position:relative;
}

.room-block h3{
	
}

.room-block h3 a{
	color:var(--color-seven);
}

.room-block h3 a:hover{
	color:var(--main-color);
}

.room-block .price{
	position:relative;
	font-weight:700;
	letter-spacing:1px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--color-eight);
	margin-top:var(--margin-top-5);
}

.room-block .lower-box{
	position:relative;
	/* transform:scale(1,0); */
	margin-bottom:-140px;
	opacity:0;
	margin-top:var(--margin-top-25);
	padding-top:var(--padding-top-25);
	border-top:1px solid var(--color-six);
	background-color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.room-block .inner-box:hover .lower-box{
	opacity:1;
	margin-bottom:0px;
}

.room-block .options-list{
	position:relative;
}

.room-block .options-list li{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:var(--black-color);
	font-size:var(--font-18);
	background-color:var(--color-nine);
}

.room-block .review{
	position:relative;
	padding:4px 12px;
	color:var(--white-color);
	background-color:var(--main-color);
}

.room-block .review .fa{
	position:relative;
	margin-right:var(--margin-right-5);
}

.room-block .more{
	position:relative;
	font-weight:700;
	padding-bottom:2px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--black-color);
	margin-top:var(--margin-top-25);
	padding-right:var(--padding-right-60);
	border-bottom:1px solid var(--main-color);
}

.room-block .more:before{
	position:absolute;
	content:'';
	right:0px;
	top:3px;
	width:42px;
	height:14px;
	background:url(../public/images/icons/next-arrow.png) no-repeat;

}

.room-block .more:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	Resource Section
====================================================================

***/

.resource-section{
	position:relative;
	padding:100px 0px 0px;
}

.resource-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:80px;
	background-color:var(--color-five);
}

.resource-section .phone-box{
	position:relative;
	border-radius:50px;
	padding:15px 60px 15px 20px;
	background-color:var(--white-color);
	box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}

.resource-section .box-inner{
	position:relative;
	font-weight:700;
	color:var(--color-eight);
	font-size:var(--font-18);
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-80);
}

.resource-section .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:68px;
	height:68px;
	line-height:68px;
	text-align:center;
	border-radius:50px;
	font-weight:normal;
	font-size:var(--font-30);
	color:var(--white-color);
	background-color:var(--main-color);
}

.resource-section .box-inner a{
	position:relative;
	display:inline-block;
	color:var(--black-color);
	margin-top:var(--margin-top-10);
}

.resource-section .box-inner a:hover{
	color:var(--main-color);
}

/* Hotel Tabs */

.hotel-tabs{
	position:relative;
}

.hotel-tabs .tab-btns{
	position:absolute;
	left:0px;
	z-index:1;
	max-width:330px;
	width:100%;
	text-align:left;
}

.hotel-tabs .tab-btns .tab-btn{
	position:relative;
	font-weight:700;
	cursor:pointer;
	display:block;
	padding:18px 25px;
	color:var(--black-color);
	font-size:var(--font-18);
	background-color:var(--white-color);
	margin-bottom:var(--margin-bottom-15);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.hotel-tabs .tab-btns .tab-btn span{
	position:relative;
	top:-2px;
	color:var(--color-eight);
	font-size:var(--font-14);
	margin-right:var(--margin-right-10);
}

.hotel-tabs .tab-btns .tab-btn:hover,
.hotel-tabs .tab-btns .tab-btn.active-btn{
	color:var(--white-color);
	background-color:var(--main-color);
}

.hotel-tabs .tab-btns .tab-btn:hover span,
.hotel-tabs .tab-btns .tab-btn.active-btn span{
	color:var(--white-color);
}

.hotel-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	right:8px;
	top:0px;
	bottom:0px;
	width:6px;
	background-color:var(--white-color);
}

.hotel-tabs .tabs-content{
	position:relative;
	margin-left:400px;
}

.hotel-tabs .tabs-content .tab{
	position:relative;
	display:none;
}

.hotel-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.hotel-tabs .content{
	position:relative;
	max-width:400px;
	width:100%;
	padding:50px 50px;
	background-color:var(--color-two);
}

.hotel-tabs .number{
	position:relative;
	font-weight:800;
	color:var(--main-color);
	font-size:var(--font-20);
}

.hotel-tabs h4{
	margin-top:var(--margin-top-20);
	font-family: var(--font-family-Poppins);
}

.hotel-tabs h4 a{
	position:relative;
	color:var(--white-color);
}

.hotel-tabs .list{
	position:relative;
	margin-top:var(--margin-top-20);
}

.hotel-tabs .list li{
	position:relative;
	line-height:30px;
	color:var(--color-ten);
	font-size:var(--font-16);
	padding-left:var(--padding-left-25);
	margin-bottom:var(--margin-bottom-10);
}

.hotel-tabs .list li:before{
	position:absolute;
	content: "\f176";
	left:0px;
	top:0px;
	font-size:var(--font-10);
	font-family: "flaticon";
}

.hotel-tabs .list li:last-child{
	margin-bottom:var(--margin-zero);
}

.hotel-tabs .more{
	position:relative;
	font-weight:700;
	display:inline-block;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-top:var(--margin-top-60);
	padding-right: var(--padding-right-60);
	border-bottom:1px solid var(--main-color);
}

.hotel-tabs .more:before{
    position: absolute;
    content: '';
    right: 0px;
    top: 3px;
    width: 42px;
    height: 14px;
    background: url(../public/images/icons/next-arrow-white.png) no-repeat;
}

.hotel-tabs h4 a:hover,
.hotel-tabs .more:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	Facility Section
====================================================================

***/

.facility-section{
	position:relative;
	overflow:hidden;
	padding:110px 0px 40px;
}

.facility-section .row{
	margin:0px -40px;
}

.facility-section .column{
	padding:0px 40px;
}

.facility-section .column:nth-child(2){
	margin-top:var(--margin-top-60);
}

.facility-section .column:nth-child(3){
	margin-top:var(--margin-top-120);
}

.facility-section .image{
	position:relative;
	margin-bottom:var(--margin-bottom-60);
}

.facility-section .image img{
	position:relative;
	width:100%;
	display:block;
}

.hotel-block{
	position:relative;
	margin-bottom:var(--margin-bottom-60);
}

.hotel-block .inner-box{
	position:relative;
	padding:40px 30px;
	border:1px solid rgba(var(--black-color-rgb), 0.10);
}

.hotel-block .icon-box{
	position:relative;
	display:block;
}

.hotel-block .icon-box .icon{
	position:relative;
	line-height:1em;
	color:var(--main-color);
	font-size:var(--font-70);
}

.hotel-block .icon-box:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:10px;
	width:50px;
	height:50px;
	border-radius:50px;
	background-color:var(--color-five);
}

.hotel-block h4{
	font-weight:700;
	display:inline-block;
	font-size:var(--font-24);
	margin-top:var(--margin-top-15);
	font-family: var(--font-family-Poppins);
}

.hotel-block h4 a{
	position:relative;
	color:var(--black-color);
}

.hotel-block h4 a:hover{
	color:var(--main-color);
}

.hotel-block .text{
	position:relative;
	color:var(--color-four);
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section{
	position:relative;
	padding:100px 0px 70px;
	background-color:var(--color-five);
}

.price-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.price-block .inner-box{
	position:relative;
}

.price-block .content-column{
	position:relative;
}

.price-block .content-column .inner-column{
	position:relative;
	padding:40px 40px;
	background-color:var(--white-color);
	box-shadow:0px 10px 15px rgba(0,0,0,0.04);
}

.price-block .price{
	position:relative;
	line-height:1em;
	color:var(--main-color);
	font-size:var(--font-50);
	font-family:var(--font-family-Nova);
}

.price-block .price span{
	position:relative;
	font-weight:500;
	font-size:var(--font-18);
	color:var(--black-color);
}

.price-block h3{
	font-size:var(--font-32);
	margin-bottom:var(--margin-bottom-25);
}

.price-block h3 a{
	position:relative;
	color:var(--color-eleven);
}

.price-block h3 a:hover{
	color:var(--main-color);
}

.price-block .options-list{
	position:relative;
}

.price-block .options-list li{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-three);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.price-block .options-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.price-block .options-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.price-block .button-box{
	position:relative;
	margin-top:var(--margin-top-30);
}

.price-block .image-column{
	position:relative;
}

.price-block .image-column .inner-column{
	position:relative;
}

.price-block .image-column .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.price-block .image-column .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.price-block .inner-box:hover .image-column .image img{
	opacity:0.70;
	transform:scale(1.04,1.04) rotate(1deg);
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section{
	position:relative;
	padding:100px 0px 70px;
	background-attachment:fixed;
	background-size:cover;
	background-position:center center;
}

.testimonial-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.40;
	background-color:var(--black-color);
}

.testimonial-section .title-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-section .title-column .inner-column{
	position:relative;
}

.testimonial-section .title-column .icon{
	position:relative;
}

.testimonial-section .carousel-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.testimonial-section .carousel-column .inner-column{
	position:relative;
	padding:50px 50px;
	background-color:rgba(var(--color-two-rgb), 0.90);
}

.testimonial-section .owl-nav{
	position:absolute;
	right:30px;
	bottom:0px;
}

.testimonial-section .owl-nav .owl-prev{
	position:relative;
	line-height:1em;
	margin:0px 5px;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-section .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	border-radius:50px;
	display:inline-block;
	border:2px solid var(--white-color);
}

.testimonial-section .owl-nav .owl-next{
	position:relative;
	line-height:1em;
	margin:0px 5px;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-section .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	border-radius:50px;
	display:inline-block;
	border:2px solid var(--white-color);
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
	color:var(--main-color);
}

.testimonial-block{
	position:relative;
}

.testimonial-block .inner-box{
	position:relative;
}

.testimonial-block .rating{
	position:relative;
	color:var(--main-color);
	margin-bottom:var(--margin-bottom-25);
}

.testimonial-block .text{
	position:relative;
	line-height:40px;
	font-size:var(--font-22);
	color:var(--white-color);
	margin-bottom:var(--margin-bottom-25);
}

.testimonial-block .author{
	position:relative;
	font-weight:700;
	font-size:var(--font-22);
	color:var(--white-color);
}

.testimonial-block .author span{
	position:relative;
	display:block;
	font-weight:400;
	font-size:var(--font-16);
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section{
	position:relative;
	padding:100px 0px 70px;
}

.news-block{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.news-block .inner-box{
	position:relative;
	box-shadow:0px 0px 15px rgba(0,0,0,0.07);
	border:1px solid rgba(var(--black-color-rgb), 0.07);
}

.news-block .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.news-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.04,1.04) rotate(1deg);
}

.news-block .content-box{
	position:relative;
	padding:0px 40px;
}

.news-block .post-date{
	position:relative;
	width:70px;
	height:96px;
	font-weight:700;
	text-align:center;
	padding-top:17px;
	font-size:var(--font-30);
	color:var(--white-color);
	background-color:var(--main-color);
}

.news-block .post-date span{
	position:relative;
	font-weight:400;
	display:block;
	font-size:var(--font-14);
	text-transform:uppercase;
	margin-top:var(--margin-top-5);
}

.news-block h4{
	font-weight:600;
	text-transform:capitalize;
	margin-top:var(--margin-top-35);
	font-family: var(--font-family-Poppins);
}

.news-block h4 a{
	color:var(--black-color);
}

.news-block h4 a:hover{
	color:var(--main-color);
}

.news-block .text{
	max-width:350px;
	margin-top:var(--margin-top-15);
}

.news-block .read-more{
	position:relative;
	font-weight:700;
	display:inline-block;
	color:var(--black-color);
	margin-top:var(--margin-top-40);
	border-bottom:1px solid var(--main-color);
}

.news-block .read-more:hover{
	color:var(--main-color);
}

/* News Block Two */

.news-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.news-block-two .inner-box{
	position:relative;
	padding:50px 40px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.07);
	border:1px solid rgba(var(--black-color-rgb), 0.07);
}

.news-block-two .content-box{
	position:relative;
}

.news-block-two .post-date{
	position:relative;
	width:70px;
	height:96px;
	font-weight:700;
	text-align:center;
	padding-top:17px;
	font-size:var(--font-30);
	color:var(--white-color);
	background-color:var(--black-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.news-block-two .inner-box:hover .post-date{
	background-color:var(--main-color);
}

.news-block-two .post-date span{
	position:relative;
	font-weight:400;
	display:block;
	font-size:var(--font-14);
	text-transform:uppercase;
	margin-top:var(--margin-top-5);
}

.news-block-two h4{
	font-weight:600;
	text-transform:capitalize;
	margin-top:var(--margin-top-35);
	font-family: var(--font-family-Poppins);
}

.news-block-two h4 a{
	color:var(--black-color);
}

.news-block-two h4 a:hover{
	color:var(--main-color);
}

.news-block-two .text{
	max-width:350px;
	margin-top:var(--margin-top-15);
}

.news-block-two .read-more{
	position:relative;
	font-weight:700;
	display:inline-block;
	color:var(--black-color);
	margin-top:var(--margin-top-40);
	border-bottom:1px solid var(--main-color);
}

.news-block-two .read-more:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section{
	position:relative;
	padding-bottom:var(--padding-bottom-120);
}

.gallery-section .sec-title h2{
	font-size:var(--font-45);
	margin-top:var(--margin-zero);
	margin-bottom:var(--margin-bottom-10);
}

.gallery-section.style-two{
	padding-top:var(--padding-top-110);
}

.gallery-section .auto-container{
	position:relative;
}

.gallery-section .inner-container{
	position:relative;
	height:710px;
}

.gallery-section .title-box{
	position:relative;
	width:100%;
}

.gallery-section .outer-container{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.gallery-section .gallery-block:nth-child(1){
	position:relative;
	left:200px;
	top:0px;
	display:inline-block;
}

.gallery-section .gallery-block:nth-child(2){
	position:absolute;
	left:0px;
	top:210px;
	display:inline-block;
}

.gallery-section .gallery-block:nth-child(3){
	position:absolute;
	left:120px;
	bottom:0px;
	display:inline-block;
}

.gallery-section .gallery-block:nth-child(4){
	position:absolute;
	left:500px;
	bottom:55px;
	display:inline-block;
}

.gallery-section .gallery-block:nth-child(5){
	position:absolute;
	right:290px;
	top:0px;
	display:inline-block;
}

.gallery-section .gallery-block:nth-child(6){
	position:absolute;
	right:0px;
	top:125px;
	display:inline-block;
}

.gallery-section .gallery-block:nth-child(7){
	position:absolute;
	right:145px;
	bottom:140px;
	display:inline-block;
}

.gallery-block{
	position:relative;
}

.gallery-block .inner-box{
	position:relative;
	overflow:hidden;
}

.gallery-block .image{
	position:relative;
}

.gallery-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block .inner-box:hover .image img{
	filter: grayscale(100%);
	transform:scale(1.04,1.04);
}

.gallery-block .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	display:flex;
	align-items: center;
	justify-content: center;
	
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.gallery-block .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:25%;
	right:0px;
	bottom:0px;
	z-index:1;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,0.50)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
}

.gallery-block .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-block .plus{
	position:relative;
	width:50px;
	height:50px;
	z-index:1;
	line-height:50px;
	text-align:center;
	font-size:var(--font-18);
	color:var(--white-color);
	font-family: "flaticon";
	background-color:var(--main-color);
}

.ui-datepicker td a{
	text-align:center;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/

.banner-section{
	position:relative;
	padding:180px 0px 60px;
	background-color:var(--color-thirteen);
}

.banner-section .carousel-box{
	position:relative;
}

.banner-section h2{
	color:var(--white-color);
}

.banner-section .text{
	font-size:var(--font-18);
	color:var(--color-fourteen);
	margin-top:var(--margin-top-20);
}

.banner-section .image .review-box{
	position:absolute;
	right:30px;
	bottom:30px;
	padding:12px 20px;
	display:inline-block;
	background-color:var(--white-color);
}

.banner-section .image .review-box .fa{
	position:relative;
	color:var(--main-color);
}

.banner-section .owl-dots{
	position: absolute;
	left:210px;
	bottom: 12px;
	display: block;
	text-align:center;
	counter-reset:slides-num;
}

.banner-section .owl-dots .owl-dot{
	position:relative;
	z-index:10;
	display: inline-block;
	vertical-align: top;
	margin:0px 10px;
	counter-increment: slides-num;
}

.banner-section .owl-dots .owl-dot span{
	position: relative;
	content:"0" counter(slides-num) "";
	display: block;
	font-weight: 500;
	font-size: var(--font-18);
	color: var(--white-color);
	padding-bottom:5px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
	font-family:var(--font-family-Nova);
}

.banner-section .owl-dots .owl-dot span:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	right:0px;
	height:2px;
	opacity:0;
	background-color: var(--white-color);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.banner-section .owl-dots .owl-dot:hover span:after,
.banner-section .owl-dots .owl-dot.active span:after{
	opacity:1;
}

.banner-section .owl-dots .owl-dot span:before{
	position: relative;
	content:"0" counter(slides-num) "";
}

.banner-section .owl-dots .owl-dot:hover span,
.banner-section .owl-dots .owl-dot.active span{
	color: var(--main-color);
	opacity:1;
}

.banner-section .owl-nav{
	position:absolute;
	left:30px;
	bottom:0px;
}

.banner-section .owl-nav .owl-prev{
	position:relative;
	line-height:1em;
	margin:0px 5px;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--white-color);
}

.banner-section .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.banner-section .owl-nav .owl-next{
	position:relative;
	line-height:1em;
	margin:0px 5px;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--white-color);
}

.banner-section .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--white-color);
}

.banner-section .form-box{
	position:relative;
	margin-top:var(--margin-top-80);
}

.banner-section .form-box .hotel-form fieldset{
	background:none;
	padding:var(--padding-zero);
}

.banner-section .form-box .hotel-form .form-group label{
	color:var(--white-color);
}

.banner-section .hotel-form .form-group .icon{
	right:20px;
	bottom:10px;
}

.banner-section .hotel-form input[type="submit"],
.banner-section .hotel-form button{
	font-weight:500;
	padding:10px 16px;
	bottom:16px;
	top:auto;
	border-radius:3px;
}

/*** 

====================================================================
	Options Section
====================================================================

***/

.options-section{
	position:relative;
	padding:100px 0px 100px;
}

.options-section .option-block{
	width:20%;
	float:left;
}

.options-section .option-block:nth-child(2n+0) .inner-box{
	background-color:var(--white-color);
}

.options-section .option-block:nth-child(6){
	margin-left:254px;
}

.options-section .option-block:nth-child(7) .inner-box{
	background-color:var(--white-color);
}

.options-section .option-block:nth-child(6) .inner-box,
.options-section .option-block:nth-child(8) .inner-box{
	background-color:var(--color-five);
}

.options-section .lower-box{
	position:relative;
	margin-top:var(--margin-top-60);
}

.options-section .lower-box .text{
	position:relative;
	color:var(--color-four);
	font-size:var(--font-18);
}

.options-section .booking{
	position:relative;
	color:var(--black-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-25);
}

.options-section .booking span{
	position:relative;
	font-weight:700;
	border-bottom:3px solid var(--main-color);
}

.options-section .booking span a{
	position:relative;
	color:var(--black-color);
}

.options-section .booking span a:hover{
	color:var(--main-color);
}

.option-block{
	position:relative;
}

.option-block .overlay-link{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
}

.option-block .inner-box{
	position:relative;
	padding:40px 15px;
	text-align:center;
	background-color:var(--color-five);
}

.option-block .icon{
	position:relative;
	line-height:1em;
	color:var(--black-color);
	font-size:var(--font-50);
}

.option-block h6{
	color:var(--black-color);
	text-transform:capitalize;
	margin-top:var(--margin-top-10);
	font-family: var(--font-family-Poppins);
}

/*** 

====================================================================
	Cards Section
====================================================================

***/

.cards-section{
	position:relative;
	padding:0px 0px 50px;
}

.cards-section .left-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.cards-section .left-column .inner-column{
	position:relative;
	text-align:right;
}

.cards-section .gallery-block{
	display:inline-block;
	margin-bottom:var(--margin-bottom-30);
}

.cards-section .video-box{
	display:inline-block;
	margin-bottom:var(--margin-bottom-30);
}

.cards-section .right-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.cards-section .right-column .inner-column{
	position:relative;
}

.cards-section .right-column .gallery-block{
	margin-top:var(--margin-top-70);
}

.cards-section.style-two .card-block{
	margin-top:var(--margin-top-60);
	margin-left:-130px;
}

.card-block{
	position:relative;
}

.card-block .inner-box{
	position:relative;
	padding:50px 70px 60px;
	max-width:560px;
	background-color:var(--color-two);
}

.card-block h1{
	font-weight:400;
	color:var(--white-color);
}

.card-block h1 a{
	color:var(--white-color);
}

.card-block h1 a:hover{
	color:var(--main-color);
}

.card-block .text{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-15);
}

.card-block .button-box{
	position:relative;
	margin-top:var(--margin-top-35);
}

/*** 

====================================================================
	Rooms Section
====================================================================

***/

.rooms-section{
	position:relative;
	padding:100px 0px 100px;
	background-color:var(--color-five);
}

.rooms-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:50%;
	bottom:0px;
	background-color:var(--main-color);
}

.rooms-section .room-content{
	position:absolute;
	left:30px;
	bottom:30px;
	max-width:490px;
	width:100%;
	padding:40px 40px;
	background-color:var(--white-color);
}

.rooms-section .room-content h2{
	font-size:var(--font-45);
}

.rooms-section .room-content h2 a{
	position:relative;
	color:var(--black-color);
}

.rooms-section .room-content h2 a:hover{
	color:var(--main-color);
}

.rooms-section .room-content .price{
	position:relative;
	font-weight:700;
	letter-spacing:3px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--color-eight);
}

.rooms-section .room-content .price span{
	position:relative;
	color:var(--main-color);
}

.rooms-section .room-content .text{
	position:relative;
	font-weight:400;
	font-size:var(--font-16);
	color:var(--color-four);
	margin-top:var(--margin-top-20);
}

.rooms-section .room-content .lower-box{
	position:relative;
	margin-top:var(--margin-top-20);
	padding-top:var(--padding-top-25);
	border-top:1px solid rgba(var(--black-color-rgb), 0.12);
}

.rooms-section .room-content .lower-box .options{
	position:relative;
}

.rooms-section .room-content .lower-box .options li{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-18);
	color:var(--black-color);
	margin-right:var(--margin-right-5);
	background-color:var(--color-nine);
}

.rooms-section .room-content .lower-box .rating{
	position:relative;
	padding:5px 15px;
	display:inline-block;
	color:var(--white-color);
	background-color:var(--main-color);
}




.vehicle-detail-banner .car-slider-desc {
    max-width: 180px;
    margin: 0 auto;
}
.banner-slider .slider.slider-for {
    max-width: 80%;
    padding-left: 35px;
}
.banner-slider .slider.slider-nav {
    max-width: 20%;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
    width: 100%;
    float: left;
}
.banner-slider .slider.slider-nav {
    height: 593px;
    overflow: hidden;

}
.slider-banner-image {
    height: 610px;
}
.banner-slider .slider.slider-nav {
    padding: 35px 0 35px;
	margin-top:10px;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{
	position:relative;
	cursor:pointer;
    max-width: 254px;
	margin-bottom:30px;
}

.slider-nav .slick-slide.thumbnail-image .thumbImg:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.50;
	background-color:var(--black-color);
}

.slider-nav .slick-slide.slick-current .thumbImg:after{
	position:absolute;
	content:"\f101";
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-11px;
	color:var(--white-color);
	font-size: var(--font-26);
	font-family: 'FontAwesome';
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}

.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
    height: 100%;
    width:100%;
    object-fit: cover;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
    border: 0;
    outline: 0;
}

/* .slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
    border: 2px solid #196DB6;
}
*/

.slider-nav .slick-slide.slick-current span {
    opacity:0;
} 
.slider-nav .slick-slide {
	position:relative;
    text-align: center;
	border:none;
}
.slider-nav .slick-slide span {
	position:absolute;
	left:20px;
	bottom:50px;
	z-index:10;
    display: block;
	font-size: var(--font-16);
	color:var(--white-color);
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.slick-arrow {
    /* width: 100%; */
    background-color: transparent;
    border: 0;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    height: 21px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}
.image_class_slider .slick-prev {
   /* bottom: 0px; */
   left:-100px;
   display: none!important;
}
.image_class_slider .slick-next {
   /* bottom: 0px; */
   left:100px;
   display: none!important;
}
.slick-prev.slick-arrow {
    background-image: url(../images/icons/slick-arrow-up.png);
}
.slick-next.slick-arrow {
    background-image: url(../images/icons/slick-arrow-down.png);
}
/*End USE CSS for Slider*/

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

	.banner-slider .slider.slider-for,
	.banner-slider .slider.slider-nav {
	    max-width: 100%;
	    float: none;
	}
	.banner-slider .slider.slider-for {
		padding-right: 0;
	}
	.banner-slider .slider.slider-nav {
		height: auto;
	}
	.slider-banner-image {
	    height: 500px;
	} 
	.slider.slider-nav.thumb-image {
        padding: 10px 30px 0;
	}
	.slider-nav .slick-slide span {
		padding: 5px 0;
	}
	.slick-arrow {
		padding: 0;
	    width: 30px;
	    height: 30px;
	    top: 50%;
	    bottom: 0;
	    -webkit-transform: translateY(-50%) rotate(-90deg);
	    -moz-transform: translateY(-50%) rotate(-90deg);
	    -ms-transform: translateY(-50%) rotate(-90deg);
	    transform: translateY(-50%) rotate(-90deg);
	}
	.slick-prev {
	    left: 0;
	    right: unset;
	}
	.slick-next {
	    left: unset;
	    right: 0;
   		background-color: transparent;
	}
	.vehicle-detail-banner .car-slider-desc {
    	max-width: 340px;
	}
	.bid-tag {
    	padding: 10px 0 15px;
	}
	.slider.slider-nav.thumb-image {
	   white-space: nowrap;
	}
	.thumbnail-image.slick-slide {
		padding: 0px 5px;
		min-width: 75px;
		display: inline-block;
		float: none;
	}
}

@media screen and (max-width : 767px) {
	.slider-banner-image {
	    height: 400px;
	}
	.slider.slider-nav.thumb-image {
    	padding: 0px 20px 0;
    	margin: 10px 0px 0;
	}
	.slider-nav .slick-slide.thumbnail-image .thumbImg {
		max-width: 140px;
		height: 80px;
	}
	.slick-prev.slick-arrow {
    	background-position: center 10px;
	}
	.slick-next.slick-arrow {
    	background-position: center 10px, center;
	}
	.slider-nav .slick-slide span {
	    font-size: 12px;
	    white-space: normal;
	}
}

@media screen and (max-width: 580px) {
	.slider-banner-image {
	    height:340px;
	}
}

@media screen and (max-width : 480px) {
	.slider-banner-image {
	    height:280px;
	}
}

/*** 

====================================================================
	Events Section
====================================================================

***/

.events-section{
	position:relative;
	padding:100px 0px 130px;
}

.events-section .event-block{
	transform:scale(0.80,0.80);
}

.events-section .owl-carousel .owl-stage-outer .owl-item.center .event-block{
	transform:scale(1,1);
}

.events-section .owl-carousel .owl-stage-outer .owl-item.center .event-block .upper-content{
	transform:translateY(0px);
}

.events-section .owl-carousel .owl-stage-outer .owl-item.center .event-block .lower-content{
	opacity:1;
}

.events-page-section{
	position:relative;
	padding:100px 0px 80px;
}

.team-page-section{
	position:relative;
	padding:100px 0px 80px;
}

.events-section .owl-dots{
	position:relative;
	text-align:center;
	top:10px;
	margin-top:var(--margin-top-30);
}

.events-section .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height:20px;
	margin:0px 5px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.events-section .owl-dots .owl-dot.active,
.events-section .owl-dots .owl-dot:hover{
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.events-section .owl-nav{
	position:relative;
	width:100%;
	max-width:300px;
	margin:0 auto;
	text-align:center;
	margin-top:var(--margin-top-30);
}

.events-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.events-section .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.events-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.events-section .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

/* Event Block */

.event-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.event-block .inner-box{
	position:relative;
}

.event-block .image{
	position:relative;
}

.event-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.event-block .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.50;
	z-index:1;
	background-color:var(--black-color);
}

.event-block .overlay-box{
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	z-index:1;
}

.event-block .overlay-box .overlay-inner{
	position:relative;
	padding:0px 30px 30px;
}

.event-block .overlay-box h3{
	line-height:40px;
}

.event-block .overlay-box h3 a{
	color:var(--white-color);
}

.event-block .overlay-box h3 a:hover{
	color:var(--main-color);
}

.event-block .post-date{
	position:relative;
	display:inline-block;
	color:var(--white-color);
	text-transform:uppercase;
	font-size: var(--font-16);
	margin-top:var(--margin-top-20);
	border-bottom:3px solid var(--main-color);
}

.event-block .location{
	position:relative;
	color:var(--white-color);
	font-size: var(--font-16);
	margin-top:var(--margin-top-15);
	padding-left:var(--padding-left-30);
}

.event-block .location:before{
	position:absolute;
	content: "\f1c5";
	left:0px;
	top:-1px;
	font-family: "flaticon";
	font-size: var(--font-18);
}

.event-block .upper-content{
	position:relative;
	transform:translateY(80px);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.event-block .lower-content{
	position:relative;
	opacity:0;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.event-block .inner-box:hover .upper-content{
	transform:translateY(0px);
}

.event-block .inner-box:hover .lower-content{
	opacity:1;
}

/*** 

====================================================================
	Offer Section
====================================================================

***/

.offer-section{
	position:relative;
	padding-bottom:var(--padding-bottom-70);
}

.offer-section.style-two{
	padding-top:var(--padding-top-100);
}

.offer-section .rate{
	position:relative;
	font-weight:700;
	letter-spacing:1px;
	color:var(--black-color);
	text-transform:uppercase;
	padding-left:var(--padding-left-30);
	margin-bottom:110px;
}

.offer-section .rate:before{
	position:absolute;
	content: "\f148";
	left:0px;
	top:-2px;
	font-family: "flaticon";
}

.offer-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.offer-block .inner-box{
	position:relative;
	padding:50px 50px 50px 0px;
}

.offer-block .inner-box:before{
	position:absolute;
	content:'';
	left:110px;
	top:0px;
	right:0px;
	bottom:0px;
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.offer-block .content{
	position:relative;
	padding-left:265px;
}

.offer-block .image{
	position:absolute;
	left:0px;
	top:0px;
	width:220px;
	height:220px;
	overflow:hidden;
	border-radius:50%;
	outline: 1px dashed var(--white-color);
	outline-offset: -7px;
}

.offer-block h3{
	font-size:var(--font-32);
}

.offer-block h3 a{
	color:var(--black-color);
}

.offer-block h3 a:hover{
	color:var(--main-color);
}

.offer-block h3 span{
	display:block;
	color:var(--main-color);
}

.offer-block .text{
	color:var(--color-four);
	margin-top:var(--margin-top-15);
}

.offer-block .sub-title{
	position:relative;
	font-weight:700;
	letter-spacing:1px;
	display:inline-block;
	color:var(--black-color);
	font-size:var(--font-14);
	text-transform:uppercase;
	margin-top:var(--margin-top-15);
	border-bottom:1px solid var(--black-color);
	font-family: var(--font-family-Poppins);
}

.offer-block .options{
	position:relative;
	margin-top:var(--margin-top-20);
}

.offer-block .options li{
	position:relative;
	font-size: var(--font-16);
    color: var(--color-three);
    padding-left: var(--padding-left-30);
    margin-bottom: var(--margin-bottom-15);
}

.offer-block .options li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	font-weight:700;
	font-family: "flaticon";
	color:var(--main-color);
}

.offer-block .options li:last-child{
	margin-bottom:var(--margin-zero);
}

.offer-section .right-column .offer-block:first-child{
	margin-top:-300px;
}

/*** 

====================================================================
	Newsletter Section
====================================================================

***/

.newsletter-section{
	position:relative;
	background-attachment:fixed;
	background-size:cover;
}

.newsletter-section .top-color-layer{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	height:50px;
	background-color:var(--white-color);
}

.newsletter-section .bottom-color-layer{
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	height:50px;
	background-color:var(--white-color);
}

.newsletter-section .content{
	position:relative;
	max-width:510px;
	width:100%;
	padding:110px 40px 110px;
	background-color:var(--color-two);
}

.newsletter-section .icon-box{
	position:relative;
	text-align:center;
}

.newsletter-section .icon-box .icon{
	position:relative;
	line-height:1em;
	z-index:1;
	display:inline-block;
	color:var(--main-color);
	font-size:var(--font-60);
}

.newsletter-section .icon-box .icon:after{
	position:absolute;
	content:'';
	right:-20px;
	top:-10px;
	z-index:-1;
	width:40px;
	height:40px;
	opacity:0.20;
	border-radius:50px;
	background-color:var(--main-color);
}

.newsletter-section .text{
	text-align:center;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	color:var(--color-fifteen);
	margin-top:var(--margin-top-30);
}

.newsletter-section h2{
	line-height:60px;
	text-align:center;
	color:var(--white-color);
	text-transform:uppercase;
	font-size:var(--font-45);
	margin-top:var(--margin-top-20);
}

.newsletter-section .newsletter-box{
	margin-top:var(--margin-top-20);
}

/* Newsletter Box */

.newsletter-box{
	position:relative;
}

.newsletter-box .form-group{
	position:relative;
	margin:0px;
	width:100%;
	max-width:100%;
	text-align:center;
}

.newsletter-box .form-group input[type="text"],
.newsletter-box .form-group input[type="email"]{
	position:relative;
	line-height:43px;
	display:block;
	height:65px;
	width:100%;
	border-radius:0px;
	box-shadow:inherit;
	text-align:center;
	font-size:var(--font-14);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	padding:10px 15px 10px 15px;
	color:var(--white-color);
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border-bottom:4px solid rgba(var(--white-color-rgb), 0.30);
}

.newsletter-box .form-group input::placeholder,
.newsletter-box .form-group textarea::placeholder{
	color:var(--color-twelve);
}

.newsletter-box .form-group button{
	padding:14px 44px;
	margin-top:var(--margin-top-30);
}

.newsletter-box .form-group button:hover{
	
}

/*** 

====================================================================
	News Section Two
====================================================================

***/

.news-section-two{
	position:relative;
	padding:100px 0px 70px;
}

/* News Block Three */

.news-block-three{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.news-block-three .inner-box{
	position:relative;
}

.news-block-three .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.news-block-three .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.news-block-three .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.04,1.04) rotate(1deg);
}

.news-block-three .lower-content{
	position:relative;
	padding-top:var(--padding-top-30);
}

.news-block-three h3{
	font-weight:400;
}

.news-block-three h3 a{
	position:relative;
	color:var(--black-color);
}

.news-block-three h3 a:hover{
	color:var(--main-color);
}

.news-block-three .text{
	color:var(--black-color);
	margin-top:var(--margin-top-15);
	margin-bottom:var(--margin-bottom-20);
}

/* News Block Four */

.news-block-four{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.news-block-four .inner-box{
	position:relative;
}

.news-block-four .image{
	position:relative;
}

.news-block-four .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-block-four .overlay-box{
	position:absolute;
	left:40px;
	bottom:40px;
	max-width:590px;
	width:100%;
	padding:30px 40px;
	background-color:rgba(var(--color-two-rgb), 0.90);
}

.news-block-four .rating{
	position:relative;
	color:var(--main-color);
}

.news-block-four .restaurants{
	position:relative;
	font-size:var(--font-14);
	color:var(--color-sixteen);
	text-decoration:underline;
	margin-left:var(--margin-left-20);
}

.news-block-four h2{
	font-weight:400;
	margin-top:var(--margin-top-15);
}

.news-block-four h2 a{
	position:relative;
	color:var(--white-color);
}

.news-block-four h2 a:hover{
	color:var(--main-color);
}

.news-block-four .text{
	font-size:var(--font-16);
	color:var(--color-sixteen);
	margin-top:var(--margin-top-10);
}

/*** 

====================================================================
	Instagram Section
====================================================================

***/

.instagram-section{
	position:relative;
	padding:0px 0px 100px;
}

.instagram-section .title-box{
	position:relative;
	text-align:center;
	margin-bottom:var(--margin-bottom-40);
}

.instagram-section .title-box h3{
	position:relative;
	color:var(--black-color);
}

.instagram-section .title-box .text{
	position:relative;
	font-size:var(--font-16);
	color:var(--black-color);
	margin-top:var(--margin-top-5);
}

.instagram-section .outer-container{
	position:relative;
	max-width:1730px;
	margin:0 auto;
	padding:0px 15px;
}

.instagram-section .owl-dots,
.instagram-section .owl-nav{
	display:none;
}

.gallery-block-two{
	position:relative;
}

.gallery-block-two .inner-box{
	position:relative;
	overflow:hidden;
}

.gallery-block-two .image{
	position:relative;
}

.gallery-block-two .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-two .inner-box:hover .image img{
	filter: grayscale(100%);
	transform:scale(1.04,1.04);
}

.gallery-block-two .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	display:flex;
	align-items: center;
	justify-content: center;
	
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.gallery-block-two .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:25%;
	right:0px;
	bottom:0px;
	z-index:1;
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100, rgba(0,0,0,0.50)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.50) 100%);
}

.gallery-block-two .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-block-two .plus{
	position:relative;
	width:50px;
	height:50px;
	z-index:1;
	line-height:50px;
	text-align:center;
	font-size:var(--font-18);
	color:var(--white-color);
	font-family: "flaticon";
	background-color:var(--main-color);
}

.gallery-block-two .icon{
	position:absolute;
	right:10px;
	bottom:10px;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:50px;
	text-align:center;
	display:inline-block;
	font-size:var(--font-20);
	color:var(--black-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background-color:var(--white-color);
}

.gallery-block-two .inner-box:hover .icon{
	opacity:0;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two{
	position:relative;
	padding-top:var(--padding-top-110);
}

.banner-section-two:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:95px;
	background-color:var(--color-five);
}

.banner-section-two .form-box{
	position:relative;
	margin:0px 30px;
	z-index:10;
	padding:30px 35px 25px;
	border-color:var(--white-color);
	background-color:var(--white-color);
}

.banner-section-two .hotel-form fieldset{
	padding:var(--padding-zero);
	background-color:var(--white-color);
}

.banner-section-two .hotel-form .form-group .icon{
	right:20px;
	bottom:9px;
}

.banner-section-two .hotel-form button{
    font-weight: 500;
    padding: 10px 36px;
    bottom: 16px;
    top: auto;
    border-radius: 2px;
}

.banner-section-two .carousel-box{
	position:relative;
	margin-top:-70px;
}

.banner-section-two .carousel-box .overlay-box{
	position:absolute;
	right:30px;
	bottom:30px;
	max-width:500px;
	width:100%;
	padding:40px 40px;
	background-color:rgba(var(--color-two-rgb), 0.90);
}

.banner-section-two .carousel-box h5{
	position:relative;
}

.banner-section-two .carousel-box h5 a{
	position:relative;
	color:var(--white-color);
}

.banner-section-two .carousel-box .button-box{
	position:relative;
	margin-top:var(--margin-top-20);
}

.banner-section-two .carousel-box .reserve{
	position:relative;
	letter-spacing:2px;
	display:inline-block;
	text-transform:uppercase;
	font-size:var(--font-14);
	color:var(--white-color);
	margin-top:var(--margin-top-25);
	border-bottom:1px solid var(--white-color);
}

.banner-section-two .carousel-box .owl-dots,
.banner-section-two .carousel-box .owl-nav{
	display:none;
}

/*** 

====================================================================
	Collection Section
====================================================================

***/

.collection-section{
	position:relative;
	padding-top:var(--padding-top-110);
}

.collection-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.collection-section .content-column .inner-column{
	position:relative;
}

.collection-section .content-column h6{
	font-weight:700;
	letter-spacing:1px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--black-color);
	text-decoration:underline;
	margin-bottom:var(--margin-bottom-15);
	font-family: var(--font-family-Poppins);
}

.collection-section .content-column p{
	margin-bottom:var(--margin-bottom-20);
}

.collection-section .author-box{
	position:relative;
	margin-bottom:var(--margin-bottom-50);
}

.collection-section .author-box .box-inner{
	position:relative;
	font-weight:400;
	min-height:90px;
	color:var(--black-color);
	text-transform:capitalize;
	font-size:var(--font-30);
	padding-top:var(--padding-top-15);
	font-family:var(--font-family-Nova);
	padding-left:var(--padding-left-100);
}

.collection-section .author-box .author-image{
	position:absolute;
	left:0px;
	top:0px;
	width:90px;
	height:90px;
	padding:7px 7px;
	overflow:hidden;
	border-radius:50%;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.collection-section .author-box .author-image img{
	position:relative;
	width:100%;
	overflow:hidden;
	border-radius:50%;
}

.collection-section .author-box .designation{
	position:relative;
	display:block;
	font-size:var(--font-15);
	text-transform:capitalize; 
	margin-top:var(--margin-top-20);
	font-family: var(--font-family-Poppins);
}

.collection-section .check-list{
	position:relative;
}

.collection-section .check-list li{
	position:relative;
	color:var(--color-four);
	font-size:var(--font-18);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.collection-section .check-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.collection-section .check-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.collection-section .location-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.collection-section .location-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-140);
	border-left:1px solid rgba(var(--color-two-rgb), 0.10);
}

.collection-section .location-column h6{
	font-weight:700;
	letter-spacing:1px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--black-color);
	text-decoration:underline;
	margin-bottom:var(--margin-bottom-15);
	font-family: var(--font-family-Poppins);
}

.collection-section .location-column .text{
	margin-bottom:var(--margin-bottom-20);
}

.collection-section .location-column iframe{
	width:100%;
	height:260px;
	margin-bottom:var(--margin-bottom-25);
}

.collection-section .location-column .timing{
	position:relative;
	line-height:1.9em;
	color:var(--color-four);
	font-size:var(--font-16);
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding:100px 0px 50px;
}

.services-section .owl-dots,
.services-section .owl-nav{
	display:none;
}

.services-section.style-two{
	padding-bottom:var(--padding-zero);
}

.services-section .service-block{
	transform:translateY(50px);
}

.services-section .owl-carousel .owl-stage-outer{
	padding-bottom:var(--padding-bottom-80);
}

.services-section .owl-carousel .owl-stage-outer .owl-item.center .service-block{
	transform:translateY(0px);
}

.service-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.service-block .inner-box{
	position:relative;
	padding:0px 15px 40px;
}

.service-block .inner-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:15px;
	right:0px;
	bottom:0px;
	opacity:0;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
	border:1px solid rgba(var(--color-two-rgb), 0.10);
}

.service-block .inner-box:hover::before{
	opacity:1;
}

.service-block .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.service-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.service-block .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.04,1.04) rotate(2deg);
}

.service-block .lower-content{
	position:relative;
	text-align:center;
	padding:30px 35px 0px;
}

.service-block h3{
	position:relative;
}

.service-block h3 a{
	position:relative;
	color:var(--black-color);
}

.service-block h3 a:hover{
	color:var(--main-color);
}

.service-block .text{
	margin-top:var(--margin-top-15);
}

.service-block .more{
	position:relative;
	font-weight:700;
	display:inline-block;
	color:var(--black-color);
	font-size:var(--font-16);
	margin-top:var(--margin-top-25);
	border-bottom:3px solid var(--main-color);
}

.service-block .more:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	Locations Section
====================================================================

***/

.locations-section{
	position:relative;
	overflow:hidden;
	padding:120px 0px 0px;
}

.locations-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:120px;
	background-color:var(--color-five);
}

.locations-section .inner-container{
	position:relative;
}

.locations-section .inner-container:before{
	position:absolute;
	content:'';
	right:100%;
	top:0px;
	width:250%;
	bottom:120px;
	z-index:10;
	background-color:var(--color-five);
}

.locations-section .inner-container:after{
	position:absolute;
	content:'';
	right:100%;
	width:250%;
	bottom:0px;
	z-index:10;
	height:120px;
	background-color:var(--white-color);
}

.locations-section .owl-carousel .owl-stage-outer{
	overflow:visible;
}

.locations-section .owl-nav{
	position:absolute;
	right:0px;
	top:-100px;
}

.locations-section .owl-nav .owl-prev{
	position:relative;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.locations-section .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
}

.locations-section .owl-nav .owl-next{
	position:relative;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
	margin-left:var(--margin-left-15);
}

.locations-section .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
}

.location-block{
	position:relative;
}

.location-block .inner-box{
	position:relative;
}

.location-block .image{
	position:relative;
}

.location-block .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.30;
	z-index:1;
	background-color:var(--black-color);
}

.location-block .image img{
	position:relative;
	width:100%;
	display:block;
}

.location-block .review-box{
	position:absolute;
	left:20px;
	top:20px;
	z-index:2;
	padding:12px 20px;
	display:inline-block;
	background-color:var(--white-color);
}

.location-block .review-box .fa{
	position:relative;
	color:var(--main-color);
}

.location-block .overlay-box{
	position:absolute;
	left:25px;
	bottom:25px;
	right:20px;
	z-index:1;
}

.location-block .content{
	position:relative;
	transform:translateY(20px);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.location-block .inner-box:hover .content{
	transform:translateY(-15px);
}

.location-block h4{
	position:relative;
}

.location-block h4 a{
	position:relative;
	color:var(--white-color);
}

.location-block h4 a:hover{
	color:var(--main-color);
}

.location-block .rooms{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-top:var(--margin-top-5);
}

.location-block .explore{
	position:relative;
	font-weight:700;
	opacity:0;
	display:inline-block;
	color:var(--white-color);
	font-size:var(--font-16);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border-bottom:3px solid var(--main-color);
}

.location-block .inner-box:hover .explore{
	opacity:1;
}

.location-block .explore:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	Comfort Section
====================================================================

***/

.comfort-section{
	position:relative;
	overflow:hidden;
	padding:100px 0px 150px;
}

.comfort-section .auto-container{
	position:relative;
}

.comfort-section .carousel-column{
	position:static;
	margin-bottom:var(--margin-bottom-30);
}

.comfort-section .carousel-column .inner-column,
.comfort-section .carousel-column .owl-carousel{
	position:static;
}

.comfort-section .carousel-column .thumbs-carousel{
	position:absolute;
	left:600px;
	z-index:10;
	max-width:600px;
	margin-top:-80px;
	display:inline-block;
	padding:25px 30px 25px;
	background-color:var(--white-color);
	border:1px solid var(--color-six);
	box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}

.comfort-section .carousel-column .thumbs-carousel img{
	cursor:pointer;
}

.comfort-section .carousel-column .owl-nav{
	position:absolute;
	right:-70px;
	top:50%;
	width:70px;
	transform:translateY(-20%);
}

.comfort-section .carousel-column .owl-nav .owl-prev{
	position:relative;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
	transform:rotate(90deg);
}

.comfort-section .carousel-column .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
}

.comfort-section .carousel-column .owl-nav .owl-next{
	position:relative;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
	transform:rotate(90deg);
	margin-top:var(--margin-top-40);
}

.comfort-section .carousel-column .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
}

.comfort-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.comfort-section .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-30);
	padding-left:var(--padding-left-50);
}

.comfort-section .content-column h3{
	font-size:var(--font-45);
}

.comfort-section .content-column h3 a{
	color:var(--color-seven);
}

.comfort-section .content-column h3 a:hover{
	color:var(--main-color);
}

.comfort-section .content-column .price{
	position:relative;
	letter-spacing:1px;
	font-weight:700;
	color:var(--color-eight);
	font-size:var(--font-16);
	text-transform:uppercase;
	margin-top:var(--margin-top-5);
}

.comfort-section .content-column .price span{
	color:var(--main-color);
}

.comfort-section .content-column .text{
	color:var(--color-four);
	font-size:var(--font-16);
	margin-top:var(--margin-top-20);
	margin-bottom:var(--margin-bottom-25);
}

.comfort-section .content-column .room-options{
	position:relative;
}

.comfort-section .content-column .room-options li{
	position:relative;
	min-height:40px;
	font-size:var(--font-16);
	color:var(--color-four);
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-50);
	margin-bottom:var(--margin-bottom-15);
}

.comfort-section .content-column .room-options li .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:50px;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-18);
	background-color:var(--color-nine);
}

.comfort-section .content-column .button-box{
	position:relative;
	margin-top:var(--margin-top-20);
}

/*** 

====================================================================
	Confidence Section
====================================================================

***/

.confidence-section{
	position:relative;
	padding:0px 0px 70px;
}

.confidence-section.style-two{
	padding-top:var(--padding-top-100);
}

.service-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.service-block-two .inner-box{
	position:relative;
	text-align:center;
}

.service-block-two .icon-box{
	position:relative;
	width:170px;
	height:170px;
	margin:0 auto;
	line-height:170px;
	border-radius:50%;
	color:var(--main-color);
	font-size:var(--font-80);
	background-color:var(--color-five);
}

.service-block-two .icon-box .icon{
	position:relative;
}

.service-block-two .icon-box:before{
	position:absolute;
	content:'';
	left:100%;
	top:50%;
	width:95%;
	height:2px;
	margin-top:-1px;
	background-color:var(--color-five);
}

.service-block-two .icon-box:after{
	position:absolute;
	content:'';
	left:155%;
	top:55%;
	width:100%;
	height:2px;
	margin-top:-1px;
	background-color:var(--color-five);
}

.service-block-two:last-child .icon-box:before,
.service-block-two:last-child .icon-box:after{
	display:none;
}

.service-block-two h3{
	margin-top:var(--margin-top-30);
}

.service-block-two h3 a{
	position:relative;
	color:var(--black-color);
}

.service-block-two h3 a:hover{
	color:var(--main-color);
}

.service-block-two .text{
	padding:0px 20px;
	color:var(--color-four);
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	Beach Section
====================================================================

***/

.beach-section{
	position:relative;
	padding:250px 0px 90px;
	background-attachment:fixed;
	background-size:cover;
	background-position:center bottom;
}

.beach-section .inner-container{
	position:relative;
}

.beach-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.30;
	background-color:var(--black-color);
}

.beach-section .voucher-box{
	position:absolute;
	right:0px;
	bottom:0px;
	width:100%;
	max-width:390px;
	padding:40px 60px;
	text-align:center;
	background-color:var(--white-color);
}

.beach-section .voucher-box h5{
	font-weight:700;
	text-transform:uppercase;
	color:var(--black-color);
	font-family: var(--font-family-Poppins);
}

.beach-section .voucher-box .voucher-btn{
	position:relative;
	padding:14px 40px;
	font-weight:700;
	color:var(--white-color);
	margin-top:var(--margin-top-15);
	background-color:var(--black-color);
}

.beach-section .voucher-box .voucher-btn:before{
	position:absolute;
	content:'';
	right:6px;
	top:0px;
	width:4px;
	bottom:0px;
	background-color:var(--white-color);
}

.beach-section .voucher-box .voucher-btn:hover{
	background-color:var(--main-color);
}

/*** 

====================================================================
	Testimonial Section Two
====================================================================

***/

.testimonial-section-two{
	position:relative;
	padding:100px 0px 70px;
}

.testimonial-section-two .owl-nav{
	position:absolute;
	left:0px;
	top:120px;
	right:0px;
}

.testimonial-section-two .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.testimonial-section-two .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.testimonial-section-two .owl-nav .owl-next{
	position:absolute;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.testimonial-section-two .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.testimonial-section-two .owl-dots{
	position:relative;
	text-align:center;
	top:10px;
	margin-top:var(--margin-top-30);
}

.testimonial-section-two .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height:20px;
	margin:0px 5px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.testimonial-section-two .owl-dots .owl-dot.active,
.testimonial-section-two .owl-dots .owl-dot:hover{
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.testimonial-block-two{
	position:relative;
}

.testimonial-block-two .inner-box{
	position:relative;
	text-align:center;
}

.testimonial-block-two .quote{
	position:relative;
	margin:0 auto;
	width:80px;
	height:80px;
	line-height:80px;
	border-radius:50px;
	text-align:center;
	font-family: "flaticon";
	font-size:var(--font-24);
	color:var(--white-color);
	background-color:var(--main-color);
	outline: 1px dashed var(--white-color);
	outline-offset: -5px;
}

.testimonial-block-two .text{
	line-height:44px;
	font-size:var(--font-26);
	color:var(--black-color);
	margin-top:var(--margin-top-25);
}

.testimonial-block-two .rating{
	position:relative;
	color:var(--main-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-30);
}

.testimonial-block-two .author{
	position:relative;
	font-weight:700;
	font-size:var(--font-30);
	color:var(--black-color);
	margin-top:var(--margin-top-25);
}

.testimonial-block-two .author span{
	position:relative;
	display:block;
	font-weight:400;
	font-size:var(--font-16);
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	News Section Three
====================================================================

***/

.news-section-three{
	position:relative;
	padding:20px 0px 100px;
}

.news-section-three .button-box{
	position:relative;
	margin-top:var(--margin-top-20);
}

.news-section-three .button-box .theme-btn{
	padding:13px 44px;
}

/* News Block Five */

.news-block-five{
	position:relative;
	margin-bottom:var(--margin-bottom-40);
}

.news-block-five .inner-box{
	position:relative;
}

.news-block-five .image{
	position:relative;
	overflow:hidden;
	background-color:var(--color-two);
}

.news-block-five .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.news-block-five .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.04,1.04) rotate(2deg);
}

.news-block-five .lower-content .content{
	position:relative;
	padding-left:var(--padding-left-100);
}
	
.news-block-five .lower-content{
	position:relative;
	padding-top:var(--padding-top-30);
}

.news-block-five .post-info{
	position:relative;
}

.news-block-five .post-info li{
	position:relative;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--color-four);
	margin-right:var(--margin-right-20);
}

.news-block-five .post-info li a{
	position:relative;
	color:var(--main-color);
	text-decoration:underline;
}

.news-block-five .post-info li .icon{
	position:relative;
	top:3px;
	font-size:var(--font-18);
	margin-right:var(--margin-right-10);
}

.news-block-five .post-date{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	height:96px;
	font-weight:700;
	text-align:center;
	padding-top:17px;
	font-size:var(--font-30);
	color:var(--white-color);
	background-color:var(--color-two);
}

.news-block-five .post-date span{
	position:relative;
	display:block;
	font-size:var(--font-14);
	text-transform:uppercase;
	margin-top:var(--margin-top-5);
}

.news-block-five h4{
	font-weight:600;
	font-size:var(--font-26);
	text-transform:capitalize;
	margin-top:var(--margin-top-20);
	font-family: var(--font-family-Poppins);
}

.news-block-five h4 a{
	color:var(--black-color);
}

.news-block-five h4 a:hover{
	color:var(--main-color);
}

.news-block-five .text{
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section-two{
	position:relative;
}

.gallery-section-two .owl-dots,
.gallery-section-two .owl-nav{
	display:none;
}

.gallery-block-three{
	position:relative;
}

.gallery-block-three .inner-box{
	position:relative;
}

.gallery-block-three .image{
	position:relative;
}

.gallery-block-three .image img{
	position:relative;
	width:100%;
	display:block;
}

.gallery-block-three .image:before{
	position:absolute;
	content:'';
	z-index:1;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.50;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	background-color:var(--black-color);
}

.gallery-block-three .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	display:flex;
	text-align:center;
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-three .inner-box:hover .image::before{
	left:10px;
	top:10px;
	right:10px;
	bottom:10px;
	opacity:0.70;
	background-color:var(--main-color);
}

.gallery-block-three .overlay-inner{
	position:relative;
}

.gallery-block-three .overlay-inner .content{
	position:relative;
	padding:10px 0px 15px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border-top:1px solid var(--white-color);
	border-bottom:1px solid var(--white-color);
}

.gallery-block-three .overlay-box .upper-content{
	position:relative;
	z-index:2;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-three .overlay-inner h2{
	font-weight:400;
	font-size:var(--font-50);
}

.gallery-block-three .overlay-inner h2 a{
	position:relative;
	color:var(--white-color);
}

.gallery-block-three .overlay-inner h2 a:hover{
	color:var(--black-color);
}

.gallery-block-three .overlay-box .lower-content{
	position:relative;
	opacity:0;
	margin-top:-75px;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-three .inner-box:hover .overlay-box .lower-content{
	opacity:1;
	margin-top:var(--margin-zero);
}

.gallery-block-three .overlay-box .text{
	color:var(--white-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-5);
}

/*** 

====================================================================
	Page Title
====================================================================

***/



/*** 

====================================================================
	Video Section
====================================================================

***/

.video-section{
	position:relative;
	overflow:hidden;
	padding:110px 0px 110px;
	background-color:var(--color-five);
}

.video-section .inner-container{
	position:relative;
}

.video-section .gallery-block-four{
	transform:scale(0.80,0.80);
}

.video-section .owl-carousel .owl-stage-outer .owl-item.center .gallery-block-four{
	transform:scale(1,1);
}

.video-section .owl-carousel .owl-stage-outer .owl-item.center .gallery-block-four .title{
	bottom:40px;
}

.video-section .owl-carousel .owl-stage-outer{
	overflow:visible;
}

.video-section .video-carousel{
	max-width: 860px;
    margin: 0 auto;
}


.video-section .owl-dots{
	position:relative;
	text-align:center;
	top:10px;
	margin-top:var(--margin-top-30);
}

.video-section .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height:20px;
	margin:0px 5px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-section .owl-dots .owl-dot.active,
.video-section .owl-dots .owl-dot:hover{
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.video-section .owl-nav{
	position:relative;
	width:100%;
	max-width:300px;
	margin:0 auto;
	text-align:center;
	margin-top:var(--margin-top-30);
}

.video-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.video-section .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--color-five);
}

.video-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.video-section .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--color-five);
}

.gallery-block-four{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.gallery-block-four .inner-box{
	position:relative;
	overflow:hidden;
}

.gallery-block-four .image{
	position:relative;
	background-color:var(--main-color);
}

.gallery-block-four .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-four .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.04,1.04);
}

.gallery-block-four .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	line-height: 45px;
	overflow:hidden;
}

.gallery-block-four .overlay-box span{
	position: absolute;
	width:100px;
	height: 100px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	line-height:98px;
	border-radius:50%;
	font-family: "flaticon";
	font-size:var(--font-20);
	color: var(--white-color);
	padding-left:var(--padding-left-5);
	border:1px solid var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-four .overlay-box span:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.gallery-block-four .ripple,
.gallery-block-four .ripple:before,
.gallery-block-four .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:100px;
	height: 100px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.gallery-block-four .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.gallery-block-four .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.gallery-block-four .title{
	position:absolute;
	left:60px;
	bottom:-80px;
	right:60px;
	display:block;
	padding:26px 10px;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-30);
	background-color:var(--white-color);
	font-family:var(--font-family-Nova);
}

.gallery-block-four .title:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

.gallery-block-four .inner-box:hover .title{
	bottom:40px;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	overflow:hidden;
	padding-bottom:var(--padding-bottom-70);
}

.team-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.team-block .inner-box{
	position:relative;
}

.team-block .image{
	position:relative;
	overflow:hidden;
	background-color:var(--main-color);
}

.team-block .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.team-block .inner-box:hover .image img{
	opacity:0.70;
	transform:scale(1.05,1.05) rotate(2deg);
}

.team-block .lower-content{
	position:relative;
	text-align:center;
}

.team-block .phone{
	position:relative;
	top:-11px;
	padding:15px 80px;
	margin-top: -21px;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--white-color);
	background-color:var(--black-color);
}

.team-block .phone .icon{
	position:relative;
	top:4px;
	font-size:var(--font-20);
	margin-right:var(--margin-right-5);
}

.team-block h3{
	position:relative;
	font-weight:400;
	font-size:var(--font-40);
	text-transform:uppercase;
	margin-top:var(--margin-top-15);
}

.team-block h3 a{
	position:relative;
	color:var(--black-color);
}

.team-block h3 a:hover{
	color:var(--main-color);
}

.team-block .designation{
	position:relative;
	letter-spacing:1px;
	font-weight:500;
	letter-spacing:1px;
	text-transform:uppercase;
	color:var(--color-eighteen);
	margin-top:var(--margin-top-5);
}

.team-block .social-box{
	position:relative;
	margin-top:var(--margin-top-20);
}

.team-block .social-box li{
	position:relative;
	margin:0px 2px;
	display:inline-block;
}

.team-block .social-box li a{
	position:relative;
	width:42px;
	height:42px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color:var(--black-color);
	border:1px solid var(--color-nineteen);
}

.team-block .social-box li a:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section{
	position:relative;
	text-align:center;
	padding:250px 0px 120px;
	background-size:cover;
}

.error-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.70;
	background-color:var(--black-color);
}

.error-section h1{
	position:relative;
	line-height:1em;
	font-weight:400;
	color:var(--white-color);
	font-size:var(--font-180);
}

.error-section h1 span{
	color:var(--main-color);
	font-size:274px;
}

.error-section h2{
	position:relative;
	line-height:1em;
	font-weight:400;
	color:var(--white-color);
	font-size:var(--font-50);
}

.error-section .text{
	position:relative;
	line-height:1.4em;
	font-weight:400;
	color:var(--white-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-20);
}

.error-section .search-box{
	position:relative;
	max-width:650px;
	width:100%;
	margin:0 auto;
	margin-top:var(--margin-top-50);
	margin-bottom:var(--margin-bottom-20);
}

.error-section .search-box .form-group{
	position:relative;
	margin:var(--margin-zero);
}

.error-section .search-box .form-group input[type="text"],
.error-section .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	font-size:var(--font-16);
	padding:10px 50px 10px 35px;
	background:none;
	display:block;
	width:100%;
	height:85px;
	border-radius:0px;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	border:1px solid rgba(var(--white-color-rgb), 0.30);
}

.error-section .search-box .form-group button{
	position:absolute;
	right:10px;
	top:10px;
	height:66px;
	width:66px;
	display:block;
	cursor:pointer;
	line-height:100%;
	font-weight:normal;
	border-radius:0px;
	font-size:var(--font-18);
	color:var(--color-two);
	background:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--white-color);
}

.error-section .search-box .form-group button:hover{
	background-color:var(--main-color);
	color:var(--white-color);
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-info-section{
	position:relative;
	padding:100px 0px 70px;
}

.contact-info-section .inner-container{
	position:relative;
	max-width:960px;
	margin:0 auto;
}

.contact-info-section .info-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.contact-info-section .info-column .inner-column{
	position:relative;
	padding:30px 35px;
	font-size:var(--font-16);
	color:var(--black-color);
	background-color:var(--color-five);
}

.contact-info-section .info-column .content{
	position:relative;
	line-height:30px;
	padding-top:var(--padding-top-5);
	padding-left:var(--padding-left-90);
}

.contact-info-section .info-column .icon{
	position:absolute;
	left:0px;
	top:0px;
	width:70px;
	height:70px;
	line-height:70px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-30);
	color:var(--white-color);
	background-color:var(--main-color);
}

.contact-info-section .info-column a{
	position:relative;
	color:var(--black-color);
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

.contact-form-section{
	position:relative;
	padding:0px 0px 70px;
}

.contact-form-section .form-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.contact-form-section .form-column .inner-column{
	position:relative;
	padding-right:var(--padding-right-100);
	border-right:1px solid rgba(var(--black-color-rgb), 0.08);
}

.contact-form-section .form-column .text{
	margin-bottom:var(--margin-bottom-40);
}

.contact-form-section .map-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.contact-form-section .map-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-80);
}

.contact-form-section .map-column h6{
	font-weight:700;
	letter-spacing:1px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--black-color);
	text-decoration:underline;
	margin-bottom:var(--margin-bottom-15);
	font-family: var(--font-family-Poppins);
}

.contact-form-section .map-column .text{
	margin-bottom:var(--margin-bottom-20);
}

.contact-form-section .map-column iframe{
	width:100%;
	height:260px;
	margin-bottom:var(--margin-bottom-25);
}

.contact-form-section .map-column .timing{
	position:relative;
	line-height:1.9em;
	color:var(--color-four);
	font-size:var(--font-16);
}

/*** 

====================================================================
	Contact Form
====================================================================

***/

.contact-form .form-group{
	margin-bottom:var(--margin-bottom-15);
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select,
.contact-form .form-group .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	width:100%;
	line-height:32px;
	padding:10px 25px;
	height:60px;
	border-radius:0px;
	font-size:var(--font-16);
	color: var(--color-fourtyfive);
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.contact-form .form-group .ui-selectmenu-button.ui-button{
	font-weight:400;
	opacity:0.80;
	color: var(--color-fourtyfive);
}

.contact-form .form-group .ui-button .ui-icon{
	top:6px;
}

.contact-form .form-group textarea::-webkit-input-placeholder,
.contact-form .form-group input::-webkit-input-placeholder{
	opacity:0.80;
	color: var(--color-fourtyfive);
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
	border-color:var(--main-color);
}

.contact-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:var(--font-16);
	color: var(--black-color);
	height:200px;
	background:none;
	resize:none;
	font-size:16px;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.contact-form .theme-btn{
	cursor:pointer;
	padding:15px 50px;
	margin-top:var(--margin-top-10);
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;	
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:12px;
	color:#ff0000;
	font-weight:500;	
}

/*** 

====================================================================
	Faq Section
====================================================================

***/

.faq-section{
	position:relative;
}

.faq-section .inner-container{
	position:relative;
	padding:100px 110px;
	background-color:var(--color-five);
}

.accordion-box{
	position:relative;
}

.accordion-box .accordion-block{
	border:none;
	margin-bottom: var(--margin-bottom-10);
}

.accordion-box:last-child{
	margin-bottom:var(--margin-zero);
}

.accordion-box .accordion-block-title{
	position:relative;
	cursor:pointer;
	line-height:25px;
	font-weight:700;
	background:none;
	border-radius:3px;
	font-size:var(--font-20);
	padding:30px 25px 28px 80px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	color:var(--black-color);
	-webkit-transition:all 500ms ease;
	background-color:var(--white-color);
}

.accordion-box .accordion-block-title.active .accordion-icon{
	transform:rotate(180deg);
	color:var(--white-color);
	/* border-color:var(--main-color); */
	background-image: linear-gradient(#1ab394, #1a91ae);
}

.accordion-box .accordion-block-title .accordion-box.active-block{
	padding-top:var(--padding-top-30);
	border-color:var(--dark-color);
}

.accordion-box .accordion-icon{
    position: absolute;
	left: 25px;
	top:23px;
	width:36px;
	height:36px;
	color:#FFFFFF;
    text-align: center;
	line-height:34px;
	border-radius:50px;
	font-family:  "Open Sans", sans-serif;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-image: linear-gradient(#1ab394, #1a91ae);
}

.accordion-box .accordion-content{
	position:relative;
	display:none;
	padding:0px 20px 30px 80px;
}

.accordion-box .bold-text{
	font-weight:500;
	font-size:var(--font-16);
	color:var(--color-twenty);
}

.accordion-box .text{
	font-size:var(--font-16);
	color:var(--color-twenty);
	margin-top:var(--margin-top-15);
}

.accordion-box .accordion-block.active-block{
	color:var(--white-color);
	background-color:var(--color-two);
}

.accordion-box .accordion-block-title.active{
	color:var(--white-color);
	background-color:var(--color-two);
}

/*** 

====================================================================
	Gallery Section Three
====================================================================

***/

.gallery-section-three{
	position:relative;
	padding:100px 0px 70px;
}

.gallery-block-five{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.gallery-block-five .inner-box{
	position:relative;
	overflow:hidden;
}

.gallery-block-five .image{
	position:relative;
}

.gallery-block-five .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.gallery-block-five .inner-box:hover .image img{
	filter: grayscale(100%);
	transform:scale(1.04,1.04);
}

.gallery-block-five .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	display:flex;
	align-items: center;
	justify-content: center;
	
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease,-webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
}

.gallery-block-five .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:1;
	opacity:0.70;
	background-color:var(--main-color);
}

.gallery-block-five .inner-box:hover .overlay-box{
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
}

.gallery-block-five .plus{
	position:relative;
	z-index:1;
	text-align:center;
	font-size:var(--font-40);
	color:var(--white-color);
	font-family: "flaticon";
}

/*** 

====================================================================
	Gift Section
====================================================================

***/

.gift-section{
	position:relative;
	padding:30px 0px 70px;
}

.gift-block{
	position:relative;
    margin-bottom: 15px;
}

.gift-block .inner-box{
	position:relative;
}

.gift-block .content-column{
	position:relative;
}

.gift-block .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-50);
}

.gift-block .content-column h3{
	font-weight:400;
	font-size:var(--font-45);
	text-transform:uppercase;
	font-family:  "Open Sans", sans-serif!important;
}

.gift-block .content-column h3 a{
	position:relative;
	color:var(--color-seven);
}

.gift-block .content-column .text{
	color: rgb(0 0 0);
    margin-top: var(--margin-top-15);
    font-size: 14px;
}

.gift-block .check-list{
	position:relative;
	margin-top:var(--margin-top-30);
}

.gift-block .check-list li{
	position:relative;
	color:var(--color-four);
	font-size:var(--font-16);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.gift-block .check-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.gift-block .check-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.gift-block .image-column{
	position:relative;
}

.gift-block .image-column .inner-column{
	position:relative;
	/* box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); */
	/* padding-left:var(--padding-left-110); */
}

.gift-block .experiance-box{
	position: absolute;
    left: 0px;
    bottom: 55px;
    width: 233px;
	padding: 15px 15px 15px;
    background-color: rgb(92 92 92);
}

.gift-block .experiance-box .price{
	position:relative;
	font-weight:700;
	line-height:1em;
	color:var(--white-color);
	font-size:var(--font-40);
}

.gift-block .experiance-box .text{
	position:relative;
	color:var(--white-color);
	margin-top:var(--margin-top-5);
}

.gift-block .experiance-box .button-box{
	position:relative;
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	Meeting Section
====================================================================

***/

.meeting-section{
	position:relative;
	padding:100px 0px 70px;
}

.meeting-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.meeting-section .content-column .inner-column{
	position:relative;
}

.meeting-section .content-column p{
	position:relative;
	color:var(--color-four);
	margin-bottom:var(--margin-bottom-15);
}

.meeting-section .content-column .video-box{
	margin-top:var(--margin-top-40);
	margin-bottom:var(--margin-bottom-30);
}

.meeting-section .counter-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.meeting-section .counter-column .inner-column{
	position:relative;
	padding-left:var(--padding-left-110);
}

/* Fact Counter */

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.fact-counter .column-inner{
	position:relative;
	padding-bottom:var(--padding-bottom-30);
	border-bottom:1px solid rgba(var(--color-two-rgb), 0.10);
}

.fact-counter .counter-title{
	position:relative;
	letter-spacing:1px;
	font-weight:500;
	display:block;
	line-height:1em;
	text-transform:uppercase;
	color:var(--black-color);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-20);
}

.fact-counter .count-box{
	position:relative;
	line-height:1em;
	color:var(--main-color);
	font-size:var(--font-40);
}

/*** 

====================================================================
	Capacity Section
====================================================================

***/

.capacity-section{
	position:relative;
	padding:100px 0px 100px;
	background-color:var(--color-five);
}

.capacity-section .inner-container{
	position:relative;
	width:100%;
}

.capacity-section .container-inner{
	position:relative;
	min-width:1350px;
}

.capacity-section .table-outer{
	position:relative;
	box-shadow:0px 0px 15px rgba(0,0,0,0.06);
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.capacity-section .title-box{
	position:relative;
	padding:31px 10px;
	background-color:var(--main-color);
}

.capacity-section .title-box .left-column{
	position:relative;
	width:450px;
	float:left;
}

.capacity-section .title-box .right-column{
	position:relative;
	width:790px;
	float:right;
}

.capacity-section .title-box .title{
	position:relative;
	width:25%;
	float:left;
	letter-spacing:1px;
	text-align:center;
	color:var(--white-color);
	text-transform:uppercase;
}

.capacity-section .lower-content{
	position:relative;
	padding:0px 20px;
	background-color:var(--white-color);
}

.capacity-section .measurement-box{
	position:relative;
}

.capacity-section .measurement-box:nth-child(2n + 0){
	background-color:var(--color-five);
}

.capacity-section .measurement-box .left-box{
	position:relative;
	width:450px;
	float:left;
	font-weight:700;
	padding:30px 35px;
	color:var(--black-color);
	font-size:var(--font-16);
}

.capacity-section .measurement-box .right-box{
	position:relative;
	width:775px;
	float:right;
}

.capacity-section .measurement-box .right-box .info{
	position:relative;
	width:25%;
	float:left;
	padding:30px 10px;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-16);
	text-transform:uppercase;
	border-left:1px solid rgba(var(--black-color-rgb), 0.08);
}

.capacity-section .measurement-box .right-box .info:nth-child(3),
.capacity-section .measurement-box .right-box .info:nth-child(4){
	font-weight:700;
}

.capacity-section .phone{
	position:relative;
	padding:22px 10px 27px;
	text-align:center;
	color:var(--white-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-40);
	background-color:var(--color-two);
}

.capacity-section .phone a{
	position:relative;
	font-weight:700;
	color:var(--white-color);
	text-decoration:underline;
}

.capacity-section .phone .icon{
	position:relative;
	line-height:1em;
	top:6px;
	font-size:var(--font-26);
	margin-right:var(--margin-right-15);
}

.capacity-section .phone a:hover{
	color:var(--main-color);
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two{
	position:relative;
	padding:100px 0px 60px;
}

.service-block-three{
	position:relative;
	margin-bottom:var(--margin-bottom-50);
}

.service-block-three .inner-box{
	position:relative;
}

.service-block-three .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.service-block-three .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-40);
}

.service-block-three h2{
	line-height:60px;
	font-size:var(--font-50);
	text-transform:uppercase;
}

.service-block-three h2 a{
	position:relative;
	color:var(--black-color);
}

.service-block-three h2 a:hover{
	color:var(--main-color);
}

.service-block-three .text{
	font-size:var(--font-18);
	margin-top:var(--margin-top-20);
}

.service-block-three .options-list{
	position:relative;
	margin-top:var(--margin-top-25);
}

.service-block-three .options-list li{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-three);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.service-block-three .options-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.service-block-three .options-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.service-block-three .image-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.service-block-three .image-column .inner-column{
	position:relative;
}

.service-block-three .image-column .image{
	position:relative;
}

.service-block-three .image-column .image:before{
	position:absolute;
	content:'';
	left:-20px;
	top:20px;
	right:20px;
	bottom:-20px;
	z-index:-1;
	border:1px solid rgba(var(--black-color-rgb), 0.10);
}

.service-block-three.style-two .image-column .image:before{
	left:20px;
	right:-20px;
}

.service-block-three.style-two .content-column .inner-column{
	padding-left:var(--padding-left-50);
}

/*** 

====================================================================
	Question Section
====================================================================

***/

.question-section{
	position:relative;
	text-align:center;
	padding-bottom:var(--padding-bottom-100);
}

.question-section .icon{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

/*** 

====================================================================
	Blog Page Section
====================================================================

***/

.blog-page-section{
	position:relative;
	padding:100px 0px 100px;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.blog-page-section .styled-pagination{
	margin-top:var(--margin-top-20);
}

.styled-pagination{
	position:relative;
}

.styled-pagination li{
	position:relative;
	margin:0px 5px 10px;
	display:inline-block;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:48px;
	height:50px;
	width:50px;
	min-width:50px;
	font-weight:500;
	border-radius:50px; 
	text-align:center;
	text-transform:capitalize;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	font-size:var(--font-18);
	color:var(--black-color);
	border:2px solid rgba(var(--black-color-rgb), 0.08);
}

.styled-pagination li.prev a,
.styled-pagination li.next a{
	line-height:40px;
	top:1px;
	font-size:var(--font-20);
	font-family: "Flaticon";
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.styled-pagination li a:hover img{
	filter: invert(100);
}

.styled-pagination .prev{
	position:relative;
	width:auto;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.styled-pagination .prev:before{
	position:absolute;
	content:'';
	top:-4px;
	left:-25px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.styled-pagination .next{
	position:relative;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.styled-pagination .prev a,
.styled-pagination .next a{
	width:auto;
	border:none;
}

.styled-pagination .next:before{
	position:absolute;
	content:'';
	top:-4px;
	right:-25px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

/***

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:100px 0px 60px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:var(--margin-bottom-40);
}

.sidebar-page-container .sidebar-side .sidebar-inner{
	position:relative;
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.sticky-top{
	top:90px;
	z-index:1;
}

.sidebar-widget{
	position:relative;
	border-bottom:1px solid rgba(var(--black-color-rgb), 0.08);
}

.sidebar-widget .widget-content{
	position:relative;
	padding:40px 40px;
}

/* Sidebar Widget */

.sidebar-title{
	position:relative;
	margin-bottom:var(--margin-bottom-25);
}

.sidebar-title h3{
	font-weight:400;
	color:var(--black-color);
	text-transform:uppercase;
	padding-bottom:var(--padding-bottom-10);
}

.sidebar-title h3:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:1px;
	opacity:0.50;
	background-color:var(--black-color);
}

.sidebar-title .text{
	position:relative;
	margin-top:var(--margin-top-20);
	color:var(--color-twentyone);
}

/* News Post */

.news-post{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.news-post .post-inner{
	position:relative;
	padding-left:var(--padding-left-60);
	padding-bottom:var(--padding-bottom-20);
	border-bottom:2px solid rgba(var(--black-color-rgb), 0.08);
}

.news-post:last-child{
	margin-bottom:var(--margin-zero);
}

.news-post:last-child .post-inner{
	border:none;
	padding-bottom:var(--padding-zero);
}

.news-post .post-number{
	position:absolute;
	left:0px;
	top:0px;
	font-weight:400;
	line-height:1em;
	color:var(--main-color);
	font-size:var(--font-45);
	font-family:var(--font-family-Nova);
}

.news-post h6{
	position:relative;
	font-weight:600;
	line-height:1.7em;
	text-transform:capitalize;
	font-family: var(--font-family-Poppins);
}

.news-post h6 a{
	position:relative;
	font-weight:600;
	color:var(--black-color);
}

.news-post h6 a:hover{
	color:var(--main-color);
}

/* Category List */

.category-list{
	position:relative;
}

.category-list li{
	position:relative;
	margin-bottom:var(--margin-bottom-20);
}

.category-list li a{
	position:relative;
	font-weight:700;
	display:block;
	font-size:var(--font-16);
	color:var(--black-color);
	padding-bottom:var(--padding-bottom-10);
	border-bottom:2px solid rgba(var(--black-color-rgb), 0.03);
}

.category-list li a span{
	position:absolute;
	right:0px;
}

.category-list li a span:before{
	position:absolute;
	content:'';
	right:0px;
	bottom:-12px;
	width:15px;
	height:2px;
	background-color:var(--color-two);
}

.category-list li a:hover{
	color:var(--main-color);
	border-color:var(--main-color);
}

.category-list li:last-child a{
	border:none;
	padding-bottom:var(--padding-zero);
}

.category-list li a:hover span:before{
	background-color:var(--main-color);
}

.category-list li:last-child span:before{
	display:none;
}

/* Video Widget */

.video-widget .content{
	position:relative;
	text-align:center;
	margin-bottom:var(--margin-bottom-35);
}

.video-widget .content .image{
	position:relative;
}

.video-widget .content .image img{
	position:relative;
	width:100%;
	display:block;
}

.video-widget .overlay-box{
	position:absolute;
	right:25px;
	top:30px;
	z-index:1;
	text-align:center;
	display:inline-block;
}

.video-widget .overlay-box span{
	position: relative;
	width:50px;
	height: 50px;
	left:50%;
    top: 50%;
	z-index:10;
	font-weight:700;
	text-align: center;
	display: inline-block;
	margin-top: -25px;
	margin-left:-25px;
	line-height:50px;
	border-radius:50%;
	font-family: "flaticon";
	font-size:var(--font-14);
	color: var(--black-color);
	padding-left:var(--padding-left-5);
	background-color:var(--white-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.video-widget .overlay-box span:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.video-widget .ripple,
.video-widget .ripple:before,
.video-widget .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width:50px;
	height: 50px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -ms-border-radius: 50% 50% 50% 50%;
    -o-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-widget .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-widget .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

.video-widget h6{
	font-weight:600;
	margin-top:var(--margin-top-20);
	font-family: var(--font-family-Poppins);
}

.video-widget h6 a{
	color:var(--black-color);
}

.video-widget h6 a:hover{
	color:var(--main-color);
}

.video-widget .views{
	position:relative;
	color:var(--main-color);
	text-transform:uppercase;
	margin-top:var(--margin-top-10);
}

.video-widget .button-box{
	position:relative;
}

.video-widget .button-box .subscribe{
	position:relative;
	padding:15px 20px 17px;
	font-weight:600;
	display:block;
	font-size:var(--font-16);
	color:var(--white-color);
	background-color:var(--main-color);
}

.video-widget .button-box .subscribe .icon{
	position:relative;
	top:5px;
	font-weight:400;
	font-weight:normal;
	font-size:var(--font-22);
	margin-right:var(--margin-right-5);
}

.video-widget .button-box .subscribe:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

/* Newsletter Widget */

.newsletter-widget .widget-content{
	position:relative;
	background-color:var(--color-two);
}

.newsletter-widget .sidebar-title h3,
.newsletter-widget .sidebar-title .text{
	color:var(--white-color);
}

.newsletter-widget .sidebar-title h3:before{
	background-color:var(--white-color);
}

/* Newsletter Form */

.newsletter-form{
	position:relative;
}

.newsletter-form .form-group{
	position:relative;
	text-align:center;
}

.newsletter-form input{
	position:relative;
	width:100%;
	height:64px;
	padding:10px 25px;
	font-size:var(--font-16);
	background-color:var(--color-twentytwo);
}

.newsletter-form button{
	position:relative;
	width:100%;
	padding:20px 10px;
	font-weight:600;
	font-size:var(--font-16);
	color:var(--white-color);
	margin-top:var(--margin-top-10);
	background-color:var(--main-color);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.newsletter-form button:hover{
	color:var(--main-color);
	background-color:var(--white-color);
}

/***

====================================================================
	News Detail
====================================================================

***/

.news-detail{
	position:relative;
}

.news-detail .inner-box{
	position:relative;
}

.news-detail .image{
	position:relative;
}

.news-detail .image img{
	position:relative;
	width:100%;
	display:block;
}

.news-detail .post-date{
	position:absolute;
	left:20px;
	top:20px;
	width:70px;
	height:96px;
	font-weight:700;
	text-align:center;
	padding-top:17px;
	font-size:var(--font-30);
	color:var(--white-color);
	background-color:var(--main-color);
}

.news-detail .post-date span{
	position:relative;
	font-weight:400;
	display:block;
	font-size:var(--font-14);
	text-transform:uppercase;
	margin-top:var(--margin-top-5);
}

.news-detail .lower-content{
	position:relative;
	padding-top:var(--padding-top-35);
}

.news-detail .post-info{
	position:relative;
}

.news-detail .post-info li{
	position:relative;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--color-four);
	margin-right:var(--margin-right-20);
}

.news-detail .post-info li a{
	position:relative;
	color:var(--main-color);
	text-decoration:underline;
}

.news-detail .post-info li .icon{
	position:relative;
	top:3px;
	font-size:var(--font-18);
	margin-right:var(--margin-right-10);
}

.news-detail h3{
	font-weight:700;
	margin-top:var(--margin-top-20);
	margin-bottom:var(--margin-bottom-20);
	font-family: var(--font-family-Poppins);
}

.news-detail p{
	line-height:2em;
	color:var(--color-four);
	margin-bottom:var(--margin-bottom-20);
}

.news-detail blockquote{
	position:relative;
	padding:40px 60px 30px;
	font-weight:600;
	line-height:50px;
	color:var(--white-color);
	font-size:var(--font-30);
	margin-top:var(--margin-top-40);
	background-color:var(--main-color);
	margin-bottom:var(--margin-bottom-35);
}

.news-detail blockquote .quote-inner{
	position:relative;
	padding-left:var(--padding-left-80);
}

.news-detail blockquote .quote-icon{
	position:absolute;
	left:0px;
	top:0px;
	opacity:0.50;
	line-height:1em;
	color:var(--white-color);
	font-size:var(--font-50);
}

.news-detail blockquote .designation{
	position:relative;
	font-weight:600;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-top:var(--margin-top-10);
}

.news-detail .column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.news-detail .options-list{
	position:relative;
}

.news-detail .options-list li{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-three);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.news-detail .options-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.news-detail .options-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.news-detail .post-share-options{
	position:relative;
	margin-top:var(--margin-top-40);
}

.news-detail .post-share-options .post-share-inner{
	position:relative;
	padding:16px 30px;
	background-color:var(--color-five);
}

.news-detail .post-share-options .tags-box{
	position:relative;
}

.news-detail .post-share-options .tags-box .tags{
	position:relative;
	font-weight:800;
	color:var(--main-color);
	font-size:var(--font-16);
	margin-right:var(--margin-right-15);
}

.news-detail .post-share-options .tags-box a{
	position:relative;
	font-weight:600;
	color:var(--black-color);
}

.news-detail .post-share-options .tags-box a:hover{
	color:var(--main-color);
}

.news-detail .post-share-options .social-box{
	position:relative;
}

.news-detail .post-share-options .social-box li{
	position:relative;
	display:inline-block;
	margin-left:var(--margin-left-5);
}

.news-detail .post-share-options .social-box li a{
	position:relative;
	width:42px;
	height:42px;
	line-height:40px;
	border-radius:50px;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-16);
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.news-detail .post-share-options .social-box li a:hover{
	color:var(--white-color);
	border-color:var(--main-color);
	background-color:var(--main-color);
}

/* More Posts */

.news-detail .more-posts{
	position:relative;
	margin-top:var(--margin-top-45);
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.news-detail .more-posts .new-post{
	position:relative;
	padding:25px 25px;
}

.news-detail .more-posts .new-post:last-child{
	text-align:right;
}

.news-detail .more-posts a{
	position:relative;
	font-weight:700;
	font-size:var(--font-18);
	color:var(--black-color);
}

.news-detail .more-posts .prev-post{
	position:relative;
	letter-spacing:1px;
	display:inline-block;
	color:var(--main-color);
	text-transform:uppercase;
	margin-top:var(--margin-top-10);
}

.news-detail .more-posts .next-post{
	position:relative;
	letter-spacing:1px;
	display:inline-block;
	color:var(--main-color);
	text-transform:uppercase;
	margin-top:var(--margin-top-10);
}

.news-detail .more-posts .prev-post:hover,
.news-detail .more-posts .next-post:hover{
	color:var(--black-color);
}

.news-detail .author-box{
	position:relative;
	padding:15px 15px;
	margin-top:var(--margin-top-45);
	background-color:var(--color-two);
}

.news-detail .author-box .author-inner{
	position:relative;
	min-height:150px;
	padding-top:var(--padding-top-30);
	padding-left:var(--padding-left-180);
}

.news-detail .author-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	height:150px;
}

.news-detail .author-box .name{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-35);
	font-family:var(--font-family-Nova);
}

.news-detail .author-box .text{
	color:var(--color-twentythree);
	margin-top:var(--margin-top-20);
}

.news-detail .comments-area{
	position:relative;
	margin-top:var(--margin-top-40);
	margin-bottom:var(--margin-bottom-50);
}

.news-detail .group-title{
	position:relative;
	margin-bottom:var(--margin-bottom-25);
}

.news-detail .group-title h4{
	position:relative;
	color:var(--color-two);
}

.news-detail .comments-area .comment-box{
	position:relative;
	padding:22px 0px;
	margin-bottom:var(--margin-bottom-20);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-detail .comments-area .comment-box:before{
	position:absolute;
	content:'';
	left:55px;
	top:0px;
	right:0px;
	bottom:0px;
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.news-detail .comments-area .comment-box .comment{
	position:relative;
	min-height:130px;
	padding-top:var(--padding-top-20);
	padding-left:var(--padding-left-160);
}

.news-detail .comments-area .comment-box:last-child{
	margin-bottom:var(--margin-zero);
}

.news-detail .comments-area .reply-comment{
	padding-left:var(--padding-left-110);
}

.news-detail .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:130px;
	height:130px;
	overflow:hidden;
	margin-bottom:var(--margin-bottom-30);
}

.news-detail .comments-area .comment-box .author-thumb img{
	width:100%;
	display:block;
}

.news-detail .comments-area .comment-info{
	margin-bottom:var(--margin-bottom-15);
}

.news-detail .comments-area .comment-box strong{
	position:relative;
	font-weight:700;
	display:inline-block;
	font-size:var(--font-24);
	color:var(--color-two);
	text-transform:capitalize;
}

.news-detail .comments-area .comment-box .text{
	line-height:30px;
	font-size:var(--font-16);
	color:var(--color-three);
}

.news-detail .comments-area .comment-info .comment-time{
	position:relative;
	font-weight:500;
	letter-spacing:1px;
	font-size:var(--font-14);
	color:var(--main-color);
	display:inline-block;
	text-transform:uppercase;
	margin-left:var(--margin-left-15);
}

.news-detail .comments-area .comment-box .reply-btn{
	position:absolute;
	top:-5px;
	right:15px;
	font-weight:600;
	padding:6px 14px 3px;
	display:inline-block;
	font-size:var(--font-14);
	color:var(--white-color);
	text-transform:uppercase;
	background-color:var(--main-color);
}

.news-detail .comments-area .comment-box .reply-btn:hover{
	color:var(--white-color);
	background-color:var(--color-three);
}

.news-detail .comments-area .comment-box.reply-comment:before{
	left:180px;
}

/*** 

====================================================================
	Comment Form
====================================================================

***/

.comment-form .form-group{
	margin-bottom:var(--margin-bottom-20);
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select,
.comment-form .form-group .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 30px;
	height:70px;
	font-size:var(--font-16);
	color: var(--black-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color:var(--white-color);
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.comment-form .form-group textarea::-webkit-input-placeholder,
.comment-form .form-group input::-webkit-input-placeholder{
	font-weight:500;
	color:rgba(var(--black-color-rgb), 1);
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:var(--black-color);
	background-color:var(--white-color);
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:var(--font-16);
	color: var(--black-color);
	height:200px;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color:var(--white-color);
	border:1px solid rgba(var(--black-color-rgb), 0.08);
}

.comment-form .form-group button{
	padding:16px 50px;
	border-radius:0px;
}

/*** 

====================================================================
	Offers Section
====================================================================

***/

.offer-section-two{
	position:relative;
	padding:100px 0px 110px;
}

.offer-section-two .sec-title{
	margin-bottom:var(--margin-bottom-70);
}

.offer-section-two .owl-dots{
	position:relative;
	text-align:center;
	top:10px;
	margin-top:var(--margin-top-70);
}

.offer-section-two .owl-dots .owl-dot{
	position:relative;
	width:20px;
	height:20px;
	margin:0px 5px;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.offer-section-two .owl-dots .owl-dot.active,
.offer-section-two .owl-dots .owl-dot:hover{
	border-color:var(--main-color);
	background-color:var(--main-color);
}

.offer-section-two .owl-nav{
	position:relative;
	width:100%;
	max-width:300px;
	margin:0 auto;
	text-align:center;
	margin-top:var(--margin-top-70);
}

.offer-section-two .owl-nav .owl-prev{
	position:absolute;
	left:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.offer-section-two .owl-nav .owl-prev:before{
	position:absolute;
	content:'';
	top:-10px;
	left:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.offer-section-two .owl-nav .owl-next{
	position:absolute;
	right:0px;
	z-index:2;
	line-height:1em;
	display:inline-block;
	font-size:var(--font-40);
	color:var(--black-color);
}

.offer-section-two .owl-nav .owl-next:before{
	position:absolute;
	content:'';
	top:-10px;
	right:-35px;
	width:60px;
	height:60px;
	z-index:-1;
	border-radius:50px;
	display:inline-block;
	border:1px solid var(--color-six);
	background-color:var(--white-color);
}

.offer-section-two .offer-block-two{
	transform:translateY(50px);
}

.offer-section-two .owl-carousel .owl-stage-outer .owl-item.center .offer-block-two{
	transform:translateY(0px);
}

.offer-section-two .owl-carousel .owl-stage-outer{
	padding-bottom:var(--padding-bottom-20);
}

.offer-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
}

.offer-block-two .inner-box{
	position:relative;
}

.offer-block-two .image{
	position:relative;
}

.offer-block-two .image img{
	position:relative;
	width:100%;
	display:block;
}

.offer-block-two .lower-content{
	position:relative;
	text-align:center;
	padding:40px 30px 40px;
	border:1px solid rgba(var(--black-color-rgb), 0.08);
	border-top:none;
}

.offer-block-two .price{
	position:relative;
	font-weight:700;
	color:var(--main-color);
	font-size:var(--font-35);
}

.offer-block-two .price span{
	position:relative;
	font-size:var(--font-15);
	text-transform:uppercase;
	color:var(--color-twentyfour);
}

.offer-block-two h3{
	font-weight:normal;
	font-size:var(--font-35);
	margin-top:var(--margin-top-15);
}

.offer-block-two h3 a{
	position:relative;
	color:var(--black-color);
}

.offer-block-two h3 a:hover{
	color:var(--main-color);
}

.offer-block-two .text{
	color:var(--color-four);
	margin-top:var(--margin-top-15);
}

/*** 

====================================================================
	Delicious Section
====================================================================

***/

.delicious-section{
	position:relative;
	padding:110px 0px 80px;
}

.delicious-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.delicious-section .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-60);
}

.delicious-section .content-column h6{
	position:relative;
	font-weight:800;
	color:var(--black-color);
	text-transform:uppercase;
	text-decoration:underline;
	margin-bottom:var(--margin-bottom-25);
	font-family: var(--font-family-Poppins);
}

.delicious-section .content-column .text{
	max-width:600px;
	margin-bottom:var(--margin-bottom-20);
}

.delicious-section .check-list{
	position:relative;
}

.delicious-section .check-list li{
	position:relative;
	color:var(--color-four);
	font-size:var(--font-18);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-20);
}

.delicious-section .check-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.delicious-section .check-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.delicious-section .timing-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.delicious-section .timing-column .inner-column{
	position:relative;
	padding:50px 60px;
	background-color:var(--main-color);
}

.delicious-section .timing-column h6{
	position:relative;
	font-weight:700;
	letter-spacing:2px;
	color:var(--white-color);
	text-transform:uppercase;
	text-decoration:underline;
	margin-bottom:var(--margin-bottom-25);
	font-family: var(--font-family-Poppins);
}

.delicious-section .schedule-list{
	position:relative;
}

.delicious-section .schedule-list li{
	position:relative;
	color:var(--white-color);
	font-size:var(--font-18);
	margin-bottom:var(--margin-bottom-25);
	padding-bottom:var(--padding-bottom-25);
	border-bottom:1px solid rgba(var(--white-color-rgb), 0.40);
}

.delicious-section .schedule-list li span{
	position:relative;
	display:block;
	font-weight:700;
	font-size:var(--font-22);
	margin-top:var(--margin-top-15);
}

.delicious-section .schedule-list li:last-child{
	border:none;
	margin-bottom:var(--margin-zero);
	padding-bottom:var(--padding-zero);
}

/*** 

====================================================================
	Delicious Section
====================================================================

***/

.menu-section{
	position:relative;
	padding:0px 0px 80px;
}

.menu-section .menu-block:nth-child(1),
.menu-section .menu-block:nth-child(3){
	margin-top:var(--margin-top-35);
}

.menu-block{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.menu-block .inner-box{
	position:relative;
	padding:45px 45px;
	border:10px solid var(--black-color);
}

.menu-block h3{
	font-weight:normal;
	color:var(--black-color);
	font-size:var(--font-50);
	margin-bottom:var(--margin-bottom-15);
}

.menu-block .menu-list{
	position:relative;
}

.menu-block .menu-list li{
	position:relative;
	font-size:var(--font-14);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-20);
	padding-bottom:var(--padding-bottom-15);
	border-bottom:1px solid rgba(var(--black-color-rgb), 0.20);
}

.menu-block .menu-list li a{
	position:relative;
	font-weight:700;
	display:block;
	font-size:var(--font-16);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-5);
}

.menu-block .menu-list li a:hover{
	color:var(--main-color);
}

.menu-block .menu-list li span{
	position:absolute;
	right:0px;
	
	font-weight:700;
	font-size:var(--font-16);
}

.menu-block .menu-list li:last-child{
	border:none;
	margin-bottom:var(--margin-zero);
	padding-bottom:var(--padding-zero);
}

/*** 

====================================================================
	Bars Section
====================================================================

***/

.bars-section{
	position:relative;
	padding:90px 0px 60px;
	background-attachment:fixed;
	background-size:cover;
}

.bars-section .auto-container{
	position:relative;
}

.bars-section .wine-glass{
	position:absolute;
	right:30%;
	bottom:-60px;
}

.bars-section:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	opacity:0.80;
	background-color:var(--black-color);
}

.bars-section .content-box{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.bars-section .content-box h2{
	color:var(--white-color);
	font-weight:normal;
}

.bars-section .content-box .text{
	position:relative;
	max-width:540px;
	color:var(--white-color);
	margin-top:var(--margin-top-10);
}

.bars-section .content-box .phone{
	position:relative;
	font-weight:600;
	display:inline-block;
	color:var(--white-color);
	font-size:var(--font-24);
	margin-top:var(--margin-top-35);
}

.bars-section .content-box .phone .icon{
	position:relative;
	top:4px;
	font-weight:normal;
	font-size:var(--font-30);
	margin-right:var(--margin-right-15);
}

.bars-section .content-box .phone:hover{
	color:var(--main-color);
}

.bars-section .price-box{
	position:relative;
	padding:40px 45px;
	max-width:390px;
	width:100%;
	background-color:var(--white-color);
	margin-bottom:var(--margin-bottom-30);
}

.bars-section .price-box h2{
	font-weight:normal;
	font-size:var(--font-50);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-15);
}

.bars-section .price-box .menu-list{
	position:relative;
}

.bars-section .price-box .menu-list li{
	position:relative;
	font-size:var(--font-14);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-20);
	padding-bottom:var(--padding-bottom-15);
	border-bottom:1px solid rgba(var(--black-color-rgb), 0.20);
}

.bars-section .price-box .menu-list li a{
	position:relative;
	font-weight:700;
	display:block;
	font-size:var(--font-16);
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-5);
}

.bars-section .price-box .menu-list li a:hover{
	color:var(--main-color);
}

.bars-section .price-box .menu-list li span{
	position:absolute;
	right:0px;
	
	font-weight:700;
	font-size:var(--font-16);
}

.bars-section .price-box .menu-list li:last-child{
	border:none;
	margin-bottom:var(--margin-zero);
	padding-bottom:var(--padding-zero);
}

/*** 

====================================================================
	Rooms Section
====================================================================

***/

.room-section{
	position:relative;
	padding:120px 0px 80px;
}

.room-block-two{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-block-two .inner-box{
	position:relative;
}

.room-block-two .image{
	position:relative;
	overflow:hidden;
}

.room-block-two .image img{
	position:relative;
	width:100%;
	display:block;
}

.room-block-two .room-content{
	position:absolute;
	left:30px;
	bottom:30px;
	max-width:490px;
	width:100%;
	padding:40px 40px;
	background-color:var(--white-color);
}

.room-block-two .room-content h2{
	font-size:var(--font-45);
}

.room-block-two .room-content h2 a{
	position:relative;
	color:var(--black-color);
}

.room-block-two .room-content h2 a:hover{
	color:var(--main-color);
}

.room-block-two .room-content .price{
	position:relative;
	font-weight:700;
	letter-spacing:3px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--color-eight);
}

.room-block-two .room-content .price span{
	position:relative;
	color:var(--main-color);
}

.room-block-two .room-content .text{
	position:relative;
	font-weight:400;
	font-size:var(--font-16);
	color:var(--color-four);
	margin-top:var(--margin-top-20);
}

.room-block-two .room-content .lower-box{
	position:relative;
	margin-top:var(--margin-top-20);
	padding-top:var(--padding-top-25);
	border-top:1px solid rgba(var(--black-color-rgb), 0.12);
}

.room-block-two .room-content .lower-box .options{
	position:relative;
}

.room-block-two .room-content .lower-box .options li{
	position:relative;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-18);
	color:var(--black-color);
	margin-right:var(--margin-right-5);
	background-color:var(--color-nine);
}

.room-block-two .room-content .lower-box .rating{
	position:relative;
	padding:5px 15px;
	display:inline-block;
	color:var(--white-color);
	background-color:var(--main-color);
}

/*** 

====================================================================
	Rooms Section Three
====================================================================

***/

.room-section-three{
	position:relative;
	padding:100px 0px 80px;
}

/* Room Block Three */

.room-block-three{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-block-three .inner-box{
	position:relative;
}

.room-block-three .image-column{
	position:relative;
}

.room-block-three .image-column .inner-column{
	position:relative;
	padding-right:var(--padding-right-50);
}

.room-block-three .image{
	position:relative;
	overflow:hidden;
}

.room-block-three .image img{
	position:relative;
	width:100%;
	display:block;
}

.room-block-three h2{
	font-size:var(--font-45);
}

.room-block-three h2 a{
	position:relative;
	color:var(--black-color);
}

.room-block-three h2 a:hover{
	color:var(--main-color);
}

.room-block-three .price{
	position:relative;
	font-weight:700;
	letter-spacing:3px;
	font-size:var(--font-16);
	text-transform:uppercase;
	color:var(--color-eight);
}

.room-block-three .price span{
	position:relative;
	color:var(--main-color);
}

.room-block-three .text{
	position:relative;
	font-weight:400;
	font-size:var(--font-16);
	color:var(--color-four);
	margin-top:var(--margin-top-20);
	margin-bottom:var(--margin-bottom-30);
}

.room-block-three .content-column{
	position:relative;
}

.room-block-three .content-column .inner-column{
	position:relative;
	padding-top:var(--padding-top-70);
}

.room-block-three .options{
	position:relative;
}

.room-block-three .options li{
	position:relative;
	min-height:40px;
	color:var(--color-four);
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-55);
	margin-bottom:var(--margin-bottom-15);
}

.room-block-three .options li span{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-18);
	color:var(--black-color);
	margin-right:var(--margin-right-5);
	background-color:var(--color-nine);
}

.room-block-three .button-box{
	position:relative;
	margin-top:var(--margin-top-20);
}

.room-block-three .button-box .theme-btn{
	padding:14px 48px;
}

/*** 

====================================================================
	Reservation Section
====================================================================

***/

.reservation-section{
	position:relative;
	padding-top:var(--padding-top-100);
}

.reservation-tabs{
	position:relative;
}

.reservation-tabs:before{
	position:absolute;
	content:'';
	left:0px;
	top:30px;
	right:0px;
	bottom:0px;
	border:1px solid rgba(var(--black-color-rgb), 0.12);
}

.reservation-tabs .tab-btns{
	position:relative;
}

.reservation-tabs .tab-btns .tab-btn{
	position:relative;
	float:left;
	background-color:var(--color-two);
	color:var(--white-color);
	text-transform:capacity-section;
	font-size:var(--font-16);
	line-height:24px;
	cursor:pointer;
	font-weight:500;
	padding:19px 44px;
	transition:all 500ms ease;
}

.reservation-tabs .tab-btns .tab-btn:before{
	position:absolute;
	content:'';
	right:0px;
	top:12px;
	bottom:12px;
	width:1px;
	opacity:0.50;
	background-color:var(--white-color);
}

.reservation-tabs .tab-btns .tab-btn:last-child::before{
	display:none;
}

.reservation-tabs .tab-btns .tab-btn:hover,
.reservation-tabs .tab-btns .tab-btn.active-btn{
	color:var(--white-color);
	background-color:var(--main-color);
}

.reservation-tabs .tab-btns .tab-btn:hover::before,
.reservation-tabs .tab-btns .tab-btn.active-btn::before{
	display:none;
}

.reservation-tabs .tabs-content{
	position:relative;
	padding:30px 30px 30px;
}

.reservation-tabs .tabs-content .tab{
	position:relative;
	display:none;
	border-top:0px;
}

.reservation-tabs .tabs-content .tab.active-tab{
	display:block;	
}

.reservation-tabs .off-bar{
	position:relative;
	padding:12px 10px;
	text-align:center;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--black-color);
	background-color:var(--color-five);
	margin-bottom:var(--margin-bottom-35);
}

/*** 

====================================================================
	Reservation Form
====================================================================

***/

.reservation-form .form-group{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.reservation-form .form-group .icon{
	position:absolute;
	right:35px;
	bottom:20px;
	z-index:1;
	color:var(--color-two);
	font-size:var(--font-20);
	font-family: "flaticon";
}

.reservation-form .form-group label{
	position:relative;
	display:block;
	font-weight:500;
	letter-spacing:1px;
	color:var(--color-two);
	text-transform:uppercase;
	font-size:var(--font-14);
	margin-bottom:var(--margin-bottom-5);
}

.reservation-form .form-group:last-child{
	margin-bottom:0px;
}

.reservation-form .form-group input[type="text"],
.reservation-form .form-group input[type="password"],
.reservation-form .form-group input[type="tel"],
.reservation-form .form-group input[type="email"],
.reservation-form .form-group select,
.reservation-form .form-group .ui-selectmenu-button.ui-button{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 25px;
	height:60px;
	border-radius:0px;
	font-size:var(--font-15);
	color:var(--color-fourtynine);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border:1px solid rgba(var(--black-color-rgb), 0.06);
}

.reservation-form .form-group textarea::-webkit-input-placeholder,
.reservation-form .form-group input::-webkit-input-placeholder{
	color:var(--color-four);
}

.reservation-form .form-group input[type="text"]:focus,
.reservation-form .form-group input[type="password"]:focus,
.reservation-form .form-group input[type="tel"]:focus,
.reservation-form .form-group input[type="email"]:focus,
.reservation-form .form-group select:focus,
.reservation-form .form-group textarea:focus{
	border-color:var(--black-color);
	background-color:var(--white-color);
}

.reservation-form .form-group .ui-selectmenu-button.ui-button{
	padding:16px 25px;
}

.reservation-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:24px;
	padding:15px 25px 25px;
	font-size:var(--font-15);
	color:var(--color-fourtynine);
	height:220px;
	resize:none;
	border-radius:0px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background:none;
	border:1px solid rgba(var(--black-color-rgb), 0.06);
}

.reservation-form .theme-btn{
	cursor:pointer;
	border-radius:0px;
	padding:18px 40px;
	font-size:var(--font-16);
	text-transform:uppercase;
}

/*** 

====================================================================
	Room Detail Section
====================================================================

***/

.room-detail-section{
	position:relative;
	padding:100px 0px 0px;
}

.room-detail-section .carousel-outer{
	position:relative;
}

.room-detail-section .carousel-outer .image{
	position:relative;
	margin-bottom:0px;
}

.room-detail-section .carousel-outer .thumbs-carousel{
	position:relative;
	max-width:600px;
	width:100%;
	margin-top:var(--margin-top-20);
}

.room-detail-section .carousel-outer .thumbs-carousel .thumb{
	cursor:pointer;
}

.room-detail-section .carousel-outer .view-image{
	position:absolute;
	left:20px;
	bottom:20px;
	width:50px;
	height:50px;
	cursor:pointer;
	line-height:50px;
	text-align:center;
	color:var(--black-color);
	font-size:var(--font-18);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
	background-color:var(--white-color);
}

.room-detail-section .carousel-outer .view-image:hover{
	color:var(--white-color);
	background-color:var(--black-color);
}

.room-detail-section .swiper-button-next,
.room-detail-section .swiper-button-prev{
	display:none;
}

.room-detail-section .content-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-detail-section .content-column .inner-column{
	position:relative;
}

.room-detail-section .content-column h5{
	position:relative;
	font-weight:700;
	display:inline-block;
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-25);
	font-family: var(--font-family-Poppins);
	border-bottom:2px solid var(--main-color);
}

.room-detail-section .content-column p{
	margin-bottom:var(--margin-bottom-20);
}

.room-detail-section .content-column p span{
	opacity:0.90;
	font-weight:700;
	color:var(--color-four);
	text-decoration:underline;
}

.room-detail-section .content-column .image{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

/* Options List */

.room-detail-section .options-list{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-detail-section .options-list li{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-three);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.room-detail-section .options-list li:before{
	position:absolute;
	content: "\f19a";
	left:0px;
	top:0px;
	color:var(--main-color);
	font-family: "flaticon";
}

.room-detail-section .options-list li:last-child{
	margin-bottom:var(--margin-zero);
}

/* List */

.room-detail-section .list{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-detail-section .list li{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-three);
	padding-left:var(--padding-left-30);
	margin-bottom:var(--margin-bottom-15);
}

.room-detail-section .list li:before{
	position:absolute;
	content: "";
	left:0px;
	top:4px;
	width:10px;
	height:10px;
	border-radius:50px;
	font-family: "flaticon";
	background-color:var(--main-color);
}

.room-detail-section .list li:last-child{
	margin-bottom:var(--margin-zero);
}

.room-detail-section .quote-box{
	position:relative;
	padding:52px 50px;
	font-weight:700;
	line-height:40px;
	font-size:var(--font-24);
	color:var(--white-color);
	background-color:var(--main-color);
	margin-bottom:var(--margin-bottom-30);
}

.room-detail-section .quote-box .icon{
	position:relative;
	line-height:1em;
	display:block;
	font-weight:normal;
	font-size:var(--font-60);
	color:var(--white-color);
}

.room-detail-section .image-box{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-detail-section .image-box img{
	position:relative;
	width:100%;
	display:block;
}

.room-detail-section .image-box .image-title{
	position:absolute;
	left:15px;
	bottom:15px;
	font-weight:700;
	padding:17px 25px 15px;
	color:var(--black-color);
	font-size:var(--font-24);
	background-color:var(--white-color);
}

.room-detail-section .phone{
	position:relative;
	padding:22px 10px 27px;
	text-align:center;
	color:var(--white-color);
	font-size:var(--font-18);
	margin-top:var(--margin-top-40);
	background-color:var(--color-two);
}

.room-detail-section .phone a{
	position:relative;
	font-weight:700;
	color:var(--white-color);
	text-decoration:underline;
}

.room-detail-section .phone .icon{
	position:relative;
	line-height:1em;
	top:6px;
	font-size:var(--font-26);
	margin-right:var(--margin-right-15);
}

.room-detail-section .phone a:hover{
	color:var(--main-color);
}

.room-detail-section .sidebar-column{
	position:relative;
	margin-bottom:var(--margin-bottom-30);
}

.room-detail-section .sidebar-column .inner-column{
	position:relative;
}

.room-detail-section .options-widget{
	position:relative;
	padding:45px 35px;
	border:1px solid rgba(var(--black-color-rgb), 0.20);
}

.room-detail-section .options-widget h5{
	position:relative;
	font-weight:700;
	display:inline-block;
	color:var(--black-color);
	margin-bottom:var(--margin-bottom-25);
	font-family: var(--font-family-Poppins);
	border-bottom:2px solid var(--main-color);
}

.room-detail-section .options-widget .options{
	position:relative;
}

.room-detail-section .options-widget .options li{
	position:relative;
	min-height:40px;
	color:var(--color-four);
	padding-top:var(--padding-top-10);
	padding-left:var(--padding-left-55);
	margin-bottom:var(--margin-bottom-15);
}

.room-detail-section .options-widget .options li span{
	position:absolute;
	left:0px;
	top:0px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	font-size:var(--font-18);
	color:var(--black-color);
	margin-right:var(--margin-right-5);
	background-color:var(--color-nine);
}

.room-detail-section .options-widget .options li:last-child{
	margin-bottom:var(--margin-zero);
}

.room-detail-section .book-box{
	position:relative;
	padding:40px 35px;
	background-color:var(--color-two);
}

.room-detail-section .book-box .text{
	position:relative;
	font-weight:700;
	color:var(--white-color);
	font-size:var(--font-16);
	margin-bottom:var(--margin-bottom-15);
}

.room-detail-section .book-box .text a{
	position:relative;
	display:block;
	font-weight:700;
	color:var(--white-color);
	font-size:var(--font-18);
}

.room-detail-section .book-box .text:last-child{
	margin-bottom:var(--margin-zero);
}

.room-detail-section .book-box .text a:hover{
	color:var(--main-color);
}

.room-detail-section .button-box{
	position:relative;
	margin-top:var(--margin-top-20);
}



/* New Styles for Booking Engine */

.logo-custom-box{
	width: 250px;
    margin: auto;
    background: #ffffffd9;
    padding: 15px;
    border-radius: 0px 0px 7px 7px;
}
.booking-progress{position: relative;}

.line-container {
	margin-top: 45vh;
	display: flex;
	width: 100%;
  
	.progress-line {
		position: relative;
		margin: 0 auto;
		border-radius: 10px;
		width: 90%;
		background: white;
		height: 1px;
		z-index: 1;
		display: flex;
		justify-content: space-between;
  
	  .progress {
		position: absolute;
		width: 75%;
		height: 100%;
		background-color: #1ab394;
		background-image: linear-gradient(#1ab394, #1a91ae);
		transition: width 1s ease-in-out;
	  }
	}
  
	.status {
	  position: relative;
	  top: -9.5px;
  
	  .dot {
		padding: 8px 8px 4px 5px;
		border-radius: 50%;
		background: white;
		border: 5px solid grey;
		cursor: pointer;
  
		&.current {
		  background: white;
		  border: 5px solid #1ab394;
		}
  
		&.completed {
			position: relative;
			/* background: orange; */
			border: 5px solid #1ab394;
			background-color: #1ab394;
			background-image: linear-gradient(#1ab394, #1a91ae);
  
		  &::after {
			content: "";
			position: absolute;
			top: calc(50% - 5px);
			left: calc(50% - 5.5px);
			height: 5px;
			width: 10px;
			border-left: 2px solid white;
			border-bottom: 2px solid white;
			transform-origin: center;
			transform: rotate(-45deg);
			z-index: 2;
		  }
		}
	  }
	}
  }

  .stage{padding: 15px 0px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 17px;
}
.label{background-color: #1ab394;
    background-image: linear-gradient(#1ab394, #1a91ae);
    padding: 2px 5px;
    color: #FFF;}
	.gift-block .inner-box{   
		 /* border: 1px solid #f5f5f5; */
		/* padding: 15px; */
    border-radius: 7px;
    /* box-shadow: 1px 1px 6px #dfdfdf; */
	background: #FFFFFF;
	/* box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); */
	box-shadow:0 2px 5px 0px rgba(0,0,0,.2), 0 0px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.12);
}

.room-options li .icon {
    position: relative;
    width: 30px;
    margin-right: 3px;
    float: left;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    text-align: center;
    color: rgb(0 0 0);
    font-size: 15px;
    /* background-color: rgb(134 205 200); */
	border: 1px solid #d2d2d2
}
  


.left-box .ui-selectmenu-button{background: #151516 !important;
    color: #ffffff !important;
    margin-top: 16px;
    border-bottom: 1px solid #ffffff !important;}

	.page-title{
		position: relative;
		overflow: hidden;
		background-attachment: fixed;
		background-size: cover;
		padding: 5px 0px 5px;
		/* min-height: 300px; */
		min-height: 110px;

	}
	
	.page-title:before{
		position:absolute;
		content:'';
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		opacity:0.60;
		/* background-color: var(--black-color); */
	}
	
	.page-title h1{
		font-weight:400;
		color:var(--white-color);
		text-transform:uppercase;
	}
	
	.page-title .text{
		position: relative;
		letter-spacing:2px;
		color:var(--white-color);
		text-transform:uppercase;
		margin-top:var(--margin-top-5);
		padding-bottom:var(--padding-bottom-25);
	}
	
	.page-title .text:before{
		position: absolute;
		content:'';
		left:0px;
		bottom:0px;
		width:150px;
		height:1px;
		opacity:0.60;
		background-color:var(--white-color);
	}
	
	.page-title .text span{
		position: relative;
		color:var(--main-color);
	}
	.check-in-label, .check-out-label{font-size: 11px; line-height: 18px; color: #ffffff !important;}
	.day{font-size: 40px; color: #FFFFFF; line-height: 31px;}
	.check-in, .check-out{
		background: var(--secondary-color);
		width: 80px;
		text-align: center;
		border-radius: var(--border_radius); 
		color: #FFFFFF;
		float: left;
	}
	.separator{float: left; color: #ffffff;
		padding: 30px 3px;
		font-weight: 600;
		font-size: 22px;}
	.promo-code{   
		background: var(--secondary-color) !important;
		color: #FFF !important;
		padding: 5px 0px !important;
		margin: 0px !important;
		height: 28px !important;
		text-align: center;
		width: 100%;
		border-style: none!important; 
    border-width: 0px!important; 
     border-color:transparent!important; 
		border-radius: var(--border_radius);
	}
	.theme-btn{
		font-weight: 700;
		width: 100%;
		padding: 10px 35px;
		font-size: var(--font-16);
		text-transform: capitalize;
		color: var(--white-color);
		background-color: #1ab394;
		background-image: linear-gradient(#1ab394, #1a91ae);
		border-radius: 7px;
		margin-top:3px;	}

	.occupancy-box,.occupancy-box:hover{
		background: var(--secondary-color);
		width: 71px;
		text-align: center;
		border-radius: var(--border_radius);
		color: #FFFFFF;
		float: left;
		margin-right: 2px;
		padding: 0px 0px 5px 0px;
		margin-bottom: 10px;
		cursor: pointer;
		/* border: 1px solid #ccc; */
		position: relative;
	}
	.occupancy-label{   display: block;
		color: #fff;
		text-align: center;
		background: var(--secondary-color);
		margin-bottom: 2px;
		border-radius: var(--border_radius);
	}
	.occupancy-count{
		font-size: 30px;
		color: #FFFFFF;
		line-height: 24px;
	}

	.rate{  
		margin-left:2px;  
  
		background-color:#87bf9a;
		color: #FFFFFF;
		padding: 2px 5px}
	.b_widget_booking_widget_style .booking-form{
		padding: 10px 0px 0px 10px;
		justify-content: center;
	
	}
.booking-form{
	/* padding: 10px 0px 0px 10px; */
    position: absolute;
    /* bottom: 0; */
	top:0px;
	background: rgb(34 32 32 / 83%);
    /* background: rgb(0 0 0 / 83%); */
	border-radius: 10px;
    text-align: center;
}
.booking-form-container{width: 1000px;
    margin: auto;}

.offer-row{margin-top: 15px;}
.marketing-title{font-size: 14px;
    font-family:  "Open Sans", sans-serif !important;
    color: #319a95;
	margin-top:-5px;
	margin-bottom: 0px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* font-weight: 600; */
}

.last-inv{    
	color: #F00;
    font-size: 12px;
    /* font-weight: bold; */
}

    .room-info{    
		/* background: #1895ac; */
        padding: 2px 0px;
        color: #319a95;
        border-radius: 4px;
        font-weight: 600;
        font-size: 12px;}
.offer-tag{
	background: #f7e96d;
    padding: 2px 5px;
    font-size: 10px;
    /* font-weight: 600; */
    border: 1px dashed #FFC107;
}
.select-room{    padding: 7px 15px;
    background-color: #1ab394;
    background-image: linear-gradient(#1ab394, #1a91ae);
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
    text-transform: uppercase;}
.main-price{    color: #319a95;
    font-size: 17px;
    padding: 0px 0px;
    font-family:  "Open Sans", sans-serif;
    font-weight: bold;
}
.price-old{
    font-size: 13px;
    font-family:  "Open Sans", sans-serif;
    color: #b7b7b7;
    /* font-style: unset; */
    text-decoration: line-through;
}
.board-info{
    font-weight: bold;
}
.price-section{
    float:right;
}

.red-tag{display: block;
    color: #e90404;
    padding: 10px 0px 0px;
    font-size: 10px;
    font-weight: 600;
}

.green-tag{
    display: block;
    color: #04c401;
    padding: 10px 0px 0px;
    font-size: 13px;
    font-weight: 600;
}
.rate-details{
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: #504e4a;
    /* float: right; */
    padding: 0px 5px;
}

.sticky-header{
    min-height: 100px;
}

.loyalty-title{
    font-size: 17px;
    font-family:  "Open Sans", sans-serif;
    font-weight: bold;
    line-height: 6px;
	color: #ECD38A;

}

.loyalty-program{
    background: #FFFFFF;
    margin-bottom: 15px;
    /* padding: 20px; */
    box-shadow: 1px 1px 6px #dfdfdf;
    border-radius: 5px;
    margin: 15px;
}

.loyalty-content-section{
    /* background-color: #FFFFFF; */
    padding: 10px 2px 2px 3px;
	background-size: cover;
	text-align: end;
	border-radius:5px;
}

.loyalty-activation{
	/* border-radius: 50px 5px 5px 50px;
    background-color: #f8f7f7;
	box-shadow: 0px 0px 0px 2px #eae8e8; */
	    /* background-image: linear-gradient(#1ab394, #1a91ae); */

}

.loyalty-subtitle{
	padding: 7px 6px 7px 18px;
    /* padding: 26px; */
    font-size: 19px;
    color: #000000;
    font-weight: 400;
    float: left;
    margin-bottom: 0px;

}

.form-switchs .member_dis_check {
    width: 3em !important;}

    .member_dis_check:checked {
        background-color: #cae1de !important;
        border-color: #1999a7 !important;
    }
    .member_dis_check {
        height: 24px !important;}

        .form-switchs {
			padding: 8px 25px !important;

            /* padding: 25px !important; */
            margin-left: 20px !important;
            float: left !important;
        }


/* New Styles */

.select-dates {
    /* padding: 10px; */
    /* border: 1px solid #ccc; */
    border-radius: 4px;
}





.occupancy-box:hover {
    background-color: #1a1414;
}

.occupancy-count {
    /* display: inline-block;
    width: 20px;
    text-align: center; */
	display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 999;
    padding: 12px 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.dropdown-content.show {
    display: block;
	width:240px;
}

.increment-decrement {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
	justify-content: space-between;
}

.increment-decrement button {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
	color:black;
}

.increment-decrement span {
    margin: 0 10px;
    width: 20px;
    text-align: center;
}

.increment-decrement button:disabled {
    cursor: not-allowed;
    color: #ccc;
}

.room-label, .adult-label, .child-label{
    display: block;
    font-size: 11px;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.form-group {
    margin: 10px;
}

.flatpickr-day {
    background: none;
    border: 1px solid #e5e5e5 !important;
    border-radius: 3px !important;
}



.price-tag{

	position: absolute;

    top: 14px;

    font-size: 9px;

    width: 50px;

}



.flatpickr-day.today {

    border-color: #74d177 !important;

    background-color: #c3f1c5 !important;

}



/* calendar styles */

/* Set the minimum width and height for the calendar container */

.flatpickr-calendar {

    min-width: 750px;

    min-height: 325px;

    /* display: grid; */

    grid-template-columns: repeat(2, 1fr); /* Two months side by side */

    grid-gap: 10px; /* Space between months */

}



/* Style for the two-month view */

.flatpickr-calendar .flatpickr-month {

    width: 100%;

    display: flex;

    flex-direction: column;

}

.flatpickr-days{

	min-width: 750px!important;
	width: 750px !important;
}


.dayContainer {

    min-width: 371px!important;

    max-width: 382px!important;

    margin: 2px!important;

}

.flatpickr-day {

    max-width: 60px!important;

    height: 44px!important;

    margin: 0px!important;

}





/* Style for price tags (optional) */

.price-tag {

    font-size: 10px;

    color: #333;

    position: absolute;

    bottom: 5px;

    left: 50%;

    transform: translateX(-50%);

}

.day-tag{
	font-size: 14px;
    font-size: 14px;
    color: #333;
    position: relative;
    top: -10px;
}

.search-calender-price{
	font-size: 8px;
	color: #333;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}
.increment-decrement_span{
	width: 80px !important;;
	margin-left: 0px !important;
	text-align: justify!important;
  }
  .ad_cnt {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.ad_area{
	text-align: justify!important;
}
.ad_area p {
    font-size: 13px;
    color: #9da3a8;
    margin-bottom: 0;
}
.search_acc{
	color: #868686;
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 2px;
    font-size: 14px;
}
.occupancy_age {
    padding: 0 8px !important;
}
.occupancy_age .search_select {
    height: 24px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    padding: 0 3px 1px 5px !important;
}
.occupancy_age .form-select {
    background-position: right 2px top 6px;
}
.search_select {
    width: 70px !important;
    color: #000 !important;
    margin: 2px 0;
    border: 1px solid #d9dde1 !important;
    font-size: 13px !important;
}
.b_widget_booking_form_forms{
	display: flex;
	justify-content: center;
}
.home_serach_btn{
	/* line-height: 2.2em!important; */
	padding: 10px;
	background-image: var(--primary-color)!important;
	background: var(--primary-color)!important;
	border-radius: var(--border_radius)!important;
}
.b_widget_booking_widget_style .home_serach_btn{
	line-height: 1.7em;
}
.b_widget_tab_all {
    /* margin: 0px 6%; */
  }
  .reservation_tab {
	list-style: none;
	display: inline-block;
	padding: 0px !important;
	margin: 0px !important;
	width: 100%;
	background: #fff;
  }
  .reservation_tab_12 {
	display: flex !important;
	justify-content: center;
  }
  .tab_active {
    /* background-color: #a0a0a0 !important;
    box-shadow: 0 4px 4px #a0a0a0 !important; */
  }
  .tab_circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--secondary-color);
    color: white;
  }
  .tab_head {
    margin-left: 10px;
    font-weight: 500;
  }
  .tab_active {
    background-color: var(--primary-color);
    float: left;
    padding: 5px 25px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    box-shadow: 0 4px 4px var(--primary-color);
    border-radius: var(--border_radius);
  }
  .tab_list {
    float: left;
    padding: 5px 25px;
    font-size: 14px;
    background-color: #f1f1f1;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }
  .gift-section{
	position:relative;
	padding:54px 0px 70px;
    margin: 0px 109px;

}
.b_widget_row_align {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .b_widget_number_room_ul_sqr{
	width:auto;
  }
  .b_widget_message_fr_room {
    padding: 10px 10px 10px 10px;
    background: #fcf1d8;
    margin: 0px 0px 10px 0px;
    font-size: 13px;
    border: 1px #fcf1d8;
    border-radius: 5px;
  }
  body.body {
    font-family: "Open Sans", sans-serif;
  }
  .dropdown {
    position: relative;
    display: inline-block;
    margin-left: 50px;
  }
  
  .dropbtn {
    background-color: #4caf50;
    color: white;
    padding: 10px;
    font-size: 16px;
    border: none;
  }
  
  .dropdown-content {
    display: none;
    /* position: absolute; */
    /* position: fixed; */
    background-color: #f9f9f9;
    min-width: 245px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    /* margin-top:60px; */
    margin-top: 14px;
    max-height: 400px;
    overflow: scroll;
  }
  
  .dropdown-content.show {
    display: block;
    width: 245px;
  }
  
  .dropdown-content1 {
    /* position: absolute; */
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 245px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: 14px;
    max-height: 400px;
    overflow: scroll;
    bottom: 200px;
    left: 16px;
    padding: 12px 16px;
  }
  
  .dropdown-content1.show {
    display: block!important;
    width: 245px;
	height: 219px;
	position: fixed;
	/* top:150px; */
  }
  .search_occupancy {
    padding: 5px 10px 5px 10px;
  }
  
  /* Add styles for the triangle pseudo-element */
  .dropdown-content-triangle {
    position: absolute;
    top: -10px;
    left: 21%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: 0;
    border-bottom-color: #b7b4b4a6;
  }
  .room_section {
    border-bottom: 1px solid #d2d2d2;
    padding: 14px 7px;
    height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  /* adult area */
  .search_ad_area {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 8px; */
  }
  .ad_cnt {
    display: flex;
    justify-content: space-between;
  }
  .neg_btn {
    /* padding: 3px 13px; */
    height: 32px;
    border-radius: 2px;
    color: #198754;
    border: 1px solid #198754;
    width: 32px;
    background: transparent !important;
    background-image: none !important;
    padding: 2px 10px !important;
  }
  .pos_btn {
    /* padding: 3px 11px; */
    height: 32px;
    border-radius: 2px;
    color: #198754;
    border: 1px solid #198754;
    width: 32px;
    background: transparent !important;
    background-image: none !important;
    padding: 2px 10px !important;
  }
  .ad_count {
    /* padding: 0px 15px; */
    margin-bottom: 2px;
    width: 38px;
  }
  .ad_area h4 {
    margin-bottom: 0px;
    font-size: 19px;
    text-align: left;
  }
  .ad_area p {
    font-size: 13px;
    color: #9da3a8;
    margin-bottom: 0px;
  }
  
  /* children area */
  .search_ch_area {
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
  }
  
  .ch_cnt {
    display: flex;
    justify-content: space-between;
  }
  .neg_btn {
    /* padding: 3px 13px; */
    height: 32px !important;
    border-radius: 2px !important;
    color: #198754 !important;
    border: 1px solid #198754 !important;
    width: 32px !important;
  }
  .pos_btn {
    /* padding: 3px 11px; */
    height: 32px !important;
    border-radius: 2px !important;
    color: #198754 !important;
    border: 1px solid #198754 !important;
    width: 32px !important;
  }
  .ch_count {
    /* padding: 0px 15px; */
    margin-bottom: 2px;
    width: 38px;
  }
  .ch_area h4 {
    margin-bottom: 0px;
    font-size: 19px;
    text-align: left;
  }
  .ch_area p {
    font-size: 13px;
    color: #9da3a8;
    margin-bottom: 0px;
  }
  
  /*  */
  .add_room {
    border-top: 1px solid #d2d2d2;
    padding: 12px 8px;
    text-align: center;
  }
  .add_room button,
  .add_room button:hover {
    padding: 9px 33px;
    color: #198754;
    border: 1px solid #198754;
    background: transparent;
  }
  .neg_btn_dis {
    height: 32px !important;
    border-radius: 2px !important;
    color: #c3d3cc !important;
    border: 1px solid #9fb7ac !important;
    width: 32px !important;
    background: transparent !important;
    background-image: none !important;
    padding: 2px 10px !important;
  }
  .pos_btn_dis {
    height: 32px !important;
    border-radius: 2px !important;
  
    color: #c3d3cc !important;
    border: 1px solid #9fb7ac !important;
    width: 32px !important;
    background: transparent !important;
    background-image: none !important;
    padding: 2px 10px !important;
  }
  .room_name {
    /* float: left; */
  }
  .room_remove {
    /* float: right; */
  }
  .room_remove button {
    font-weight: 700;
    width: 100%;
    padding: 10px 35px;
    font-size: var(--font-16);
    text-transform: capitalize;
    color: var(--white-color);
    background-color: #1ab394;
    background-image: linear-gradient(#1ab394, #1a91ae);
    border-radius: 7px;
  }
  .search_select {
    width: 70px !important;
    color: black !important;
    margin: 2px 0px;
    border-bottom: 1px solid #d9dde1 !important;
    font-size: 13px !important;
  }
  .search_acc {
    color: #868686;
    line-height: 14px;
    margin-top: 5px;
    margin-bottom: 2px;
    font-size: 14px;
  }
  .page-wrapper_1 {
  }
  .rmdp-container {
    display: block !important;
  }
  .new_datepicker {
    width: 900px;
  }
  .search_select:focus {
    border-color: none;
    outline: 0;
    box-shadow: none;
  }
  .occupancy_age {
    padding: 0px 8px !important;
  }
  .search_select_option {
    font-size: 12px !important;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Open Sans", sans-serif;
  }
  .member_dis_check {
    background-color: #ff7979 !important;
    border: none !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
  }
  .member_dis_check:checked {
    background-color: rgb(51, 190, 51) !important;
    border-color: rgb(51, 190, 51) !important;
  }
  .member_dis_check:focus {
    box-shadow: none !important;
  }
  .room-options {
    display: contents;
  }
  .room_des_text {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-top: 5px !important;
  }
  .last-inv {
    margin-bottom: 5px;
  }
  .resp-tabs-list .slick-slide {
    margin: 1px;
  }
  .resp-tabs-list .slick-slide li {
    border-radius: 4px;
    padding: 7px 14px 9px 13px !important;
    border: 1px solid #d1d3d3;
  }
  .b_widget_room_offer_details {
    font-size: 12px;
    position: relative;
  }
  .b_widget_room_offer_details span {
    font-size: 12px;
    position: absolute;
    left: 0;
    float: left;
  }
  .room_boards {
    display: flex;
    align-items: center;
    padding: 5px 5px;
  }
  .radio_room_board {
    margin-right: 2px;
    width: 12px;
    height: 12px;
    margin-top: 6px;
  }
  .radio_room_board:checked {
    background-color: #1999a8;
    border-color: #1d9ba7;
    font-size: 16px;
  }
  .radio_room_board:focus {
    box-shadow: none;
  }
  .main-price_top {
    color: #319a95;
    font-size: 24px;
    padding: 0px 0px;
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    line-height: 10px;
  }
  .room_price {
    /* margin-top: 8px; */
    /* margin-bottom: 21px; */
    /* display: flex;
      justify-content: space-between; */
    float: right;
  }
  .room_price_p {
    margin-bottom: 5px;
    font-size: 12px;
  }
  .show_price_drop {
    padding: 3px 8px;
    margin-top: 13px;
    border-radius: 4px;
    background: #319a95;
    color: white;
  }
  
  .hotel_slider .slick-prev,
  .hotel_slider .slick-prev:hover {
    left: -14px !important; /* Adjust the distance from the left edge */
    right: auto !important;
    /* background: #fafcff; */
    border-radius: 3px;
    z-index: 9;
  
    /* height: 18px;
    width: 20px; */
  }
  
  .hotel_slider .slick-next,
  .hotel_slider .slick-next:hover {
    right: -14px !important;
    left: auto !important;
    /* background: #fafcff; */
    border-radius: 3px;
    z-index: 9;
    /* height: 18px;
    width: 20px; */
  }
  
  .hotel_slider .slick-prev:before {
    color: #ffffff;
    background: #959595;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px #fff1f1;
    font-size: 21px;
    margin: 0px;
  }
  
  .hotel_slider .slick-next:before {
    color: #ffffff;
    background: #959595;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px #fff1f1;
    font-size: 21px;
    margin: 0px;
  }
  
  /*  */
  
  .hotel_slider_img .slick-prev {
    left: 10px !important; /* Adjust the distance from the left edge */
    right: auto !important;
  }
  
  .hotel_slider_img .slick-next {
    right: 10px !important;
    left: auto !important;
  }
  
  .hotel_slider_img .slick-prev:before {
    color: #000; /* Adjust the distance from the left edge */
  }
  
  .hotel_slider_img .slick-next:before {
    color: #000; /* Adjust the distance from the right edge */
  }
  .image {
    max-width: 100%; /* Ensure images don't exceed the width of the slider */
    max-height: 100%; /* Ensure images don't exceed the height of the slider */
    display: block; /* Ensure images are displayed as blocks */
    width: auto; /* Auto-adjust width */
    height: auto;
  }
  .occupancy {
    font-size: 13px;
  }
  a {
    text-decoration: none !important;
  }
  a:visited {
    text-decoration: none !important;
  }
  .image_class_slider .react-slideshow-container button {
    height: 19px;
    width: 19px;
    position: relative;
  }
  .image_class_slider .react-slideshow-container button svg {
    width: 12px;
    height: 12px;
  }
  .image_class_slider
    .react-slideshow-container
    .react-slideshow-wrapper
    .images-wrap
    .active {
    /* width:250px!important; */
  }
  .image_class_slider
    .react-slideshow-container
    .react-slideshow-wrapper
    .images-wrap
    div {
    /* width:250px!important; */
  }
  .board-info {
    font-size: 14px;
    font-weight: 400;
  }
  .room-info_details {
    cursor: pointer;
    width: 100px;
  }
  .b_widget_roomdetails_close {
    display: flex;
    justify-content: end;
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 10px;
    position: absolute;
  }
  .b_widget_roomdetails_pop_head {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    margin-top: 23px;
  }
  .b_widget_room_popup_toggle {
    display: flex;
    margin-top: 15px;
  }
  .b_widget_room_details_content {
    padding: 10px;
    margin: 10px;
  }
  .b_widget_room_popup_toggle_des {
    padding: 2px 5px;
    border: 1px solid #4a9590;
    border-radius: 5px;
    margin: 1px;
    cursor: pointer;
  }
  .b_widget_room_popup_toggle_des.active {
    background-color: #198754;
    color: #f9f9f9;
  }
  .b_widget_room_popup_toggle_des_area {
  }
  .b_widget_room_modal_content {
    height: 500px;
    overflow: scroll;
    text-align: left;
    padding: 0px;
  }
  .b_widget_room_popup_toggle_des_area {
    margin-top: 10px;
    text-align: left;
    /* box-shadow: 0px 0px 1px 1px #1a875470; */
    border: 1px solid #c4e4d5;
    padding: 6px 11px;
  }
  .b_widget_room_popup_toggle_des_area_1 {
    margin-top: 10px;
    text-align: left;
    /* box-shadow: 0px 0px 1px 1px #1a875470; */
    border: 1px solid #c4e4d5;
    padding: 6px 11px;
  }
  .b_widget_room_popup_toggle_des_area_1 p {
    margin: 2px;
  }
  .b_widget_rate-details {
    cursor: pointer;
  }
  .b_widget_ratedetails_pop_head_1 {
    font-size: 17px;
    text-align: left;
    margin-top: 19px;
    font-weight: 600;
  }
  .b_widget_ratedetails_pop_head_p {
    text-align: left;
  }
  .b_widget_rate-details_modal {
    max-width: 700px;
  }
  .b_widget_rate-details_table {
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    background-color: transparent;
    border: none;
    text-decoration: none;
    width: 100%;
    /* display: block; */
    max-height: 150px;
    overflow-y: auto;
  }
  .b_widget_rate-details_td,
  .b_widget_rate-details_td_1,
  .b_widget_rate-details_td_2 {
    background-color: #f7f8fa;
    padding: 10px 1%;
    padding: 10px 1% !important;
    border: 3px solid white !important;
    text-align: left;
  }
  .b_widget_rate-details_td {
    width: 22%;
  }
  .b_widget_rate-details_td_1 {
    width: 37%;
  }
  .b_widget_rate-details_td_2 {
    width: 15%;
  }
  .b_widget_rate-details_td span svg {
    margin-right: 2px;
    margin-top: -2px;
  }
  .b_widget_rate_pop_total {
    text-align: end;
    font-size: 19px;
    margin-top: 10px;
  }
  .b_widget_rate_pop_total span {
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 600;
  }
  .b_widget_rate_pop_total_per {
    text-align: end;
  }
  .b_widget_rate_popup_toggle {
    display: flex;
    margin-top: 15px;
    margin-bottom: 20px;
  }
  .b_widget_rate_popup_toggle_des {
    padding: 2px 5px;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    margin: 1px;
    cursor: pointer;
  }
  .b_widget_rate_popup_toggle_des.active {
    background-color: var(--primary-color);
    color: #f9f9f9;
  }
  .b_widget_rate_popup_toggle_des_area {
    text-align: left;
    margin-top: 10px;
    text-align: left;
    /* box-shadow: 0px 0px 1px 1px #1a875470; */
    border: 1px solid #c4e4d5;
    padding: 6px 11px;
  }
  .rate-details {
    cursor: pointer;
  }
  .b_widget_price_contents.animateSlideUp {
    animation: slideUp 0.5s ease-in-out; /* Animation styles */
  }
  
  @keyframes slideUp {
    from {
      transform: translateY(100px);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .b_widget_booking_offer_togg {
    /* border: 1px solid #319a95; */
    padding: 6px 3px 6px 6px;
    box-shadow: 0px 0px 4px 1px #d2d2d2;
  }
  /* .b_widget_tab-active:after{
          content: "";
          position: absolute;
          bottom: -4px;
          transform: translateX(-50%);
          border-width: 13px;
          border-style: solid;
          border-color: transparent transparent white transparent;
          display: flex;
        } */
  .b_widget_loyalty-program {
    margin: 0px;
    /* padding:2px 0px; */
  }
  .gift_section {
    font-family: "Open Sans", sans-serif;
  }
  .hidden-bar-wrapper {
    font-family: "Open Sans", sans-serif;
  }
  
  .hotel_slider .slick-next.slick-arrow,
  .hotel_slider .slick-prev.slick-arrow {
    background-image: none !important;
  }
  .room-info_details svg {
    margin-top: -2px;
  }
  .b_widget_bed_align svg {
    background: #e6e6e6;
    padding: 3px 5px;
    margin: 0px 1px;
    border-radius: 50%;
    font-size: 32px;
  }
  .b_widget_bed_align img {
    background: #e6e6e6;
    padding: 3px 5px;
    margin: 0px 1px;
    border-radius: 50%;
    font-size: 32px;
  }
  .b_widget_ofr_image {
    display: block;
    width: 200px;
    height: 113px;
    /* margin-top: 5px; */
    border-radius: 5px;
    object-fit: cover;
  }
  .b_widget_rooms_check {
    text-align: end;
    padding: 4px 0px;
    font-family: "Open Sans", sans-serif;
    display: flex;
    justify-content: end;
  }
  .b_widget_rooms_check input {
    margin-right: 5px;
  }
  .b_widget_rooms_check p {
    margin-top: -2px;
    font-size: 14px;
    margin-bottom: 0px;
    margin-right: 15px;
  }
  
  .b_widget_rooms_check input[type="checkbox"] {
    accent-color: rgb(26 157 165);
  }
  .b_widget_rooms_filter {
    display: flex;
    padding: 9px 0px;
  }
  .b_widget_rooms_filter_1 {
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 2px 5px;
  }
  .b_widget_login_field {
    /* width: 400px;
      margin: auto;
      padding: 20px 10px;
      box-shadow: 0px 5px 10px rgb(0 0 0 / 25%);
      border-right: 4px solid #76d5ea;
      border-bottom: 4px solid #76d5ea;
      font-family: sans-serif; */
  }
  .login-text-field {
    width: 100%;
    padding: 15px 15px 13px 40px!important;
    border-bottom: 2px solid var(--primary-color) !important;
    border: none;
    background: #fbfbfb;
    font-size: 17px;
    box-shadow: 0px 4px 4px rgb(146 146 146 / 25%);
    color: #8c979c;
    letter-spacing: 1px;
    font-weight: 200;
    font-family: "Open Sans", sans-serif;
  }
  .login-form-span {
    position: absolute;
    padding: 15px 12px;
    color: var(--primary-color);
  }
  .login-form {
    position: relative;
    margin: 28px 20px 20px;
  }
  .eye-icon {
    position: absolute;
    top: 11px;
    right: 12px;
    font-size: 19px;
    cursor: pointer;
  }
  .login-forgot-section {
    text-align: left;
    margin: 4px 21px 8px 20px;
    color: #45aeb3;
    content: '';
    clear: both;
  }
  .login-forgot-section p {
    margin: 0px;
  }
  .login-submit {
    /* width: 400px; */
    margin: auto;
    margin: 28px 20px 20px;
    padding: 7px 15px 13px;
    background: var(--primary-color);
    box-shadow: 0px 4px 6px 1px #dedede;
    color: #fff;
    font-size: 22px;
    letter-spacing: 1px;
  }
  .b_widget_login_field_head {
    font-family: "Open Sans", sans-serif;
  }
  .b_widget_login_popups {
    width: 400px;
  }
  .b_widget_room_modal_content {
    height: 422px;
    overflow: scroll;
    text-align: left;
  }
  .b_widget_offers_head,
  .b_widget_offers_head:hover {
    color: #000;
  }
  .b_widget_offer_page {
    font-family: "Open Sans", sans-serif;
  }
  .b_widget_offer_page_special_ofr {
    background: linear-gradient(to left, #e6ebf0 50%, #dcf6dc 50%) right;
    display: flex;
    justify-content: center;
  }
  .b_widget_offer_page_special_ofr h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 60px;
    text-align: center;
    display: flex;
    /* justify-content: center; */
    align-items: center;
  }
  .b_widget_offer_page {
    margin-top: 10px;
    background-color: #f8fafc;
    /* height:100vh; */
  }
  .b_widget_offer_page_offer_list {
    margin-top: 10px;
  }
  .b_widget_offer_page_offer_list_all {
    border-radius: 10px;
    box-shadow: 0px 0px 7px 7px #f5f5f5;
  }
  .b_widget_offer_page_offer_list_portion {
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .b_widget_offer_page_offer_list_portion img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 306px;
    height: 195px;
  }
  .b_widget_offer_page_offer_list_name {
    left: 0;
    position: absolute;
    bottom: -11px;
    background: #1aab9a;
    color: white;
    padding: 5px 8px;
    font-size: 13px;
  }
  .b_widget_offer_page_offer_list_offr {
    background: #ffe100;
    width: 38px;
    height: 38px;
    padding: 8px 0px 3px 6px;
    border-radius: 50%;
    /* border: 1px solid #c8c8c8; */
    position: absolute;
    top: 55%;
    right: 5px;
  }
  .b_widget_offer_page_offer_list_offr p {
    margin: 0px;
    color: #090909;
    /* text-shadow: 2px 2px #a39494; */
    font-size: 13px;
    font-weight: 600;
  }
  .b_widget_offer_page_offer_list_portion_2 {
    height: 190px;
    /* box-shadow: 0px 0px 4px 1px #d2d2d2; */
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 20px;
  }
  .b_widget_offer_page_offer_list_portion_2_list {
    list-style: none;
    position: relative;
    padding-left: 30px;
  }
  .b_widget_offer_page_offer_list_portion_2_list:before {
    content: "✓";
    content: "✓";
    position: absolute;
    color: green;
    left: 0;
    margin-right: 5px;
  }
  .b_widget_offer_page_offer_list_portion_2_list div {
    word-wrap: break-word;
    display: contents;
  }
  .slide-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .slide-item {
    flex: 0 0 25%; /* Set width to 25% for four items per row */
    padding: 10px; /* Adjust padding as needed */
  }
  
  .slide-content {
    /* Add additional styles for the content */
    /* For example, set max-width, overflow, etc. */
  }
  .b_widget_offer_page_offer_list_portion_2_list div {
    overflow: hidden;
    text-overflow: ellipsis; /* Optional: Add ellipsis for overflow */
    /* white-space: nowrap; */
    font-size: 13px;
  }
  .b_widget_offer_page_offer_list_portion_2
    .slick-slider
    .slick-list
    .slick-track {
    width: max-content !important;
  }
  .b_widget_offer_page_offer_list_portion_2
    .slick-list
    .slick-track
    .slick-slide {
    width: 200px;
  }
  .b_widget_offer_page_offer_list_portion_2 .slick-next,
  .b_widget_offer_page_offer_list_portion_2 .slick-next:hover {
    display: block;
    position: absolute;
    bottom: -15px !important;
    top: auto !important;
    left: auto !important;
    right: 20px !important;
  }
  .b_widget_offer_page_offer_list_portion_2 .slick-prev,
  .b_widget_offer_page_offer_list_portion_2 .slick-prev:hover {
    display: block;
    position: absolute;
    bottom: -15px !important;
    top: auto !important;
    left: auto !important;
    right: 48px !important;
  }
  .b_widget_offer_page_offer_list_portion_2 .slick-next:before {
    color: #198754;
    background: transparent;
    /* border-radius: 50%; */
    /* box-shadow: 0px 0px 0px 2px #c6c6c6; */
    font-size: 21px;
    margin: 0px;
  }
  .b_widget_offer_page_offer_list_portion_2 .slick-prev:before {
    color: #198754;
    background: transparent;
    /* border-radius: 50%; */
    /* box-shadow: 0px 0px 0px 2px #c6c6c6; */
    font-size: 21px;
    margin: 0px;
  }
  /* .b_widget_offer_availabitity_btn{
      margin-top: 30px;
    } */
  .b_widget_offer_availabitity_btn button {
    background: #798689;
    color: white;
    font-size: 13px;
  }
  .b_widget_offer_availabitity_btn_al {
    float: right;
    padding: 9px 6px;
    background: #798689;
    color: white;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .b_widget_offer_availabitity_btn_al span svg {
    color: rgb(255, 255, 255);
    margin-right: 5px;
    margin-top: -3px;
  }
  .b_widget_offer_popup_field_night {
    display: flex;
    justify-content: center;
  }
  .b_widget_offer_popup_field_night span {
    padding: 7px 33px;
    background: #9edfed !important  ;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  
    /* border-radius: 5px; */
  }
  .b_widget_offer_popup_field_night select {
    width: 75px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .b_widget_rooms_filter_1_content {
    width: 200px;
    border-radius: 0.3125em;
    position: absolute;
    background-color: #fff;
    z-index: 4;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-top: 33px;
    padding: 9px 7px;
  }
  .b_widget_offer_bed_check input[type="checkbox"] {
    accent-color: rgb(26 157 165);
    margin-right: 10px;
  }
  .b_widget_offer_bed_check {
    text-align: justify;
  }
  .b_widget_rooms_filter_1 {
    cursor: pointer;
    margin-right: 5px;
  }
  .b_widget_rooms_filter_1.active {
    background: #1ab394;
  }
  .b_widget_room_gift {
    display: flex;
    margin-top: 11px;
  }
  .b_widget_room_gift svg {
    margin-top: -21px;
    color: #64510b;
    font-weight: 600;
    margin-right: 2px;
  }
  
  .b_widget_price_contents {
    padding: 4px 25px 7px 25px;
  }
  .b_widget_tooltip {
    cursor: pointer;
  }
  /* .b_widget_tooltip::after {
    content: attr(title);
      background-color: #c7940b;
      color: white;
      font-size: 11px;
      padding: 3px 4px;
      border-radius: 4px;
      position: absolute;
      z-index: 9999;
      top: 8px;
      left: 9%;
      transform: translateX(-50%);
      visibility: hidden;
      opacity: 0;
      transition: opacity 0.3s, visibility 0.3s;
  }
  
  .b_widget_tooltip:hover::after {
    visibility: visible;
    opacity: 1;
  } */
  .b_widget_inner-column {
    position: relative;
  }
  .b_widget_room_modal_content_offer {
    height: 550px;
  }
  .b_widget_offer_flat {
    margin: 10px;
    border: 1px solid #d2d2d2;
    padding: 10px;
    width: 300px;
  }
  .b_widget_offer_popup_field .flatpickr-calendar.inline {
    left: 8%;
  }
  .b_widget_offer_book {
    margin-top: 30px;
    padding: 7px 60px;
    background: #008080;
    color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 3px #eee9e9;
  }
  .image-container {
    position: relative;
  }
  
  /* .image-container::after {
    content: '';
      position: absolute;
      top: 25%;
      left: 51%;
      transform: translate(-32%, -19%) rotate(0deg);
      width: 65%;
      height: 2px;
      border-bottom: 2px dotted rgb(250, 250, 250);
  
    
  } */
  
  /* .image-container::after,
  .image-container::before {
    content: '';
    position: absolute;
    transform: translate(-50%, -50%);
    height: 2px; 
  }
  
  .image-container::after {
    transform: translate(263%, -19%) rotate(0deg);
    border-bottom: 2px dotted rgb(250, 250, 250);
    width: 25%; 
    top: 10%;
    left: -26%; 
  
  }
  
  .image-container::before {
  transform: translate(-5%, -77%) rotate(-90deg);
    border-bottom: 2px dotted rgb(250, 250, 250); 
     width: 38%; 
    left: 51%; 
  
     top: 39%; 
  
  } */
  
  .b_widget_lo {
    display: contents;
    margin: auto;
  }
  .b_widget_lo_content {
    display: flex;
    margin: auto;
    justify-content: space-between;
    border: 1px solid #383838;
    margin: 3px 2px;
    padding: 8px 0px 8px 4px;
    background: #fff;
  }
  .booking-form {
    width: 70%;
  }
  .b_widget_lo {
    width: 30%;
  }
  .b_widget_lo_content_best {
    width: 73%;
  }
  .b_widget_lo_content_best_rate {
    display: flex;
    justify-content: space-between;
    margin: 0px 2px;
    border-bottom: 1px solid #9fbcb2;
    align-items: center;
  }
  .b_widget_lo_content_rate_c,
  .b_widget_lo_content_rate_r,
  .b_widget_rating_review_revie,
  .b_widget_rating_review_ex,
  .b_widget_rating_review_re,
  .b_widget_head_rates,
  .b_widget_head_amt {
    margin-bottom: 0px;
  }
  .b_widget_lo_content_rate_r {
    margin-left: 10px;
  }
  .b_widget_rating_review {
    /* display: flex;
    align-items: baseline;
    justify-content: space-between; */
  }
  .b_widget_rating_review_cont {
    display: flex;
  }
  .b_widget_lo_content_rate_c {
    margin-left: 3px;
    color: #3a3c3a;
    font-size: 15px;
  }
  .b_widget_lo_content_rate_r {
    font-size: 17px;
    font-weight: 600;
    color: #3a3c3a;
  }
  .b_widget_rating_review_re {
    font-size: 11px;
    text-align: justify;
  }
  .b_widget_rating {
    border-left: 1px solid #d2d2d2;
    padding: 0px 0px 0px 5px;
    width: 27%;
  }
  .b_widget_rating span svg {
    color: #35e0a1;
  }
  .b_widget_rating span {
    float: left;
  }
  .b_widget_rating_review_revie {
    margin-left: 3px;
    color: #35e0a1;
    margin-right: 4px;
    font-weight: 600;
  }
  .b_widget_head_rates {
    font-size: 12px;
  }
  .b_widget_head_amt {
    font-size: 13px;
    font-weight: 600;
  }
  .b_widget_content-column {
    padding: 15px 25px 15px 15px;
  }
  .image_class_slider {
    width: 300px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),
      0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .image_class_slider_img {
    width: 320px;
    height: 204px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    font-family: "Open Sans", sans-serif;
    background-size: contain;
    background-position: 50%;
  }
  
  .image_class_slider .react-slideshow-container + ul.indicators {
    position: absolute;
    bottom: 0px;
    left: 37%;
    color: white;
  }
  .image_class_slider
    .react-slideshow-container
    + ul.indicators
    .each-slideshow-indicator:before {
    background: white;
    box-shadow: 0px 0px 1px 1px #ffff;
  }
  .image_class_slider .react-slideshow-container + ul.indicators li {
    opacity: 1 !important;
    padding: 0px 5px;
  }
  .image_class_slider
    .react-slideshow-container
    + ul.indicators
    .each-slideshow-indicator {
    opacity: 0.7 !important;
  }
  .image_class_slider
    .react-slideshow-container
    + ul.indicators
    .each-slideshow-indicator:hover,
  .react-slideshow-container + ul.indicators .each-slideshow-indicator.active {
    opacity: 1 !important;
  }
  .image_class_slider_rm_w {
    position: absolute;
    bottom: 5px;
    color: rgb(1, 1, 1);
    right: 3px;
    display: flex;
    font-family: "Open Sans", sans-serif;
    background: #2b2c2d80;
  }
  .image_class_slider_rm_w p {
    margin-bottom: 0px;
    color: #fffafa;
    font-size: 14px;
    /* background: #2b2c2d80; */
  }
  .image_class_slider_rm_w svg {
    margin: 5px 3px 0px 0px;
    color: #f9f6f6;
  }
  .room-info_details svg {
    margin-right: 2px;
  }
  .b_hotel_room_details-titles {
    display: flex;
    align-items: center;
  }
  
  .b_hotel_room_details-titles h3 {
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .b_widget_last_inv {
    margin-top: 0px;
    margin-left: 15px;
    font-family: "Open Sans", sans-serif;
  }
  .b_widget_beds_room {
    display: flex;
    font-family: "Open Sans", sans-serif;
    margin-top: 5px;
    clear:both;
  }
  .b_widget_beds_room svg {
    margin-top: 4px;
    margin-right: 5px;
  }
  .b_widget_beds_room p {
    margin-bottom: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
  }
  .loyalty-content-section p {
    margin-bottom: 0px;
    font-size: 14px;
    color: #fff;
  }
  
  .b_widget_rooms_check input[type="checkbox"] {
    /* Border color */
    border-color: #367636; /* Your border color */
  }
  
  /* Change accent color for checkboxes in Firefox */
  .b_widget_rooms_check input[type="checkbox"]::-moz-focus-inner {
    border-color: #367636; /* Your border color */
  }
  
  /* Change accent color for checkboxes in Webkit browsers (Chrome, Safari) */
  .b_widget_rooms_check input[type="checkbox"]::-webkit-focus-inner {
    border-color: #367636; /* Your border color */
  }
  .b_widget_room_split_rate {
    color: #008080;
    font-size: 11px;
    font-weight: 500;
  }
  .b_widget_room_rate_night_rate {
    margin-bottom: 2px;
    font-size: 11px;
    margin-top: -6px;
    color: #9f9f9f;
  }
  .b_widget_occu_modify {
    display: flex;
    align-items: center;
  }
  .b_widget_occu_modify_occ {
    margin-right: 6px;
    margin-top: -2px;
    color: #101010;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
    font-family: "Open Sans", sans-serif;
  }
  .b_widget_modify_content {
    margin: 26px;
  }
  .b_widget_modify_content_all {
    justify-content: center;
    border: 1px solid #d2d2d2;
    padding: 6px 1px;
    margin-bottom: 10px;
    cursor: pointer;
    width:400px;
  }
  .b_widget_modify_content_all:hover,
  .b_widget_modify_content_all:active,
  .b_widget_modify_content_all:focus,
  .b_widget_modify_content_all:visited {
    border: 1px solid #640d0d;
  }
  .b_widget_modify_content_occ {
    display: flex;
  }
  .b_widget_modify_content_p {
    margin-bottom: 0px;
    color: black;
    font-weight: 600;
    font-size: 16px;
  }
  .b_widget_modify_content_comment {
    margin-left: 12px;
    margin-top: 3px;
    font-size: 15px;
    color: #8b8e91;
  }
  .b_widget_modify_modal_content {
    height: 250px;
    overflow: scroll;
    text-align: left;
  }
  .b_widget_pr {
    font-size: 13px;
  }
  .flaticon-info_1 {
    font-size: 17px;
    text-decoration: none !important;
  }
  .price-old-1 {
    margin: -6px 0px;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
    color: #b7b7b7;
    cursor: pointer;
    /* font-style: unset; */
  }
  .price-old-1-rate {
    text-decoration: line-through;
  }
  .b_widget_room_select {
    width: 100px!important;
    height: 26px;
  }
  .b_widget_room_tax_in {
    font-size: 12px;
    color: #9a9292;
    margin-top: 5px;
    text-align: end;
    margin-right: 7px;
  }
  .b_widget_refun_clr {
    color: #212529;
    width: fit-content;
    padding: 0px 6px;
    margin-top: 4px;
    border-radius: 3px;
    margin-bottom: 3px;
    font-weight: 400 !important;
    font-size: 11px;
    /* text-shadow: 0px 0px 2px #969494; */
  }
  .b_widget_offer_availabitity_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .b_widget_offer_rates_dis {
    margin-left: 7px;
    color: #1aab9a;
    font-weight: 600;
  }
  .b_widget_offer_ul {
    padding-left: 7px;
  }
  .b_widget_offer_rate_val {
    margin-bottom: -6px;
    font-size: 12px;
    margin-left: 10px;
  }
  .b_widget_spc_of {
    text-align: center;
    font-size: 19px;
    padding: 21px 5px;
    font-weight: 600;
  }
  .b_widget_of_he {
  }
  .b_widget_room_select:focus {
    border-color: none;
    box-shadow: none;
  }
  
  .filter_options_new1 {
    width: 179px;
    border-radius: 0.3125em;
    position: absolute;
    background-color: #ffffff;
    z-index: 10;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-top: 3px;
    /* right: 14px; */
    /* top: 76%; */
  }
  .sqrate {
    padding: 0px 19px;
	width:auto;
  }
  .sqrate ul {
    padding-left: 4px;
  }
  .sqrate ul li {
    cursor: pointer;
    font-size: 13px;
    color: #656565;
    padding: 8px 5px;
    /* background: #f8f7f7; */
    margin: 1px;
    border-radius: 5px;
	border-bottom: 1px solid #eee;
  }
  
  .sqrate ul li:hover {
    background: #eeecec;
  }
  .b_widget_room_select {
    padding: 2px 4px 1px 6px!important;
    font-size: 14px!important;
  }
  .b_widget_message_fr_room {
    padding: 10px 10px 10px 10px;
    background: #fcf1d8;
    margin: 0px 0px 10px 0px;
    font-size: 13px;
    border: 1px #fcf1d8;
    border-radius: 5px;
  }
  .b_widget_best_price_area {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .child-icon {
    height: 12px;
    width: 12px;
  }
  .adult-icon {
    height: 16px;
    width: 16px;
  }
  .child-icons1 {
    margin-top: 3px;
  }
  .b_widget_modify_content_all_active {
    border: 1px solid #640d0d;
  }
  .b_widget_offer_select {
    height: 28px;
    padding: 0px 9px;
    font-size: 13px;
    color: #212529;
    font-weight: 500;
  }
  .b_widget_offer_select:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: unset;
  }
  .b_widget_rate_more,
  .b_widget_rate_more:hover {
    color: #008080;
    font-weight: 800;
  }
  .b_widget_row_align {
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .b_widget_totalratedis {
    font-size: 10px;
  }
  .b_widget_totalratedis span {
    color: #008080;
    font-weight: bold;
  }
  .b_widget_tab-active {
	background: #319a95 !important;
	color:#FFF;
    /* background: #b6baba !important; */
  }
  .b_widget_price_sections {
    float: left !important;
  }
  .b_widget_rate_is_sticky {
    position: fixed !important;
    top: auto;
    left: 0;
    width: 100%;
    transition: 0.3s;
    bottom: 0 !important;
    /* background: rgb(255, 255, 255, 1); */
    background: #ffff;
    z-index: 9999;
    /* display: flex; */
    opacity: 1;
    visibility: visible;
    animation-duration: 500ms;
    animation-name: fadeInDown;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    min-height: 100px;
    height: 100px;
  }
  /* .b_widget_rate_is_sticky_display{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 17px;
  } */
  .b_widget_rate_is_sticky_display_right_en {
    padding: 9px 10px;
    background: #888b8d;
    color: white;
    border-radius: 5px;
    width: 100px;
    margin-top: 13px;
    float: right;
    cursor: pointer;
  }
  .b_widget_rate_is_sticky_display_right p {
    margin-bottom: 0px;
  }
  .b_widget_rate_is_sticky_display_right_dis {
    padding: 9px 10px;
    background: #c4c5c6;
    color: white;
    border-radius: 5px;
    width: 100px;
    margin-top: 13px;
    float: right;
  }
  .b_widget_rate_is_sticky_total {
    font-weight: 700;
    font-size: 18px;
  }
  .offer-tag1 {
    background: #d7d7d7;
    padding: 2px 5px;
    font-size: 10px;
    /* font-weight: 600; */
    border: 1px dashed #96948f;
    margin-left: 4px;
  }
  .b_widget_rate-details_tds {
    background-color: #f7f8fa;
    padding: 10px 1% !important;
    border: 3px solid white !important;
    text-align: left;
    width: 80%;
  }
  .b_widget_rate-details_tds-1 {
    background-color: #f7f8fa;
    padding: 10px 1% !important;
    border: 3px solid white !important;
    text-align: left;


	display: flex;
    /* flex-direction: column; */
    align-items: flex-end;
    justify-content: space-between

    /* width: 20%; */
  }
  .b_widget_rate-details_tds_table {
    width: 100%;
    height: 40px;
  }
  .b_widget_rate-details_tds-1_tax_btn {
    float: right;
    font-size: 18px;
    cursor: pointer;
  }
  .b_widget_rate-details_tds_tax1 {
    width: 80%;
    float: left;
  }
  .b_widget_rate-details_tds_tax1,
  .b_widget_rate-details_tds_tax2 {
    background-color: #f7f8fa;
    padding: 3px 1% !important;
    border: 3px solid white !important;
    text-align: left;
    height: 31px;
    font-size: 12px;
  }
  .b_widget_rate-details_tds_tax2 {
    width: 20%;
    float: right;
  }
  .b_widget_rate-details_tds_tax_list {
    width: 100%;
  }
  .b_widget_rate-details_tds_tax_list ul {
    margin: 0px;
    padding: 0px;
  }
  .b_widget_room_head_allign {
    margin-top: -25px;
  }
  .b_widget_padding {
    padding: 5px 5px;
  }
  .b_widget_row_align_margin {
    margin: 5px;
  }
  .b_widget_room_offer_sapns {
    margin-left: 12px;
  }
  .b_widget_right_total {
    border: 1px solid #dedede;
    border-bottom: none;
    padding: 15px 15px 20px;
    background-color: #ffffff;
    border-radius: 7px;
    position: relative;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0px 0px 3px #d2d2d2;
  }
  .b_widget_right_total_border {
    border: 1px solid #dedede;
    border-bottom: none;
    padding: 0px 15px 20px;
    background-color: #ffffff;
    /* border-top-right-radius: 7px;
      border-top-left-radius: 7px; */
    position: fixed;
    font-family: "Open Sans", sans-serif;
    box-shadow: 0px 0px 3px #d2d2d2;
    width: 270px;
    /* bottom:0px; */
  }
  .b_widget_right_total_head {
    font-size: 20px;
  }
  .b_widget_right_total_amnt {
    color: #72b17c;
    font-size: 1.7em;
    font-weight: 700;
  }
  .b_widget_right_total_btn {
    background: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
    color: #fff !important;
    cursor: default;
    border-radius: 7px;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 1.2em !important;
    padding: 0 10px !important;
    margin-top: 40px;
  }
  .b_widget_right_total_btn-active {
    background: #319a95 !important;
    border-color: #319a95 !important;
    color: #fff !important;
    cursor: default;
    width: 100%;
    text-align: left;
    line-height: 40px;
    font-size: 1.2em !important;
    padding: 0 10px !important;
    margin-top: 15px;
    border-radius: 7px;
    text-align: center;
  }
  .b_widget_right_rooms {
    border: 1px solid #dedede;
    /* border-top: none; */
    /* border-radius: 0 0 3px 3px; */
    background-color: #fff;
    /* border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; */
  }
  
  .b_widget_right_rooms_new_room {
    height: 250px;
    overflow: scroll;
  }
  .b_widget_right_rooms-ul {
    padding: 5px 15px 15px;
    margin-bottom: 1px;
    margin-top: 33px;
  }
  .b_widget_right_rooms-ul-li_rate {
  }
  .b_widget_right_rooms-ul-li {
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 9px;
  }
  .b_widget_right_rooms_rooms_count {
    font-size: 11px;
    color: #008080;
    display: flex;
  }
  .b_widget_right_rooms_rooms_count_1 {
    width: 52%;
    background-color: #c4eaec;
    color: #008080;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 10px;
  }
  .b_widget_right_rooms_rooms_count_2 {
    background-color: #d2d2d2;
    float: right;
    width: 48%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  
    padding: 0px 10px;
  }
  
  .b_widget_right_rooms_name {
    font-weight: 700;
    font-size: 16px;
  }
  .b_widget_right_rooms_uls {
    font-size: 0.9em;
    padding-left: 16px !important;
    margin: 5px 0 10px !important;
  }
  .b_widget_right_rooms_uls li {
    list-style: disc;
  }
  .b_widget_right_rooms_rates {
    color: #69935a;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
  }
  .b_widget_right_rooms_rates_remove {
    background: none;
    margin-left: 12px;
    font-size: 14px;
    color: #b83c3c;
  }
  .b_widget_right_rooms_rates_remove svg {
  }
  .b_widget_right_rooms_rates_with_tax {
    /* font-style: italic;  */
    color: #8d9194;
    font-size: 12px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
  }
  .b_widget_rate_details_shows {
    padding: 2px 0px;
    color: #319a95;
    border-radius: 4px;
    font-weight: 600;
    font-size: 12px;
  }
  .b_widget_rate_details_shows svg {
    margin-right: 2px;
  }
  .b_widget_rate_details_inc {
    margin-bottom: 0px;
    line-height: 20px;
  }
  .b_widget_availabilitycalender {
    margin-bottom: 100px;
  }
  .b_widget_availabilitycalender .rmdp-input {
    display: none !important;
  }
  .b_widget_availabilitycalender .rmdp-container .rmdp-calendar-container-mobile {
    position: relative !important;
    z-index: 0 !important;
  }
  
  .b_widget_availabilitycalender
    .rmdp-calendar-container-mobile
    .rmdp-mobile.rmdp-wrapper {
    transform: translate(-50%, 25%);
    margin-bottom: 100px;
    background-color: rgba(0, 0, 0, 0.3) !important;
  }
  .b_widget_availability_section {
    padding: 39px;
    margin: 20px 90px;
    text-align: center;
    /* font-family:"Open Sans"!important ; */
    height: 100vh;
  }
  .b_widget_availability_no_available {
    font-size: 24px;
  }
  .b_widget_availability_no_available svg {
    color: #cbcb61;
    margin-right: 5px;
    font-size: 27px;
  }
  .b_widget_availability_available_area {
    border-top: 1px solid #d2d2d2;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 22px;
    /* font-family:"Open Sans"!important ; */
  }
  .b_widget_availability_available_area svg {
    margin-right: 10px;
  }
  .b_widget_availability_available_indication {
    float: right;
  }
  .b_widget_availability_available_na {
    margin-right: 10px;
  }
  .b_widget_availability_available_na svg {
    color: #ededed;
    background: #ededed;
    margin-right: 5px;
  }
  .b_widget_availability_available_av svg {
    color: #34a7a7;
    background: #34a7a7;
    margin-right: 5px;
  }
  .b_widget_availabilitycalender .rmdp-arrow-container:hover {
    background-color: #6f777e;
  }
  .b_widget_phone_input .special-label {
    display: none;
  }
  .b_widget_phone_input .react-tel-input .form-control {
    width: 100% !important;
    background: #f1f1f1 !important;
    border: none !important;
  }
  .b_widget_phone_input .react-tel-input .flag-dropdown {
    border-right: 1px solid #dad8d8;
    border-bottom: none;
    border-top: none;
    border-left: none;
  }
  .b_widget_flat .flatpickr-input {
    position: relative;
  }
  .flatpickr-mobile:not(:placeholder-shown)::after {
    content: attr(placeholder);
    color: gray;
    position: absolute;
    top: 11px;
    left: 101px;
  }
  .b_widget_flat .form-control:focus {
    border-color: unset !important;
  }
  .b_widget_thanks {
    width: 100%;
    height: 529px;
    object-fit: contain;
    margin-top: 5px;
  }
  .b_widget_thanks-content {
    text-align: center;
    margin-top: 20px;
    font-size: 23px;
    color: #05991a;
  }
  .b_widget_search_tax_2 {
    display: flex;
    justify-content: space-between;
  }
  .b_widget_search_tax_2 p {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .b_widget_ofr_area_image {
    width: 20%;
  }
  .b_widget_ofr_area_content {
    width: 45%;
  }
  .b_widget_ofr_area_board {
    width: 30%;
  }
  .b_widget_ofr_area_rate {
    /* width:20%; */
    width: 100%;
    display: inline-block;
  }
  .b_widget_ofr_area_book {
    width: 25%;
    display: flex;
    justify-content: end;
  }
  .b_widget_room_tax_in_head {
    text-transform: capitalize;
  }
  .b_widget_ofr_area_content_woi {
    width: 45%;
  }
  .b_widget_ofr_area_board_woi {
    width: 30%;
  }
  .b_widget_ofr_area_rate_woi {
    /* width:20%; */
    width: 100%;
    display: inline-block;
  }
  .b_widget_ofr_area_book_woi {
    width: 25%;
    display: flex;
    justify-content: end;
  }
  .b_widget_loyalty-program gift-block {
    margin-top: 3px;
  }
  .b_widget_choose_hotel {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    color: white;
  }
  .b_widget_custom-select-box {
    display: flex;
    padding: 17px 9px;
    border-bottom: 1px solid #d2d2d2;
    justify-content: space-between;
  }
  .b_widget_hotel_selected-option {
    display: inline-block;
    max-width: 186px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .b_widget_custom-select-box svg {
    font-size: 22px;
    width: 45px;
    margin-top: 5px;
  }
  .b_widget_dropdown-content_hotel {
    position: fixed;
    background-color: #f9f9f9;
    min-width: 310px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: 76px;
    /* margin-top: 14px; */
    max-height: 400px;
    overflow: scroll;
    /* padding: 6px 15px 8px; */
    text-align: justify;
    margin-left: -16px;
  }
  .b_widget_hotel_dropdown-item {
    color: #3e3939;
    padding: 3px 0px;
    cursor: pointer;
    padding: 2px 15px 8px;
    font-size: 14px;
  }
  .b_widget_hotel_dropdown-item:hover {
    background-color: #e7e7e7;
  }
  .rmdp-mobile .rmdp-day {
    height: 50px !important;
  }
  .select-room_1 {
    padding: 7px 15px;
    background-color: #7d9d97;
    color: #ffffff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
    text-transform: uppercase;
    background: #7d9d97;
  }
  .b_widget_price_board {
    position: relative;
    display: flex;
  }
  .b_widget_price_board_input {
    position: absolute;
  }
  .b_widget_price_board_b_name {
    margin-left: 18px;
  }
  .b_widget_number_room_li {
    /* display: flex;
  justify-content: space-around; */
  }
  .b_widget_number_room_li_room {
    text-align: start;
  }
  .b_widget_number_room_li_rate {
    text-align: start;
  }
  .b_widget_reservation_boards_1,
  .b_widget_reservation_boards_2,
  .b_widget_reservation_boards_2,
  .b_widget_reservation_boards_3,
  .b_widget_reservation_boards_4 {
    /* display: flex;
  justify-content: space-between; */
    padding: 2px;
  }.sqrate ul li{
	display: block;
    text-align: justify;
  }
  .reserve2_board,
  .reserve2_board_sub,
  .reserve2_board_new,
  .reserve2_board_sub_new,
  .reserve2_loyalty_new,
  .reserve2_board_sub_new,
  .reserve_total_div_sub,
  .reserve_total_div {
    text-align: start;
  }
  .b_widget_reservation_boards {
    margin: 8px 11px 0px 11px;
  }
  .b_widget_dropdown_MenuButton2 {
    background-color: #e8e8e8;
    padding: 1px 11px;
  }
  .b_widget_dropdown_MenuButton2::after {
    display: none !important;
  }
  .b_widget_dropdown-menu_lang,
  .b_widget_dropdown-menu_currency {
    /* height:200px;
    overflow: scroll;
    margin-top: 18px !important; */
    height: 195px;
    overflow: scroll;
    margin-top: 18px !important;
    position: absolute;
    top: 27px;
    z-index: 99999;
    background: #fcfcfc;
    border-radius: 5px;
    right: 0px;
    padding: 1px 20px;
    box-shadow: 0px 0px 3px 0px #d2d2d2;
  }
  .b_widget_thanks-area_container {
    display: flex;
    justify-content: center;
  }
  .b_widget_thanks-area {
    text-align: center;
    padding: 26px 38px;
    width: 50%;
    margin-top: 100px;
    box-shadow: 1px 1px 6px 1px #d2d2d2;
  }
  .b_widget_thanks-area_12 {
    text-align: center;
    padding: 26px 38px;
    width: 440px;
    margin-top: 100px;
    box-shadow: 1px 1px 6px 1px #d2d2d2;
  }
  .b_widget_thanks_head_image img {
    width: 30px;
  }
  .b_widget_thanks_head {
    margin-top: 15px;
    font-size: 24px;
    font-weight: 600;
  }
  .b_widget_thanks_content {
    color: #767877;
    margin: 14px 0px;
  }
  .b_widget_thanks_manage a {
    padding: 10px;
    background-color: transparent;
    border: 1px solid #008080;
    border-radius: 5px;
    color: #008080;
  }
  .language-dropdown button {
    background-color: #e8e8e8;
    padding: 1px 11px;
  }
  .b_widget_dropdown-menu_currency_head,
  .b_widget_dropdown-menu_lang_head {
    position: relative;
  }
  .dropdown-item_lang {
    display: block;
    width: 100%;
    /* padding: .25rem 1rem; */
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
  }
  .b_widget_dropdown-menu_lang li,
  .b_widget_dropdown-menu_currency li {
    padding: 2px 1px;
  }
  .b_widget_room_modal_content_div {
    margin-top: -10px !important;
  }
  .b_widget_roomdetails_close_1 {
    background-color: #ffffff;
    position: fixed;
    top: auto;
    right: auto;
    width: 59.5%;
    padding-top: 8px;
    padding-right: 10px;
    z-index: 9999;
    height: 32px;
  }
  .page-title {
    padding: 16px 0px 100px;
  }
  .reservation_tab_12 {
    display: flex !important;
    justify-content: center;
  }
  .b_widget_auto_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .b_widget_offer_timers {
    margin: 3px 3px;
  }
  .b_widget_offer_timers svg {
    color: #cf503f;
    margin-top: -2px;
    margin-right: 3px;
  }
  .b_widget_offer_timers_content {
    color: #cf503f;
    font-size: 14px;
  }
  .b_widget_dropdown_MenuButton2_cu span {
    margin-left: 4px;
  }
  .occupancy_age .form-select {
    background-position: right 2px top 6px;
  }
  .occupancy_age .search_select {
    height: 24px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    padding: 0px 3px 1px 5px !important;
  }
  .image_class_slider .indicators {
    /* padding:0px!important; */
    background: #2b2c2d80;
    padding: 3px 3px !important;
    margin-bottom: 9px;
  }
  .b_widget_right_total_btn-ac {
    font-size: 10px;
    background-color: #fdfda4;
    padding: 2px 4px;
    position: absolute;
    margin: 0px 15px 0px 0px;
  }
  .b_widget_right_total {
    position: relative;
  }
  
  /* slider */
  
  .hotel_slider .slick-initialized .slick-slide {
    width: 300px;
  }
  .hotel_slider .slick-slide li {
    /* height:64px!important; */
    display: flex !important;
    align-items: center;
  }
  .hotel_slider {
    margin-bottom: 3px;
  }
  .hotel_slider .slick-track{
	width:auto!important;
  }
  .b_widget_tab-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* width:190px; */
  }
  .image_class_slider_img {
    /* transform: scale(1.2); */
    transition: transform 0.2s;
    /* transform: scale(1.5);  */
    /* transition: opacity .3s !important; */
  }
  
  .image_class_slider_img {
    transition: transform 0.5s ease, opacity 0.5s ease; /* Apply transition to transform and opacity */
    transform: scale(1); /* Initially set scale to 1 (normal size) */
    /* opacity: 1;  */
  }
  
  @keyframes zoomIn {
    0% {
      transform: scale(1);
      opacity: 0;
    } /* Start with normal size and fully transparent */
    100% {
      transform: scale(1.5);
      opacity: 1;
    } /* End with zoomed in and fully visible */
  }
  
  .zoom-in {
    animation: zoomIn 0.5s ease forwards; /* Apply the zoom-in animation */
  }
  .b_widget_offer_full_name {
    font-size: 13px;
  }
  .b_widget_offer_full_name_portion {
    width: 80%;
    margin-left: 10px;
  }
  .b_widget_offer_full_name_portion_old {
    display: flex;
    align-items: center;
  }
  .gift-section {
    margin: 0px 109px;
  }
  .b_widget_member_modal_content {
    /* height: 450px;
    overflow: scroll;
    text-align: left;
    border: 1px #e1e1e1; */
    height: 460px;
    overflow: scroll;
    text-align: left;
    border: 1px #e1e1e1;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 474px;
    border-radius: .3rem;

  }
  .b_widget_member_details_content {
    padding: 10px;
    margin: 10px;
  }
  .b_widget_memberdetails_pop_head {
    font-size: 17px;
    /* text-transform: uppercase; */
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 2px;
    color: #000000;
  }
  .b_widget_member-details_modal {
    /* max-width: 447px; */
  }
  
  .b_widget_memberdetails_all {
    margin: 11px 16px 0px 16px;
    padding: 5px 5px;
  }
  .b_widget_memberdetails_all h6 {
    font-weight: 500;
    font-size: 15px;
  }
  .b_widget_memberdetails_all button {
    background: #485353;
    color: #fff;
    padding: 6px 28px;
    border-radius: 5px;
  }
  .b_widget_memberdetails_new {
  }
  .b_widget_memberdetails_new h6 {
    font-weight: 600;
    font-size: 14px;
  }
  .b_widget_memberdetails_new button {
    background: #4fa687;
    color: #fff;
    padding: 4px 24px;
    border-radius: 5px;
    text-shadow: 1px 1px 4px #6c807c;
  }
  .b_widget_memberdetails_new p {
    margin: 2px;
    font-size: 12px;
    color: #6b6b6b;
  }
  .b_widget_memberdetails_other {
    padding: 5px;
    margin: 5px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #4e4d4d;
  }
  .b_widget_rate_right_visible {
    position: fixed;
    z-index: 99;
    right: 3px;
    top: 175px;
    transition: transform 0.3s ease;
    /* height: 437px; */
    overflow: scroll;
    border: 1px solid #dedede;
    border-radius: 7px;
    width: 270px;
  }
  
  .b_widget_rate_right_visible_rate {
    position: fixed;
    z-index: 99999;
    right: 3px;
    top: 180px;
    transition: transform 0.3s ease;
    height: 407px;
    overflow: scroll;
    border: 1px solid #dedede;
    border-radius: 7px;
    width: 270px;
  }
  .b_widget_rate_right_visible_cart {
    position: fixed;
    z-index: 99;
    right: 3px;
    top: 180px;
    transition: transform 0.3s ease;
    font-size: 31px;
    background: #000000;
    padding: 5px 8px;
    border-radius: 7px;
    /* width: 300px; */
  }
  .b_widget_rate_right_visible_arrows {
    position: fixed;
    right: 0px;
    /* background: black; */
    text-align: end;
    padding: 4px 14px 0px 1px;
  }
  .b_widget_rate_right_visible_arrows svg {
    background: #000;
    color: #fff;
    padding: 6px 6px;
    font-size: 30px;
  }
  .b_widget_rate_right_visible_rate.hidden {
    transform: translateX(100%);
    right: 0px;
    /* Move the element to the right to hide it */
  }
  
  .b_widget_rate_right_visible.hidden {
    transform: translateX(100%);
    right: 0px;
    /* Move the element to the right to hide it */
  }
  .b_widget_ofr_area_image_11 {
    border: 1px solid #d2d2d2;
    border-radius: 7px;
  }
  .b_widget_rate_right_visible_cart svg {
    color: #fff;
  }
  .b_widget_member_details_content_1 {
    box-shadow: 0px 2px 14px 5px #f1f1f1;
    padding: 15px 13px;
    border-radius: 5px;
  }
  .b_widget_member_details_content_1_img {
    width: 75px;
  }
  .b_widget_member_details_content_1_content {
    padding: 0px 16px;
  }
  .b_widget_memberdetails_new_contnet {
    margin-top: 7px;
    /* border: 1px dotted; */
    padding: 5px 0px;
    border: 1px dashed #e3e3e3;
    /* border-width: 2px; */
    border-radius: 5px;
  }
  .b_widget_memberdetails_new_contnet p {
    line-height: 15px;
  }
  .b_widget_memberdetails_other span {
    color: #4fa687;
  }
  .b_widget_row_align_11 {
    margin: 0px 0px!important;
  }
  .search_ad_area_12 {
    margin-bottom: 13px;
    align-items: center;
  }
  .b_widget_right_total_amnt_tax {
    font-size: 12px;
    color: #878a8c;
  }
  .extra_add_rate svg,
  .subaddon_list_button svg {
    font-size: 20px;
    color: green;
  }
  .bwidget_up_ar {
    font-size: 20px;
    color: green;
  }
  .b_widget_memberdetails_new_contnet p span {
    color: green;
  }
  .total_rate_room_strike_span {
    margin-right: 5px;
    float: left;
    color: #b90b0b;
  }
  .b_widget_pay_types {
    color: rgb(47 114 24);
  }
  .payment_details_desc p {
    font-size: 12px;
    color: #212529;
    line-height: 17px;
  }
  .other_condition_des p {
    font-size: 12px;
    color: #212529;
    line-height: 17px;
  }
  .other_condition_des ul {
    padding-left: 17px;
  }
  .other_condition_des ul li {
    list-style: disc;
  }
  .b_widget_pay_span {
    margin-right: 3px;
  }
  .info_tag_all {
    position: relative;
    display: block;
  }
  .info-tag {
    /* position: relative; */
    display: inline-block;
    background: #6c6666;
    padding: 0px 5px;
    width: 12px;
    height: 12px;
    border-radius: 14px;
    font-size: 8px;
    color: #fff;
    left: 5px;
    bottom: 1px;
    cursor: pointer;
    float: left;
    margin-right: 2px;
    margin-top: 3px;
  }
  
  .info_tag_all .tooltiptext {
    visibility: hidden;
  }
  .info_tag_all .info-tag .tooltiptext {
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -27px;
    left: 0%;
    font-size: 11px !important;
    min-width: max-content;
    white-space: nowrap;
    width: fit-content;
  }
  .info_tag_all:hover .tooltiptext {
    visibility: visible;
  }
  .reservation_main_container_1 {
    margin-top: 18px;
  }
  .reservation_main_container_1_pd {
    padding-right: 15px;
  }
  
  .content_wrapper_manage_12 {
    align-items: center !important;
  }
  .b_widget_ratings {
    background: #ffffff;
    margin: 20px 0px;
    padding: 9px 10px 27px 10px;
    box-shadow: 0px 1px 3px 1px #d2d2d28f;
	border-radius: 5px;
  }
  .b_widget_ratings_portion {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 12px;
  }
  .b_widget_ratings_portion_head {
    margin-bottom: 0px;
    font-weight: 600;
  }
  .b_widget_ratings_portion_content {
  }
  .b_widget_ratings_portion_hotel {
    font-size: 15px;
    font-weight: 500;
  }
  .b_widget_ratings_portion_rate {
    display: flex;
    height: 25px;
    align-items: center;
    font-weight: 600;
  }
  .b_widget_ratings_portion_rate_svg {
    background-color: #388e3c;
    color: white;
    padding: 0px 4px;
    font-size: 14px;
    border-radius: 3px;
  }
  .b_widget_ratings_portion_rate_svg svg {
    font-size: 12px;
    margin-top: -3px;
  }
  .b_widget_ratings_portion_rate p {
    font-size: 14px;
    margin-left: 0px;
    margin-top: 7px;
  }
  .b_widget_reviews {
    /* background: #f1f1f1; */
    margin: 20px 0 0  0px;
    padding: 9px 10px;
    /* box-shadow: 0px 1px 3px 1px #d2d2d28f; */
  }
  .b_widget_reviews_rate {
  }
  .b_widget_reviews_rate_h3 {
    font-weight: 600;
    font-size: 11px;
  }
  .b_widget_reviews_rate_div {
    font-size: 11px;
  }
  .b_widget_reviews_rate_div span svg {
    width: 14px;
  }
  .offer-tag_123 {
    border-radius: 3px;
    font-size: 11px;
  }
  .info-tag_board {
    /* position: relative;
    display: inline-block;
    background: #6c6666;
    padding: 0px 5px;
    width: 12px;
    height: 12px;
    border-radius: 14px;
    font-size: 8px;
    color: #fff;
    left: 0px;
    bottom: 1px;
    cursor: pointer;
  
    margin-right: 2px;
    margin-top: 1px; */

    position: relative;
    /* display: inline-block; */
    background: #6c6666;
    padding: 0px 5px;
    width: 12px;
    height: 12px;
    border-radius: 14px;
    font-size: 10px;
    color: #fff;
    left: 3px;
    bottom: 1px;
    cursor: pointer;
    margin-right: 6px;
    margin-top: 1px;
  }
  .info_tag_all .tooltiptext {
    visibility: hidden;
  }
  .info_tag_all .info-tag_board .tooltiptext {
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -27px;
    left: 0%;
    font-size: 11px !important;
    min-width: max-content;
    white-space: nowrap;
    width: fit-content;
  }
  .info_tag_all:hover .tooltiptext {
    visibility: visible;
  }
  
  .info_tag_all_1 .info-tag .tooltiptext {
    text-align: justify;
  }
  .info_tag_121 {
    position: absolute;
    top: 2px;
    margin-top: 1px;
    left: 0px;
  }
  .price-old-1_1 {
    margin-left: 15px;
  }
  .b_widget_padding_12 {
    margin-top: -14px;
  }
  
  .toggle-label {
    position: relative;
    display: block;
    width: 70px;
    height: 24px;
    margin-top: 11px;
    /* border: 1px solid #808080; */
  }
  .toggle-label input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .toggle-label input[type="checkbox"] + .back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    transition: background 150ms linear;
  }
  .toggle-label input[type="checkbox"]:checked + .back {
    background: #f7c532; /*green*/
  }
  
  .toggle-label input[type="checkbox"] + .back .toggle {
    display: block;
    position: absolute;
    content: " ";
    background: #fff;
    width: 50%;
    height: 100%;
    transition: margin 150ms linear;
    border: 1px solid #c5c1c1;
    border-radius: 0;
  }
  .toggle-label input[type="checkbox"]:checked + .back .toggle {
    margin-left: 35px;
  }
  .toggle-label .label {
    display: block;
    position: absolute;
    width: 50%;
    color: #ddd;
    /* line-height: 80px; */
    text-align: center;
    font-size: 13px;
    background: none;
  }
  .toggle-label .label.on {
    left: 0px;
  }
  .toggle-label .label.off {
    right: 0px;
  }
  
  .toggle-label input[type="checkbox"]:checked + .back .label.on {
    color: #fff;
  }
  .toggle-label input[type="checkbox"] + .back .label.off {
    color: #fff;
  }
  .toggle-label input[type="checkbox"]:checked + .back .label.off {
    color: #ddd;
  }
  .form-switchs {
    padding: 0px !important;
  }
  .price-section_12 {
    float: none !important;
  }
  .info-tag-res {
    position: absolute;
    left: 0px;
    line-height: 12px;
  }
  .total_rate_room_strike {
    margin-left: 15px;
  }
  .reserve2_chekin_leftright_12 {
    margin-left: 30px;
  }
  .reserve2_chekin_right_12 {
    display: inline-block;
    margin-left: 20px;
  }
  .b_widget_hotel_cr_area {
    border: 1px solid #f1f1f1;
    padding: 0px 8px;
    margin: 14px 0px;
  }
  .b_widget_hotel_cr_1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .b_widget_hotel_cr_1_h4 {
    font-size: 17px;
    /* margin-left:7px; */
    margin-bottom: 0px;
  }
  .b_widget_hotel_cr_1_p {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
  }
  .b_widget_hotel_cr_p {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
  }
  .b_widget_loyalty_cash {
    text-align: center;
    /* color: #ff9619; */
    color: #3383fb;
    font-size: 14px;
  }
  .payment_ul_123 {
    margin-bottom: 5px;
  }
  .b_widget_reviews_rate_all {
    /* border: 1px solid #d2d2d2; */
    margin: 0px 0px!important;
    padding: 6px 13px 9px 4px;
  }
  .b_widget_reviews_rate_part {
    width: 33.33%!important ;
    /* margin: 17px 0px; */
  }
  .style-module_tooltip__tKc3i {
    background-color: #c6f3d1 !important;
    color: #000000 !important;
  }
  .b_widget_user_img {
    /* border-radius: 50%;
    border: 1px solid #d2d2d2;
    width: 30px;
    padding: 0px 4px 4px 6px;
    position: relative;*/
    cursor: pointer; 
  }
  .b_widget_user_dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 164px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    right: 0px;
    /* padding: 5px 12px; */
    border-radius: 3px;
    top: 43px;
	z-index:99999;
  }
  .b_widget_user_img:hover .b_widget_user_dropdown-content {
    display: block;
  }
  .b_widget_user_dropdown-content a {
    display: block;
    color: black;
    padding: 2px 1px;
  }
  .b_widget_review_submit {
    text-align: end;
  }
  .b_widget_review_submit_btn {
    /* background-color: #198754; */
    background-image:  linear-gradient(#1ab394, #1a91ae);
    color: white;
    padding: 2px 12px;
    border-radius: 5px;
	margin-left:30px;
  }
  .b_widget_ofr_area_book_woi_d {
    margin-right: 15px;
  }
  .b_widget_offer_timers_content span {
    font-size: 14px;
  }
  .b_widget_reviews_head {
    font-size: 15px;
    color: #000;
	font-weight: 700;
  }
  .b_widget_reviews_all_input {
    /* border: 1px solid #d2d2d2;
    padding: 14px 11px; */
  }
  .b_widget_reviews_all_input .form-control {
  }
  .b_widget_reviews_all_input_ {
    border-bottom: none!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
  }
  .b_widget_reviews_all_input_text {
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
  }
  .b_widget_reviews_rate_div .react-simple-star-rating-tooltip {
    display: block;
    margin-left: 0px !important;
  }
  .b_widget_reviews_rate_part_new {
    width: 33.33% ;
  }
  .b_widget_review_list_reviews {
    padding: 0px 50px;
    width: 70%;
    padding-bottom: 20px;
  }
  .b_widget_review_list_reviews_1 {
    padding: 0px 30px;
    width: 30%;
  }
  .b_widget_rate_is_sticky_btm_best {
    margin-bottom: -5px;
    color: #f5f5f5;
    border-radius: 5px;
    border-bottom: 1px solid #5d5a5a;
    text-align: center;
  }
  .loyalty-content-section_width {
    width: 100%;
  }
  .reserve2_offer_ul_li {
    font-size: 12px !important;
  }
  .marketing-title {
    font-weight: 600;
  }
  .b_widget_po_re {
    position: relative;
  }
  .b_widget_rate_popup_toggle_des_area_ul {
    padding-left: 10px;
  }
  .b_widget_rate_popup_toggle_des_area_ul_li {
    list-style: circle;
  }
  .b_widget_more_offer {
    position: relative;
    /* color: #c1940e; */
    font-size: 14px;
    border-bottom-left-radius: 25px;
    left: 31.5%;
    width: 68.6%;
    background: #1c1b1b;
    color: #c1940e;
    font-size: 12px;
    padding: 5px 15px;
  }
  .b_widget_more_offer_link {
    color: #ffc107;
    font-weight: 500;
    text-decoration: underline !important;
    cursor: pointer;
  }
  .b_widget_more_offer_link svg {
    font-size: 16px;
    margin-left: 7px;
  }
  .other_condition_policy_style {
    padding-left: 23px;
  }
  .other_condition_policy_style li {
    list-style: circle;
  }
  .info-tag_facility {
    color: #000;
  }
  .info-tag_facility .tooltiptext {
    visibility: hidden;
  }
  .info-tag_facility:hover .tooltiptext {
    visibility: visible;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 0px 4px;
    position: absolute;
    z-index: 1;
    top: -44px;
    left: 0%;
    font-size: 11px !important;
    min-width: max-content;
    white-space: nowrap;
    width: fit-content;
  }
  .reserve_confirm_button_dis {
    color: #d2d2d2 !important;
    border-radius: 5px;
    border: 1px solid #d2d2d2 !important;
    background-color: #fff !important;
  }
  .new_img {
    width: 195px !important;
  }
  .b_widget_displaymessage {
    color: #007400;
    font-size: 13px;
    border: 1px solid #ecd6d6;
    margin: 17px;
    padding: 2px;
  }
  .widget_header_logo_cmn {
    margin-bottom: 2px;
  }
  .modify-button {
    background-color: black !important;
  }
  .b_widget_right_total_btn-active {
    background: black !important;
    border-color: black !important;
  }
  /* for common */
  /* .b_widget_booking_widget_style .b_widget_contants_widget{
    background:#343737
    }
    
    .modify-button{
      background-color:black!important;
    }
    .b_widget_right_total_btn-active{
      background: black !important;
      border-color: black !important;
    } */
  /* for sitara */
  
  .b_widget_booking_widget_style .b_widget_contants_widget {
    background: #a0a0a0;
  }
  .page-title {
    padding: 16px 0px 16px !important;
  }
  .booking-form {
    /* position: relative!important;  */
  }
  .neg_btn_dis {
    /* background-image: linear-gradient(#111111, #171818) !important; */
    color: black !important;
    border: 1px solid black !important;
  }
  .neg_btn {
    color: black !important;
    border: 1px solid black !important;
  }
  .pos_btn {
    color: black !important;
    border: 1px solid black !important;
  }
  
  .hotel-form button {
    /* background-image: linear-gradient(#a0a0a0, #646565) !important; */
  }
  .tab_active {
    /* background-color: #a0a0a0 !important;
    box-shadow: 0 4px 4px #a0a0a0 !important; */
  }
  
  .reservation_add {
    background-color: black !important;
    box-shadow: 0 4px 4px black !important;
  }
  .extra_more {
    color: black !important;
  }
  /* .marketing-title {
    color: #a0a0a0 !important;
  } */
  .main-price_top {
    color: black !important;
  }
  .room-info_details {
    color: black !important;
  }
  .show_price_drop {
    /* background: #a0a0a0 !important; */
  }
  .main-price {
    color: black !important;
  }
  .b_widget_room_split_rate {
    color: black !important;
  }
  .select-room {
    background-color: #0e0f0e !important;
    background-image: linear-gradient(#131313, #151515) !important;
  }
  .extra_rate_style {
    color: black !important;
  }
  .b_widget_right_rooms_rooms_count {
    color: black !important;
  }
  .b_widget_rate_details_shows {
    color: black !important;
  }
  .booknow-button {
    background-color: black !important;
  }
  .help_sub_div,
  .phone_div {
    color: black !important;
  }
  .b_widget_thanks_manage a {
    border: 1px solid #090a0a !important;
    color: #101111 !important;
  }
  .calender_seselect {
    background: black !important;
  }
  
  /* for sitara */
  
  
  .b_widget_room_img_zoom{
    position: absolute;
    z-index:999;
    top:0px;
    right:5px;
  }
  .image_class_slider_img_fullscreen{
	width: 100%;
    height: 94vh!important;
	 /* object-fit: contain; */

  }
  .modal-slider .slick-next{
	left:unset!important;
	right:10px;
  }
  .image_class_slider_img_fullscreen_svg{
  color: white;
  cursor: pointer;
  font-size: 32px;
  font-weight: 500;
  margin-top: 10px;
  }
  .ReactModal__Overlay{
    background-color: rgb(10 10 10 / 55%)!important;
    z-index: 99999;
  }
  .room_img_res_cl{
    display: none;
  }
  @media only screen and (max-width: 600px){
  .ReactModal__Content{
    display: none;
  
  }
  .room_img_res_cl{
    display: block;
  }
  .room_img_res_cl_show{
    display: none;
  }
  }
  /* .modal_room_class{
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    padding: 0;
    background: black;
  } */
  
  .b_widget_rate_is_sticky_btm_single{
    height:75px;
    position: fixed !important;
    top: auto;
    left: 0;
    width: 100%;
    transition: .3s;
    bottom: 0 !important;
	background: #ffffff;
    background: #171717;
    /* background: #ffffff; */
    z-index: 99;
    opacity: 1;
    visibility: visible;
    animation-duration: .5s;
    animation-name: fadeInDown;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    min-height: 75px;
    display: flex;
    justify-content: space-between;
    padding: 29px;
    align-items: center;
  }
  .b_widget_rate_is_sticky_btm_single_date_area{
    margin-left:10px;
    text-align: justify;
  }
  .b_widget_rate_is_sticky_btm_single_date_area .select-dates_btm {
    padding: 2px 9px!important;
  }
  .b_widget_rate_is_sticky_btm_single_date_area_rooms{
    padding: 2px 9px;
	color: #ffffff;

  }
  .b_widget_rate_is_sticky_btm_single_date_area .select-dates_btm .check-in_btm, 
  .b_widget_rate_is_sticky_btm_single_date_area .select-dates_btm .check-out_btm, 
  .b_widget_rate_is_sticky_btm_single_date_area .select-dates_btm .separator_btm{
  font-size: 15px;
  color: #ffffff;
  }
  .b_widget_rate_is_sticky_btm_single_modify{
    border: 1px solid var(--primary-color);
    padding: 12px 20px;
    color: rgb(248, 245, 245);
    box-shadow: 0px 0px 0px 1px var(--primary-color);
    background: var(--primary-color);
  
  }
  .b_widget_rate_is_sticky_btm_single_icon{
    font-size: 27px;
    color: #ffffff;
  }
  .b_widget_rate_is_sticky_btm_single_content{
    display: flex;
    align-items:center ;
  }
  .b_widget_rate_is_sticky_btm_single_popup{
    width:100%;
    max-width:100%;
    margin:0px;
    background-color: #0000008f;
    min-height:100%;
  }
  .b_widget_rate_is_sticky_btm_single_content{
    height:100%;
  }
  .b_widget_rate_is_sticky_btm_single_head{
    display: flex;
    justify-content: end!important;
    align-items: center!important;
  }
  .b_widget_rate_is_sticky_btm_single_popup .modal-header{
    display: flex;
    /* justify-content: end!important; */
    align-items: center!important;
  }
  .b_widget_rate_is_sticky_btm_single_popup .modal-title{
    display: contents;
  }
  .b_widget_rate_is_sticky_btm_single_popup .modal-content{
    height: 100vh;
  }
  .b_widget_booking_widget_style .rmdp-calendar-container-mobile{
  z-index:9999!important;
  }
  .b_widget_rate_is_sticky_btm_single_popup_content .dropdown-content_btm {
  top:auto;
  }
  .b_widget_rate_is_sticky_btm_single_popup_content .select-dates_btm{
   margin:2px 0px; 
  
  }
  .b_widget_rate_is_sticky_btm_single_popup_content .occupancy-box_btm{
    margin:2px 0px; 
  
  }
  .b_widget_rate_is_sticky_btm_single_popup_content .promo-code_btm{
    margin:1px 0px!important; 
  }
  .b_widget_rate_is_sticky_btm_single_popup_content .submit-btn_btm{
    margin:1px 0px; 
  }
  
  .b_widget_rate_is_sticky_btm_single_popup_content .select-dates_btm,.b_widget_rate_is_sticky_btm_single_popup_content .occupancy-box_btm,.b_widget_rate_is_sticky_btm_single_popup_content .promo-code_btm,.b_widget_rate_is_sticky_btm_single_popup_content .submit-btn_btm{
    border:1px solid #d2d2d2;
    /* margin:1px; */
  }
  .b_widget_rate_is_sticky_btm_single_popup_content{
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  background: #f1f1f1;
  }
  .b_widget_rate_is_sticky_btm_single_popup_content_all{
    /* justify-content: center;
      display: flex; */
      width: 80%;
  }
  /* .b_widget_rate_is_sticky_btm_single_popup_content_all .b_widget_login_field{
    width: 80%;
    text-align: center;
  } */
  
  .b_widget_rate_is_sticky_btm_single_popup_content_all .b_widget_login_field{
    /* border: 2px solid #d2d2d2; */
      padding: 13px;
  }
  .loyalty_activation_new{
    /* width:31%; */
  }
  .loyalty-content-section{
    /* width:68%; */
  }
  .loyalty_md-12{
    width:100%;
  }
  .swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.image_class_slider_img {
    width: 100%;
    height: auto;
}
.gift-section_area{
  margin-top:30px;
}
.slick-dotted.slick-slider{
  margin-bottom: 0px!important;
}
.slick-dots li {
width:auto!important;
height: auto, !important;
}
.slick-dots{
  bottom: 0px !important;
}
.slick-dots li button {
  padding: 0px !important;
  width: 2px !important;
}
.slick-dots li button:before {
  font-size: 8px!important;
}






.modal-overlay {
  position: fixed;
  inset: 0px;
  background-color: rgb(10 10 10 / 55%) !important;
  z-index: 99999;
  display: none;
}

.modal-content {
  inset: 50% auto auto 50%!important;
  border: 1px solid rgb(204, 204, 204)!important;
  background: black!important;
  /* overflow: auto; */
  overflow: visible!important;

  border-radius: 4px!important;
  outline: none!important;
  padding: 0px!important;
  margin-right: -50%!important;
  transform: translate(5%, 5%)!important;

  /* transform: translate(-50%, -50%); */
  width: 90%!important;
  height: 70%!important;
  position: static!important;
}

.close-btn {
  position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 40px;
    color: white;
    z-index: 9;
}

.each-slide img {
  width: 100%;
  height: auto;
}

.modal-slider .slick-prev {
  /* bottom: 0px; */
  /* left:-300px; */
}
.modal-slider .slick-next {
  /* bottom: 0px; */
  /* left:300px; */
}
.modal-slider .slick-next:before, .modal-slider .slick-prev:before {
  font-size: 30px!important;
  background: #050505;
}












.modal-overlay_occ {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
.modal-overlay_occ.show {
  display: flex;
}
.modal-content_occ {
  background: rgb(245, 243, 243);
  padding: 20px 37px;
  height: 250px;
  overflow: scroll;
  position: relative;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}
.close-btn_occ {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.modal-slider1_occ{
  margin-top:20px;
}



.modal-content_room {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 47%;
  border-radius: .3rem;
}
.close-btn_room {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close-btn_room:hover,
.close-btn_room:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.room-info-div {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.room-info-div span {
  margin-left: 10px;
}
.active {
  font-weight: bold;
}

.b_widget_tab-active {
  font-weight: 600;
  font-size: 13px;
  display: flex !important;
  align-items: center;
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  /* float: left; */
  background: #ffffff;
    border-radius: 4px;
    padding: 7px 14px 9px 13px !important;
    border: 1px solid #d1d3d3;

}
.resp-tabs-list .slick-track{
  /* width: auto !important; */
}

.resp-tab-item {
  width: auto !important;
}
.testdiv{
  width:100%;
}

.b_widget_rate-details_modal {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  /* width:75%; */
  border-radius: .3rem;
}

.closeModal_rate {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.closeModal_rate:hover,
.closeModal_rate:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.b_widget_rate-details_tds_tax_list {
  display: none; /* Initially hidden */
}
.b_widget_rate-details_tds_tax_list.show {
  display: block; /* Show when the class 'show' is added */
}
.toggle-button {
  cursor: pointer;
  color: var(--primary-color);
  /* position: absolute; */
  /* top: 13px; */
  /* right: 11px; */
margin-right:4px;
}
.b_widget_rate-details_tds_table tbody{
  position: relative;
}
/* .info_tag_all_1{
  display: flex!important;
  align-items: center;
} */
.form-select{
display: block;
width: 100%;
padding: .375rem 2.25rem .375rem .75rem;
-moz-padding-start: calc(.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.text-end{
  text-align: right;
}
.sqrate{
  margin-top: 26px;
  max-height: 200px;
  overflow: scroll;
}
.textend{
  position: absolute;
  top:0;
  right:5px;
}
.grand_total_div_sub {
  float: right;
  font-weight: 700;
  padding-right: 2%;
  font-size: 22px;
  color: #69935a;
}
.total_tax_include {
  font-size: 12px;
  color: #627474;
  font-style: italic;
  margin-left: 6px;
  padding-right: 2%;
  /* margin-top:10px; */
}
.b_widget_member_modal_content{
  position: relative;
}

.login_forgot_password{
  float: right;
    color: #639fec;
    cursor: pointer;
}
.login-forgot-section {
  text-align: left;
  margin: 4px 21px 8px 20px;
  color: #45aeb3;
}

#close-member-popup,#close-signup-popup{
  background: none;
}
#close-member-popup span{
  font-size: 27px;
}
#close-login-popup,#close-signup-popup,#close-forgot-popup,#close-sign_otp-popup{
  font-size: 24px;
}
.toggle-password{
  position: absolute;
  right: 19px;
  top: 17px;
}
.error{
  color:red;
  float: left;
  text-align: left;
  margin-bottom: 5px;
}
.b_widget_login_modal_content{
  height: 450px;
  overflow: scroll;
  text-align: left;
  border: 1px #e1e1e1;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 400px;
  border-radius: .3rem;
  position: relative;
}
.b_widget_signup_modal_content{
  overflow: scroll;
  text-align: left;
  border: 1px #e1e1e1;
  background-color: #fefefe;
  margin: 30px auto;
  padding: 20px;
  border: 1px solid #888;
  width: 640px;
  border-radius: .3rem;
  position: relative;
}
.b_widget_forgot_modal_content{
  height: 250px;
  overflow: scroll;
  text-align: left;
  border: 1px #e1e1e1;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 400px;
  border-radius: .3rem;
  position: relative;
}
.b_widget_sign_otp_modal_content{
  height: 300px;
  overflow: scroll;
  text-align: left;
  border: 1px #e1e1e1;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 400px;
  border-radius: .3rem;
  position: relative;

}
.swal2-container {
  z-index: 99999!important;
}
.resp-tab-item_slicks{
  border-radius: 4px;
    padding: 7px 14px 9px 13px !important;
    border: 1px solid #d1d3d3;
    display: flex !important;
    align-items: center;
}
.date_availability{
  margin-top:120px;
}

.b_widget_availabilitycalender .gray-day {
  background-color: #ededed !important ;
  color: white !important;
  border-color: #ededed!important;
}

.b_widget_availabilitycalender .green-day {
  background-color: #34a7a7 !important;
  color: white !important;

}
.b_widget_availabilitycalender .flatpickr-calendar
{
  background:#959299;

}
.b_widget_availabilitycalender .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover{
  color:rgb(0 0 0 / 10%);
}
.b_widget_availabilitycalender .flatpickr-weekdays,.b_widget_availabilitycalender  .flatpickr-months,.b_widget_availabilitycalender .flatpickr-months .flatpickr-month,.b_widget_availabilitycalender span.flatpickr-weekday{
  background:#959299!important;

}
.b_widget_availabilitycalender .flatpickr-day.inRange,.b_widget_availabilitycalender .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.b_widget_availabilitycalender .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.b_widget_availabilitycalender .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: none!important;
   box-shadow:  none!important; 

}
.b_widget_availabilitycalender .flatpickr-calendar{
  margin: 0px auto;
}
.b_widget_availabilitycalender_cont{
  padding:0px 86px;
}

.b_widget_availability_section {
    padding: 0px; 
     margin: 0px;
  
}
.flatpickr-button-container{
  margin-top: 10px;
  text-align: right;
  margin-right: 26px;
}
.flatpickr-clear{
  background: #565353;
    color: white;
    border-radius: 5px;
    padding: 2px 5px;
}
.flatpickr-clear:disabled{
  background: #d1d3d1;

}
.flatpickr-secound-container{
  margin:10px 0px;
  padding: 10px 0px;
  background: #d8dbc8;
  display: flex;
  justify-content: space-between;

}
.flatpickr-selection-display{
  display: flex;
  margin-left:10px;
}
.flatpickr-selection-display p{
  margin-bottom: 0px;
}
.flatpickr-apply{
  background: #1c851c;
    color: white;
    border-radius: 5px;
    padding: 2px 5px;
    margin-right:26px;
}
.flatpickr-apply:disabled{
  background: #d1d3d1;
}





@media screen and (min-width: 1038px) {
  .b_widget_availabilitycalender .flatpickr-calendar
  {
    background:#959299;
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 
  
  }
  .b_widget_availabilitycalender .flatpickr-days{
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 

  }
}

@media screen and (min-width: 900px) and (max-width: 1037px) {

.b_widget_availabilitycalender .flatpickr-calendar
{
  background:#959299;
  width:auto!important; 
}
  .b_widget_availabilitycalender .flatpickr-days{
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 

  }

}

@media screen and (max-width: 899px) {
  .b_widget_availabilitycalender .flatpickr-calendar
  {
    background:#959299;
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 
  
  }
  .b_widget_availabilitycalender .flatpickr-days{
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 

  }
  .b_widget_availability_section{
    padding:0px; 
     margin: 0px;
  }
  .b_widget_availabilitycalender_cont{
    padding:0px;
  }
  .b_widget_availability_available_area{
    padding:0px 30px;

  }
  .b_widget_availability_available_indication{
    padding:7px 30px;

  }



.flatpickr-calendar
  {
    background:#959299;
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 
  
  }
 .flatpickr-days{
    width:auto!important; 
    min-width: auto!important;
     max-width: fit-content!important; 

  }

}


.booking_section{
  padding: 7px 0px;
}
.b_widget_phone_input{margin-bottom: 20px;}
.b_widget_phone_input .iti{
  background-color: #f1f1f1;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 10px;
  margin-top: 3px;
}
.b_widget_phone_input input{
  background-color: #f1f1f1;
  width:100%;
}
.b_widget_phone_input input::placeholder{
  color: #9d9b9b;
}
.b_widget_pay_types {
  /* margin-top:8px; */
}

.star {
  font-size: 30px;
  cursor: pointer;
  color: #ccc; /* default color */
}
.star-filled {
  color: #f1d045; /* default filled color */
}
.tooltip {
  position: absolute;
  background-color: #000;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  display: none;
  z-index: 100;
}
.d-none{
  display: none;
}
.auto-container .b_widget_booking_form{
  padding:0px;
  margin-top:74px;
  height: 120px;
  border-radius: unset;
}
.b_widget_booking_widget_style{
  height:120px;
}
.auto-container .b_widget_booking_widget_style {
  padding:0px;

}
.b_widget_rate_is_sticky_btm_single_popup .modal-dialog{
  margin: auto;
}
.b_widget_rate_is_sticky_btm_single_popup .modal-content{
  transform: none;
  width:100%;
}
.btn-close_modify_occ{
  font-size: 28px;
  background: transparent;
  color: #fff;
}
.dropdown-content1{
  z-index: 999999;
}
.dropdown-content2 {
  /* position: absolute; */
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 245px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-top: 14px;
  max-height: 400px;
  overflow: scroll;
  bottom: 47px;
  left: 67px;
  padding: 12px 16px;
}

.dropdown-content2.show {
  display: block!important;
  width: 245px;
}
.form_stick{
  position: relative;
}
.dropdown-content1{
  /* bottom: 0px; */
}
.payment_details_desc{
  position: static!important;
}
@media screen and (min-width: 800px) and (max-width: 910px) {
.b_widget_choose_hotel_form-group3{
  width:179px!important;
}
/* .b_widget_choose_hotel_form-group1,.b_widget_choose_hotel_form-group2{
  width: auto!important;

} */
}
@media screen and (min-width: 911px){
  /* .b_widget_choose_hotel_form-group1,.b_widget_choose_hotel_form-group2,.b_widget_choose_hotel_form-group3{
    width: auto!important;
    } */
  }
.resp-tabs-list{
padding: 0px;
margin-bottom: 0px;

}
.slick-arrow{
  transform: translateY(-50%);
}
.tab_list_checkin{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.reserve2_chekin_left,.reserve1_chekin_left,.reserve1_checkout_left{
  margin-left:0px!important;
}


.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){
  box-shadow: none!important;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: #fdbc69 !important;
border:1px solid #fdbc69;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
  background: #fdbc69 !important;
  border:1px solid #fdbc69;
  box-shadow: none!important;

}
.b_widget_row_align{
  margin-right:0px!important;
}
.dropdown-item_lang{
  cursor: pointer;
}
.logout_div{
  cursor: pointer;
}
.flatpickr-current-month input.cur-year{
  background:transparent!important;
  border:none!important;
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
  .rate_reserve2_room ,.rate_reserve2_room_without_offer{
      float: none !important;
  }
}
.booking_for_section h3{
  font-size:14px;
  margin-top:10px;
}
.booking_for{
display: flex;
padding:0px;
margin-bottom: 10px;
}
.guest_info_section_h5{
  font-size: 16px;
}
#signup-submit,#login-submit{
cursor: pointer;}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
    .b_widget_offer_page_offer_list_portion_2
      .slick-list
      .slick-track
      .slick-slide {
      width: 300px;
    }
  }
  @media screen and (min-width: 2500px) {
    .b_widget_booking_form {
      left: 34%;
    }
    .gift-section {
      margin: 0px 30%;
    }
  }
  @media screen and (min-width: 1200px) {
    .b_widget_reviews_all_con {
      padding: 0px 17%;
    }
  }
  @media screen and (min-width: 2000px) and (max-width: 2499px) {
    .b_widget_booking_form {
      left: 30%;
    }
    .gift-section {
      margin: 0px 29%;
    }
  }
  @media screen and (min-width: 1800px) and (max-width: 1999px) {
    .b_widget_booking_form {
      left: 26%;
    }
    .gift-section {
      margin: 0px 26%;
    }
  }
  @media screen and (min-width: 1700px) and (max-width: 1799px) {
    .b_widget_booking_form {
      left: 26%;
    }
    .gift-section {
      margin: 0px 23%;
    }
  }
  @media screen and (min-width: 1600px) and (max-width: 1699px) {
    .b_widget_booking_form {
      left: 24%;
    }
    .gift-section {
      margin: 0px 22%;
    }
  }
  @media screen and (min-width: 1500px) and (max-width: 1599px) {
    .b_widget_booking_form {
      left: 22%;
    }
    .gift-section {
      margin: 0px 20%;
    }
  }
  @media screen and (min-width: 1400px) and (max-width: 1499px) {
    .b_widget_booking_form {
      left: 20%;
    }
    .gift-section {
      margin: 0px 18%;
    }
  }
  
  @media screen and (min-width: 1300px) and (max-width: 1399px) {
    .b_widget_booking_form {
      left: 17%;
    }
    .gift-section {
      margin: 0px 15%;
    }
    .room_adult_div {
      margin-left: 25% !important;
    }
  }
  
  @media screen and (min-width: 1200px) and (max-width: 1299px) {
    .b_widget_booking_form {
      left: 15%;
    }
    .gift-section {
      margin: 0px 12%;
    }
    .room_adult_div {
      margin-left: 25% !important;
    }
  }
  @media screen and (min-width: 1100px) and (max-width: 1199px) {
    .b_widget_booking_form {
      left: 13%;
    }
    .loyalty-subtitle {
      font-size: 18px;
    }
    .gift-section {
      margin: 0px 10%;
    }
    .button_main_div {
      display: flex;
    }
    .rate_reserve2_room ,.rate_reserve2_room_without_offer{
      float: none !important;
    }
    .total_rate_room_strike {
      margin-top: 5px;
    }
  }
  @media screen and (min-width: 1000px) and (max-width: 1099px) {
    .b_widget_booking_form {
      left: 10%;
    }
    .loyalty-subtitle {
      font-size: 15px;
    }
    .loyalty-activation .form-check {
    }
    .form-switchs .member_dis_check {
      width: 2em !important;
      height: 19px !important;
    }
    .loyalty-title {
      font-size: 15px;
    }
    .b_hotel_room_details-titles h3 {
      font-size: 17px !important;
    }
    .gift-section {
      margin: 0px 8%;
    }
    .button_main_div {
      display: flex;
    }
  
    .rate_reserve2_room ,.rate_reserve2_room_without_offer{
      float: none !important;
    }
    .total_rate_room_strike {
      margin-top: 5px;
    }
    .reserve2_chekin_left {
      /* margin-left: 5% !important; */
      display: inline-block;
    }
  }
  
  @media screen and (min-width: 800px) {
	.auto-container .b_widget_booking_form{
		margin-top:0px!important;
	}
	.b_widget_booking_widget_style{
		position: sticky;
		top:0px;
		z-index:9999;
	}
	.b_widget_dropdown_MenuButton2{
		font-size: 14px!important;
	  }
  
  }

  @media screen and (min-width: 1000px) {
    .b_widget_booking_form {
      width: 100% !important;
      /* left:0px; */
    }
    .b_widget_booking_form_row {
      width: auto !important;
    }
  
    .b_widget_choose_hotel_form-group {
      width: 220px!important;
    }
    .b_widget_choose_hotel_form-group1 {
      width: 181px!important;
    }
    .b_widget_choose_hotel_form-group2 {
      width: 223px!important;
    }
    .b_widget_choose_hotel_form-group3 {
      width: 200px!important;
    }
  }
  @media screen and (min-width: 1200px) and (max-width: 1399px) {
  }
  
  @media screen and (min-width: 1100px) and (max-width: 1299px) {
    .price-info-booking .select-room {
      padding: 7px 4px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 1025px) {
    .b_widget_reviews_rate_part {
      width: 50%!important ;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 999px) {
    .b_widget_booking_form {
      left: 0%;
      width: 100% !important;
    }
    .b_widget_booking_form_row {
      width: 100% !important;
    }
    .b_hotel_room_details-titles h3 {
      font-size: 17px !important;
    }
    /* .b_widget_reviews_rate_part {
      width: 100%!important;
    } */
    .booking_section_review {
      display: block !important;
    }
    .b_widget_review_list_reviews {
      width: 100%;
    }
    .b_widget_review_list_reviews_1 {
      width: 100%;
      display: flex;
      padding: 0px 50px;
    }
    .profile_update_side_active {
      margin-right: 10px;
      /* padding-left: var(--bs-gutter-x, .75rem); */
    }
    .profile_update_side {
      margin-right: 10px;
    }
  }
  @media screen and (min-width: 900px) and (max-width: 999px) {
    .b_widget_booking_form_row {
      margin: 0px 0px;
    }
    .b_widget_choose_hotel_form-group {
      width: 220px!important;
    }
    .b_widget_choose_hotel_form-group1 {
      width: 180px!important;
    }
    .b_widget_choose_hotel_form-group2 {
      width: 223px!important;
    }
    .b_widget_choose_hotel_form-group3 {
      width: 200px!important;
    }
    .gift-section {
      margin: 0px 6%;
    }
    .reservation_main_container_1 {
      margin-top: 30px;
    }
    .reservation_main_container_1_pd {
      padding-right: 0px;
    }
  }
  @media screen and (min-width: 800px) and (max-width: 899px) {
    .b_widget_booking_form_row {
      margin: 0px 0px;
    }
    .b_widget_choose_hotel_form-group {
      width: 196px;
      min-width: 196px !important;
    }
    .b_widget_choose_hotel_form-group1 {
      width: 180px!important;
      min-width: 180px !important;
    }
    .b_widget_choose_hotel_form-group2 {
      width: 223px!important;
      min-width: 223px !important;
    }
    .b_widget_choose_hotel_form-group3 {
      width: 146px!important;
      min-width: 146px !important;
    }
    .gift-section {
      margin: 0px 6%;
    }
    .reservation_main_container_1 {
      margin-top: 30px;
    }
    .reservation_main_container_1_pd {
      padding-right: 0px;
    }
  }
  
  @media screen and (min-width: 800px) {
    .b_widget_rate_is_sticky {
      display: none;
    }
    .b_widget_rate_is_sticky_btm {
      display: none;
    }
    .b_widget_rate_is_sticky_btm_single {
      display: none;
    }
  }
  @media screen and (max-width: 799px) {
    .promo-code_btm {
      color: #9d9b9b ;
      border-bottom: 1px solid #4c4949 !important;
      margin: 0 !important;
      width: 100%;
      background: var(--secondary-color);
    }
    .promo-code_btm {
      color: #9d9b9b ;
      border-bottom: 1px solid #4c4949 !important;
      margin: 0 !important;
      width: 100%;
      background: var(--secondary-color);
    }
  }
  @media screen and (max-width: 799px) {
	.header-top {
		background: #373737;
	}
	.b_widget_dropdown_MenuButton2 {
		background-color: #373737!important;
		padding: 1px 11px!important;
		color: #e3e3e3!important;
		text-transform: uppercase!important;
	}
	
	.language-dropdown button {
  
		color: rgb(215 211 211);
		text-transform: uppercase;
		background: #373737;
	}

	.b_widget_price_contents {
		padding: 0px 0px 7px 8px;
		margin-top: 0px;
	}




    .b_widget_contants_widget {
      height: 0px;
    }
    .b_widget_contants_widget .page-title::before {
      background-color: transparent;
    }
    .b_widget_booking_widget_style{
      height:auto;
    }
    .booking-form{background: none;}
    .b_widget_booking_form_1 {
      display: none;
    }
    .b_widget_rate_is_sticky {
      display: block;
    }
    .b_widget_rate_is_sticky_btm {
      position: fixed !important;
      top: auto;
      left: 0;
      width: 100%;
      transition: 0.3s;
      bottom: 0 !important;
      /* background: rgb(255, 255, 255, 1); */
      /* background: #ffff; */
      background: #05050570;
      z-index: 99;
      /* display: flex; */
      opacity: 1;
      visibility: visible;
      animation-duration: 500ms;
      animation-name: fadeInDown;
      animation-timing-function: linear;
      animation-iteration-count: 1;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      min-height: 100px;
      height: 220px;
    }
    .b_widget_rate_is_sticky_btm_new {
      position: fixed !important;
      top: auto;
      left: 0;
      width: 100%;
      transition: 0.3s;
      bottom: 0 !important;
      /* background: rgb(255, 255, 255, 1); */
      /* background: #ffff; */
      background: #05050570;
      z-index: 99;
      /* display: flex; */
      opacity: 1;
      visibility: visible;
      animation-duration: 500ms;
      animation-name: fadeInDown;
      animation-timing-function: linear;
      animation-iteration-count: 1;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      /* min-height: 100px; */
      height: 100px;
    }
    .b_widget_rate_is_sticky_display_btm {
      background: #393f40;
      margin: 16px 6px;
      border-radius: 4px;
    }
    .b_widget_custom-select-box_btm {
      display: flex;
      padding: 7px 9px;
      border-bottom: 1px solid #d2d2d2;
      justify-content: space-between;
    }
    .b_widget_hotel_selected-option_btm {
      display: inline-block;
      /* max-width: 186px; */
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #9d9b9b;
    }
    .b_widget_custom-select-box_btm svg {
      font-size: 22px;
      width: 45px;
      margin-top: 5px;
    }
    .b_widget_dropdown-content_hotel_btm {
      position: absolute;
      top: -400px;
      background-color: #f9f9f9;
      min-width: 310px;
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
      z-index: 1;
      margin-top: 76px;
      /* margin-top: 14px; */
      max-height: 400px;
      overflow: scroll;
      /* padding: 6px 15px 8px; */
      text-align: justify;
      /* margin-left: -16px; */
    }
  
    .b_widget_hotel_dropdown-item_btm {
      color: #3e3939;
      padding: 3px 0px;
      cursor: pointer;
      padding: 2px 15px 8px;
      font-size: 14px;
    }
    .b_widget_hotel_dropdown-item_btm:hover {
      background-color: #e7e7e7;
    }
    .select-dates_btm {
      padding: 7px 9px;
      display: flex;
      align-items: center;
    }
    .check-in-label_btm {
      margin-right: 4px;
    }
    /* .check-out-label_btm {
      margin-left: 10px;
    } */
    .check-in-label_btm,
    .check-out-label_btm,
    .separator_btm {
      color: #9d9b9b;
	  margin-left: 5px!important;
    }
	.search_modify_promocode_c{
		position: relative;
	}
	.search_modify_promocode_c span img{
		left: 2%!important;
    bottom: 25%!important;
	}
    .dropdown-content_btm {
      display: none;
      position: absolute;
      /* position: fixed; */
      background-color: #f9f9f9;
      min-width: 328px;
      /* box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); */
      z-index: 1;
      /* margin-top: 60px; */
      margin-top: 9px;
      max-height: 200px;
      overflow: scroll;
      top: -121px;
    }
    .dropdown-content_btm.show {
      display: block;
      width: 340px;
    }
  
    .occupancy-box_btm {
      padding: 7px 9px;
      display: flex;
  
      border-top: 1px solid #5d5a5a;
    }
    .promo-code_btm {
      /* background: #151516 !important; */
      color: #9d9b9b !important;
      /* border-top:1px solid #d2d2d2; */
  
      border-bottom: 1px solid #d2d2d2 !important;
      /* padding: 0px !important; */
      margin: 0px !important;
      /* height: 28px !important; */
      /* text-align: center; */
      display: flex;
      padding: 7px 9px;
      width: 100%;
      border-top: 1px solid #5d5a5a;
    }
    .submit-btn_btm {
      width: 100%;
      margin: 0px;
      padding: 6px;
      /* background: #18b394; */
      color: white;
	  background-image:linear-gradient(#a0a0a0,#646565)!important
    }
    .check-out_btm {
      display: contents;
    }
    .separator_btm {
      margin-left: 5px;
    }
    .check-in_btm,
    .check-out_btm,
    .separator_btm {
      color: #9d9b9b;
    }
    .gift-section {
      /* padding-bottom: 230px; */
    }
    .hidden-bar-wrapper {
      /* padding-bottom: 230px; */
    }
    .b_widget_availability_section {
      margin-bottom: 260px;
    }
   
    .b_widget_tab_all {
      /* margin: 0px 6%; */
    }
    .reservation_main_container_1 {
      margin-top: 30px;
    }
    .reservation_main_container_1_pd {
      padding-right: 0px;
    }
    .b_widget_rate_right_visible {
      top: 60px !important;
    }
  }
  @media screen and (max-width: 899px) {
    .rmdp-wrapper {
      width: auto !important;
    }
    .new_datepicker .rmdp-day-picker > div:first-of-type {
      margin-right: 0px !important;
    }
    .rmdp-mobile .rmdp-day-picker {
      margin-left: 0px;
      margin-right: 0px;
    }
  }
  @media only screen and (min-width: 576px) and (max-width: 799px) {
    .b_widget_tab_all .reservation_tab_12 .tab_active,
    .b_widget_tab_all .reservation_tab_12 .tab_list {
      font-size: 10px;
    }
  }
  @media only screen and (min-width: 1023px) and (max-width: 1340px) {
    .main-header {
      position: relative;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 991px) {
    .image_class_slider_img {
      width: auto;
      height: auto;
      border-radius: 0%;
    }
    .image_class_slider {
      width: auto;
    }
    .b_widget_room_head_allign {
      margin-top: 0px;
    }
  }
  
  @media screen and (min-width: 992px) and (max-width: 1024px) {
    .b_widget_price_contents .slick-dots {
      display: none !important;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    .b_widget_booking_offer_slider_align {
      display: -webkit-inline-box;
      width: 100%;
    }
    /* .b_widget_ofr_area_image{
        width: 50%;
        float: left;
      } */
  
    .b_widget_ofr_area_image {
      width: 25%;
      float: left;
      height: 21%;
    }
    /* .b_widget_offer_full_name_portion{
        width:50%;
      } */
    .b_widget_offer_full_name_portion {
      width: 71%;
    }
    .b_widget_offer_full_name_portion_old {
      display: block !important;
    }
    .b_widget_ofr_area_content {
      width: 50%;
      float: left;
    }
    .b_widget_ofr_area_rate:before {
      display: block;
      clear: both;
      content: "";
    }
    .b_widget_ofr_area_rate {
      margin-top: 7px;
      width: 30%;
      /* float: left; */
    }
    /* .b_widget_ofr_area_content{
        width: 50%;
      float: right;
      } */
    .b_widget_ofr_area_board {
      /* margin-top:15px; */
      /* width: 40%; */
      width: 50%;
      float: left;
    }
    .b_widget_padding {
      margin-top: 5px;
    }
    .b_widget_ofr_area_rate {
      margin-top: 10px;
      width: 50%;
      /* float: none; */
      /* float: left; */
    }
    .b_widget_ofr_area_book {
      margin-top: 10px;
      width: 100%;
      float: right;
      display: block;
    }
  
    .b_widget_ofr_area_content_woi {
      width: 50%;
      float: left;
    }
  
    .b_widget_ofr_area_board_woi {
      width: 50%;
      float: right;
      display: flex;
      justify-content: end;
    }
    .b_widget_ofr_area_rate_woi {
      /* margin-top:10px; */
      width: 50%;
      float: left;
    }
    .b_widget_ofr_area_book_woi {
      /* margin-top:10px; */
      width: 100%;
      float: right;
      text-align: start;
      display: block;
    }
    .b_widget_ofr_area_book_woi_d {
      display: flex;
      align-items: center;
      justify-content: normal;
    }
    .b_widget_paddings_12 {
      width: 50%;
      display: flex;
      align-items: center;
    }
    .b_widget_padding_12 {
      width: 50%;
      display: flex;
      justify-content: end;
    }
    .b_widget_price_contents .slick-dots {
      display: none !important;
    }
    .reserve_confirm_button {
      width: 47% !important;
    }
    .reserve_confirm_edit_button {
      width: 47% !important;
    }
    .manage_edit_datestatus {
      width: 47% !important;
    }
    .manage_button_main {
      width: 50% !important;
    }
    .payment_details_desc,
    .other_condition_des {
      width: 66.66%;
    }
    .payment_details {
      width: 33.33%;
    }
  }
  @media screen and (min-width: 576px) and (max-width: 577px) {
    .reserve_confirm_edit_button {
      margin-top: 10px;
    }
    .manage_edit_datestatus {
      margin-top: 10px;
    }
  }
  @media screen and (min-width: 570px) and (max-width: 575px) {
    .reserve_confirm_button {
      top: 10px;
    }
    .manage_button_main:before {
      display: block;
      clear: both;
      content: "";
    }
  
    .reserve_confirm_edit_button {
      top: 10px;
    }
    .manage_edit_datestatus {
      top: 10px;
    }
  }
  @media screen and (min-width: 576px) and (max-width: 767px) {
    .b_widget_row_align .b_widget_booking_offer_slider_align {
      /* display: table-row-group; */
      display: block;
    }
    .reserve2_chekin_left {
      /* margin-left: 15px !important; */
    }
    .b_hotel_room_details-titles h3 {
      font-size: 17px !important;
      font-weight: bold !important;
    }
  
    .b_widget_booking_offer_slider_align {
      display: -webkit-inline-box;
    }
    .b_widget_ofr_area_image {
      width: 35%;
      float: left;
      margin-right: 10px;
    }
    .b_widget_ofr_area_content {
      width: 65%;
      float: left;
    }
    .b_widget_ofr_area_board {
      margin-top: 10px;
      width: 50%;
      float: left;
      display: block;
      clear: both;
      content: "";
      margin-top: 5px;
    }
    .b_widget_ofr_area_rate {
      margin-top: 10px;
      width: 100%;
      float: left;
    }
    .b_widget_ofr_area_book {
      margin-top: 10px;
      width: 50%;
      float: right;
  
      display: flex;
      justify-content: end;
    }
    .b_widget_price_contents .resp-tabs-list {
      display: block !important;
    }
    .b_widget_ofr_area_content_woi {
      width: auto;
      float: left;
    }
    .b_widget_offer_full_name_portion_old {
      display: block;
    }
    .b_widget_ofr_area_board_woi {
      width: 50%;
      float: left;
      /* display: flex; */
      justify-content: end;
      display: block;
      clear: both;
      content: "";
      margin-top: 5px;
    }
    .b_widget_ofr_area_rate_woi {
      margin-top: 10px;
      width: 100%;
      float: left;
    }
    .b_widget_ofr_area_book_woi {
      /* margin-top:10px; */
      width: 50%;
      float: right;
      display: flex;
      justify-content: end;
      /* text-align: end; */
    }
    /* .b_widget_ofr_area_book_woi_d{
          display: flex;
          align-items: center;
          justify-content: normal;
        } */
    .b_widget_price_contents .slick-dots {
      display: none !important;
    }
    .manage_button_main {
      float: none !important;
    }
    .reserve_confirm_button {
      position: relative;
      top: 40px;
    }
    .reserve_confirm_edit_button {
      position: relative;
    }
    .manage_edit_datestatus {
      position: relative;
    }
    .reserve2_chekin_left {
    }
    .reserve_confirm_button {
      width: 35% !important;
  
      top: 10px !important;
    }
    .reserve_confirm_edit_button {
      width: 35% !important;
      top: 10px !important;
      margin-left: 10px;
    }
    .manage_edit_datestatus {
      width: 35% !important;
      top: 10px !important;
      margin-left: 10px;
    }
    .manage_button_main:before {
      display: block;
      clear: both;
      content: "";
    }
    .b_widget_offer_full_name_portion {
      width: 100%;
    }
    .payment_details_desc,
    .other_condition_des {
      margin-left: 15px;
    }
    .b_widget_inner-column {
      padding-top: 10px !important;
    }
    .b_widget_reviews_rate_part {
      width: 50%!important;
    }
    .b_widget_reviews_rate_part_new {
      width: 50% !important;
    }
    .booking_section_review {
      display: block !important;
    }
    .b_widget_review_list_reviews {
      width: 100%;
      padding: 0px 19px;
      padding-bottom: 10px;
    }
    .b_widget_review_list_reviews_1 {
      width: 100%;
      display: flex;
      padding: 0px 19px;
    }
    .profile_update_side_active {
      margin-right: 10px;
      /* padding-left: var(--bs-gutter-x, .75rem); */
    }
    .profile_update_side {
      margin-right: 10px;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 575px) {
    .loyalty-title {
      line-height: 16px;
    }
    .b_hotel_room_details-titles h3 {
      font-size: 17px !important;
      font-weight: bold !important;
    }
    .b_widget_row_align_col {
      width: 100%;
      flex:0 0 auto;
      max-width: 100%;
    }
    .hotel_room_details {
      display: block;
    }
    .b_widget_occu_modify {
      margin-top: 10px;
      margin-left: 2px;
    }
  
    .b_widget_booking_offer_slider_align {
      display: flex;
      flex-wrap: wrap;
    }
    .b_widget_ofr_image {
      /* width:100%; */
    }
    .b_widget_offer_full_name_portion_old {
      display: flow-root;
      flex: 1 1 auto; /* Allow 'two' to grow and shrink */
      /* display: flex; */
      flex-direction: column;
    }
    .b_widget_offer_full_name_portion {
      width: 100%;
    }
    .b_widget_ofr_area_image {
      width: 50%;
      float: left;
      flex: 0 0 auto; /* Allow 'one' to grow and shrink */
    }
    .b_widget_ofr_area_content {
      width: 100%;
      /* float: right; */
      flex: 0 0 auto; /* Allow 'one' to grow and shrink */
      /* width: 100px;  */
    }
  
    .b_widget_ofr_area_board {
      margin-top: 10px;
      width: 100%;
      float: left;
    }
    .b_widget_ofr_area_rate {
      margin-top: 10px;
      /* width: 50%; */
      float: left;
    }
    .b_widget_ofr_area_book {
      margin-top: 10px;
      width: 100%;
      /* float: right; */
    }
    .b_widget_price_contents .resp-tabs-list {
      display: block !important;
    }
  
    .b_widget_ofr_area_content_woi {
      width: 100%;
      float: left;
    }
  
    .b_widget_ofr_area_board_woi {
      margin-top: 5px;
      width: 100%;
      float: right;
    }
    .b_widget_ofr_area_rate_woi {
      margin-top: 10px;
      width: 100%;
      float: left;
    }
    .b_widget_ofr_area_book_woi {
      /* margin-top:10px; */
      width: 100%;
      float: right;
      /* text-align: end; */
      display: flex;
      justify-content: flex-start;
    }
    .b_widget_price_contents .slick-dots {
      display: none !important;
    }
    .reservation_tab_12 {
      display: block !important;
    }
    .reservation_tab_12 .tab_active,
    .reservation_tab_12 .tab_list {
      float: none;
    }
    .b_widget_auto_container {
      /* display: block; */
    }
	.widget_header_logo_cmn a img{
		width: 75px !important;
		height:75px !important;
	}
    .b_widget_heade_right {
      margin-top: 10px;
      font-size: 12px;
      /* justify-content: space-between; */
    }
    .b_widget_heade_left {
      justify-content: center;
    }
    .language-dropdown {
      margin-left: 5px;
    }
    .b_widget_dropdown-menu_lang_head {
      position: relative;
      /* margin-left: 15px; */
    }
    .language-dropdown button {
      background-color: #e8e8e8;
      padding: 1px 11px;
      font-size: 12px;
    }
    .b_widget_rate-details_td,
    .b_widget_rate-details_td_1,
    .b_widget_rate-details_td_2,
    .b_widget_rate-details_tds,
    .b_widget_rate-details_tds-1 {
      font-size: 13px;
    }
    .b_widget_rate_pop_total {
      font-size: 15px;
    }
    .b_widget_rate_pop_total_per {
      font-size: 13px;
    }
    .b_widget_roomdetails_pop_head {
      font-size: 18px;
    }
    .b_widget_ratedetails_pop_head_1 {
      font-size: 15px;
    }
    .b_widget_rate_popup_toggle_des,
    .b_widget_room_popup_toggle_des {
      font-size: 15px;
    }
    .b_widget_rate_popup_toggle_des_area p,
    .b_widget_room_popup_toggle_des p {
      font-size: 14px;
    }
    .b_widget_tab_all .reservation_tab_12 .tab_active,
    .b_widget_tab_all .reservation_tab_12 .tab_list {
      font-size: 12px;
    }
    .reserve2_chekin_left {
      /* margin-left: 5px !important; */
    }
    .payment_details_desc,
    .other_condition_des {
    }
    .payment_details_desc,
    .other_condition_des {
      margin-left: 15px;
    }
    .b_widget_inner-column {
      padding-top: 10px !important;
    }
    .b_widget_reviews_rate_part {
      width: 100%!important;
    }
    .b_widget_reviews_rate_part_new {
      width: 100%;
    }
    .booking_section_review {
      display: block !important;
    }
    .b_widget_review_list_reviews {
      width: 100%;
    }
    .b_widget_review_list_reviews {
      padding: 0px 19px;
    }
    .b_widget_review_list_reviews {
      width: 100%;
      padding: 0px 19px;
      padding-bottom: 10px;
    }
    .b_widget_review_list_reviews_1 {
      width: 100%;
      display: flex;
      padding: 0px 19px;
    }
    .profile_update_side_active {
      margin-right: 10px;
      /* padding-left: var(--bs-gutter-x, .75rem); */
    }
    .profile_update_side {
      margin-right: 10px;
    }
  }
  @media screen and (min-width: 576px) and (max-width: 600px) {
    .reservation_tab_12 .tab_active,
    .reservation_tab_12 .tab_list {
      font-size: 13px;
    }
    .b_widget_rate-details_td,
    .b_widget_rate-details_td_1,
    .b_widget_rate-details_td_2,
    .b_widget_rate-details_tds,
    .b_widget_rate-details_tds-1 {
      font-size: 13px;
    }
    .b_widget_rate_pop_total {
      font-size: 15px;
    }
    .b_widget_rate_pop_total_per {
      font-size: 13px;
    }
    .b_widget_roomdetails_pop_head {
      font-size: 18px;
    }
    .b_widget_ratedetails_pop_head_1 {
      font-size: 15px;
    }
    .b_widget_rate_popup_toggle_des,
    .b_widget_room_popup_toggle_des {
      font-size: 15px;
    }
    .b_widget_rate_popup_toggle_des_area p,
    .b_widget_room_popup_toggle_des p {
      font-size: 14px;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 650px) {
    .reserve2_chekin_left span,
    .reserve2_chekin_left div {
      font-size: 12px;
    }
    .reserve1_chekin_left img {
      width: 20px;
    }
    .reserve1_checkout_left span,
    .reserve1_checkout_left div {
      font-size: 12px;
    }
    .checkin_out_confirm_reserve {
      padding: 0px !important;
    }
    .checkin_out_confirm_reserve_12 {
      padding: 5px 10px !important;
    }
    .checkin_out_confirm_reserve_12 span,
    .checkin_out_confirm_reserve_12 div {
      font-size: 13px;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 460px) {
    .rmdp-wrapper {
      width: 320px !important;
    }
    .rmdp-calendar {
      width: 320px !important;
    }
    .new_datepicker .rmdp-day-picker > div:first-of-type {
      margin-right: 0px !important;
      margin-left: 0px;
      width: 300px !important;
    }
    .rmdp-mobile .rmdp-day-picker {
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
    .cancel-button {
      width: 43% !important;
    }
    .booknow-button {
      width: 43% !important;
    }
    .button_main_div {
      display: flex;
      justify-content: center;
    }
	.b_widget_rate_is_sticky_btm_single_popup_content_all {
		width: 96%;
	}
	.search_modify_promocode{
		padding: 0% 12% !important;
	}
  }
  @media screen and (min-width: 461px) and (max-width: 799px) {

  .search_modify_promocode{
	padding: 0% 14% !important;
}
  }
  /* sticky header with left side null */
  @media screen and (min-width: 991px) and (max-width: 1099px) {
    .booking-form_stick.is-sticky .b_widget_choose_hotel_form-group {
      width: 300px;
    }
    .booking-form_stick.is-sticky .b_widget_hotel_selected-option {
      max-width: none;
    }
  }
  @media screen and (min-width: 799px) and (max-width: 990px) {
    .booking-form_stick.is-sticky .b_widget_choose_hotel_form-group {
      width: 200px;
    }
    .booking-form_stick.is-sticky .b_widget_hotel_selected-option {
      max-width: none;
    }
  }
  
  /* widget style after hotel select remove */
  .booking-form-container {
    width: auto;
  }
  .b_widget_booking_form {
    left: 0 !important;
  }
  .b_widget_booking_form_forms {
    display: flex;
    justify-content: center;
  }
  .b_widget_rate_is_sticky_btm_multiple {
    /* height: 200px; */
    /* margin-bottom: 10px; */
  }
  .b_widget_rate_is_sticky_btm_multiple_new {
    height: 70px;
    /* margin-bottom: 10px; */
  }
  @media screen and (min-width: 768px) and (max-width: 999px) {
    .b_widget_booking_form_row {
      width: auto !important;
    }
  }
  
  @media only screen and (max-width: 991px) {
    .b_widget_content-column{
      margin-left:5px;
    }
  }
  /* LMSone Education Business HTML-5 Template */

@media only screen and (max-width: 1640px){
	
	
	
}
	
@media only screen and (max-width: 1540px){
	
	.testimonial-section-two .owl-nav{
		left:30px;
		right:30px;
	}
	
}
	
@media only screen and (max-width: 1340px){

	.page-wrapper{
		overflow:hidden;
	}
	
	
}

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

	h2{
		line-height: 60px;
		font-size: var(--font-50);
	}
	
	.hotel-tabs .tabs-content{
		margin-left: 360px;
	}
	
	.price-block h3{
		font-size: var(--font-28);
	}
	
	.price-block .content-column .inner-column{
		padding:40px 35px;
	}
	
	.comfort-section .content-column .inner-column{
		padding:var(--padding-zero);
	}
	
	.locations-section .owl-nav{
		right:30px;
	}
	
	.capacity-section .inner-container{
		overflow-x: auto;
	}
	
	.service-block-three .content-column .inner-column{
		padding-top:var(--padding-zero);
	}
	
	.service-block-three h2 {
		line-height: 46px;
		font-size: var(--font-36);
	}
	
	.meeting-section .counter-column .inner-column{
		padding-left:var(--padding-zero);
	}
	
	.sidebar-widget .widget-content{
		padding:20px 20px;
	}
	
}

@media only screen and (max-width: 1140px){
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	h1{
		line-height:68px;
		font-size:var(--font-60);
	}
	
	.main-header .header-top .info li{
		font-size:var(--font-14);
	}
	
	.main-header .outer-box{
		margin-left:var(--margin-zero);
	}
	
	.main-header .main-menu .navigation > li{
		margin-right:var(--margin-right-25);
	}
	
	.news-block h4{
		font-size:var(--font-24);
	}
	
	.price-block .options-list li,
	.main-header .main-menu .navigation > li > a{
		font-size:var(--font-14);
	}
	
	.main-slider .owl-nav{
		max-width:1000px;
	}
	
	.hotel-section .content-column .inner-column{
		padding-top:var(--padding-zero);
	}
	
	.hospitality-section .video-column .inner-column{
		margin-left:var(--margin-zero);
		padding-right:var(--padding-zero);
	}
	
	.hospitality-section .content-column .inner-column{
		padding-top:var(--padding-zero);
	}
	
	.hospitality-section .quote-box{
		right:15px;
	}
	
	.room-block h3{
		font-size:var(--font-28);
		margin-bottom:var(--margin-bottom-10);
	}
	
	.price-block .content-column .inner-column {
		padding: 20px 20px;
	}
	
	.news-block-two .inner-box{
		padding:25px 25px;
	}
	
	.news-post h6{
		font-size:var(--font-14);
	}
	
	.sidebar-title h3{
		font-size:var(--font-24);
	}
	
	.sidebar-title .text br,
	.banner-section .text br,
	.main-header .outer-box .button-box,
	.main-header .header-top .social-box{
		display:none;
	}
	
	.main-header .outer-box .nav-toggle-btn{
		margin-right:var(--margin-zero);
	}
	
	.main-slider .owl-nav {
		max-width: 900px;
	}
	
	.hotel-section .image-two{
		top:auto;
		left:10px;
		bottom:10px;
	}
	
	.hotel-section .form-box{
		margin-top:var(--margin-top-30);
		margin-right:var(--margin-zero);
	}
	
	.hotel-form{
		padding-right:var(--padding-zero);
	}
	
	.hotel-form input[type="submit"], .hotel-form button{
		position:relative;
		display:block;
		width:100%;
	}
	
	.b_widget_booking_widget_style .home_serach_btn{
		padding:16px 10px;
	}
	.hotel-form button br{
		display:none;
	}
	
	.hospitality-section .check-list li{
		font-size:var(--font-16);
	}
	
	.room-block .overlay-box{
		padding:30px 30px;
	}
	
	.facility-section .row{
		margin:0px -15px;
	}
	
	.facility-section .column{
		padding: 0px 15px;
	}
	
	.hotel-block{
		margin-bottom:var(--margin-bottom-30);
	}
	
	.price-block .content-column{
		width:50%;
	}
	
	.price-block .image-column{
		width:50%;
	}
	
	.news-block h4 a br{
		display:none;
	}
	
	.news-block .read-more{
		margin-top:var(--margin-top-15);
	}
	
	.news-block h4{
		margin-top:var(--margin-top-20);
	}
	
	.news-block-two h4{
		line-height:36px;
		font-size:var(--font-22);
	}
	
	.news-block .text{
		margin-top:var(--margin-top-10);
	}
	
	.banner-section .hotel-form input[type="submit"],
	.banner-section .hotel-form button{
		bottom:0px;
	}
	
	.option-block .inner-box{
		padding:40px 10px;
	}
	
	.events-section .event-block{
		transform:scale(1,1);
	}
	
	.event-block .overlay-box h3{
		line-height:32px;
		font-size:var(--font-26);
	}
	
	.offer-block .content{
		padding-left:250px;
	}
	
	.main-header.header-style-three .outer-box .button-box{
		display:block;
	}
	
	.banner-section-two .hotel-form button{
		bottom:0px;
	}
	
	.service-block .lower-content{
		padding:30px 10px 0px;
	}
	
	.comfort-section .carousel-column .thumbs-carousel{
		position:relative;
		left:0px;
		margin:var(--margin-zero);
	}
	
	.comfort-section{
		padding-bottom:var(--padding-bottom-80);
	}
	
	.gallery-block-three .overlay-inner h2{
		font-size:var(--font-30);
	}
	
	.footer-style-three .content-column .text br{
		display:none;
	}
	
	.collection-section .location-column .inner-column{
		border:none;
		padding:var(--padding-zero);
	}
	
	.services-section .owl-carousel .owl-stage-outer{
		padding-bottom: var(--padding-bottom-20);
	}
	
	.service-block h3{
		font-size:var(--font-28);
	}
	
	.services-section.style-two{
		padding-bottom: var(--padding-bottom-100);
	}
	
	.video-section .gallery-block-four{
		transform:scale(0.97,0.97);
	}
	
	.room-block-three .content-column .inner-column{
		padding-top:var(--padding-zero);
	}
	
	.room-block-three .image-column .inner-column{
		padding-right:var(--padding-zero);
	}
	
	.contact-form-section .map-column .inner-column{
		padding-left:var(--padding-zero);
	}
	
	.contact-form-section .form-column .inner-column{
		border:none;
		padding-right:var(--padding-zero);
	}
	
	.room-block-three h2{
		font-size:var(--font-36);
	}
	
}

@media only screen and (min-width: 768px){
	
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	
	.option-block h6{
		font-size:var(--font-16);
	}
	
	.card-block .text br{
		display:none;
	}
	
	.gift-block .content-column .inner-column{
		padding-top:var(--padding-zero);
	}
	
	.gift-block .content-column h3{
		font-size: 23px;
		font-weight: bold;
	}
	
}

@media only screen and (max-width: 1023px){
	
	.main-header .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		margin:0px;
		text-align:left;
	}
	
	.main-menu .navigation > li > a{
		font-size:14px;
	}
	
	.main-header .main-menu .navigation > li{
		margin-right:var(--margin-right-25);
	}
	
	.main-header .header-upper .logo-box{
		margin: 0px;
		padding:0px;
	}
	
	.main-header{
		position:relative;
	}
	
	.main-menu .navigation > li > a{
		text-transform:capitalize;
	}
	
	.main-header .main-menu .navigation > li > a{
		padding:20px 0px;
	}
	
	.main-header .main-menu{
		display:none !important;
	}
	
	#navbarSupportedContent{
		display:block;
	}
	
	.mCSB_inside > .mCSB_container{
		margin-right:0px;
	}
	
	.main-header .sticky-header .mobile-nav-toggler,
	.main-header .outer-box .mobile-nav-toggler{
		display:block;
	}
	
	.main-header .header-lower{
		background-color:var(--color-two);
		border-top:1px solid rgba(var(--white-color-rgb), 0.08);
	}
	
	.main-slider .helpline,
	.main-slider .color-two,
	.main-header .header-top .info{
		display:none;
	}
	
	.main-header .header-top .social-box{
		display:block;
	}
	
	.main-header .header-top .social-box li{
		margin-left:var(--margin-zero);
		margin-right:var(--margin-right-15);
	}
	
	.main-slider .content-box{
		padding:150px 0px 200px;
	}
	
	.main-slider .owl-nav{
		right:45px;
		left:auto;
		max-width:inherit;
		transform: translateX(0%);
	}
	
	.hotel-section .content-column .text{
		max-width:100%;
	}
	
	.hotel-tabs .tabs-content{
		margin-left:var(--margin-zero);
	}
	
	.hotel-tabs .tab-btns{
		position:relative;
		max-width:inherit;
	}
	
	.resource-section .phone-box{
		margin-top:var(--margin-top-20);
	}
	
	.facility-section .column:nth-child(2),
	.facility-section .column:nth-child(3){
		margin-top:var(--margin-zero);
	}
	
	.testimonial-section .title-column .inner-column .sec-title h2 br{
		display:none;
	}
	
	.news-block .inner-box .d-flex{
		display:block !important;
	}
	
	.news-block .content-box{
		padding:30px 30px;
	}
	
	.main-header .sticky-header .logo{
		padding:15px 0px;
	}
	
	.gallery-section .gallery-block:nth-child(1){
		left:auto;
	}
	
	.gallery-section .gallery-block:nth-child(2){
		position:relative;
		top:0px;
	}
	
	.gallery-section .gallery-block:nth-child(3){
		position:relative;
		left:0px;
	}
	
	.gallery-section .gallery-block:nth-child(4){
		position:relative;
		left:auto;
		bottom:0px;
	}
	
	.gallery-section .gallery-block:nth-child(5){
		position:relative;
		right:auto;
		top:auto;
	}
	
	.gallery-section .gallery-block:nth-child(6){
		position:relative;
		top:0px;
	}
	
	.gallery-section .gallery-block:nth-child(7){
		position:relative;
		right:0px;
		bottom:0px;
	}
	
	.gallery-section .outer-container{
		position:relative;
	}
	
	.gallery-section .inner-container{
		height:auto;
	}
	
	.gallery-section .gallery-block{
		width:33%;
	}
	
	.main-footer .logo{
		padding:50px 0px 0px;
	}
	
	.main-footer .info-column{
		padding:40px 15px;
	}
	
	.main-footer .footer-bottom .copyright{
		text-align:center;
		font-size:var(--font-16);
		margin-bottom:var(--margin-bottom-15);
	}
	
	.main-footer .footer-bottom .social-nav{
		text-align:center;
	}
	
	.banner-section{
		padding-top:var(--padding-top-100);
	}
	
	.banner-section .content-column .inner-column{
		padding-bottom:var(--padding-bottom-40);
	}
	
	.banner-section .owl-nav{
		position:relative;
		margin-top:var(--margin-top-40);
	}
	
	.options-section .sec-title h2{
		line-height:46px;
		font-size:var(--font-36);
	}
	
	.options-section .option-block{
		width:33.3333%;
	}
	
	.options-section .option-block:nth-child(6){
		margin-left:var(--margin-zero);
	}
	
	.options-section .lower-box .text{
		font-size:var(--font-16);
	}
	
	.options-section .lower-box .text br{
		display:none;
	}
	
	.cards-section .right-column .gallery-block{
		margin-top:var(--margin-zero);
	}
	
	.card-block .inner-box{
		padding:25px 25px;
	}
	
	.card-block h1{
		line-height:46px;
		font-size:var(--font-32);
	}
	
	.card-block .text{
		font-size:var(--font-16);
	}
	
	.rooms-section::before{
		width:100%;
	}
	
	.card-block .button-box{
		margin-top: var(--margin-top-20);
	}
	
	.offer-section .rate{
		margin-bottom:var(--margin-bottom-30);
	}
	
	.offer-section .right-column .offer-block:first-child{
		margin-top:var(--margin-zero);
	}
	
	.footer-style-two .footer-bottom .copyright{
		text-align:center;
		margin-bottom:var(--margin-bottom-15);
	}
	
	.footer-style-two .footer-bottom .social-nav{
		text-align:center;
	}
	
	.header-style-three .logo-box{
		margin:var(--margin-zero);
	}
	
	.header-style-three .header-lower .left-box{
		display:none;
	}
	
	.header-style-three .logo-box{
		padding:var(--padding-zero);
	}
	
	.header-style-three .header-lower .logo{
		display:none;
	}
	
	.header-style-three .sticky-header .mobile-nav-toggler{
		margin-right:var(--margin-zero);
	}
	
	.header-style-three .hidden-logo{
		display:block;
		padding:15px 0px;
	}
	
	.beach-section .voucher-box{
		position:relative;
		margin-top:var(--margin-top-30);
	}
	
	.testimonial-section-two .owl-nav{
		position:relative;
		top:0px;
		left:0px;
		right:0px;
		text-align:center;
		margin-top:var(--margin-top-50);
	}
	
	.testimonial-section-two .owl-nav .owl-prev,
	.testimonial-section-two .owl-nav .owl-next{
		position:relative;
		margin:0px 10px;
		display:inline-block;
	}
	
	.footer-style-three .footer-bottom .copyright{
		text-align:center;
		margin-bottom:var(--margin-bottom-15);
	}
	
	.footer-style-three .footer-bottom .social-nav{
		text-align:center;
	}
	
	.page-title{
		padding:100px 0px 100px;
	}
	
	.services-section .service-block{
		transform: translateY(0px);
	}
	
	.faq-section .inner-container{
		padding:100px 15px;
	}
	
	.gift-block .content-column{
		margin-bottom:var(--margin-bottom-40);
	}
	
	.gift-block .content-column h3{
		font-size:var(--font-35);
	}
	
	.gift-block .content-column h3 a br{
		display:none;
	}
	
	.room-block-two .room-content{
		left:10px;
		bottom:10px;
	}
	
	.room-block-three .content-column .inner-column{
		padding-top:var(--padding-top-30);
	}
	
	.reservation-tabs .image{
		margin-top:var(--margin-top-30);
	}
	
	.reservation-tabs .image img{
		position:relative;
		width:100%;
		display:block;
	}
	
	.menu-block .inner-box{
		padding:25px 25px;
	}
	
	.menu-section .menu-block:nth-child(1),
	.menu-section .menu-block:nth-child(3){
		margin-top:var(--margin-zero);
	}
	
	.bars-section .wine-glass{
		right:0px;
	}
	
	.services-section-two{
		padding-top:var(--padding-zero);
	}
	
	.service-block-three .text br,
	.service-block-three .image-column .image:before{
		display:none;
	}
	
	.service-block-three .image-column .image img{
		width:100%;
		display:block;
	}
	
	.service-block-three.style-two .content-column .inner-column{
		padding-left:var(--padding-zero);
	}
	
	.service-block-three.style-two .content-column{
		order:1;
	}
	
	.service-block-three.style-two .image-column{
		order:2;
	}
	
	.error-section{
		padding:100px 0px 100px;
	}
	
}

@media only screen and (max-width: 767px){
	
	h1 {
		line-height: 54px;
		font-size: var(--font-44);
	}
	
	h2 {
		line-height: 50px;
		font-size: var(--font-40);
	}
	
	.hospitality-section .content-column .image{
		margin-bottom:var(--margin-bottom-20);
	}
	
	.hospitality-section .content-column .image img{
		width:100%;
	}
	
	.testimonial-block .text{
		line-height: 34px;
		font-size: var(--font-18);
	}
	
	.bars-section .price-box{
		max-width:100%;
	}
	
	.bars-section .wine-glass{
		display:none;
	}
	
	.delicious-section .content-column .inner-column{
		padding-top:var(--padding-zero);
	}
	
	.gallery-section .sec-title h2{
		font-size: var(--font-34);
	}
	
	.sec-title .title{
		letter-spacing:1px;
		font-weight:400;
		font-size: var(--font-14);
	}
	
	.gallery-section .gallery-block {
		width: 49%;
	}
	
	.main-footer .info-box:first-child{
		margin-bottom:var(--margin-bottom-20);
	}
	
	.options-section .option-block{
		width:50%;
	}
	
	.cards-section .left-column{
		margin-bottom:var(--margin-zero);
	}
	
	.cards-section .gallery-block{
		display:block;
	}
	
	.banner-slider .slider.slider-for{
		padding-left:var(--padding-zero);
	}
	
	.rooms-section .room-content{
		left:15px;
		bottom:15px;
	}
	
	.news-block-four .overlay-box{
		left:0px;
		bottom:0px;
		max-width:100%;
	}
	
	.slick-arrow{
		top:36%;
	}
	
	.banner-section-two .form-box{
		margin:0px 0px;
	}
	
	.banner-section-two .carousel-box .overlay-box{
		position:relative;
		right:0px;
		bottom:0px;
		max-width:100%;
	}
	
	.comfort-section .carousel-column .owl-nav{
		display:none;
	}
	
	.beach-section{
		padding:100px 0px 100px;
	}
	
	.testimonial-block-two .text{
		font-weight:400;
		line-height:36px;
		font-size: var(--font-18);
	}
	
	.footer-style-three .logo{
		margin-bottom:var(--margin-bottom-30);
	}
	
	.cards-section.style-two .card-block{
		margin-left:var(--margin-zero);
	}
	
	.gallery-block-four .title{
		left:15px;
		bottom:15px;
		right:15px;
	}
	
	.video-section .gallery-block-four {
		transform: scale(1,1);
	}
	
	.video-section .owl-nav,
	.video-section .owl-dots{
		display:none;
	}
	
	.room-block-two .room-content{
		position:relative;
		max-width:100%;
		left:0px;
		bottom:0px;
		padding:25px 0px 0px;
	}
	
	.news-detail h3{
		line-height: 42px;
		font-size: var(--font-28);
	}
	
	.news-detail blockquote{
		line-height: 32px;
		font-size: var(--font-22);
	}
	
	.news-detail blockquote{
		padding:30px 30px;
	}
	
	.more-posts .more-posts-inner{
		display:block !important;
		text-align:center;
	}
	
	.news-detail .more-posts .new-post:last-child{
		text-align:center;
	}
	
	.news-detail .comments-area .reply-comment{
		padding-left:var(--padding-zero);
	}
	
	.news-detail .comments-area .comment-box.reply-comment::before {
		left: 55px;
	}
	
	.news-detail .comments-area .comment-box strong{
		font-size: var(--font-20);
	}
	
	.error-section h2{
		font-size: var(--font-30);
	}
	
	.error-section h1 span{
		font-size:180px;
	}
	
}

@media only screen and (max-width: 599px){
	
	h1 {
		line-height: 44px;
		font-size: var(--font-34);
	}
	
	.sec-title .text{
		line-height:30px;
		font-size: var(--font-16);
	}
	
	.room-block-two .room-content h2{
		line-height: 40px;
		font-size: var(--font-30);
		margin-bottom:var(--margin-bottom-10);
	}
	
	.service-block-three h2,
	.rooms-section .room-content h2,
	.newsletter-section h2,
	h2 {
		line-height: 40px;
		font-size: var(--font-28);
	}
	
	.main-header.header-style-three .outer-box .button-box,
	.sec-title h2 br{
		display:none;
	}
	
	.price-block .d-flex{
		display:block !important;
	}
	
	.price-block .content-column{
		width:100%;
	}
	
	.price-block .image-column{
		width:100%;
	}
	
	.price-block .content-column .inner-column{
		padding:30px 30px;
	}
	
	.testimonial-section .carousel-column .inner-column{
		padding:25px 25px;
	}
	
	.banner-section .text{
		line-height:30px;
		font-size: var(--font-16);
	}
	
	.options-section .sec-title h2 {
		line-height: 38px;
		font-size: var(--font-28);
	}
	
	.options-section .booking span{
		display:block;
		border:none;
		margin-top:var(--margin-top-15);
	}
	
	.rooms-section .room-content{
		left:0px;
		bottom:0px;
		max-width:100%;
		padding:30px 20px;
	}
	
	.news-block-four .text br,
	.offer-block .inner-box:before,
	.rooms-section .room-content .text,
	.rooms-section .room-content .price{
		display:none;
	}
	
	.offer-block .content{
		padding-left:var(--padding-zero);
	}
	
	.offer-block .image{
		position:relative;
		margin-bottom:var(--margin-bottom-30);
	}
	
	.offer-block .inner-box{
		padding:var(--padding-zero);
	}
	
	.footer-style-two .subscribe-text{
		font-size: var(--font-16);
	}
	
	.news-block-four .overlay-box{
		position:relative;
		padding:25px 25px;
	}
	
	.main-header.header-style-three .mobile-nav-toggler{
		margin-right:var(--margin-zero);
	}
	
	.banner-section-two .carousel-box .overlay-box{
		padding:20px 20px;
	}
	
	.locations-section .owl-nav{
		position:relative;
		right:0px;
		top:0px;
		left:40px;
		margin-top:var(--margin-top-30);
	}
	
	.locations-section .owl-nav .owl-prev::before,
	.locations-section .owl-nav .owl-next::before{
		transform:scale(0.7,0.7);
	}
	
	.comfort-section .content-column h3{
		line-height: 38px;
		font-size: var(--font-32);
	}
	
	.gallery-block-four .title,
	.testimonial-block-two .text br{
		display:none;
	}
	
	.video-section .video-carousel{
		max-width:100%;
		margin:0 auto;
	}
	
	.accordion-box .accordion-block-title{
		font-size: var(--font-16);
	}
	
	.accordion-box .accordion-content{
		padding:0px 25px 20px;
	}
	
	.gift-block .experiance-box{
		position:relative;
		display:block;
		bottom:0px;
		width:100%;
		text-align:center;
	}
	
	.gift-block .image-column .inner-column{
		padding-left:var(--padding-zero);
	}
	
	.gift-block .content-column .text br{
		display:none;
	}
	
	.room-block .overlay-box{
		padding:20px 20px;
	}
	
	.reservation-tabs .tab-btns .tab-btn{
		width:100%;
		text-align:center;
		margin-bottom:1px;
		padding:16px 10px;
	}
	
	.delicious-section .timing-column .inner-column{
		padding:30px 30px;
	}
	
	.delicious-section .schedule-list li span{
		font-size: var(--font-18);
	}
	
	.bars-section .price-box h2,
	.menu-block h3{
		font-size: var(--font-30);
	}
	
	.bars-section .price-box{
		padding:30px 30px;
	}
	
	.news-detail h3 {
		line-height: 36px;
		font-size: var(--font-24);
	}
	
	.news-detail .post-share-options .social-box{
		margin-top:var(--margin-top-15);
	}
	
	.news-detail .post-share-options .social-box li{
		margin-left:var(--margin-zero);
	}
	
	.news-detail .author-box .author-inner{
		padding:var(--padding-zero);
	}
	
	.news-detail .author-box .image{
		position:relative;
		margin-bottom:var(--margin-bottom-30);
	}
	
	.news-detail .comments-area .comment-info .comment-time{
		display:block;
		margin-top:var(--margin-top-10);
		margin-left:var(--margin-zero);
	}
	
	.news-detail .comments-area .comment-box{
		padding:var(--padding-zero);
	}
	
	.news-detail .comments-area .comment-box:before{
		display:none;
	}
	
}

@media only screen and (max-width: 479px) {
	
	.hotel-tabs .list li br,
	.main-slider .owl-nav,
	.accomodation-section .owl-nav,
	.main-header .outer-box .nav-toggle-btn{
		display:none;
	}
	
	.instagram-section .title-box h3{
		line-height: 38px;
		font-size: var(--font-26);
	}
	
	.main-slider .color-one{
		transform:scale(0.6,0.6);
	}
	
	h1 {
		line-height: 38px;
		font-size: var(--font-26);
	}
	
	.hotel-section .author-box .box-inner{
		font-size: var(--font-20);
	}
	
	.hotel-section .author-box .designation{
		margin-top:var(--margin-top-10);
	}
	
	.hotel-section .counter{
		font-size: var(--font-80);
	}
	
	.hospitality-section .quote-box{
		position:relative;
		right:0px;
		padding:25px 20px;
	}
	
	.hospitality-section .quote-box .text{
		line-height:36px;
		font-size: var(--font-20);
	}
	
	.hospitality-section .video-column .inner-column{
		padding-bottom:var(--padding-zero);
	}
	
	.room-block .overlay-box{
		right:15px;
	}
	
	.hotel-tabs .content{
		padding:30px 25px 30px;
	}
	
	.hotel-tabs .more{
		margin-top:var(--margin-top-20);
	}
	
	.testimonial-section .owl-nav{
		position:relative;
		right:0px;
		left:30px;
		margin-top:var(--margin-top-30);
	}
	
	.news-block .content-box{
		padding:20px 20px;
	}
	
	.subscribe-box .form-group button{
		position:relative;
		right:0px;
		top:0px;
		width:100%;
		padding:18px 10px;
		margin-top:var(--margin-top-15);
	}
	
	.banner-section .owl-dots .owl-dot{
		margin:0px 5px;
	}
	
	.banner-section .owl-dots .owl-dot span{
		font-size: var(--font-14);
	}
	
	.options-section .sec-title h2 {
		line-height: 30px;
		font-size: var(--font-20);
	}

	.options-section .option-block {
		width: 100%;
	}
	
	.newsletter-section .content{
		padding:90px 15px;
	}
	
	.footer-style-two .helpline{
		font-size: var(--font-18);
	}
	
	.collection-section .author-box .box-inner{
		font-size: var(--font-20);
	}
	
	.collection-section .check-list li{
		font-size: var(--font-16);
	}
	
	.service-block-two h3{
		font-size: var(--font-24);
	}
	
	.beach-section .voucher-box{
		padding:25px 25px;
	}
	
	.testimonial-block-two .author{
		font-size: var(--font-22);
	}
	
	.news-block-five .lower-content .content{
		padding-left:var(--padding-zero);
	}
	
	.news-block-five .post-date{
		position:relative;
		margin-bottom:var(--margin-bottom-20);
	}
	
	.news-block-five h4{
		font-size: var(--font-22);
	}
	
	.news-detail blockquote .quote-inner br,
	.footer-style-three .logo-column .text br{
		display:none;
	}
	
	.gift-block .content-column h3 {
		font-size: var(--font-24);
	}
	
	.page-title .text{
		letter-spacing:0px;
	}
	
	.room-block-three h2 {
		font-size: var(--font-28);
	}

	.news-detail blockquote{
		font-size: var(--font-18);
	}

	.bars-section .price-box{
		padding:20px 20px;
	}

	.news-detail .author-box .name,
	.service-block-three h2{
		line-height: 30px;
		font-size: var(--font-24);
	}

	.news-detail blockquote .quote-inner{
		padding-left:var(--padding-zero);
	}
	
	.news-detail blockquote .quote-icon{
		position:relative;
		display:block;
		margin-bottom:var(--margin-bottom-10);
	}

	.news-detail blockquote .designation{
		letter-spacing:0px;
	}

	.news-detail .comments-area .comment-box .comment{
		padding:var(--padding-zero);
	}

	.news-detail .comments-area .comment-box .author-thumb{
		position:relative;
	}
	
	.error-section h1{
		font-size: var(--font-80);
	}
	
	.error-section h2 {
		font-size: var(--font-24);
	}
	
	.error-section .text{
		line-height:30px;
		font-size: var(--font-16);
	}
	
}
@media screen and (min-width: 1250px) and (max-width: 1266px) {
    .extra_add_room{
      font-size: 14px;
      display:inline-block;
      font-weight:500;
      padding:0px 8px;
      margin-bottom:10px;
    }
    .subaddon_add_rate{
      font-size: 14px;
      float: right;
      color:#111;
      padding:5px 55px;
    }
  }
  @media screen and (min-width: 300px) and (max-width: 1000px) {
    .reservation_main_container{
      display: block!important;
    }
    .col-md-8,.col-md-4{
      width:100% !important;
      max-width:100%!important;
    }
  }
  @media screen and (min-width: 1000px) and (max-width: 1250px) {
    .extra_add_room{
      font-size: 14px;
      display:inline-block;
      font-weight:500;
      padding:0px 8px;
      margin-bottom:10px;
      width:49%;
    }
  }
  @media screen and (min-width: 851px) and (max-width: 999px) {
    .extra_add_room{
      font-size: 14px;
      display:inline-block;
      font-weight:500;
      padding:0px 8px;
      margin-bottom:10px;
      width:35%;
    }
    .subaddon_guest{
      font-size: 11px;
      padding:0px 10px;
      background-color: #f7f7f7;
      padding-bottom: 10px;
      color:#1b9fa5;
    }
    .subaddon_add_room{
      padding:5px 10px;
      font-size: 12px;
      background-color: #f7f7f7;
      padding-top: 10px;
    }
    .subaddon_add_rate{
      font-size: 12px;
      float: right;
      color:#111;
      padding:0px 55px;
    }
  }
  @media screen and (min-width: 300px) and (max-width: 459px) {
    .extra_add_room{
        font-size: 13px;
        display: inline-block;
        font-weight: 500;
        padding: 0px 8px;
        margin-bottom: 10px;
        width: 46%;
    }
    
   
  }
  @media screen and (min-width: 300px) and (max-width: 400px) {
    .content_wrapper {
      display: block;
      align-items: flex-start;
      margin-right: 20px;
    }
    .new_img {
      height: 150px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      width: 80%;
      margin-left: 13%;
      margin-top: 10px;
    }
    .img_view_more{
      height: 150px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      width: 80%;
      margin-left: 13%;
      margin-top: 10px;
    }
    .tab_list_extra_guest_no_desc {
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      top:0px;
      margin-left:8%;
    }
    .total_div_confirm_reserve {
      font-weight: 700;
      margin-left: 5px;
      font-size: 18px;
  }
    .extra_rate_style {
      color: #008080;
      font-size: 14px;
      font-weight: 600;
      position: relative;
    }
    .reservation_main_subaddon {
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      border: 7px solid #f1f1f1;
      height: 80px;
      width: 100%;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }
    .subaddon_list_with_price{
      float: none;
      position: relative;
      bottom: 0px;
      left: 8%;
      top: 6px;
    }
    .tab_list_subaddon {
      float: left;
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    }
    .subaddon_head_pos {
      margin-left: 0px;
      font-weight: 600;
      margin-top: 9px;
      font-size: 13px;
      text-align: center;
    }
    .tab_list_extra_guest {
      padding: 2px 5px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      margin-left: 5%;
    }
    .extra_container_wrapper_width{
      margin-left:20px;
      width:auto;
    }
    /* .extra_desc {
      display: flex;
    } */
    .guest_response{
      display: flex;
      position: relative;
      bottom:5px;
    }
    .extra_head_no_desc {
      /* text-align: center; */
      font-weight: 600;
      margin-top: 5px;
      font-size: 14px;
  }
  .subtitle_no_desc {
    font-size: 14px;
    font-weight: 200;
    text-align: center;
    font-size: 14px;
}
.reservation_add {
  display: inline-block;
  width: 65px;
  height: 22px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #1a9fa4;
  color: white;
  margin-left: 7px;
  box-shadow: 0 4px 4px #86afaf;
  font-size: 12px;

  margin-top: 8px;
}
.extra_head_pos {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.content_subtitle {
  font-size: 12px;
  font-weight: 200;
  text-align: center;
}
.content_description {
  font-size: 10px;
  margin-top: 15px;
  text-align: center;
}
/* .terms_main_reserve1 {
  margin-top: 10px;
  line-height: 15px;
} */
.content_condition {
  font-size: 10px;
  margin-top: 20px;
  color: #8d8585;
}
.grand_total_div_sub {
  float: right;
  font-weight: 700;
  padding-right: 2%;
  font-size: 18px;
  color: #69935A;
}
.subaddon_list_button {
  margin-top: 10px;
  background: #c4eaec;
  color: #1b9fa5;
  font-size: 8px;
  display: inline-block;
  padding: 5px 10px 5px;
  border-radius: 5px;
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  position: relative;
  left:10px;
}
.night_font_reserve1{
  font-size: 10px;
  margin-left: 5px;
}
.left_padding {
  margin-left: 3px;
  font-size: 11px;
}
.guest_font{
  font-size: 10px;
}
.tab_head {
  margin-left: 5px;
  font-weight: 500;
}
.cancel-button {
  color: white;
  width: 70%;
  height: 50px;
  font-weight: bold;
  border-width: 1px;
  background-color: #d2d2d2;
  border-radius: 5px;
}
.booknow-button {
  color: white;
  width: 70%;
  height: 50px;
  font-weight: bold;
  border-width: 1px;
  background-color: #008080;
  border-radius: 5px;
  /* margin-top: 10px;
  margin-left: 35px !important; */
}
.reserve2_medium_div {
  background-color: #f1f1f1;
  border-radius: 5px;
  padding: 5px;
  /* display: flex; */
  justify-content: center;
}
.reserve2_pay_medium {
  margin-left: 8px;
}
.reserve2_pay_medium_font {
  font-size: 10px;
  margin-left: 0px;
}
.reservation_main {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #f1f1f1;
  width: 100%;
  border-radius: 6px;
  padding-bottom: 10px;
}
  }
  @media screen and (min-width: 401px) and (max-width: 580px) {
    .reservation_main {
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      border: 1px solid #f1f1f1;
      width: 100%;
      border-radius: 6px;
      padding-bottom: 10px;
    }
    .content_wrapper {
      display: block;
      align-items: flex-start;
      margin-right: 20px;
    }
    .subaddon_list_button {
      margin-top: 15px;
      background: #c4eaec;
      color: #1b9fa5;
      font-size: 10px;
      display: inline-block;
      padding: 5px 10px 5px;
      border-radius: 5px;
      font-weight: 500;
      cursor: pointer;
      text-align: center;
      position: relative;
      bottom: 2px;
      left: 4%;
  }
    .new_img {
      height: 165px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      width: 70%;
      margin-left:18%;
      margin-top: 10px;
    }
    .img_view_more{
      height: 165px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      width: 75%;
      margin-left:16%;
      margin-top: 10px;
    }
    .tab_list_extra_guest_no_desc {
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      top: 0px;
      margin-left: 8%;
    }
    .extra_rate_style {
      color: #008080;
      font-size: 16px;
      font-weight: 600;
      position: relative;
    }
    .reservation_main_subaddon {
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      border: 7px solid #f1f1f1;
      height: 70px;
      width: 100%;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }
    .subaddon_list_with_price{
      float:right;
      position: relative;
      bottom:0px;
    }
    .tab_list_subaddon {
      float: left;
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    }
    .subaddon_head_pos {
      margin-left: 25px;
      font-weight: 600;
      margin-top: 9px;
      font-size: 14px;
    }
    .tab_list_extra_guest {
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      margin-left: 8%;
    }
    .extra_container_wrapper_width{
      margin-left:20px;
      width:auto;
    }
    .extra_head_no_desc {
      /* text-align: center; */
      font-weight: 600;
      margin-top: 5px;
      font-size: 14px;
  }
  .subtitle_no_desc {
    font-size: 14px;
    font-weight: 200;
    text-align: center;
    font-size: 14px;
}
.reservation_add {
  display: inline-block;
  width: 65px;
  height: 22px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #1a9fa4;
  color: white;
  margin-left: 7px;
  box-shadow: 0 4px 4px #86afaf;
  margin-top: 10px;
}
.extra_head_pos {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.content_subtitle {
  font-size: 13px;
  font-weight: 200;
  text-align: center;
}
.content_description {
  font-size: 10px;
  margin-top: 15px;
  text-align: center;
}
.terms_main_reserve1 {
  margin-top: 10px;
  line-height: 15px;
  text-align: center;
}
.content_condition {
  font-size: 10px;
  margin-top: 20px;
  color: #8d8585;
}
.grand_total_div_sub {
  float: right;
  font-weight: 700;
  padding-right: 2%;
  font-size: 20px;
  color: #69935A;
}
  }
  @media screen and (min-width: 581px) and (max-width: 800px) {
    .content_wrapper {
      display: block;
      align-items: flex-start;
      margin-right: 20px;
    }
    .subaddon_list_button {
      margin-top: 15px;
      background: #c4eaec;
      color: #1b9fa5;
      font-size: 10px;
      display: inline-block;
      padding: 5px 10px 5px;
      border-radius: 5px;
      font-weight: 500;
      cursor: pointer;
      text-align: center;
      position: relative;
      bottom: 2px;
      left: 2%;
  }
    .new_img {
      height: 165px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      width: 50%;
      margin-left:25%;
      margin-top: 10px;
    }
    .img_view_more{
      height: 165px;
      border-bottom-left-radius: 5px;
      border-top-left-radius: 5px;
      width: 75%;
      margin-left:16%;
      margin-top: 10px;
    }
    .tab_list_extra_guest_no_desc {
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      position: relative;
      top: 0px;
      margin-left: 32%;
    }
    .extra_rate_style {
      color: #008080;
      font-size: 16px;
      font-weight: 600;
      position: relative;
    }
    .reservation_main_subaddon {
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      border: 7px solid #f1f1f1;
      height: 70px;
      width: 100%;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px;
    }
    .subaddon_list_with_price{
      float:right;
      position: relative;
      bottom:20px;
    }
    .tab_list_subaddon {
      float: left;
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    }
    .subaddon_head_pos {
      margin-left: 25px;
      font-weight: 600;
      margin-top: 15px;
      font-size: 14px;
    }
    .tab_list_extra_guest {
      padding: 0px 0px;
      font-size: 14px;
      background-color: #f1f1f1;
      cursor: pointer;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
      margin-left: 25%;
    }
    .extra_container_wrapper_width{
      margin-left:20px;
      width:auto;
    }
    .extra_head_no_desc {
      /* text-align: center; */
      font-weight: 600;
      margin-top: 5px;
      font-size: 14px;
  }
  .subtitle_no_desc {
    font-size: 14px;
    font-weight: 200;
    text-align: center;
    font-size: 14px;
}
.reservation_add {
  display: inline-block;
  width: 65px;
  height: 22px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  background-color: #1a9fa4;
  color: white;
  margin-left: 7px;
  box-shadow: 0 4px 4px #86afaf;
}
.extra_head_pos {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
}
.content_subtitle {
  font-size: 13px;
  font-weight: 200;
  text-align: center;
}
.content_description {
  font-size: 10px;
  margin-top: 15px;
  text-align: center;
}
.terms_main_reserve1 {
  margin-top: 10px;
  line-height: 15px;
  text-align: center;
}
.content_condition {
  font-size: 10px;
  margin-top: 20px;
  color: #8d8585;
}
.grand_total_div_sub {
  float: right;
  font-weight: 700;
  padding-right: 2%;
  font-size: 20px;
  color: #69935A;
}
  }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    .resrve2_room_title{
    margin-left: 7px;
    font-weight: 600 !important;
    font-size: 16px;
    position: relative;
    bottom: 8px;
  }
  .room_adult_div {
    font-size: 11px;
    margin-left: 28%!important;
    bottom: 16px!important;
    position: relative;
  }
  .rate_reserve2_room{
    float: right;
    position: relative;
    bottom: 5px!important;
    line-height: 13px;
  }
  .rate_reserve2_room_without_offer {
    float: right;
    position: relative;
    bottom: 3px!important;
    line-height: 17px;
  }
  }
  @media screen and (min-width: 800px) and (max-width: 991px) {
   
    .help_sub_div {
        color: #008080;
        font-weight: 500;
        font-size: 18px;
        margin-left: 3%;
        position: relative;
        top: 17px;
    }
  }
  @media screen and (min-width: 768px) and (max-width: 999px) {
    .img_room_book {
      height: 32px;
      border-radius: 5px;
      margin-left: 3px;
      position: relative;
      top: 0px;
  }
  .resrve2_room_title {
    margin-left: 4px;
    font-weight: 600 !important;
    font-size: 16px;
    position: relative;
    bottom: 8px;
  }
  .rate_reserve2_room {
    float: right;
    position: relative;
    bottom: 20px!important;
    line-height: 15px;
  }
  .room_adult_div {
    font-size: 11px;
    margin-left: 10%!important;
    bottom: 16px!important;
    position: relative;
  }
  .col-md-7,.col-md-5{
    width:100% !important;
  }
  }
  @media screen and (min-width: 320px) and (max-width: 508px) {
    .terms_main_reserve1 {
      margin-top: 10px;
      line-height: 15px;
      text-align: center;
      margin-bottom:10px;
  }
  .b_widget_hotel_cr_1_p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 10px;
}
.reserve2_property_font{
  font-size: 12px;
}
  .hotel_policy_font{
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
  }
  .confirm_reserve_cancellation {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .confirm_reserve_padding{
    padding:0px 20px;
  }
  .reserve2_expiry_width{
    width:50%!important;
  }
  .grand_total_div {
    font-weight: 700;
    margin-left: 5px;
    font-size: 18px;
  }
  .grand_total_div_sub {
    float: right;
    font-weight: 700;
    padding-right: 2%;
    font-size: 18px;
    color: #69935A;
}
  .reserve1_room_name {
    font-size: 14px;
    font-weight: 700;
   }
    .extra_more {
      color: #319a95;
      font-weight: 800;
      font-size: 10px;
      cursor: pointer;
  }
  .rate_reserve2_room {
    float: right;
    position: relative;
    bottom: 24px!important;
    line-height: 15px;
    left: 18px;
  }
 .total_rate_room_strike {
  font-size: 12px;
  text-decoration: line-through;
  color: #BA0B0B;
}
  .room_adult_div {
    font-size: 11px;
    margin-left: 29%!important;
    bottom: 16px!important;
    position: relative;
  }
  .rate_reserve2_room_without_offer {
    float: right;
    position: relative;
    bottom: 20px!important;
    line-height: 20px;
    left: 4px;
  }
  .reserve2_chekin_left{
    /* margin-left:8%; */
    display:inline-block;
  }
  .reserve1_chekin_left{
    margin-left:5px;
  }
  .reserve1_checkout_left{
    display: inline-block;
    margin-left:10px;
  }
  .payment_ul {
    margin-top: 20px;
    display: block;
    flex-direction: row;
    list-style-type: none;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}
.addon_list_2 {
    font-size: 14px;
    padding: 0px 10px;
    font-weight: 600;
}
.addon_list {
    font-size: 14px;
    padding: 0px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
}
.manage_edit_datestatus {
  color: #d2d2d2;
  height: 30px;
  width: 45%;
  border-radius: 5px;
  border: 1px solid #d2d2d2;
  background-color: white;
}
  }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .need_help_div {
      margin-top: 30px;
      border: 1px solid #a1d0d2;
      border-radius: 5px;
      height: 70px;
      width: 100%;
      margin-left: 0%;
      background-color: #f9ffff;
      margin-bottom: 15px;
  }
  .help_sub_div {
    color: #008080;
    font-weight: 500;
    font-size: 14px;
    margin-left: 3%;
    position: relative;
}
  .reserve2_need_help_mail {
    float: right;
    position: relative;
    bottom: 20px;
    right: 3%;
  }
  }
  @media screen and (min-width: 320px) and (max-width: 470px) {
    .help_sub_div {
      color: #008080;
      font-weight: 500;
      font-size: 14px;
      margin-left: 29%;
      position: relative;
      top: 0px;
  }
  .phone_div {
    color: #008080;
    font-size: 12px;
}
  .need_help_div {
    margin-top: 30px;
    border: 1px solid #a1d0d2;
    border-radius: 5px;
    height: 80px;
    width: 100%;
    margin-left: 0%;
    background-color: #f9ffff;
    margin-bottom: 15px;
  }
  .reserve2_need_help_mail {
    float: none;
    position: relative;
    bottom: 2px;
    right: 0%;
    text-align: center;
  }
  .extra_add_room_2 {
    color: #404040;
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px;
    width: 65%;
  }
  .reserve2_offer_sub {
    font-size: 12px;
    float: right;
    padding-right: 5px;
}
  .reserve2_offer {
    font-size: 11px;
    margin-left: 5px;
}
  }
  @media screen and (min-width: 1000px) and (max-width: 1400px) {
    .extra_add_room_2 {
      color: #404040;
      font-size: 14px;
      display: inline-block;
      padding: 5px 10px;
      width: 65%;
  }
  .extra_add_rate_without_sub{
	padding: 5px 20px!important;
  }

  }
  @media screen and (min-width: 1000px) and (max-width: 1199px) {
    .need_help_div {
        margin-top: 30px;
        border: 1px solid #a1d0d2;
        border-radius: 5px;
        height: 70px;
        width: 100%;
        margin-left: 0%;
        background-color: #f9ffff;
        margin-bottom: 15px;
    }
    .reserve2_chekin_left {
        /* margin-left: 0%; */
        display: inline-block;
    }
    .reserve2_chekin_leftright_12{
      margin-left:10px;
    }
    .reserve2_chekin_right_12{
      margin-left:10px;

    }
  }
  @media screen and (min-width: 1000px) and (max-width: 1400px) {
    .board_date_width{ 
        width:38%;
    }
  }

  @media screen and (min-width: 320px) and (max-width: 660px) {
    .manage_button_main{
        float:none;
        width:40%;
        font-size:12px;
      }
      .reserve_confirm_button{
        color: #D98989;
        height: 30px;
        border-radius: 5px;
        border: 1px solid #D98989;
        background-color: white;
        width:45%;
        margin-top:10px;
      }
      .reserve_confirm_edit_button{
        color: #646464;
        height: 30px;
        width:45%;
        border-radius: 5px;
        border: 1px solid #646464;
        background-color: white;
        margin-left:10px;
      }
     
  }
  @media screen and (min-width: 578px) and (max-width: 660px) {
    .manage_button_main{
        float:none;
        width:40%;
        font-size:14px;
      }
      .reserve_confirm_button{
        color: #D98989;
        height: 40px;
        border-radius: 5px;
        border: 1px solid #D98989;
        background-color: white;
        width:45%;
        position: relative;
        top:40px;
      }
      .reserve_confirm_edit_button{
        color: #646464;
        height: 40px;
        width:45%;
        border-radius: 5px;
        border: 1px solid #646464;
        background-color: white;
        /* margin-left:0px; */
      }
  }
  @media screen and (min-width: 320px) and (max-width: 420px) {
    .manage_room_image {
        padding: 10px 10px 10px;
        height: 100px;
        width: 62%;
        margin-left: 20%;
    }
    .manage_room_details{
        margin-top:10px;
        font-size: 14px;
        /* text-align: center; */
      }
      .manage_subaddon_image {
        padding: 10px 10px 10px;
        height: 100px;
        width: 60%;
        margin-left: 20%;
    }
      .hotel_image_manage{
        height:120px;
        width:100%;
        margin-left: 4%;
      }
      .confirm_reserve_offer {
        margin-left: 10px;
        font-size: 13px;
        color: green;
        font-weight: 500;
        text-align: center;
    }
   
    .confirm_reserve {
      font-size: 18px;
      font-weight: 600;
      margin-top: 30px;
  }
  .manage_room_name {
    margin-left: 0px;
    margin-top: 15px;
    font-weight: 600;
    text-align: center;
    color:#56616A;
    font-size: 14px;
  }
  .room_total_details {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 500;
}
.detailed_calculation {
  font-weight: 600;
  margin-top: 15px;
  font-size: 14px;
  color:#56616A;
}
.reserve2_offer_ul_li {
  font-size: 10px !important;
}
.manage_reserve_rate_font{
  font-size: 12px;
}
.subaddon_reserve_confirm {
  font-size: 12px;
  font-style: italic;
  margin-top: 5px;
}
.confirm_reserve_subtotal {
  font-size: 14px;
  font-weight: 600;
  margin-top: 25px;
}
.tax_breakdown {
  font-weight: 600;
  margin-top: 10px;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.hotel_details_font {
  margin-top: 3%;
  /* margin-left: 20px; */
  font-size: 12px;
  text-align: center;
  margin-bottom: 10px;
}

.checkin_out_confirm_reserve {
  font-size: 15px;
  cursor: pointer;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  margin-top: 10px;
  height: 13%;
  padding-top: 10px;
  font-weight: 500;
}
  }
  @media screen and (min-width: 421px) and (max-width: 580px) {
    .manage_room_image {
        padding: 10px 10px 10px;
        height: 110px;
        width: 70%;
        margin-left: 17%;
    }
    .manage_room_details{
        margin-top:10px;
        font-size: 14px;
        /* text-align: center; */
      }
      .manage_subaddon_image{
        padding:10px 10px 10px;
        height:100px;
        width:70%;
        margin-left:17%;
      }
      .hotel_image_manage{
        height:120px;
        width:100%;
        margin-left: 3%;
      }
      .confirm_reserve_offer {
        margin-left: 10px;
        font-size: 13px;
        color: green;
        font-weight: 500;
        text-align: center;
    }
    .manage_room_name{
        margin-left: 10px;
        margin-top:15px;
        font-weight: 600;
        text-align: center;
        color:#56616A;
      }
  }
  @media screen and (min-width: 1000px) and (max-width: 1399px) {
    .reserve2_date_width{
        width:30%;
      }
}
@media screen and (min-width: 320px) and (max-width: 450px) {
    .tax_head_reserve2{
        padding:0px 10px;
        font-size:13px;
      }
     
      .total_div_confirm_reserve {
        font-weight: 700;
        margin-left: 5px;
        font-size: 18px;
    }
      .reserve2_date_width {
        width: 35%;
    }
      .reserve2_board {
        font-size: 10px;
        display: flex;
        justify-content: space-between;
    }
      .resrve2_room_title {
        margin-left: 5px;
        font-weight: 600 !important;
        font-size: 12px;
        position: relative;
        bottom: 8px;
    }
    .extra_add_rate_without_sub {
      font-size: 13px;
      float: right;
      color: #111;
      display: inline-block;
      font-weight: 600;
      position: relative;
      padding: 5px 15px;
  }
    .rate_reserve2_room_only {
        font-size: 13px;
        font-weight: 600;
    }
    .reserve2_tax_fee {
        float: right;
        font-size: 13px;
    }
    .img_room_book {
        height: 40px;
        border-radius: 5px;
        margin-left: 5px;
        position: relative;
        top: 3px;
    }
    .room_adult_div {
      font-size: 9px;
      margin-left: 24%!important;
      bottom: 16px!important;
      position: relative;
  }
    .profile_current_level_div {
      border: 1px solid #f1f1f1;
      border-radius: 5px;
      padding: 10px;
      width: 100%;
    }
    .profile_loyalreward_left{
      margin-left: 0px;
    }
    .profile_current_level_div_wallet {
      border: 1px solid #f1f1f1;
      border-radius: 5px;
      padding: 20px;
      width: 96%;
      margin-top: 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1319px) {
  .reserve2_chekin_left {
    /* margin-left: 0%; */
    display: inline-block;
}
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
  .reserve2_chekin_left {
    /* margin-left: 0%!important; */
    display: inline-block;
}
.reserve2_chekin_left_12{
  margin-left: 0%!important;

}
}
@media screen and (min-width: 1070px) and (max-width: 1168px) {
  .reserve2_chekin_left {
    /* margin-left: 0%; */
    display: inline-block;
}
}
@media screen and (min-width: 650px) and (max-width: 800px) {
  .new_img {
    height: 165px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 39%;
    margin-left: 32%;
    margin-top: 10px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .new_img {
    height: 185px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 32%;
}
.content_description {
  font-size: 12px;
  margin-top: 7px;
}
.terms_main_reserve1 {
  margin-top: 5px;
  line-height: 17px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1400px) {
  .payment_ul {
    margin-top: 20px;
    display: block;
    flex-direction: row;
    list-style-type: none;
    font-size: 14px;
    font-weight: 500;
    /* text-align: center; */
}
}
@media screen and (min-width: 320px) and (max-width: 600px) {
	
	.manage_button_main:before {
        display: block;
        clear: both;
        content: "";
    }
	.content_wrapper_manage,.manage_room_image{
		margin-right: 0px!important;
		margin-left: 0px!important;
	}
	.manage_room_image{
		height: auto!important;
	}
	.room_total_details{
		/* display: grid; */
	}
	.manage_room_image{
		width:-webkit-fill-available!important;
	}
	

	.manage_edit_datestatus,.reserve_confirm_button{
		width:auto;
		padding: 0px 5px;
	}
	.manage_button_main{
		display: contents;
	}
.content_wrapper_manage {
  display: block!important;
  align-items: flex-start!important;
  /* margin-right: 20px!important; */
}
/* .manage_room_image{
  width: auto !important;
  } */
  .manage_room_details{
    margin-left:10px;
    text-align: center;
  }
  .hotel_image_manage{
    margin-top: 10px;
    width:auto!important;
    margin-left: 4%;
  }
  .hotel_details_font {
    margin-top: 3%;
    /* margin-left: 20px; */
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
  }
  /* .booking_section_profile {
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: block;
} */
.profile_section_padding {
  padding: 0px 10px;
  width: auto;
}
.profile_section_padding2 {
  padding: 0px 10px;
  width: auto;
  padding-top:15px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1150px) {
  .manage_subaddon_image {
    padding: 10px 10px 10px;
    height: 125px;
    width: 30%;
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
  .profile_current_level_div {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
  }
  .profile_loyalreward_left{
    margin-left: 0px;
  }
  .profile_current_level_div_wallet {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 20px;
    width: 100%;
    margin-top: 10px;
}
}
.reservation_tab {
    list-style: none;
    display: inline-block;
    padding: 0px !important;
    margin: 0px !important;
    width: 100%;
    background: #fff;
  }
  .tab_list {
    float: left;
    padding: 5px 25px;
    font-size: 14px;
    background-color: #f1f1f1;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }
  /* .tab_circle {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    background-color: var(--pr);
    color: white;
  } */
  .tab_head {
    margin-left: 10px;
    font-weight: 500;
  }
  /* .tab_active {
    background-color: #1a9fa4;
    float: left;
    padding: 5px 25px;
    font-size: 14px;
    cursor: pointer;
    color: white;
    box-shadow: 0 4px 4px #86afaf;
    border-radius: 4px;
  } */
  .reservation_main {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #f1f1f1;
    width: 70%;
    width: 100%;
    border-radius: 6px;
  }
  .reservation_main_gifts_shown {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #f1f1f1;
    width: 70%;
    width: 100%;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
  .content_wrapper {
    display: flex;
    align-items: flex-start;
    margin-right: 20px;
  }
  .content_wrapper_sub {
    /* display: flex;
    align-items: flex-start; */
    margin-right: 20px;
  }
  .new_img {
    height: 195px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 30%;
  }
  .img_view_more {
    height: 210px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    width: 31%;
  }
  .content_description {
    font-size: 12px;
    margin-top: 15px;
  }
  .content_description_tax {
    margin-left: 25px;
    font-size: 11px;
    margin-top: 20px;
    position: relative;
    top: 7px;
  }
  .left_padding {
    margin-left: 8px;
    font-size: 11px;
  }
  .reservation_add {
    display: inline-block;
    width: 75px;
    height: 22px;
    line-height: 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #1a9fa4;
    color: white;
    margin-left: 10px;
    box-shadow: 0 4px 4px #86afaf;
  }
  .main_section_reserve {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .reservation_main_container {
    display: flex;
  }
  .reservation_main_wrapper {
    flex: 1;
  }
  .booking_section {
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
  .padding_top {
    position: relative;
    top: 20px;
  }
  .booking_padding {
    position: relative;
    top: 15px;
    font-size: 11px;
    padding-right: 5px;
  }
  .modify-button {
    color: white;
    width: 85%;
    height: 50px;
    font-weight: bold;
    border-width: 1px;
    background-color: #008080;
    border-radius: 5px;
  }
  .new_field {
    font-size: 11px;
    position: relative;
    top: 8%;
    text-align: center;
    cursor: pointer;
  }
  .header_border {
    /* border-bottom: 1px solid #f1f1f1 !important; */
    /* height:47px; */
  }
  .header-top {
    /* margin-top:20px; */
  }
  .new_rate {
    font-size: 20px;
    margin-top: 10%;
    width: 100%;
    font-weight: 600;
    background-color: #fbffff;
    padding: 5px 25px;
    cursor: pointer;
  }
  .confirm_button {
    margin-left: 40px;
    margin-bottom: 25%;
    position: relative;
    top: 45px;
  }
  .room_list {
    font-size: 14px;
  }
  .tab_list_checkin {
    float: left;
    padding: 5px 9px;
    font-size: 14px;
    background-color: #f5f5f5;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin-top: 10px;
  }
  .room_list li {
    list-style: disc !important;
  }
  .reservation2_input {
    background-color: #f1f1f1;
    border-radius: 5px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 10px;
  }
  .reservation2_main {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #f1f1f1;
    float: left;
    margin-left: 20px;
    border-radius: 5px;
  }
  .reservation2_input_company {
    background-color: #f1f1f1;
    border-radius: 5px;
    height: 40px;
    font-size: 14px;
    padding: 10px;
    width: 100%;
  }
  .reservation2_input_comments {
    /* background-color: #f1f1f1; */
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    height: 60px;
    font-size: 14px;
    padding: 10px;
    width: 100%;
  }
  .form-check-input:checked {
    background-color: #69935a!important;
    border-color: #69935a!important;
  }
  .marginLeft25 {
    margin-left: 25px;
  }
  .marginLeft10 {
    margin-left: 10px;
    font-size: 12px;
  }
  .payment_details {
    /* margin-left: 18px;
    margin-top: 10px; */
    font-size: 12px;
    font-weight: bold;
    /* margin-right: 18px; */
    padding-left: 24px!important;
    padding-bottom: 5px!important;
  }
  .payment_details_desc {
    display: block;
    /* margin-left: 110px; */
    font-size: 12px;
    /* position: relative; */
    bottom: 18px;
    /* margin-left:18px;
    margin-right:18px; */
    padding-right: 24px;
    padding-bottom: 15px;
  }
  .other_condition_des {
    display: block;
    /* margin-left: 110px; */
    font-size: 12px;
    padding-right: 24px;
    padding-bottom: 5px;
    /* position: relative; */
  }
  .other_condition_des p {
    line-height: 15px;
    font-size: 12px;
  }
  .div_details {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 5px 0px;
    margin-top: 5px;
  }
  .need_help_div {
    margin-top: 30px;
    border: 1px solid #a1d0d2;
    border-radius: 5px;
    height: 70px;
    width: 80%;
    margin-left: 9%;
    background-color: #f9ffff;
    margin-bottom: 15px;
  }
  .help_sub_div {
    color: #008080;
    font-weight: 500;
    font-size: 18px;
    margin-left: 1%;
    position: relative;
    top: 15px;
  }
  .phone_div {
    color: #008080;
    font-size: 14px;
  }
  .reserve2_icon {
    margin-left: 10px;
    height: 12px;
  }
  .reserve2_offer_li {
    font-size: 11px;
    /* color:#4C8A4F; */
    color: #d0b078;
    margin-bottom: 0px;
    padding-left: 0px;
  }
  .reserve2_offer_li li {
    /* list-style: auto; */
    font-size: 13px;
  
    position: relative;
  }
  .reserve2_offer {
    font-size: 11px;
  }
  .offer_div {
    margin-top: 5px;
    display: flex;
    align-items: center;
    background: #0e0e0e;
    border-radius: 5px;
    padding: 2px 2px 4px 2px;
    /* border: 1px solid #3b763d;
    border-style: dotted;
    border-radius: 5px;
    background-color: #e9fbea; */
  }
  .offer_apply {
    font-size: 12px;
    font-weight: 500;
    margin-left: 10px;
    color: #3b763d;
  }
  .offer_amount {
    font-size: 13px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
  }
  .reserve2_offer {
    font-size: 14px;
    margin-left: 5px;
  }
  .reserve2_offer_sub {
    font-size: 14px;
    float: right;
    padding-right: 5px;
  }
  .rate_div {
    /* margin-top: 20px; */
    background-color: #fafafa;
    border-radius: 5px;
    padding: 1px 5px 5px;
    color: #617374;
  }
  .reserve_total_div {
    font-weight: 700;
  }
  .reserve_total_div_sub {
    float: right;
    font-weight: 700;
    color: #69935a;
  }
  .booknow-button {
    color: white;
    width: 48%;
    height: 50px;
    font-weight: bold;
    border-width: 1px;
    background-color: #008080;
    border-radius: 5px;
  }
  .cancel-button {
    color: white;
    width: 48%;
    height: 50px;
    font-weight: bold;
    border-width: 1px;
    background-color: #d2d2d2;
    border-radius: 5px;
  }
  .button_main_div {
    /* margin-left: 10px; */
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .img_room_book {
    height: 45px;
    border-radius: 5px;
    margin-left: 10px;
    position: relative;
    top: 3px;
  }
  .room_adult_div {
    font-size: 11px;
    margin-left: 22%;
    bottom: 16px;
    position: relative;
  }
  .condition_list {
    margin-bottom: 0px;
  }
  .condition_list li {
    list-style: disc;
  }
  
  .extra_more {
    color: #319a95;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
  }
  .content_tog_pop {
    font-size: 14px;
  }
  .pop_head {
    position: relative;
    bottom: 8px;
    font-weight: 600;
  }
  .extra_head_pos {
    font-weight: 600;
    margin-top: 5px;
  }
  .reserve2_board {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
  }
  .reserve2_board_sub {
    font-size: 11px;
    float: right;
    padding-right: 10px;
    font-weight: 600;
  }
  .reserve2_board_new {
    font-size: 11px;
    padding-left: 10px;
    font-weight: 600;
    color: #3b763d;
  }
  .reserve2_board_sub_new {
    font-size: 11px;
    float: right;
    font-weight: 600;
    color: #3b763d;
  }
  .reserve2_loyalty_new {
    font-size: 11px;
    font-weight: 600;
    color: #3b763d;
  }
  .reserve2_extra_head {
    font-weight: 600;
    margin-left: 10px;
  }
  .reserve2_extra_head_sub {
    font-size: 14px;
    float: right;
    padding-right: 5px;
    font-weight: 700;
    position: relative;
    bottom: 22px;
  }
  .extra_guest {
    font-size: 11px;
    margin-left: 10px;
  }
  .reserve2_subaddon_head {
    font-size: 12px;
    font-weight: 600;
    margin-left: 10px;
  }
  .reserve2_subaddon_head_sub {
    font-size: 12px;
    font-weight: 700;
  }
  .extra_popup_room {
    font-size: 14px;
    color: #1a9fa4;
    font-weight: 500;
  }
  .content_subtitle {
    font-size: 13px;
    font-weight: 200;
  }
  .extra_no_desc {
    margin-top: 25px;
    width: 100%;
  }
  .extra_head_no_desc {
    font-weight: 600;
    margin-top: 20px;
  }
  .subtitle_no_desc {
    font-size: 14px;
    font-weight: 200;
  }
  .reservation_main_subaddon {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border: 7px solid #f1f1f1;
    height: 60px;
    width: 100%;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .newroom_rate {
    font-size: 14px;
    width: 100%;
    float: left;
    padding: 1px 15px;
    background-color: #f1f1f1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 600;
    border: 1px solid #d2d2d2;
  }
  .room_applicable {
    position: relative;
    font-size: 10px;
    color: red;
    background-color: #ffe5e5;
    float: right;
    bottom: 15px;
    left: 15px;
  }
  .resrve2_room_title {
    margin-left: 15px;
    font-weight: 600 !important;
    font-size: 14px;
    position: relative;
    bottom: 8px;
  }
  .main_div_reserve {
    padding-left: 6%;
    padding-right: 6%;
  }
  .room_style {
    border: 1px solid #f1f1f1;
    position: relative;
  }
  .room_no {
    font-size: 12px;
    display: flex;
    width: 100%;
  }
  .room_count {
    width: 60%;
    background-color: #c4eaec;
    color: #008080;
    border-top-left-radius: 5px;
    padding: 0px 10px;
  }
  .room_count_night {
    background-color: #d2d2d2;
    float: right;
    width: 40%;
    border-top-right-radius: 5px;
    padding: 0px 10px;
  }
  .rooms_padding {
    position: relative;
    top: 15px;
    border: 1px solid #f1f1f1;
    padding: 5px 10px;
  }
  .room_border_new {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
  }
  .board_display_room {
    font-size: 14px;
    color: #8e8888;
    font-weight: 500;
    margin-left: 10px;
  }
  .view_status {
    height: 28% !important;
  }
  .guest_field_extra {
    width: max-content;
  }
  .subaddon_status {
    height: 21%;
  }
  .subaddon_list_button {
    margin-top: 15px;
    background: #c4eaec;
    color: #1b9fa5;
    font-size: 10px;
    display: inline-block;
    padding: 5px 10px 5px;
    border-radius: 5px;
    font-weight: 500;
    cursor: pointer;
    text-align: center;
    position: relative;
    /* bottom:2px; */
  }
  .extra_rate_style {
    color: #008080;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 1px;
  }
  .extra_add_room_2 {
    color: #404040;
    font-size: 14px;
    display: inline-block;
    padding: 5px 10px;
  }
  .extra_add_room {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    padding: 0px 10px;
    margin-bottom: 10px;
  }
  .extra_add_rate {
    font-size: 14px;
    float:right;
    color: #111;
    display: inline-block;
    font-weight: 600;
    position: relative;
    padding: 0px 10px;
  }
  .extra_add_head {
    border-radius: 5px;
  }
  .extra_add_head_2 {
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  .more_info_extra {
    background-color: #d2d2d2;
    font-size: 12px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
  }
  .extra_remove {
    background: #b83c3c;
    color: white;
    float: right;
    position: relative;
    top: 10px;
    height: 12px;
    width: 12px;
    font-size: 9px;
    border-radius: 50%;
    right: 3px;
  }
  .subaddon_remove {
    font-size: 9px;
    cursor: pointer;
    position: absolute;
    background: #b83c3c;
    color: white;
    height: 12px;
    width: 12px;
    right: 0px;
    border-radius: 50%;
    margin-top: 5px;
    right: 3px;
  }
  .subaddon_add_room {
    padding: 5px 20px;
    font-size: 12px;
    background-color: #f7f7f7;
    padding-top: 10px;
  }
  .subaddon_add_rate {
    font-size: 14px;
    float: right;
    color: #111;
    /* padding: 0px 25px; */
  }
  .subaddon_guest {
    font-size: 11px;
    padding: 0px 20px;
    background-color: #f7f7f7;
    padding-bottom: 10px;
    color: #1b9fa5;
  }
  .tab_list_extra_guest {
    padding: 5px 6px;
    font-size: 14px;
    background-color: #f1f1f1;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }
  .tab_list_extra_guest_no_desc {
    padding: 5px 6px;
    font-size: 14px;
    background-color: #f1f1f1;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    position: relative;
    top: 60px;
  }
  .no_subaddon {
    margin-top: 15px;
  }
  .reserve2_roomwise_display {
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #f1f1f1;
    padding-bottom: 0px;
  }
  .grand_total_div {
    font-weight: 700;
    margin-left: 5px;
    font-size: 22px;
  }
  .grand_total_div_sub {
    float: right;
    font-weight: 700;
    padding-right: 2%;
    font-size: 22px;
    color: #69935a;
  }
  .modalBackground-new {
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: start;
    top: 11%;
    left: 0%;
    z-index: 99999;
  }
  .modalContainer4-new {
    width: 500px;
    height: auto;
    border-radius: 29px 29px 29px 29px;
    background-color: #008080;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    display: flex;
    flex-direction: column;
    padding: 0px 10px 15px 1px;
  }
  .modalContainer4-new1 {
    width: 341px;
    height: auto;
    border-radius: 29px 29px 29px 29px;
    background-color: #008080;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    display: flex;
    flex-direction: column;
    padding: 0px 10px 15px 1px;
  }
  .modalContainer4-new .title {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    color: black;
    font-size: medium;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0px 17px;
  }
  .modalContainer4-new .title svg {
    margin-right: 10px;
    font-size: 23px;
  }
  .modalContainer4-new1 .title {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    color: black;
    font-size: medium;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0px 17px;
  }
  .modalContainer4-new1 .title svg {
    margin-right: 10px;
    font-size: 23px;
  }
  .titleCloseBtn {
    display: flex;
    justify-content: flex-end;
  }
  
  .titleCloseBtn button {
    background-color: transparent;
    border: none;
    font-size: 25px;
    cursor: pointer;
  }
  .toastprogress {
    animation-duration: 5000ms;
    animation-play-state: paused;
    opacity: 1;
    background: #0726bc85 !important;
    animation: Toastify__trackProgress linear 1 forwards;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 9999;
    opacity: 0.7;
    background-color: hsla(0, 0%, 100%, 0.7);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
  .tick_sv {
    font-size: 35px !important;
  }
  .cancel-model-content1-new {
    font-size: 20px;
    margin-bottom: 0px;
    margin-right: 15px;
    font-size: 17px;
    color: rgb(251 248 248);
    font-weight: 400;
    line-height: 20px;
  }
  .titleCloseBtn svg {
    margin-right: 0px;
  }
  .login_forgot_password {
    float: right;
    color: #639fec;
    cursor: pointer;
  }
  
  .extra_condition {
    font-size: 11px;
    font-weight: 700;
    color: #8d8585;
  }
  .content_condition {
    font-size: 11px;
    margin-top: 20px;
    color: #8d8585;
  }
  .subaddon_head_pos {
    margin-left: 25px;
    font-weight: 600;
    margin-top: 9px;
    font-size: 14px;
  }
  .tab_list_subaddon {
    float: left;
    padding: 5px 15px;
    font-size: 14px;
    background-color: #f1f1f1;
    cursor: pointer;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  }
  .addon_list {
    font-size: 17px;
    padding: 0px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 600;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 6px;
  }
  .addon_list_2 {
    font-size: 17px;
    padding: 0px 10px;
    font-weight: 600;
  }
  .offer_applied_newfield {
    /* margin-left: 28px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px; */
    /* color: #3b763d; */
    width: 30px;
    margin-right: 6px;
  }
  
  .offer_applied_newfield_12 {
    margin-left: 10px;
  }
  .confirm_reserve {
    font-size: 22px;
    font-weight: 600;
    margin-top: 30px;
  }
  .checkin_out_confirm_reserve {
    font-size: 16px;
    cursor: pointer;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin-top: 10px;
  
    height: 13%;
  
    padding-top: 10px;
    font-weight: 500;
  }
  .confirm_reserve_room {
    font-weight: 500;
    margin-top: 20px;
    font-size: 14px;
  }
  .confirm_reserve_offer {
    margin-left: 10px;
    font-size: 13px;
    color: green;
    font-weight: 500;
  }
  .room_total_details {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500;
  }
  .detailed_calculation {
    font-weight: 600;
    margin-top: 20px;
    color: #56616a;
    margin-bottom: 10px;
  }
  .subaddon_reserve_confirm {
    font-size: 12px;
    font-style: italic;
    margin-top: 3px;
  }
  .room_rate_confirm_reserve {
    font-weight: 600;
    float: right;
  }
  .room_total_details_offer {
    font-size: 14px;
    margin-top: 5px;
    color: green;
  }
  .confirm_reserve_subtotal {
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
  }
  .rate_div_confirm_reserve {
    margin-top: 20px;
    background-color: #f7f7f7;
    border-radius: 5px;
  }
  .total_div_confirm_reserve {
    font-weight: 700;
    margin-left: 5px;
    font-size: 22px;
  }
  .total_main_div_confirm {
    padding: 5px 10px;
    margin-top: 20px;
    background-color: #fbffff;
    margin-bottom: 25px;
  }
  .confirm_reserve_addon {
    font-weight: 500;
    font-size: 14px;
  }
  .reserve_confirm_addonadd {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin-left: 10px;
    box-shadow: 0 2px 5px 4px #f1f1f1;
    color: black;
    cursor: default;
  }
  .confirm_reserve_email {
    color: #1a9fa4;
    border-bottom: 1px solid;
    cursor: pointer;
  }
  .confirm_reserve_phone {
    border-bottom: 1px solid;
    cursor: pointer;
  }
  .confirm_reserve_cancellation {
    font-size: 18px;
    font-weight: 600;
  }
  .board_reserve2_new {
    background-color: #ffff;
    border: 1px solid #f1f1f1;
    padding: 2px;
    margin: 0px 4px;
  }
  .rate_reserve2_room_only {
    font-size: 16px;
    font-weight: 600;
  }
  .rate_reserve2_room {
    float: right;
    /* padding-right: 5%; */
    position: relative;
    bottom: 30px;
    line-height: 17px;
  }
  .rate_reserve2_room_new {
    float: right;
    /* padding-right: 5%; */
    position: relative;
    bottom: 10px;
    line-height: 17px;
  }
  .total_rate_room_strike {
    font-size: 13px;
    text-decoration: line-through;
    color: #ba0b0b;
  }
  .reserve2_tax_main_div {
    border: 1px solid #f1f1f1;
    margin-top: 20px;
    border-radius: 5px;
  }
  .tax_breakdown {
    font-weight: 600;
    margin-top: 10px;
    font-size: 17px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .total_tax_include {
    font-size: 12px;
    color: #627474;
    font-style: italic;
    margin-left: 6px;
    padding-right: 2%;
    /* margin-top:10px; */
  }
  .payment_ul {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    margin-bottom: 0px;
  }
  .reserve2_room_no {
    color: #738080;
    font-size: 14px;
    padding: 0px 8px;
  }
  .tax_expand,
  .tax_expand1 {
    font-weight: 400;
    cursor: pointer;
    font-size: 11px;
    width: 100px;
  }
  .tax_expand img {
    margin-left: 5px;
    height: 14px;
  }
  .tax_expand1 img {
    margin-left: 5px;
    height: 10px;
  }
  .reserve2_tax_fee {
    float: right;
    padding-right: 10px;
  }
  .reserve2_tax_fee_addon {
    float: right;
    position: relative;
  }
  .scrollable-container {
    max-height: 68px;
    width: 100%;
    overflow: scroll;
    margin: 0;
  }
  .rate_reserve2_room_only_rates {
    cursor: pointer;
    width: 108px;
  }
  .reserve_confirm_button {
    color: #d98989;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #d98989;
    background-color: white;
    width: 45%;
  }
  .reserve_confirm_edit_button {
    color: #646464;
    height: 40px;
    width: 45%;
    border-radius: 5px;
    border: 1px solid #646464;
    background-color: white;
    margin-left: 5%;
  }
  .manage_room_image {
    padding: 10px 10px 10px;
    height: 125px;
    width: 25%;
  }
  .subaddon_list_with_price {
    float: right;
    position: relative;
    bottom: 24px;
  }
  .extra_container_wrapper_width {
    width: 66%;
    margin-left: 20px;
  }
  .manage_addon_border {
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
  }
  .manage_proceed_button {
    background-color: #008080;
    width: 22%;
    height: 35px;
    border-radius: 5px;
    color: white;
  }
  .manage_reason_select {
    font-size: 14px;
    margin-left: 14px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .manage_comment_box {
    font-size: 14px;
    margin-left: 5px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .reserve2_need_help_mail {
    float: right;
    position: relative;
    bottom: 20px;
    right: 2%;
  }
  .board_date_width {
    width: 25%;
  }
  .manage_button_main {
    float: right;
    width: 40%;
  }
  .manage_room_details {
    margin-top: 10px;
    font-size: 14px;
  }
  .manage_subaddon_image {
    padding: 10px 10px 10px;
    height: 125px;
    width: 25%;
  }
  .hotel_image_manage {
    height: 220px;
    width: 50%;
  }
  .manage_room_name {
    margin-left: 10px;
    margin-top: 15px;
    font-weight: 600;
    color: #56616a;
  }
  .reserve2_date_width {
    width: 28%;
  }
  .rate_reserve2_room_without_offer {
    float: right;
    position: relative;
    bottom: 25px;
    line-height: 23px;
  }
  .rate_reserve2_room_without_offer_new {
    float: right;
    position: relative;
    bottom: 8px;
    line-height: 20px;
  }
  .card_details_input {
    border-radius: 5px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    padding: 10px;
    border: 1px solid #f1f1f1;
  }
  .card_details_div {
    border: 1px solid #f1f1f1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
  }
  .card_detail_head {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
  }
  .card_details_input_exp {
    border-radius: 5px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #f1f1f1;
    text-align: center;
  }
  .tax_head_reserve2 {
    padding: 0px 10px;
  }
  .reserve2_chekin_left {
    /* margin-left: 15%; */
    display: inline-block;
  }
  .reserve1_chekin_left {
    margin-left: 30px;
  }
  .reserve1_checkout_left {
    display: inline-block;
    margin-left: 20px;
  }
  .terms_main_reserve1 {
    margin-top: 15px;
    line-height: 17px;
  }
  .confirm_reserve_padding {
    padding: 0px 80px;
  }
  .manage_reserve_rate_font {
    font-size: 16px;
  }
  .hotel_details_font {
    /* margin-top:5%; */
    margin-left: 20px;
  }
  .hotel_policy_font {
    margin-top: 10px;
  }
  .content_wrapper_manage {
    display: flex;
    align-items: flex-start;
    margin-right: 20px;
  }
  .extra_add_rate_without_sub {
    font-size: 14px;
    float: right;
    color: #111;
    display: inline-block;
    font-weight: 600;
    position: relative;
    padding: 5px 30px;
  }
  .reserve2_pay_medium {
    margin-left: 25px;
  }
  .reserve2_pay_medium_font {
    font-size: 12px;
    margin-left: 5px;
  }
  .reserve2_medium_div {
    background-color: #f7f7f7;
    border-radius: 3px;
    padding: 5px;
    display: flex;
    justify-content: center;
    font-size: 13px;
  }
  .night_font_reserve1 {
    font-size: 11px;
    margin-left: 10px;
  }
  .guest_font {
    font-size: 11px;
  }
  .cursor_reserve2 {
    cursor: pointer;
    color: #57c4e6;
  }
  .manage_edit_datestatus {
    color: #d2d2d2;
    height: 40px;
    width: 45%;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
    background-color: white;
    margin-left: 5%;
  }
  .profile_update {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
  }
  .profile_update_side {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
    font-size: 14px;
  }
  .profile_update_side_active {
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 2px solid #111;
    font-weight: 500;
    cursor: pointer;
    font-size: 14px;
  }
  .profile_img_update {
    width: 70px;
    border-radius: 50%;
    height: 70px;
  }
  .img_upload_profile {
    padding: 3px 8px;
    margin-top: 13px;
    border-radius: 4px;
    background: #111;
    color: white;
    margin-left: 10px;
    font-size: 12px;
  }
  .img_delete_profile {
    padding: 3px 8px;
    margin-top: 13px;
    border-radius: 4px;
    background: #d2d2d2;
    color: #111;
    margin-left: 10px;
    font-size: 12px;
  }
  .profile_save {
    color: white;
    width: 30%;
    height: 40px;
    font-weight: bold;
    border-width: 1px;
    background-color: #319a95;
    border-radius: 5px;
  }
  .change_password_main {
    font-size: 14px;
    color: #1a9fa4;
    cursor: pointer;
    margin-bottom: 5px;
  }
  .profile_dropdown {
    font-size: 14px;
    border: 1px solid #f1f1f1;
    height: 40px;
  }
  .flatpickr-current-month span.arrowDown:after {
    border-top-color: white !important;
  }
  .flatpickr-current-month span.arrowUp::after {
    border-bottom-color: white !important;
  }
  .numInputWrapper span {
    opacity: 1 !important;
  }
  .flatpickr-months {
    background-color: var(--primary-color) !important;
  }
  .flatpickr-weekdays {
    background-color: var(--primary-color) !important;
  }
  span.flatpickr-weekday {
    background: var(--primary-color) !important;
  }
  .flatpickr-calendar.arrowTop::before {
    border-bottom-color: var(--primary-color) !important;
  }
  .flatpickr-calendar.arrowTop::after {
    border-bottom-color: var(--primary-color) !important;
  }
  .flatpickr-day.selected,
  .flatpickr-day.startRange,
  .flatpickr-day.endRange,
  .flatpickr-day.selected.inRange,
  .flatpickr-day.startRange.inRange,
  .flatpickr-day.endRange.inRange,
  .flatpickr-day.selected:focus,
  .flatpickr-day.startRange:focus,
  .flatpickr-day.endRange:focus,
  .flatpickr-day.selected:hover,
  .flatpickr-day.startRange:hover,
  .flatpickr-day.endRange:hover,
  .flatpickr-day.selected.prevMonthDay,
  .flatpickr-day.startRange.prevMonthDay,
  .flatpickr-day.endRange.prevMonthDay,
  .flatpickr-day.selected.nextMonthDay,
  .flatpickr-day.startRange.nextMonthDay,
  .flatpickr-day.endRange.nextMonthDay {
    background: var(--primary-color) !important;
    box-shadow: none;
    color: #fff;
    border-color: var(--primary-color) !important;
  }
  .flatpickr-day.today {
    border-color: var(--primary-color) !important;
    background-color: rgba(64, 81, 137, 0.1);
    box-shadow: none;
  }
  /* .btn-file {
    border: 2px solid gray;
    color: white;
    background-color: #008080;
    padding: 2px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
  } */
  
  .upload-btn-wrapper .custom-file-upload {
    position: relative;
    /* overflow: hidden; */
    display: inline-block;
  }
  
  .upload-btn-wrapper .custom-file-upload input[type="file"] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 50px;
  }
  .form-validation-required {
    color: rgb(232, 5, 5);
  }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: var(--primary-color) !important;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 0.5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto;
  }
  .flatpickr-months .flatpickr-month {
    border-radius: 5px 5px 0 0;
    background: var(--primary-color) !important;
    color: #fff;
    fill: #fff;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .profile_loyalty_head {
    color: #6e6e6e;
    font-size: 14px;
  }
  .profile_loyalty_level {
    font-size: 13px;
    font-weight: 600;
  }
  .profile_current_level_div {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 10px;
    width: 88%;
    margin-top: 15px;
  }
  .profile_wallet_amount {
    font-weight: 500;
    font-size: 18px;
  }
  .profile_current_level_div_wallet {
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 20px;
    width: 42%!important;
    margin-top: 10px!important;
  }
  .profile_user_level {
    float: right;
    font-size: 18px;
    font-weight: 600;
  }
  .detailed_calculation_profile {
    font-weight: 600;
    margin-top: 20px;
    font-size: 18px;
  }
  .profile_credit_used_sub {
    color: #179384;
    font-size: 10px;
    position: relative;
    top: 10px;
    float: right;
    cursor: pointer;
    font-weight: 500;
  }
  .board_create_click {
    color: white !important;
    background-color: #008080 !important;
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 14px;
    padding: 2px 5px;
  }
  .board_create_click_cancel {
    background-color: #d2d2d2 !important;
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 10px;
    font-size: 14px;
    padding: 2px 10px;
  }
  .my_booking_head {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600;
  }
  .my_booking_reserve {
    color: #555555;
    font-size: 17px;
    font-weight: 600;
  }
  .my_booking_reserve_div {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
  }
  .my_booking_manage {
    border: 1px solid #118577;
    border-radius: 5px;
    padding: 3px 15px;
    cursor: pointer;
    height: 30px;
    font-size: 14px;
    margin-top: 10px;
  }
  .my_booking_manage_disable {
    border: 1px solid #bebebe;
    border-radius: 5px;
    padding: 3px 15px;
    color: #bebebe;
    cursor: pointer;
    height: 30px;
    font-size: 14px;
    margin-top: 10px;
  }
  .my_booking_review_submit {
    color: #15bd12;
    margin-top: 10px;
    font-size: 14px;
    /* cursor: pointer; */
  }
  .my_booking_review_submit_cancel {
    color: #b0afaf;
    margin-top: 10px;
    font-size: 14px;
    /* cursor: pointer; */
  }
  .grand_total_div_sub_2 {
    margin-right: 10px;
  }
  .reviewlist_submit_text {
    font-size: 13px;
    color: #118577;
    font-weight: 500;
    cursor: pointer;
  }
  .reviewlist_reserve {
    color: #555555;
    font-size: 16px;
    font-weight: 600;
  }
  .reviewlist_starimg {
    margin-left: 3px;
  }
  /* .booking_section_profile {
    border: 1px solid #f1f1f1;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: flex;
  } */
  .profile_section_padding {
    padding: 0px 30px;
    width: 30%;
  }
  .profile_section_padding2 {
    padding: 0px 70px;
    width: 70%;
  }
  .profile_loyalreward_left {
    margin-left: 10px;
  }
  .page-item.active .page-link {
    z-index: 3;
    color: #fff !important;
    background-color: #415189 !important;
    border-color: #415189 !important;
    font-size: 14px;
  }
  .page-link {
    position: relative;
    display: block;
    color: #111 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
      border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-size: 14px;
  }
  .manage_loyalty_reward {
    font-size: 14px;
    margin-top: 10px;
  }
  .info-tag-blackout {
    display: inline-block;
    background: #6c6666;
    padding: 0px 5px;
    border-radius: 9px;
    font-size: 9px;
    color: #fff;
    line-height: 14px;
    display: inline-block;
    padding: 0px 5px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    position: absolute;
    top: 3px;
  }
  
  .info-tag-blackout .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 17px;
    right: 0%;
    font-size: 11px !important;
    min-width: max-content;
    white-space: nowrap;
    width: fit-content;
  }
  
  .info-tag-blackout:hover .tooltiptext {
    visibility: visible;
  }
  .reserve1_room_name {
    font-size: 17px;
    font-weight: 700;
  }
  .reserve2_expiry_width {
    width: 30%;
  }
  .arrow_reserve2 {
    position: relative;
    /* bottom: 20px; */
  }
  .reserve2_property_font {
    font-size: 14px;
  }
  .b_widget_signup_popups.modal-dialog {
    max-width: 50%;
  }
  .signup-submit {
    width: 25%;
    margin: auto;
    padding: 10px 8px 10px;
    background: var(--primary-color);
    box-shadow: 0px 4px 6px 1px #dedede;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    letter-spacing: 1px;
  }
  .signup_label {
    font-size: 14px;
    float: left;
    text-align: justify;
  }
  .otp_resend {
    font-size: 14px;
    color: #27a8ea;
    margin-bottom: 20px;
    cursor: pointer;
  }
  .search_modify {
    color: white;
    margin-left: 13%;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 8px;
  }
  .reserve2_credit_card_desc{
    font-size: 11px;
    font-style: italic;
    display: flex;
    justify-content: end;
    margin-bottom: 5%;
    font-weight: 600;
    position: relative;
    bottom:10px;
  }
  .search_modify_footer{
    background: rgb(57, 63, 64);
    color: white;
    height: 103px;
    display: block;
    text-align: center;
    padding: 30px;
  }
  .search_modify_promocode{
    height:55px !important;
    background:white !important;
    border-radius:5px !important;
    /* padding:0% 15% !important; */
    color:#111 !important;
  }
  /*** 

====================================================================
	Header style One
====================================================================

***/

.main-header{
	position:absolute;
	left:0px;
	right:0px;
	z-index:99;
}

/* Header Top */

.main-header .header-top{
	position:relative;
	padding: 10px 0px 10px 0px;
    background-color: rgb(255 255 255);
}

.main-header .header-top .top-left{
	position: relative;
}

.main-header .header-top .info{
	position:relative;
}

.main-header .header-top .info li{
	position:relative;
	display:inline-block;
	font-size:var(--font-16);
	color:var(--white-color);
	padding-left:var(--padding-left-35);
	margin-right:var(--margin-right-20);
}

.main-header .header-top .info li .icon{
	position:absolute;
	left:0px;
	top:-2px;
	font-family: "Flaticon";
	font-size:var(--font-20);
}

.main-header .header-top .info li:last-child{
	margin-right:var(--margin-zero);
}

.main-header .header-top .info li a{
	position:relative;
	color:var(--white-color);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top li a:hover{
	color:var(--main-color);
}

.main-header .header-top .social-box{
	position: relative;
}

.main-header .header-top .social-box li{
	position: relative;
	display:inline-block;
	margin-left:var(--margin-left-20);
}

.main-header .header-top .social-box li a{
	position: relative;
	color:var(--white-color);
	font-size:var(--font-16);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-top .social-box li a:hover{
	color:var(--main-color);
}

.main-header .header-upper{
	position:relative;
	background-color:var(--white-color);
}

.main-header .main-box{
	position:relative;
	padding:0px 0px;
	left:0px;
	top:0px;
	width:100%;
	background:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-box .outer-container{
	position:relative;
	padding:0px 40px;
}

.main-header .logo-box{
	position:relative;
	z-index:10;
	padding:15px 0px;
}

.main-header .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;	
}

.main-header .header-lower{
	position:relative;
}

.main-header .header-lower .inner-container{
	position:relative;
}

.main-header .header-lower .nav-outer{
	position:relative;
}

.main-header .header-upper .logo-box{
	position: relative;
	padding:10px 0px 10px;
}

.main-header .header-upper .logo-box .logo{
	position:relative;
}

/* Main Menu */

.main-header .main-menu{
	position:relative;
	float:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .main-menu .navbar-collapse{
	padding:0px;
	float: left;
	display:block !important;
}

.main-header .main-menu .navigation{
	position:relative;
	margin:0px;
}

.main-header .main-menu .navigation > li{
	position:relative;
	float:left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	margin-right:var(--margin-right-30);
}

.main-header .main-menu .navigation > li.dropdown > a{
	padding-right:15px !important;
}

.main-header .main-menu .navigation > li.dropdown > a:before{
	position: absolute;
    content: "\f107";
    right: 0px;
	font-family: 'FontAwesome';
}

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a{
	color:var(--color-four);
}

/*Sticky Header*/

.main-header .sticky-header{
	position:fixed;
	opacity:0;
	visibility:hidden;
	left:0px;
	top:0px;
	width:100%;
	padding:0px 0px;
	z-index:0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	background-color:var(--white-color);
	box-shadow:0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .sticky-header .mobile-nav-toggler{
	display:none;
	cursor:pointer;
	color:var(--black-color);
	font-size:var(--font-30)
}

.main-header .sticky-header .logo{
	position:relative;
	padding:4px 0px;
}

.main-header.fixed-header .sticky-header{
	z-index:999;
	opacity:1;
	visibility:visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	
}

.main-header .main-menu .navigation > li > a{
	position:relative;
	display:block;
	text-align:center;
	line-height:30px;
	letter-spacing:0px;
	opacity:1;
	font-weight:500;
	padding:15px 0px;
	font-size:var(--font-16);
	color:var(--white-color);
	text-transform: capitalize;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li:last-child{
	margin-right:var(--margin-zero);
}

.main-header .main-menu .navigation > li:last-child > a{
	padding-right:0px;
}

.main-header .sticky-header .main-menu .navigation > li{
	position:relative;
}

.main-header .sticky-header .main-menu .navigation > li:last-child{
	margin-right:var(--margin-zero);
}

.main-header .main-menu .navigation > li:last-child ul{
	right:0px;
}

.main-header .main-menu .navigation > li:hover > a,
.main-header .main-menu .navigation > li.current > a{
	opacity:1;
	color:var(--main-color);
}

.main-header .main-menu .navigation > li > ul{
	position:absolute;
	width:15rem;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--main-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .main-menu .navigation > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-header .main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-header .main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-header .main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:var(--font-15);
	text-transform:capitalize;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > a:before{
	position:absolute;
	content:'//';
	left:10px;
	top:11px;
	opacity:0;
	font-weight:700;
	font-size:var(--font-12);
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li:hover > a::before{
	opacity:1;
}

.main-header .sticky-header .main-menu .navigation > li > a:before{
	
}

.main-header .main-menu .navigation > li > ul > li:hover > a{
	padding-left:30px;
	color:var(--white-color);
	background-color:var(--color-two);
}

.main-header .main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:15px;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:var(--white-color);
	line-height:20px;
	font-size:var(--font-16);
	font-weight:normal;
	text-align:center;
	z-index:5;	
}

.main-header .main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:15rem;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	opacity: 0;
	visibility: hidden;
    visibility: hidden;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
	border-radius:0px;
	background-color:var(--main-color);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.10);
}

.main-header .main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:0px;	
}

.main-header .main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	text-align:left;
	border-bottom:1px solid rgba(255,255,255,0.10);
}

.main-header .main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;	
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 18px;
	line-height:24px;
	font-weight:500;
	font-size:var(--font-15);
	text-transform:capitalize;
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
	color:var(--white-color);
	background-color:var(--color-two);
}

.main-header .main-menu .navigation > li > ul > li > ul > li > a:before{
	position:absolute;
	content:'//';
	left:10px;
	top:11px;
	opacity:0;
	font-weight:700;
	font-size:var(--font-12);
	color:var(--white-color);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a::before{
	opacity:1;
}

.main-header .main-menu .navigation > li > ul > li > ul > li:hover > a{
	padding-left:30px;
	color:var(--white-color);
	background-color:var(--color-two);
}

.main-header .main-menu .navigation > li.dropdown:hover > ul{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navigation li > ul > li.dropdown:hover > ul{
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	visibility: visible;
}

.main-header .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:30px;
	height:30px;
	text-align:center;
	color:var(--white-color);
	line-height:28px;
	border:1px solid var(--white-color-opicity-two);
	background-size:20px;
	cursor:pointer;
	z-index:5;
	display:none;
}

/* Header Style Three */

.header-style-three{
	position:relative;
}

.header-style-three .hidden-logo{
	display:none;
}

.header-top-two{
	position:relative;
	padding:16px 0px;
	border-bottom:1px solid rgba(var(--black-color-rgb), 0.08);
}

.header-top-two .helpline{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-seventeen);
	padding-left:var(--padding-left-30);
}

.header-top-two .helpline a{
	position:relative;
	color:var(--color-seventeen);
}

.header-top-two .helpline a:hover{
	color:var(--main-color);
}

.header-top-two .helpline .icon{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
	font-size:var(--font-20);
}

.header-top-two .email{
	position:relative;
	font-size:var(--font-16);
	color:var(--color-seventeen);
	padding-left:var(--padding-left-30);
}

.header-top-two .email a{
	position:relative;
	color:var(--color-seventeen);
}

.header-top-two .email a:hover{
	color:var(--main-color);
}

.header-top-two .email .icon{
	position:absolute;
	left:0px;
	top:0px;
	line-height:1em;
	font-size:var(--font-20);
}

.header-style-three .header-lower .nav-outer{
	display:none !important;
}

.header-style-three .logo-box{
	margin-top:-56px;
	margin-bottom:-20px;
	background-color:var(--color-two)
}

.header-style-three #navbarSupportedContent{
	display:block;
}

.header-style-three .header-lower .left-box{
	position:relative;
}

.header-style-three .header-lower .left-box .nav-list{
	position:relative;
}

.header-style-three .header-lower .left-box .nav-list li{
	position:relative;
	display:inline-block;
	margin-right:var(--margin-right-20);
}

.header-style-three .header-lower .left-box .nav-list li a{
	position:relative;
	font-size:var(--font-16);
	color:var(--black-color);
}

.header-style-three .mobile-nav-toggler{
	cursor:pointer;
	font-size:var(--font-22);
	margin-right:var(--margin-right-25);
}

/*** 

====================================================================
	Mobile Menu
====================================================================

***/

.main-header .mobile-nav-toggler{
	position: relative;
	float: right;
	padding:2px 0 0px;
	font-size: var(--font-26);
	line-height: 44px;
	cursor: pointer;
	color:var(--white-color);
	display: none;
	margin-left:var(--margin-left-20);
}

.mobile-menu{
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right:30px;
	max-width:100%;
	height: 100%;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .nav-logo{
	position:relative;
	padding:20px 20px;
	text-align:left;	
}

.mobile-menu .nav-logo img{
	max-width:200px;
}

.mobile-menu-visible{
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
	visibility: visible;
}

.mobile-menu .menu-backdrop{
	position: fixed;
	right: 0;
	top: 0;
	width: 0%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.90);
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
	opacity: 1;
	width:100%;
	visibility: visible;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box{
	position: absolute;
	right: -400px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #ffffff;
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;
	transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-box{
	right:0px;
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.mobile-menu .close-btn{
	position: absolute;
	right: 15px;
	top: 15px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 24px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.mobile-menu-visible .mobile-menu .close-btn{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

.mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize;
}

.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
	color:#111111;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	font-size:16px;
	line-height:44px;
	color:#404040;
	cursor:pointer;
	z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid rgba(0,0,0,0.10);
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.mobile-menu .navigation li > ul > li > a{
	padding-left:30px;
}

.mobile-menu .navigation li > ul > li > ul{
	padding-left:0px;
}

.mobile-menu .navigation li > ul > li > ul > li > a{
	padding-left:40px;
}

.main-header .mobile-menu .close-btn:hover{
	opacity: 0.50;
}

.main-header .mobile-menu .navigation{
	position: relative;
	display: block;
	width:100%;
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li{
	position: relative;
	display: block;
	border-bottom: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > ul > li:last-child{
	border-bottom: none;
}

.main-header .mobile-menu .navigation li > ul > li:first-child{
	border-top: 1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > a{
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: var(--font-16);
	color: var(--dark-color);
	text-transform: capitalize;
}

.main-header .mobile-menu .navigation li:hover > a,
.main-header .mobile-menu .navigation li.current > a{
	color: var(--dark-text-color-two);
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:44px;
	height:44px;
	text-align:center;
	color: var(--dark-color);
	font-size: var(--font-16);
	line-height:44px;
	cursor:pointer;
	z-index:5;
}

.main-header .mobile-menu .navigation li.dropdown .dropdown-btn:after{
	content:'';
	position:absolute;
	left:0px;
	top:10px;
	width:1px;
	height:24px;
	border-left:1px solid #dddddd;
}

.main-header .mobile-menu .navigation li > ul,
.main-header .mobile-menu .navigation li > ul > li > ul{
	display: none;
}

.main-header .sticky-header .navbar-header{
	display:none;
}

.main-header .outer-box{
	position: relative;
	margin-left:var(--margin-left-35);
}

.main-header .outer-box .nav-toggle-btn{
	position: relative;
	cursor:pointer;
	color:var(--white-color);
	font-size:var(--font-24);
	margin-right:var(--margin-right-25);
}

.main-header .sticky-header .main-menu .navigation > li > a{
	padding:20px 0px;
	color:var(--color-two);
}

.main-header .mobile-menu .menu-box .mCSB_scrollTools{
	width:3px;
}

/* Language Dropdown */

.language-dropdown{
	position:relative;
	/* top:4px;
	line-height:1em; */
	margin-left:var(--margin-left-30);
}

.language-dropdown button{
	position:relative;
	/* background:none; */
	font-weight:400;
	margin:var(--margin-zero);
	font-size:var(--font-16);
	color:var(--black-color);
	text-transform:uppercase;
}

.language-dropdown button:after{
	display:none;
}

.language-dropdown button .fa{
	font-size:var(--font-14);
}

.language-dropdown button i{
	position:relative;
	top:-1px;
	margin-right:var(--margin-right-5);
}

.language-dropdown .dropdown-menu{
	padding:0px;
	border:0px;
	border-radius:0px;
	margin-top:18px !important;
	border-top:3px solid var(--main-color);
}

.language-dropdown .dropdown-menu li:last-child a{
	border:none;
}

.language-dropdown .dropdown-menu li:last-child{
	border:none;
}

.language-dropdown .dropdown-menu .dropdown-item{
	font-weight:400;
	padding:13px 15px;
	letter-spacing:1px;
	/* color:var(--white-color); */
	text-transform:uppercase;
	font-size:var(--font-14);
	/* background-color: var(--color-two); */
	color:#111111;
	background-color: #dddddd;
	border-bottom:1px solid rgba(var(--white-color-rgb), 0.10);
}

.language-dropdown .dropdown-menu .dropdown-item:hover{
	color:var(--white-color);
	background-color:var(--main-color);
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.sidebar-info-contents{
	position:relative;
}

.sidebar-info-contents .content-inner{
	position:relative;
}

.sidebar-info-contents .content-inner .logo {
	padding-bottom:var(--padding-bottom-40);
}

.sidebar-info-contents .content-inner .logo img{
	display:inline-block;
	max-width:100%;	
}

.sidebar-info-contents .content-inner .content-box{
	position:relative;
}

.sidebar-info-contents .content-inner h6{
	color:var(--black-color);
	text-transform:uppercase;
	margin-bottom:var(--margin-top-30);
	padding-bottom:var(--padding-bottom-15);
}

.sidebar-info-contents .content-inner h6:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:30px;
	height:6px;
	border-radius:50px;
	background-color:var(--main-color);
}

.sidebar-info-contents .content-inner h6:after{
	position:absolute;
	content:'';
	left:40px;
	bottom:0px;
	width:6px;
	height:6px;
	border-radius:50px;
	background-color:var(--main-color);
}

.sidebar-services-list{
	position:relative;
	margin-bottom:var(--margin-bottom-60);
}

.sidebar-services-list li{
	position:relative;
	margin-bottom:var(--margin-bottom-15);
}

.sidebar-services-list li:last-child{
	margin-bottom:var(--margin-zero);
}

.sidebar-services-list li a{
	position:relative;
	font-weight:500;
	color:var(--black-color);
	font-size:var(--font-17);
	text-transform:uppercase;
}

.sidebar-services-list li a:hover{
	color:var(--main-color);
}

.close-side-widget{
	position:relative;
	z-index:10;
	display:inline-block;
	color:var(--black-color);
	font-size:var(--font-40);
}

.close-side-widget:hover{
	color:var(--main-color);
}
.b_widget_choose_hotel_form-group1,.b_widget_choose_hotel_form-group2,.b_widget_choose_hotel_form-group3{
	padding-left:2px!important;
	padding-right: 2px!important;
}
@media screen and (min-width: 798px) and (max-width: 1000px) {

.occupancy_age{
	width:33.33%!important;
}
}

.b_widget_payment_button{
	padding: 6px 9px;
    border-radius: 5px;
    background: #0a9667;
    color: white;
	cursor: pointer;
}
.b_widget_payment_button:hover{
	color: white;
}
.b_widget_thanks-area_container_new{
	margin:50px 200px

}
.b_widget_thanks-area_new_1{
	font-weight: 800;
    font-family: cursive;
    font-size: 38px
}
.b_widget_thanks_head_new{
	margin-bottom: 5px;
    font-weight: 600;
    font-size: 17px;

}
.b_widget_thanks_manage_new{
    margin-top: 16px;

}
.b_widget_thanks_manage_new a,.b_widget_thanks_manage_new a:hover{
	color: black;
    border: 1px solid #b0b1b3;
    padding: 8px 13px;
    border-radius: 7px;
    font-weight: 500;
}

.custom-swal-popup_swal {
    padding: 30px;
    background-color: #f8f9fa;
    border-radius: 10px;
  }

  .swal2-title {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 20px;
  }

  .swal2-html-container {
    font-size: 1.2em;
    text-align: left;
    margin-bottom: 30px;
  }

  .browser-info {
    font-size: 0.9em;
    color: #666;
  }
  .browser-info p{
	text-align: left;
}
  .logout-button_swal {
    background-color: #158270;
    color: white;
    border: none;
    padding: 0px 6px;
    border-radius: 5px;
    margin-left: 10px;
    cursor: pointer;
  }
.browser-info_ti{
color:black;
}
  .logout-button_swal:hover {
    background-color: #c82333;
  }

  .confirm-button_swal {
    background-color: #007bff;
    color: white;
    font-size: 1em;
    padding: 10px 20px;
    border-radius: 5px;
  }

  .cancel-button_swal {
    background-color: #6c757d;
    color: white;
    font-size: 1em;
    padding: 10px 20px;
    border-radius: 5px;
  }
  @media screen and (min-width: 768px) and (max-width: 1000px) {

  .b_widget_thanks_head_image_new{
	margin-top:30px;
  }
  }
  @media screen and (max-width: 767px) {

	.b_widget_thanks-area_container_new{
		margin: 50px ;
	}
	.b_widget_thanks_head_image_new{
		margin-top:30px;
	  }
	}
	.b_widget_booking_form_row1{
		width: 100%!important;
		justify-content: center!important;
	}
	.b_widget_booking_form_row2{
		width: fit-content!important;
    	justify-content: center!important;
		margin:0px!important;
		/* background-color:rgb(0 0 0 / 83%); */
		background-color: #000;
	}
	.b_widget_best_rate{
		color: #aee9cf;
		margin: 9px 0px 0px 0px;
		font-size: 20px;
	
	}
	.b_widget_choose_hotel_form-group3,.b_widget_choose_hotel_form-group2,.b_widget_choose_hotel_form-group1{
		margin:11px 0px 0px 0px!important;
	}
	.b_widget_booking_form_row{
		width:100%!important;
	}
	.booking-form{
		border-radius: 0px;
	}





	.b_widget_space_cls{
		display: none;
	}
	
	@media screen and (min-width: 250px) and (max-width: 650px) {

		.b_widget_row_align_col_1{
			width:100%!important;
			
		}
		.b_widget_row_align_col_2{
			width:100%!important;
			display: flex;
		}
		.room_price {
			margin-top: 15px;
			width: 100%;
			border-top: 1px solid #e0e0e0;
			padding-top: 10px;
		}
		/* .b_widget_space_cls{
			border-bottom: 1px solid #d2d2d2;
			margin-left: 11px;
			margin: 3px 10px;
			display: block;
		} */

		
	}	

.main-price_top{     line-height: 22px;}
/* .show_price_drop{     font-size: 10px;} */
@media screen and (min-width: 320px) and (max-width: 575px) {
    .b_widget_ofr_area_image {
        width: 99%;
        float: left;
        flex: 0 0 auto;
    }
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .b_widget_ofr_image {
        width: 100%;
    }
}


.resp-tabs-list{
	clear: both!important;
	content: ""!important;
}
#horizontalTab{
	display: grid;
}
#header-container{
	box-shadow: 0px 1px 1px 1px #ede9e9;
}
 .b_widget_beds_room { 
	margin-left: 3px;
	padding: 5px 0px 0px 0px;
}
.room-info_details {
    margin-left: 3px;
}
.room-info_details svg {
    margin-right: 6px;
}
/*
.b_widget_row_align_col{ margin-left: 3px;}
*/
.gift-block .content-column {
	margin-bottom: 10px;
} 
.show_price_drop {
    padding: 5px 8px;
    margin-top: 13px;
    border-radius: 4px;
    background: #319a95;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
}
@media screen and (max-width: 799px) {
.b_widget_rate_is_sticky_btm {
	z-index:9999;
}
}
@media screen and (min-width: 250px) and (max-width: 800px) {
	.new_img{
	margin-left:0px!important;
	}
	.tab_list_extra_guest,.tab_list_extra_guest_no_desc{
		margin-left:0px!important;

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

	.content_wrapper{
	margin-right: 0px;
	display: block!important;
	}
	.new_img{
		width: 100%!important;
		height: auto;
	}
	.extra_container_wrapper_width{
		width:100%!important;
		margin-bottom: 15px;
	}
	.extra_head_pos,.content_description{
		text-align: left;
	}
	.content_description{
		padding-right: 15px;
		margin-top:5px;
	}
}

@media screen and (min-width: 320px) and (max-width: 575px) {
    .b_widget_heade_right {
       align-items: baseline;
	   margin-bottom: 2px;
    }
	.b_widget_user_img {		
		padding: 0px 5px 5px 6px;
		/* display: flex;
		width: 22px; */
}
.b_widget_user_img img{
	margin-top:5px;
}
.b_widget_dropdown-menu_lang_head{
	margin-bottom: 3px;
}
.b_widget_dropdown_MenuButton2_cu{
	font-size: 12px!important;
}
.language-dropdown{
	margin-left: 5px;
}
.b_widget_rate_is_sticky_btm_single_date_area .check-in_btm,.b_widget_rate_is_sticky_btm_single_date_area .check-out_btm{
font-size: 12px!important;
}
.b_widget_rate_is_sticky_btm_single_date_area{
	text-align: left;
	font-size: 12px;
}
.b_widget_rate_is_sticky_btm_single_modify{
padding: 6px 9px;
}
.b_widget_auto_container_12{
	display: flex!important;
}
.b_widget_heade_left_12{
	justify-content: baseline!important;
}
}
@media screen and (min-width: 250px) and (max-width: 500px) {

.b_widget_member_modal_content{
	width:auto;
	height:auto;
}
.modal-content_room{
	width:100%;
}
}
@media screen and (max-width: 1023px) {
.b_widget_content-column{
	margin-bottom: 2px!important;
}

}
@media screen and (min-width: 250px) and (max-width: 421px) {
.room-options li .icon {
	width: 25px;
	height:25px;
	line-height: 22px;
}
}
@media screen and (min-width: 471px) and (max-width: 767px) {

	.need_help_div{
		height: auto!important;
		padding-left: 7px;
	}
	.help_sub_div{
		top:0px;
	}
	.reserve2_need_help_mail{
		position: unset;
		float: none;
	}
	.div_details .row{
		padding-right: 16px;
	}
	.room_adult_div {
        margin-left: 21% !important;
	}
	
}
@media screen and (min-width: 501px) and (max-width: 650px) {
.modal-content_room{
	width:72%;
}
}
@media screen and (min-width: 651px) and (max-width: 1000px) {
	.modal-content_room{
		width:70%;
	}
	}
@media screen and (min-width: 250px) and (max-width: 470px) {

	.need_help_div{
		height: auto!important;
		padding-left: 7px;
		font-size: 12px;
	}
	.reserve2_need_help_mail{
		text-align: left;
	}
	.help_sub_div{
		font-size: 12px;
	}
	.phone_div,.reserve2_icon{
		font-size: 11px;
	}
	.help_sub_div{
		top:0px;
	}
	.reserve2_need_help_mail{
		position: unset;
		float: none;
	}
	.div_details .row{
		padding-right: 16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
    .room_adult_div {
        margin-left: 15% !important;
	}
}
@media screen and (min-width: 509px) and (max-width: 767px) {

.room_adult_div {
	margin-left: 21% !important;
}
}
@media screen and (min-width: 450px) and (max-width: 508px) {

	.room_adult_div {
		margin-left: 24% !important;
	}
	
	}

	@media screen and (min-width: 250px) and (max-width: 449px) {

		.img_room_book{
			width:91%;
			height:auto;
		}
		.room_adult_div {
			margin-left: 15px!important;
		}
		.resrve2_room_title,.room_adult_div{
			bottom: 0px!important;
		}
		.rate_reserve2_room_without_offer{
			float: right;
			bottom: 20px!important;
		}
		.reserve2_roomwise_display{
			padding-bottom: 15px;
		}
		}
		@media screen and (min-width: 320px) and (max-width: 470px) {
			.extra_add_room_2 {
				
				width: auto!important;
			}
			.booking_for_section{
				display: block!important;
			}
			.booking_for{
				margin-top:10px!important;
			}
		}
		@media screen and (min-width: 320px) and (max-width: 767px) {

		.b_widget_signup_modal_content {
			width: 100%;
			height:100%;
		}
	}
		.decrement,.increment{
			background-image:none!important;
		}
		.booking_for_section h3{
			font-size: 20px;
			font-weight: 600;
			margin:0px 15px 0px 0px;
		}
		.booking_for_section{
			display: flex;
			align-items: center;
			margin:10px 0px ;
		}
		.booking_for{
		
			margin:0px 15px 0px 0px;

		}
		.cursor_reserve2{
			color: #005fea!important;
			font-weight: 600;
		}
		.price-tag,.search-calender-price{
			color:#3F51B5!important;
				}
		.content_description{
			margin-bottom: 5px;
		}
		.hotel-form button:hover{
			background-color: transparent!important;
		}
		.image-column{
			padding-right: 0px!important;
		}


			/* loader */
			.dotted-loader {
				position: relative;
				text-align: center;
				margin-top: 100px;
				display: flex;
				justify-content: center;
				top: 40px;
			}
			.dotted-loader::after ,
			.dotted-loader::before {
				content: "";
				position: absolute;
				width: 100px;
				height: 100px;
				border-radius: 50%;
				border: 4px  #0c0d0d;
				border-style: dotted solid dotted solid;
				animation: turn-left 1.5s linear infinite;
			}
			.dotted-loader::before {
				/* left: calc(50% - 25px); */
				top: calc(50% - 25px);
				width: 150px;
				height: 150px;
				border-style: dotted dotted solid solid;
				animation: turn-right 1.5s linear infinite;
			}
			@keyframes turn-right {
				0% {
					transform: rotate(0deg);
				}
				100% {
					transform: rotate(360deg);
				}
			}
			@keyframes turn-left {
				0% {
					transform: rotate(0deg);
				}
				100% {
					transform: rotate(-360deg);
				}
			}
			.b_widget_rate_is_sticky_btm_single_popup{
				display: none;
			}

			.overlay12 {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgb(255 255 255 / 76%);
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 1001; /* Ensure it appears on top */
			}
			
			/* Centered dotted loader animation */
		.dotted-loader1 {
			position: relative;
			width: 100px;
			height: 100px;
		}
		
		.dotted-loader1::after,
		.dotted-loader1::before {
			content: "";
			position: absolute;
			border-radius: 50%;
			border: 4px #1ca99c;
		}
		
		.dotted-loader1::after {
			width: 100px;
			height: 100px;
			border-style: dotted solid dotted solid;
			animation: turn-left 1.5s linear infinite;
		}
		
		.dotted-loader1::before {
			width: 150px;
			height: 150px;
			border-style: dotted dotted solid solid;
			animation: turn-right 1.5s linear infinite;
			top: -25px; /* Center the outer circle over the inner circle */
			left: -25px;
		}
		
		/* Keyframes for rotation animations */
		@keyframes turn-right {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
		
		@keyframes turn-left {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(-360deg);
			}
		}

		@media screen and (min-width: 1000px) and (max-width: 1199px) {

			.need_help_div{
				height: auto!important;
				padding-left: 7px;
			}
			.help_sub_div{
				top:0px;
			}
			.reserve2_need_help_mail{
				position: unset;
				float: none;
			}
		}
		
		@media screen and (min-width: 800px) and (max-width: 1140px) {
			.home_serach_btn{
				line-height: 1rem!important;
			}
		}
		@media screen and (min-width: 250px) and (max-width: 575px) {
			.b_widget_rate_is_sticky_btm_single{
				top:77px;
			}
			.gift-section {
				/* margin: 11% 6%; */
				margin: 11% 6% 0% 6%;
			  }
		}
		@media screen and (min-width: 576px) and (max-width: 799px) {
			.b_widget_rate_is_sticky_btm_single{
				top:74px;
			}
			.gift-section {
				/* margin: 8% 6%; */
				margin: 8% 6% 0% 6%;
			  }
			  .b_widget_dropdown_MenuButton2{
				font-size: 14px!important;
			  }
		}
		@media screen and (max-width: 799px) {
			.test1{
				display: none;
			}
			
			.auto-container{
				margin-top:0px;
			}
			.b_widget_rate_is_sticky_btm_single_popup .modal-content{
				height:100vh!important;
				transform: none!important;
				width:100%!important
			}
			.b_widget_rate_is_sticky_btm_single_popup .modal-content .modal-header,.b_widget_rate_is_sticky_btm_single_popup .modal-content .search_modify_footer{
				background: #1d1f1f !important;
			}
			.b_widget_rate_is_sticky_btm_single_popup .modal-content .search_modify_footer{
				justify-content: center;
			}
			.b_widget_rate_is_sticky_btm_single .select-dates_btm{
				margin-left:0px!important;
			}
			.b_widget_rate_is_sticky_btm_single .check-in-label_btm{
				margin-left:6px!important;
	
			}
		}
		.occupancy_age {
			width: 33.33% !important;
		}


		
		.hotel_slider .slick-track{
			/* width:auto!important; */
			 width:100%!important; 
		  }
		  .hotel_slider .slick-slide{
			width:auto!important;}


	/* Thanks.html */

  /* body {
    min-height: 100vh;
    background: linear-gradient(135deg, #f6f9fc 0%, #eef2f5 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
  } */

  .container_thanks {
    max-width: 1200px;
    width: 100%;
    margin: 20px auto;
  }

  .booking-card_thanks {
    background: white;
    border-radius:16px;
    /* padding: 2.5rem; */
	padding:26px 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
    animation: slideUp 0.6s ease-out;
  }

  @keyframes slideUp {
    from { opacity: 0; transform: translateY(40px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .header_th {
    text-align: center;
    margin-bottom: 2.5rem;
  }

  .success-circle_thanks {
    width: 80px;
    height: 80px;
    background: #4caf50;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    position: relative;
    animation: scaleIn 0.5s ease-out 0.3s both;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* .success-circle_thanks::after {
    content: '✓';
    color: white;
    font-size: 40px;
	
  } */

  .success-circle_thanks::after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.285 6.708l-11.4 11.4-5.17-5.17 1.414-1.414 3.756 3.757 9.986-9.986z'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}


  .error-circle_thanks {
    width: 80px;
    height: 80px;
    background: #ff0000;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    position: relative;
    animation: scaleIn 0.5s ease-out 0.3s both;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .error-circle_thanks::after {
    content: 'X';
    color: white;
    font-size: 40px;
  }

  .header_th h1 {
    font-size: 2.25rem;
    color: #1a1a1a;
    margin-bottom: 0.5rem;
  }

  .header_th p {
    font-size: 1.125rem;
    color: #666;;
  }

  .content_thanks {
    display: grid;
    gap: 2rem;
  }

  .details-grid_thanks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    background: #f8fafc;
    padding: 1.5rem;
    border-radius: 16px;
  }

  .detail-card_thanks {
    background: white;
    /* padding: 1.5rem; */
	padding: 10px;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .detail-card_thanks:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
  }

  .detail-header_thanks {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
  }

  .icon_thanks {
    width: 40px;
    height: 40px;
    background: #e8f5e9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
  }

  .detail-content_thanks h3 {
    font-size: 1rem;
    color: #1a1a1a;
    margin-bottom: 0.25rem;
  }

  .detail-content_thanks p {
    color: #666;
    font-size: 13px;
  }

  .message_thanks {
    background: #f1f8ff;
    padding: 1.5rem;
    border-radius:16px;
    color: #2c5282;
    line-height: 1.6;
  }

  .actions_thanks {
    display: flex;
    gap: 1rem;
    justify-content: center;
  }

  .btn_thanks {
    padding: 1rem 2rem;
    border-radius: 12px;
    border: none;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 180px;
  }

  .btn-primary_thanks {
    background:#4CAF50;
    color: white;
  }

  .btn-primary_thanks:hover {
    background: #43A047;
    transform: translateY(-2px);
  }

  .btn-secondary_thanks {
    background: white;
    color: #1a1a1a;
    border: 2px solid #e2e8f0;
  }

  .btn-secondary_thanks:hover {
    background: #f8fafc;
	color:white;
    transform: translateY(-2px);
  }

  /* Tablet Responsive */
  @media (max-width: 1024px) {
    .container_thanks {
      max-width: 90%;
    }

    .booking-card_thanks{
      padding: 2rem;
    }

    .details-grid_thanks {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* Mobile Responsive */
  @media (max-width: 768px) {
    .container_thanks {
      max-width: 100%;
    }

    .booking-card_thanks {
      padding: 1.5rem;
      margin: 1rem;
    }

    .header_th h1 {
      font-size: 1.75rem;
    }

    .header_th p {
      font-size: 1rem;
    }

    .details-grid_thanks {
      grid-template-columns: 1fr;
      padding: 1rem;
    }

    .detail-card_thanks {
      padding: 1rem;
    }

    .actions_thanks {
      flex-direction: column;
    }

    .btn_thanks {
      width: 100%;
      min-width: unset;
    }

    .success-circle_thanks {
      width: 60px;
      height: 60px;
    }

    .success-circle_thanks::after {
      font-size: 30px;
    }
  }

  /* Small Mobile Responsive */
  @media (max-width: 480px) {


    .booking-card_thanks {
      padding: 1rem;
      margin: 0.5rem;
    }

    .header_th{
      margin-bottom: 1.5rem;
    }

    .content_thanks {
      gap: 1rem;
    }

    .message_thanks {
      padding: 1rem;
      font-size: 0.875rem;
    }
  }
/* Rewards */

.main_div_rewards{
	margin-top:20px;
}
.sidebar_rewards{
	display: flex;
	overflow-x: auto;
	padding: 10px;
	background: white;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

		}
.rewards_side{
	white-space: nowrap;
	margin: 0 5px;
    display: block;
    padding: 12px 16px;
    color: #666;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: all 0.3s ease;

}
.rewards_side_active{
	white-space: nowrap;
	margin: 0 5px;
    display: block;
    padding: 12px 16px;
    color: #666;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: all 0.3s ease;
	background: #30283e;
    color: white;
    font-weight: 500;
}

.nav_rewards {
	background: white;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  }

  .logo_rewards {
	height: 40px;
  }

  .user-menu_rewards {
	display: flex;
	align-items: center;
	gap: 1rem;
  }

  .hero_rewards {
	background: #000;
	padding: 4rem 2rem;
	text-align: center;
	position: relative;
	overflow: hidden;
  }

  .hero_rewards::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('data:image/svg+xml,<svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M0 50 Q 25 0, 50 50 T 100 50" fill="none" stroke="rgba(255,255,255,0.05)" /></svg>') repeat;
	animation: wave 20s linear infinite;
  }

  @keyframes wave {
	0% { background-position: 0 0; }
	100% { background-position: 100% 0; }
  }

  .hero-content_rewards {
	position: relative;
	z-index: 1;
	max-width: 800px;
	margin: 0 auto;
  }

  .select-logo_rewards {
	width: 200px;
	margin-bottom: 2rem;
	filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));
  }

  .hero_rewards h1 {
	color: white;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	background: linear-gradient(135deg, #ffffff 0%, #ffd773 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }

  .hero_rewards p {
	color: rgba(255,255,255,0.8);
	font-size: 1.2rem;
  }

  .membership-status_rewards {
	background: linear-gradient(135deg, #e6bc9c, #b87255);;
	border-radius: 20px;
	padding: 20px;
	margin: -4rem auto 2rem;
	max-width: 900px;
	position: relative;
	z-index: 2;
	box-shadow: 0 20px 40px rgba(0,0,0,0.2);
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	margin-bottom: 20px;
  }

  @media (min-width: 768px) {
	.membership-status_rewards {
	  grid-template-columns: 300px 1fr;
	}
  }

  .status-card_rewards {
	background: rgba(255,255,255,0.1);
	border-radius: 15px;
	padding: 10px;
	text-align: center;
	color: white;
  }

  .status-badge_rewards {
	width: 80px;
	height: 80px;
	margin: 0 auto 1rem;
	background: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
  }

  .progress-track_rewards {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 2rem;
  }

  .progress-bar_rewards {
	height: 8px;
	background: rgba(255,255,255,0.1);
	border-radius: 4px;
	flex: 1;
	margin: 0 1rem;
	position: relative;
	overflow: hidden;
  }

  .progress-fill_rewards {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: white;
	border-radius: 4px;
	width: 0%;
	animation: fillProgress 1s ease-out forwards;
  }

  @keyframes fillProgress {
	from { width: 0%; }
	to { width: 30%; }
  }

  .tier_rewards {
	text-align: center;
	color: rgba(255,255,255,0.8);
  }

  .tier-icon_rewards {
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 0.5rem;
  }

  .coin-balance_rewards {
	background: rgba(0,0,0,0.2);
	padding: 1rem;
	border-radius: 10px;
	margin-top: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
  }

  .coin-icon_rewards {
	width: 24px;
	height: 24px;
	background: #ffd700;
	border-radius: 50%;
  }

  .coin-icon_rewards_1 {
	width: 24px;
	height: 24px;
  }

  .cta-button_rewards {
	display: inline-block;
	padding: 1rem 2rem;
	background: #FF3366;;
	color: white;
	text-decoration: none;
	border-radius: 50px;
	font-weight: bold;
	margin-top: 2rem;
	transition: transform 0.2s;
  }

  .cta-button_rewards:hover {
	transform: translateY(-2px);
  }
  .hero-content_rewards img{
	width:100px;
  }
  .main_div_rewards_potion{
	background:#000;
	margin-top:10px;
	padding-bottom: 20px;
  }
  .tier_img{
	padding:11px;
  }
  .main_div_rewards{
	font-family: sans-serif;
  }
  .status-card_rewards h2{
	font-size: 25px!important;
  }
  .status-card_rewards h3{
	font-size: 23px!important;

  }

  /* benifits */

  .benefits-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
	padding: 20px 0;
	background-color: #000;
  }

  @media (min-width: 1000px) {
	.benefits-grid {
	  grid-template-columns: repeat(2, 1fr);
	}
  }
  @media (min-width: 1001px) {
	.benefits-grid {
	  grid-template-columns: repeat(3, 1fr);
	}
  }

  .benefit-card {
	background: white;
	border-radius: 20px;
	padding: 30px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
  }

  .benefit-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
  }

  .bronze::before { background: var(--bronze-gradient); }
  .level_1::before { background: linear-gradient(135deg, #E8E8E8, #B8B8B8); }
  .level_2::before { background: var(--gold-gradient); }

  .benefit-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0,0,0,0.15);
  }

  .badge_re {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 24px;
	background: white;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  .bronze .badge_re { background: var(--bronze-gradient); }
  .silver .badge_re { background: linear-gradient(135deg, #E8E8E8, #B8B8B8); }
  .gold .badge_re { background: var(--gold-gradient); }

  .benefit-title {
	font-size: 28px;
	margin: 20px 0 30px;
	background: linear-gradient(135deg, #333 0%, #666 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
  }

  .bronze .benefit-title { background: var(burlywood); -webkit-background-clip: text; }
  .silver .benefit-title { background: linear-gradient(135deg, #FFA07A, #CD7F32); -webkit-background-clip: text; }
  .gold .benefit-title { background: var(--gold-gradient); -webkit-background-clip: text; }

  .benefit-list {
	list-style: none;
	padding-left:5px;
  }

  .benefit-item {
	display: flex;
	align-items: center;
	padding: 16px;
	margin-bottom: 12px;
	border-radius: 12px;
	background: #f8fafc;
	transition: all 0.2s ease;
  }

  .benefit-item:hover {
	transform: translateX(5px);
	background: #f0f4f8;
  }

  .benefit-icon {
	width: 48px;
	height: 48px;
	margin-right: 16px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	background: white;
	box-shadow: 0 4px 8px rgba(0,0,0,0.05);
  }

  .bronze .benefit-icon { background: var(--bronze-gradient); }
  .silver .benefit-icon { background: var(--silver-gradient); }
  .gold .benefit-icon { background: var(--gold-gradient); }

  .benefit-text {
	flex: 1;
  }

  .benefit-text h3 {
	font-size: 14px;
	margin-bottom: 4px;
	color: #2d3748;
	font-weight: 600;
  }

  .benefit-text p {
	font-size: 14px;
	color: #718096;
	line-height: 1.4;
  }

  .highlight {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 100px;
	height: 100px;
	background: rgba(255,255,255,0.1);
	border-radius: 50%;
	pointer-events: none;
  }

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

  .badge_re {
	animation: float 3s ease-in-out infinite;
  }
  .badge_re_img{
	padding:19px;
  }


  /* direct casg\h */
  .sidebar_cash {
	background: white;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.nav-link_cash  {
	display: block;
	padding: 12px 16px;
	color: #666;
	text-decoration: none;
	border-radius: 8px;
	margin-bottom: 8px;
	transition: all 0.3s ease;
}

.nav-link_cash .active {
	background: #14b8a6;
	color: white;
	font-weight: 500;
}



.container_cash  {
	max-width: 1200px;
	margin: 0 auto;
	margin-top:20px;
}

.status-banner {
	background: linear-gradient(to right, #1e293b, #334155);
	color: white;
	padding: 1.5rem;
	border-radius: 12px;
	margin-bottom: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.status-banner .left {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.telescope-icon {
	background: #fbbf24;
	padding: 10px;
	border-radius: 50%;
}

.status-text h2 {
	font-size: 1.2rem;
	margin-bottom: 0.25rem;
}

.platinum-badge {
	background-image: linear-gradient(#1ab394, #1a91ae);
	padding: 0.5rem 1rem;
	border-radius: 20px;
	font-size: 0.9rem;
}

.learn-more-btn {
	background-image: linear-gradient(#1ab394, #1a91ae);
	color: white;
	border: none;
	padding: 0.75rem 1.5rem;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s;
}

.learn-more-btn:hover {
	background-image: linear-gradient(#1ab394, #1a91ae);
}

.main-header_cash  {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 20px;
}

.logo_cash  {
	width: 40px;
	height: 40px;
	background-image: linear-gradient(#1ab394, #1a91ae);
	border-radius: 50%;
}

.header-text {
	flex: 1;
}

.header-text h1 {
	font-size: 1.5rem;
	color: #1e293b;
	margin-bottom: 0.25rem;
}

.header-text p {
	color: #64748b;
}

.balance-card {
	background: white;
	border-radius: 12px;
	padding: 20px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	margin-bottom: 2rem;
}

/* .balance-info {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
	margin-bottom: 2rem;
} */

/* .balance-item {
	display: flex;
	flex-direction: column;
} */

.balance-label {
	color: #64748b;
	margin-bottom: 0.5rem;
}

.balance-value {
	font-size: 1.5rem;
	font-weight: bold;
	color: #1e293b;
}
.balance-value1{
	font-size: 1rem;
	font-weight: bold;
	color: #767779;
	margin-top:10px
}
.balance-value2{
	font-size: 15px;
	font-weight: bold;
	color: #dddfe3;
	margin-top:5px;
	float:right;
	margin-left:14px;
}

.tabs_cash  {
	display: flex;
	gap: 2rem;
	border-bottom: 2px solid #e2e8f0;
	margin-bottom: 2rem;
	margin-top:25px;
}

.tab_cash  {
	padding: 1rem 0;
	color: #64748b;
	cursor: pointer;
	position: relative;
	transition: color 0.2s;
}

.tab_cash .active {
	color: #4f46e5;
	font-weight: 500;
}

.tab_cash .active::after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	 background-image: linear-gradient(#1ab394, #1a91ae);
}

.empty-state {
	text-align: center;
	padding: 4rem 2rem;
}

.empty-state img {
	width: 200px;
	margin-bottom: 2rem;
	opacity: 0.7;
}

.empty-state p {
	color: #64748b;
	font-size: 1.1rem;
}
.reward-card {
	background: white;
	border-radius: 12px;
	padding: 1.5rem;
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	gap: 2rem;
}

.reward-image {
	width: 180px;
	height: 120px;
	background: #f5f5f5;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reward-details {
	flex: 1;
}

.reward-amount {
	font-size: 1.25rem;
	font-weight: 600;
	margin-bottom: 5px;
	float:left;
}

.reward-info {
	/* display: grid; */
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

.info-item_cash {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0;
	border-bottom: 1px solid var(--border-color);
}

.info-label_cash {
	color: var(--text-gray);
}
.available_redeem{
	display: flex;
justify-content: space-between;
background: #319085db;
color: white;
align-items: center;
padding: 2px 6px;
border-radius: 3px;
font-size: 20px;
}
.d_p{
	display: grid;
}

@media (max-width: 768px) {
	

	.status-banner .left {
		flex-direction: column;
	}
}
@media (max-width: 685px) {

.status-banner {
	flex-direction: column;
	gap: 1rem;
	text-align: center;
}
}
/* rewards new*/


.wallet-container {
	max-width: 500px;
	margin: 0 auto;
	background: white;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.header_re {
	/* background: linear-gradient(135deg, #8e44ad, #9b59b6); */
	color: white;
	padding: 20px;
	text-align: center;
	background:linear-gradient(#1ab394, #1a91ae);;
}

.balance-amount {
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0;
}

.balance-type {
	opacity: 0.9;
	font-size: 0.9em;
}

.balance-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.balance-item.active{
	background: #91b0de;
}

.balance-left {
	display: flex;
	align-items: center;
	gap: 15px;
}

.icon_rew{
	width: 40px;
	height: 40px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: white;
}

.icon_rew.cash {
	background-color: #27ae60;
}

.icon_rew.bonus {
	/* background-color: #8e44ad; */
	background-color: #1a91ae;
}

.balance-info h3 {
	margin-bottom: 5px;
	font-size: 1em;
}

.badge {
	font-size: 0.7em;
	padding: 4px 8px;
	border-radius: 12px;
	background-color: #eee;
	color: #666;
}

.balance-right {
	text-align: right;
}

.amount {
	font-weight: bold;
	margin-bottom: 5px;
}

.action-link {
	color: #3498db;
	text-decoration: none;
	font-size: 0.8em;
}

.expiry-notice {
	background-color: #fff3e0;
	padding: 12px 20px;
	font-size: 0.9em;
	color: #f57c00;
	display: flex;
	align-items: center;
	gap: 10px;
}

.faq-section {
	margin-top: 20px;
}

.faq-item {
	border-bottom: 1px solid #eee;
	overflow: hidden;
}

.faq-question {
	padding: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	background: none;
	border: none;
	width: 100%;
	text-align: left;
	font-size: 1em;
}

.faq-answer {
	padding: 0 20px;
	max-height: 0;
	overflow: hidden;
	transition: all 0.3s ease-out;
}

.faq-answer.active {
	padding: 0 20px 20px;
	max-height: 200px;
}

.arrow {
	transition: transform 0.3s ease;
}

.arrow.active {
	transform: rotate(180deg);
}
.vip-container {
	max-width: 1000px;
	margin: auto 10px;
	background: white;
	border-radius: 12px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
	padding: 30px;
	
}

.user-header {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
	justify-content: space-between;
	background: linear-gradient(to right, #1e293b, #334155);
    padding: 15px 9px;
	border-radius: 10px;
}

.avatar {
	width: 60px;
	height: 60px;
	background: #319a95;
	/* background: #8e44ad; */
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 24px;
	font-weight: bold;
}

.user-info h1 {
	font-size: 24px;
	margin-bottom: 5px;
	color: white;
}

.vip-badge {
	display: inline-flex;
	align-items: center;
	background: #1a237e;
	color: white;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px;
	gap: 5px;
}

.status-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 30px;
}

.status-card {
	background: #f8f9fa;
	padding: 20px;
	border-radius: 8px;
	text-align: center;
}

.status-card h3 {
	color: #666;
	font-size: 14px;
	margin-bottom: 8px;
}

.status-card .value {
	font-size: 24px;
	font-weight: bold;
	color: #333;
}



.level {
	text-align: center;
	position: relative;
	flex: 1;
}




.announcement {
	background: #e3f2fd;
	border-radius: 8px;
	padding: 15px 20px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.announcement .new-badge {
	background: #f44336;
	color: white;
	padding: 2px 6px;
	border-radius: 3px;
	font-size: 12px;
}

.info-section {
	background: #2c3e50;
	color: white;
	border-radius: 12px;
	padding: 40px;
	position: relative;
	overflow: hidden;
}

.info-section h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

.info-section p {
	max-width: 60%;
	line-height: 1.6;
	color: white;
}

.mascots {
	position: absolute;
	right: 0px;
	bottom: 0;
	width: 200px;
	height: 150px;
}
.d-gg{
  display: flex;
  margin:20px 30px;
}


.level-indicators {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-top: 16px;
}

.level {
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.level-icon {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #e0e0e0;
	position: absolute;
	top: -32px;
	left: 50%;
	transform: translateX(-50%);
	border: 2px solid white;
	box-shadow: 0 0 0 2px #e0e0e0;
}

.level.achieved .level-icon {
	background: #000;
	box-shadow: 0 0 0 2px #ffd700;
}

.level-name {
	font-size: 14px;
	color: #666;
	margin-bottom: 4px;
}

.level-bookings {
	font-size: 12px;
	color: #999;
}

/* Progress line connecting the dots */
.progress-line {
	position: absolute;
	top: -24px;
	left: 12px;
	right: 12px;
	height: 8px;
	background: #f0f0f0;
	z-index: -1;
	border-radius: 4px;
}

.progress-line-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #ffd700;
	border-radius: 4px;
	width: 74%;
	transition: width 1s ease-out;
}

.vip-badge {
	display: inline-flex;
	align-items: center;
	background: #1a237e;
	color: white;
	padding: 4px 12px;
	border-radius: 4px;
	font-size: 12px;
	margin: 0 4px;
}

.benefits-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 32px;
}

.tier-header {
	text-align: center;
	padding: 16px;
}

.tier-icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #e0e0e0;
	margin: 0 auto 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.tier-name {
	font-size: 14px;
	font-weight: 600;
	color: #666;
}

tr:hover .tier-icon {
	transform: scale(1.1);
}

.benefit-row td {
	padding: 16px;
	border-top: 1px solid #eee;
	text-align: center;
	font-size: 14px;
}

.benefit-row:hover {
	background-color: #f8f9fa;
}

.benefit-name {
	text-align: left;
	color: #444;
	font-weight: 500;
}

.check-icon {
	color: #4CAF50;
	font-size: 20px;
}

.x-icon {
	color: #ccc;
	font-size: 20px;
}

.footer-note {
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid #eee;
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}

/* Tier-specific styles */
.platinum .tier-icon {
	background: #000;
	color: white;
}

.level_2 .tier-icon {
	background: linear-gradient(45deg, #ffd700, #ffa000);
	color: white;
}

.level_1 .tier-icon {
	background: linear-gradient(45deg, #c0c0c0, #a0a0a0);
	color: white;
}

.bronze .tier-icon {
	background: linear-gradient(45deg, #cd7f32, #b87333);
	color: white;
}

/* Tooltip styles */
.benefit-name {
	position: relative;
	cursor: help;
}

.tooltip {
	position: absolute;
	background: #333;
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 12px;
	max-width: 200px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 8px;
}

.benefit-name:hover .tooltip {
	opacity: 1;
	visibility: visible;
}
.benefits-container {
	/* max-width: 900px; */
	margin: 10px auto;
	background: white;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}

.header1 {
	text-align: center;
	margin-bottom: 40px;
}

.header1 h1 {
	font-size: 24px;
	color: #333;
	margin-bottom: 16px;
}

.header1 p {
	color: #666;
	line-height: 1.6;
	max-width: 700px;
	margin: 0 auto;
}



.status-title {
	color: #00a699;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 10px 0;
	border-bottom: 1px solid #e0e0e0;
}

.tier-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}

.tier-card {
	background: white;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
   height:100%;
}
.card-image_top{
  /* color:#dadada; */
/* background: #4545454f; */
border-radius: 3px;
padding-left: 3px;
font-weight: 700;
} 
.card-image2 .card-image_top {
/* color: #dadada; */
/* background: #4545454f; */
border-radius: 3px;
padding-left: 0px;
font-size: 11px;
}

.card-image {
	height: 140px;
	width: 100%;
	padding: 10px;
	border-radius: 7px;

	/* display: flex;
	align-items: center;
	justify-content:flex-start; */
}

.card-image img {
  margin-top:20px;
	width: 66px;
	/* height: 100%; */
	object-fit: cover;
	border-radius: 4px;
}

.card-image1 {
	height: 124px;
width: 275px;
padding: 10px;
border-radius: 7px;
	/* display: flex;
	align-items: center;
	justify-content:flex-start; */
}

.card-image1 img {
  margin-top:4px;
	width: 63px;
	/* height: 100%; */
	object-fit: cover;
	border-radius: 4px;
}

.card-image2 {
  height: 42px;
width: 73px;
padding: 3px 4px;
border-radius: 7px;
}

.card-image2 img {
  margin-top:-10px;
	width: 22px;
	/* height: 100%; */
	object-fit: cover;
	border-radius: 4px;
}
.level_-1{ 
	color: rgba(45, 00, 0, 0.55);
  text-decoration: none;
  font-weight: bold;
  text-shadow: 1px 1px 0 #dea173;
  text-shadow: 1px 1px 0 #ffffff;
  border: 1px solid #ffffff;
  background: radial-gradient(ellipse farthest-corner at right bottom, #babade 0%, #b4b4d4 8%, #babade 30%, #ababde 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #c8c8f8 0%, #babade 8%, #c7c7d7 25%, #babade 62.5%, #babade 100%);
   
   }
.level_0{ 
  color: rgba(45, 00, 0, 0.55);
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 0 #dea173;
text-shadow: 1px 1px 0 #ffffff;
border: 1px solid #ffffff;
background: radial-gradient(ellipse farthest-corner at right bottom, #2d2d2e 0%, #444546 8%, #202023 30%, #000000 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #0b0b0c 0%, #252627 8%, #28282b 25%, #666771 62.5%, #232325 100%)  /* box-shadow:
 */
 }
.level_1 {
  color: rgba(0, 0, 0, 0.5);
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;

border: 1px solid #dedede;
text-shadow: 1px 1px 0 #ffffff;
border: 1px solid #ffffff;
background: radial-gradient(ellipse farthest-corner at right bottom, #f3f3f3 0%, #b9b9b9 8%, #dfdbd3 30%, #d2cec4 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #babab8 8%, #a9a8a5 25%, #eae8e5 62.5%, #fefefe 100%);

}
.level_2 { 
  color: rgba(0, 0, 0, 0.72);
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;

border: 1px solid #deca73;
background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
		radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);

 }
.level_3 { 
  color: rgba(0, 0, 0, 0.72);
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;
text-shadow: 1px 1px 0 #ffffff;
border: 1px solid #ffffff;
background: radial-gradient(ellipse farthest-corner at right bottom, #cbcbcb 0%, #cbcbcb 8%, #ededed 30%, #e8e8e8 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #9f9f9f 0%, #cbcbcb 8%, #c9cccc 25%, #E8E9E9 62.5%, #E8E9E9 100%)
 }
.diamond { 
  color: rgba(56, 13, 0, 0.64);
text-decoration: none;
font-weight: bold;
text-shadow: 1px 1px 0 #ffffff;
box-shadow:
2px 2px 0.5em rgba(122, 98, 55, 0.55),
inset 1px 1px 0 rgba(255, 255, 255, 0.9),
inset -1px -1px 0 rgba(0, 0, 0, 0.5)
;
border: 1px solid #caa145;
background:
-moz-linear-gradient(
-72deg,
#ffdeca,
#ffffff 16%,
#ffdeca 21%,
#ffffff 24%,
#de7345 27%,
#ffdeca 36%,
#ffffff 45%,
#ffffff 60%,
#ffdeca 72%,
#ffffff 80%,
#ffdeca 84%,
#de7345
);
background:
-webkit-linear-gradient(
-72deg,
#ffdeca,
#ffffff 16%,
#ffdeca 21%,
#ffffff 24%,
#de7345 27%,
#ffdeca 36%,
#ffffff 45%,
#ffffff 60%,
#ffdeca 72%,
#ffffff 80%,
#ffdeca 84%,
#de7345
);
background:
-o-linear-gradient(
-72deg,
#ffdeca,
#ffffff 16%,
#ffdeca 21%,
#ffffff 24%,
#de7345 27%,
#ffdeca 36%,
#ffffff 45%,
#ffffff 60%,
#ffdeca 72%,
#ffffff 80%,
#ffdeca 84%,
#de7345
);
background:
linear-gradient(
-72deg,
#ffdeca,
#ffffff 16%,
#ffdeca 21%,
#ffffff 24%,
#de7345 27%,
#ffdeca 36%,
#ffffff 45%,
#ffffff 60%,
#ffdeca 72%,
#ffffff 80%,
#ffdeca 84%,
#de7345
);
  /* background: #e0e0e0; */
  /* background: linear-gradient(to right, #bcb4b4, #000000); */
 }

.requirement {
	text-align: center;
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 14px;
	min-height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-weight: 700;
}

.benefits {
	padding: 15px;
}

.inherit-text {
	color: #666;
	font-size: 13px;
	margin-bottom: 10px;
}

.benefits-list {
	list-style: none;
}

.benefit-item {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
	font-size: 14px;
	color: #333;
}

.checkmark {
	color: #00a699;
	margin-right: 8px;
	font-weight: bold;
}

.bonus-points {
	padding: 15px;
	border-top: 1px solid #e0e0e0;
	font-size: 14px;
	color: #333;
}

@media (max-width: 1024px) {
	.tier-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 768px) {
	.tier-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.tier-grid {
		grid-template-columns: 1fr;
	}
	.user-header_1{
		padding:31px 37px!important;
	}
	.card-image1,.user-header_1{
		width:229px;
	}
	
}
.tier-card.active{
  height:auto;
}
.head_tier{
  margin-top:50px;
}
.head_tier_1{
border:4px solid var(--primary-color);
border-radius: 7px;
}

.head_256 {
background-color: var(--primary-color);
color: white;
padding: 6px 0px 0px 0px;
font-size: 18px;
}
.head_256::after {
content: '';
display: block;
background-color: #ffffff;
color: white;
padding:6px 20px;
font-size: 18px;
margin-top:7px;
}
.head_256 span{
padding:35px;
}
.user-header_1{
display: flex;
align-items: center;
gap:15px;
padding: 31px 50px;
border: 1px solid #319a95;
border-radius: 7px;
}




.progress-container {
	max-width: 800px;
	padding: 20px;
	margin: 20px auto;
	background: white;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.05);
	font-family: Arial, sans-serif;
	height:175px;
}

.progress-header {
	display: flex;
	justify-content: space-between;
	color: #666;
	margin-bottom: 20px;
	font-size: 14px;
}

.progress-track {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.progress-bar {
	position: absolute;
	height: 4px;
	background: #e0e0e0;
	width: 100%;
	z-index: 1;
}

.progress-fill {
	position: absolute;
	height: 4px;
	background: #1a91ae;
	width: 74%;
	z-index: 2;
}

.progress-points {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 3;
	margin: 0px 65px 0px 0px;
}

.point {
	width: 70px;
	height:25px;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top:-9px;
}

.point.active {
  /* border-color:#27ae60;
background: #17954c; */
  /* color:#fff; */
	/* border-color: #333;
	background: #333; */
}

.point.completed {
  /* border-color: #1ab394;
  background: #1ab394; */
 
	/* border-color: #ffd700;
	background: #ffd700; */
}

.progress-labels {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
	position: relative;
	align-items: center;
	width:100%;
}

.label_user_p {
	font-size: 14px;
	color: #666;
	text-align: center;
	position: absolute;
    display: block;
    top: 20px;
}

.booking-count {
	font-size: 12px;
	color: #999;
	margin-top: 4px;
}
.card-image_top_1{
  font-size: 13px;
  color:#5e5c5c;
  text-shadow: none;
margin-left: 3px;
font-weight: 700;

}




.segments {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	height: 10px;
	display: flex;
	z-index: 1;
}

/* Individual segments */
.segment {
	flex: 1;
	height: 100%;
	background: #e8e8e8;
	margin: 0 1px;
}

.segment.filled {
	background: #008080;
}

/* Responsive Styles */
@media screen and (min-width: 976px) {

.wallet-container {
	margin: 0 ;
	width:345px;
}
.vip-container{
	margin: 0px 0px 0px 27px;
	width:70%;
}
}
@media screen and (min-width: 768px) and (max-width: 975px) {

	
	/* .wallet-container{
		width:300px;
	} */
	.balance-left {
	  margin-bottom: 10px;
	}
	.balance-item {
		flex-direction: column;
		align-items: flex-start;
	  }
	
	.balance-right{
		text-align: justify;
	}
	
  
	.faq-question {
	  font-size: 14px;
	}
  
	.faq-answer {
	  font-size: 12px;
	}
	.user-header_1{
		padding:20px 18px;
	}
	.card-image1 {
		width:214px;
		height:104px;
		padding: 5px 14px;
	}
	.card-image1 img{
		width:50px;
	}
	.card-image1 .card-image_top{
		font-size:14px
	}
	
  }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
	.card-image2, .point {
		
			height: 28px;
			width: 43px;
		}
		.card-image2 .card-image_top{
			font-size: 8px;
		}
		.card-image2 img{
			display: none;
		}
		.point{top:-14px}
  }

  @media (max-width: 850px) {
	.progress-header{
		font-size: 14px;
	}
	.card-image2,.point {

		height: 22px;
		width: 30px;
	}
	.point{
		top:-12px;
	}
	.progress-container{
		height:212px;
	}
	.label_user_p{
		font-size: 12px;
	}
	.booking-count{
		font-size: 7px;
	}
	.progress-points{
		
	margin: 0px 30px 0px 0px;
	}
	.card-image2 .card-image_top,.card-image2 img{
		display: none;
	}
  
	.card-image1 img {
	  width: 50px;
	}
	.status-card .value{
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.progress-header{
		font-size: 14px;
	}
	.card-image2,.point {

		height: 22px;
		width: 30px;
	}
	.point{
		top:-12px;
	}
	.progress-container{
		height:212px;
	}
	.label_user_p{
		font-size: 12px;
	}
	.booking-count{
		font-size: 7px;
	}
	.progress-points{
		
	margin: 0px 30px 0px 0px;
	}
	.card-image2 .card-image_top,.card-image2 img{
		display: none;
	}
	.vip-container{margin-top:20px;}
	.d-gg{
		display: block;
	}
	
  
	.balance-left {
	  margin-bottom: 10px;
	}
  
	.user-header {
	  flex-direction: column;
	  align-items: flex-start;
	}
  
	.faq-question {
	  font-size: 14px;
	}
  
	.faq-answer {
	  font-size: 12px;
	}
  
	.card-image1 img {
	  width: 60px;
	}
	.status-card .value{
		font-size: 14px;
	}
}
@media screen and (min-width: 480px) and (max-width: 565px) {
	.status-grid{
		display: block;
	}
	.mascots{
		position: relative;
		height:75px;
	}
	.info-section{
		margin-top: 65px;
	}
	.info-section p{
		width:100%;

	}

}

  
  @media (max-width: 480px) {
	.card-image2, .point {
        height: 16px;
        width: 23px}
		.point{
			top:-8px;
		}
	.progress-header{
		font-size: 12px;
	}
	.label_user_p{
		font-size: 10px;
	}
	.status-grid{
		display: block;

	}
	.mascots{
		position: relative;
		height:75px;
	}
	.info-section p{
		width:100%;
	}
		.info-section{
		margin-top: 65px;
	}
	.status-card{
		margin-top:10px;
	}
	.faq-question {
	  font-size: 12px;
	}
	.balance-item {
		flex-direction: column;
		align-items: flex-start;
	  }
	.faq-answer {
	  font-size: 11px;
	}
	.balance-right{
		text-align: justify;
	}
	.balance-left .icon {
	  width: 30px;
	  height: 30px;
	  font-size: 14px;
	}
  
	.user-header {
	  padding: 10px;
	}
  
	.card-image1 img {
	  width: 50px;
	}
  }
.balancecard_top{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.balance-image img{
	width:150px;
}
.balancecard_top .balance-info{
	width:60%;
}
.balance-value1{
	font-size: 15px;
}
.balance-value{
font-size: 20px;
}
.tab_cash.active{
	font-weight: 900;
    color: #1f8865;
}

@media screen and (min-width: 1299px) and (max-width: 1399px) {
	.balancecard_top .balance-info{
		width:70%;
	}
}
@media screen and (min-width: 1199px) and (max-width: 1298px) {
	.balancecard_top .balance-info{
		width:75%;
	}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.balance-item1{
		align-items:center;
	}
}
@media screen and (min-width: 320px) and (max-width: 1099px) {
	.balance-item1{
		align-items:center;
	}
	.reward-card{
		display: block;
		text-align:-webkit-center;
	}
}
@media screen and (min-width: 320px) and (max-width: 1198px) {
	.balancecard_top{
		display: block;
	}
	.balance-image{
		text-align: center;
	}
	.balancecard_top .balance-info{
		width:100%;
	}
	
}
@media screen and (min-width: 320px) and (max-width: 600px) {

.available_redeem{
display: block;
height: 73px;
}
.available_redeem_div{
text-align: center;
}
.info-item_cash{
	display: block;
}
}
@media screen and (min-width: 320px) and (max-width: 650px) {

	.balance-item1{
		display: block;
	}
	.balance-label{
		display: block;
	}
	.balancecard_top .balance-info {
        text-align: center;
    }
	}

	/* Review */

	.container_review {
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px;
	}

	.header_review {
		margin-bottom: 40px;
		position: relative;
		padding-bottom: 15px;
	}

	.header_review::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 60px;
		height: 4px;
		background: linear-gradient(90deg, #4299e1 0%, #667eea 100%);
		border-radius: 2px;
	}

	.h1__review {
		font-size: 28px;
		font-weight: 700;
		color: #1a202c;
		margin-bottom: 10px;
	}

	.reviews-container_review {
		display: grid;
		grid-template-columns: 280px 1fr;
		gap: 30px;
	}

	.sidebar_review {
		background: white;
		padding: 24px;
		border-radius: 16px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
		height: fit-content;
		border: 1px solid rgba(226, 232, 240, 0.8);
	}

	.nav-link_review {
		display: flex;
		align-items: center;
		padding: 14px 20px;
		text-decoration: none;
		border-radius: 12px;
		margin-bottom: 10px;
		transition: all 0.3s ease;
		font-weight: 500;
		position: relative;
		overflow: hidden;
		background: #f3f4f6;
color: #4b5563;
cursor: pointer;
	}

	.nav-link_review::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 0;
		background: linear-gradient(90deg, #4299e1 0%, #667eea 100%);
		opacity: 0.1;
		transition: width 0.3s ease;
	}

	.nav-link_review:hover::before {
		width: 100%;
	}

	.nav-link_review.active {
		background: linear-gradient(90deg, #0dafb5 0%, #66ea90 100%);
		color: white;
		transform: translateX(0);
	}

	.nav-link_review:hover {
		transform: translateX(5px);
	}

	.review-list_review {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		height: fit-content;
	}

	.review-card_review {
		background: white;
		padding: 24px;
		border-radius: 16px;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
		transition: all 0.3s ease;
		border: 1px solid rgba(226, 232, 240, 0.8);
		position: relative;
		overflow: hidden;
		height:fit-content;
	}

	.review-card_review::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 4px;
		background: linear-gradient(90deg, #1ab394 0%, #0dafb5 100%);
		transform: scaleX(0);
		transition: transform 0.3s ease;
	}

	.review-card_review:hover {
		transform: translateY(-5px);
		box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08);
	}

	.review-card_review:hover::before {
		transform: scaleX(1);
	}

	.booking-id_review {
		font-size: 18px;
		color: #2d3748;
		margin-bottom: 16px;
		font-weight: 600;
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.booking-id_review::before {
		content: '🏩';
		font-size: 20px;
	}

	.submit-review_review {
		background-image:  linear-gradient(#1ab394, #1a91ae);;
		color: white;
		text-decoration: none;
		padding: 12px 20px;
		border-radius: 10px;
		display: inline-block;
		font-weight: 500;
		transition: all 0.3s ease;
		border: none;
		cursor: pointer;
		font-size: 15px;
	}

	.submit-review_review:hover {
		transform: translateY(-2px);
		box-shadow: 0 4px 12px rgba(66, 153, 225, 0.3);
	}

	@media (max-width: 768px) {
		.reviews-container_review {
			grid-template-columns: 1fr;
		}

		.sidebar_review {
			margin-bottom: 20px;
		}

		.review-list_review {
			grid-template-columns: 1fr;
		}
	}

	@media (max-width: 480px) {
		.container_review {
			padding: 15px;
		}

		.review-card_review {
			padding: 20px;
		}

		.h1_review {
			font-size: 24px;
		}
	}

	/* Loading animation */
	@keyframes shimmer {
		0% {
			background-position: -1000px 0;
		}
		100% {
			background-position: 1000px 0;
		}
	}

	.loading_review {
		animation: shimmer 2s infinite linear;
		background: linear-gradient(to right, #f6f7f8 8%, #edeef1 18%, #f6f7f8 33%);
		background-size: 2000px 100%;
	}
	.review_prof_review{
		color: white;
padding: 20px;
text-align: center;
background: linear-gradient(#1ab394, #1a91ae);

	}
	.message-box_review{
		
		background: linear-gradient(135deg, rgb(64, 199, 181) 0%, rgb(45, 212, 191) 100%);
padding: 40px 30px;
border-radius: 16px;
text-align: center;
color: white;
margin-bottom: 30px;
position: relative;
overflow: hidden;
box-shadow: 0 8px 20px rgba(45, 212, 191, 0.2);

	}
	.greeting_review{
		font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
transform: translateY(20px);
animation: slideUp 0.6s ease forwards;
animation-delay: 0.2s;

	}
	.message_review{
		font-size: 16px;
line-height: 1.4;
font-weight: 400;
transform: translateY(20px);
animation: slideUp 0.6s ease forwards;
animation-delay: 0.4s;
color:#fff;

	}
	.nav-title_review {
font-size: 24px;
color: #1f2937;
margin-bottom: 20px;
font-weight: 600;
	}
	.review_list_rate{
		margin-bottom: 0px;
    background: #1ca99c;
    width: 50px;
    padding: 2px 4px;
    border-radius: 5px;
    color:white;
	text-align: center;
	}
	.review_list_rate_img{
		width:11px;
		margin-top:-3px;
		/* margin-left:4px; */
	}
	.review_list_cmt{
		margin-left:5px;
		margin-bottom: 0px;
		font-size: 14px;
	}
	.review_list_true{
		display: flex;
		align-items: center;
	}
	.view-review_detail{
		margin-top: 10px;
    background-image: linear-gradient(#1ab394, #1a91ae);
    color: white;
    padding: 3px 12px;
    border-radius: 5px;
	}
	.b_widget_reviews_all_input_title{
		font-size: 16px;
		font-weight: 600;
		text-transform: capitalize;
	}
	.b_widget_reviews_all_input_text_cmt{
		font-size: 14px;
    font-weight: 400;
    margin-bottom: 13px;
	text-transform: capitalize;

	}
	.b_widget_ratings_portion_1 {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 12px;
	}
	.b_widget_ratings_portion_content1{
		margin-left: 10px;
    background: #218a7c;
    padding: 3px 12px;
    border-radius: 5px;
    color: #fff;
	}
	.b_widget_reviews_title{
		background: #208a7c;
    padding: 10px 10px 3px 10px;
    border-radius: 5px;
    color: #fff;
	}
	/* Container for pagination */
.pagination-controls {
	display: flex;
	justify-content: center; /* Center the pagination controls */
	margin-top: 4px;
	font-family: Arial, sans-serif;
	margin-bottom: 20px;
  }
  
  /* Style for each pagination button */
  .pagination-controls button {
	background-color: #f1f1f1;
	border: 1px solid #ddd;
	color: #333;
	padding: 10px 15px;
	margin: 0 5px;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s;
	border-radius: 5px; /* Rounded corners */
  }
  
  /* Hover effect for buttons */
  .pagination-controls button:hover {
	background-color: #ddd;
  }
  
  /* Active page button */
  .pagination-controls button.active {
	background-color: #4CAF50;
	color: white;
	border: 1px solid #4CAF50;
  }
  
  /* Disabled button */
  .pagination-controls button:disabled {
	background-color: #e9e9e9;
	color: #999;
	cursor: not-allowed;
  }
  
  /* my booking */

  .my_booking_new{
    background: linear-gradient(to bottom, #1ab394 0%, #1ab394 21%, #ededed 18%, #f2f0f0 39%);
    /* height:100vh; */
    display: flow-root;
  }
  .card_booking {
    background: white;
    border-radius: 12px;
    padding: 24px;
    width: 80%;
    /* max-width: 800px; */
    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); */
    box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.08);
    margin:6% 8% 0 8%;
  }

  .tabs_booking {
    display: flex;
    gap: 32px;
    margin-bottom: 48px;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 12px;
  }

  .tab_booking {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #a0aec0;
    font-size: 14px;
    text-decoration: none;
    padding-bottom: 12px;
    border-bottom: 2px solid transparent;
    margin-bottom: -13px;
	cursor: pointer;
  }

  .tab_booking.active {
    color: #4299e1;
    border-bottom-color: #4299e1;
  }

  .tab_booking svg {
    width: 20px;
    height: 20px;
  }

  .empty-state_booking {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px;
  }

  .empty-state_booking img {
    width: 120px;
    margin-bottom: 24px;
  }

  .empty-state_booking h2 {
    color: #4a5568;
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 500;
  }

  .empty-state p {
    color: #a0aec0;
    font-size: 14px;
    margin-bottom: 24px;
  }

  .plan-trip-btn_booking {
    background-image: linear-gradient(#1ab394, #1a91ae);
    color: white;
    border: none;
    padding: 8px 24px;
    border-radius: 24px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .plan-trip-btn_booking:hover {
    background: #3182ce;
  }
  .card_booking_sect {
            max-width: 1000px;
            margin:15px;
            background: white;
            border-radius: 10px;
            padding: 24px;
            /* box-shadow: 0 2px 4px rgba(0,0,0,0.1); */
            box-shadow: 0 0 2px 3px rgba(0, 0, 0, 5%);
            position: relative;
        }

        .flight-header_booking_sect {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
            gap: 20px;
        }

        .flight-info_booking_sect {
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }

        .plane-icon_booking_sect {
          font-size: 18px;
    color: #666;
    padding-top: 4px;
    position: absolute;
    top: 16px;
    left: -19px;
    background: #f5f5f5;
    border-radius: 50%;
    padding: 5px 8px;
        }

        .route-details_booking_sect h2 {
            font-size: 20px;
            color: #333;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .badge_booking_sect {
            font-size: 12px;
            background: #fff3e0;
            color: #b88746;
            padding: 4px 8px;
            border-radius: 4px;
            font-weight: 500;
        }

        .booking-info_booking_sect {
            font-size: 14px;
            color: #666;
        }

        .booking-id_booking_sect {
            color: #999;
        }

        .view-booking_booking_sect {
            background-image: linear-gradient(#1ab394, #1a91ae);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: background-color 0.2s;
			text-align: center;
        }

        .view-booking_booking_sect:hover {
            background: #357abd;
        }

        .cancellation-notice_booking_sect {
            background: #ffebee;
            color: #d32f2f;
            padding: 16px;
            border-radius: 8px;
            margin-bottom: 16px;
            font-size: 14px;
        }

        @media (max-width: 768px) {
            .flight-header_booking_sect {
                flex-direction: column;
            }

            .view-booking_booking_sect {
                width: 100%;
            }

            .route-details_booking_sect h2 {
                font-size: 18px;
            }
        }

        @media (max-width: 480px) {
            .card_booking_sect {
                padding: 16px;
            }

            .flight-info_booking_sect {
                gap: 8px;
            }

            .route-details_booking_sect h2 {
                flex-direction: column;
                align-items: flex-start;
            }

            .badge_booking_sect {
                align-self: flex-start;
            }
        }

		.pagination-controls_b {
			display: flex;
    justify-content: center;
    /* margin-top: 4px; */
    font-family: Arial, sans-serif;
    /* margin-bottom: 20px; */
    background: #f1f0f0;
    padding: 20px;
		  }
		  
		  /* Style for each pagination button */
		  .pagination-controls_b button {
			background-color: #f1f1f1;
			border: 1px solid #ddd;
			color: #333;
			padding: 10px 15px;
			margin: 0 5px;
			cursor: pointer;
			transition: background-color 0.3s, color 0.3s;
			border-radius: 5px; /* Rounded corners */
		  }
		  
		  /* Hover effect for buttons */
		  .pagination-controls_b button:hover {
			background-color: #ddd;
		  }
		  
		  /* Active page button */
		  .pagination-controls_b button.active {
			background-color: #4CAF50;
			color: white;
			border: 1px solid #4CAF50;
		  }
		  
		  /* Disabled button */
		  .pagination-controls_b button:disabled {
			background-color: #e9e9e9;
			color: #999;
			cursor: not-allowed;
		  }
		  .review-card_all{
			/* display: flex;
			justify-content: space-evenly;
			align-items: center; */
			text-align: center;
		  }
		  .review-card_all_icon{
			font-size: 80px;
		  }
		  .review-card_review_em{
			background: white;
			padding: 24px;
			border-radius: 16px;
			box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
			transition: all 0.3s ease;
			border: 1px solid rgba(226, 232, 240, 0.8);
			position: relative;
			overflow: hidden;
			height: fit-content;
			width:100%;
		  }

		  /* profile */

		  .profile-card_pro {
            transform: translateY(0);
            transition: all 0.3s ease;
        }
        
        .profile-card_pro :hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        
        .avatar_pro  {
            background: #198754;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: bold;
        }
        
        .menu-item_pro  {
            transition: all 0.2s ease;
			align-items: flex-start;
			display: flex!important;
			border-color:#e5e7eb;
			border-style: solid;
			padding: 6px 15px!important;
        }
        
        .menu-item_pro:hover {
            background: #f8f9fa;
            padding-left: 20px!important;
        }
        
        .wallet-badge_pro  {
            background: #82c91e;
            padding: 2px 8px;
            border-radius: 12px;
            color: white;
            font-size: 14px;
            display: inline-flex;
            align-items: center;
        }
        
        .icon_pro  {
            opacity: 0.6;
            transition: opacity 0.2s ease;
        }
		.icon_pro svg{
			width: 1.5rem;
			height: 1.5rem;
			color:#6b7280;
			margin-right:15px;
		}
        
        .menu-item_pro :hover .icon {
            opacity: 1;
        }
		.profile_drwn{
			width:300px;
		}
		.profile_drwn_head{
			border-top-left-radius: .75rem;
			border-top-right-radius: .75rem;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 8px 11px;
		}
		.profile_drwn_pro{
			display: flex;
			align-items: center;
		}
		.font_semibold{
			font-weight: 600;
			font-size: 19px;
			line-height: 1.75rem;
			margin-bottom: 0px;
		}
		.text_sm{
			color: rgba(107, 114, 128, var(--tw-text-opacity));
			font-size: .875rem;
			line-height: 1.25rem;
			margin-bottom: 5px;
		}
		.avatar_pro_sec{
			margin-left:15px;
		}
		.profile_drwn_cont{
			border-bottom-right-radius: .75rem;
			border-bottom-left-radius: .75rem;
		
		}
		.text_gray_600{
			color: #4b5563;
			margin-bottom: 5px;
    line-height: 20px;
    font-size: 14px;

		}
		.sidebar_prof{
            width: 250px;
			flex-shrink: 0;
		}
		/* profile */
		.sidebar_prof1 {
            
            background: white;
            padding: 2rem;
            box-shadow: 2px 0 10px rgba(0,0,0,0.1);
			margin-top: 33px;
    		border-radius: 5px;
			position: fixed;
			height:fit-content;
			width: 250px;
        }
		.sidebar_prof h2{
			margin-bottom: 0px;
			font-size: 22px;
			font-weight: 700;
		}

        .profile-avatar_prof {
            width: 100px;
            height: 100px;
			background: linear-gradient(135deg, rgb(64, 199, 181) 0%, rgb(45, 212, 191) 100%);
            /* background: linear-gradient(135deg, #4ade80 0%, #3b82f6 100%); */
            border-radius: 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 1rem;
            cursor: pointer;
            transition: transform 0.2s;
        }

        .profile-avatar_prof:hover {
            transform: scale(1.05);
        }
		
        .menu-item_prof {
            display: flex;
            align-items: center;
            padding: 0.75rem 1rem;
            margin: 0.25rem 0;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: all 0.2s;
        }

        .menu-item_prof:hover {
            background-color: #f0f7ff;
        }

        .menu-item_prof.active {
            background-color: #f0f7ff;
            color:  #319a95;
        }

        .menu-item_prof i {
            margin-right: 0.75rem;
        }

        .main-content_prof {
            flex: 1;
            padding: 2rem;
			margin-bottom: 83vh;
        }

        .progress-card_prof {
            background: white;
            border-radius: 0.75rem;
            padding: 1.5rem;
            margin-bottom: 1.5rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .progress-bar_prof {
            height: 8px;
            background: #e5e7eb;
            border-radius: 4px;
            margin: 1rem 0;
            overflow: hidden;
        }

        .progress-fill_prof {
            height: 100%;
            background: #4ade80;
            border-radius: 4px;
            width: 40%;
            transition: width 0.5s ease;
        }

        .status-buttons_prof {
            display: flex;
            gap: 1rem;
            margin-top: 1rem;
        }

        .status-button_prof {
            display: flex;
            align-items: center;
            padding: 0.5rem 1rem;
            border-radius: 0.5rem;
            border: none;
            cursor: pointer;
            font-size: 0.875rem;
            transition: all 0.2s;
        }

        .status-button_prof.add {
            background: #f0f7ff;
            color: #3b82f6;
        }

        .status-button_prof.verified {
            background: #f0fdf4;
            color: #22c55e;
        }

        .profile-card_prof {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .profile-header_prof {
            padding: 1.5rem;
            border-bottom: 1px solid #e5e7eb;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .edit-button_prof {
            display: flex;
            align-items: center;
            color: #198754;
            background: none;
            border: none;
            cursor: pointer;
            font-weight: 500;
        }

        .profile-fields_prof {
            padding: 1.5rem;
        }

        .field_prof {
            padding: 1rem 0;
            border-bottom: 1px solid #f3f4f6;
        }

        .field-label_prof {
            color: #6b7280;
            font-size: 0.875rem;
            margin-bottom: 0.25rem;
        }

        .field-value_prof {
            color: #111827;
        }

        .add-link_prof {
            color: #3b82f6;
            text-decoration: none;
            font-size: 0.875rem;
            font-weight: 500;
        }

        .add-link_prof:hover {
            text-decoration: underline;
        }
		.test_con{
			display: flex;
			margin: 0px 60px;
		}
		/* .profile-container{
			display: flex;
			margin: 0px 60px;
		} */
		.mart_5{
			margin-top:20px;
		}
		.field_prof_password{
			display: flex;
			justify-content: end;
			margin-top:6px;
		}
		.field_prof_chanage,.field_prof_reset{
			font-size:15px;
			cursor: pointer;
			color: #198754;
    		font-weight: 500;
		}
		@media screen and (min-width: 320px) and (max-width: 767px) {
			/* .profile-container{
				display: block;	
			} */
			.test_con{
				display: block;
			}
			.sidebar_prof1{
				position: static; 
				height: auto; 
				 width: 100%;
			
			}
			.sidebar_prof{
				display: flex;
				justify-content: center;
				width:100%;
				padding: 2rem;
			}
		}
		.back-button{
			color: var(--primary-color)!important;
			font-weight: 500;
		  }
		  .modal_pro_edit {
            background: white;
            border-radius: 12px;
            width: 100%;
            max-width: 600px;
            padding: 24px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .modal-header_pro_edit {
            margin-bottom: 24px;
        }

        .modal-header_pro_edit h2 {
            font-size: 24px;
            font-weight: 600;
            color: #111827;
        }

        .form-grid_pro_edit {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            margin-bottom: 24px;
        }

        .form-field_pro_edit {
            margin-bottom: 16px;
        }

        .form-field_pro_edit label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #374151;
        }

        .required_pro_edit::after {
            content: '*';
            color: #ef4444;
            margin-left: 4px;
        }

        .input-wrapper_pro_edit {
            position: relative;
        }

        .form-control_pro_edit {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 14px;
            color: #111827;
            transition: border-color 0.2s;
        }

        .form-control_pro_edit:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
        }

        .select-wrapper_pro_edit {
            position: relative;
        }

        .select-wrappe_pro_editr::after {
            content: '▼';
            font-size: 12px;
            color: #6b7280;
            position: absolute;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
        }

        select.form-control_pro_edit {
            appearance: none;
            padding-right: 32px;
            background-color: white;
            cursor: pointer;
        }

        .modal-footer_pro_edit {
            display: flex;
            justify-content: flex-end;
            gap: 12px;
            margin-top: 24px;
            padding-top: 24px;
            border-top: 1px solid #e5e7eb;
        }

        .btn_pro_edit {
            padding: 10px 24px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s;
        }

        .btn-cancel_pro_edit {
            background: white;
            border: 1px solid #d1d5db!important;
            color: #374151!important;
        }

        .btn-cancel_pro_edit:hover {
            background: #f3f4f6!important;
        }

        .btn-save_pro_edit {
            background: #319a95!important;
            border: 1px solid transparent!important;
            color: white!important;
        }

        .btn-save_pro_edit:hover {
            background: #319a95!important;
        }
		.modal_pro_edit_all{
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1055;
			display: none;
			width: 100%;
			height: 100%;
			overflow-x: hidden;
			overflow-y: auto;
			outline: 0;
			background: #4c4e50de;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.form-control_pro_edit_call{
			width:63px;
			margin-right: 5px;
			padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 14px;
    color: #111827;
    transition: border-color 0.2s;
		}
		.input-wrapper_pro_edit_call{
			display: flex;
		}
		@media screen and (min-width: 320px) and (max-width: 600px) {

		.form-grid_pro_edit{
			display: block;
		}
		}
		.form-field_pro_edit_cha{

		}
		.pro_side{
			position: relative;
			width: 100px;
		}
		.prof_edit_icon{
			position: absolute;
    bottom: 48px;
    right: -14%;
    background: aliceblue;
    border-radius: 50%;
    padding: 2px 6px;
	cursor: pointer;
		}
		.upload-img{
			position: absolute;
			bottom: 48px;
			right: -14%;
    opacity: 0;
    cursor: pointer;
		}

		.prof_delete_icon{
			position: absolute;
    bottom: 12px;
    right: -19%;
    /* background: aliceblue;
    border-radius: 50%; */
    padding: 2px 6px;
	cursor: pointer;
		}
		.prof_delete_icon img{
			width:25px;
		}
		.b_widget_heade_right{
			align-items: center;
		}
		.payment-option-content{
			display: block;
		padding: 16px;
		background: #f8f9fe;
		/* border-top: 1px solid #e0e0e0; */
		position: relative;
		border: 2px solid #e2e8f0;
		border-radius: 12px;
		transition: all 0.3s;
		margin-top:10px
		}
		
		.loyalty-points{
			display: flex;
		align-items: center;
		gap: 12px;
		}

		.star-icon {
			background: #1a9fa4;
			color: white;
			width: 32px;
			height: 32px;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.loyalty-points_cash{
			color:#69935a;
			font-weight: 700;
		}
		#forgot_open{
			cursor: pointer;
		}
		.widget_header_logo_cmn{
			width:100%!important;
			height:75px;
		}

		@media screen and (min-width: 320px) and (max-width: 1199px) {
			.card-image img{
				width:50px;
				margin-top:10px;
			}
		}
		@media screen and (min-width: 300px) and (max-width: 399px) {
		.b_widget_login_modal_content{
			width:auto;
		}

		}
		@media screen and (min-width: 300px) and (max-width: 499px) {
			.room_total_details,.rate_div div{
				/* display: grid; */
			}
			.signup-submit{
			  width:50%;
			}
			.test_con{
				margin:0px;
			}
		  .sidebar_prof,.sidebar_prof1,.main-content_prof{
			padding:20px;
		  }
		  .main-content_prof{
			margin-bottom:auto;
		  }
			}
			@media screen and (min-width: 300px) and (max-width: 550px) {
				
			.tabs_booking{
				display: block;
			}
			.tab_booking{
				font-size: 19px;
				margin-bottom: 0px;
			}
			.tab_booking svg {
				width: 30px;
				height: 30px;
			}
		}
		@media screen and (min-width: 320px) and (max-width: 574px) {
			.reservation_main_container_1{
				margin-top:5px;
			}
		}
		.modal_pro_edit_otps{
			max-width: 407px!important;
		}
		@media (max-width: 768px) {
			.b_widget_room_tax_in {
			  text-align: start;
			}
			.tab_list_extra_guest_no_desc{
				top: 0px
			}
		  }
		@media screen and (min-width: 1344px) and (max-width: 1421px) {
		  .reservation_tab_edits .tab_active{
			padding: 5px 19px!important;
		  }
		}
		@media screen and (min-width: 394px) and (max-width:511px) {
			.reservation_tab_edits .tab_active{
			  padding: 5px 15px!important;
			}
		  }
		  @media screen and (min-width: 1000px) and (max-width:1399px) {
		  .payment_ul {
			flex-wrap: wrap;
			gap: 5px;
			padding: 0;
			margin: 7px 0px 0px 0px;
			list-style: none;
		  }
		  .payment_ul li {
			flex: 1 1 auto; /* Allows items to grow and shrink */
			min-width: 100px; /* Prevents them from becoming too small */
		  }
		}
		
		@media screen and (max-width : 768px) {

			.btn_thanks {
				text-align: center;
			}
		}
		.search-calender-price{
			font-weight:900;
		  }

		
		  .widget_header_logo_cmn {
			max-width: 150px; 
			margin-top: 2px;
			/* Allow the height to be determined by its content (the image) */
			width: auto; 
			height: 75px; 
		}
		
		.widget_header_logo_cmn a img {
			/* Reset any inline styles or defaults, so the orientation classes take over */
			width: 100%; 
			
			/* The browser uses the 'aspect-ratio' set in JS to calculate this height. */
			height: auto; 
			
			/* Ensures the image is never cut */
			object-fit: contain; 
		}
		
		
		
		.logo-landscape a img {
			height: 100%;
			width: auto; 
		}
		
		
		
		.logo-portrait a img {
			width: 100%;
			height: auto; 
		}
		
		.logo-square a img {
			width: 100%;
			height: 100%;
		}


		  
		@media screen and (max-width: 799px) {
			.flatpickr-days{
			  background: #fff;
			}
			.separator_btm {
			  margin-right:5px;
			}
			}

			.home_serach_btn ,.plan-trip-btn_booking,.logo_cash,.view-booking_booking_sect{
				background-image: var(--primary-color)!important;
				background-color: var(--primary-color) !important;
			  }
			  .home_serach_btn:hover,.btn-save_pro_edit{
			  background-color: var(--primary-color) !important;
			  }
			  .tab_active ,.show_price_drop,.b_widget_tab-active,.btn_thanks,.manage_proceed_button,.available_redeem,.header_re,.message-box_review,.nav-link_review.active{
				background: var(--primary-color) !important;
			  }
			  .tab_active {
			  box-shadow:none;
			  }
			  .marketing-title{
			  color: var(--primary-color) !important;
			  }
			  .rate,.b_widget_room_popup_toggle_des.active {
			  background-color:var(--primary-color) !important;
			  }
			  .select-room {
				  background-color: var(--primary-color) !important;
				  background-image: linear-gradient(var(--primary-color), var(--primary-color)) !important;
				  }
				.view-booking_booking_sect:hover{
					color:#fff;
				  }
				  .b_widget_room_popup_toggle_des{
					border:1px solid var(--primary-color) !important;
				  }
				  .srh-dtl-crd-more_info_non{
					color:#797978;
				  }
				  .hotel-form button:hover{
					background: var(--primary-color) !important;
				  }
				  .srh-dtl-crd-pricing1{
					margin-top: auto;
				  }
				  .tooltip-container_new {
					position: relative;
					display: inline-block;
				  }
				  
				  .srh-dtl-notification-icon {
					width: 16px;
					height: 16px;
					cursor: pointer;
					margin-left: 6px;
					vertical-align: middle;
				  }
				  
				  .tooltip-text_new {
					/* visibility: hidden;
					opacity: 0;
					width: 220px;
					background: #333;
					color: #fff;
					text-align: left;
					border-radius: 6px;
					padding: 8px 10px;
					position: absolute;
					z-index: 10;
					bottom: 125%;
					left: 50%;
					transform: translateX(-50%);
					transition: opacity 0.2s ease;
					font-size: 12px;
					line-height: 1.4;
					pointer-events: none; */
			
					visibility: hidden;
					opacity: 0;
					width: 178px;
					background: #333;
					color: #fff;
					text-align: left;
					border-radius: 6px;
					padding: 8px 10px;
					position: absolute;
					z-index: 10;
					bottom: 125%;
					left: 50%;
					transform: translateX(-88%);
					transition: opacity 0.2s 
				ease;
					font-size: 12px;
					line-height: 1.4;
					pointer-events: none;
					margin-right: 27px;
				  }
				  
				  .tooltip-container_new:hover .tooltip-text_new {
					visibility: visible;
					opacity: 1;
				  }
				  
				  .tooltip-text_new::after {
					content: "";
					position: absolute;
					top: 100%;
					left: 50%;
					margin-left: -5px;
					border-width: 5px;
					border-style: solid;
					border-color: #333 transparent transparent transparent;
				  }
				  .b_widget_choose_hotel_form-group1,.b_widget_choose_hotel_form-group2,.b_widget_choose_hotel_form-group3{
					padding-left:2px!important;
					padding-right: 2px!important;
				}
			
			
			.dropdown-container_wid {
				max-width: 1200px;
				margin: 50px auto;
				position: relative;
			  }
			  
			  .dropdown-toggle_wid  {
				background: white;
				border: none;
				padding: 15px 25px;
				font-size: 16px;
				border-radius: 8px;
				cursor: pointer;
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
				display: flex;
				align-items: center;
				gap: 10px;
			  }
			  
			  .dropdown-toggle_wid :hover {
				box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
			  }
			  
			  .dropdown-menus-grp {
				position: absolute;
				top: 108px;
				left: 0;
				right: 0;
				background: white;
				border-radius: 8px;
				box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
				max-height: 0;
				overflow: hidden;
				opacity: 0;
				transition: all 0.3s ease;
				z-index: 1000;
				/* max-width: 100%;
				width: fit-content;
				min-width: 400px; */
				max-width: 1000px;
    			width: max-content;
			  }
			  
			  .dropdown-menus-grp.show {
				max-height: 600px;
				opacity: 1;
				overflow-y: auto;
			  }
			  
			  .search-box_wid  {
				padding: 20px;
				border-bottom: 1px solid #e5e5e5;
				position: sticky;
				top: 0;
				background: white;
				z-index: 10;
			  }
			  
			  .search-input-wrapper_wid  {
				display: flex;
				align-items: center;
				gap: 10px;
				background: #f5f5f5;
				padding: 5px 15px;
				border-radius: 6px;
			  }
			  
			  .search-icon_wid  {
				color: #666;
				font-size: 20px;
			  }
			  
			  .search-input_wid  {
				flex: 1;
				border: none;
				background: transparent;
				font-size: 16px;
				outline: none;
				color: #333;
			  }
			  
			  .search-input_wid::placeholder {
				color: #999;
			  }
			  
			  .menu-content_wid  {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 0;
			  }
			  
			  .menu-column_wid  {
				padding: 0;
			  }
			  
			  .menu-section_wid  {
				padding: 12px 20px;
				text-align: left;
			  }
			  
			  .section-title_wid  {
				font-size: 22px;
				font-weight: 600;
				color: #333;
				margin-bottom: 15px;
				cursor: auto;
			  }
			  
			  .city-title_wid  {
				font-size: 17px;
				font-weight: 600;
				color: #333;
				margin-bottom: 12px;
				/* padding-left: 15px; */
				padding: 2px 3px;
			  }
			  
			  .hotel-item_wid  {
				padding: 2px 3px;
				cursor: pointer;
				transition: background 0.2s;
				/* border-radius: 6px; */
				margin-bottom: 4px;
				color: #555;
				font-size: 15px;
			  }
			  
			  .hotel-item_wid:hover {
				background: #f5f5f5;
			  }
			  
			  .hotel-item_wid.highlighted {
				background: #b8860b;
				color: white;
				font-weight: 500;
			  }
			  
			  .hotel-item_wid.highlighted:hover {
				background: #a67c0a;
			  }
			  
			  .divider_wid  {
				/* height: 1px; */
				/* background: #e5e5e5; */
				margin: 15px 0;
			  }
			  .b_widget_hotel_grp_all_h_d{
				color:#d7d1d1;
				
			  }
			  .b_widget_hotel_grp_all_h{
				overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
			  }
			  .b_widget_hotel_group_h_name{
				overflow: hidden;
    text-overflow: ellipsis;
			  }
			  .city-title_wid:hover,.hotel-item_wid:hover{
				background-color: var(--widget_secondary-color);
				color:#fff;
			  }
			  @media screen and (min-width: 800px) and (max-width: 899px) {
				:is(#targetDiv, #login-container, #login-modal, #signup-modal, #otp-modal, #forgot-modal) .b_widget_choose_hotel_form-group {
					width: 196px !important;
					/* min-width: 196px !important; */
				}
			}
			:is(#targetDiv, #login-container, #login-modal, #signup-modal, #otp-modal, #forgot-modal) .b_widget_choose_hotel {
				color: white;
			}
			:is(#targetDiv, #login-container, #login-modal, #signup-modal, #otp-modal, #forgot-modal) .form-group {
				margin: 0px 4px -7px 4px;
			}
			:is(#targetDiv, #login-container, #login-modal, #signup-modal, #otp-modal, #forgot-modal) .b_widget_custom-select-box {
				display: flex;
				padding: 12px 5px;
				/* border-bottom: 1px solid #d2d2d2; */
				justify-content: space-between;
				background: var(--widget_secondary-color);
				border: none;
				/* padding: 20px 25px; */
				border-radius: 8px;
				cursor: pointer;
				width: 100%;
				text-align: left;
				/* display: flex; */
				align-items: center;
				gap: 15px;
				transition: box-shadow 0.2s;
				height: 79px;
			}
			:is(#targetDiv, #login-container, #login-modal, #signup-modal, #otp-modal, #forgot-modal) .b_widget_hotel_selected-option {
				display: flex;
				align-items: center;
				max-width: 186px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				/* justify-content: space-between; */
			}
			:is(#targetDiv, #login-container, #login-modal, #signup-modal, #otp-modal, #forgot-modal) .form-group {
				margin: 10px 4px -7px -13px;
			}
			.search-input-wrapper_wid {
				display: flex;
				align-items: center;
				gap: 10px;
				background: #f5f5f5;
				padding: 5px 15px;
				border-radius: 6px;
			}
			.search-input_wid {
				flex: 1;
				border: none;
				background: transparent;
				font-size: 16px;
				outline: none;
				color: #333!important;
			}
			.btm_choose_htl{
			border:1px solid #d2d2d2;
			background: white;
			}
			
			.btm_choose_htl .b_widget_dropdown-content_hotel_btm{
				margin-top: 0px;
				top: 44px;
			}
			.btm_choose_htl .b_widget_hotel_selected-option_btm{
				text-align: left;
				display: flex;
					align-items: center;
			}
			.btm_choose_htl {
				padding:7px 0px;
			}
			.btm_choose_htl .dropdown-menus-grp{
				max-height: min-content;
				position:static;
				opacity: 1;
			}

			.lightbox {
				display: none;
				position: fixed;
				z-index: 9999;
				left: 0; top: 0;
				width: 100%; height: 100%;
				background: rgba(0,0,0,0.8);
				justify-content: center;
				align-items: center;
			  }
			  
			  .lightbox-slider {
				display: flex;
				align-items: center;
			  }
			  
			  .lightbox-img {
				max-width: 80%;
				max-height: 80%;
				border-radius: 8px;
			  }
			  
			  .lightbox-prev, .lightbox-next {
				background: none;
				border: none;
				color: white;
				font-size: 40px;
				cursor: pointer;
				padding: 20px;
			  }
			  
			  .lightbox-close {
				position: absolute;
				top: 20px; right: 35px;
				color: #fff;
				font-size: 40px;
				cursor: pointer;
			  }
			  


		
			  .gift-section-base {
				margin-top: 25px;
			}
			.city-title_wid{
				cursor: pointer;
			}
			
			@media screen and (min-width: 320px) and (max-width: 767px) {
				.dropdown-menus-grp {
					max-width: auto; 
					width: auto;
				}
				.menu-content_wid{
					display: block;
				}
			}
			.btn_thanks:hover{
				color:white;
			}
			.link-success,.manage_reason_labels{
				color:var(--primary-color)!important;
			}