.level:before {
    content: '';
    position: absolute;
    top: 25px;
    left: -125px;
    width: 175px;
    height: 75px;
    background: url('../images/pattern_line.svg') center no-repeat;
    background-size: contain;
}


.level:after {
    content: '';
    position: absolute;
    bottom: 50px;
    right: -125px;
    width: 75px;
    height: 75px;
    background: url('../images/pattern_dot.svg') center no-repeat;
    background-size: contain;
}

.level_list:after {
    content: '';
    position: absolute;
    bottom: 200px;
    right: -175px;
    width: 75px;
    height: 75px;
    background: url('../images/pattern_circle_s.svg') center no-repeat;
    background-size: contain;
}


.feature_01:after {
    content: '';
    position: absolute;
    bottom: -200px;
    left: -175px;
    width: 125px;
    height: 225px;
    background: url('../images/pattern_circle_b.svg') center no-repeat;
    background-size: contain;
}


.feature_03:after {
    content: '';
    position: absolute;
    bottom: 50px;
    right: -100px;
    width: 175px;
    height: 75px;
    background: url('../images/pattern_line.svg') center no-repeat;
    background-size: contain;
}



.feature_05:after {
    content: '';
    position: absolute;
    top: 50px;
    left: -62.5px;
    width: 75px;
    height: 75px;
    background: url('../images/pattern_dot.svg') center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}


.insist:before {
    content: '';
    position: absolute;
    top: 50px;
    right: -125px;
    width: 175px;
    height: 75px;
    background: url('../images/pattern_line.svg') center no-repeat;
    background-size: contain;
}

.insist:after {
    content: '';
    position: absolute;
    bottom: -75px;
    left: -125px;
    width: 75px;
    height: 75px;
    background: url('../images/pattern_circle_s.svg') center no-repeat;
    background-size: contain;
}




.live:before {
    content: '';
    position: absolute;
    bottom: -200px;
    right: -175px;
    width: 125px;
    height: 225px;
    background: url('../images/pattern_circle_b.svg') center no-repeat;
    background-size: contain;
}

.teacher:after {
    content: '';
    position: absolute;
    bottom: 50px;
    left: -57.5px;
    width: 75px;
    height: 75px;
    background: url('../images/pattern_dot.svg') center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}



.witness:before {
    content: '';
    position: absolute;
    top: 75px;
    left: -125px;
    width: 175px;
    height: 75px;
    background: url('../images/pattern_line.svg') center no-repeat;
    background-size: contain;
}

.witness_2:before {
    content: '';
    position: absolute;
    top: 50px;
    right: -57.5px;
    width: 75px;
    height: 75px;
    background: url('../images/pattern_dot.svg') center no-repeat;
    background-size: contain;
    transform: rotate(90deg);
}

.witness_2:after {
    content: '';
    position: absolute;
    bottom: -200px;
    left: -175px;
    width: 125px;
    height: 225px;
    background: url('../images/pattern_circle_b.svg') center no-repeat;
    background-size: contain;
}


@media screen and (max-width: 1024px) {
    .level:before,
    .level:after,
    .level_list:after,
    .feature_01:after,
    .feature_03:after,
    .feature_05:after,
    .insist:before,
    .insist:after,
    .live:before,
    .teacher:after,
    .witness:before,
    .witness_2:before,
    .witness_2:after {
       display: none;
    }
}