.vacancy-container .vacancy_items{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 2.5rem;
    margin-bottom: 2.5rem;
 }
 .vacancy_items .cards .vacany__date{
     position: absolute;
     padding: 1rem;
     background: var(--colory-primary);
     color: #fff;
     bottom: 24px;
     border-radius: 0px 4px 4px 0px;
 }
 .vacancy_items .cards .cards__title{
    margin-top: 1rem;
}

@media only screen and (max-width: 1024px) {
    .vacancy-container .vacancy_items {
        grid-template-columns: repeat(2,1fr);
    }
}

@media only screen and (max-width: 612px) {
    .vacancy-container .vacancy_items {
        grid-template-columns: 1fr;
    }
}