html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}


.footer {
    position: absolute;
     bottom: initial !important;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}


.text-body {
    font-family: "Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    color: #181818;
}

@media (min-width: 700px) {
    .air3-card-section, .air3-card {
        --card-padding-x: var(--ws-8x);
        --card-padding-y: var(--ws-8x)
    }
}

.air3-card {
    --card-bg: var(--bg-muted-light);
    --card-border: 1px solid transparent;
    --card-radius: var(--radius-8x);
    --card-bg-outline: var(--bg-inverse);
    --card-border-outline: var(--border);
    /* List */
    --card-radius-list: 0;
    --card-padding-x-list: 0;
    --card-bg-list: var(--bg-inverse);
    --card-border-list: var(--border);
    /* Size sm */
    --card-padding-x-sm: var(--ws-6x);
    --card-padding-y-sm: var(--ws-6x);
    /* Link */
    --card-link-bg: var(--bg-hoverable-light);
    --card-link-bg-hover: var(--bg-hoverable-light-hover);
    --card-link-text: var(--text-dark-on-hoverable-light);
    --card-link-text-hover: var( --hc-text-on-selected, var(--text-dark-on-hoverable-light) );
    padding: var(--card-padding);
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    width: 100%
}

    .air3-card.air3-card-link {
        --card-bg: var(--card-link-bg);
        --text-link: var(--card-link-text);
        --text-link-hover: var(--card-link-text-hover);
        --underline-link: none;
        --underline-link-hover: none;
        display: block
    }

        .air3-card.air3-card-link:hover,
        .air3-card.air3-card-link:focus {
            --card-bg: var(--card-link-bg-hover);
            --card-border: 1px solid var(--card-link-bg-hover)
        }

@media (forced-colors: active) {

    .air3-card.air3-card-link:hover,
    .air3-card.air3-card-link:focus {
        forced-color-adjust: none
    }

        .air3-card.air3-card-link:hover:focus, .air3-card.air3-card-link:focus:focus {
            outline-color: var(--hc-text-on-selected);
        }
}

.air3-card-sm {
    --card-padding-x: var(--card-padding-x-sm);
    --card-padding-y: var(--card-padding-y-sm);
}

.air3-card-outline {
    --card-bg: var(--card-bg-outline);
    --card-border: var(--card-border-outline);
}

.air3-card-interactive {
    box-shadow: var(--shadow-interactive);
    border: 0;
    border: var(--hc-border, 0);
    cursor: pointer;
    transition: box-shadow 0.5s ease;
    transition: var(--reduced-motion, box-shadow 0.5s ease)
}

    .air3-card-interactive:hover {
        box-shadow: var(--shadow-interactive-hover);
    }

.air3-card-list {
    --card-radius: var(--card-radius-list);
    --card-padding-x: var(--card-padding-x-list);
    --card-bg: var(--card-bg-list);
    --card-border: var(--card-border-list);
    border-left: 0;
    border-right: 0
}

    .air3-card-list + .air3-card-list {
        border-top: 0;
    }

.air3-card-section {
    padding: var(--card-section-padding)
}

    .air3-card-section:first-child {
        border-radius: var(--card-radius) var(--card-radius) 0 0;
    }

    .air3-card-section:last-child {
        border-radius: 0 0 var(--card-radius) var(--card-radius);
    }

    .air3-card-section:only-child {
        border-radius: var(--card-radius);
    }

    .air3-card-section:not(:last-child) {
        border-bottom: var(--card-section-border);
    }

.air3-card-section {
    & + &:not(:last-child)

{
    border-radius: 0;
}

}

@media (hover: hover) {
    .air3-card-section.air3-card-hover:hover,
    .air3-card-section.air3-card-hover[focus-within] {
        /* Use to give some components better contrast when used inside a hoverable section */
        --hoverable-bg: var(--bg-on-hoverable-light);
        background-color: var(--bg-hoverable-light-hover);
        cursor: pointer;
    }

    .air3-card-section.air3-card-hover:hover,
    .air3-card-section.air3-card-hover:focus-within {
        /* Use to give some components better contrast when used inside a hoverable section */
        --hoverable-bg: var(--bg-on-hoverable-light);
        background-color: var(--bg-hoverable-light-hover);
        cursor: pointer;
    }
}

.air3-card-sections {
    padding: 0;
}





.air3-grid-container {
    --template-col: repeat(12, 1fr);
    --row-gap: var(--ws-4x);
    --col-gap: var(--ws-4x);
    --gap: var(--row-gap) var(--col-gap);
    display: grid;
    grid-template-columns: var(--template-col);
    grid-gap: var(--gap);
    gap: var(--gap)
}

@media (min-width: 700px) {

    .air3-grid-container {
        --row-gap: var(--ws-6x);
        --col-gap: var(--ws-6x)
    }
}

@media (min-width: 1200px) {

    .air3-grid-container {
        --row-gap: var(--ws-8x);
        --col-gap: var(--ws-8x)
    }
}

.air3-grid-container.gap-0 {
    --gap: 0;
}

.air3-grid-container.col-gap-0 {
    --col-gap: 0;
}

.air3-grid-container.row-gap-0 {
    --row-gap: 0;
}

[class*='span-'] {
    grid-column: 1/-1;
    min-width: 0; /* Correct column width in Firefox. */
}

.span-1 {
    grid-column: span 1;
}

.span-2 {
    grid-column: span 2;
}

.span-3 {
    grid-column: span 3;
}

.span-4 {
    grid-column: span 4;
}

.span-5 {
    grid-column: span 5;
}

.span-6 {
    grid-column: span 6;
}

.span-7 {
    grid-column: span 7;
}

.span-8 {
    grid-column: span 8;
}

.span-9 {
    grid-column: span 9;
}

.span-10 {
    grid-column: span 10;
}

.span-11 {
    grid-column: span 11;
}

.span-12 {
    grid-column: span 12;
}

@media (min-width: 700px) {
    .span-md-1 {
        grid-column: span 1;
    }

    .span-md-2 {
        grid-column: span 2;
    }

    .span-md-3 {
        grid-column: span 3;
    }

    .span-md-4 {
        grid-column: span 4;
    }

    .span-md-5 {
        grid-column: span 5;
    }

    .span-md-6 {
        grid-column: span 6;
    }

    .span-md-7 {
        grid-column: span 7;
    }

    .span-md-8 {
        grid-column: span 8;
    }

    .span-md-9 {
        grid-column: span 9;
    }

    .span-md-10 {
        grid-column: span 10;
    }

    .span-md-11 {
        grid-column: span 11;
    }

    .span-md-12 {
        grid-column: span 12;
    }
}

@media (min-width: 1200px) {
    .span-lg-1 {
        grid-column: span 1;
    }

    .span-lg-2 {
        grid-column: span 2;
    }

    .span-lg-3 {
        grid-column: span 3;
    }

    .span-lg-4 {
        grid-column: span 4;
    }

    .span-lg-5 {
        grid-column: span 5;
    }

    .span-lg-6 {
        grid-column: span 6;
    }

    .span-lg-7 {
        grid-column: span 7;
    }

    .span-lg-8 {
        grid-column: span 8;
    }

    .span-lg-9 {
        grid-column: span 9;
    }

    .span-lg-10 {
        grid-column: span 10;
    }

    .span-lg-11 {
        grid-column: span 11;
    }

    .span-lg-12 {
        grid-column: span 12;
    }
}




.job-details-content[data-v-316735dc] {
    --font-size-base-xs: 12px;
    font-size: var(--font-size-base-sm);
    font-weight: var(--font-weight-body)
}

@media (max-width: 699.98px) {
    .job-details-content .air3-card[data-v-316735dc],
    .job-details-content .air3-card-section[data-v-316735dc] {
        --card-padding-x: var(--ws-4x);
    }

    .job-details-content .air3-card[data-v-316735dc] {
        --card-radius: 0;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }
}

.job-details-card[data-v-316735dc] {
    background: var(--bg-inverse);
    --card-radius: 0;
    --card-border: 0
}

.job-details-card.slider[data-v-316735dc] {
    border-radius: 0;
}

.sidebar[data-v-316735dc] {
    border-left: var(--card-section-border);
    max-width: 300px;
    min-width: 300px;
}