.block-highlights__wrap {
    margin-bottom: 60px;
    width: 100%;
    outline: none;
    position: relative;
    padding: 40px 100px 40px 40px;
    overflow: hidden;
}

.block-highlights__wrap::before {
    content: "";
    width: calc(100%* tan(12deg));
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    background-color: #ffffff;
    transform-origin: top left;
}

.block-highlights__wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F3F5F9;
    transform: skewX(-12deg);
    transform-origin: top left;
    z-index: -1;
}

.highlights__desc {
    position: relative;
    z-index: 1;
}
.block-highlights__wrap h2{
    margin-bottom: 20px !important;
}
.block-highlights__wrap .highlights__desc{
    margin: 0;
}
.block-highlights__wrap .highlights__desc{
    margin: 0;
}
.block-highlights__wrap.orange li::before {
    background-color: #FFC000;
}

.block-highlights__wrap.green li::before {
    background-color: #99CC00;
}

.block-highlights__wrap.blue li::before {
    background-color: #809CCF;
}

.block-highlights__wrap.red li::before {
    background-color: #FF0000;
}

.block-highlights__wrap.purple li::before {
    background-color: #8C66DE;
}
@media screen and (min-width: 1761px) {
    .block-highlights__wrap {
        max-width: 100%;
        /*margin-right: 50px;*/
    }
}
@media screen and (max-width: 1200px) {
    .block-highlights__wrap {
        margin-right: 5px;
    }
}
@media screen and (max-width: 1023.75px) {
    .block-highlights__wrap {
        margin-bottom:60px;
    }
}
@media screen and (max-width: 767.75px) {
    .block-highlights__wrap {
        margin-inline: calc((100% - 100vw) / 2);
        padding-inline: calc((100vw - 100%) / 2);
        width: 100vw;
        padding-top:30px;
        padding-bottom:30px;
    }
    .block-highlights__wrap::after {
        width: 100%;    
        transform: none;
    }
}