.advantage-orbit {
    height: 560px;
    max-width: 1120px;
    margin: -15px auto 0;
    position: relative;
    color: #fff
}

.advantage-intro {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 3
}

.advantage-intro h3 {
    margin: 0 0 4px;
    font-size: 23px
}

.advantage-intro p {
    margin: 0;
    color: #eee;
    font-size: 16px
}

.orbit {
    position: absolute;
    left: 50%;
    top: 98px;
    width: 390px;
    height: 390px;
    transform: translateX(-50%);
    border: 2px solid #fff;
    border-radius: 50%
}

.orbit img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 175px;
    height: 195px;
    transform: translate(-50%, -50%);
    object-fit: contain;
    filter: drop-shadow(0 12px 18px #0008)
}

.orbit-node {
    position: absolute;
    width: 76px;
    height: 76px;
    border: 0;
    border-radius: 50%;
    background: #bc8d68;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
    transition: transform .25s, background .25s, box-shadow .25s
}

.orbit-node:hover,
.orbit-node.active {
    background: #dfb18f;
    transform: scale(1.11);
    box-shadow: 0 0 0 7px #ffffff22
}

.node-01 {
    left: 25px;
    top: -40px
}

.node-02 {
    left: -48px;
    top: 157px
}

.node-03 {
    left: 25px;
    bottom: -40px
}

.node-04 {
    right: 25px;
    bottom: -40px
}

.node-05 {
    right: -48px;
    top: 157px
}

.node-06 {
    right: 25px;
    top: -40px
}

.orbit-copy {
    position: absolute;
    width: 290px;
    text-align: center
}

.orbit-copy h3 {
    font-size: 20px;
    margin: 0 0 6px
}

.orbit-copy p {
    margin: 0;
    color: #f1f1f1;
    font-size: 12px;
    line-height: 1.7
}

.copy-01 {
    left: 0;
    top: 175px
}

.copy-02 {
    left: 0;
    top: 350px
}

.copy-03 {
    left: 90px;
    bottom: 10px
}

.copy-04 {
    right: 90px;
    bottom: 10px
}

.copy-05 {
    right: 0;
    top: 350px
}

.copy-06 {
    right: 0;
    top: 175px
}

@media(max-width:900px) {
    .advantage-orbit {
        height: 510px;
        margin-top: -10px
    }

    .advantage-intro h3 {
        font-size: 18px
    }

    .advantage-intro p {
        font-size: 12px
    }

    .orbit {
        top: 95px;
        width: 290px;
        height: 290px
    }

    .orbit img {
        width: 125px;
        height: 145px
    }

    .orbit-node {
        width: 56px;
        height: 56px;
        font-size: 18px
    }

    .node-01 {
        left: 15px;
        top: -30px
    }

    .node-02 {
        left: -35px;
        top: 117px
    }

    .node-03 {
        left: 15px;
        bottom: -30px
    }

    .node-04 {
        right: 15px;
        bottom: -30px
    }

    .node-05 {
        right: -35px;
        top: 117px
    }

    .node-06 {
        right: 15px;
        top: -30px
    }

    .orbit-copy {
        display: none
    }
}

.orbit-node.active {
    background: #bc8d68;
    transform: none;
    box-shadow: none
}

@media(min-width:901px) {
    .home-screen>.wrap {
        width: 80vw;
        max-width: 1600px
    }
}

.screen-advantages .screen-title {
    display: none
}

.screen-advantages .wrap {
    height: 595px
}

.advantage-orbit {
    height: 600px;
    margin: 0 auto
}

.orbit {
    top: 180px
}

.copy-01 {
    top: 255px
}

.copy-02 {
    top: 430px
}

.copy-05 {
    top: 430px
}

.copy-06 {
    top: 255px
}

.copy-03,
.copy-04 {
    bottom: 0
}

@media(max-width:900px) {
    .screen-advantages .wrap {
        height: auto
    }

    .advantage-orbit {
        height: 510px;
        margin-top: -10px
    }

    .orbit {
        top: 95px
    }
}