.news {
    padding-bottom: 48px;
}

.news__header {
    padding: 40px 16px 32px;
}


.main-bottom {
    margin-bottom: 44px;
}

.main-bottom__cards {
    -webkit-box-direction: normal;
    -webkit-box-orient:    vertical;
    display:               flex;
    display:               -webkit-box;
    display:               -ms-flexbox;
    -ms-flex-direction:    column;
    flex-direction:        column;
}

.main-bottom__card {
    background: var(--bg-secondary);
    padding:    32px 16px 24px;
    position:   relative;
}

.main-bottom__card:after {
    background: var(--border-main);
    bottom:     0;
    content:    "";
    height:     1px;
    left:       8px;
    position:   absolute;
    width:      calc(100% - 16px);
}

.main-bottom__card-img {
    margin-bottom: 12px;
}

.main-bottom__card-title {
    margin-bottom: 8px;
}

.main-bottom__card-descr {
    font-family: var(--inter);
    font-size:   14px;
    line-height: 20px;
}

@media (min-width: 992px) {
    .news {
        padding-bottom: 24px;
    }

    .news__header {
        padding: 20px 34px 56px;
    }

    .main-bottom {
        margin: 0 0 88px;
    }

    .main-bottom__cards {
        -webkit-box-direction: normal;
        -webkit-box-orient:    horizontal;
        -ms-flex-direction:    row;
        flex-direction:        row;
        padding:               0 34px;
    }

    .main-bottom__card {
        padding: 320px 100px 80px 34px;
        width:   calc(100% / 3);
    }

    .main-bottom__card:after {
        background: var(--border-main);
        content:    "";
        height:     calc(100% - 24px);
        position:   absolute;
        right:      0;
        top:        12px;
        width:      1.5px;
    }

    .main-bottom__card:first-child:after {
        content: none;
    }

    .main-bottom__card-img {
        margin-bottom: 36px;
    }

    .main-bottom__card-title {
        margin-bottom: 16px;
    }

    .main-bottom__card-descr {
        font-size:   16px;
        line-height: 24px;
    }
}