/* Import CSS Variables */
@import url('variables.css');

/* ========================================
    Common CSS
     ======================================== */

.lh-1-2{
    line-height: var( --lh-1-2);
}

/* ========================================
    Hero CSS
     ======================================== */

.career-hero__container {
    background: url("assets/backgrounds/bg-career.svg") center/cover no-repeat;
}

/* ========================================
    Values CSS
     ======================================== */

.values-box{
    padding: var(--spacing-30);
}

/* ========================================
    Investment CSS
     ======================================== */

.career-investment-box{
    padding: var(--spacing-30);
}

/* ========================================
    Jobs CSS
     ======================================== */

.career-jobs .black-pills{
    border-width: 0 0 1px 0;
}

.career-jobs .black-pills .squarePill{
    border: none !important;
    color: var(--title-color) !important;
    border-radius: 0;
}

.career-jobs .black-pills .squarePill.active{
    background-color: transparent !important;
    border-bottom: 3px solid var(--title-color) !important;
}

.job-box{
    padding: var(--spacing-24);
}