.top_tips {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
}

.jobs_list {
    margin-top: calc((56 / 16) * 1%)
}

.jobs_list>.item {
    background: #ffffff;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #aae3ff;
    padding: 46px 37px 53px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.jobs_list>.item:hover {
    background: #e8f6fd
}

.jobs_list>.item:hover .z_btns .item {
    background: var(--color-main);
    border-color: var(--color-main)
}

.jobs_list>.item:hover .z_btns .item span {
    color: #fff
}

.jobs_list>.item:not(:first-child) {
    margin-top: 18px
}

.jobs_list>.item .name {
    font-family: Poppins;
    font-size: 22px;
    line-height: 36px
}

.jobs_list>.item .z_btns {
    margin: 0;
    flex-shrink: 0
}

.jobs_list>.item .z_btns .item {
    width: 100% !important
}

.pages {
    margin: calc((75 / 16) * 1%) 0 calc((148 / 16) * 1%)
}

@media screen and (max-width:950px) {
    .jobs_list>.item {
        padding: 30px;
        flex-direction: column;
        align-items: unset
    }

    .jobs_list>.item .z_btns {
        margin: 15px 0 0
    }
}