.vacancies__head {
    margin-bottom: 28px
}

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

.vacancies__description {
    color: var(--white);
    margin-top: 12px
}

.vacancies__filter {
    margin-top: 28px
}

.vacancies__filter-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 4px;
    -ms-overflow-style: none;
    scrollbar-width: none !important;
    scrollbar-color: initial !important
}

@media (min-width: 1200px) {
    .vacancies__filter-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }
}

@media (max-width: 1199.98px) {
    .vacancies__filter-items {
        overflow: auto hidden;
        margin-right: calc(-16px);
        margin-left: calc(-16px);
        padding-right: calc(16px);
        padding-left: calc(16px)
    }
}

@media (max-width: 759.98px) {
    .vacancies__filter-items {
        margin-right: calc(-16px * .75);
        margin-left: calc(-16px * .75);
        padding-right: calc(16px * .75);
        padding-left: calc(16px * .75)
    }
}

.vacancies__filter-items::-webkit-scrollbar {
    display: none
}

.vacancies__filter-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.vacancies__filter-item.is-active {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--accent)
}

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

@media (min-width: 1200px) {
    .vacancies__filter-item {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

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

    .vacancies__description {
        margin-top: 28px;
    }
}

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

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

.vacancies .empty-block {
    margin-top: 60px
}

@media (min-width: 1200px) {
    .vacancies .empty-block {
        margin-top: 100px
    }
}