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

.icon {
  display: inline-block;
  width: 30px;
}

ul li {
  padding-block: 0.25rem;
}

.filter-menu .filter-div {
  padding: 1.5rem 2rem;
  background-color: #fff;
  border-radius: 0.5rem;
}

  .filter-menu .filter-div .input-div .search-btn .btn {
    padding-block: 0.5rem;
  }

@media(max-width:1024px) {
  .filter-menu .filter-div .input-div .search-btn, .filter-menu .filter-div .input-div .btn-view {
    width: 100%;
  }
}

.filter-div .input-div .guest-info {
  width: 100%;
  position: relative;
}

  .filter-div .input-div .guest-info input.guest-input {
    cursor: pointer;
  }

  .filter-div .input-div .guest-info .guest-content {
    background-color: #fff;
    position: absolute;
    display: none;
    min-width: 300px;
    left: 0;
  }

    .filter-div .input-div .guest-info .guest-content .close-div {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 1rem;
    }

      .filter-div .input-div .guest-info .guest-content .close-div .close-btn {
        background-color: transparent;
        border: 0;
      }

    .filter-div .input-div .guest-info .guest-content.show {
      display: block;
      width: 100%;
      box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
    }

  .filter-div .input-div .guest-info ul {
    padding: 1.5rem;
    max-width: 100%;
    width: fit-content;
  }

    .filter-div .input-div .guest-info ul li {
      display: flex;
      align-items: center;
      justify-content: space-between;
      column-gap: 1rem;
    }

      .filter-div .input-div .guest-info ul li .counter {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        line-height: 38px;
        column-gap: 0.5rem;
      }

        .filter-div .input-div .guest-info ul li .counter .countLabel {
          width: 30px;
        }

        .filter-div .input-div .guest-info ul li .counter .countBtn {
          width: 40px;
          height: 40px;
          border: 0;
          background-color: #f4f4f4;
          border-radius: 50%;
          font-size: 2rem;
          cursor: pointer;
        }

        .filter-div .input-div .guest-info ul li .counter input.count {
          width: 50px;
          text-align: center;
          border: 0;
        }

  .filter-div .input-div .guest-info .room_class ul {
    padding: 0;
  }

.sub-header {
  /* border-bottom: 2px solid #ccc; */
  width: fit-content;
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.discount-tag {
  position: absolute;
  top: 1rem;
  left: 28%;
  transform: translateX(-50%);
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 12px;
  background-color: #25AB21;
  color: #fff;
  white-space: nowrap;
}


.slider-container {
  padding-left: 8%;
}


  .slider-container .headlines {
    margin-bottom: 0.5rem;
  }

  .slider-container .nav .nav-link {
    color: #000;
    border: 1px solid #ccc;
    border-radius: 0.7rem;
    margin-inline: 0.35rem;
  }

    .slider-container .nav .nav-link.active {
      color: var(--color-primaryOrange);
      border: 1px solid var(--color-primaryOrange);
      font-weight: 500;
    }

.card {
  border: 0;
  position: relative;
  /*cursor: pointer;*/
}

.slider-container .image-slider .card-div .card-img {
  height: 370px;
  border-radius: 10px;
  overflow: hidden;
}

  .slider-container .image-slider .card-div .card-img img {
    height: 100%;
    object-fit: cover;
  }

.slider-container .card-content {
  padding: 1rem;
}

  .slider-container .card-content h6 {
    font-size: 1.1rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .slider-container .card-content p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

.slider-container .slick-list {
  padding-left: 0 !important;
}

.slick-prev::before, .slick-next::before {
  content: '';
}

/* Gst-invoice css */

.gstInvoice .modal-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 800px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(100% - 4.5rem);
  padding: 2rem;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 0.75rem;
  overflow: auto;
}

.gstInvoice .tab-content {
  overflow-x: hidden;
  overflow-y: auto;
}

.saved-tabContent {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* min-height: 700px; */
}

  .saved-tabContent .form-check {
    min-height: 575px;
  }

.gstInvoice .form-check-input:checked + .gstInvoice .form-check-label {
  color: #000 !important;
}

@media(max-width:991px) {
  .gstInvoice .modal-container {
    width: 80%;
  }
}

@media(max-width:576px) {
  .gstInvoice .modal-container {
    width: 95%;
  }

  .gstInvoice .btn-save {
    width: 100%;
  }

  .btn-orange {
    width: 100%;
  }
}

/* Gst-invoice css */

/* Floating label css */

.form-floating > label {
  height: auto;
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  transform: scale(.85) translateY(-1rem) translateX(.15rem);
  background-color: #fff;
  padding: 0.15rem 1rem;
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 0.625rem;
}

.form-control:focus {
  box-shadow: none !important;
}

.form-floating > .form-control, .form-floating > .form-select {
  height: calc(2.5rem + 2px);
}

.form-floating > label {
  padding: 0.5rem 0.75rem;
}

.stayBooking-card .form-select, .stayBooking-card .form-control {
    font-weight: 600 !important;
}

/* Floating label css */

/* price-css */
.price {
  font-size: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

  .price .rupee-icon {
    width: 24px;
    fill: #000;
    padding-bottom:0.25rem;
  }

@media (max-width:767px) {
  .price {
    font-size: 1.5rem;
  }

    .price .rupee-icon {
      width: 20px;
    }
}

.rupee-icon {
  display: inline-block;
  width: 18px;
}

/* price-css */

/* card-css */
.card {
  border-radius: 1rem;
}

.card-img {
  position: relative;
  height: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}

  .card-img img {
    height: 100%;
    object-fit: cover;
  }

.btn-seeAll {
  color: var(--color-primaryOrange);
  border-bottom: 2px solid #fff;
  width: fit-content;
  cursor: pointer;
  transition: 300ms ease;
}

  .btn-seeAll:hover {
    border-bottom: 2px solid var(--color-primaryOrange);
    color: var(--color-primaryOrange);
    transform-origin: left;
  }
/* card-css */

.star-icon {
  width: 20px;
}

.clamp-text {
  display: block;
  display: -webkit-box;
  max-width: 90%;
  height: 43px;
/*  font-size: 14px;*/
  font-weight:500;
  color:#5d5d5d;
  line-height: 1.6;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav.nav-pills {
  flex-wrap: nowrap;
  width: 100%;
  /* overflow-x: auto; */
}

  .nav.nav-pills .nav-link {
    color: #b3b3b3;
    font-size: 1rem;
    color: #000;
    border: 2px solid #ccc;
    border-radius: 0.75rem;
    margin-right: 0.75rem;
    white-space: nowrap;
    /* cursor: grabbing; */
  }

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