.job-offers {
    background: #fff
}

.job-offers .job-offers--title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 3.125rem;
    margin: 0 0 7.125rem
}

.job-offers .single-slide>.row>.columns:nth-child(1) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(1) [data-animate] {
    transition-delay: 0s
}

.job-offers .single-slide>.row>.columns:nth-child(2) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(2) [data-animate] {
    transition-delay: .1s
}

.job-offers .single-slide>.row>.columns:nth-child(3) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(3) [data-animate] {
    transition-delay: .2s
}

.job-offers .single-slide>.row>.columns:nth-child(4) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(4) [data-animate] {
    transition-delay: .3s
}

.job-offers .single-slide>.row>.columns:nth-child(5) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(5) [data-animate] {
    transition-delay: .4s
}

.job-offers .single-slide>.row>.columns:nth-child(6) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(6) [data-animate] {
    transition-delay: .5s
}

.job-offers .single-slide>.row>.columns:nth-child(7) [data-animate],
.job-offers .single-slide>.row>.column:nth-child(7) [data-animate] {
    transition-delay: .6s
}

.job-offers .job-offers-item {
    margin: 0 0 5.375rem;
    min-width: 16.25rem
}

@media print,
screen and (min-width: 64em) {
    .job-offers .job-offers-item {
        margin: 0 0 5rem
    }
}

.job-offers .job-offers-item .img-wrapper {
    width: 100%;
    max-width: 15.25rem;
    margin: 0 auto 2.5rem;
    border: 2px solid transparent;
    border-radius: 50%;
    overflow: hidden;
    transition: all .25s ease-in-out
}

.job-offers .job-offers-item .img-wrapper .img {
    display: flex;
    height: 0;
    padding-bottom: 100%;
    max-width: 100%;
    max-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.job-offers .job-offers-item:hover .img-wrapper {
    border-color: #ee7f00
}

.job-offers .job-offers-item:hover .category-name {
    color: #ee7f00
}

.job-offers .job-offers-item .offers-wrapper {
    font-size: 1.125rem;
    color: #000
}

.job-offers .job-offers-item .offers-wrapper .category-name {
    transition: all .15s ease-in-out;
    padding-bottom: 1rem;
    font-family: "NNNittiGrotesk-Heading";
    font-size: 1.125rem
}

.job-offers .job-offers-item .offers-wrapper .offers-number {
    font-weight: 300;
    font-family: "NNNittiGrotesk-TextRegular"
}