/* careers: page-specific styles extracted from resources/views/careers.blade.php. */
/* =========================================================
       CAREER PAGE
       Primary color: #34a853
       No font-family declared
       Maximum font-weight: 700
       ========================================================= */

    .career-page {
        --career-green: #34a853;
        --career-green-dark: #25863d;
        --career-green-soft: #edf8f0;

        --career-dark: #101318;
        --career-text: #555c64;
        --career-muted: #747b83;
        --career-border: #e2e7e4;
        --career-white: #ffffff;

        width: 100%;
        overflow: hidden;

        background: #ffffff;
        color: var(--career-dark);
    }

    .career-page *,
    .career-page *::before,
    .career-page *::after {
        box-sizing: border-box;
    }

    .career-page img {
        display: block;
        max-width: 100%;
    }

    .career-container {
        width: 100%;
        padding-left: 55px;
        padding-right: 55px;
    }

    /* =========================================================
       HERO
       ========================================================= */

    .career-hero {
        width: 100%;

        position: relative;
        overflow: hidden;

        padding: 34px 42px 48px;

        background:
            radial-gradient(
                circle at 50% 8%,
                rgba(52,168,83,.12),
                transparent 30%
            ),
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f8fcf9 100%
            );
    }

    .career-hero::before {
        content: "";

        position: absolute;
        inset: 0;

        background-image:
            linear-gradient(
                rgba(52,168,83,.045) 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                rgba(52,168,83,.045) 1px,
                transparent 1px
            );

        background-size: 58px 58px;

        -webkit-mask-image:
            linear-gradient(
                to bottom,
                rgba(0,0,0,.42),
                transparent 82%
            );
        mask-image:
            linear-gradient(
                to bottom,
                rgba(0,0,0,.42),
                transparent 82%
            );

        pointer-events: none;
    }

    .career-hero::after {
        content: "";

        width: 480px;
        height: 480px;

        position: absolute;
        left: 50%;
        top: 49%;

        border: 1px solid rgba(52,168,83,.08);
        border-radius: 50%;

        transform: translate(-50%, -50%);

        box-shadow:
            0 0 0 75px rgba(52,168,83,.025),
            0 0 0 150px rgba(52,168,83,.018);

        pointer-events: none;
    }

    .career-hero-inner {
        width: 100%;
        max-width: 1480px;
        min-height: 500px;

        margin: 0 auto;

        position: relative;
        z-index: 2;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .career-hero-content {
        width: 100%;
        max-width: 1220px;
        min-height: 455px;

        position: relative;
        overflow: hidden;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 62px 70px 58px;

        border: 1px solid rgba(52,168,83,.17);
        border-radius: 30px;

        background:
            linear-gradient(
                145deg,
                rgba(255,255,255,.98),
                rgba(250,254,251,.95)
            );

        box-shadow:
            0 24px 70px rgba(25,50,32,.07),
            inset 0 1px 0 rgba(255,255,255,.95);

        text-align: center;
    }

    .career-hero-content::before,
    .career-hero-content::after {
        content: "";

        position: absolute;

        border-radius: 50%;

        pointer-events: none;
    }

    .career-hero-content::before {
        width: 250px;
        height: 250px;

        left: -125px;
        bottom: -115px;

        border: 44px solid rgba(52,168,83,.055);
    }

    .career-hero-content::after {
        width: 210px;
        height: 210px;

        right: -95px;
        top: -95px;

        background:
            radial-gradient(
                circle,
                rgba(52,168,83,.10) 0 3px,
                transparent 4px
            );
        background-size: 22px 22px;

        opacity: .72;
    }

    .career-hero-content > div {
        width: 100%;
        max-width: 980px;

        margin: 0 auto;

        position: relative;
        z-index: 3;
    }

    .career-hero .career-eyebrow {
        margin-bottom: 18px;

        padding: 8px 15px;

        border: 1px solid rgba(52,168,83,.18);
        border-radius: 999px;

        background: var(--career-green-soft);

        font-size: 13px;
        letter-spacing: 1.2px;
    }

    .career-hero h1 {
        max-width: 900px;

        margin: 0 auto;

        color: #101318;

        font-size: clamp(50px, 4.15vw, 68px);
        line-height: 1.04;
        letter-spacing: -2px;

        font-weight: 700;
    }

    .career-hero h1 span {
        position: relative;

        display: inline-block;

        color: var(--career-green);
    }

    .career-hero h1 span::after {
        content: "";

        width: 100%;
        height: 8px;

        position: absolute;
        left: 0;
        bottom: 2px;
        z-index: -1;

        border-radius: 20px;

        background: rgba(52,168,83,.11);
    }

    .career-hero-description {
        max-width: 800px;

        margin: 24px auto 0;

        color: var(--career-text);

        font-size: 18px;
        line-height: 1.72;
    }

    .career-hero-points {
        width: 100%;
        max-width: 900px;

        margin: 32px auto 0;

        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;

        gap: 12px;
    }

    .career-hero-point {
        min-height: 48px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 9px;

        padding: 10px 15px;

        border: 1px solid #dfe9e2;
        border-radius: 999px;

        background: #ffffff;
        color: #34383d;

        box-shadow:
            0 7px 22px rgba(24,50,31,.045);

        font-size: 14px;
        font-weight: 600;

        transition:
            transform .25s ease,
            border-color .25s ease,
            box-shadow .25s ease,
            background .25s ease;
    }

    .career-hero-point:hover {
        transform: translateY(-3px);

        border-color: rgba(52,168,83,.34);

        background: #fbfefc;

        box-shadow:
            0 12px 28px rgba(52,168,83,.10);
    }

    .career-hero-point svg {
        width: 22px;
        height: 22px;

        flex: 0 0 auto;

        stroke: var(--career-green);
    }

    .career-hero-content > div::after {
        content: "";

        display: block;

        width: 82px;
        height: 4px;

        margin: 33px auto 0;

        border-radius: 999px;

        background:
            linear-gradient(
                90deg,
                rgba(52,168,83,.18),
                var(--career-green),
                rgba(52,168,83,.18)
            );
    }

    /* =========================================================
       COMMON HEADING
       ========================================================= */

    .career-section-heading {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;

        gap: 30px;

        margin-bottom: 45px;
    }

    .career-section-heading h2 {
        margin: 0;

        color: #121419;

        font-size: 43px;
        line-height: 1.1;
        letter-spacing: -1px;

        font-weight: 700;
    }

    .career-section-heading p {
        margin: 0;

        color: var(--career-text);

        font-size: 16px;
        line-height: 1.6;
    }

    /* =========================================================
       WHY WORK WITH US
       ========================================================= */

    .career-benefits {
        width: 100%;

        padding: 75px 0;
    }

    .career-benefit-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);

        gap: 30px;
    }

    .career-benefit-item {
        text-align: center;

        padding: 16px;

        transition: transform .3s ease;
    }

    .career-benefit-item:hover {
        transform: translateY(-5px);
    }

    .career-benefit-icon {
        width: 76px;
        height: 76px;

        margin: 0 auto 18px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #eaf7ee;
        color: var(--career-green);

        transition: .3s ease;
    }

    .career-benefit-item:hover .career-benefit-icon {
        background: #daf0e0;
        transform: scale(1.06);
    }

    .career-benefit-icon svg {
        width: 35px;
        height: 35px;

        stroke: currentColor;
    }

    .career-benefit-item h3 {
        margin: 0 0 9px;

        font-size: 19px;
        line-height: 1.4;

        font-weight: 700;
    }

    .career-benefit-item p {
        max-width: 270px;

        margin: auto;

        color: #61676d;

        font-size: 15px;
        line-height: 1.65;
    }

    /* =========================================================
       APPLICATION
       ========================================================= */

    .career-application-section {
        width: 100%;

        padding: 15px 55px 80px;
    }

    .career-application-card {
        width: 100%;

        display: grid;
        grid-template-columns: 31% 69%;

        overflow: hidden;

        border: 1px solid var(--career-border);
        border-radius: 18px;

        background: #fff;

        box-shadow:
            0 18px 55px rgba(20,25,30,.055);
    }

    /* LEFT */

    .career-application-info {
        min-height: 760px;

        display: flex;
        flex-direction: column;

        padding: 48px 44px;

        border-right: 1px solid #e5e9e6;

        background:
            radial-gradient(
                circle at 10% 10%,
                rgba(52,168,83,.09),
                transparent 34%
            ),
            linear-gradient(
                145deg,
                #f6fcf7,
                #fff 60%,
                #f4fbf6
            );
    }

    .career-application-info h2 {
        margin: 0;

        color: #17191d;

        font-size: 42px;
        line-height: 1.08;
        letter-spacing: -1px;

        font-weight: 700;
    }

    .career-application-description {
        max-width: 390px;

        margin: 21px 0 0;

        color: #5d6268;

        font-size: 16px;
        line-height: 1.72;
    }

    .career-side-divider {
        width: 48px;
        height: 3px;

        margin: 29px 0;

        border-radius: 20px;

        background: var(--career-green);
    }

    .career-side-feature-list {
        display: flex;
        flex-direction: column;

        gap: 22px;
    }

    .career-side-feature {
        display: flex;
        align-items: center;

        gap: 14px;
    }

    .career-side-feature-icon {
        width: 44px;
        height: 44px;

        flex: 0 0 auto;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #e5f5e9;
        color: var(--career-green);
    }

    .career-side-feature-icon svg {
        width: 21px;
        height: 21px;

        stroke: currentColor;
    }

    .career-side-feature-text strong {
        display: block;

        margin-bottom: 3px;

        font-size: 14px;
        font-weight: 700;
    }

    .career-side-feature-text span {
        color: #71767c;

        font-size: 13px;
        line-height: 1.5;
    }

    .career-side-message {
        margin-top: auto;
        padding-top: 45px;
    }

    .career-side-message span {
        display: block;

        color: #24272b;

        font-size: 27px;
        line-height: 1.3;

        font-weight: 500;
    }

    .career-side-message::after {
        content: "";

        display: block;

        width: 48px;
        height: 3px;

        margin-top: 14px;

        background: var(--career-green);

        border-radius: 20px;
    }

    /* =========================================================
       FORM
       ========================================================= */

    .career-form-wrap {
        padding: 42px 48px;
    }

    .career-form-heading {
        margin-bottom: 29px;
    }

    .career-form-heading small {
        display: block;

        margin-bottom: 7px;

        color: var(--career-green);

        font-size: 12px;
        line-height: 1.4;
        letter-spacing: 1.5px;

        text-transform: uppercase;

        font-weight: 700;
    }

    .career-form-heading h2 {
        margin: 0;

        font-size: 30px;
        line-height: 1.3;

        font-weight: 700;
    }

    .career-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 20px 24px;
    }

    .career-form-group {
        min-width: 0;
    }

    .career-field-full {
        grid-column: 1 / -1;
    }

    .career-form-label {
        display: block;

        margin-bottom: 8px;

        color: #292d31;

        font-size: 14px;
        line-height: 1.4;

        font-weight: 600;
    }

    .career-required {
        color: var(--career-green);
    }

    .career-input,
    .career-select,
    .career-textarea {
        width: 100%;

        border: 1px solid #dce1de;
        border-radius: 7px;

        outline: none;

        background: #ffffff;
        color: #25292d;

        font-size: 14px;

        transition:
            border-color .2s ease,
            box-shadow .2s ease,
            background .2s ease;
    }

    .career-input,
    .career-select {
        height: 50px;

        padding: 0 14px;
    }

    .career-textarea {
        min-height: 120px;

        padding: 14px;

        resize: vertical;

        line-height: 1.6;
    }

    .career-input:focus,
    .career-select:focus,
    .career-textarea:focus {
        border-color: var(--career-green);

        box-shadow:
            0 0 0 3px rgba(52,168,83,.10);
    }

    .career-select {
        appearance: none;

        padding-right: 40px;

        background-image:
            linear-gradient(
                45deg,
                transparent 50%,
                #777 50%
            ),
            linear-gradient(
                135deg,
                #777 50%,
                transparent 50%
            );

        background-position:
            calc(100% - 19px) 22px,
            calc(100% - 14px) 22px;

        background-size:
            5px 5px,
            5px 5px;

        background-repeat: no-repeat;
    }

    /* VALIDATION */

    .career-error-text {
        display: block;

        margin-top: 6px;

        color: #c62828;

        font-size: 12px;
        line-height: 1.4;
    }

    .career-main-error {
        margin-bottom: 25px;

        padding: 14px 16px;

        border: 1px solid #ffd1d1;
        border-radius: 7px;

        background: #fff7f7;
        color: #a51e1e;

        font-size: 14px;
        line-height: 1.6;
    }

    /* =========================================================
       UPLOAD
       ========================================================= */

    .career-file-input {
        position: absolute;

        width: 1px;
        height: 1px;

        opacity: 0;

        overflow: hidden;
    }

    .career-upload-box {
        width: 100%;
        min-height: 100px;

        padding: 20px;

        display: flex;
        justify-content: center;
        align-items: center;

        gap: 15px;

        border: 1px dashed #cbd1cd;
        border-radius: 8px;

        background: #fafbfa;

        transition: .25s ease;
    }

    .career-upload-box:hover {
        border-color: var(--career-green);

        background: #f2faf4;
    }

    .career-upload-icon {
        color: var(--career-green);
    }

    .career-upload-icon svg {
        width: 32px;
        height: 32px;

        stroke: currentColor;
    }

    .career-upload-text strong {
        display: block;

        margin-bottom: 4px;

        font-size: 14px;

        font-weight: 600;
    }

    .career-upload-text span {
        color: #7b817e;

        font-size: 12px;
    }

    .career-file-name {
        display: block;

        margin-top: 8px;

        color: var(--career-green);

        font-size: 13px;

        font-weight: 600;
    }

    /* CONSENT */

    .career-consent {
        display: flex;
        align-items: flex-start;

        gap: 10px;
    }

    .career-consent input {
        width: 17px;
        height: 17px;

        margin-top: 2px;

        accent-color: var(--career-green);
    }

    .career-consent label {
        color: #575c61;

        font-size: 13px;
        line-height: 1.55;
    }

    /* SUBMIT */

    .career-submit-btn {
        width: 100%;
        height: 54px;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 10px;

        border: 0;
        border-radius: 7px;

        background: var(--career-green);
        color: #fff;

        font-size: 15px;

        font-weight: 700;

        transition: .25s ease;
    }

    .career-submit-btn:hover {
        background: var(--career-green-dark);

        transform: translateY(-2px);

        box-shadow:
            0 10px 25px rgba(52,168,83,.22);
    }

    .career-submit-btn:disabled {
        opacity: .7;

        transform: none;
    }

    .career-submit-btn svg {
        width: 18px;
        height: 18px;

        stroke: currentColor;
    }

    /* =========================================================
       PROCESS
       ========================================================= */

    .career-process {
        width: 100%;

        padding: 0 55px 85px;
    }

    .career-process-heading {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;

        margin-bottom: 38px;

        gap: 25px;
    }

    .career-process-heading h2 {
        margin: 0;

        font-size: 34px;

        font-weight: 700;
    }

    .career-process-heading p {
        margin: 0;

        color: #656970;

        font-size: 15px;
    }

    .career-process-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .career-process-item {
        position: relative;

        padding-right: 34px;
    }

    .career-process-item:not(:last-child)::after {
        content: "";

        position: absolute;

        top: 25px;
        left: 88px;
        right: 23px;

        border-top: 1px dashed #bdc5c0;
    }

    .career-process-top {
        min-height: 55px;

        display: flex;
        align-items: center;

        gap: 13px;

        position: relative;

        z-index: 2;
    }

    .career-process-number {
        width: 47px;
        height: 47px;

        flex: 0 0 auto;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 1px solid #b7dec1;
        border-radius: 50%;

        background: #e9f7ed;
        color: var(--career-green);

        font-size: 18px;

        font-weight: 700;
    }

    .career-process-item h3 {
        margin: 11px 0 6px 60px;

        font-size: 16px;

        font-weight: 700;
    }

    .career-process-item p {
        max-width: 230px;

        margin: 0 0 0 60px;

        color: #656970;

        font-size: 14px;
        line-height: 1.55;
    }

    /* =========================================================
       TEAM PIN BOARD
       ========================================================= */

    .career-team-section {
        width: 100%;

        padding: 85px 55px 105px;

        position: relative;

        overflow: hidden;

        background-color: #fafdfb;

        background-image:
            linear-gradient(
                #e4eae6 1px,
                transparent 1px
            ),
            linear-gradient(
                90deg,
                #e4eae6 1px,
                transparent 1px
            );

        background-size: 58px 58px;
    }

    .career-team-header {
        max-width: 850px;

        margin: 0 auto 75px;

        position: relative;

        z-index: 3;

        text-align: center;
    }

    .career-team-header h2 {
        margin: 0;

        color: #101318;

        font-size: 46px;
        line-height: 1.1;
        letter-spacing: -1.2px;

        font-weight: 700;
    }

    .career-team-header p {
        max-width: 700px;

        margin: 18px auto 0;

        color: #60666d;

        font-size: 17px;
        line-height: 1.7;
    }

    /* TIMELINE */

    .career-team-board {
        width: 100%;
        max-width: 1450px;

        margin: 0 auto;

        position: relative;

        z-index: 2;
    }

    .career-team-board::before {
        content: "";

        position: absolute;

        top: 0;
        bottom: 0;
        left: 50%;

        border-left: 2px dashed #abc0b0;

        transform: translateX(-50%);
    }

    .career-team-row {
        width: 100%;
        min-height: 455px;

        display: grid;
        grid-template-columns:
            minmax(0, 1fr)
            100px
            minmax(0, 1fr);

        align-items: center;
    }

    .career-team-empty {
        width: 100%;
    }

    .career-team-center {
        width: 100px;
        height: 100%;

        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .career-team-center::before {
        content: "";

        position: absolute;

        width: 50px;

        border-top: 2px dashed #abc0b0;
    }

    .career-team-dot {
        width: 25px;
        height: 25px;

        position: relative;

        z-index: 3;

        border: 1px solid #9db6a3;
        border-radius: 50%;

        background: #fff;
    }

    .career-team-dot::before {
        content: "";

        position: absolute;

        width: 9px;
        height: 9px;

        top: 7px;
        left: 7px;

        border-radius: 50%;

        background: var(--career-green);
    }

    /* LARGE TEAM CARD */

    .career-team-card {
        --member-color: #34a853;

        width: 462px;
        max-width: 462px;
        height: 452px;
        min-height: 452px;

        position: relative;

        display: flex;
        flex-direction: column;

        padding: 12px 12px 18px;

        border-radius: 20px;

        border-top: 4px solid var(--member-color);

        background: rgba(255,255,255,.98);

        box-shadow:
            0 22px 55px rgba(25,38,29,.10);

        transition:
            transform .35s ease,
            box-shadow .35s ease;
    }

    .career-team-card:hover {
        transform: translateY(-7px);

        box-shadow:
            0 30px 68px rgba(25,38,29,.15);
    }

    .career-team-row:nth-child(odd) .career-team-card {
        justify-self: start;
    }

    .career-team-row:nth-child(even) .career-team-card {
        justify-self: end;
    }

    /* TEAM IMAGE */

    .career-member-image {
        width: 100%;
        height: 330px;

        flex: 0 0 330px;

        display: flex;
        align-items: flex-end;
        justify-content: center;

        overflow: hidden;

        border-radius: 15px;

        background: #ffffff;
    }

    .career-member-image img {
        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center bottom;

        transition: transform .55s ease;
    }

    .career-team-card:hover .career-member-image img {
        transform: scale(1.025);
    }

    .career-member-info {
        width: 100%;

        padding: 16px 8px 0;
    }

    .career-member-info h3 {
        margin: 0 0 5px;

        color: #101822;

        font-size: 22px;
        line-height: 1.25;

        font-weight: 700;
    }

    .career-member-info p {
        margin: 0;

        color: #68768a;

        font-size: 15px;
        line-height: 1.45;
    }

    /* =========================================================
       3D PUSH PIN
       ========================================================= */

    .career-pin {
        --pin-color: #34a853;

        /* Smaller pin so it never covers the member's head/image */
        width: 42px;
        height: 49px;

        position: absolute;

        z-index: 5;

        left: 50%;
        top: -43px;

        transform:
            translateX(-50%)
            rotate(4deg);

        transform-origin: center bottom;
        pointer-events: none;

        filter:
            drop-shadow(
                0 7px 6px rgba(0,0,0,.18)
            );
    }

    .career-pin::before {
        content: "";

        position: absolute;

        width: 22px;
        height: 31px;

        left: 10px;
        top: 15px;

        border-radius:
            8px 8px 14px 14px;

        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.18),
                transparent 45%
            ),
            var(--pin-color);
    }

    .career-pin::after {
        content: "";

        position: absolute;

        width: 36px;
        height: 36px;

        left: 3px;
        top: 0;

        border-radius: 50%;

        background:
            radial-gradient(
                circle at 34% 27%,
                rgba(255,255,255,.65),
                transparent 16%
            ),
            linear-gradient(
                145deg,
                rgba(255,255,255,.24),
                rgba(0,0,0,.14)
            ),
            var(--pin-color);

        box-shadow:
            inset -4px -5px 7px rgba(0,0,0,.12),
            inset 4px 4px 7px rgba(255,255,255,.15);
    }

    /* DIFFERENT COLORS */

    .career-team-card.member-green,
    .career-pin.member-green {
        --member-color: #34a853;
        --pin-color: #34a853;
    }

    .career-team-card.member-orange,
    .career-pin.member-orange {
        --member-color: #f39a2d;
        --pin-color: #f39a2d;
    }

    .career-team-card.member-blue,
    .career-pin.member-blue {
        --member-color: #3f69db;
        --pin-color: #3f69db;
    }

    .career-team-card.member-purple,
    .career-pin.member-purple {
        --member-color: #8a5bd4;
        --pin-color: #8a5bd4;
    }

    .career-team-card.member-pink,
    .career-pin.member-pink {
        --member-color: #e65787;
        --pin-color: #e65787;
    }

    /* =========================================================
       BOTTOM CTA
       ========================================================= */

    .career-bottom-cta {
        width: 100%;

        padding: 75px 55px 65px;
    }

    .career-cta-box {
        width: 100%;
        min-height: 180px;

        display: grid;
        grid-template-columns: 1fr 1.2fr;

        align-items: center;

        gap: 55px;

        position: relative;

        overflow: hidden;

        padding: 38px 50px;

        border-radius: 17px;

        background:
            linear-gradient(
                105deg,
                #edf8f0,
                #f9fcfa 52%,
                #e4f4e8
            );
    }

    .career-cta-brand,
    .career-cta-content {
        position: relative;

        z-index: 2;
    }

    .career-cta-brand small {
        display: block;

        margin-bottom: 8px;

        color: var(--career-green);

        font-size: 13px;
        letter-spacing: .8px;

        text-transform: uppercase;

        font-weight: 700;
    }

    .career-cta-brand h3 {
        margin: 0;

        font-size: 36px;

        font-weight: 700;
    }

    .career-cta-brand h3 span {
        color: var(--career-green);
    }

    .career-cta-brand p {
        margin: 7px 0 0;

        color: #62676d;

        font-size: 14px;
    }

    .career-cta-brand-line {
        width: 45px;
        height: 3px;

        margin-top: 18px;

        border-radius: 20px;

        background: var(--career-green);
    }

    .career-cta-content h4 {
        margin: 0 0 7px;

        font-size: 24px;

        font-weight: 700;
    }

    .career-cta-content p {
        max-width: 650px;

        margin: 0 0 20px;

        color: #5e646a;

        font-size: 15px;
        line-height: 1.65;
    }

    .career-contact-btn {
        min-width: 175px;
        height: 47px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 10px;

        padding: 0 22px;

        border-radius: 7px;

        background: var(--career-green);
        color: #fff;

        text-decoration: none;

        font-size: 14px;

        font-weight: 700;

        transition: .25s ease;
    }

    .career-contact-btn:hover {
        color: #fff;

        background: var(--career-green-dark);

        transform: translateY(-2px);
    }

    /* =========================================================
       SUCCESS POPUP
       ========================================================= */

    .career-success-overlay {
        position: fixed;

        z-index: 99999999;

        inset: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 20px;

        background: rgba(13,20,15,.58);

        backdrop-filter: blur(7px);
    }

    .career-success-modal {
        width: 100%;
        max-width: 470px;

        position: relative;

        padding: 42px 35px 35px;

        text-align: center;

        border-radius: 24px;

        background: #fff;

        box-shadow:
            0 30px 100px rgba(0,0,0,.25);

        animation:
            careerPopupIn .45s ease both;
    }

    @keyframes careerPopupIn {
        from {
            opacity: 0;
            transform:
                translateY(25px)
                scale(.94);
        }

        to {
            opacity: 1;
            transform:
                translateY(0)
                scale(1);
        }
    }

    .career-success-icon {
        width: 84px;
        height: 84px;

        margin: 0 auto 23px;

        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #e8f7ec;
        color: var(--career-green);
    }

    .career-success-icon::before {
        content: "";

        position: absolute;

        inset: -9px;

        border: 1px solid #bae1c4;
        border-radius: 50%;

        animation:
            careerSuccessPulse 1.8s infinite;
    }

    @keyframes careerSuccessPulse {
        0% {
            transform: scale(.88);
            opacity: 0;
        }

        45% {
            opacity: 1;
        }

        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }

    .career-success-icon svg {
        width: 43px;
        height: 43px;

        stroke: currentColor;
    }

    .career-success-modal small {
        display: block;

        margin-bottom: 8px;

        color: var(--career-green);

        font-size: 13px;
        letter-spacing: 1px;

        text-transform: uppercase;

        font-weight: 700;
    }

    .career-success-modal h3 {
        margin: 0 0 12px;

        color: #101318;

        font-size: 32px;

        font-weight: 700;
    }

    .career-success-modal p {
        max-width: 360px;

        margin: 0 auto;

        color: #60666c;

        font-size: 15px;
        line-height: 1.7;
    }

    .career-success-close {
        width: 100%;
        height: 50px;

        margin-top: 25px;

        border: 0;
        border-radius: 8px;

        background: var(--career-green);
        color: #fff;

        font-size: 14px;

        font-weight: 700;

        transition: .2s ease;
    }

    .career-success-close:hover {
        background: var(--career-green-dark);
    }

    /* =========================================================
       TABLET / SMALL LAPTOP
       ========================================================= */

    @media (min-width: 768px) and (max-width: 1199px) {

        .career-hero {
            padding: 28px 28px 40px;
        }

        .career-hero-inner {
            min-height: 470px;
        }

        .career-hero-content {
            min-height: 420px;

            padding: 54px 40px 50px;

            border-radius: 26px;
        }

        .career-hero h1 {
            font-size: clamp(45px, 5.5vw, 59px);
        }

        .career-hero-description {
            max-width: 740px;

            font-size: 17px;
        }

        .career-hero-points {
            max-width: 820px;
        }

        .career-team-section {
            padding-left: 35px;
            padding-right: 35px;
        }

        .career-team-row {
            min-height: 455px;

            grid-template-columns:
                minmax(0, 1fr)
                70px
                minmax(0, 1fr);
        }

        .career-team-center {
            width: 70px;
        }

        .career-team-card {
            width: 100%;
            max-width: 400px;
            height: 420px;
            min-height: 420px;
        }

        .career-member-image {
            height: 300px;

            flex-basis: 300px;
        }

        .career-member-info {
            padding-top: 14px;
        }

        .career-member-info h3 {
            font-size: 20px;
        }

        .career-member-info p {
            font-size: 14px;
        }
    }

    /* =========================================================
       MOBILE
       ========================================================= */

    @media (max-width: 767px) {

                .career-container {
            padding-left: 20px;
            padding-right: 20px;
        }

        /* HERO */

        .career-hero {
            padding: 14px 14px 28px;
        }

        .career-hero::before {
            background-size: 38px 38px;
        }

        .career-hero::after {
            width: 280px;
            height: 280px;

            box-shadow:
                0 0 0 45px rgba(52,168,83,.025),
                0 0 0 90px rgba(52,168,83,.018);
        }

        .career-hero-inner {
            min-height: auto;
        }

        .career-hero-content {
            min-height: auto;

            padding: 44px 20px 38px;

            border-radius: 22px;
        }

        .career-hero-content::before {
            width: 150px;
            height: 150px;

            left: -85px;
            bottom: -78px;

            border-width: 28px;
        }

        .career-hero-content::after {
            width: 130px;
            height: 130px;

            right: -55px;
            top: -50px;

            background-size: 18px 18px;
        }

        .career-hero .career-eyebrow {
            margin-bottom: 15px;

            padding: 7px 12px;

            font-size: 11px;
            letter-spacing: .9px;
        }

        .career-hero h1 {
            max-width: 100%;

            font-size: clamp(34px, 10vw, 43px);
            line-height: 1.08;
            letter-spacing: -1.1px;
        }

        .career-hero h1 br {
            display: none;
        }

        .career-hero-description {
            max-width: 540px;

            margin-top: 18px;

            font-size: 15px;
            line-height: 1.65;
        }

        .career-hero-points {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));

            gap: 10px;

            margin-top: 25px;
        }

        .career-hero-point {
            min-width: 0;
            min-height: 52px;

            padding: 9px 10px;

            border-radius: 14px;

            font-size: 12px;
            line-height: 1.3;
        }

        .career-hero-point svg {
            width: 20px;
            height: 20px;
        }

        .career-hero-content > div::after {
            width: 65px;

            margin-top: 25px;
        }

        /* BENEFITS */

        .career-benefits {
            padding: 52px 0 58px;
        }

        .career-section-heading {
            display: block;

            margin-bottom: 32px;
        }

        .career-section-heading h2 {
            font-size: 33px;
        }

        .career-section-heading p {
            margin-top: 10px;

            font-size: 14px;
        }

        .career-benefit-grid {
            grid-template-columns: repeat(2, 1fr);

            gap: 34px 14px;
        }

        .career-benefit-item {
            padding: 0;
        }

        .career-benefit-icon {
            width: 62px;
            height: 62px;
        }

        .career-benefit-icon svg {
            width: 29px;
            height: 29px;
        }

        .career-benefit-item h3 {
            font-size: 15px;
        }

        .career-benefit-item p {
            font-size: 13px;
        }

        /* APPLICATION */

        .career-application-section {
            padding: 0 20px 55px;
        }

        .career-application-card {
            grid-template-columns: 1fr;

            border-radius: 13px;
        }

        .career-application-info {
            min-height: auto;

            padding: 34px 25px 38px;

            border-right: 0;
            border-bottom: 1px solid #e5e9e6;
        }

        .career-application-info h2 {
            font-size: 34px;
        }

        .career-application-description {
            font-size: 14px;
        }

        .career-side-message {
            margin-top: 30px;
            padding-top: 0;
        }

        .career-side-message span {
            font-size: 22px;
        }

        .career-form-wrap {
            padding: 32px 20px 35px;
        }

        .career-form-heading h2 {
            font-size: 25px;
        }

        .career-form-grid {
            grid-template-columns: 1fr;

            gap: 17px;
        }

        .career-field-full {
            grid-column: auto;
        }

        .career-upload-box {
            justify-content: flex-start;

            padding: 18px;
        }

        /* PROCESS */

        .career-process {
            padding: 0 20px 60px;
        }

        .career-process-heading {
            display: block;

            margin-bottom: 32px;
        }

        .career-process-heading h2 {
            font-size: 29px;
        }

        .career-process-heading p {
            margin-top: 8px;
        }

        .career-process-grid {
            grid-template-columns: 1fr;

            gap: 32px;
        }

        .career-process-item {
            padding-right: 0;
        }

        .career-process-item:not(:last-child)::after {
            left: 23px;
            right: auto;
            top: 51px;

            height: 53px;

            border-top: 0;
            border-left: 1px dashed #bdc5c0;
        }

        .career-process-item h3 {
            margin:
                -40px 0 5px 70px;
        }

        .career-process-item p {
            max-width: none;

            margin-left: 70px;
        }

        /* TEAM */

        .career-team-section {
            padding: 60px 20px 70px;

            background-size: 38px 38px;
        }

        .career-team-header {
            margin-bottom: 55px;

            text-align: left;
        }

        .career-team-header h2 {
            font-size: 34px;
        }

        .career-team-header p {
            margin-top: 14px;

            font-size: 15px;
        }

        .career-team-board {
            padding-left: 38px;
        }

        .career-team-board::before {
            left: 11px;

            transform: none;
        }

        .career-team-row {
            min-height: auto;

            display: block;

            position: relative;

            margin-bottom: 62px;
        }

        .career-team-row:last-child {
            margin-bottom: 0;
        }

        .career-team-empty {
            display: none;
        }

        .career-team-center {
            width: auto;
            height: auto;

            position: absolute;

            left: -38px;
            top: 50%;
        }

        .career-team-center::before {
            width: 38px;

            left: 12px;
        }

        .career-team-dot {
            position: absolute;

            left: 0;
        }

        .career-team-card,
        .career-team-row:nth-child(odd) .career-team-card,
        .career-team-row:nth-child(even) .career-team-card {
            width: 100%;
            max-width: 462px;
            height: auto;
            min-height: 0;

            margin-left: auto;
            margin-right: auto;

            justify-self: auto;

            padding: 11px 11px 17px;

            border-radius: 17px;
        }

        .career-member-image {
            width: 100%;
            height: clamp(245px, 78vw, 320px);

            flex-basis: auto;

            border-radius: 12px;
        }

        .career-member-image img {
            object-fit: contain;
            object-position: center bottom;
        }

        .career-member-info {
            padding: 16px 7px 0;
        }

        .career-member-info h3 {
            margin-bottom: 4px;

            font-size: 20px;
            line-height: 1.25;
        }

        .career-member-info p {
            font-size: 14px;
            line-height: 1.45;
        }

        .career-pin {
            width: 36px;
            height: 43px;

            top: -37px;
        }

        .career-pin::after {
            width: 32px;
            height: 32px;

            left: 2px;
        }

        .career-pin::before {
            width: 19px;
            height: 27px;

            left: 9px;
            top: 13px;
        }

        /* CTA */

        .career-bottom-cta {
            padding: 50px 20px 40px;
        }

        .career-cta-box {
            min-height: auto;

            grid-template-columns: 1fr;

            gap: 28px;

            padding: 31px 24px;
        }

        .career-cta-brand h3 {
            font-size: 30px;
        }

        .career-cta-content {
            padding-top: 23px;

            border-top:
                1px solid rgba(52,168,83,.17);
        }

        .career-cta-content h4 {
            font-size: 21px;
        }

        /* POPUP */

        .career-success-modal {
            padding: 35px 22px 25px;

            border-radius: 18px;
        }

        .career-success-icon {
            width: 70px;
            height: 70px;
        }

        .career-success-icon svg {
            width: 35px;
            height: 35px;
        }

        .career-success-modal h3 {
            font-size: 26px;
        }

    }

    @media (max-width: 480px) {
        .career-hero {
            padding: 10px 10px 24px;
        }

        .career-hero-content {
            padding: 38px 16px 32px;

            border-radius: 19px;
        }

        .career-hero h1 {
            font-size: clamp(32px, 10.5vw, 38px);
        }

        .career-hero-description {
            font-size: 14px;
        }

        .career-hero-points {
            width: 100%;

            gap: 8px;
        }

        .career-hero-point {
            justify-content: center;

            padding-left: 8px;
            padding-right: 8px;

            text-align: center;
        }

        .career-team-section {
            padding-left: 14px;
            padding-right: 14px;
        }

        .career-team-board {
            padding-left: 31px;
        }

        .career-team-center {
            left: -31px;
        }

        .career-member-image {
            height: 255px;
        }
    }
    @media (max-width: 360px) {
        .career-hero-points {
            grid-template-columns: 1fr;
        }

        .career-hero-point {
            min-height: 46px;
        }
    }