.employment-offers {
    padding-top: 130px;
    padding-bottom: 119px;
}

.employment-offers h1 {
    font-size: 44px;
    font-weight: 700;
    line-height: 132%;
}

.employment-offers h1 span {
    color: var(--color-accent);
}

.employment-offers form {
    display: grid;
    grid-template-columns: 1fr min-content;
    gap: 31px;
    margin-top: 81px;
}

.employment-offers-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 31px;
    margin-top: 20px;
}

.employment-offers-card {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 14px 26px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.employment-offers-card-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 132%;
    overflow: hidden;
    text-overflow: ellipsis;
    grid-column: 1 / 3;
}

.employment-offers-card p {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    height: 48px;
    overflow: hidden;
    margin-bottom: 16px;
    grid-column: 1 / 3;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.employment-offers-card .button {
    margin-right: auto;
}

.employment-offers-card label {
    font-size: 14px;
    font-weight: 400;
    color: #FFF;
    background-color: var(--color-accent);
    border-radius: 4px;
    text-transform: uppercase;
    padding: 5px 8px;
    place-self: end;
}

.employment-offers button.load-more {
    display: block;
    margin: 31px auto 0;
}

@media (max-width: 919px) {
    .employment-offers {
        padding: 112px 90px 190px;
    }

    .employment-offers form {
        margin-top: 63px;
        gap: 28px;
    }

    .employment-offers-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 32px;
    }
}

@media (max-width: 743px) {
    .employment-offers {
        padding: 70px 20px 100px;
    }

    .employment-offers h1 {
        padding: 0 12px;
    }

    .employment-offers form {
        margin-top: 100px;
    }

    .employment-offers-list {
        gap: 16px;
    }
}