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