.scroll_none {
  overflow-y: auto !important;
}

.main_wrap {
  width: 85%;
  margin: 0 auto;
  margin-top: 88px !important;
  position: relative !important;
}

.overlapOne_header {
  box-shadow: none;
  margin-top: 0px;
  max-height: unset;
  height: unset;
  overflow: unset;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  // box-shadow: none;

  &.scroll_content {
    max-height: unset;
    overflow: unset;
    z-index: unset;
    box-shadow: none;
    padding-bottom: 0 !important;
  }
}

.wrraper {
  padding-bottom: 0;
}

.left_section_top {
  width: 75% !important;
}

.right_section_top {
  width: 25%;
  height: fit-content;
  margin: 10px;

  .sortAnd_filter_canvas {
    .sortFilter_bodtArea {
      .action_area {
        position: unset;
      }
    }
  }
}

.list_numberFound {
  h4 {
    font-size: 17px;
  }
}

.hotel_list {
  .top_area {
    .name_rating {
      h2 {
        font-size: 20px;
      }
    }
  }

  .hotes_rating_area {
    h6 {
      font-size: 15px;

      img {
        width: 12px;
        margin-bottom: 3px;
        margin-right: 3px;
      }

      small {
        font-size: 14px;
      }
    }
    .listing_cityname {
      font-size: 15px;

      img {
        width: 12px;
        margin-bottom: 3px;
        margin-right: 3px;
      }

      small {
        font-size: 14px;
      }
    }
  }
}

.fetched_list {
  .top_area {
    .name_rating {
      flex: unset;

      ul {
        font-size: unset;

        li {
          img {
            width: 16px;
          }
        }
      }

      .price {
        padding: 5px 10px;

        .taxes {
          width: 40%;
          color: #b31f24;
          font-weight: 900;
          font-size: 20px;

          i {
            font-size: 13px;
            display: block;
            margin-bottom: 8px;
          }
        }

        p {
          font-size: 13px;
        }

        h1 {
          font-size: 20px !important;

          span {
            font-size: 14px;
          }
        }

        .hotel_card_pricing {
          font-size: 20px !important;

          span {
            font-size: 14px;
          }
        }
      }
    }

    .wishlist {
      height: 35px;
      width: 35px;

      i {
        font-size: 16px;
      }
    }

    .img {
      // height: 180px;
      height: 210px;
      width: 45%;

      img {
        border-radius: 22px;
        max-height: 100%;
      }
    }
  }
}

.facility_room-service,
.facility_parking-lot,
.facility_wifi,
.facility_wheel-chair,
.facility_breakfast,
.facility_laundry,
.facility_terrace,
.rated {
  img {
    width: 45px !important;
    height: 30px !important;
  }
}

.wishList_canvas {
  width: 500px;
  height: 224px !important;
  top: 50%;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 1.8rem;

  .wishList_item {
    .tourPrice {
      font-size: 16px;

      h2 {
        font-size: 20px;
      }

      h4 {
        font-size: 20px;
      }
    }

    .tour_img {
      width: 150px;
      height: 105px;

      img {
        height: 100%;
        width: 100%;
      }
    }
  }

  .btn-close {
    font-size: 20px;
  }

  .offcanvas-title {
    font-size: 20px;
  }
}

.tour_detail {
  &.name_rating {
    h2 {
      font-size: 22px;
      margin-bottom: 8px;
      margin-top: 8px;
    }

    ul {
      li {
        a {
          font-size: 15px;

          &:hover {
            color: #ffc619 !important;
          }
        }
      }

      img {
        height: 18px;
        width: 18px;
      }
    }
  }
}

.hotel_detail_rating_info {
  h6 {
    font-size: 15px;

    img {
      height: 18px;
      width: 18px;
    }
  }
}

.hotel_banner {
  .col-6 {
    img {
      height: 295px;
    }
  }

  .col-4 {
    img {
      height: 194px;
    }
  }
}

.checkIn_checkOut {
  p {
    font-size: 18px;

    small {
      font-size: 11px;
    }
  }
}

.checkIn_checkOut {
  .line_connect {
    width: 30%;

    &::before,
    &::after {
      height: 20px;
      width: 20px;
    }
  }
}

.totalStay_inHotel {
  width: 47%;
  margin-left: auto;

  h1 {
    font-size: 25px;

    small {
      font-size: 19px;
    }
  }
}

.hotel_short_desc {
  p {
    font-size: 15px;
  }
}

.hotel_accordianNew {
  .tour_short_desc {
    .accordion {
      .accordion-item {
        .accordion-header {
          .accordion-button {
            font-size: 17px;
            padding: 1rem 1.25rem;
          }
        }

        .accordion-body {
          padding: 20px;

          ul {
            li {
              font-size: 15px !important;
            }
          }

          h3 {
            font-size: 17px;
            margin: 20px;
          }
        }
      }
    }
  }
}

.room_selection {
  .room_price {
    h2 {
      font-size: 18px;
    }
  }

  .form-floating {
    .form-select {
      font-size: 16px;
    }
  }
}

.rooms_opt_new {
  scrollbar-width: auto !important;
  margin-bottom: 10px;

  .opts {
    flex: 0 0 40% !important;
    max-width: 50% !important;

    h5 {
      font-size: 20px !important;
      margin-bottom: 10px;
    }

    h4 {
      font-size: 22px;

      small {
        font-size: 14px;
      }
    }

    .btn {
      font-size: 17px;
      height: 40px;

      &:hover {
        background-color: #ffc619;
        color: black;
      }
    }
  }

  &::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  &::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }

  &::-webkit-scrollbar-thumb {
    background-color: lightgrey;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
  }
}

.read-less,
.read-more {
  &:hover {
    color: #ffc619;
  }
}

.passenger_form {
  .passenger_row {
    p {
      font-size: 20px;
    }

    .label {
      font-size: 20px;
    }

    .btn-group {
      .btn-outline-primary {
        font-size: 18px;
      }
    }

    h3 {
      font-size: 25px;
    }
  }
}

.wrraper.more_paadding {
  padding-bottom: 0;
}

.fare_details {
  border-radius: 10px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.11);
  padding: 10px;
  margin-bottom: 20px;

  h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
  }
}

.table {

  th,
  td {
    font-size: 14px;
  }
}

.fare_details {
  position: relative;

  .bottom_last {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;

    .book_now {
      padding-right: 10px;

      .total {
        font-size: 16px;
      }

      h5 {
        i {
          font-size: 16px;
        }

        font-size: 17px;
      }

      .availibility_btn {
        font-size: 13px;

        &:hover {
          background-color: #ffc619;
          color: black;
        }
      }

      .proceed_btn {
        font-size: 14px;

        &:hover {
          background-color: #ffc619;
          color: black;
        }
      }

      p {
        line-height: unset;
        font-size: 12px;
      }

      .btn {
        font-size: 14px;

        &:hover {
          background-color: #ffc619;
          color: black;
        }
      }

      .passengerP {
        font-size: 15px !important;
      }
    }
  }
}

.passenger_form {
  .passenger_row {
    .form-floating {

      label,
      .form-control {
        font-size: 16px;
      }
    }
  }
}

.hotel_banner {
  .more_hotel_img {
    h3 {
      font-size: 1.2rem;
      font-weight: bold;
    }
  }
}

.room_selection {
  p {
    a {
      font-size: 16px;

      &:hover {
        color: #ffc619;
      }
    }
  }
}

small {
  font-size: 13px !important;
}

.tourModify_search {
  .input-group {
    .form-control {
      font-size: 15px;
      // padding: 13px 15px 13px 0px;
      padding: 6px 15px 6px 0px;
    }
  }

  .btn {
    font-size: 15px;
    height: 40px;
    margin-bottom: 10px;

    &:hover {
      background-color: #ffc619;
      color: black;
    }
  }
}

.tourModify_search {
  .input-group {
    span {
      img {
        width: 18px;
        height: 18px;
        margin: 0.375rem 0.75rem;
      }
    }
  }
}

.btn_holder {
  width: 100%;
}

.tourModify_search {
  margin-bottom: 15px;
  margin-top: 10px;
}

.days-header {
  span {
    height: 44px;
    width: calc(100% / 7);
  }
}

.day {
  height: 44px;
  width: calc(100% / 7);
}

#destination_date_select {
  .modal-header {
    height: 60px !important;
    padding: 0px !important;
  }
}

.flight_search_modal {
  .modal-header {
    border-radius: 12px !important;

    h1 {
      margin-left: -2vw !important;
    }

    .hotel_modal_title {
      margin-left: -2vw !important;
    }
  }

  .modal-content {
    height: 90% !important;
    width: 90% !important;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 12px !important;
  }
}

#travelers_select.listing_selectravellers .modal-content {
  height: 65% !important;

  .new_content_scroll {
    padding-bottom: 15px !important;
  }
}

.search_results {
  height: calc(100dvh - 200px);

  &::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari and Opera */
  }
}

.bottom_last {
  .book_now {
    p {
      font-size: 17px;
    }
  }
}

.bottom_last_HB {
  position: unset;
  width: 66%;
  margin: 0 auto;

  .book_now {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;

    h5 {
      font-size: 20px;
      display: inline-block;
    }

    .totalPassengers {
      font-size: 15px;
    }

    .strike-price {
      display: inline-block;
      margin-bottom: 3px;
    }
  }

  .text-right {
    text-align: end !important;

    .btn {
      width: 55%;
    }
  }
}

.hotel_date_selectorModal {
  .modal-footer.bottom_last {
    .total_nights {
      font-size: 18px;
    }
  }
}

#calendarContainer {
  height: calc(100dvh - 210px) !important;
  overflow-y: auto;

  &::-webkit-scrollbar {
    display: none;
  }
}

.choosen_dates {
  bottom: 60px;
}

.location {
  border-radius: 1.4rem;
  padding: 1.4rem;
  margin-bottom: 15px;

  h3 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: capitalize;
  }
}

.bottom_last {
  .book_now {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    height: auto !important;

    .btn {
      &:hover {
        background-color: #ffc619 !important;
        color: black !important;
      }
    }
  }
}

.btn.red_btn {
  &:hover {
    background-color: #ffc619 !important;
    color: black !important;
  }
}

.right_section_top_detail {
  width: 33%;
  margin: 10px;
  position: unset;

  .book_now {
    background: unset;

    p {
      color: grey;
      width: 30%;
    }

    h3 {
      color: grey !important;
      font-size: 14px !important;
      text-align: end;
    }

    h5 {
      color: black;
      font-size: 20px;
    }
  }

  .right_psg {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: end;

    h5 {
      justify-content: end;
    }

    h6 {
      margin-bottom: 0;
    }
  }
}

.left_section_top_detail {
  width: 66% !important;
}

.sortAnd_filter_canvas .offcanvas-body {
  height: unset;
  margin-top: 0;
  position: unset;
}

.pxg_info {
  border-radius: 10px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.11);
  padding: 10px;
  margin-bottom: 50px;

  h3 {
    font-size: 20px;
    margin-bottom: 15px;
    text-transform: capitalize;
  }

  .table {
    .strike-price {
      display: inline;
    }
  }

  .table th,
  .table td {
    font-size: 14px;
  }

  .table td {
    text-align: right;
    padding: 10px;
  }

  .table th {
    text-align: left;
    padding: 10px;
    text-transform: capitalize;
  }

  .table>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
  }
}

.proceed-btn {
  height: 45px !important;
}

.sortAnd_filter_canvas .sortFilter_bodtArea {
  margin: 5px;
  padding: 0px;

  .sortandfilter_inner {
    padding: 15px;
  }
}

.buttons_action {
  width: 60%;
  margin: 15px auto;
  // margin-top: 0;

  .btn {
    font-size: 14px;

    i {
      font-size: 20px;
    }
  }
}

.overlapOne_header_H_S {
  height: unset !important;
  margin-top: 100px;
}

.fare_info {
  .table {

    th,
    td {
      font-size: 14px;
    }
  }
}

.fare_info_desk {
  height: fit-content;

  h2 {
    font-size: 20px;
    margin-bottom: 15px;
  }
}

.tour_short_desc .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 17px;
}

.tour_iternary_inner .tour_source_desti {
  width: 60%;
}

.tour_short_desc .accordion .accordion-item .accordion-body ul li {
  font-size: 14px !important;
}

.sortAnd_filter_canvas .sortFilter_bodtArea .action_area .btn:hover {
  background-color: #ffc619 !important;
}

.sortAnd_filter_canvas .sort_inner h3 {
  font-size: 15px;
}

.sortAnd_filter_canvas .sortFilter_bodtArea .action_area .btn {
  font-size: 14px;
  margin: 0px 0px;
}

.hotelDummyS {
  top: 84px !important;
  width: 62% !important;
  transform: unset !important;
  left: 124px !important;
  background-color: white;

  .col-6 {
    height: 340px !important;
  }

  .col-4 {
    height: 190px !important;
  }
}

.proceed-btn-desk {
  width: 100% !important;
  margin: 10px 0px;
  height: 42px !important;
  border-radius: 25px !important;
  margin-top: 20px;
}

.hotel_banner #further_hotelImg .row {
  max-height: 400px;
}

.hotel_banner .more_hotel_img[aria-expanded="true"] h3.hide_count {
  font-size: 1.2rem;
}

.ScrollS {
  height: unset;
  overflow: unset;
}

.fare_info {
  height: fit-content;
}

.tour_iternary_inner .tour_source_desti .center span {
  margin-top: 14px;
}

.fixed_done {
  position: fixed;
  background-color: #ffc619;
  top: 90px;
  right: 135px;
  width: 30%;
  background-color: #fff;
}

.mapload-wrap {
  position: fixed;
  top: 150px;
  right: 140px;
}

#BottomBar {
  .bottom_last {
    position: unset;

    .book_now {
      background: none;

      p {
        color: black;
        width: 20%;
        margin: 0;
      }

      h5 {
        font-size: 14px;
        color: black;
        width: 80%;
        display: flex;
        justify-content: end;

        p {
          font-size: 11px;
          width: unset !important;
        }
      }
    }
  }
}

.fare_info_desk {
  border-radius: 10px;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.11);
  padding: 10px;
  position: sticky;
  top: 92px;
  z-index: 0;
}

.bottom_last_As {
  p {
    margin-right: 0 !important;
  }

  h5 {
    width: 70%;
    justify-content: end;

    p {
      font-size: 12px !important;
    }
  }
}

.successpage_content {
  box-shadow: none;
  margin-top: 0px;
  max-height: unset;
  height: unset;
  overflow: unset;

  .success {
    img.main {
      width: auto !important;
    }
  }
}

.hotel-proceed-footer {
  position: unset !important;

  .hotel_proceed_book_now {
    background-color: #fff !important;

    h5 {
      display: flex !important;
      justify-content: space-between !important;
      font-size: 15px !important;
      color: #000 !important;

      i {
        color: #908e8e !important;
        font-size: 15px !important;
      }
    }

    .totalPassengers {
      font-size: 13px !important;
      color: #908e8e !important;
      font-weight: normal !important;
      text-align: end !important;
      width: 100% !important;
      padding-left: 0px !important;
    }
  }

  .envalopeimg {
    display: none !important;
  }

  .hotel_rooms_details {
    background-color: #fff !important;
    margin-top: 0 !important;
    padding: 16px 0px 0px 8px !important;

    .details .room_one {
      .left_sec {
        .number {
          font-size: 14px !important;
          color: #b31f24 !important;
          font-weight: 400 !important;
        }

        .name {
          font-size: 12px !important;
          color: #000 !important;
        }

        .traveller_info .people {
          font-size: 8px !important;
          color: #000 !important;
        }
      }

      .right_sec {
        align-items: center !important;

        .price {
          color: #000 !important;
          font-weight: 500 !important;
          font-size: 14px !important;
        }

        .edit_icon {
          font-size: 10px !important;
          color: #000 !important;
        }
      }
    }
  }
}

.proceed-btn_S {
  font-size: 14px !important;
  height: 40px !important;
  border-radius: 25px !important;
  margin-top: 15px !important;

  &:hover {
    background-color: #ffc619 !important;
    color: #000 !important;
  }
}

.right_section_top_cus {
  margin-top: 96px !important;
  border-radius: 10px !important;
  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, .11) !important;
  padding: 10px !important;
  margin-bottom: 50px !important;
  width: 30% !important;
  position: sticky;
  top: 92px;
}

.left_section_top_cus {
  width: 70% !important;
}

.select_btn {
  font-size: 17px !important;
  height: 40px !important;

  &:hover {
    background-color: #ffc619 !important;
    color: #000 !important;
  }
}

.select_modal .modal-content {
  font-size: 17px !important;
}

.content_height_new {
  max-height: unset !important;
}

.cus-heading {
  font-size: 20px !important;
  margin-bottom: 15px !important;
  padding: 7px !important;
}

#travelers_select.listing_selectravellers .modal-content {
  height: unset !important;
}

.hotel_banner .more_hotel_img {
  height: 194px !important;
}