.content-block-3 {
    overflow: hidden;
    margin-top: -100px;
}

.content-block-3__inner {
    position: relative;
    background-color: #f7f7f7;
    border-radius: 0 0 0 150px;
    width: 100%;
    margin-left: -100px;
    padding: 100px 0 100px 100px;
}

.content-block-3__inner::before {
    content: '';
    position: absolute;
    top: 0;
    right: 1px;
    transform: translateX(100%);
    width: 9999px;
    height: 100%;
    background-color: #f7f7f7;
    z-index: -1;
    pointer-events: none;
}

.content-block-3__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 100px;
}

.content-block-3__item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.content-block-3__item-img {
    width: 60px;
}

.content-block-3__item-content {
    flex: 1;
}

@media (max-width: 1920px) {
    .content-block-3__inner {
        margin-left: 0;
        padding-left: 70px;
    }

    .content-block-3__items {
        gap: 50px;
    }
}

@media (max-width: 1280px) {
    .content-block-3 {
        margin-top: -50px;
    }

    .content-block-3__inner {
        border-radius: 0 0 0 60px;
        padding: 50px 0 50px 60px;
    }

    .content-block-3__inner::before {
        width: 57px;
    }

    .content-block-3__items {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .content-block-3__item-img {
        width: 54px;
    }
}

@media (max-width: 768px) {
    .content-block-3 {
        margin-top: 0;
    }

    .content-block-3__inner {
        border-radius: 0 0 0 40px;
        padding: 25px 20px 25px 34px;
    }

    .content-block-3__inner::before {
        width: 19px;
    }

    .content-block-3__item-img {
        width: 50px;
    }
}
