.innerBanner-img {
    height: 150px;
    overflow: hidden;
    border-radius: 40px;
    position: relative;
}.innerBanner-img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.innerBanner-img:before{
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(90.03deg, #56AAAE 27.69%, rgba(86, 170, 174, 0) 98.88%);
    content: '';

}
.innerBanner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
    z-index: 1;
}

section.innerBanner .row {
    position: relative;
}
.innerBanner .heading{
    padding: 0;
}

.breadcrumb{
    margin: 0 auto;
}
.innerBanner .heading h1{
    font-size: 40px;
    color: var(--white-color);
}
.breadcrumb-item+.breadcrumb-item::before{
    content: '/';
    font-size: 10px;
    position: relative;
    top: 3px;
    color: var(--white-color);
}
.breadcrumb-item{
    font-size: 12px;
    color: var(--white-color);
}
.breadcrumb-item.active{
    color: var(--white-color);
}
section.listPage {
    padding: 40px 0;
}

.listPage label.custom-checkbox .custom-control-label {
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    color: rgba(102, 102, 102, 1);
}
.listPage .fontBold label.custom-checkbox .custom-control-label {
    font-weight: 500;
    color: var(--black-color);
}
article.filter-group {
    border: 1px solid var(--color-grey-87, rgba(221, 221, 221, 1));
    background: var(--color-grey-98, rgba(250, 250, 250, 1));
    margin-bottom: 20px;
    border-radius: 10px;
}
.listPage .card {
    border: none;
    background: transparent;
}
.listPage header.card-header {
    border: none;
    background: transparent;
    font-size: 14px;
    padding: 20px 20px 0;
}
.listPage header.card-header i {
    position: absolute;
    right: 10px;
    transform: translateY(-50%);
    top: 50%;
}

.listPage label.custom-checkbox {
    width: 100%;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 14px;

}


.listPage label.custom-checkbox input.custom-control-input {
    width: 20px;
    height: 20px;
    background: var(--secondary-color);
}




.checkbox.style-c {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .checkbox.style-c input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  .checkbox.style-c input:checked ~ .checkbox__checkmark {
    background-color: var(--secondary-color);
  }
  .checkbox.style-c input:checked ~ .checkbox__checkmark:after {
    opacity: 1;
  }
  .checkbox.style-c:hover input ~ .checkbox__checkmark {
    background-color: #eee;
  }
  .checkbox.style-c:hover input:checked ~ .checkbox__checkmark {
    background-color: var(--secondary-color);
  }
  .checkbox.style-c .checkbox__checkmark {
    position: relative;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    transition: background-color 0.25s ease;
    border-radius: 4px;
  }
  .checkbox.style-c .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.25s ease;
  }
  .checkbox.style-c .checkbox__body {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
  }
  
  .form-row.priceRange {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.priceRange .form-group {
    background: #fff;
    padding: 5px;
}
.priceRange .form-group input.form-control {
    border: none;
    padding: 0;
    height: auto;
}
input.custom-range {
    width: 100%;
    margin-top: 20px;
}
.filter-content button.btn.btn-block.btn-primary {
    width: 100%;
    border-radius: 10px;
    background: transparent;
    color: #000;
    margin-top: 20px;
}


section.bookForm.listbookForm {
    position: static;
    background: transparent;
    box-shadow: none;
    border: 1px solid;
    border-radius: 100px;
}

section.bookForm.listbookForm .hotel_booking_table {
    background: transparent;
    padding: 0;
}
.hotel_booking_table input[type="text"] {
    border: none;
}
.book_tabel_item.searchLocation {
    border-right: 1px solid #000;
}
section.bookForm.listbookForm .input-group {
    margin: 0;
}

.listbookForm .typeNumber{
    display: block;
}
.listbookForm .typeNumber input{
    width: 100%;
    max-width: 100%;
}
.listBox {padding: 20px 0;}

.listBox figure.card {
    display: flex;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
    flex-direction: row;
    border: 2px solid rgba(86, 170, 174, 1);
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
}

.listBox figure.card .img-wrap {
    width: 40%;
    height: 100%;
}
.listswiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    height: auto !important;
    z-index: 1;
}
.listswiper-pagination span.swiper-pagination-bullet {
    background: rgba(255,255,255,0.5);
    border: none;
    width: 7px;
    height: 7px;
}

.listswiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fff;
}
.listRatingBox i {
    color: rgba(251, 169, 25, 1);
}

.listBox figure figcaption.info-wrap {
    width: 60%;
    padding:10px 20px;
}
.listHeading {
    position: relative;
}

.listHeading h3 {
    font-size: 20px;
}
/* 
.listHeading p {
    font-size: 13px;
} */

.listHeading .addFavorites {
    position: absolute;
    right: 0;
    top: 4px;
    background: rgba(221, 221, 221, 1);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: var(--secondary-color);
}

.listAmenities ul {
    display: flex;
    align-items: self-start;
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px;
}

.listAmenities ul li {
    border-right: 1px solid #9d9d9d;
    padding-right: 5px;
    font-size: 11px;
    color: rgb(0 0 0);
    font-weight: 500;
}

.listAmenities.amenitiesInclude ul{
    gap: 20px;
}
.listAmenities ul li:last-child,
.listAmenities.amenitiesInclude li{
    border: none;
    
}
.listRating {
    display: flex;
    align-items: self-start;
    justify-content: space-between;
}

.listRatingBox span {
    font-size: 13px;
    font-weight: 400;
}

.listRatingBox span small {font-weight: 300;}

.listRatingBox span.listRatingExceptional {
    border: 1px solid #f2f2f2;
    padding: 5px 10px;
    font-weight: 300;
    font-size: 13px;
}
.listOffers{
    background: var(--primary-color);
    color: var(--white-color);
    padding: 10px;
    font: 14px;
    border-radius: 5px;
    letter-spacing: 1px;
}
.price-wrap {
    text-align: right;
}

.price-wrap span.price {
    font-size: 20px;
    color: var(--secondary-color);
}

.price-wrap span.price small {
    font-size: 13px;
    font-weight: 300;
    color: rgba(85, 85, 85, 1);

}

.price-wrap span.roomPrice {
    display: block;
    font-weight: 300;
    color: rgba(85, 85, 85, 1);;
}
.listBox figure.card .img-wrap div {
    height: 100%;
}

.listBox figure.card .img-wrap div img.img-fluid {
    height: 100%;
    object-fit: cover;
}
.list-featuredHomes .nearbyPlaces-thumb.cm-thumb {
    height: 400px;
}
.list-featuredHomes .details.text-left {
    text-align: left;
}
.list-featuredHomes .nearbyPlaces .details .price small{
    display: inline-block;
}