.jobs_list_block.bg_color {
    background: var(--jl-sec-bg-color);
    position: relative;
}
.jobs_list_block.bg_color::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: var(--jl-bg-overlay-img);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.jobs_list_block .container {
    z-index: 99;
}

.jobs_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.job_card {
    background: #fff;
    border: 1px solid #e5ebf0;
    border-left: 4px solid #C20000;
    /*border-radius: 10px;*/
    padding: 22px;
    text-decoration: none;
    transition: 0.3s ease;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.job_card:hover {
    transform: translateY(-4px);
    border-color: #425A6E;
    box-shadow: 0 14px 30px rgba(16, 36, 58, 0.1);
}
.job_card .job_title {
    font-family: var(--h4FontFamily);
	font-size: var(--h4DeskFont);
	line-height: var(--h4DeskLineHt);
	font-style: var(--h4FontStyle);
	font-weight: var(--h4FontWt);
	color: var(--primaryFontColor) !important;
    margin-bottom: 18px;
}
.job_card .job_btn {
    font-family: var(--defaultFontFamily);
    font-size: var(--defaultDeskFont);
    font-style: var(--defaultFontStyle);
    font-weight: 700;
    line-height: var(--defaultDeskLineHt);
    color: var(--defaultFontColor) !important;
    text-align: right;
}
.job_card .job_btn i {
    color: #C20000 !important;
}

@media (max-width: 1100px) {
    .jobs_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width:767px) {
    .jobs_grid {
        grid-template-columns: 1fr;
    }
}