.news__head {
    margin-bottom: 28px
}

.news__title {
    color: var(--white);
    text-transform: uppercase
}

.news__slider-wrapper .custom--slider-arrows {
    gap: 20px;
    margin-top: 28px
}

@media (min-width: 1200px) {
    .news__head {
        margin-bottom: 40px
    }

    .news__slider-wrapper .custom--slider-arrows {
        margin-top: 20px
    }
}

.news .section__more-wrapper {
    margin-top: 28px
}

@media (min-width: 1200px) {
    .news .section__more-wrapper {
        margin-top: 40px
    }
}