.hotel-rooms {
  margin-top: -30px;
  padding-bottom: 100px;
}
.hotel-rooms .room {
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  text-align: left;
}
@media (max-width: 992px) {
  .hotel-rooms .room {
    flex-direction: column;
  }
}
.hotel-rooms .room-slider {
  flex: 0.8;
  overflow: hidden;
  position: relative;
}
@media (max-width: 992px) {
  .hotel-rooms .room-slider {
    height: 300px;
    padding-top: 54%;
  }
}
.hotel-rooms .room-slider.slider-arrows {
  color: #fff;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  font-weight: 300;
}
.hotel-rooms .room-slider.slider-arrows:before {
  box-sizing: border-box;
  content: "\f053";
  left: 0;
  opacity: 1;
  padding: 35px 15px;
  position: absolute;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 100;
}
.hotel-rooms .room-slider.slider-arrows:after {
  box-sizing: border-box;
  content: "\f054";
  opacity: 1;
  padding: 35px 15px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 100;
}
.hotel-rooms .room-images {
  height: 100%;
  position: absolute;
  width: 9999px;
  display: flex;
  top: 0;
}
.hotel-rooms .room-image {
  flex: 1;
}
.hotel-rooms .room-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
  display: block;
}
.hotel-rooms .room-text {
  background: #fff;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 240px;
  padding: 25px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.hotel-rooms .room-text .col-inner {
  flex: 1;
}
.hotel-rooms .room-text .col-inner .button {
  float: right;
}
.hotel-rooms .room-text h3 {
  font-size: 1.1em;
  font-weight: 600;
  margin-top: 0;
}
.hotel-rooms .room-text p:last-child {
  margin-bottom: 0;
}
.hotel-rooms .room-guests {
  font-size: 30px;
}
.hotel-rooms .room-guests .fal {
  opacity: 0.3;
}
.hotel-rooms .room-guests .fal.room-guests-min {
  opacity: 1;
}
.hotel-rooms .flex {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .hotel-rooms .room-slider {
    padding-top: 66%;
  }
  .hotel-rooms .room {
    display: flex;
    flex-direction: column;
  }
  .hotel-rooms .room-text {
    border-left: 1px solid #efefef;
  }
}