.main {
 margin: 0 !important;
 padding: 180px 0 336px;
}
.number-selection {
 margin-top: 200px;
}
.background-img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 position: absolute;
 top: 0;
 left: 0;
}
.details {
 justify-content: flex-start;
}

.story {
 position: relative;
 z-index: 2;
 color: white;
 padding: 30px 0!important;
}
.background-wrapper {
 position: relative;
 width: 100%;
 height: 370px;
 overflow: hidden;
}
.latest-post a {
 text-decoration: none;
}
.latest-post .card .info {
 height: auto;
}
.type-room.events .card{
 width: calc((100% - 32px) / 3) !important;
}
.card-body {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
@media (max-width: 991px) {
 .latest-post {
  flex-direction: column;
 }
 .latest-post .card {
  width: 100%;
 }
 .history {
  flex-direction: column;
 }
 .popular {
  margin: 0;
 }
}
@media (max-width: 767px) {
 .bd {
  padding-top: 30px;
  padding-bottom: 30px;
 }
 .bg-nav {
  width: 100%;
 }
 .navbar > img {
  width: 110px;
 }
 .popular .card .info span {
  font-size: 16px;
  line-height: normal;
 }
 .popular .card {
  padding: 20px 0 20px;
 }
}