.hotel-container {
    .hotel-content {
        .hotel-pool {
            width: 100%;
            min-height: calc(100vh - 40px);
            height: auto;
            background: black;

            .pool-content {
                width: 100%;
                min-height: calc(100vh - 40px);
                height: auto;
                background: black;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                position: relative;

                .roof {
                    width: 100%;
                    min-height: 100px;
                    flex: 1;
                    background-image: url('../../../images/hotel/floor1/pool/pool-roof2.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: top center;

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

                    input {
                        width: 100%;
                        margin-top: 10px;
                    }
                }
                .wall {
                    width: 100%;
                    height: auto;
                    flex: 1;
                    display: flex;
                    overflow-x: scroll;
                    background-image: url('../../../images/hotel/floor1/pool/pool-wall2.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: bottom center;

                    .anim {
                        height: auto;
                        flex: 1;
                        min-width: max(100vw, 600px);
                        position: relative;

                        img {
                            height: 100%;
                            max-height: 460px;
                            object-fit: contain;
                            display: block;
                            margin: 0 auto;
                            position: absolute;
                            bottom: 50%;
                            left: 50%;
                            transform: translateY(50%) translateX(-50%);
                            border: 2px solid var(--basecolor);
                            border-bottom: 24px solid var(--basecolor);
                            box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.7);
                        }
                    }
                    .door {
                        height: auto;
                        min-width: max(100vw, 400px);
                        position: relative;

                        a {
                            display: block;
                            margin: 0 auto;
                            position: absolute;
                            bottom: 0;
                            right: 20%;
                            width: 110px;

                            img {
                                width: 100%;
                            }
                        }
                    }
                }
                .floor {
                    width: 100%;
                    height: 185px;
                    background-image: url('../../../images/hotel/floor1/pool/pool-floor3.jpg');
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: top center;

                    .swimming-pool {
                        position: relative;
                        height: 100%;
                        width: 800px;
                        margin: 0 auto;

                        .main-pool {
                            width: 100%;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            z-index: 1;
                        }
                        .pool-ladder {
                            display: block;
                            position: absolute;
                            bottom: 0;
                            left: 50%;
                            transform: translateX(-50%);
                            z-index: 2;
                            cursor: pointer;
                            width: 239px;
                            height: 64px;

                            img {
                                width: 100%;
                            }
                        }
                        .pool-water {
                            width: 100%;
                            position: absolute;
                            bottom: 0;
                            left: 0;
                            z-index: 9;

                            &.pool-empty {
                                display: none;
                            }
                        }
                        .pool-button {
                            position: absolute;
                            bottom: 15px;
                            left: 30px;
                            z-index: 15;
                            cursor: pointer;
                        }
                        .pool-tile {
                            position: absolute;
                            bottom: 14px;
                            left: 33px;
                            z-index: 20;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
    }
}