.job .card-header,
.card-footer {
    background-color: #fff !important
}

.job .badge {
    cursor: pointer
}

.job button {
    justify-content: center;
    border: none !important
}

.job a {
    color: black !important;
    text-decoration: none !important
}

.job .badge-outline {
    border: 1px solid #999;
    background-color: transparent
}

.job li {
    color: rgb(65, 65, 65);
    font-size: 30px
}

.hl {
    align-content: center;
    width: 25%
}

.job p {
    font-size: 15px !important
}

.job span {
    font-size: 18px !important
}

.job .badge {
    padding: 0.5em .4em !important;
    font-size: 13px !important
}

.job .badge-pill {
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important
}

.job .footer {
    font-size: 16px !important
}

.job img {
    opacity: 0.8 !important
}

.job h6 {
    font-size: 14px !important
}

@media (max-width: 756px) {
    .job .card .card-body {
        padding: 0 !important
    }

    .job .card {
        margin-top: 5px !important
    }
}

@media (min-width: 1200px) {
    .job .col-xl-3 {
        flex: 0 0 35%;
        max-width: 31%
    }
}

.job .container-fluid {
    
    background: #8E2DE2;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #4A00E0, #8E2DE2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}