:root {
    --color-primaryOrange: #FF6A00;
    --color-secondaryBlue: #155DE6;
    --color-darkBlue: #534A41;
    --color-lightBlue: #e2ecfd;
    --color-lightOrange: #ffeed7;
    --color-lightGrey: #e5e5e5;
    --color-primaryOrange-hover: #b74c00;
}

/* New Activity Gallery */
.gallery-container {
  display: grid;
  grid-template-rows: 1fr 1fr;
  row-gap: 0.5rem;
  height: 650px;
  overflow: hidden;
}

  .gallery-container .main-image {
    height: 450px;
    overflow: hidden;
    border-radius: 0.5rem;
    /*cursor: pointer;*/
  }

    .gallery-container .main-image img {
      height: 100%;
      object-fit: cover;
    }


  .gallery-container .thumbImg-div {
    height: 200px;
    width: 100%;
  }

    .gallery-container .thumbImg-div .col{
        height:100%;
        padding-block:0.5rem;
    }

    .gallery-container .thumbImg-div .thumb-image {
        height: 100%;
        border-radius: 0.5rem;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

      .gallery-container .thumbImg-div .thumb-image img {
        height: 100%;
        object-fit: cover;
      }

.img-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallery-model {
  position: fixed;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50% );
  width: 800px;
  background-color: #fff;
  padding: 1rem;
  border-radius: 0.5rem;
  z-index: 999;
  transition: 500ms ease;
  display:none
}
  .gallery-model.gallery-model-room-img.show {
    top: 50% !important;
    display: block;
  }


  .gallery-model.show {
    top: 50%;
    display:block;
  }

  /* .nav.nav-pills{
        flex-wrap: nowrap;
        width: 100%;        
    }
    .nav.nav-pills .nav-link {
        color: #b3b3b3;
        font-size: 1rem;
        color: #000;
        border: 2px solid #ccc;
        border-radius: 0.5rem;
        margin-right: 0.75rem;
        white-space: nowrap;        
    }

    .nav.nav-pills .nav-link.active {
        background-color: transparent;
        font-weight: 600;
        color: var(--color-primaryOrange);
        border: 2px solid var(--color-primaryOrange);
    } */

  .gallery-model .row {
    height: 520px;
    overflow: auto;
  }

    .gallery-model .row .col {
      height: 250px;
    }

  .gallery-model .modelImg-div {
    height: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
  }

    .gallery-model .modelImg-div img {
      height: 100%;
      object-fit: cover;
      object-position: left center;
    }
/* New Activity Gallery */

.stayBooking-card.card {
  border: 0;
  height:100%;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
}

    .stayBooking-card.card .location{
        color:var(--color-primaryOrange);
        font-weight:500;
    }

    .stayBooking-card.card p, .stayBooking-card.card h5 {
        margin-bottom: 0.35rem;
    }

    .star-icon {
        width: 20px;
    }

.discount-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.35rem 0.5rem;
  border: 1px dashed #ccc;
  border-radius: 0.5rem;
}

  .discount-div p {
    margin-bottom: 0;
  }

    .discount-div p.discount-tag {
      background-color: #25AB21;
      font-size: 12px;
      font-weight: 600;
      color: #fff;
      padding: 0.25rem 0.75rem;
      border-radius: 0.25rem;
      position: unset;
      transform: unset;
    }

  .discount-div .btn-offer {
    border: 1px solid var(--color-primaryOrange);
    color: var(--color-primaryOrange);
    border-radius: 20px;
    font-size: 14px;
    padding: 0.15rem 1rem;
    transition: 500ms ease;
  }

    .discount-div .btn-offer:hover {
      background-color: var(--color-primaryOrange);
      color: #fff;
    }

.btn-book {
  background-color: var(--color-primaryOrange);
  color: #fff;
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
  transition: 500ms ease;
}

  /*.btn-book:hover {
    color: #fff;
    background-color: var(--color-primaryOrange_hover);
    box-shadow: 3px 3px 6px rgb(214 89 0);
  }*/

.btn-addCart {
  background-color: #fff;
  color: var(--color-primaryOrange);
  border: 1px solid var(--color-primaryOrange);
  border-radius: 2rem;  
  padding: 0.75rem 2.5rem;
  font-weight:500;
  transition: 500ms ease;
}

  .btn-addCart:hover {
    background-color: var(--color-primaryOrange);
    color: #fff;
    box-shadow: 3px 3px 6px rgb(214 89 0);
  }

.trending-now .discount-tag {
  position: absolute;
  top: 10px;
  left: 10px;
  width: fit-content;
  height: 20px;
  padding: 6px 10px;
  background-color: #25AB21;
  color: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  z-index: 199;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  line-height: 20px;
}

.stayBooking-card.sticky {
  position: fixed;
  top: 140px;
  right: 182px;
  width: 40%;
  z-index: 99;
}

.location-map {
  margin-bottom: 3rem;
}

  .location-map .map-div {
    border-radius: 0.75rem;
    height: 450px;
    overflow: hidden;
  }

.review .card {
  border: 0;
  margin-bottom: 3rem;
}

.review-images {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.75rem;
}

  .review-images img {
    width: 200px;
    border-radius: 0.5rem;
  }

.mayLike .card .card-img {
  position: relative;
}

.mayLike .discount-tag {
  position: absolute;
  bottom: unset;
  top: 1rem;
  z-index: 99;
  left: 28%;
}

.nav-link {
  color: #000;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--color-primaryOrange);
}

.stay-detailed .highlights-div ul li:nth-child(n+4) {
  display: none;
}

  .stay-detailed .highlights-div ul li:nth-child(n+4).show {
    display: block;
  }

/* .clamp-text {
        display: block;
        display: -webkit-box;
        max-width: 90%;        
        height: 43px;        
        font-size: 14px;
        line-height: 1.6;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      } */

.select-room .card-img {
  position: relative;
}

  .select-room .card-img .btn-seeAll:hover {
    border-bottom: 0;
  }

  .select-room .card-img .btn-seeAll {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    padding-block: 0.5rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    border: 0;
  }
  .select-room .card-img .btn-seeAll-room-img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    padding-block: 0.5rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    border: 0;
  }
  .select-room .card-img .btn-seeAll-room-amenities {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    padding-block: 0.5rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    border: 0;
  }
  .select-room .card-img .btn-seeAll-room-details {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    padding-block: 0.5rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    border: 0;
  }

.roomDetails-model {
  position: fixed;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 400px;
  height: 500px;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  overflow: auto;
  z-index: 999;
  transition: 500ms ease;
}

  .roomDetails-model ul {
    list-style: disc;
  }

  .roomDetails-model.show {
    top: 50%;
  }

.roomAmenities-model {
  position: fixed;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 500px;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  overflow: auto;
  z-index: 999;
  transition: 500ms ease;
  border: 1px solid #ccc;
  display:none;
}

  .roomAmenities-model.show {
    top: 50%;
    display:block;
  }

  .roomAmenities-model .icon {
    width: 15px;
  }

.amenities-model {
  position: fixed;
  top: -50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  height: 700px;
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 2rem;
  overflow: auto;
  z-index: 999;
  transition: 500ms ease;
  border: 1px solid #ccc;
}

  .amenities-model.show {
    top: 50%;
  }

    .amenities-model span{
        font-size:1rem;
        font-weight:500;
    }

    .amenities-model .icon {
        width: 15px;
    }

    @media(max-width:991px){
        .amenities-model{
            width:95%;
        }
    }

/* .nav-wrapper {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
      }

      .nav.nav-pills{
        position: relative;
      }

      .nav.nav-pills::-webkit-scrollbar {
        visibility: hidden;
      }

      ul.nav.nav-pill li{
        padding-block: 0;
      }

        .btn-prev,
        .btn-next {
        background: none;
        border: none;
        cursor: pointer;
        }

      .scroll-container {
        overflow-x: auto;
        white-space: nowrap;
        flex-grow: 1;
        cursor: grab;
        padding: 10px 0;
      }
  
      .scroll-container.dragging {
        cursor: grabbing;
        user-select: none;
      } */

.nav-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}

.btn-prev,
.btn-next {
  background: none;
  border: none;
  cursor: pointer;
  transform: translateY(-5px);
}

  .btn-prev.disabled,
  .btn-next.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
  }

  .btn-prev .icon,
  .btn-next .icon {
    width: 40px;
    pointer-events: none;
  }

    .btn-prev .icon img,
    .btn-next .icon img {
      pointer-events: none;
    }

  .btn-prev:hover .icon img,
  .btn-next:hover .icon img {
    opacity: 0.4;
  }

.scroll-container {
  overflow-x: auto;
  white-space: nowrap;
  cursor: grab;
  scroll-behavior: smooth;
}

  .scroll-container.dragging {
    cursor: grabbing;
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }

  .scroll-container ul {
    display: inline-flex;
    padding: 0;
    margin: 0;
    list-style: none;
  }

ul.nav {
  display: inline-flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-link {
  /* padding: 10px 15px; */
  background-color: #eee;
  border-radius: 5px;
  border: none;
  cursor: grab;
}

  .nav-link.active {
    background-color: #fff;
  }

.scroll-container::-webkit-scrollbar {
  visibility: hidden;
}


.room-price {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width:84%;
    padding:1rem;
    border-radius:0.75rem;
    background-color: #FFE1CC;
    z-index:992;
}

.card-row {
  display: none;
}
.table-packagemodel {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: 50%;
/*  min-height: 600px;*/
  height: 90%;
  padding: 1.5rem 2rem;
  background-color: #fff;
  border-radius: 0.75rem;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
}

  .table-packagemodel .model-header {
    width: fit-content;
    font-size: 1.1rem;
    font-weight: 600;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #ccc;
  }

  .table-packagemodel ul li {
    padding: 0.5rem 1rem;
  }

  .table-packagemodel .model-img {
    height: auto;
    overflow: hidden;
    margin-inline: auto;
    position: relative;
  }

    .table-packagemodel .model-img .carousel {
      width: 100% !important;
      max-height: 450px;
    }

    .table-packagemodel .model-img img {
      width: 100%;
      object-fit: cover;
    }

  .table-packagemodel ul {
    list-style: disc;
  }

  .table-packagemodel.show {
    opacity: 1;
    visibility: visible;
  }

    .table-packagemodel h3.headlines{
        text-align:left;
        margin-bottom:0;
        font-size:1.4rem;
    }

    .table-packagemodel .highlights.row .col>div{
        border:1px solid #ccc;
        border-radius:0.5rem;
        padding:1rem;        
        height:100%;
    }

    @media(max-width:1600px){
        .table-packagemodel{
            width:70%;
        }
    }

@media(max-width:1199px) {
    .table-packagemodel {
        width: 80%;
    }
}

@media(max-width:991px) {
    .table-packagemodel {
        width: 95%;
    }
}
    /*  .table-packagemodel .table {
    margin-bottom: 0.25rem;
  }

    .table-packagemodel .table tr th {
      background-color: #f4f4f4;
      white-space: nowrap;
    }

    .table-packagemodel .table tr td .activity-fare {
      display: flex;
      align-items: center;
    }

      .table-packagemodel .table tr td .activity-fare span {
        font-size: 1.5rem;
        font-weight: 600;
      }*/
    /*      stay-detailPage css - 11-6-25*/
    .table {
        vertical-align: middle;
    }

.stay-detailed .table td h4 {
    font-size: 1rem;
    font-weight:400;
    margin-bottom:0 !important;
}

.stay-detailed .btn-book1, .stay-detailed .btn-loadMore {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-primaryOrange);
    border: 1px solid var(--color-primaryOrange);
    padding: 0.5rem 2rem;
    transition: 500ms ease;
    white-space:nowrap;
}

    .stay-detailed .btn-book1 a{
        color:var(--color-primaryOrange);
    }

        .stay-detailed .btn-book1:hover a{
            color:#fff;
        }

        .stay-detailed .btn-book1:hover, .stay-detailed .btn-loadMore:hover {
            color: #fff;
            background-color: var(--color-primaryOrange);
        }

.stay-detailed .btn-loadMore {
    font-weight: 400;
}