.job-offers-list .tab-content {
    overflow-x: auto
}

.job-offers-list .tab-content table {
    min-width: 40rem
}

@media print,
screen and (min-width: 40em) {
    .job-offers-list .tab-content table {
        overflow: hidden
    }
}

.job-offers-list .tab-content table tbody tr {
    transition: .25s ease-in-out;
    border-color: transparent
}

.job-offers-list .tab-content table tbody tr td {
    opacity: 0;
    transform: translateX(2rem);
    transition: inherit
}

.job-offers-list .tab-content table tbody tr.active {
    border-color: #d3d3d3
}

.job-offers-list .tab-content table tbody tr.active td {
    opacity: 1;
    transform: translateX(0)
}

.job-offers-details {
    background: #fff;
    padding: 3rem 0
}

.job-offers-details .offer-title {
    font-family: "NNNittiGrotesk-Heading";
    font-size: 2.625rem;
    color: #ee7f00
}

.job-offers-details .offer-details {
    padding: 1rem 0;
    margin: 2rem 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.job-offers-details .offer-details .offer-details-header {
    font-family: "NNNittiGrotesk-Heading"
}

.job-offers-details .offer-details .offer-date,
.job-offers-details .offer-details .offer-workplace {
    margin: 0
}

.job-offers-details p {
    font-size: 19px;
    line-height: 1.5;
    padding-right: 78px;
    margin-bottom: 28px
}

.job-search {
    opacity: 0;
    transition: opacity .5s ease-in-out;
    position: relative;
    z-index: 1
}

.job-search-position {
    z-index: 2;
    position: relative
}

@media print,
screen and (min-width: 64em) {
    .job-search-position {
        position: absolute;
        width: 100%;
        height: 100%
    }
}

.job-search.loaded {
    opacity: 1
}

@media print,
screen and (min-width: 64em) {
    .job-search {
        min-height: 80vh;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.job-search-background {
    height: 23.125rem;
    background-color: rgba(0, 0, 0, .6);
    background-size: cover !important;
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 4.5rem
}

@media print,
screen and (min-width: 64em) {
    .job-search-background {
        height: 100%;
        width: 100%;
        position: absolute;
        margin-bottom: 0
    }

    .job-search-background:before {
        content: "";
        background: rgba(0, 0, 0, .5);
        height: 100%;
        position: absolute;
        width: 100%
    }
}

.job-search-title {
    font-size: 2.25rem;
    color: #ee7f00;
    font-family: "NNNittiGrotesk-Heading";
    margin-bottom: 2.5rem
}

@media print,
screen and (min-width: 40em) {
    .job-search-title {
        font-size: 3.125rem
    }
}

@media print,
screen and (min-width: 64em) {
    .job-search-title {
        color: #fff
    }
}

.job-search-content {
    display: block;
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .job-search-content {
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.job-search-content .input-wrapper.select {
    margin-bottom: 1.5rem
}

@media print,
screen and (min-width: 64em) {
    .job-search-content .input-wrapper.select {
        margin-bottom: 0
    }
}

.job-search-content .input-wrapper.select .nice-select {
    margin-bottom: 0
}

@media print,
screen and (min-width: 64em) {
    .job-search-content .input-wrapper.select .nice-select {
        width: 15rem
    }
}

.job-search-content .input-wrapper.select .nice-select .list::-webkit-scrollbar {
    width: 12px;
    background-color: #f8f8f8
}

.job-search-content .input-wrapper.select .nice-select .list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f8f8f8
}

.job-search-content .input-wrapper.select .nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #8b8b8b
}

.job-search-content .job-search-content-text {
    margin: 0 0 1.875rem;
    color: #414141;
    font-size: 1.125rem;
    font-family: "NNNittiGrotesk-Heading"
}

@media print,
screen and (min-width: 64em) {
    .job-search-content .job-search-content-text {
        margin: 0 1.25rem;
        color: #fff
    }
}

.job-search-content .btn {
    margin: auto auto 3.75rem;
    display: block;
    padding: 1rem 2.375rem;
    height: 3.125rem;
    width: 100%
}

@media print,
screen and (min-width: 64em) {
    .job-search-content .btn {
        display: inline;
        margin: 0 1.25rem;
        padding: 1rem 2.5rem;
        width: auto
    }
}

.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"
}