/* cruises  */

#rooms {
  margin-bottom: 4rem;
}
#rooms .rlr-product-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#rooms .rlr-product-card__image-wrapper {
  width: 25%;
}
#rooms .rlr-product-card__detail-wrapper.rlr-js-detail-wrapper {
  border-left: 0px solid rgba(0, 0, 0, 0.2);
}
.book-side {
  margin: auto;
  display: flex;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  height: 80%;
  align-items: center;
  justify-content: center;
}
.book-side .booking {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#rooms .btn-outline-primary {
  border-color: #e60000;
  color: #e60000;
}
#rooms .btn-outline-primary:hover {
  background-color: #e60000;
  color: #fff !important;
  outline: none;
  opacity: 0.9;
}
#rooms .font-size-13 {
  font-size: 13px;
}
#rooms .font-weight-bold {
  font-weight: 600;
}
#rooms .font-weight-bold:hover {
  color: #e60000;
}
#rooms .rlr-product-card__image-wrapper,
#rooms .swiper,
#rooms .swiper-wrapper,
#rooms .swiper-slide,
#rooms .rlr-product-card__image-wrapper img {
  height: 100%;
}
@media screen and (max-width: 1100px) {
  #rooms .rlr-product-card {
    display: flex;
    flex-direction: column !important ;
    justify-content: center;
    align-items: center;
  }
  #rooms .rlr-product-card__image-wrapper {
    width: 100%;
  }
  #rooms .rlr-product-card__detail-wrapper.rlr-js-detail-wrapper {
    border-left: none;

    width: 100%;
  }
  #rooms .book-side {
    height: auto;
    width: 100%;
    padding: 15px;
    border-left: none;
  }
}
#rooms .modal-content {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  position: fixed !important;
  width: 50% !important;
  height: 50% !important;
  left: 50% !important;
  z-index: 19999 !important;
  /* overflow: hidden; */
}
#rooms .modal-content img {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  position: fixed !important;
  max-width: 97% !important;
  max-height: 97% !important;
  left: 50% !important;
  z-index: 19999 !important;
}
#rooms .close {
  top: -10px;
  position: absolute;
  right: -10px;
  width: 20px;
  height: 20px;
  background-color: #e60000;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  border-radius: 50%;
  opacity: 1;
}
#rooms .close:hover {
  opacity: 0.8;
}
#rooms .swiper-wrapper img {
  cursor: pointer;
}