:root {
    --sgs-blue: #52a7da;
    --sgs-green: #adc645;
    --sgs-navy: #041c46;
    --sgs-dark: #001923;
    --sgs-dark-alt: #00131c;
    --c-bg-light: #ffffff0f;
    --c-bg-dark: #00000042;
}

.jobs-page {
    color: #fff;
}

.c-bg-light {
    background-color: var(--c-bg-light);
} 

.c-bg-dark {
    background-color: var(--c-bg-dark);
}

.text-sgs-blue {
    color: var(--sgs-blue) !important;
}

.text-sgs-green {
    color: var(--sgs-green) !important;
}

.bg-sgs-green {
    background-color: var(--sgs-green) !important;
}

.bg-sgs-navy {
    background-color: var(--sgs-navy) !important;
}

.testimonial-nav-btn {
    width: 58px;
    height: 58px;
}

.sticky-top {
    z-index: 199 !important;
}

.job-card-featured {
    padding-top: 3rem !important;
    border: 4px solid transparent;
    border-radius: 0.4rem !important;

    background:
        linear-gradient(#161e22, #161e22) padding-box,
        linear-gradient(to bottom right, var(--sgs-blue), var(--sgs-green)) border-box;
}

.job-featured-label {
    background-color: var(--sgs-blue);
    border-radius: 0;
    border-bottom-right-radius: var(--bs-border-radius);
    position: absolute;
    top: 0;
    left: 0;
}