.advantages {
    padding-top: 32px;
    padding-bottom: 54px;
}

.advantages-header {
}

.advantages-title {
}

.advantages-content {
}

.advantages-list {
    margin: 0 -4px;
}

.advantages-item {
    padding: 8px 4px;
}

.benefit {
    background-color: var(--accent-color);
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    padding: 25px 16px 23px 16px;
    min-height: 188px;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 50%, transparent 50%);
    background-size: 1px 10px;
    background-repeat: repeat-y;
    background-position: 15px -2px;
    height: 100%;
}

.benefit:before, .benefit:after {
    content: '';
    position: absolute;
    background-image: linear-gradient(90deg, rgba(255,255,255,0.25) 50%, transparent 50%);
    background-size: 10px 1px;
    background-repeat: repeat-x;
    background-position: 0px 93px;
    width: 100%;
    height: 100%;
}

.benefit:before {
    top: 0;
    left: 15px;
}

.benefit:after {
    top: 93px;
    left: 15px;
    height: 1px;
    transform: rotate(-24.8deg);
    transform-origin: left bottom;
    background-position: -1px 0px;
}

.benefit-main {
    position: relative;
    z-index: 2;
}

.advantages-item:nth-child(2n) .benefit {
    background-color: var(--dark-peacock-blue);
}

.benefit-picture {
}

.benefit-title {
    text-align: right;
    padding-bottom: 25px;
}

.benefit-description {
    font-size: 14px;
    line-height: 1.225;
}

@media (min-width: 1200.98px) {
    .advantages {
        padding-bottom: 82px;
    }

    .advantages-header {
    }

    .advantages-title {
    }

    .advantages-content {
    }

    .advantages-list {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -11.5px;
    }

    .advantages-item {
        flex: 1 0 0;
        width: 100%;
        max-width: 100%;
        padding-left: 11.5px;
        padding-right: 11.5px;
    }

    .benefit {
        padding: 15px 28px 24px 26px;
    }

    .benefit:before, .benefit:after {
        background-clip: content-box;
        padding-right: 30px;
    }

    .benefit:before {
    }

    .benefit:after {
    }

    .benefit-main {
    }

    .advantages-item:nth-child(2n) .benefit {
    }

    .benefit-picture {
    }

    .benefit-title {
        text-transform: none;
        letter-spacing: -2.64px;
        font-weight: 400;
        padding-bottom: 15px;
    }

    .benefit-description {
        font-size: 16px;
        line-height: 1.37;
        letter-spacing: -0.22px;
    }
}
