body{
    font-family: Arial, sans-serif;
}

.hero{
    background:
    linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,.6)),
    url('../images/banner1.jpeg');
    background-size: cover;
    background-position: center;
}

.card{
    background: white;
    padding: 40px;
    border-radius: 24px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.room-card{
    background: white;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}

.room-card img{
    width:100%;
    height:300px;
    object-fit:cover;
}

.input{
    width:100%;
    padding:18px;
    border-radius:14px;
    color:black;
}

.policy-card{
    padding:40px;
    border-radius:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}