.room-list {
    overflow-y: auto;
    /*min-height: calc(100vh - 112px); !* Set a minimum height for the room list *!*/
    height: calc(100vh - 112px); /* Adjust height to fit in the viewport */
}

.list-group-item {
    margin-bottom: 5px;
}

.room-details {
    position: sticky;
    top: 56px;
    height: 100%;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    padding: 15px;
    box-sizing: border-box;
    max-width: 100%;
}

.card-body {
    padding: 1.5rem;
}

.card-title {
    color: black;
}

.card-text {
    color: black;
}

/*.detail-logo {*/
/*    position: absolute;*/
/*    top: 10px;*/
/*    right: 10px;*/
/*    width: 30%;*/
/*    height: 10%;*/
/*}*/