.vacancies {
    background: radial-gradient(198.13% 90.64% at 12.47% 29.59%, rgb(195, 218, 249) 0%, rgb(232, 234, 255) 100%);
}

.vacancies * {
    box-sizing: border-box;
}

.vacancies_container {
    position: relative;
}

.vacancies__slider {
    overflow: visible;
}

.vacancies__slider .swiper-slide {
    transform: scale(0.8);
    transition: all ease 0.3s;
}

.vacancies__slider .swiper-slide-active {
    transform: scale(1);
    transition: all ease 0.3s;
}

.vacancy-card {
    background: linear-gradient(61deg, #b8d0f8 0%, #d4defb 100%);
}

.vacancy-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.vacancy-card__title {
    color: #1E1E1E;
}

.vacancy-card__format {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vacancy-card__format-icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    display: flex;
}

.vacancy-card__format-text {
    font-weight: 600;
    font-size: 18px;
    color: #1E1E1E;
}

.vacancy-card__text {
    color: #1E1E1E;
    font-size: 16px;
    margin-bottom: 18px;
}

.vacancy-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.vacancy-card__type {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 17px;
    background: #1E1E1E;
    border-radius: 14px;
    font-weight: 600;
    font-size: 18px;
    color: white;
}

.vacancy-card__type-icon {
    display: flex;
}

.vacancies .absolute_story_svg{
    position: absolute;
    right: calc((-100vw + 1000px) / 2);
    top: 0px;
    z-index: 1;
}

.vacancy-card__btn {
    background: #D4C4FC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 17px 20px;
    border-radius: 50px;
    color: #1E1E1E;

}

@media screen and (min-width: 1024px) {
    .vacancies__title {
        margin-bottom: 70px;
    }

    .vacancy-card {
        padding: 30px;
        border-radius: 40px;
    }

    .vacancy-card__btn {
        min-width: 281px;
    }
}

@media screen and (max-width: 1200px) {
    .vacancies .absolute_story_svg{

        right: calc((-100vw + 300px) / 2);

    }

}

@media screen and (max-width: 1023.98px) {
    .vacancies__title {
        margin-bottom: 30px;
    }

    .vacancies__title {
        margin-bottom: 30px;
    }

    .vacancy-card {
        padding: 20px;
        border-radius: 20px;
    }

    .vacancies .absolute_story_svg{
        display: none;
    }

}

@media screen and (max-width: 440px) {
    .vacancy-card__footer {
        flex-direction: column-reverse;

    }

    .vacancy-card__type {
        min-width: 100%;
    }

    .vacancy-card__btn {
        min-width: 100%;
    }
}