.hotel-container {
    .hotel-content {
        .hotel-rooms {
            .floor-room-grid {
                .room-content {
                    background-image: url('../../../images/hotel/floor1/multiroom/wall4.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: bottom center;
                }
                .floor {
                    height: 160px !important;
                    background-image: url('../../../images/hotel/floor1/multiroom/floor3.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: top center;
                }
            }

            .room-control {
                position: absolute;
                bottom: 10px;
                left: 50%;
                transform: translateX(-50%);
                max-width: 300px;
                background-color: var(--basebg);
                border: 1px solid var(--basecolor);
                display: flex;
                align-items: center;
                justify-content: space-around;
                gap: 10px;
                padding: 10px 15px;
                font-size: 0.9rem;

                button.room-roll {
                    background-color: var(--basecolor);
                    color: var(--basebg);
                    padding: 4px;
                    cursor: pointer;
                    transition: background-color 0.3s ease;

                    img {
                        width: 28px;
                        height: 28px;
                    }
                }
            }

            .bed {
                position: absolute;
                bottom: -65px;
                left: 50%;
                transform: translateX(-50%);
                max-width: 400px;
                z-index: 99;
            }
            .painting {
                position: absolute;
                top: min(20%, 120px);
                left: 50%;
                transform: translateX(-50%);
                max-width: 220px;
                z-index: 8;
            }
        }
    }
}

@media (max-width: 1024px) {
    .hotel-container {
        .hotel-content {
            .hotel-rooms {
                .room-control {
                    width: 275px;
                    padding: 7px 5px;
                }
                .bed {
                    bottom: -55px;
                    max-width: 300px;
                }
                .painting {
                    position: absolute;
                    top: min(15%, 60px);
                    left: 50%;
                    transform: translateX(-50%);
                    max-width: 170px;
                }
            }
        }
    }
}