.career-listing {
    padding: 10px 0 80px 0;
    position: relative;
}

.career-info-wrap {
    margin: 0 15px 80px 15px;
}

.career-info-wrap h5 {
    font-size: 18px;
    line-height: 23px;
    margin-top: 20px;
}

.career-info-wrap p {
    margin-top: 11px;
}

.career-info-wrap img {
    width: 150px;
    height: 116px;
    object-fit: contain;
}

.career-card {
    border-radius: 17px;
    background: var(--white);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    height: 100%;
    padding: 32px 32px 100px 32px;
    gap: 20px;
    position: relative;
    transition: all .4s ease-in-out;
}

.career-card:hover {
    background: var(--yellow);
    box-shadow: 0 0.957px 13.396px 0 rgba(26, 26, 26, 0.06);
}

.career-card a.btn-yellow {
    min-width: 80%;
    justify-content: center;
    gap: 7px;
    border: 1.5px solid var(--black);
    position: absolute;
    bottom: 30px;
    box-shadow: 0 1px 10px 0 rgba(33, 28, 31, 0.24);
}


.career-card:hover a.btn-yellow {
    background: var(--black);
    border: 1.5px solid var(--yellow);
}

.career-card:hover a.btn-yellow span {
    color: var(--white);
}

.career-card:hover a.btn-yellow svg path {
    fill: var(--white);
}

.career-card a.btn-yellow:hover span {
    color: var(--black);
}

.career-card a.btn-yellow:hover svg path {
    fill: var(--black)
}

.career-card p,
.career-card h4 {
    margin: 0;
}

.career-card-inn {
    gap: 15px;
    justify-content: space-between;
}

.career-listing {
    position: relative;
}

.career-listing::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    height: 90%;
    width: 100%;
    background-image: url('../../../library/images/body-bg-.svg');
    background-repeat: repeat;
    background-size: 90%;
}


.career-listing .row>.col-md-4:last-child:nth-child(3n+1) {
    width: 100%;
}

.career-listing .row>.col-md-4:last-child:nth-child(3n+1) .career-card-inn {
    justify-content: flex-start;
}

.career-listing .row>.col-md-4:last-child:nth-child(3n+1) .btn-yellow {
    min-width: 306px;
}

section.career-listing::after {
    content: '';
    position: absolute;
    right: 15px;
    bottom: 25px;
    background: url('../../../library/images/black-circle.svg');
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.5;
}

@media(max-width:1200px) {
    .career-info h2 br {
        display: none;
    }
}

@media(max-width:992px) {

    .career-listing .col-md-4,
    .career-listing .row>.col-md-4:last-child:nth-child(3n+1) {
        width: 50%;
    }

    .career-listing .row>.col-md-4:last-child:nth-child(3n+1) .btn-yellow {
        min-width: 80%;
    }

    .career-listing .row>.col-md-4:last-child:nth-child(3n+1) .career-card-inn {
        justify-content: space-between;
    }

    .career-listing::before {
        display: none;
    }
}

@media(max-width:767px) {
    .career-info .col-md-4 {
        width: 50%;
    }

    .career-info-wrap {
        margin: 0 0 50px 0px;
    }

    .career-listing .col-md-4,
    .career-listing .row>.col-md-4:last-child:nth-child(3n+1) {
        width: 100%;
    }

    .career-info-wrap img {
        width: 100px;
        height: 100px;
    }
}