.room-grid-wrapper {
  padding-inline: 5rem;
}
.room-grid-wrapper .grid {
  grid-template-columns: repeat(1, 1fr);
  margin: 2rem 0;
}
.room-grid-wrapper .grid .grid-1 {
  grid-template-columns: repeat(1, 1fr);
  display: grid;
}
.room-grid-wrapper .grid .grid-1 hr {
  margin: 5rem 0;
}
.room-grid-wrapper .grid .grid-2 {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
@media (width <= 1023px) {
  .room-grid-wrapper .grid .grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .room-grid-wrapper .grid .grid-2 div:nth-of-type(2) {
    display: none;
  }
}
.room-grid-wrapper .grid .grid-2 a,
.room-grid-wrapper .grid .grid-2 h5 {
  margin: 2rem 0;
}
.room-grid-wrapper .grid .grid-3 {
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  display: grid;
}
@media (width >= 1024px) {
  .room-grid-wrapper .grid .grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
.room-grid-wrapper .grid .grid-3 ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.room-grid-wrapper .grid .grid-3 ul li p:not(:first-child),
.room-grid-wrapper .grid .grid-3 ul li:not(:first-child) {
  display: none;
}
.room-grid-wrapper .grid .grid-3 .img-fluid {
  max-width: 100%;
  height: auto;
}
.room-grid-wrapper img {
  border-radius: var(--radius-200);
}