.hotel-container {
    .hotel-content {
        .hotel-escape_room {
            .floor-room-grid {
                .room-content {
                    background-image: url('../../../images/hotel/floor1/escape_room/escape-room-bg-2.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: bottom center;
                    position: relative;

                    .earth {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translateX(-50%) translateY(-50%);
                        display: block;
                        width: 550px;
                        z-index: 5;
                        cursor: pointer;
                    }

                    .earth-control {
                        position: absolute;
                        top: 550px;
                        left: 50%;
                        transform: translateX(-50%);
                        margin: 0 auto;
                        width: 300px;
                        padding: 15px;
                        border: 1px solid var(--basecolor);
                        background-color: var(--basebg);
                        z-index: 17;

                        input {
                            width: 100%;
                            margin-top: 10px;
                        }

                        .control-arrow {
                            position: absolute;
                            top: -11px;
                            left: 50%;
                            transform: translateX(-50%) rotate(45deg);
                            width: 20px;
                            height: 20px;
                            border-left: 1px solid var(--basecolor);
                            border-top: 1px solid var(--basecolor);
                            background-color: var(--basebg);
                        }
                    }

                    .journal-block {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translateX(-50%) translateY(-50%);
                        width: 200px;
                        max-width: 80px;
                        cursor: pointer;
                        z-index: 9;
                    }

                    .door-block {
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        transform: translateX(-50%);
                        max-width: 280px;
                        cursor: pointer;

                        img{
                            width: 100%;
                        }
                    }
                }

                .floor {
                    height: 160px !important;
                    background-image: url('../../../images/hotel/floor1/escape_room/floor.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: top center;
                    position: relative;

                    .beach-chair {
                        position: absolute;
                        top: -140px;
                        left: 60%;
                    }
                }
            }
        }
    }
}