.jobs-category-top-section {
    padding-top: 150px;
    padding-bottom: 80px;
    background-color: #f1f1f1;
}

.jobs-top-name-container {
    padding: 2em;
    text-align: center;
}

.job-container {
    max-width: 82vw; 
    margin: auto; 
    padding-bottom: 3em;
}
.jobs-category-top-container {
    max-width: 80vw;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 5vw;
}

.job-category-container {
    max-width: 82vw;
    margin: auto;
}

.job-category-border-container {
    height: 10px;
    background: rgb(235,198,140);
    background: linear-gradient(270deg, rgba(235,198,140,1) 0%, rgba(146,0,27,1) 57%);
}

.job-category-name-container {
    width: 25vw;
    padding-top: 1em;
    background-color: #92001b;
    color: white;
}

.job-category-container > h4,
.job-category-name-container > h4 {
    margin-bottom: 0;
}

.jobs-job-container {
    border-top: 5px solid;
    background-color: white;
}

.jobs-job-container > p {
    font-size: 1.3rem;
}

.jobs-job-container {
    padding: 1em;
}

.jobs-top-container {
    display: flex;
    margin: auto;
}

.jobs-header {
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: 600;
}

.custom-link {
    display: flex;
    justify-content: flex-end;
}

.job-image {
    max-height: 425px
}

.nav-item > a {
    font-size: 17px;
}

.jobs-top-container:hover {
    transform: scale(1.02);
    transition: 0.3s ease-in-out;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {

    .job-container {
        max-width: 100vw;
    }
  
}