.jobs-nav {
    margin-top: 35px;
    padding: 0 30px 5px 30px;
}

@media(max-width: 767px) {
    .jobs-nav {
        margin-top: 30px;
        padding-left: 0;
        padding-right: 0;
    }
}

.newest {
    color: #343232;
}

.jobs-nav a {
    display: flex;
    align-items: center;
}

.newest svg {
    fill: #343232;
    margin-left: 7px;
    transition: .2s;
}

.newest:hover {
    color: #338050;
}

.newest:hover svg {
    fill: #338050;
    transition: .2s;
}

.jobs-nav__info svg {
    fill: #338050;
    margin-right: 6px;
    transition: .2s;
}

.jobs-nav__info:hover {
    color: #343232;
}

.jobs-nav__info:hover svg {
    fill: #343232;
    transition: .2s;
}

.jobs-nav__info a {
    margin-right: 22px;
}

.jobs-nav__info a:last-child {
    margin-right: 0;
}
/*jobs*/
.job {
    position: relative;
    display: block;
    background-color: #fff;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
    padding: 30px;
    margin-top: 15px;
}

@media(max-width: 767px) {
    .job {
        margin-top: 10px;
    }
}

.jobs {
    padding-top: 19px;
}

.job:first-child {
    margin-top: 0;
}

.job__open {
    display: block;
}

.job-arrow {
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

@media(max-width: 991px) {
    .job {
        padding: 25px;
    }
    .job-arrow {
        right: 25px;
        bottom: 25px;
    }
}

@media(max-width: 767px) {
    .job {
        padding: 17px;
    }
    .job-arrow {
        bottom: 17px;
        right: 17px;
    }
}

.job-arrow.active svg {
    transform: rotate(180deg);
}

.job__open svg {
    width: 15px;
    fill: #A09B9B;
    transition: .2s;
}

.job__open:hover svg {
    fill: #338050;
    transition: .2s;
}

.job-title h6 {
    color: #343232;
}

.job-title:hover h6 {
    color: #338050;
}

.job h6 {
    color: #000;
}

.job__top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.job__logo {
    width: 90px;
}

@media(max-width: 767px) {
    .job__logo {
        width: 60px;
    }
}

.job__logo img {
    margin: 0 auto;
}

.job__name, .job__left {
    width: 10%;
    flex: 1 1;
}

.job__name {
    padding: 0 20px;
}

@media(max-width: 767px) {
    .job__name {
        padding: 0 0 0 10px;
    }
}

.job__name h6 {
    text-align: left;
}

.job__place {
    font-family: 'DMSans-Medium';
    font-size: 16px;
    line-height: 1.4;
    color: #343232;
    margin-top: 9px;
    padding-right: 25px;
}

@media(max-width: 767px) {
    .job__place {
        font-size: 14px;
        line-height: 18px;
        margin-top: 6px;
    }
}

.job__location {
    margin-top: -5px;
    padding-top: 9px;
}

@media(max-width: 767px) {
    .job__location.mob {
        align-items: flex-start;
        padding-top: 17px;
    }
    .job__location.mob img {
        width: 18px;
        margin-top: 0;
    }
}

.job__location img {
    position: relative;
    top: 2.5px;
}

.job__location-p {
    width: 10%;
    flex: 1 1;
    padding-left: 7px;
}

@media(max-width: 767px) {
    .job__left {
        align-items: center;
    }
    .job__left .job__location {
        display: none;
    }
    .job__location-p {
        padding-left: 5px;
    }
}

.job__location p {
    display: flex;
    align-items: center;
    position: relative;
    color: #A09B9B;
    margin-top: 5px;
}

@media(max-width: 767px) {
    .job__location p {
        font-size: 13px;
        line-height: 17px;
        margin-top: 2px;
    }
}

.job__location p:after {
    content: '';
    display: flex;
    align-items: center;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #A09B9B;
    margin: 0 10px;
}

.job__location p:last-child:after {
    display: none;
}

.job__right p {
    font-family: 'DMSans-Medium';
    color: #A09B9B;
    text-align: right;
}

@media(max-width: 767px) {
    .job__right {
        display: none;
    }
}

.job__details p, .job__details ul {
    margin-top: 10px;
}

.job__details p:first-child, 
.job__details ul:first-child {
  margin-top: 0;
}

.job__cats {
    margin-top: -7px;
    padding-top: 20px;
    padding-right: 25px;
}

.job__cats p {
    line-height: 1.3;
    color: #30903D;
    background-color: #DBEADD;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 7px;
    margin-right: 7px;
}

.job__cats p:first-child {
    margin-top: 7px;
}

.mob {
    display: none;
}

@media(max-width: 767px) {
    .job__cats {
        padding-right: 0;
    }
    .desk {
        display: none;
    }
    .mob {
        display: flex;
        padding-top: 0;
    }
}

.job__cats .style-yellow {
    color: #9D8B2C;
    background-color: #FCEFAC;
}

.job__cats .style-lgreen {
    color: #288B84;
    background-color: #E1EFEE;
}

.job__cats .style-rose {
    color: #9B6C5B;
    background-color: #EFE4E0;
}

.job__cats .style-blue {
    color: #407D91;
    background-color: #E1F3F9;
}

.job__details {
    display: none;
    padding-top: 23px;
}

@media(max-width: 767px) {
    .job__details, .job__text {
        padding-top: 17px;
    }
}

.job__details h6 {
    font-family: 'DMSans-Medium';
    font-size: 14px;
    color: #A09B9B;
    text-align: left;
    margin-top: 15px;
}

.job__details h6:first-child {
    margin-top: 0;
}

.job__add-info {
    padding-top: 23px;
}

.job__add-info div {
    width: 50%;
    padding-right: 20px;
}

@media(max-width: 767px) {
    .job__add-info {
        padding-top: 15px;
    }
    .job__add-info div {
        width: 100%;
        padding-right: 0;
        margin-top: 14px;
    }
    .job__add-info div:first-child {
        margin-top: 0;
    }
}

.job__details .btn {
    margin-top: 23px;
    padding-right: 25px;
}

@media(max-width: 767px) {
    .job__details .btn {
        margin-top: 20px;
    }
}

.job__details .btn__link {
    width: auto;
}

.actions {
    display: flex;
    align-items: center;
}

@media(max-width: 767px) {
    .filter__showing p {
        width: 100%;
        text-align: center;
    }
    .actions {
        width: 100%;
        justify-content: space-between;
        padding-top: 8px;
    }
}