:root{
    --black:#000;
    --gray: #696969;
    --red:  #CC484A;
    --white:#FFFFFF;
    --extralight:200;
    --light:300;
    --regular:400;
    --medium:500;
    --semibold:600;
    --bold:700;
}
*{
    padding: 0px;
    margin: 0px;
    font-family: "Poppins", serif;
}
html, body{
    font-size: 1rem;
    font-family: "Poppins", serif;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: var(--black);
}


p, h1, h2, h3, h4, h5, h5, h6, ul, li{
    padding: 0;
    margin: 0;
    list-style-type: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family: "Poppins", serif;
}

h1{
    font-size: 3rem;
    font-weight: var(--bold);
}

h2{
    font-size: 2.7rem!important;
    font-weight: var(--bold);
}

h3{
    font-size: 2rem!important;
    font-weight: var(--bold);
}

h4{
    font-size: 1.5rem!important;
    font-weight: var(--semibold);
}

h5{
    font-size: 1.12rem!important;
    font-weight: var(--semibold);
}

h6{
    font-size: 1rem;
    font-weight: var(--medium);
}
p{
    font-size: 1rem;
    color: var(--gray);
    font-weight: var(--regular);
}

img{
    display: block;
    max-width: 100%;
}

a{
    font-size: 0.875rem;
    text-decoration: none;
}

a:hover{
    color: var(--red);
    text-decoration: none;
}


.text-dark{
    color: var(--textSecondry);
}

.btn {
	padding: 0rem 1.5rem;
	border-radius: 6px;
	font-size: 0.875rem;
	font-weight: var(--regular);
	height: 48px;
	line-height: 46px;
}

.btn-primary{
    background-color: var(--red);
    color: var(--white);
    border-color: var(--red);
}
.btn-primary:hover{
    color: var(--red);
    background-color: var(--white);
    border-color: var(--red);
}
.btn-primary:active{
    background-color: var(--red)!important;
    border-color: var(--red)!important;
}

.py-50{
    padding: 30px 0;
}

/*--Header section css start here--*/
.header{
    background-color: var(--white);
}
.comp-logo{
    margin-right:0px;
    padding: 0;
}

/*--Navbar--*/
.header .navbar-nav .nav-item .nav-link{
    padding: 0.5rem 1.5rem!important;
    color: var(--black);
    font-size: 1rem;
    font-weight: var(--regular);
}

.header .navbar-nav .nav-item .nav-link:hover{
    color: var(--red);
}
.hero-section{
    position: relative;
    padding-bottom: 30px;
}
.hero-banner{
    max-height: 550px;
    overflow: hidden;
}
.hero-banner .item{
    position: relative;
    display: flex;
    align-items: center;
    justify-self: center;
    overflow: hidden;
    max-height: 550px;
}
.hero-banner .item img{
    object-fit: cover;
    min-height: 100%;
}
.overlay-box{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    background: #000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.27) 60%, rgba(0, 0, 0, 1) 100%);
    z-index: 9;
    left: 0;
    top: 0;
}
.main-search-box{
    margin-top: -170px;
    position: relative;
    z-index: 99;
}
.find-next-stay {
	background-color: #fff;
	padding: 1rem 1rem 1rem 1rem;
	border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
    position: relative;
}
label{
    color: var(--black);
    font-size: 0.875rem;
    font-weight: var(--medium);
    min-height: 6px;
}


.navbar-toggler:focus{
    outline: none;
    box-shadow: none;
}

button{
    background-color: transparent;
    border: 0;
}
.search-main-box button{
    padding: 0 15px;
}
.fs-0{
    font-size: 0px;
}
a{
    color: var(--red);
    text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: var(--black);
}

.main-search-box.sticky {
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
    margin-top: 0;
    background-color: var(--white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
}

/*-- section-title---*/
.section-title{
    margin-bottom: 2rem;
}

/*-- Popular Destination section start here--*/
.destination-box{
    height: 270px;
    overflow: hidden;
    width: 100%;
    position: relative;
    display: block;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.destination-box img, .zoom{
    object-fit: cover;
    min-height: 100%;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.destination-box:hover .zoom,
.zoom:hover{
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.address-box {
	padding: 1.5rem 1rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 9;
	display: flex;
	align-items: center;
	font-size: 1rem;
	font-weight: var(--semibold);
    width: 100%;
}
.address-box img{
    width: 24px!important;
    height: 24px;
    min-height: 24px;
    min-width:24px;
}

.outside-india-sldier .destination-box {
	height: 250px;
}

/* .owl-nav {
	position: absolute;
	left: -40px;
	top: 50%;
	width: 106%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transform: translateY(-50%);
    z-index: -1;
} */

.owl-prev {
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	left: -43px;
}
.owl-next {
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	right: -43px;
}

.hotel-thumbnail {
	height: 230px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
    margin-bottom: 10px;
}
.hotel-description {
	padding: 0 0px;
}
.hotel-description h4, .hotel-description h4 a {
	font-size: 0.875rem !important;
}
.hotel-description h4 a{
    color: var(--black);
}
.hotel-description h4 a:hover{
    color: var(--red);
}
.fs-14 {
	font-size: 0.875rem;
}
.guest-review-content-main {
	padding: 15px 15px;
	border: 1px solid #EAEAEE;
	border-radius: 20px;
    margin-right: 5px;
}
.client-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
    background-image: url(../img/quote.svg);
    background-position: 100% center;
    background-repeat: no-repeat;
}

.client-thumb {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: 2px dotted var(--red);
	overflow: hidden;
	padding: 4px;
}
.client-thumb img{
    border-radius: 50%;
}
.red-text{
    color: var(--red)!important;
}

.facilites-box {
	border: 1px solid #EAEAEE;
	border-radius: 15px;
	padding: 20px;
	min-height: 180px;
}
.fac-img{
    background: url(../img/facility_img.svg) no-repeat 0 10px;
    width: 52px;
    height: 52px;
    display: block;
    margin-bottom: 20px;
}

.fac-img.swimming-pool {
	background-position: 0 -192px;
}

.fac-img.wifi-icon {
	background-position: 0 -392px;
}


.fac-img.spa_wellness {
	background-position: 0 -589px;
}

.fac-img.pick_drop {
	background-position: 0 -788px;
}


.fac-img.fitness_hub {
	background-position: 0 -994px;
}

.facilites-box:hover .fac-img {
    background-position: 0 -87px;
}

.facilites-box:hover .fac-img.swimming-pool {
    background-position: 0 -287px;
}


.facilites-box:hover .fac-img.wifi-icon {
    background-position: 0 -494px;
}

.facilites-box:hover .fac-img.spa_wellness {
    background-position: 0 -687px;
}

.facilites-box:hover .fac-img.pick_drop {
    background-position: 0 -888px;
}


.facilites-box:hover .fac-img.fitness_hub {
    background-position: 0 -1096px;
}

.facilites-box h5 {
	margin-bottom: 10px;
	color: var(--black);
	height: 1.5rem;
	overflow: hidden;
}

.facilites-box p{
    color: var(--gray);
    font-size: 0.875rem;
    font-weight: 400;
    height: 2.83rem;
    overflow: hidden;
}
.facilites-box:hover{
    background-color: var(--red);
    border-color: var(--red);
}
.facilites-box:hover h5, .facilites-box:hover p{
    color: var(--white);
}


/*--Footer section start here--*/
.footer-main{
    background: url(../img/footer_bg.png) no-repeat 0 0;
    background-size: cover;
    padding: 120px 0 60px;
}
.footer-links h4{
    color: var(--white);
    font-weight: 600;
    margin-top: 10px;
}
.foot-link li{
    list-style-type: none;
    padding: 0 0 5px 0;
}
.foot-link li a{
    color: var(--white);
    font-size: 0.85rem;
}
.foot-link li a:hover{
    color: var(--red);
}
.foot-about p{
    font-size: 0.85rem;
    max-width: 90%;
}
.social-meida {
	display: flex;
	gap: 10px;
	margin-top: 30px;
}

.our-newsletter{
    background-color: var(--white);
    border:1px solid #EAEAEE;
    padding: 20px 20px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
}

.footer {
	position: relative;
    padding-top: 120px;
}
.our-newsletter-section .container {
	position: relative;
}

.user-profile {
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
.profile-details {
	display: flex;
	align-items: center;
	gap: 10px;
}
.profile-thumb {
	width: 48px;
	height: 48px;
	min-width: 48px;
	min-height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #F5F5F5;
    overflow: hidden;
}
.user-details {
	font-size: 1rem;
	font-weight: 600;
}

.or-saprator{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 8px;
}

.left-line {
    border-color: rgba(94, 107, 130, 0.16);
    border-style: solid;
    border-width: 1px 0px 0px;
    color: inherit;
    fill: inherit;
    height: 0px;
    width: 100%;
}
.or-saprator p {
    font-weight: 400;
    line-height: calc(18.19px);
    font-size: 14px;
    margin-top: calc(-1.19px);
    margin-bottom: calc(-1.19px);
}

.login-with-social {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.signin-with-social {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0;
	border: 1px solid var(--gray);
	padding: 0;
    width: 3rem;
    height: 3rem;
	border-radius: 2.375rem;
	gap: 10px;
    font-size: 0.875rem;
    color: var(--black);
}
.signin-with-social img{
    max-width: 24px;
}
.signin-with-social.facebook-signup{
    border-color: rgba(32, 103, 218, 0.32);
}

.signin-with-social.apple-signup{
    border-color: rgb(37, 44, 56);
    background-color:rgb(37, 44, 56);
    color: var(--white);
}
.signin-with-social.apple-signup img{
    max-width: 18px;
}
.by-signup{
    font-size: 0.75rem;
    color: var(--gray);
    font-weight: var(--regular);
}
.by-signup a{
    font-size: 0.75rem;
}
.create-an-account, .create-an-account a{
    font-size: 0.875rem;
    text-align: center;
}
.footer-bottom{
    padding-bottom: 1rem;
}


.main-search-box.sticky .normal-view, .sticky-view{
    display: none!important;
}
.main-search-box.sticky .sticky-view{
    display: flex!important;
    padding-bottom: 0.8rem;
}


/*---Inner Pages 23-06-2025 design css start---*/

/*-- Hotel Listing page--*/

/*--Inner Page Search box--*/
.hotel-listing-main h1{
    font-size: 1.2rem;
}
 .inner-page-search .sticky-view{
    display: flex!important;
}
.gray_bg{
    background-color:#F4F4F4;
}
.inner-page-search{
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 1rem 0;
}
.inner-page-search.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: var(--white);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 8px 0;
}
.inner-page-search.sticky.py-4{
    padding-top: 0.5rem!important;
    padding-bottom: 0.8rem!important;
}
.section-title h1{
    font-size: 2.3rem !important;
}

.hotel-list-box {
	background: #F4F4F4;
	border: 1px solid #CECECE;
	padding: 10px;
    margin-bottom: 15px;
	border-radius: 10px;
}
.location-box{
    font-size: 0.75rem;
    color: var(--gray);
}
.benefits-section{
    margin-top: 3.5rem;
    width:100%;
}

.benefits-section ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 5px;
}

.benefits-section ul li {
	display: flex;
	gap: 5px;
	font-size: 0.75rem;
	width: 42%;
	color: var(--gray);
}
.benefits-section ul li img{
    max-width: 12px;
}
.hotel-list-box h5 a{color: var(--black);}

.rating-section {
	background-color: #DADADA;
	padding: 10px;
	border-radius: 6px;
}
.star-rating{
    display: flex;
    align-items: center;
    gap: 3px;
}
.star-rating img{
    max-width: 16px;
}

.total-review-section {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
    margin-top: 5px;
}
.overall-rating {
	background-color: var(--white);
	padding: 5px;
	min-width: 42px;
	min-height: 32px;
	width: 42px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
    font-size: 0.75rem;
    font-weight: var(--medium);
    color: var(--black);
    border:1px solid var(--gray);
    border-radius: 4px;
}
.rating-overview h6{
    font-size: 0.75rem;
    color: var(--black);
}
.rating-overview p{
    font-size: 0.75rem;
    color: var(--gray);
}
.view-details a{
    font-size: 0.75rem;
}
.price-del del{
    font-size: 0.875rem;
    color: var(--gray);
    font-weight: var(--medium);
}
.new-price p{
    font-size: 0.75rem;
    color: var(--black);
    font-weight: var(--regular);
}
.new-price-big{
    font-size: 1.2rem!important;
    color: var(--red);
}
.rs {
	font-size: 1.2rem;
	font-weight: normal;
}
.room-price .rs{
    font-size: 1rem;
}
.hotel-thumb {
	width: 100%;
	height: 170px;
	border-radius: 7px;
	overflow: hidden;
	display: block;
	position: relative;
}
.hotel-thumb img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.pagination {
	gap: 5px;
}
.pagination .page-item a {
	border-radius: 4px!important;
    width: 42px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    color: var(--black);
    border-color: #EFEFEF;
}
.pagination .page-item.active a{
    background-color: var(--red)!important;
    border-color: var(--red)!important;
    color: var(--white);
}

/*---filter-sidebar desktop--*/
.filter-sidebar{
    padding: 0px;
}
.filter-sidebar .accordion-header {
    padding: 10px 20px 10px 10px;
	background: url(../img/minus.svg) no-repeat 96% 50%;
    font-size: 0.75rem;
    color: var(--black);
    font-weight: var(--semibold);
    background-size: 22px;
}
.filter-sidebar .accordion-header.collapsed{
    background: url(../img/plus.svg) no-repeat 96% 50%;
    background-size: 22px;
}
.filter-sidebar .accordion{
    background-color: transparent!important;
    border: 0px;
}
.filter-sidebar .accordion .accordion-item{
    margin-bottom: 10px;
    border-radius: 6px;
    border:1px solid #EAEAEA;
}
.accordion-body{
    padding: 10px!important;
    border-top: 1px solid #EAEAEA;
}
.accordion-body ul li{
    list-style-type: none;
    padding: 8px 0px;
    gap: 10px;
    display: flex;
    align-items: center;
    font-size: 0.75rem;
    font-weight: var(--regular);
    color: var(--gray);
}
.accordion-body ul li label{
    font-size: 0.75rem;
    font-weight: var(--regular);
    color: var(--gray);
}

.fast-fects-content dl{
    display: flex;
    align-items: center;
    gap:8px;
    padding: 10px;
    margin-bottom: 0;
}
.fast-fects-content dl:nth-child(odd){
    background-color: #F8F7F9;
}
.fast-fects-content dl dt{
    width: 30%;
    font-size: 0.875rem;
    color: var(--gray);
    font-weight: var(--semibold);
    margin-bottom: 0;
    padding-left: 10px;
}
.fast-fects-content dl dd{
    width: 70%;
    font-size: 0.875rem;
    color: var(--black);
    font-weight: var(--regular);
    margin-bottom: 0;
}
.hotel-list-box h5 a, 
.hotel-list-box h5{
    font-size: 1.25rem;
}
.free-cancel{
    font-size: 11px;
}
.thumbnail-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	margin: 5px 0 0 0;
}
.small-thumb{
    width: 33%;
    border-radius: 4px;
    overflow: hidden;
    height: 82px;
    position: relative;
}
.small-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.more-pic{
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    color: var(--white);
    font-weight: var(--semibold);
}
/*--Custom selecct box --*/
.styled-select {
  /* border: 1px solid var(--gray); */
  border:1px solid #dee2e6;  
  background-color:var(--white);
  display: inline-block;
  margin: 0px;
  height: 36px;
  color: var(--gray);
  position: relative;
  font-size: 0.875rem;
  line-height: 36px;
  text-align: left;
  border-radius: 6px;
  min-width: 170px;
}

.styled-select,
.styled-select .curr {
  padding: 0 20px 0 10px;
}

/* select element inside the custom selectbox */
.styled-select select {
  padding: 0 0;
  margin: 0 0;
  height: 0;
  visibility: hidden;
}

/* selectbox button (current value holder) */
.styled-select .curr {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  cursor: pointer;
}

/* arrow down */
.styled-select .curr:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 12px;
  right: 8px;
  background: url(../img/arrow_dropdown.svg) no-repeat 0 0;
  width: 12px;
  height: 12px;
}

/* drop down menu */
.styled-select ul {
  border: 1px solid var(--gray);
  background-color: var(--white);
  margin: 0 0;
  padding: 0 0;
  position: absolute;
  top: 100%;
  right: -1px;
  left: -1px;
  z-index: 99;
  -webkit-box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px -2px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

/* option item */
.styled-select li {
  list-style: none;
  cursor: pointer;
  padding: 0 10px;
  margin: 0 0;
  font-size: 0.875rem;
  color: var(--gray);
}

.styled-select li:hover {
  background-color: var(--red);
  color: var(--white);
}

/* selected option */
.styled-select li.selected,
.styled-select li.selected:hover {
  background-color: var(--red);
  color:var(--white);
}

/*---Checkbox and Radio button css--*/
.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.checkbox input {
  position: absolute;
  width: 0;
  left: 10px;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.checkbox .checkmark {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background:var(--white);
  border-radius: 3px;
  outline: 1px solid var(--gray);
  transition: all 0.2s ease;
}

.checkbox:hover .checkmark {
  background: #f4f4f5;
  transition: all 0.2s ease;
}

.checkbox input:checked ~ .checkmark {
  background: var(--red);
  outline: 1px solid var(--red);
}

.checkbox input[type="radio"] ~ .checkmark {
  border-radius: 50%;
}

.checkbox .checkmark::after {
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  top: 41%;
  width: 4px;
  height: 10px;
  border: solid var(--white);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
  transition: all 0.2s ease;
}

.checkbox input:checked ~ .checkmark::after {
  opacity: 1;
  transition: all 0.2s ease;
}

/*--Hotel details section--*/
.big-img-box {
	height: 260px;
    max-height: 260px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	width: 100%;
}

.big-img-box img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.room-overview .big-img-box {
	height: 217px;
    max-height: 217px;
}

.heat-btn {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	border-radius: 50px;
	min-width: 42px;
	min-height: 42px;
}

.heat-btn img {
	width: auto;
	height: auto;
	max-height: 28px;
	max-width: 28px;
}
.see-all-photos{
    background-color: var(--white);
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 0.75rem;
    color: var(--black);
    height: 27px;
}
.see-all-photos_absolute{
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 9;
}
.samll-img-thumb{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 123px;
    max-height: 123px;
}
.samll-img-thumb img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.overlay-box {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white) !important;
	font-size: 0.875rem;
	font-weight: var(--bold);
	background-color: rgba(0, 0, 0, 0.6);
}


.breadcrumb li a,
.breadcrumb li{
    font-size: 12px;
    font-weight: 400;
}

.hotel-title h1{
    font-size: 2rem;
    margin-bottom: 5px;
}
.hotel-title p{
    font-size: 0.875rem;
}
.details-sticy-tabs{
    margin-bottom: 0px;
    padding: 15px 0;
}
.details-sticy-tabs ul{
    display: flex;
    align-items: center;
    justify-content:flex-start;
    column-gap: 20px;
}
.details-sticy-tabs ul li a{
    color: var(--black);
    font-size: 0.875rem;
    text-transform: uppercase;
    padding: 0 10px;
    font-weight: 400;
}

.details-sticy-tabs ul li a:hover{
    color: var(--red);
}
.overview-pra{
    font-size: 0.875rem;
    color: var(--gray);
}

.highlight-items ul {
    display: flex;
    align-items: center;
    column-gap: 20px;
    justify-content: space-between;
}

.highlight-items ul li {
    display: flex;
    flex-direction: column;
    align-items:center;
    row-gap: 10px;
    justify-content:center;
    width: 80%;
}
.highlit-item-name{
    color: var(--black);
    margin: 0 auto;
    text-align: center;
    font-size: 0.75rem;
    max-width: 100%;
}

.detail-price-box .new-price-big {
	font-size: 1.52rem !important;
}
.overview-section .star-rating img{
    max-width: 20px;
}

.hotel-locaion {
	overflow: hidden;
	max-height: 120px;
}

.excellent-place {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
	margin-top: 10px;
}

.excellent-place li {
	display: flex;
	align-items: center;
	align-content: space-between;
	width: 100%;
}
.location-highlight-left {
	display: flex;
	align-items: center;
	column-gap: 10px;
    flex: 1;
}
.overview-pra{
	font-size: 0.75rem;
	font-weight: 400;
}

.locaiton-right.text-end{
	font-size: 0.875rem;
}

.text-red {
    color: var(--red)!important;
}

.lh-icon img {
	max-width: 18px;
}

.high-demand-section{
    background-color: #FDF3F3;
}

.overview-pra .read-more, .read-more{
    font-size: 0.75rem;
}

.parking-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0px 0 10px 0;
}

.parking-left-section {
	display: flex;
	align-items: center;
	column-gap: 10px;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--black);
}

.parking-left-section img{
    max-width: 20px;
}

.parking-end {
	font-size: 0.875rem;
}

.check-in-check-out-scetion {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 20px;
    margin-bottom: 15px;
}
.checkin-box {
	background-color: #FDF3F3;
	padding: 10px 20px;
	width: 50%;
	display: flex;
	align-items: flex-start;
	border-radius: 5px;
}

.check-in-label {
	width: 100%;
	display: flex;
	flex-direction: column;
}
label.checkin-text {
	font-size: 0.75rem;
	color: #696969;
	font-weight: 500;
}

.check-in-time {
	font-size: 0.85rem;
	font-weight: 500;
	line-height: 1.1;
}

.white-bg-btn {
	background-color: var(--white);
	padding: 10px 17px;
	border-radius: 8px;
	border: 1px solid #E6E6E6;
	font-size: 0.875rem;
	color: var(--black);
}

.white-bg-btn.view-result{
    border-color: var(--red);
    color: var(--red);
}

.bed-preference {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
}
.bed-preference p {
	font-size: 0.8rem;
	color: var(--black);
}

/* Base Styles */
.custom-radio {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: sans-serif;
  font-size: 0.8rem;
  margin: 0px 0;
  position: relative;
  padding-left: 26px;
}

/* Hide default radio */
.custom-radio input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 0;
}

/* Custom radio visual */
.radio-mark {
  height: 20px;
  width: 20px;
  background-color: var(--white);
  border: 1px solid var(--gray);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Checked state */
.custom-radio input[type="radio"]:checked + .radio-mark {
  background-color: var(--white);
  border-color: var(--gray);
}

/* Inner dot */
.radio-mark::after {
	content: "";
	/* position: absolute; */
	display: none;
	/* top: 3px;
	left: 2px; */
	width: 12px;
    height: 12px;
	border-radius: 50%;
	background: var(--red);
}

/* Show inner dot when checked */
.custom-radio input[type="radio"]:checked + .radio-mark::after {
  display: block;
}


.max-height230 {
	height: 230px;
	overflow: hidden;
}
.bed-pref-list{
    margin-top: 6px;
}
.bed-pref-list li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 0.75rem;
	color: var(--black);
	margin-bottom: 5px;
}
.bed-pref-list li a{
    font-size: 0.75rem;
}

.counting-mid{
    width: 50px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: var(--bold);
    color: var(--black);
    border:1px solid #d3d3d3;
    background-color: #EAEAEE;
}

.no-risk-section {
	background-color: #FDF3F3;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	max-width: 95%;
	border-radius: 10px;
    /* min-height: 175px; */
}
.no-risk-content {
	text-align: center;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.no-risk-content h3 {
	font-size: 0.875rem !important;
	margin-top: 5px;
    text-transform: uppercase;
}
.no-risk-content p{
    font-size: 0.75rem;
}

.price-box-section{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    text-align: right;
    flex-direction: column;
}
.offer-applied {
	font-size: 0.875rem;
	color: #CD484B;
	background-color: #FDF3F3;
	padding: 5px 10px;
	text-align: right;
	min-width: 130px;
	margin-bottom: 15px;
}
.price-box-section del{
    color: var(--gray);
    font-size: 0.875rem;
    font-weight: 500;
}
.price-box-section del .rs{
    font-size: 0.75rem;
}
.room-price {
	font-size: 1.35rem;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1.1;
}
.price-box-section em {
	font-size: 0.65rem;
	color: var(--gray);
	line-height: 1;
}
.btn-outline-primary{
    border-color: var(--red)!important;
    color: var(--red)!important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:focus-visible, .btn-outline-primary:active{
    background-color: var(--red)!important;
     color: var(--white)!important;
}

.reviews_hotel_rating {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px 10px;
}
.five-star {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	background-color: var(--red);
	border-radius: 5px;
	font-size: 1.25rem;
	color: var(--white);
	font-weight: 600;
	margin-bottom: 8px;
}
.very-good-section {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	row-gap: 5px;
}
.very-good-section h5{
    font-size: 1rem;
    color: var(--black);
    font-weight: 500;
}

.five-start-prograss {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0px 0 8px 0;
}

.five {
	display: flex;
	align-items: center;
	margin-right: 10px;
	min-width: 30px;
    color: var(--gray);
}
.five-start-prograss .progress {
	width: 90%;
	border-radius: 0;
	height: 5px;
	margin-right: 10px;
    background-color: #E3E3E3;
}
.progress-bar{
    background-color: var(--red);
}

.reviews-section {
	background-color: #FAFAFA;
}

.client-detials-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
    margin-bottom: 1rem;
}
.client-detials {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.client-detials .client-thumb {
	width: 42px;
	height: 42px;
	padding: 1px;
	border: 1px dotted var(--red);
}
.client-text-box {
	display: flex;
	flex-direction: column;
}

.client-text-box b {
	font-size: 0.875rem;
    color: var(--black);
    line-height: 1;
    margin-bottom: 0;
}
.reviews-section .client-text-box p,
.reviews-section .date-posted{
    font-size: 0.75rem;
    color: var(--gray);
    font-style: normal;
}
.reviews-section h5 {
	font-size: 0.8rem !important;
}
.reviews-section p {
	font-size: 0.75rem;
	font-style: italic;
    color: var(--black);
}

.faq-section-accordion .accordion-item{
    border: 0px;
    padding: 10px 0;
    background-color: #FAFAFA;
    border-radius: 5px;
    margin-bottom: 10px;
}
.faq-section-accordion .accordion-header{
    padding: 15px;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--black);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq-section-accordion .accordion-body{
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--gray);
}
.faq-section-accordion .accordion-header.collapsed:after{
    background: url(../img/plus_icon.svg) no-repeat 98% 0;
    content:'';
    width: 20px;
    height: 20px;
    display: block;
}

.faq-section-accordion .accordion-header:not(.collapsed):after{
    background: url(../img/less_icon.svg) no-repeat 98% 0;
    content:'';
    width: 20px;
    height: 20px;
    display: block;
}

#show-more,
#show-less {
  color: grey;
   font-size: 0.875rem;
}
#show-more a,
#show-less a {
  cursor: pointer;
  color: auto;
}
.terms p{
    font-size: 0.875rem;
    font-weight: normal;
    text-align: justify;
}

.terms h6{
    font-weight: bold;
}

/*---Photo Gallery section start here---*/

/* Sliders */
.MultiCarousel {
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative;
}

.MultiCarousel .MultiCarousel-inner {
	transition: 1s ease all;
	display: flex;
	align-items: center;
	justify-content: center;
}

.MultiCarousel .MultiCarousel-inner .item {
	padding: 5px;
    overflow: hidden;
}
.MultiCarousel .MultiCarousel-inner .item figure.product-img{
    margin-bottom: 0;
}
/* .MultiCarousel .MultiCarousel-inner .item>article {
    padding: 10px;
} */

.MultiCarousel .leftLst, .MultiCarousel .rightLst {
	position: absolute;
	border-radius: 50%;
	top: calc(50% - 20px);
	width: 30px;
	height: 30px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--red);
	color: var(--white);
}

.MultiCarousel .leftLst {
  left: 0;
}

.MultiCarousel .rightLst {
  right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
}
/* Product Images */

figure.product-img img {
  cursor: pointer;
}

.modal-backdrop {
	--bs-backdrop-zindex: 9999;
	z-index: 9999;
}
.z-index-big{
    --bs-backdrop-zindex: 99999!important;
	z-index: 99999!important;
}

.room-overview .samll-img-thumb {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	max-height: 100px;
	height: 100px;
}

.mob-map {
	max-width: 120px;
	margin-left: 10px;
}
.filter-sidebar.hotel-detail-filter {
	width: 100%;    
}
.filter-sidebar.hotel-detail-filter .accordion-header{
    padding: 5px 10px 5px 5px;
    background-size: 12px;
    font-size: 0.65rem;
}
.filter-sidebar.hotel-detail-filter .lh-icon img{
    max-width: 12px;
}
.filter-sidebar.hotel-detail-filter .overview-pra{
    font-size: .55rem;
}

.filter-sidebar.hotel-detail-filter .excellent-place {
	row-gap: 6px;
	margin-top: 10px;
}
.filter-sidebar.hotel-detail-filter .locaiton-right.text-end {
	font-size: 0.65rem;
}

.circuit-section ul li a {
	display: flex;
	line-height: normal;
	font-size: 0.75rem;
	color: var(--black);
	padding: 7px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	align-items: center;
	justify-content: flex-start;
}
.circuit-section ul li:last-child a {
	border-bottom: 0px solid rgba(0, 0, 0, 0.1);
}
.circuit-section ul li:hover a{
    color: var(--red);
}

.see-on-map {
	position: absolute;
	right: 4px;
	bottom: 20px;
	z-index: 99;
}

.see-map {
	background-color: #fff;
	font-size: 0.65rem;
	padding: 5px 10px;
	border-radius: 40px;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}

.adult-room-child-list{
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    row-gap: 10px;
}

.adult-room-child-list li{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--black);
    font-size: 0.75rem;
    font-weight: 400;
}
.adult-room-child-list li .adult-icon-box {
	width: 16px;
}
.modal {
	z-index: 99999;
}

/*--Checkout page css start here--*/

.inner-page-banner h1{
    font-size: 2rem; 
}
.step-card {
	text-align: center;
	transition: transform 0.3s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    position: relative;
}
.step-card.active::after,
.step-card.active::before,
.step-card.active.end-step::after{
    background-color: var(--red);
}
.step-card p{
    font-size: 0.8rem;
}
.step-card::after {
	content: '';
	width: 50%;
	height: 1px;
	background-color: #E9E9E9;
	display: flex;
	position: absolute;
	top: 17px;
	z-index: 0;
	left: 50%;
}

.step-card::before {
	content: '';
	width: 50%;
	height: 1px;
	background-color: #E9E9E9;
	display: flex;
	position: absolute;
	top: 17px;
	z-index: 0;
	left: 0;
}
.step-card.first-step::before,
.step-card.end-step::after {
    content: normal;
}

.step-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
    font-weight: bold;
    color: var(--black);
    border-radius: 4px;
    background-color: #EAEAEE;
    position: relative;
    z-index: 1;
}

.step-card p{
    color: var(--black);
}
.step-card.active .step-icon{
    color: var(--white);
    background-color: var(--red);
}


.session-timer {
    background-color: #FDF3F3;
    color: var(--black);
    text-align: center;
    padding: 0.5rem;
    font-weight: 400;
    font-size: 0.75rem;
    border-radius: 6px;
}
.timer-text {
    font-weight: bold;
}

.checkout-card .red-text{
    font-size: 0.65rem;
}
.form-control{
    font-size: 0.875rem;
}
.checkout-card .form-container .form-control{
    height: 40px;
    border-color:#C2C9CF;
}

.checkout-card .form-container .styled-select {
	height: 40px;
	line-height: 40px;
	border-color:#C2C9CF;
}
.checkout-card .form-container .styled-select .curr::after {
    top: 13px;
    right: 12px;
}
.form-label em {
	font-size: 0.75rem;
	color: var(--red);
}
.checkbox-text{
    font-size: 0.75rem;
    color: var(--gray);
    font-weight: 400;
    margin-top: -2px;
}
.checkbox-text a{
    font-size: 0.75rem;
}
.form-container .checkbox .checkmark{
    min-height: 16px;
    min-width: 16px;
}

.check-hotal-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 15px;
    width: 47%;
    min-width: 47%;
}
.hor-divider {
	width: 1px;
	height: 100%;
	background: #DEE2E6;
    margin: 0 auto;
    height: 78px;
}
.check-hotal-tile p {
	font-size: 13px;
}
.cancelation-policy {
	font-size: 11px!important;
	line-height: 1.1;
	color: var(--gray);
	margin-top: 3px;
}
.check-hotal-tile {
	min-width: 46%;
}

.chec-thumbnail {
	width: 74px;
	height: 74px;
	min-height: 74px;
	min-width: 74px;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.chec-thumbnail img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.check-hotal-tile h6{
    font-size: 0.875rem;
}
.check-hotal-tile .small-text {
	font-size: 0.8rem;
}

.room-detials {
	background-color: #F4F4F4;
	padding: 10px;
	border-radius: 10px;
}

.checkout-booking-review li {
	width: 100%;
	display: flex;
	font-size: 0.85rem;
	color: var(--black);
	border-bottom: 1px solid #DEE2E6;
	padding: 5px 0;
}
.checkout-booking-review li .dd {
	width: 50%;
    text-align: right;
}
.checkout-booking-review li .dt {
	width: 50%;
    font-weight: 600;
}
.checkout-booking-review li.sub-total {
	border-bottom: 0;
	padding-bottom: 0;
	padding-top: 4px;
    flex-direction: column;
}
.pay-sub-full {
	display: flex;
	padding: 5px 0 0 0;
}
.pay-sub-full .sub-tot-left {
	width: 70%;
	text-align: right;
    line-height: 1;
}
.pay-sub-full .price-end {
	width: 30%;
	text-align: right;
}
.checkout-booking-review li.sub-total .dt {
	width: 0;
}
.checkout-booking-review li.sub-total .dd {
	width: 100%;
	display: flex;
	align-items: end;
	justify-content: flex-end;
	gap: 10px;
}
.checkout-booking-review li.sub-total .dd span {
    margin-right: 0px;
}
.extra_mattress {
    width: 100%;
    text-align: right;
    font-size: 0.75rem;
}

.booking-review .styled-select {
	width: 100%;
}
.room-detials .chec-thumbnail {
	width: 46px;
	height: 35px;
}
.grand-total{
    font-size: 0.875rem;
    color: var(--black);
}
.room-detials .check-hotal-tile h6{
    font-size: 0.85rem;
}

.mattress_drop .styled-select {
	min-width: auto;
	height: 31px;
	line-height: 30px;
}

.mattress_drop .styled-select .curr::after {
	top: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
	background-size: 100%;
}

.checkout-tile {
	font-size: 1rem !important;
}

.checkout-booking-review li.sub-total .dd span:first-child{
    width: 80%;
}

.warning-message {
	background-color: #FFDDDD;
	padding: 8px;
	font-size: 0.75rem;
	text-align: center;
	margin-bottom: 7px;
	border-radius: 5px;
    color: #B35050;
    font-weight: 500;
}
.checkin-checkout {
	width: 100%;
	border: 1px solid #F8E2E2;
	padding: 5px 15px;
	border-radius: 8px;
	background-color: #FDF3F3;
	display: flex;
	align-items: center;
	justify-content: space-between;
    min-height: 62px;
}
.checkin-time {
	display: flex;
	flex-direction: column;
    width: 46%;
}

.label-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5px;
	font-size: 11px;
    font-weight: 300;
}
.label-title img {
	width: 13px;
}
.date-time {
	font-size: 14px;
}

.one-night {
	background-color: #fff;
	padding: 0;
	border-radius: 50px;
	flex-direction: column;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
    border:1px solid #F8E2E2;
    position: relative;
    z-index: 1;
}

.night-content.no-room .after {
	transform: translateY(-50%);
	height: 46px;
    background-color: #F2D4D4;
	position: absolute;
	z-index: 0;
	width: 1px;
	left: 52%;
	top: -10%;
}

.checkout-tile.offer-accordion{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-tile.offer-accordion.collapsed:after {
    background: url(../img/arrow-right.svg) no-repeat 100% 3px;
    content:'';
    width: 24px;
    height: 24px;
    display: flex;
    transform:rotate(0deg) ;

}
.checkout-tile.offer-accordion:after {
    transform:rotate(90deg) ;
     content:'';
     background: url(../img/arrow-right.svg) no-repeat 100% -1px;
    content:'';
    width: 24px;
    height: 24px;
    display: flex;
}

.offer-list ul{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.offer-list ul li {
    margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 5px 10px;
	border: 1px dashed var(--red);
	border-radius: 4px;
}
.offer-name {
	font-size: 12px;
	font-weight: 600;
}
.apply-link {
	font-size: 12px;
}
.offer-list ul li.applied{
    border-color:#499723;
}
.offer-list ul li.applied .apply-link{
    color: #499723;
}
.payment-list .payment-type {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
    margin-bottom: 10px;
	font-weight: 600;
}
.payment-list .payment-type dd{
    margin-bottom: 0;
    font-weight: 500;
}
.payment-list .payment-type dt{
    font-weight: 500;
}
.payment-list.grand-total {
	background-color: #F4F4F4;
	padding: 10px 10px;
	margin: 15px 0;
}
.payment-list.grand-total .payment-type {
	margin-bottom: 0;
}
.payment-list.grand-total .payment-type dd{
    width: 50%;
    text-align: right;
    font-weight: 400;
    font-size: 1rem;
}
.payment-list.grand-total .payment-type dt{
    font-size: 1rem;
}
.checkout-review {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin: 0 20px;
}
.review-content h6{
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 10px;
    color:var(--black);
}
.review-content p{
    font-size: 0.875rem;
    color: var(--black);
    line-height: normal;
}

.checkout-card.customer-overview {
	background-color: #FAFAFA;
}

.booking-customer ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
    flex-wrap: wrap;
}
.booking-customer ul li {
	width: 31%;
	display: flex;
	flex-direction: column;
	margin: 0 1%;
}
.booking-customer ul li label{
    font-size: 12px;
    color: #696969;
    margin-bottom: 0px;
}

.booking-customer ul li p{
    font-size: 13px;
    color: #000;
}

.edit-text{
    position: absolute;
    right: 10px;
    top: 0px;
    font-size: 0.75rem;
}
.p15{
    padding: 10px 10px!important;
}
.px-15{
    padding-left: 10px;
    padding-right: 10px;
}

.payment-list.grand-total .payment-type dt{
    font-weight: 700;
}

/*---Blog page design---*/
.card.blog-article{
    border-radius: 10px!important;
    border-color: #DEE2E6;
    background-color: #FBFBFB;
}
.card-body.article-content {	
	padding: 15px;
}

.card-body.article-content h4, .card-body.article-content h4 a{
    font-size: 1.2rem!important;
    color: var(--black);
}
.card-body.article-content p{
    font-size: 0.875rem;
}
.card-body.article-content .card-text{
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--gray);
}
.user-thumb {
	height: 24px;
	width: 24px;
    min-height: 24px;
	min-width: 24px;
	overflow: hidden;
	border-radius: 50px;
    position: relative;
}
.user-thumb img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.post-by p{
    color: #2E2D3E;
}
.gray-text {
    color: var(--gray)!important;
}
.light-gray-text{
    color: #D2D2D2!important;
}

.blog-post-thumbnail {
	height: 303px;
	overflow: hidden;
	width: 100%;
	position: relative;
	border-radius: 8px 8px 0 0;
}
.blog-post-thumbnail img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}

.card.blog-article.article-blog-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}

.card.blog-article.article-blog-row .blog-post-thumbnail {
	height: 240px;
	min-width: 236px;
	border-radius: 8px;
}
.card.blog-article.best-accommodation .blog-post-thumbnail {
	height: 190px;
}

.card.blog-article.best-accommodation .card-title, .card.blog-article.best-accommodation .card-title a {
	font-size: 1rem !important;
}

.blog-cateogry {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
.title-teg {
	background-color: #FDF3F3;
	padding: 10px 40px 10px 20px;
	color: var(--black);
	white-space: nowrap;
	margin-right: 20px;
}
.hero-section .title-teg {
	padding: 10px 20px;
    font-weight: 400;
    font-size: 1rem;
    background-color: #F6E1E1;
    border-radius: 4px;
}
.trending-news {
	width: 78%;
}
.trending-news p {
	color: var(--black);
}

.trending-news .owl-nav {
	position: absolute;
	right: 0px;
	top: 12px;
    width: auto;
    left: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
  }
  
  th, td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 10px;
    font-size: 0.875rem;
  }
  
  th {
    background-color: #DEE2E6;
    color: var(--black);
    font-size: 0.875rem;
    font-weight: 600;
  }

  .comment-form-section {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}
.author-thumb{
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    display: flex;
}

.comment-by{
    padding: 10px 20px;
    background-color: #F8F8F8;
    border-radius: 5px;
    width: 100%;
}
 .comment-by p{
    color: var(--black);
    margin-bottom: 0;
    font-size: 0.875rem;
 } 
 .reply-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 20px;
    background-color: #EAEAEE;
    border-radius: 5px;
    gap: 10px;
    color: var(--black);
 }
  
 .blog-listing-section p{
    font-size: 0.875rem;
    color: var(--gray);
 }
 .timer{
	font-size: 0.75rem;
}

.popular-post-lsit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border-bottom: 1px solid #DEE2E6;
	padding: 0px 0 20px 0;
	margin-bottom: 20px;
}
.small-thumbnail {
	width: 100px;
	height: 80px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.small-thumbnail img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;;
}
.small-post-content h5, .small-post-content h5 a{
    color: var(--black);
    font-size: 1rem;
    margin-bottom: 3px;
}

/*--Contact us page--*/

.contact-info-box {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px;
	border-radius: 8px;
	gap: 15px;
	border: 1px solid #DEE2E6;
}
.contact-info-link{
    background-color: #FDF3F3;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px;
	border-radius: 8px;
	gap: 15px;
    border: 1px solid #FDF3F3;
}
.contact-info-link:hover{
    background-color: #fff;
    border-color:var(--red);
}

.call-us-icon {
	width: 42px;
	height: 42px;
	min-width: 42px;
	min-height: 42px;
	border: 1px solid var(--red);
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.call-us-icon img {
	height: 20px;
	width: 20px;
}

.contact-info {
	display: flex;
	flex-direction: column;
}

.contact-label {
	font-size: 12px;
	color: var(--gray);
	font-weight: 600;
	text-transform: uppercase;
}
.mob-no {
	font-size: 0.875rem;
	color: var(--black);
	font-weight: 500;
}

.radio-section{
    background-color: #FFF1F1;
    padding: 15px 20px;
    border-radius: 5px;
    display: inline-flex;
    margin-bottom: 10px;
    width: 100%;
}
.radio-section .custom-radio {
	padding-left: 30px;
	color: var(--gray);
	font-size: 14px;
	font-weight: 500;
}
.contact-us-page-tabs .styled-select{
    border: var(--bs-border-width) solid var(--bs-border-color);
}
.contact-us-page-tabs .nav-tabs {
	border: 0px;
}

.contact-us-page-tabs .nav-tabs .nav-link {
	border: 0px;
	background-color: #F4F4F4;
	border-radius: 4px;
	margin-right: 10px;
	padding: 10px 30px;
    color: var(--gray);
}
.contact-us-page-tabs .nav-tabs .nav-link.active{
    background-color: var(--red);
    color: var(--white);
}
.how-it-work ul{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.how-it-work ul li{
    gap: 10px;
    margin-bottom: 20px;
    font-size: 0.85rem;
    color: var(--black);
}
.how-it-work ul li .dot {
	min-height: 10px;
	min-width: 10px;
	margin-top: 5px;
}

.cancel-booking-section{
    background-color: #F4F4F4;
}
.hotal-thumb {
	width: 100%;
	height: 175px;
	overflow: hidden;
	border-radius: 5px;
	position: relative;
}
.hotal-thumb img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.hotel-detail-list p {
	font-size: 0.8rem;
	margin-bottom: 15px;
	height: 100px;
	overflow: hidden;
}
.bookin-detail-box p{
    margin-bottom: 5px;
}
.location {
	font-size: 13px;
}

.language-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}
.language-icon:after{
    content: normal;
}

.profile-icon::after {
	content: normal;
}
.afterlogin-user{
    /* border: 1px solid var(--red); */
    padding: 3px;
    height: 32px;
    width: 32px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    /* background-color: var(--red); */
    background: #CC484A ;
    background: linear-gradient(180deg, rgba(204, 72, 74, 1) 23%, rgba(255, 221, 221, 1) 100%);
    color: var(--white);
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.afterlogin-user img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.header .container-fluid{
 padding-left: 24px;
 padding-right: 24px;
}
header .dropdown-menu{
    border: 0px;
	box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
	padding: 0px;
	border-radius: 10px;
}
.profile-dropdown {
	min-width: 220px;
}
.profile-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.username {
	font-size: 0.875rem;
	color: var(--black);
	font-weight: 600;
}
.header-links {
	padding: 10px 5px;
}

header .dropdown-menu ul li a {
	color: var(--black);
	font-size: 0.875rem;
	padding: 8px 10px;
	display: flex;
	border-radius: 4px;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
}
header .dropdown-menu ul li:hover a{
    background-color: rgba(0, 0, 0, 0.03);
    color: var(--red);
}

.my-account-icon {
	background-color: #F3F3F3;
	border-radius: 50px;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}
header .dropdown-menu ul li:hover .my-account-icon{
    background-color: #fff;
}

.my-account-links-left {
	background-color: var(--white);
	border: 1px solid #eee;
	padding: 10px 10px 10px 10px;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.my-account-links{
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.my-account-links ul li{
    margin-bottom: 5px;
}
.my-account-links ul li a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border-radius: 6px;
}
.my-account-links h6{
    font-size: 0.75rem;
    color: var(--gray);
    text-transform: uppercase;
    font-weight: 600;
}
.my-account-links ul li:hover a,
.my-account-links ul li.active a {
	background-color: rgba(0, 0, 0, 0.03);
    
}
.my-account-links ul li:hover a .my-account-icon,
.my-account-links ul li.active a .my-account-icon{
    background-color: #fff;
}

.my-account-right {
	background-color: var(--white);
	border: 1px solid #eee;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.profile-thumbnail {
	overflow: hidden;
	width: 150px;
	height: 150px;
	border-radius: 50%;
    position: relative;
    background: #CC484A ;
    background: linear-gradient(180deg, rgba(204, 72, 74, 1) 23%, rgba(255, 221, 221, 1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.profile-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.profile-thumbnail span{
    font-size: 3rem;
    font-weight: 600;
    color: #fff;
}

.my-profile lable {
	font-size: 12px;
	color: var(--gray);
	margin-bottom: 5px;
	display: flex;
	font-weight: 400;
	text-transform: capitalize;
}

.user-img {
	margin-bottom: 10px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 9px;
}
.edit-profile{
    font-size: 0.75rem;
}
.wishlist-box .hotel-thumb {
	width: 200px;
	height: 130px;
}
.wishlist-box .small-thumb{
    height: 40px;
}
.wishlist-box .benefits-section{
    margin-top: 0.5rem;
}
.wishlist-box .new-price-big{
    font-size: 1rem!important;
}
.wishlist-box .rating-overview img{
    width: 16px;
}

.upcoming-bookings .chec-thumbnail {
	height: 130px;
	width: 100%;
	min-width: 100%;
	min-height: 130px;
	border-radius: 4px;
}

.upcoming-bookings .hor-divider {
	height: 50px;
}
.upcoming-bookings .check-hotal-tile {
	min-width: 47%;
}
.upcoming-bookings .check-hotal-info {
	width: 100%;
	min-width: 100%;
}

.my-bookings-list ul{
    padding-bottom: 20px;
    display: flex;
}
.my-bookings-list ul li{
    padding: 0 10px;
}
.my-bookings-list ul li:first-child{
    padding-left: 0px;
}
.my-bookings-list ul li span{
    padding: 10px 10px;
    text-transform: uppercase;
    position: relative;
    border-bottom: 2px solid #fff;
}
.my-bookings-list ul li span.active{
    border-color: var(--red);
    color: var(--red);
}

.check-in-checkout {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 10px;
    flex-direction: column;
}
.check-in-checkout ul{
    padding-bottom: 0px;
    align-items: center;
}
.check-in-checkout ul li{
    display: flex;
    font-size: 12px;
    padding-right: 8px;
}
.upcoming-bookings .rating-overview p{
    font-size: 14px;
    color: var(--black);
}


.upcoming-bookings .rating-overview h6{
    font-size: 1.3rem;
    color: var(--red);
}

.hotel-list-box.wishlist-box {
	display: flex;
	align-items: center;
	gap: 20px;
    background-color: var(--white);
}
.hotel-list-box.wishlist-box:hover{
    border-color: var(--red);
    background-color: #F4F4F4;
}

.successfully-message {
	display: flex;
	align-items: center;
	justify-content: center;
}
.booking-id {
	gap: 10px;
	color: var(--gray);
}

.booking-confirm .chec-thumbnail {
	width: 150px;
	height: 150px;
	min-height: 150px;
	min-width: 150px;
}
.cancellation-policy{
    font-size: 0.75rem;
}
.important-notes ul{
    list-style-type: disc;
    margin-top: 0.57rem;
    padding-left: 15px;
}
.important-notes ul li{
    font-size: 0.875rem;
    color: var(--black);
    list-style-type: disc!important;
    margin-bottom: 5px;
}

.need-help-section {
	display: flex;
	align-items: center;
	gap: 20px;
	border: 1px solid #EAEAEE;
	border-radius: 6px;
	padding: 10px;
}
.need-help-section:hover{
    border-color: var(--red);
}

.my-account-header{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    /* background-color: var(--red); */
    margin-bottom: 5px;
    background: url(../img/mobile_menu_bg.svg) no-repeat 0 0;
    background-size: 100%;
    min-height: 170px;
    position: relative;
}
.my-account-header .profile-info {
	padding: 20px 0 0 0;
	border-bottom: 0;
	width: 87%;
	position: absolute;
	bottom: 15px;
	left: 20px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0;
}
.my-account-header .profile-info .username {
	font-size: 1.15rem;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1.2;
}
.my-account-header .profile-info .mobile-no{
    font-size: 0.75rem;
}
.btn-close-back {
	width: 32px;
}

.upcoming-booking-listing {
	border: 1px solid #EAEAEE;
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	overflow: hidden;
}
.top-bar-booking {
	padding: 7px 10px;
	border-radius: 4px 4px 0 0;
	background-color: #EAEAEE;
}
.top-bar-booking p{
    color: var(--black);
    font-size: 0.8rem;
    line-height: 1.3;
}
.my-booked-hotal {
	padding: 10px;
    color: var(--black);
    font-size: 0.8rem;
}
.my-hotal-thumbnail {
	overflow: hidden;
	border-radius: 6px;
	width: 100%;
	height: 110px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.my-hotal-thumbnail img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.hotal-detials-right h6 {
	color: var(--black);
	margin-bottom: 0px;
	font-weight: 600;
}
.hotal-detials-right p{
    font-size: 0.8rem;
    color: var(--black);
}
.hotal-detials-right p.address-small {
	color: var(--gray);
}
.upcoming-booking-listing:hover u{
    text-decoration: none;
}

.pic-80 {
	width: 80px!important;
	height: 80px!important;
	min-width: 80px!important;
	min-height: 80px!important;
}
.neet-help-content p {
	font-size: 0.8rem;
}
.question-answer h6{
    color: var(--black);
    font-weight: 600;
    font-size: 0.875rem;
}
.question-answer p{
    color: var(--black);
    font-size: 0.875rem;
}

.share-button {
	position: absolute;
	z-index: 9;
	left: 30px;
	top: 18px;
}

.share-button a {
	background-color: rgba(255, 255, 255, 0.8);
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
.share-button a img{
    max-width: 18px;
}
.share-button a:hover{
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.wishlist-item-detials .title-main{
    color:var(--black);
    display: flex;
    margin-bottom: 3px;
    font-size: 1rem;
}
.wishlist-item-detials .price-view-detials .red-text {
	font-size: 13px;
}
.hotel-list-box.wishlist-box:hover .title-main{
    color: var(--red);
}

.wishlist-item-detials .price-view-detials {
	margin: 14px 0 0 0;
	display: flex;
	align-items: flex-start;
	/* flex-direction: column; */
	justify-content: space-between;
}

.wishlist-item-detials {
	width: 73%;
}

/*--About us page--*/
.aboutus-title{
    background:url(../img/about_us_bg.svg) no-repeat 0 0;
    background-size: cover;
    min-height: 180px;
    align-items: center;
    display: flex;
}
.about-banner-thumb ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.thumb-about-banner{
    width: 210px;
    height: 210px;
    overflow: hidden;
    display: flex;
    border-radius: 50%;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    justify-content: center;
    align-items: center;
}
.thumb-about-banner .thumb-about-inner{
    width: 190px;
    height: 190px;
    overflow: hidden;
    display: flex;
    border-radius: 50%;
    position: relative;
}
.thumb-about-banner .thumb-about-inner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.about-inner-content p {
	text-align: justify;
	font-size: 0.875rem;
	margin: 20px 0 20px 0;
}

.our-journey-section .owl-nav {
	position: absolute;
	right: 42px;
	top: -45px;
    width: auto;
}
.hotal-name-about {
	position: absolute;
	background-color: #fff;
	padding: 10px 10px;
	color: var(--black);
	left: 50%;
	top: 50%;
	z-index: 99;
	transform: translate(-50%, -50%);
	width: 88%;
	text-align: center;
    font-size: 0.875rem;
}

.our-journey-section .hotal-detail-box{
    display: flex;
    align-items: center;
    justify-content: center;
}

.red-bg{
    background-color: var(--red);
}
.our-footprint {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.footprint-count{
    background-color: var(--white);
    border:1px solid #DEE2E6;
    border-radius: 8px;
    width: 24%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 100px;
}
.footprint-count p{
    color: var(--black);
    font-size: 0.875rem;
}
.footprint-count h5 {
	font-size: 1.3rem !important;
}
.culture-our-box{
    background-color: var(--white);
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
    padding: 20px 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.calture-content p{
    font-size: 0.75rem;
    max-width: 86%;
    margin: 0 auto;
}
.illustration-img {
	height: 200px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.wishlist-item-detials .benefits-section ul li {
	width: 31%;
}
.my-booked-hotal u {
	text-decoration: none;
}


@media(max-width: 1600px){
    .comp-logo{
        max-width: 150px;
    }
    .header .navbar-nav .nav-item .nav-link{
        font-size: 0.875rem;
    }
    .btn {
        padding: 0rem 1.5rem;
        height: 40px;
        line-height: 39px;
    }

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1150px;
    }
    .guest-review-content-main p {
        font-size: 0.875rem;
    }
    .guest-review-content-main h4 {
        font-size: 1.2rem !important;
    }
    .client-details h5{
        font-size: 1rem;
    }
    .cart-icon img {
        width: 24px;
    }

    h2 {
        font-size: 2.3rem !important;
    }
    .address-box{
        font-size: 0.875rem;
    }
   .address-box img {
        width: 18px !important;
        height: 18px;
        min-height: 18px;
        min-width: 18px;
    }
    h5 {
        font-size: 1rem !important;
        font-weight: var(--semibold);
    }

}

@media(max-width: 1400px){
    .owl-nav {
        width: 107%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1120px;
    }

    .footprint-count{
        width: 23%;
    }

}
@media(max-width:1300px){
    h1 {
        font-size: 2rem;
    }
    .main-search-box {
        margin-top: -120px;
    }
    .comp-logo {
        max-width: 128px;
    }
    .header .navbar-nav .nav-item .nav-link {
        padding: 0.5rem 1rem !important;
        font-size: 0.875rem;
    }
    .btn {
        padding: 0.5rem 1.25rem;
        font-size: 0.875rem;
    }
    label{
        font-size: 0.75rem;
    }
    .form-control, .member-select {
        height: 38px;
        line-height: 38px;
        font-size: 0.75rem;
    }
    .search-main-box .form-control {
        height: 38px;
        line-height: 38px;
        font-size: 0.75rem;
    }
    .py-50 {
        padding: 40px 0;
    }
    h2 {
        font-size: 2rem !important;
    }
    .address-box {
        font-size: 0.75rem;
        padding: 1rem 1rem;
    }
    .address-box img {
        width: 16px !important;
        height: 16px;
        min-height: 16px;
        min-width: 16px;
    }
    .owl-nav{
        width: 107%;
    }
    .outside-india-sldier .destination-box {
        height: 250px;
    }
    h5 {
        font-size: 1rem !important;
    }
    h4 {
        font-size: 1rem !important;
    }
    p{
        font-size: 0.875rem;
    }
    .fs-14 {
        font-size: 0.75rem;
    }
    h3 {
        font-size: 1.52rem !important;
    }
}
@media(max-width: 1200px){
    .owl-nav {
        width: 109%;
    }
}
@media(max-width:992px){
    .guest-review-content-main h4 {
        font-size: 1rem !important;
    }
    .guest-review-content-main p {
        font-size: 0.75rem;
    }
    h1 {
        font-size: 1.82rem;
    }
    .find-next-stay label{
        display: none;
    }
    h2 {
        font-size: 1.52rem !important;
    }
    .owl-nav {
        width: 100%;
        z-index: 1;
        left: 0px;
    }
    .py-50 {
        padding: 30px 0;
    }
    .section-title {
        margin-bottom: 1.5rem;
    }
    p {
        font-size: 0.75rem;
    }

    .footer-links {
        margin-bottom: 2rem;
    }
    .footer-links h4 {
        margin-bottom: 0.85rem !important;
    }
    .cart-icon img {
        width: 22px;
    }
    .navbar-toggler {
        border: 0px;
        padding: 0;
    }
    .navbar-toggler-icon {
        width: 1.2em;
        height: 1em;
    }
    .client-info {
        background-size: 10%;
    }
    .client-thumb {
        width: 42px;
        height: 42px;
        margin-top: 10px;
    }
    .star-icon {
        width: 18px;
    }

    .user-icon{
        width: 32px;
        height: 32px;
    }
    button:focus:not(:focus-visible) {
        box-shadow: none;
    }
    .offcanvas {
        max-width: 88%;
    }

    
    .check-in-check-out-scetion {
        flex-direction: column;
        row-gap: 10px;
    }
    .checkin-box {
        width: 100%;
    }
    .lh-icon img {
        max-width: 12px;
    }
    .max-height230 {
        height: auto;
    }
    .room-overview .big-img-box {
        height: 200px;
        max-height: 200px;
    }
    .room-overview .samll-img-thumb {
        max-height: 90px;
        height: 90px;
    }
    .bed-pref-list li img {
        max-width: 14px;
    }

    .btn {
        line-height: 23px;
        font-size: 0.75rem;
    }
    .bed-pref-list li, .bed-pref-list li a, .adult-room-child-list li {
        font-size: 0.6rem;
        
    }
    h5 {
    font-size: 0.875rem !important;
    }
    .important-notes ul li{
        font-size: 0.75rem;
    }
    .big-img-box {
        height: 200px;
        max-height: 200px;
    }
    .samll-img-thumb {
        height: 92px;
        max-height: 92px;
    }
    .detail-price-box .new-price-big {
        font-size: 1.2rem !important;
    }
    .no-risk-content h3 {
        font-size: 1rem !important;
    }
    .no-risk-content p {
        font-size: 0.75rem;
    }
    .room-price {
        font-size: 1.2rem;
    }
    .price-box-section em {
        font-size: 0.65rem;
    }

    .check-hotal-info {
        width: 100%;
        min-width: 100%;
    }
    .check-hotal-tile {
        min-width: 78%;
    }
    .hor-divider {
        width: 100%;
        margin: 10px auto;
        height: 1px;
    }
    .chec-thumbnail {
        width: 62px;
        height: 62px;
        min-height: 62px;
        min-width: 62px;
    }
    .review-content p {
        font-size: 0.75rem;
    }
    .review-content h6 {
        font-size: 0.875rem;
    }
    .payment-list .payment-type dd, .payment-list .payment-type dt {
        font-size: 0.75rem;
    }
    .payment-list.grand-total .payment-type dd,
    .payment-list.grand-total .payment-type dt {
        font-size: 0.875rem;
    }
    .form-container label {
        margin-bottom: 0.35rem;
    }
    .p15 {
        padding: 8px 10px !important;
    }
    .px-15 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .booking-customer ul {
        flex-direction: column;
        align-items: flex-start;
    }
    .booking-customer ul li {
        width: 100%;
        margin: 0 0;
    }
    .payment-page .checkin-checkout{
        margin-bottom: 0.875rem;
    }
    .blog-post-thumbnail {
        height: 190px;
    }

    .card.blog-article.article-blog-row .blog-post-thumbnail {
        height: 150px;
        min-width: 100%;
        border-radius: 8px 8px 0 0;
    }
    .card.blog-article.article-blog-row {
        flex-direction: column;
    }
    .card.blog-article.best-accommodation .blog-post-thumbnail {
        height: 150px;
    }
    .userprofile{
        display: none;
    }
    .header-links ul li a{
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 0;
    }
    .user-profile{
        border-bottom: 0;
    }
    .header-links h6{
        font-size: 0.75rem;
        color: var(--gray);
        font-weight: 600;
        text-transform: uppercase;
    }

    .inner-page-banner h1 {
        font-size: 1.52rem;
    }
    .breadcrumb li a, .breadcrumb li {
        font-size: 11px;
    }
    .booking-id {
        gap: 0px;
    }

    .booking-confirm .chec-thumbnail {
        width: 90px;
        height: 90px;
        min-height: 90px;
        min-width: 90px;
    }

    .booking-confirm-detals .check-hotal-tile {
        min-width: 100%;
    }
    #offcanvasLeft{
        max-width: 78%;
    }

    .aboutus-title {
        min-height: 90px;
    }
    .thumb-about-banner {
        width: 190px;
        height: 140px;
    }
    .thumb-about-banner .thumb-about-inner {
        width: 120px;
        height: 120px;
    }
    .our-journey-section .owl-nav{
        display: none;
    }
    .hotal-name-about{
        width: 75%;
    }
    .footprint-count {
        width: 48%;
    }

    .terms h6{
        font-size: 0.875rem;
    }
    .terms p, .about-inner-content p{
        font-size: 0.8rem;
    }
     .owl-nav{
        display: none;
    }
    .modal-header .fs-6 {
        font-size: 0.75rem !important;
    }
    .create-an-account, .create-an-account a {
        font-size: 0.75rem;
    }
    .small-thumb {
        height: 70px;
    }
    .footer-main {
        padding: 120px 0 0px;
    }
    .our-newsletter {
        width: 80%;
    }
    .btn {
        padding: 0.5rem 2rem;
    }
    .wishlist-box .hotel-thumb {
        height: 160px;
    }
    .mob-map {
        max-width: 270px;
    }
    .room-facilities {
        min-height: 199px;
    }
    .bed-pref-list li{
        align-items: flex-start;
    }
    .hotel-list-box h5 a, .hotel-list-box h5 {
        font-size: 1.2rem;
    }
    .styled-select, .styled-select .curr{
        font-size: 0.75rem;
    }
    .styled-select li{
        font-size: 0.75rem;
    }
    .hero-section {
        padding-bottom: 20px;
    }
   .benefits-section ul {
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    .benefits-section {
        margin-top: 1rem;
    }
    .hotel-title h1 {
        font-size: 1.52rem;
        margin-bottom: 5px;
    }
    .hotel-title p {
        font-size: 0.75rem;
    }

    .details-sticy-tabs ul li a {
        font-size: 0.75rem;
    }
    .details-sticy-tabs {
        padding: 15px 0px 6px 0px;
    }
    .details-sticy-tabs ul {
        column-gap: 10px;
    }
    .rating-section {
        flex-direction: column;
    }
    .total-review-section {
        margin-bottom: 10px;
    }
    .highlit-item-name {
        min-height: 37px;
    }

    .client-text-box b {
        font-size: 0.75rem;
    }
    .faq-section-accordion .accordion-header {
        padding: 7px 15px;
        font-size: 0.85rem;
        font-weight: 500;
    }
    .faq-section-accordion .accordion-body {
        font-size: 0.75rem;
    }
    .footer {
        padding-top: 90px;
    }
    .room-facility .room-price {
        font-size: 1.2rem;
    }
    .highlight-items ul li .highlit-item-name {
        min-height: auto;
    }
    h3 {
        font-size: 1.2rem !important;
    }
}

@media(max-width:767px){
    .booking-confirm-detals .check-hotal-tile {
        min-width: 100%;
    }
    .search_box_main, .date-picker, .total-member-list, .btn-set {
        width: 100%;
        margin-right: 0px;
        max-width: 100%;
    }
    .destination-box {
        height: 140px;
    }
    .btn {
        padding: 0rem 2rem;
        font-size: 0.75rem;
        line-height: 36px;
    }
    .owl-nav{
        display: none;
    }
    .main-search-box.sticky {
        position: relative;
    }
    .hotel-thumbnail {
        height: 220px;
    }
    .client-info {
        background-size: 8%;
        margin-top: 15px;
    }
    h5 {
        font-size: 0.875rem !important;
    }
    .client-thumb {
        width: 42px;
        height: 42px;
    }
    .client-details h5{
        font-size: 0.75rem !important;
    }
    .guest-review-content-main {
        padding: 10px 15px;
    }
    .footer {
        padding-top: 60px;
    }

    .our-newsletter {
        padding: 10px;
        width: 95%;
    }
    h4 {
        font-size: 1.1rem !important;
    }
    h2 {
        font-size: 1.2rem !important;
    }
    .hero-banner {
        height: 160px;
    }
    h1 {
        font-size: 1.2rem;
    }
    .newsletter-form .form-control {
        height: 37px;
    }
    .foot-about p {
        font-size: 0.75rem;
        max-width: 100%;
    }
    .footer-links h4 {
        font-size: 1.2rem !important;
    }
    .footer-main {
        padding: 80px 0 10px;
        background-size: contain;
        background-color: var(--black);
        background-image: none;
    }
    .star-icon {
        max-width: 16px;
    }

    .facilites-box {
        padding: 10px;
        min-height: 180px;
    }
    .fac-img{
        margin-bottom: 10px;
    }
    .facilites-box h5 {
        margin-bottom: 0;
        height: 1.3rem;
        font-size: 0.8rem !important;
    }
    .facilites-box p {
        font-size: 0.75rem;
        height: 4.5rem;
    }

    .footer-logo {
        max-width: 130px;
    }

    .footer-mobile-ver .accordion-item {
        background-color: transparent;
        border: 1px solid #3a3a3a;
        border-radius: 5px;
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .footer-mobile-ver .accordion-button{
        background-color: transparent;
        color: #fff;
        padding: 10px 0;
        box-shadow: none;
    }
    .footer-mobile-ver .accordion-body {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }
    .foot-link li a {
        color: var(--white);
        font-size: 0.68rem;
    }
    .footer-mobile-ver .accordion-button:not(.collapsed)::after {
        background-image: url(../img/arrow_foot_link.svg);
    }
    .footer-mobile-ver .accordion-button::after {
        background-image: url(../img/arrow_foot_link.svg);
        background-size: 18px;
    }

    .footer-links {
        margin-bottom: 0rem;
    }
    .footer-links h4 {
        font-size: 1rem !important;
    }
    h3 {
        font-size: 1.3rem !important;
    }
    .footer-bottom{
        padding-bottom: 10px;
    }

    .search-main-box .member-select {
        padding-left: 12%;
    }
    .form-control, .member-select,
    .search-main-box .form-control {
        font-size: 0.75rem;
    }
    .btn-set{
        position: inherit;
        left: 0;
        bottom: 0;
        transform: none;
    }
    .hotel-thumb {
        width: 100%;
        max-width: 100%;
        height: 150px;
    }
    .benefits-section {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }
    .hotel-list-box h5 a, 
    .hotel-list-box h5{
        font-size: 0.875rem;
    }
    .section-title h1 {
        font-size: 1.52rem !important;
    }
    .inner-page-search.sticky{
        position: relative;
    }
    .new-price-big {
        font-size: 1rem !important;
    }
    .new-price p, .price-del del{
        font-size: 0.75rem;
    }
    .fast-fects-content dl dt, .fast-fects-content dl dd{
        font-size: 0.75rem;
        width: 50%;
        padding-left: 0;
    }
    .filter-sidebar {
        padding: 10px;
    }
    .benefits-section ul{
        flex-direction: column;
        align-items: flex-start;
    }
    .benefits-section ul li{
        width: 100%;
    }
    .hero-section.pb-10 {
        position: relative;
        padding-bottom: 10px;
    }
    .hotel-list-box .btn {
        padding: 0rem 0.65rem;
        font-size: 0.75rem;
    }

    .small-thumb {
        height: 40px;
    }
    .hotel-title h1 {
        font-size: 1.22rem;
    }
    .hotel-title p {
        font-size: 0.75rem;
    }

    .big-img-box {
        height: 200px;
        max-height: 200px;
    }
    .details-sticy-tabs {
        display: none;
    }
    .mob-none{
        display: none;
    }
    .highlight-items ul {
        align-items: flex-start;
        column-gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
    }
    .heat-btn {
        right: 10px;
        top: 10px;
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
    }
   .highlight-items ul li {
        align-items: center;
        width: 47%;
        flex-direction: row;
        margin-bottom: 10px;
    }

    .samll-img-thumb {
        height: 52px;
        max-height: 52px;
        border-radius: 5px;
    }

    .high-icon {
        width: 20px;
    }
    .highlit-item-name {
        text-align: left;
        width: 77%;
    }
    .detail-price-box .new-price-big {
        font-size: 1.25rem !important;
    }

   .white-bg-btn {
        padding: 6px 10px;
        border-radius: 4px;
        font-size: 0.65rem;
        color: var(--black);
    }

    .left-btns-section {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .overview-section .filter-sidebar {
        padding: 0;
    }

    .check-in-check-out-scetion {
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 10px;
        width: 100%;
        flex-direction: row;
        margin-bottom: 0;
    }
    .checkin-box {
        padding: 8px 10px;
        width: 47%;
    }
    .mob-map {
        max-width: 50%;
    }
    .check-in-time {
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.1;
    }
    .bed-preference p {
        font-size: 0.75rem;
        margin-bottom: 5px;
    }

    .bed-preference {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        column-gap: 10px;
        flex-direction: column;
        padding-top: 10px;
    }
    .custom-radio {
        font-size: 0.75rem;
        margin: 0px 0;
    }
    .mob-padLR{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    .room-overview .big-img-box {
        height: 180px;
    }

    .room-images {
        height: 200px;
        overflow: hidden;
        border-radius: 10px;
    }
    .room-images .carousel-item{
        height: 200px;
        position: relative;
    }
    .room-images .carousel-item img{
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
    }
    .room-facility .bed-pref-list li {
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 6px;
        font-size: 0.65rem;
        line-height: 1.1;
    }
    .bed-pref-list li a{
        font-size: 0.65rem;
    }
    .room-facility .bed-pref-list li img {
        max-width: 14px;
    }
    .room-facility .offer-applied {
        font-size: 0.75rem;
        padding: 5px 10px;
        min-width: auto;
        margin-bottom: 10px;
    }
    .room-facility .room-price {
        font-size: 1.2rem;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .room-facility .price-box-section em {
        font-size: 0.65rem;
    }
    .adult-rooms {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        column-gap: 10px;
        color: var(--black);
        font-size: 0.75rem;
        margin: 10px 0;
    }
  .adult-section {
	display: flex;
	align-items: center;
	font-size: 0.65rem;
}
    .no-risk-section {
        max-width: 100%;
        padding: 10px 10px;
        min-height: inherit;
        border-radius: 4px;
    }
    .no-risk-content {
        text-align: left;
        display: flex;
        width: 100%;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .no-risk-content .btn{
        max-width: 145px;
    }
    .no-risk-content h3 {
        font-size: 0.75rem !important;
    }
    .no-risk-content p {
        font-size: 0.65rem;
    }

    .reviews_hotel_rating {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        padding: 20px 10px;
        gap: 10px;
    }
    .five-star{
        margin-bottom: 0px;
        font-size: 1rem;
        padding: 8px 10px;
    }
    .rating-distrubution {
        padding: 0 15px 20px 15px;
    }
    .reviews_hotel_rating {
        padding: 10px 10px 10px 10px;
    }
    .client-detials .client-thumb {
        width: 32px;
        height: 32px;
        margin-top: 0;
    }
    .reviews-section p {
        font-size: 0.75rem;
        line-height: 1.4;
    }
    .reviews-section {
        margin-bottom: 15px;
    }
    .faq-section-accordion .accordion-item {
        padding: 5px 0;
    }
    .faq-section-accordion .accordion-header {
        padding: 10px;
        font-size: 0.75rem;
    }
    .faq-section-accordion .accordion-header:not(.collapsed)::after {
        background: url(../img/less_icon.svg) no-repeat 100% 0;
        content: '';
        width: 18px;
        height: 18px;
        display: block;
        background-size: 16px;
    }
    .faq-section-accordion .accordion-header.collapsed::after {
        background: url(../img/plus_icon.svg) no-repeat 100% 0;
        content: '';
        width: 18px;
        height: 18px;
        display: block;
        background-size: 16px;
    }
    .faq-section-accordion .accordion-body {
        font-size: 0.75rem;
    }
    .terms h6 {
        font-size: 0.75rem;
    }
    .terms p {
        font-size: 0.75rem;
    }
    a {
        font-size: 0.75rem;
    }

    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 1.5rem;
        height: 1.5rem;
    }
    .MultiCarousel {
        padding: 0 10px;
    }
    .detail-price-box .new-price{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .rs {
        font-size: 0.9rem;
        font-weight: normal;
    }
    .room-price .rs {
        font-size: 0.85rem;
    }

    .step-card p, .step-icon {
        font-size: 0.5rem;
    }
    .session-timer {
        font-size: 0.75rem;
    }
    .step-icon{
        width: 24px;
        height: 24px;
    }
    .step-card::after, .step-card::before {
        top: 12px;
    }

    .form-container .form-control {
        height: 38px;
    }
    .form-container .styled-select {
        line-height: 38px;
        height: 38px;
        font-size: 0.75rem;
    }
    .form-container .styled-select .curr::after {
        top: 12px;
    }

    .check-hotal-info {
        width: 100%;
        min-width: 100%;
    }
    .check-hotal-tile {
        min-width: 78%;
    }
    .hor-divider {
        width: 100%;
        margin: 10px auto;
        height: 1px;
    }
    .chec-thumbnail {
        width: 62px;
        height: 62px;
        min-height: 62px;
        min-width: 62px;
    }
    .review-content p {
        font-size: 0.75rem;
    }
    .review-content h6 {
        font-size: 0.875rem;
    }
    .payment-list .payment-type dd, .payment-list .payment-type dt {
        font-size: 0.75rem;
    }
    .payment-list.grand-total .payment-type dd,
    .payment-list.grand-total .payment-type dt {
        font-size: 0.875rem;
    }


    .contact-us-page-tabs .nav-tabs .nav-link {
        margin-right: 5px;
        padding: 7px 16px;
        font-size: 0.875rem;
    }
    .radio-section {
        padding: 10px 15px;
        margin-bottom: 8px;
    }
    .title-teg {
        background-color: transparent;
        padding: 0;
        margin-right: 10px;
        font-size: 0.75rem;
    }
    .trending-news {
        width: 73%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .trending-news p {
        font-size: 0.75rem;
        white-space: nowrap;
    }

    .card-body.article-content .card-text {
        font-size: 0.75rem;
        height: 56px;
        margin-bottom: 5px !important;
    }
    .card-body.article-content h4, .card-body.article-content h4 a {
        font-size: 1rem !important;
    }
    .card-body.article-content p,
    .blog-listing-section p {
        font-size: 0.75rem;
    }
    .hero-section .title-teg {
        display: none;
    }
    .user-thumb {
        height: 20px;
        width: 20px;
        min-height: 20px;
        min-width: 20px;
    }
    .social-share {
        width: 100%;
        height: 100%;
        display: block;
        margin-top: 15px;
    }
    .social-share img{
        width: 90%;
    }
    th, td {
        padding: 5px;
        font-size: 0.75rem;
    }
    .author-thumb {
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
        display: flex;
    }
    .comment-form-section {
        gap: 10px;
    }

    .small-thumbnail {
        width: 70px;
        height: 50px;
    }
    .popular-post-lsit {
        padding: 0px 0 10px 0;
        margin-bottom: 10px;
    }
    .header .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .user-img {
        border-right: 0px solid #eee;
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .my-account-right{
        padding: 15px;
    }
    .styled-select, .styled-select li{
        font-size: 0.75rem;
    }
    .styled-select {
        height: 38px;
    }

    .wishlist-img-box {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 14px;
    }
    .wishlist-box .hotel-thumb {
        width: 100%;
        height: 150px;
    }
    .wishlist-box .thumbnail-list {
        margin: 0px 0 0 0;
        width: 50%;
        flex-wrap: wrap;
    }
    .wishlist-box .small-thumb {
        height: 40px;
        width: 46%;
    }

    .booking-confirm .chec-thumbnail {
        width: 70px;
        height: 70px;
        min-height: 70px;
        min-width: 70px;
    }

    a:hover {
        text-decoration: none;
        color: var(--red)!important;
    }
    .my-bookings-list ul li span {
        padding: 10px 5px;
        font-size: 0.8rem;
    }
    .my-bookings-list ul li{
        padding: 0 5px;
    }

    .my-account-right.my-bookings-main {
        padding: 0;
        box-shadow: none;
        border: 0;
    }
    .my-booked-hotal, .top-bar-booking p, .hotal-detials-right p {
        font-size: 0.7rem;
    }
    .my-hotal-thumbnail{
        height: 80px;
    }
    .hotal-detials-right h6{
        font-size: 0.8rem;
    }
    .hotel-list-box.wishlist-box {
        gap: 10px;
        flex-direction: column;
    }

    .wishlist-item-detials {
        width: 100%;
    }
    .wishlist-box .wishlist-item-detials .rating-section {
        margin-top: 10px;
    }
    .wishlist-item-detials .title-main{
        font-size: 0.875rem;
    }

    .thumb-about-banner {
        width: 58px;
        height: 55px;
    }
    .thumb-about-banner .thumb-about-inner {
        width: 52px;
        height: 52px;
    }

    .about-banner-thumb ul {
        gap: 20px;
    }

    .footprint-count {
        width: 47%;
        padding: 10px;
        min-height: 80px;
    }
    .footprint-count h5 {
        font-size: 1rem !important;
    }
    .footprint-count p {
        font-size: 0.75rem;
        text-align: center;
    }

}