.rooms-showcase{
    padding:55px 6%;
    background:var(--bg-light);
}

.section-header{
    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:40px;
     margin-top:140px;
}

.section-header span{
    color:var(--accent);
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
}

.section-header h2{
    font-size:2.5rem;
    color:var(--text-dark);
    margin:10px 0;
}

.section-header p{
    color:var(--text-gray);
    line-height:1.8;
}

.room-showcase{
    display:grid;
    grid-template-columns:1.2fr 1fr;
    gap:80px;
    align-items:center;
    margin-bottom:60px;
}

.room-showcase.reverse{
    grid-template-columns:1fr 1.2fr;
}

.room-showcase.reverse .room-image{
    order:2;
}

.room-showcase.reverse .room-content{
    order:1;
}

.room-image{
    overflow:hidden;
    border-radius:30px;
    position:relative;
}

.room-image img{
    width:100%;
    height:400px;
    object-fit:cover;
    transition:.8s;
}

.room-showcase:hover img{
    transform:scale(1.05);
}

.room-content{
    padding:20px;
}

.room-label{
    color:var(--primary);
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
}

.room-content h3{
    font-size:3rem;
    line-height:1.2;
    margin:20px 0;
    color:var(--text-dark);
}

.room-content p{
    color:var(--text-gray);
    line-height:1.9;
    margin-bottom:30px;
}

.room-content ul{
    list-style:none;
    padding:0;
    margin-bottom:35px;
}

.room-content li{
    margin-bottom:15px;
    color:var(--text-dark);
    font-weight:500;
}

.room-content a{
    color:var(--accent);
    text-decoration:none;
    font-weight:600;
    font-size:1.05rem;
}

.room-content a:hover{
    color:var(--primary);
}

@media(max-width:991px){

    .room-showcase,
    .room-showcase.reverse{
        grid-template-columns:1fr;
        gap:40px;
    }

    .room-showcase.reverse .room-image,
    .room-showcase.reverse .room-content{
        order:unset;
    }

    .room-image img{
        height:400px;
    }

    .room-content h3{
        font-size:2rem;
    }

    .section-header h2{
        font-size:2.5rem;
    }
}