@import url("./airline.css");
@import url("https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css");
@import url("https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css");
@import url("color.css");
@import url("fonts.css");
@import url("style.css");

/*header page css here*/

header {
  background: var(--white-white);
  z-index: 999;
}

#menu-toggle {
  background: var(--black-scale-900);
}

.wallet-btn {
  border: solid 1px var(--black-scale-200);
}

.dropdown-content {
  box-shadow: 0px 1px 20px rgba(88, 86, 86, 0.16);
  border: 1px solid var(--black-scale-100);
  border-radius: 16px;
}

/*home page css here*/

.banner-section-inner {
  background: url(../images/banner.png) no-repeat;
  background-size: cover;
  background-position: center center;
  border-radius: 16px;
  min-height: 665px;
}

.fild-box {
  border-right: solid 1px var(--black-scale-200);
}

.fild-box .form-control {
  padding-bottom: 0;
  height: auto;
}

.card-content {
  background: linear-gradient(187.28deg,
      rgba(0, 0, 0, 0) 5.45%,
      #000000 94.12%);
}

.carousel {
  position: relative;
}

#prev-btn,
#hotels-prev-btn {
  width: 44px;
  height: 44px;
  border: none;
  color: var(--black-white);
  position: absolute;
  left: 0;
  top: 38%;
  border-radius: 100px;
  background: var(--white-white);
  box-shadow: 0px 4px 10px rgba(72, 72, 72, 0.13);
}

#next-btn,
#hotels-next-btn {
  width: 44px;
  height: 44px;
  border: none;
  color: var(--black-white);
  position: absolute;
  right: 0;
  top: 38%;
  border-radius: 100px;
  background: var(--white-white);
  box-shadow: 0px 4px 10px rgba(72, 72, 72, 0.13);
}

#testimonials-prev-btn {
  width: 44px;
  height: 44px;
  border: none;
  color: var(--black-white);
  border-radius: 100px;
  background: var(--white-white);
  box-shadow: 0px 4px 10px rgba(72, 72, 72, 0.13);
  min-height: 10px;
}

#testimonials-next-btn {
  width: 44px;
  height: 44px;
  border: none;
  color: var(--black-white);
  border-radius: 100px;
  background: var(--white-white);
  box-shadow: 0px 4px 10px rgba(72, 72, 72, 0.13);
  min-height: 10px;
}

.carousel-container {
  display: flex;
  transition: transform 0.3s ease-in-out;
  width: 100%;
}

.carousel-item {
  flex: 0 0 100%;
  box-sizing: border-box !important;
}

.crypto-payments-section {
  background: url(../images/left-shape.png) no-repeat left top,
    url(../images/right-shape.png) no-repeat right top var(--primary-scale-900);
}

.stat-box {
  border-color: var(--primary-scale-200);
}

@media (min-width: 768px) {
  .carousel-item {
    flex: 0 0 50%;
  }
}

@media (min-width: 1024px) {
  .carousel-item {
    flex: 0 0 25%;
  }
}

.top-hotels-section .card-content {
  background: transparent;
}

.rating-box i {
  color: var(--black-scale-200);
}

.rating-box i.active {
  color: #ffa534;
}

.modal-box {
  background: var(--white-white);
}

.ratings-list label {
  background: var(--white-white);
  border: solid 1px var(--black-scale-200);
  padding: 8px 10px;
  position: relative;
  border-radius: 5px;
}

.ratings-list label input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.amenities-list label {
  background: var(--white-white);
  border: solid 1px var(--black-scale-200);
  padding: 15px 10px;
  position: relative;
  border-radius: 5px;
}

.amenities-list label input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* FAQ Accordion Styles */
.collapse[open] .collapse-title,
.collapse-open .collapse-title,
.collapse:focus:not(.collapse-close) .collapse-title,
.collapse:not(.collapse-close) input[type="checkbox"]:checked~.collapse-title,
.collapse:not(.collapse-close) input[type="radio"]:checked~.collapse-title {
  color: var(--primary-primary);
}

.collapse-arrow[aria-expanded="true"] .collapse-title {
  color: var(--primary-primary);
}

.radio:checked,
.radio[aria-checked="true"] {
  background: var(--primary-primary);
}

.property-form-inner .form-control:focus {
  outline: none;
  border: none;
}

.flight-detail-modal-bg:before {
  content: "";
  position: absolute;
  left: 29px;
  top: 37px;
  width: 2px;
  height: 53%;
  border-left: dashed 2px var(--primary-scale-900);
}


.map-view-button-box {
  background: url(../images/map-img.png) no-repeat left center;
  background-size: cover;
  height: 151px;
  width: 100%;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.list-view-text {
  display: none;
}

.show-map-view .map-view-button-box {
  background: #B8E3FF;
}

.show-map-view .list-view-text {
  display: block;
}

.show-map-view .map-view-text {
  display: none;
}

.map-view-full {
  display: none;
  border-radius: 16px;
  overflow: hidden;
}

.show-map-view .map-view-full {
  display: block;
  flex: 1;
}

.show-map-view .hotel-list-bg {
  display: flex !important;
}

.show-map-view .left-sidebar-box {
  max-width: 300px;
}

.show-map-view .right-sidebar-box {
  max-width: 300px;
}

.show-map-view .search-content-bg .container {
  max-width: 100% !important;
  width: 100%;
}

.show-map-view .hotel-card>.flex {
  flex-direction: column;
}

.show-map-view .hotel-card>.flex .flex-1>.flex {
  flex-direction: column;
}

.show-map-view .search-content-bg {
  padding-top: 15px;
  padding-bottom: 0;
}

.show-map-view footer {
  display: none;
}

.show-map-view .property-form-section .container {
  max-width: 100% !important;
  width: 100%;
}

.show-map-view .property-form-inner {
  padding: 0;
  background: transparent;
}

.show-map-view .property-form-inner>div {
  background-color: var(--primary-scale-50);
}

.show-map-view .right-sidebar-box .hotel-card .h5-headline {
  font-size: clamp(18px, 4vw, 20px);
}

.show-map-view .right-sidebar-box .hotel-card .flex.items-end.flex-wrap.justify-between {
  align-items: start;
}

.show-map-view .price-info {
  text-align: left !important;
  width: 100%;
}

.show-map-view .price-info span {
  justify-content: start !important;
}

.show-map-view .left-sidebar-box{height: calc(100vh - 280px); overflow: auto;}
.show-map-view .map-view-full{min-height: calc(100vh - 280px);}
.show-map-view .right-sidebar-box{height: calc(100vh - 280px); overflow: auto;}
 
.show-map-view .banner-adds{display: none !important;}
.gm-style-iw-chr{position: absolute; right: 0; bottom: 0; background:#F0F8FF; color:#000; display: none !important;}
.show-map-view .hotel-image-box{width: 100% !important;}


.show-text{display: none;}
.filter-hotel-button{display: none !important;}
.show-map-view .filter-hotel-button{display: flex !important;}


.hide-show-filter .left-sidebar-box{display: none !important;}
.hide-show-filter .filter-button .show-text{display: block !important;}
.hide-show-filter .filter-button .hide-text{display: none !important;}

.hide-show-hotel .right-sidebar-box{display: none !important;}
.hide-show-hotel .hotel-button .show-text{display: block !important;}
.hide-show-hotel .hotel-button .hide-text{display: none !important;}

.swiper-button-prev,.swiper-button-next{width: 40px; height: 40px; background: #fff; border-radius: 100px;}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}
.swiper-button-prev svg,.swiper-button-next svg{color: #000; width: 10px !important;}
.trending-destinations-section .swiper-pagination{display: none;}