.jobs-section  {
    padding: 5rem 0;
}
.jobs-section .container {
    max-width: clamp(250px, 1250px, 1500px);
}
.jobs-section__filters.jobs-section__filters input {
    color: #000!important;
}
.jobs-section__listings {
    display: grid;
    gap: 1.25em;
}
@media screen and (min-width: 560px) {
    .jobs-section__listings {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (min-width: 797px) {
    .jobs-section__grid {
        display: grid;
    
        grid-template-columns: 3fr 9fr;
        gap: 2em;
    }
}
@media screen and (min-width: 992px) {
    .jobs-section__listings {
        grid-template-columns: repeat(3, 1fr);
    }
}
.job-card {
    overflow: hidden;
    height: 100%;
    border: 1px solid #eee;
    border-radius: 1em;
}
.job-card__title a {
    color: #000;
    text-decoration: none;
}
.job-card__details {
    padding: 1em;
    text-align: center;
}
.job-card__image {
    position: relative;
    padding-bottom: 50%;
    height: 0;
}
.job-card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center center;
}
.job-card__title {
    margin-bottom: 1em;
    font-size: clamp(1.3em, 1.25vw, 1.5em);
}
.job-card__meta {
    color: #F99302;
}
.job-card__meta span {
    display: block;
    margin: 0.5em 0;
}
.job-card__salary {
    margin-top: 1.5em;
}

/* Single job page CSS */
.single-job-page {
    padding: 5em 0;
    background-color: #eee;
}
.hide-mobile {
    display: none;
}
.hide-desktop {
    display: block;
}
@media screen and (min-width: 796px) {
    .job-sidebar {
        position: sticky;
        top: 0;
    }
    .job-page__grid {
        grid-template-columns: 4fr 8fr;
    }
    .hide-mobile {
        display: block;
    }
    .hide-desktop {
        display: none;
    }
}

.recruiter-details,
.apply-form,
.job-details {
    padding: 1.5em;
    border-radius: 1em;
    background-color: #fff;
}
.apply-form.apply-form input:not([type="submit"]) {
    background-color: #eee!important;
    border-radius: .5em;
    margin-bottom: 1em;
    color: #000!important;
}
.apply-form input[type="file"] {
    padding: 1em;
    border: 1px solid #ccc;
}
.apply-form.apply-form textarea {
    background-color: #eee!important;
    border-radius: .5em;
    margin-bottom: 1em;
    color: #000!important;
}
.recruiter-details {
    margin-bottom: 1.5em;
}
.job-page__grid {
    display: grid;
    gap: 2em;
}
.job-details__table-row {
    display: flex;
    padding: 1.5em 1em;
    border-bottom: 1px dashed #ddd;
    font-size: 1em;
}
.job-details__table-row:nth-child(2n) {
    background-color: #fbfbfb;
}
.row-title {
    margin-right: 1em;
    font-weight: bold;
}
.recruiter-details {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.recruiter-details a {
    color: #000;
    text-decoration: none;
}
.recruiter-image {
    overflow: hidden;
    margin-bottom: 1em;
    width: 180px;
    height: 180px;
    border-radius: 50%;
}
.apply-form h2 {
    margin-bottom: 1em;;
}
.single-job-page .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    display: none;
}
.single-job-page input[type="submit"] {
    float: none!important;
}
.job-video {
    position: relative;
    overflow: hidden;
    margin: 1.5em 0;
    padding-bottom: 56.25%;
}
.job-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.job-section__form {
    position: sticky;
    top: 20px;
}
.job-section__form input {
    background-color: #eee!important;
    border-radius: .5em;
    margin-bottom: 1em;
}
.pagination {
	grid-column: span 2;
	display: flex!important;
	justify-content: center;
}