.hotel-room-details {
  max-width: 850px;
  width: 850px;
}

.hotel-room-images {
  margin: -30px -30px 20px;
  position: relative;
  height: 500px;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.hotel-room-images .hotel-room-slider {
  height: 100%;
}
.hotel-room-images .hotel-room-slider .slick-list {
  height: 100%;
}
.hotel-room-images .slick-next,
.hotel-room-images .slick-prev {
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #E4E4E4;
}
.hotel-room-images .slick-next svg,
.hotel-room-images .slick-prev svg {
  fill: #8E8E93;
  width: 20px;
  height: 20px;
}
.hotel-room-images .slick-next {
  right: 25px;
  z-index: 10;
}
.hotel-room-images .slick-next:before {
  display: none;
}
.hotel-room-images .slick-prev {
  left: 25px;
  z-index: 10;
}
.hotel-room-images .slick-prev:before {
  display: none;
}
.hotel-room-images .slick-slide {
  height: 100%;
}
.hotel-room-images .slick-slide img {
  border-radius: 5px;
}
.hotel-room-images .swiper-button-next,
.hotel-room-images .swiper-button-prev {
  top: 50%;
  margin-top: -32px;
  width: 64px;
  height: 64px;
  border-radius: 5px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='20' viewBox='0 0 23 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.4825 9.05882C23.0023 9.57862 23.0023 10.4214 22.4825 10.9412L14.012 19.4117C13.4922 19.9315 12.6494 19.9315 12.1296 19.4117C11.6098 18.8919 11.6098 18.0492 12.1296 17.5294L19.659 10L12.1296 2.47062C11.6098 1.95083 11.6098 1.10807 12.1296 0.588277C12.6494 0.068482 13.4922 0.0684818 14.012 0.588276L22.4825 9.05882ZM0.458008 10L0.458008 8.66898L21.5413 8.66898L21.5413 10L21.5413 11.331L0.458008 11.331L0.458008 10Z' fill='%23EB1C24'/%3E%3C/svg%3E%0A");
}
.hotel-room-images .swiper-button-prev {
  transform: rotate(180deg);
  left: 20px;
}
.hotel-room-images .swiper-button-next {
  right: 20px;
}

.hotel-room-slide {
  position: relative;
  width: 100%;
  height: 100%;
}
.hotel-room-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hr-info {
  display: flex;
  flex-direction: column;
  position: relative;
}

.hr-name {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}

.hr-amenity-groups {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  margin-top: 15px;
  padding-top: 20px;
  border-top: 1px solid #e1e1e1;
}

.hr-amenity-group {
  margin-bottom: 10px;
}

.hr-amenity-group-name {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 5px;
}

.hr-amenities {
  margin: 0;
  padding: 0 0 0 17px;
}

.hr-amenity {
  font-size: 14px;
}

@media all and (max-width: 991px) {
  .hotel-room-details {
    max-width: 626px;
    width: 626px;
  }
}
@media all and (max-width: 767px) {
  .hotel-room-details {
    max-width: calc(100vw - 70px);
    width: calc(100vw - 70px);
  }
  .hr-amenity-groups {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 15px;
    padding-top: 20px;
    border-top: 1px solid #e1e1e1;
  }
  .hotel-room-images {
    height: auto;
    aspect-ratio: 1.4/1;
    margin: -35px -15px 30px;
  }
  .hotel-room-images .swiper-button-next,
  .hotel-room-images .swiper-button-prev {
    margin-top: -24px;
    width: 48px;
    height: 48px;
  }
  .hotel-room-images .swiper-button-prev {
    left: 15px;
  }
  .hotel-room-images .swiper-button-next {
    right: 15px;
  }
}

/*# sourceMappingURL=hotel-room-info.css.map */