.hero-section .hero-slide{
    height: 400px;
}
.carousel-item{
    height: 400px;
}
.carousel-item img{
    height: 100%;
    object-fit: cover;
}
.hotel-card-container{
    width: 95%;
    margin: auto;
    gap: 20px;
    padding: 50px 0px;
    overflow-x: scroll;
    scrollbar-width: none;

}
.hotels-section{
    padding: 20px 0px;
}
.hotel-card-container>div{
    flex-shrink: 0;
    width: 250px;
}


/* Bootstrap cards styles */
.card-overlay { overflow:hidden; position:relative; }
.card-overlay .overlay { position:absolute; inset:0; background:rgba(13,13,13,0.75); display:flex; flex-direction:column; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s ease; }
.card-overlay:hover .overlay { opacity:1; }
.card-overlay img { transition:transform 0.3s ease; }
.card-overlay:hover img { transform:scale(1.05); }