.hero_17 {
    padding-top: 200px;
    position: relative;
    z-index: 2;
    @media(max-width: 767px) {
        padding-top: 150px;
    }
    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("../img/shape/hero_17_shape_1.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top center;
        z-index: -1;
    }
    &::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("../img/shape/hero_17_shape_2.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom center;
        z-index: -1;
    }
}