#heroCarousel {
    padding: 0;
  height: 90vh;
}

#heroCarousel .carousel-inner,
#heroCarousel .carousel-item {
  height: 100%;
  padding: 0;
}

#heroCarousel .carousel-item .container {
  height: 100%;
  padding: 0;
}

#heroCarousel .carousel-item .row {
  height: 100%;
  padding: 0;
}




  .room-card img {
    height: 230px;
    object-fit: cover;
  }

  .room-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  }


.hero-title{
  font-size: 1.7rem;
}


@media(min-width:69rem){
  .hero-title{
  font-size: 3.5rem;
}
}