/* 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 {
  --font-size: 14px;
  /* --bg-theme: #49356A; */
  --bg-theme:#18ab61;
  --gradient-bg: linear-gradient(240deg, #18ab61, #35ad71, #7ab497);

  /* --lavender-mist: #7541ca;
  --lavender-haze: #F2EEFA;
  --white: #fff;
  --deepwine-red: #732F5D;
  --wine-brown: #a9615c;
  --lavender-white: #f2eefa9e;
  --gradient-bg: linear-gradient(240deg, #49356a, #8a79a7, #49356a);
  --deep-purple: #6e2880;
  --primary-color: #49356A;
  --secondary-color: #732F5D;
  --light-bg: #fff8f8;
  --border-color: #e0e0e0;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --gradient-deep: linear-gradient(to bottom, #49356a 0%, #8a79a7 21%, #ededed 18%, #f2f0f0 39%); */
  --lavender-mist: #7541ca;
  --lavender-haze: #F2EEFA;
  --white: #fff;
  --deepwine-red: #732F5D;
  --wine-brown: #a9615c;
  --lavender-white: #f2eefa9e;
  --deep-purple: #6e2880;
  --primary-color: #49356A;
  --secondary-color: #732F5D;
  --light-bg: #fff8f8;
  --border-color: #e0e0e0;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --gradient-deep: linear-gradient(to bottom, #49356a 0%, #8a79a7 21%, #ededed 18%, #f2f0f0 39%); 
}










/* New Styles for Booking Engine */





  
/* body{ font-family:  "Open Sans", sans-serif; */
  body{ font-family:  inherit;}
.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);
}




	
	.check-in-label, .check-out-label{font-size: 11px; line-height: 18px; background-color: #363739 !important; color: #ffffff !important;}
	.day{font-size: 40px; color: #FFFFFF; line-height: 31px;}
	.check-in, .check-out{background: #363739; width: 80px; text-align: center; border-radius: 4px; color: #FFFFFF; float: left;}
	.separator{float: left; color: #ffffff;
		padding: 30px 3px;
		font-weight: 600;
		font-size: 22px;}
	.promo-code{   
		background: #363739  !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; 

	}
	.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: #363739;
		width: 71px;
		text-align: center;
		border-radius: 4px;
		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: #363739;
		margin-bottom: 2px;
		border-radius: 4px;
	}
	.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;
	
	}
.booking-form{
	/* padding: 10px 0px 0px 10px; */
    position: absolute;
    /* bottom: 0; */
	top:0px;
    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; */
   font-family:  inherit!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-family:  inherit!important;

    font-weight: bold;
}
.price-old{
    font-size: 13px;
    /* font-family:  "Open Sans", sans-serif; */
    font-family:  inherit!important;

    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;
}





.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;
}




.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-style-2
{

    position: absolute;
    bottom: 0px;
    top: auto !important;
}

/* .flatpickr-calendar {

    min-width: 750px;

    min-height: 325px;

    display: grid;

    grid-template-columns: repeat(2, 1fr); 

    grid-gap: 10px; 

} */



/* 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;
  display: block!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;
}
.b_widget_booking_widget_style .home_serach_btn{
	line-height: 1.2em!important;
}
.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: grey;
    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;
  }
  .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_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; */
    font-family:  inherit!important;

  }
  .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;
	z-index:9999;
  }
  
  .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; */
    font-family:  inherit!important;

  }
  .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;
  }
 
  .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-family:  inherit!important;

    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;
  }
  
 
  .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;
  }
 
  .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: 50px;
  }
  .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_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: green;
    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 #4a9590;
    border-radius: 5px;
    margin: 1px;
    cursor: pointer;
  }
  .b_widget_rate_popup_toggle_des.active {
    background-color: #198754;
    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; */
    font-family:  inherit!important;

  }
  .hidden-bar-wrapper {
    /* font-family: "Open Sans", sans-serif; */
    font-family:  inherit!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; */
    font-family:  inherit!important;

    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(--bg-theme) !important;
    border: none;
    background: #fbfbfb;
    font-size: 17px;
    box-shadow: 0px 4px 4px rgb(146 146 146 / 25%);
    color: #1a1d1f !important;
    letter-spacing: 1px;
    font-weight: 200;
    /* font-family: "Open Sans", sans-serif; */
    font-family:  inherit!important;

  }
  .login-form-span {
    position: absolute;
    padding: 15px 12px;
    color: var(--bg-theme);
  }
  .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(--bg-theme);
    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; */
    font-family:  inherit!important;

  }
  .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; */
    font-family:  inherit!important;

  }
  .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-family:  inherit!important;

    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_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_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: var(--bg-theme);
    color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 3px #eee9e9;
  }
  .image-container {
    position: relative;
  }
  
  
  
  .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;
  }
 
  .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; */
    font-family:  inherit!important;

  }
  .b_widget_beds_room {
    display: flex;
    /* font-family: "Open Sans", sans-serif; */
    font-family:  inherit!important;

    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-family:  inherit!important;

    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: var(--bg-theme);
    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; */
    font-family:  inherit!important;

  }
  .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_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; */
    font-family:  inherit!important;

    color: #b7b7b7;
    cursor: pointer;
    /* font-style: unset; */
  }
  .price-old-1-rate {
    text-decoration: line-through;
  }
  
  .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: 18px;
    right: 14px;
    top: 76%;
  }
  .sqrate {
    padding: 0px 19px;
  }
  .sqrate ul {
    padding-left: 4px;
  }
  .sqrate ul li {
    cursor: pointer;
    font-size: 13px;
    color: #656565;
    padding: 3px 5px;
    background: #f8f7f7;
    margin: 1px;
    border-radius: 5px;
  }
  
  .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:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: unset;
  }
  .b_widget_rate_more,
  .b_widget_rate_more:hover {
    color: var(--bg-theme);
    font-weight: 800;
  }
 
  .b_widget_totalratedis {
    font-size: 10px;
  }
  .b_widget_totalratedis span {
    color: var(--bg-theme);
    font-weight: bold;
  }
  .b_widget_tab-active {
    background: #b6baba !important;
  }
  .b_widget_price_sections {
    float: left !important;
  }
  
  /* .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 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;
    width: 20%;
  }

  .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_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; */
    font-family:  inherit!important;

    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; */
    font-family:  inherit!important;

    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_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-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: var(--bg-theme);
    display: flex;
  }
  .b_widget_right_rooms_rooms_count_1 {
    width: 52%;
    background-color: #c4eaec;
    color: var(--bg-theme);
    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; */
    font-family:  inherit!important;

  }
  .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_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_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_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;
  }
  .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_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 var(--bg-theme);
    border-radius: 5px;
    color: var(--bg-theme);
  }
  .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;
  }

  .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;
  }
 
  .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;
  }
  
 
  .b_widget_tab-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    /* width:190px; */
  }
 
  
  @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_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_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;
    width:100%;
  }
  .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;
    box-shadow: 0px 1px 3px 1px #d2d2d28f;
    width:inherit;
  }
  .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 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 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: 9px 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: 46px;
	z-index:99999;
  text-align: left;
  }
  .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:var(--gradient-bg);
    color: white;
    padding: 2px 12px;
    border-radius: 5px;
    border:1px solid #d2d2d2;
  }
  .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;
  }
  .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;
    display: none!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% !important;
  }
  .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;
  }
  
  .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;
    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;
  }
  .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: #000;
  }
  .b_widget_rate_is_sticky_btm_single_modify{
    border: 1px solid #000000;
    padding: 12px 20px;
    color: black;
  
  }
  .b_widget_rate_is_sticky_btm_single_icon{
    font-size: 27px;
    color: #b6b7b7;
  }
  .b_widget_rate_is_sticky_btm_single_content{
    display: flex;
    align-items:center ;
  }

  .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_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%;
  }





.modal-overlay {
  position: fixed;
  inset: 0px;
  background-color: rgb(10 10 10 / 55%) !important;
  z-index: 99999;
  display: none;
}



.close-btn {
  position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 40px;
    color: white;
    z-index: 9;
}















.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;
}

.close-btn_occ {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}



.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-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: #198754;
  position: absolute;
  top: 13px;
  right: 11px;
}
.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;
}
.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: #9668e3;
    cursor: pointer;
}
.login-forgot-section {
  text-align: left;
  margin: 4px 21px 8px 20px;
  color: var(--bg-theme);
}

#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;
}
.b_widget_login_modal_content{
  /* height: 450px; */
  overflow: auto;
  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: auto;
  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;
}

.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 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;
}
.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;

}

.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: 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;
	}
  
  }

  @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: 1000px) and (max-width: 1199px) {
    .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%;
    }
    .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: #ececec;
    }
    .promo-code_btm {
      color: #9d9b9b ;
      border-bottom: 1px solid #4c4949 !important;
      margin: 0 !important;
      width: 100%;
      background: #ececec;
    }
	#login-modal,#signup-modal,#otp-modal,#forgot-modal{
		z-index:9999;
	}
  }
  @media screen and (max-width: 799px) {
    .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: 10px;
    }
    .check-out-label_btm {
      margin-left: 10px;
    }
    .check-in-label_btm,
    .check-out-label_btm,
    .separator_btm {
      color: #9d9b9b;
    }
    .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;
    }
    .gift-section {
      margin: 0px 6%;
    }
    .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) {
  
    .b_widget_room_head_allign {
      margin-top: 0px;
    }
  }
  

  @media screen and (min-width: 768px) and (max-width: 991px) {
  
  
   
  
    .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;
    }

    .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) {
   
    .reserve2_chekin_left {
      /* margin-left: 15px !important; */
    }
    .b_hotel_room_details-titles h3 {
      font-size: 17px !important;
      font-weight: bold !important;
    }
  
   
    .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;
        } */

    .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: 100%;
    }
    .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_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;
    }

    .reservation_tab_12 {
      display: block !important;
    }
    .reservation_tab_12 .tab_active,
    .reservation_tab_12 .tab_list {
      float: none;
    }
    .b_widget_auto_container {
      display: block;
    }
    .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%;
    }
    .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;
    }
  }
  
  /* 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_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);
	}
	
	

	.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);
	}
	
	
	
	
	
	.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);
	}
	

	
	.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);
	}
	
	
	
	.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);
	}
	
	
	
	.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);
	}
	
	
	
}

@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-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);
	}
	

	.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;
	}
	
	
	
	
	
	.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;
	}
	
	.rooms-section .room-content{
		left:15px;
		bottom:15px;
	}
	
	.news-block-four .overlay-box{
		left:0px;
		bottom:0px;
		max-width:100%;
	}
	

	.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;
	}
	

	
	.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);
	}
	

	
	.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;
	}
	

	
	.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,
	.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);
	}
	

	
	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);
	}
	
	
	.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;
	}
	
	.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: var(--bg-theme);
      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;
}
.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: var(--bg-theme);
  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: var(--bg-theme);
      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;
}
.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: var(--bg-theme);
      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: var(--bg-theme);
        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;
    max-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;
    text-transform: capitalize;
  }
  .hotel_details_font div{
    text-transform: capitalize;
  }
  .confirm_reserve_cancellation {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
  }
  .confirm_reserve_padding{
    padding:0px 20px;
  }
  .reserve2_expiry_width{
    width:50%;
  }
  .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: var(--bg-theme);
}
  .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: var(--bg-theme);
    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: var(--bg-theme);
      font-weight: 500;
      font-size: 14px;
      margin-left: 29%;
      position: relative;
      top: 0px;
  }
  .phone_div {
    color: var(--bg-theme);
    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%;
  }
  }
  @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;
}


  }
  @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) {

.content_wrapper_manage {
  display: block;
  align-items: flex-start;
  margin-right: 20px;
}
/* .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: grey;
    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: var(--bg-theme);
    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: var(--bg-theme);
    font-weight: 500;
    font-size: 18px;
    margin-left: 1%;
    position: relative;
    top: 15px;
  }
  .phone_div {
    color: var(--bg-theme);
    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: var(--bg-theme);
    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: var(--bg-theme);
    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: var(--bg-theme);
    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: var(--bg-theme);
    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: var(--bg-theme);
    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: #9668e3;
    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;
    padding-left: 15px;
    
  }
  .confirm_reserve_cnt{
    padding-left: 15px;
  }
  .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: var(--bg-theme);
    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: 10px;
    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: var(--bg-theme);
    width: 22%;
    height: 35px;
    border-radius: 5px;
    color: white;
    /* border-color: #18ac61; */
    border: none;
    box-shadow: 0px 0px 5px 1px #d2d2d2;
  }
  .btn-link{
    color:black!important;
  }
  .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%; */
    margin-right:17px;
  }
  .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%!important;
    height: 40px;
    font-size: 14px;
    padding: 10px!important;
    border:1px solid #d7d7d7 !important;
    margin-top: 5px;
  }
  .card_details_input_1{
    border-radius: 5px;
    width: 100%;
    height: 40px;
    font-size: 14px;
    margin-top: 5px !important;
    border: 1px solid #d7d7d7 !important;
    margin-top: 5px;
  }  .card_details_div {
    border: 1px solid #d7d7d7 !important;
    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 #d7d7d7 !important;
    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_details_font div{
    text-transform: capitalize;

  }
  .hotel_policy_font {
    margin-top: 10px;
    text-transform: capitalize;

  }
  .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: #6c757d;
    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(--bg-theme) !important;
  }
  .flatpickr-weekdays {
    background-color: var(--bg-theme) !important;
  }
  span.flatpickr-weekday {
    background: var(--bg-theme) !important;
  }
  .flatpickr-calendar.arrowTop::before {
    border-bottom-color: var(--bg-theme) !important;
  }
  .flatpickr-calendar.arrowTop::after {
    border-bottom-color: var(--bg-theme) !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(--bg-theme) !important;
    box-shadow: none;
    color: #fff;
    border-color: var(--bg-theme) !important;
  }
  .flatpickr-day.today {
    border-color: var(--bg-theme) !important;
    background-color: rgba(64, 81, 137, 0.1);
    box-shadow: none;
  }
  /* .btn-file {
    border: 2px solid gray;
    color: white;
    background-color: var(--bg-theme);
    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(--bg-theme) !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(--bg-theme) !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: var(--bg-theme) !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: 5px 8px 10px;
    background: var(--bg-theme);
    box-shadow: 0px 4px 6px 1px #dedede;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    letter-spacing: 1px;
    height:40px;
    margin:25px auto;

  }
  .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-family:  inherit!important;

    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;
	  }
	}






	@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;
		}

		
	}	

.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;
}
@media screen and (max-width: 799px) {
.b_widget_rate_is_sticky_btm {
	z-index:9998;
}
}
@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;
}

}
@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: 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;
			}
		}
    @media screen and (min-width: 320px) and (max-width: 767px) {
		.b_widget_signup_modal_content {
			width: 100%;
			height:100%;
		}
  }
		.price-tag,.search-calender-price{
			color:#3F51B5!important;
				}
		.b_widget_user_img img{
			filter: invert(100%);
		}
 .occupancy_age {
      width: 33.33% !important;
  }

  /* 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: var(--bg-theme);
    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;

}
.margi_5{
  margin-top:20px;
}
.back-button{
  color: var(--bg-theme);
  font-weight: 500;
}
#forgot_open{
  cursor: pointer;
}

@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) {
    .signup-submit{
      width:50%;
    }
  
    }
  .col_md_7{
    width:50%;
  }
  /* .iti input.card_details_input_1 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  } */
  input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide arrows in Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.card_details_input[type=tel] {
padding: 0px;
}