.all-category-tabs.leisureCatagory .nav-tabs .nav-item .nav-link {
  font-family: var(--font-family-inter);
}
.webNewContent1 p,
.webNewContent1 p span {
  font-family: var(--font-family-joan);
}

.font-20 {
  font-size: 1.5rem;
}
.bg-none { background-color: transparent !important; }
.modal-dialog-scrollable .modal-content {
  overflow: visible;
}

.mapPreference {
  max-height: 600px;
  overflow-y: auto;
}


.webNewContent1 p {
  margin: 0;
  color: var(--color-black);
}


.bg-gradient-one {
  background: linear-gradient(135deg, #70afc1, #b4e1ee);
  background-color: var(--color-first);
}

.bg-gradient-two {
  background: -webkit-linear-gradient(to right, #ffced3, #fef1f2);
  background: -moz-linear-gradient(to right, #ffced3, #fef1f2);
  background: -o-linear-gradient(to right, #ffced3, #fef1f2);
  background: linear-gradient(to right, #ffced3, #fef1f2);
}

.toListProperty,
.toListProperty a {
  font-size: 14px
}
.rows-listing.rows-grid .listing-card {
  min-height: 520px;
}

.rows-listing.rows-grid .listing-card .no-grid {
  display: none;
}

.exact-dates {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.collapse-fields label.d-block {
  height: auto
}



#bookflightandhotel {
  position: relative;
  top: -2px
}

.radioGroup {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.radioGroup input {
  position: relative;
  top: -1px
}

.active.start-date,
.active.end-date {
  font-weight: 600;
  background: var(--color-second) !important;
  color: var(--color-white) !important;
}

.cols-listing {
  position: relative;
}

.cols-listing a,.cols-listing button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 98%;
  margin: auto;
  /* background: rgba(0,0,0,0.3); */
  z-index: 9;
}

.h-imgs-carousel.carousel .indicators {
  position: relative;
  z-index: 10
}

.cols-listing .card.listing-card {
  border: 1px solid var(--color-white);
  transition: .2s;
}

.cols-listing:hover .card.listing-card {
  border: 1px solid var(--color-first)
}

/* Hotel Detail Section */


#hotelAmenitiesModal .amenitiesMenu{
  overflow-x: auto;
  width: 100%;
}
#hotelAmenitiesModal .amenitiesMenu li{
  white-space:nowrap;
  border-bottom:2px solid transparent;
  font-size:1rem;
  text-transform:uppercase;
  padding:0 1rem;
}
#hotelAmenitiesModal .amenitiesMenu li.active{
  border-bottom:2px solid var(--color-first)
}
#hotelAmenitiesModal .modal-body .amenitiesList li{min-width: 30%; max-width: 30%;}
.hoteDetailSection .hotel-title {
  font-weight: 600;
  color: var(--color-black);
  font-size: 2rem;
  display: flex;
  align-items: flex-start;
}

.hoteDetailSection .hotel-title span {
  font-size: 1.3rem;
  margin-left: .5rem;
}

.hoteDetailSection .hotel-subTitle {
  font-size: 1.2rem;
  font-weight: bold;
}

.hoteDetailSection .hotelPhotosGrid {
  display: grid;
  grid-template-columns: 4fr 2fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  height: 336px;
  width: 100%;
  box-sizing: border-box;
}


.hoteDetailSection .photoCard {
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.hoteDetailSection .photoCard--large {
  grid-row: span 2;
}

.hoteDetailSection .photoCard--small {
  height: 100%;
}

.hoteDetailSection .photoFrame {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 1rem;
  position: relative;
}

.hoteDetailSection .photoFrame .morePhoto {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: var(--color-white);
  font-weight: 500;
  z-index: 1
}

.hoteDetailSection .photoFrame:after {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50%;
  width: 100%;
  background: linear-gradient(to top, var(--color-black)000 20%, transparent 100%);
  content: '';
  z-index: 0;
  opacity: .5
}

.hoteDetailSection .photoFrame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.luxuryBtn {border: 1px solid #ccc;border-radius: 100px;}
.luxuryBtn figure {
  margin: 0;
  border-radius: 100px;
  overflow: hidden;
  width: 140px;
  height: 80px;
  border: 3px solid var(--color-second);
}
.luxuryBtn figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: 5px solid var(--color-white);
  border-radius: 100px;
}

.booking-form-section .buttons.btn-Rounded {
  top: -10px;
}

.booking-form-section .search-destination-datalist {
  box-shadow: 0 1px 3px #ccc;
}

.booking-form-section .submenu-web .list-group {
  min-height: 50px;
  max-height: 300px;
  overflow-y: auto;
}

.booking-form-section .submenu-web .list-group .list-group-item {
  border-radius: 0;background-color: transparent;
}

.booking-form-section .submenu-web .list-group .list-group-item:hover {
  background: var(--bg-body-color);
}

.booking-form-section .submenu-web .list-group .list-group-item .selectedButton {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: var(--color-black);}
.search-result-page .booking-form-section input.search-destination-field {
  font-size: 15px;
  height: 40px;
}

.removeValueButton.show,
.selectedButton.show {
  display: none;
}

.search-destination-field {
  font-size: 15px;
}

.search-destination-field::placeholder {
  color: #B6B6B6;
  font-weight: 400
}

.limited-time-offer {
  background: var(--color-blue-light2)
}

.qty-container .input-qty {
  pointer-events: none;
}

.booking-form-section .submenu-web {
  overflow-y: hidden;
}

.mapModal .modal-body {
  position: relative;
  padding: 0;
}

.mapModal .modal-body .btn-close {
  position: absolute;
  top: 0;
  right: -45px;
  background-color: var(--color-white) !important;
}



.point-section .callback-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  height: 450px;
}


.propertySwiper {
  position: relative;
}
.swiper-nav {
  background: var(--color-white);
  border-radius: 15px;
  box-shadow: 0 1px 3px #ccc;
  display: flex;
  align-items: center;
  padding: 5px;
  gap: 15px;
}

.swiper-nav .swiper-nav-prev,
.swiper-nav .swiper-nav-next {
  display: flex;
  align-items: center;
}

.propertyLayout .swiper-slide {
  box-shadow: none;
  cursor: pointer;
}

.propertyLayout .card figure {
  position: relative;
  height: 170px;
  margin: 0;
}

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

.propertyLayout .card figure span {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 2px 7px;
  border-radius: 5px;
}

.propertyLayout .card figure svg,
.propertyLayout .card figure small {
  color: var(--color-white);
  fill: var(--color-white)
}
.foodDinning p {
  font-size: 16px;
}

.foodDinning ul {
  margin: 0;
  padding-left: 17px;
}

.foodDinning li {
  list-style: circle;
}

.new-badge {
  border: 1px solid var(--color-second);
  background: var(--color-second);
  color: var(--color-white);
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 10px;
}

.propertyRules ul {
  margin: 0;
  padding-left: 18px;
}

.propertyRules li {
  list-style: circle;
}
.search-result-page .booking-form-section input.form-control,
.search-result-page .booking-form-section select.form-select,
.search-result-page .booking-form-section .input-group-text,
.search-result-page .booking-form-section .collapse-fields-font {
  font-size: 20px;
}

.roomTypes .roomType-boxAll {
  border: 1px solid #eee;
  border-radius: 15px;
}

/* Category count bar inside LightGallery */
.lg-category-count {
  text-align: center;
  color: var(--color-white);
  font-size: 13px;
  margin-top: 8px;
  opacity: 0.9;
}

.lg-category-count span {
  margin: 0 8px;
  padding: 4px 10px;
  border-radius: 20px;
  background: transparent;
  cursor: pointer;
  transition: 0.3s;
  display: inline-block;
  color: var(--color-white);
}

.lg-category-count span:hover {
  background: rgba(255, 255, 255, 0.3);
}

.lg-category-count span.active {
  background: rgba(255, 255, 255, 0.5);
  color: var(--color-black);
  font-weight: bold;
}

/* Hide filtered-out thumbnails */
.lg-thumb-item.hidden {
  display: none !important;
}

.lg-thumb.lg-group {
  display: flex;
  width: 100% !important;
  align-items: center;
  justify-content: center
}

.lg-thumb-item {
  height: 45px !important;
  width: 50px !important
}
body.gallery-open {
  overflow: hidden;
  height: 100vh;
}
.galleryPopup {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1040;
  height: 100vh;
  overflow-y: auto;
  display: none;
  -webkit-overflow-scrolling: touch;
}
.galleryPopup-header {
  background-color: var(--color-white);
  z-index: 99;
}

.galleryPopup-body .popupImg {
  height: 250px;
  overflow: hidden;
  display: block;
}

.galleryPopup-body .popupImg img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

#closeGalleryPopup {
  cursor: pointer;
}

.infoIcon {
  position: relative;
}

.infoIcon .info-popup {
  position: absolute;
  top: 100%;
  left: -130px;
  transform: translateX(-50%);
  background: var(--color-white);
  color: #333;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  display: none;
  z-index: 10;
  min-width: 400px;
  padding: 15px;
  background: var(--color-blue-light2);
}

.info-popup::before {
  content: "";
  position: absolute;
  top: -11px;
  right: 13%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent var(--color-blue-light2) transparent;
  filter: drop-shadow(0 -1px 1px rgba(0, 0, 0, 0.1));
}


.infoIcon:hover .info-popup {
  display: block;
}
.gallery-pills-tab.nav-pills .nav-link.active,
.gallery-pills-tab.nav-pills .show>.nav-link{background-color: var(--color-first-same);}
.galleryPopup-Nav {
  align-items: center;
  max-width: 100%;
}

.galleryPopup .galleryImg {
  cursor: pointer;
}

.galleryPopup-Nav .nav-link {
  color: var(--color-first);
  border-bottom: 3px solid transparent;
}

.galleryPopup-Nav .nav-link:hover,
.galleryPopup-Nav a.active {
  font-weight: bold;
  border-bottom: 3px solid var(--color-second);
}

.galleryPopup-Nav .swiper-slide {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  text-align: center;
  white-space: nowrap;
}

.popupSwiper-nav {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  top: 20px;
  margin: auto;
  align-items: center;
}

.popupSwiper-nav .swiper-nav-prev,
.popupSwiper-nav .swiper-nav-next {
  position: absolute;
}

.popupSwiper-nav .swiper-nav-prev {
  left: 0;
}

.popupSwiper-nav .swiper-nav-next {
  right: -4px;
}

.galleryRow .more-photos-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  color: var(--color-white);
  font-weight: 600;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  cursor: pointer;
}

.similarProperty img {
  height: 200px;
}

.similarProperty .swiper-slide {
  box-shadow: none;
}

/* Booking Review */
.iti {
  width: 100% !important;
}

.GSTSection {
  display: none;
}
/* .modal-content{border:1.5px solid var(--color-black);} */
.modal-header .btn-close {
  position: absolute;
  right: -0.5em;
  top: -0.5em;
  border:2px solid var(--color-black);
  color: var(--color-white);
  background-color: var(--color-white) !important;
}
.modal-header .btn-close:hover{opacity: 1 !important}
html[data-bs-theme="dark"] .modal-header .btn-close{filter: grayscale(1);background-color: var(--bg-light) !important; }
.modal-header .btn-close:focus,.modal-header .btn-close:focus:not(:focus-visible){
  outline: 0 !important;box-shadow: none !important;
}
.card.summaryDetails {
  position: static;
}

.accordion-button.collapsed::after {
  transform: rotate(-90deg);
}

.accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
}

.insuranceCard {}


.paymentDue {}

.paymentDueLabel {
  top: 10px;
  left: -10px;
  border-radius: 10px;
  font-size: 12px;
}

.dropdown.right-0 .dropdown-menu.show {

  right: 0 !important;
  transform: none !important;
  left: auto !important;
  top: 100% !important;
}

.canceletation-panel {
  padding-left: 3em;
  position: relative;
}

.canceletation-panel::after {
  top: 3px;
  bottom: 0;
  border-radius: 10px;
  left: 1em;
  width: 4px;
  height: 80%;
  background-color: #ccc;
  position: absolute;
  content: '';
  z-index: 1;
}

.canceletation-panel .cn-warning,
.canceletation-panel .cn-danger,
.canceletation-panel .cn-success {
  position: relative;
}

.canceletation-panel .cn-warning::after,
.canceletation-panel .cn-danger::after,
.canceletation-panel .cn-success::after {
  top: 3px;
  margin: auto;
  border-radius: 10px;
  left: -1.6em;
  width: 15px;
  height: 15px;
  background-color: var(--color-white);
  position: absolute;
  content: '';
  z-index: 2;
  border: 3px solid #333;
}

.canceletation-panel .cn-warning::after {
  border: 3px solid orange;
}

.canceletation-panel .cn-danger::after {
  border: 3px solid red;
}

.canceletation-panel .cn-success::after {
  border: 3px solid green;
}

.canceletation-panel .cn-warning p {
  color: orange
}

.canceletation-panel .cn-danger p {
  color: red
}

.canceletation-panel .cn-success {
  position: relative;
}

.canceletation-panel .cn-success p {
  color: green;
}

.canceletation-panel .cn-success * {
  position: relative;
  z-index: 2
}

.canceletation-panel .cn-highlight::before {
  top: -10px;
  bottom: -10px;
  border-radius: 10px;
  left: 0em;
  width: 550px;
  background-color: #d5ffd5;
  position: absolute;
  content: '';
  z-index: 1;
}

.canceletation-panel .cn-highlight::after {
  position: absolute;
  content: '';
  left: -6px;
  top: 5px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 7px solid #d5ffd5;
}


.steps {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: relative;
  background: var(--color-white);
}
.step {
  position: relative;
  background: var(--color-white);
  color: #444;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  margin-right: 30px;
  flex: 1;
  z-index: 9;
}
.step span {
  border: 1px solid var(--color-black);
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .85rem;
  border-radius: 30px;
  line-height: normal
}
.step.active span {
  background: var(--color-black);
  color: var(--color-white);
}
.step::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 32px;
  border: solid #C8C2C2;
  border-width: 1px 1px 0 0;
  right: -15px;
  transform: rotate(45deg);
  z-index: -1;
  background: var(--color-white);
  top: 5px;
  transition: all 0.3s ease;
}
.step:last-child{margin-right: 0}
.step:last-child::after{display: none;}
.step.active {
  background: var(--color-blue-light2);
  color: var(--color-black);
}
.step.active::after {
  background: var(--color-blue-light2);
}
/* This fills the blank notch on the left of the active step */
.step.active::before {
    content: "";
    position: absolute;
    left: -28px;
    top: 0;
    width: 40px;
    bottom: 0;
    background: var(--color-blue-light2);
    z-index: 1;
}
.step.active {
    position: relative;
    z-index: 2;
    background: var(--color-blue-light2) !important;
}
.step:first-child::before {
    display: none;
}
.step {
  transition: all 0.3s ease;
}

.step:hover {
  opacity: 0.9;
}
.child-age-item{width: 23.5%}

/*.allTripTab .nav {
  gap: 30px
}*/

.allTripTab .nav-link {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color-black);
  background: transparent;
  border-bottom: 5px solid var(--color-white);
  border-radius: 0;
}

.allTripTab .nav-link svg {
  fill: var(--color-black)
}

.allTripTab .nav-link.active svg,
.allTripTab .nav-link:hover svg {
  fill: var(--color-first);
}

.allTripTab .nav-item.cancelled .nav-link.active svg,
.allTripTab .nav-item.cancelled .nav-link:hover svg {
  fill: var(--color-second);
}

.allTripTab .nav-item.completed .nav-link.active svg,
.allTripTab .nav-item.completed .nav-link:hover svg {
  fill: var(--color-grey);
}

.allTripTab .nav-link.active,
.allTripTab .nav-link:hover {
  background: transparent;
  color: var(--color-first);
  border-bottom: 5px solid var(--color-first)
}

.allTripTab .nav-item.cancelled .nav-link.active,
.allTripTab .nav-item.cancelled .nav-link:hover {
  background: transparent;
  color: var(--color-second);
  border-bottom: 5px solid var(--color-second)
}

.allTripTab .nav-item.completed .nav-link.active,
.allTripTab .nav-item.completed .nav-link:hover {
  background: transparent;
  color: var(--color-grey);
  border-bottom: 5px solid var(--color-grey)
}


/* Circular Progress Bar */
.xcircular-progress {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background: conic-gradient(var(--color-first) 0deg, var(--color-white) 0deg);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.xcircular-progress::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #ffced3;
}

.xprogress-value {
  position: relative;
  font-size: 12px;
  font-weight: bold;
  color: var(--color-first);
}

/* Circular Progress Bar */

/*  My Profile Page Css Start */



.profile-page .nav-pills .nav-link {
  background-color: transparent;
  border-radius: 0;
  color: #555;
  text-align: left;
  border-radius: .5rem;
  padding: .75rem 1rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.profile-page .nav-pills .nav-link svg {
  fill: #777;width: 15px;height: 15px;
}

.profile-page .nav-pills .nav-link.active {
  background-color: var(--color-blue-light3);
  color: var(--color-black)
}

.profile-page .nav-pills .nav-link.active svg {
  fill: var(--color-black)
}

.profile-page .select2-container--default .select2-selection--single {
  height: 40px;
  border-radius: var(--bs-border-radius) !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.profile-page .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 7px;
  right: 7px
}

.profile-page .select2-container .select2-selection--single .select2-selection__rendered {
  padding-top: 7px;
}

.profile-page #profile-image {
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 150px;
  height: 150px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.profile-page #profile-image img{
  height:100%;
  width:100%;
  object-fit:cover
}
.profile-page #profile-image #no-profile-img{
  display: block;
}
.profile-page #profile-image .edit-profile-image {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  margin: auto;
  background: var(--color-second);
  border-radius: 100%;
  padding: 0.3em;
  opacity: 0;
  transition: .2s;
}

.profile-page #profile-image:hover .edit-profile-image {
  opacity: .75;
}

.profile-page #profile-image .edit-profile-image svg {
  fill: var(--color-white)
}

#drop-zone {
  width: 100%;
  height: 350px;
  border: 2px dashed #bbb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px auto;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: var(--color-white);
  text-align: center;
}
#drop-zone .cropper-container{
  width: 100%!important;
  height: 100%!important;
}

#drop-zone.dragover {
  border-color: #4a9cff;
  background: #eef6ff;
}

#drop-image {
  max-width: 100%;
  display: none;
}

#img-controls {
  width: 100%;
  display: none;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

#img-controls button {
  padding: 5px 14px;
  cursor: pointer;
  border: 0;
  border-radius: 5px;
}

.profile-page .form-control,
  .profile-page .form-select,
  .profile-page .select2-selection--single,
  .profile-page .input-group-text {
    background-color: var(--color-white);
  }

  #traveller-list .card-icon {
    min-height: 70px;
    min-width: 70px;
  }


  #relationship button.active {
    position: relative;
  }

  #relationship button.active::before {
    content: '✓';
    margin-right: 2px;
  }

 #change-pass-tab .pw-rules {
    margin: 0;
    padding-left: 0;
  }

  #change-pass-tab .pw-rules li {
    list-style: none;
    font-size: 14px;
    margin: 5px 0;
    color: #777;
  }

  #change-pass-tab .pw-rules li.ok {
    color: #2ecc71;
    font-weight: bold;
  }

  #change-pass-tab .pw-rules li.ok i {
    color: #2ecc71;
  }

  #change-pass-tab .pw-meter {
    width: 300px;
    height: 8px;
    background: #eee;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 10px;
  }

  #change-pass-tab .pw-strength {
    height: 100%;
    width: 0%;
    background: red;
    transition: 0.25s;
  }

  #change-pass-tab .pw-strength-label {
    margin-top: 8px;
    font-weight: bold;
  }

/*  My Profile Page Css End */


@media screen and (max-width: 992px) {
  .canceletation-panel .cn-highlight::before {
    width: 80%;
  }

  .canceletation-panel::after {
    height: 75%;
  }


  .all-category-tabs-new.leisureSearchCategory .nav-tabs .nav-item .nav-link {
    white-space: nowrap;
  }
}

@media screen and (max-width: 768px) {
  .profile-page #profile-image{
    height: 130px;
    width: 130px;
  }
  .profile-page .nav-pills .nav-link{
    padding:.75rem
  }
  .canceletation-panel .cn-highlight::before {
    width: 90%;
  }

  .mapView {
    position: relative;
    height: auto;
  }

  .hoteDetailSection .hotelPhotosGrid {
    height: auto;
  }

  #scroll-navbar.show {
    top: 165px;
    overflow-x: auto;
  }

  #scroll-navbar .nav {
    flex-wrap: nowrap;
  }

  #scroll-navbar .nav-link {
    white-space: nowrap;
    padding: 0.5rem;
    font-size: 0.8rem;
  }

  .infoIcon:hover .info-popup {
    left: 0;
    min-width: 250px;
    transform: translateX(0px);
  }

  .infoIcon:hover .info-popup::before {
    right: auto;
    left: 5%;
  }

  .roomTypes .roomType-boxAll {
    border: none
  }

  .hoteDetailSection .photoFrame .morePhoto {
    font-size: 14px;
  }

  .ratingPanel .ratingBox {
    width: 90%;
    display: block;
    text-align: center;
  }

  .ratingPanel .mapBox {
    width: 90%;
    display: block;
  }

  .ratingPanel .mapBox img {
    width: 100%;
  }
  .booking-form-listing-section .webNewContent .mainHeading {font-size: 1.4rem;}
  /*.modal-content{width: 80%;margin: auto;}*/
}
@media screen and (max-width: 576px) {
  .profile-page .nav-pills .nav-link {padding: 0.5rem;font-size: 1rem;}
  #add-edit-traveller-list .iconSize-45 {min-width: 32px;min-height: 32px;}
  .profile-page #profile-image{
    height: 100px;
    width: 100px;
  }
  .daterangepicker .calendar-table {
      padding: 0 !important;
  }
  .daterangepicker .table-condensed {
      width: 100% !important;
      display: table;
      table-layout: fixed !important;
  }
  .daterangepicker .table-condensed th,
  .daterangepicker .table-condensed td {
      width: auto !important;
      padding: 4px 0 !important;
      font-size: 11px !important;
      min-width: 0 !important;
  }
  .daterangepicker .drp-calendar {
      float: none !important;
      width: 100% !important;
      max-width: none !important;
      padding: 10px !important;
  }
  .daterangepicker .table-condensed thead tr th {
      font-weight: 600;
      color: var(--color-black);
  }
  .allTripTab .nav-pills .nav-link {
    font-size: 0.75rem;
    padding: 0.5rem;
  }
  .allTripTab .nav-pills .nav-link svg {
    width: 16px;
    height: 16px;
  }
  .allTripTab .tab-content .buttons.text-md {
    font-size: 0.856rem !important;
  }
}
@media screen and (max-width: 480px) {
  .allTripTab .nav {
    gap: 0;
  }
  .allTripTab .nav-pills .nav-link {
    font-size: 0.7rem;
    padding: 0.5rem 0.8rem;
  }
  .allTripTab .nav-pills .nav-link svg {
    display: none;
  }
  .allTripTab .tab-content .buttons.text-md {
    font-size: 0.756rem !important;
  }
  .booking-form-listing-section .webNewContent .mainHeading {font-size: 1.25rem;}
}