/* ==========================================================================
    TYPOGRAPHY
    -------------------------------------------------------------------------
    Custom Font
    Title
      : Composed (New)
      : Super Hero (New)
      : Paragraph (Override/complement)

    LAYOUTS
    -------------------------------------------------------------------------
    Section
      : Main body content (Override/complment)
      : Tabs in header (Override/complement)
      : Static pages (Override/complement)
      : Spacing (New)
      : Two columns (New)
    Wrapper
      : No padding block (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
      : Main
        : Primary (Override/complement)
        : Tertiary in header (New)
      : Right icon (New)
      : Pills (New)
        : Good (New)
        : Great (New)
        : Skills (New)
        : Strong (New)
        : Button Pills (New)
        : Filter (New)
    Links
      : General rules (Override/complement)
      : With icon (New)
      : Sub Links (New)
    Icon Button (New)
      : Primary (New)
      : Secondary (New)
      : Size variant (New)
    Filter Buttons (New)
    Counter Tag (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Billboards
      : Articles as billboards (New)
    Tables
      : Articles as tables(Override/complement)
    Signature
      : Articles as signatures (New)
    Lists
      : Skills (New)
      : Attachments List Override/complement)
      : List Methods
    Navigation
      : Main header navigation (Override/complement)
      : Red Background Menu (Override/complement)
      : Steps bar (Override/complement)
      : Tabs (Inverting clickable colors - commented and ready to use)
    Expandable
    Cards
      : Article cards (New)

    WIDGETS
    -------------------------------------------------------------------------
    Attachment upload (New)
    Search
      : Visible (Override/complement)
    Form
      : Icons Up/Down (New)
      : Focus (Override/complement)
      : Select2 multiple (Override/complement)
      : Required field (New)
      : Wizard buttons (Override/complement)
      : Wizard RichText (Override/complement)
      : Wizard Form Field Input (Override/complement)
    List Control (Override/complement)
    Share popup (Override/complement)
    Cookie Banner (Override/component)
    Error Message (Override/complement)
    Popups (Override/complement)
    Swiper (Override/complement)

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Home (New)
      : Search Wizard Hack (Override/complement)
      : Search Wizard Skeleton Loading (New)
      : Secondary (New)
      : Unsolicited Application (New)
    No banner (New)
    Bottom banner
    Footer (New/Override/complement
    Banner Job Finder Quiz (New)
    FAQ (new)
    Section Behind the scenes (New)
    Section Benefits Tabs (New)
    Application Process (New)
    Similar Jobs snap tpt (New)
    External Swiper Controllers (New)

    PAGETYPES
    -------------------------------------------------------------------------
    Home
      : Section - Discover Our Culture (New)
      : Section - Who We Are (New)
      : Section - Getting Started (New)
      : Section - Job Profiles (New)
      : Section - Open Jobs Table (New)
      : Section - FAQ (New)
      : Section - Social Media Cards (New)
    Search jobs
      : Section Banner Filters (New )
      : Section Search Jobs (Override/complement)
      : Cards
        : Result (Override/complement)
      : Section Jobs Results (Override/complement)
    Static pages
      : Side images
    Application Methods
    Registration
    Job Detail
      : Grid (Override/complement)
      : Job info card (New)
      : Anchor navigation bar (New)
      : Article and details (Override/complement)
      : Gehalt Section (New)
      : Quotes Section (New)
    Login
    Profile
      : Job Applications
      : Withdraw popup
    Success

    UTILITIES
    -------------------------------------------------------------------------
    Radius
    Text Color
    Main wrapper divider
    Animation
      : Hover with arrow
      : Background Hover Inset

    PLUGINS
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/* Adding this override for the time being, as I'm developing at 1920px viewport width
and there's this a rule coming from the core library, which sets
the font-size to 70.3125% for width >= 1600px with !important flag,
making 1rem equal to 11.25px instead of 10px. */

@media (width>=1441px) {
    html {
        font-size: 62.5% !important;
    }
}

/*
    TYPOGRAPHY/Custom Font: TT Commons Pro
*/

@font-face {
    font-family: 'TT Commons Pro';
    src: url('../fonts/TTCommonsPro_normal_normal_700.woff2') format('woff2'),
         url('../fonts/TTCommonsPro_normal_normal_700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TT Commons Pro';
    src: url('../fonts/TTCommonsPro_italic_normal_700.woff2') format('woff2'),
         url('../fonts/TTCommonsPro_italic_normal_700.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

/*
    TYPOGRAPHY/Title: Composed (New)
*/
.title {
    letter-spacing: -2%;
}

.title__composed--center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/*
    TYPOGRAPHY/Title: Super Hero (New)
*/

.title--super-hero {
    font-size: var(--t-gs--font--size--18);

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        font-size: var(--t-gs--font--size--16);
    }
}

/*
    TYPOGRAPHY/Paragraph (Override/complement)
*/

.paragraph {
    line-height: 150%;
    letter-spacing: -2%;
}

/*
    LAYOUTS/Section: Main body content
*/

.body__content {
    padding-block: unset !important;
}

/*
    LAYOUTS/Section: Spacing (Override/complement)
*/

:root {
    --t-tc--section-margin-block-start: auto;
}

.section,
:has(>*)~templatebuilder-page-dropzone>.section:first-of-type,
:has(>*)~div.hasPreloader>.section:first-of-type,
:has(>*):not([aria-live=polite])~.section {
    --t-tc--section-margin-block-start: calc(var(--t-gs--space--base) * 40);

    margin-block-start: var(--t-tc--section-margin-block-start);

    @media all and (max-width:1024px) {
        & {
            --t-tc--section-margin-block-start: calc(var(--t-gs--space--base) * 20);

            margin-block-start: var(--t-tc--section-margin-block-start);
        }
    }
}

.section--start--auto {
    margin-block-start: var(--t-tc--section-margin-block-start);
}

.section--start--160 {
    --t-tc--section-margin-block-start: calc(var(--t-gs--space--base) * 40);
    margin-block-start: var(--t-tc--section-margin-block-start);

    @media all and (max-width:1024px) {
        & {
            --t-tc--section-margin-block-start: calc(var(--t-gs--space--base) * 20);
        }
    }
}

.section--end--160 {
    margin-block-end: calc(var(--t-gs--space--base) * 40);

    @media all and (max-width:1024px) {
        & {
            margin-block-end: calc(var(--t-gs--space--base) * 20);
        }
    }
}

.section--end--128 {
    margin-block-end: calc(var(--t-gs--space--base) * 32);

    @media all and (max-width:1024px) {
        & {
            margin-block-end: calc(var(--t-gs--space--base) * 20);
        }
    }
}

.section--end--80 {
    margin-block-end: calc(var(--t-gs--space--base) * 20);
}

/*
    LAYOUTS/Section: Two columns (New)
*/

.section__container--two-columns {
    --section-two-columns--left-width: 55.5rem;
    --section-two-columns--gap: calc(var(--t-gs--space--base) * 33.75);

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--section-two-columns--gap);

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        flex-direction: column;
        --section-two-columns--gap: var(--t-gs--space--xl);
    }
}

.section__container--two-columns .section__column--left {
    display: flex;
    flex-direction: column;
    gap: calc(var(--t-gs--space--base) * 10);
    flex: 1;
    inline-size: 100%;
    max-width: var(--section-two-columns--left-width);

    /* Media query to target only mobile */
    @media screen and (max-width: 750px) {
        gap: var(--t-gs--space--xl);
    }

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        --section-two-columns--left-width: 100%;
    }
}

.section__container--two-columns .section__column--left.section__column--left--440 {
    --section-two-columns--left-width: 44rem;

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        --section-two-columns--left-width: 100%;
    }
}

.section__container--two-columns .section__column--right {
    flex: 1;
    width: 100%;
}

/*
    LAYOUTS/Wrapper: No padding block (Override/complement)
*/
/* Override the class .main__wrapper to remove padding block */
.main__wrapper.main__wrapper--no-padding-block {
    --t-tc--main--padding--top: var(--t-gs--space--0);
    --t-tc--main--padding--bottom: var(--t-gs--space--0);
}

/*
    ELEMENTS/Buttons: Main: Primary (Override/complement)
    ↳ to be deleted when we get the Application Flow wizard properly configured
*/

/*
    ELEMENTS/Buttons: Right icon (New)
*/

:root {
    --button--icon--content: "chevron_right";
    --button--icon--width: 4.8rem;
    --button--icon--height: 4.8rem;
    --button--icon--font--color: var(--t-gs--swatch--neutral--100);
    --button--icon--background--color: var(--t-gs--swatch--brand);
    --button--icon--border--radius: var(--t-gs--border--radius--full);
    --button--icon--font-size: var(--t-gs--font--size--07);
}

.button--primary {
    --button--icon--background--color: var(--t-gs--swatch--neutral--100);
    --button--icon--font--color: var(--t-gs--swatch--brand);

    &::after {
        --button--icon--font--color: var(--t-gs--swatch--neutral--000);
    }
}

.button {
    display: inline-flex;
    gap: var(--t-gs--space--m);
    padding-inline-start: var(--t-gs--space--l);
    flex-wrap: nowrap;
    width: max-content;
}

.button:after {
    content: var(--button--icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--button--icon--width);
    block-size: var(--button--icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--button--icon--font--color);
    background-color: var(--button--icon--background--color);
    border-radius: var(--button--icon--border--radius);
    font-size: var(--button--icon--font-size);
    padding-left: var(--t-gs--space--xxs);
    margin-inline-start: auto;
    flex: none;
}

.button.button--plus:after {
    --button--icon--content: "add";
    --button--icon--font-size: var(--t-gs--font--size--05);
}

/*
    ELEMENTS/Buttons: Main: Tertiary in header (New)
*/

.header__content__jobs-button {
    display: flex;
    justify-content: flex-end;
    inline-size: 100%;
}

.button--tertiary--header {
    --t-tc--buttons--height: calc(var(--t-gs--size--base) * 13);
    --button--icon--width: 4rem;
    --button--icon--height: 4rem;
    --button--icon--font-size: var(--t-gs--font--size--04);
    --t-gs--color--fill--tertiary--focus: var(--t-gs--swatch--neutral--095);
    gap: var(--t-gs--space--s2);
    padding-inline-start: var(--t-gs--space--m);
}

/* Media query to target tablet and mobile */
@media all and (max-width:1024px) {
    .button--tertiary--header {
        --t-tc--buttons--height: calc(var(--t-gs--size--base) * 10);
        --t-tc--buttons--padding--v: var(--t-gs--space--xs);
        --t-tc--buttons--padding--h: var(--t-gs--space--xs);
        --button--icon--width: 3.2rem;
        --button--icon--height: 3.2rem;
        --t-tc--buttons--font--size: var(--t-gs--font--size--03);
        gap: var(--t-gs--space--xs);
        padding-inline-start: var(--t-gs--space--s2);
    }
}

/*
    LAYOUTS/Section: Share widget tablet/mobile (Override/complement)
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .aside .article--share {
        position: fixed;
        inset-block-end: 0;
        z-index: 5;
        padding-block: var(--t-gs--space--m);

        & .article__header {
            border: var(--t-gs--border--width--0);
            clip: rect(0 0 0 0);
            -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
            block-size: .1rem;
            margin-block: -1rem;
            margin-inline: -1rem;
            overflow: hidden;
            padding-block: var(--t-gs--space--0);
            padding-inline: var(--t-gs--space--0);
            position: absolute;
            inline-size: .1rem;
            white-space: nowrap; /* For long content, line feeds are not interpreted as spaces and small width causes content to wrap 1 word per line: https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */
        }

        & .article__content {
            margin-block-start: var(--t-gs--space--0);
        }
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .aside:has(.article--share) .article--actions {
        padding-block-end: calc(var(--t-tc--buttons--height) + (var(--t-gs--space--m) * 2));
    }

    .aside .article--share {
        inset-inline-start: 0;
        inset-inline-end: 0;
        inline-size: 100%;
        padding-inline: var(--t-tc--grid--laterals);
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .aside:has(.article--share) .article--actions {
        & .article__content {
            inline-size: calc(50% - var(--t-tc--grid--columns--gap) / 2);

            & .button-bar--cols-1 {
                --t-tc--button-bar__buttons--width: 100%;
            }
        }
    }

    .aside .article--share {
        inset-inline-end: 0;
        inline-size: calc(50% - var(--t-tc--grid--columns--gap) / 2);
        padding-inline-end: var(--t-tc--grid--laterals);

        .list--share {
            justify-content: flex-end;
        }
    }
}

.gotoButton {
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--primary);
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary);
}

.gotoButton:hover {
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary--hover);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--primary--hover);
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary--hover);
}

.gotoButton:focus,
.gotoButton:active {
    --t-tc--buttons--outline--width: var(--t-gs--border--width--m);
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary--focus);
    --t-tc--buttons--border--width: var(--t-gs--border--width--m);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--primary--focus);
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary--focus);
}

.gotoButton.button--disabled,
.gotoButton:disabled {
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--primary--disabled);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--primary--disabled);
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--primary--disabled);
}

/*
    ELEMENTS/Indicators: Pills (New)
*/

:root {
    --t-tc--pill--text--color: var(--t-gs--swatch--neutral--000);
    --t-tc--pill--border--color: var(--t-gs--swatch--neutral--000);
    --t-tc--pill--background--color: var(--t-gs--color--fill--matching);
}

.pill,
.list--pills .list .list__item span {
    display: inline;
    border-start-start-radius: var(--t-gs--border--radius--xl);
    border-start-end-radius: var(--t-gs--border--radius--xl);
    border-end-start-radius: var(--t-gs--border--radius--xl);
    border-end-end-radius: var(--t-gs--border--radius--xl);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--bold);
    padding-block: calc(var(--t-gs--space--base) * 1.625);
    padding-inline: var(--t-gs--space--s2);
    background-color: var(--t-tc--pill--background--color);
    color: var(--t-tc--pill--text--color);
    vertical-align: middle;
}

/*
    ELEMENTS/Indicators: Pills (Within WIDGETS/Details)
*/

.article--details .article__content__view__field.pill {
    padding-block-end: var(--t-gs--space--xs);
}

/*
    ELEMENTS/Indicators: Pills: Blog (New)
*/

.pill--blog {
    --t-tc--pill--border--color: var(--t-gs--color--border--brand);
    --t-tc--pill--background--color: var(--t-gs--color--surface--brand);
}

/*
    ELEMENTS/Indicators: Pills: Detail (New)
*/

.pill--detail {
    --t-tc--pill--border--color: var(--t-gs--color--border--brand);
    --t-tc--pill--background--color: var(--t-gs--color--surface--brand);

    display: inline-block;
    margin-block-end: var(--t-gs--space--s);
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color);
}

/*
    ELEMENTS/Indicators: Pills: Good (New)
*/

.pill--good {
    --t-tc--pill--background--color: var(--t-gs--color--fill--matching--good);
}

/*
    ELEMENTS/Indicators: Pills: Great (New)
*/

.pill--great {
    --t-tc--pill--background--color: var(--t-gs--color--fill--matching--great);
}

/*
    ELEMENTS/Indicators: Pills: Strong (New)
*/

.pill--strong {
    --t-tc--pill--background--color: var(--t-gs--color--fill--matching--strong);
}

/*
    ELEMENTS/Indicators: Pills: Skills (New)
*/

.pill--skills,
.pill--blog,
.list--pills .list .list__item span {
    --t-tc--pill--border--color: var(--t-gs--color--border--brand);
    --t-tc--pill--text--color: var(--t-gs--color--text--brand);

    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color);
}

.pill--skills-b {
    --t-tc--pill--border--color: var(--t-gs--color--border--brand);
    --t-tc--pill--text--color: var(--t-gs--color--text--brand);

    border-width: var(--t-gs--border--width--s);
    border-style: dashed;
    border-color: var(--t-tc--pill--border--color);
}

/*
    ELEMENTS/Indicators: Button Pills (New)
*/

.button-pill {
    --t-tc--button-pill--height: var(--button--icon--height);
    --t-tc--button-pill--border--width: var(--t-gs--border--width--s);
    --t-tc--button-pill--border--color: var(--t-gs--color--border--brand);
    --t-tc--button-pill--text--color: var(--t-gs--swatch--brand);
    --t-tc--button-pill--font-size: 0.9rem;
    --t-tc--button-pill--margin-bottom: 1.3rem;
    --t-tc--button-pill--margin-left: 0.4rem;
    --t-tc--button-pill--background-color: var(--t-gs--color--fill--transparent);

    display: flex;
    align-items: center;
    height: var(--t-tc--button-pill--height);
}

.button-pill .pill {
    border-width: var(--t-tc--button-pill--border--width);
    border-style: solid;
    border-color: var(--t-tc--button-pill--border--color);
    font-size: var(--t-tc--button-pill--font-size);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-tc--button-pill--text--color);
    padding-block: var(--t-gs--space--0);
    margin-bottom: var(--t-tc--button-pill--margin-bottom);
    margin-left: var(--t-tc--button-pill--margin-left);
    background-color: var(--t-tc--button-pill--background-color);
}

/*
    ELEMENTS/Indicators: Pills - Filter (New)
*/
.filter--wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-block: var(--t-gs--space--m);
    gap: var(--t-gs--space--s);
}

.pill--filter {
    font-weight: var(--t-gs--font--weight--bold);
    padding-block: 0.65rem;
    padding-inline: var(--t-gs--space--s2);
    background-color: var(--custom--neutral--094);
    border-radius: var(--t-gs--border--radius--l);
    inline-size: fit-content;
}

/*
    ELEMENTS/Links: General rules (Override/complement)
*/

.link {
    font-weight: var(--t-gs--font--weight--regular);
    position: relative;
    z-index: 0;
    text-decoration-color: var(--t-gs--color--text--link);

    &:hover {
        color: var(--t-gs--color--text--link--hover);
        text-decoration-color: var(--t-gs--color--text--link--hover);
        text-decoration: underline;
    }
}

.link.link--no-underline {
    text-decoration-color: var(--t-gs--swatch--neutral--transparent);
}

/*
    ELEMENTS/Links: With Icon (New)
*/

:root {
    --link-with-icon--content: "chevron_right";
    --link-with-icon--width: 2.4rem;
    --link-with-icon--height: 2.4rem;
    --link-with-icon--font--color: var(--t-gs--swatch--neutral--100);
    --link-with-icon--background--color: var(--t-gs--swatch--brand);
    --link-with-icon--border--radius: var(--t-gs--border--radius--full);
    --link-with-icon--font-size: var(--t-gs--font--size--04);
}

.link-with-icon {
    font-weight: var(--t-gs--font--weight--bold);
    text-decoration-color: var(--t-gs--swatch--neutral--transparent);
    display: flex;
    align-items: center;
    gap: var(--t-gs--space--s);
    color: var(--t-gs--swatch--brand--000);
    white-space: nowrap;
    width: fit-content;
    padding: var(--t-gs--space--xxs);

    &:hover {
        text-decoration-color: var(--t-gs--swatch--neutral--transparent);
    }
}

.link-with-icon:after,
.body--profile .table--default tbody tr td:last-child .link::after,
.body--profile .table--cards tbody tr td:last-child .link::after {
    content: var(--link-with-icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--link-with-icon--width);
    block-size: var(--link-with-icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--link-with-icon--font--color);
    background-color: var(--link-with-icon--background--color);
    border-radius: var(--link-with-icon--border--radius);
    font-size: var(--link-with-icon--font-size);
}

.link-with-icon:hover:after,
.link-with-icon:active:after {
    background-color: var(--custom--brand--strong);
}

.link-with-icon.link-with-icon--right::after {
    content: none;
}
.link-with-icon.link-with-icon--right::before {
    --link-with-icon--content: "chevron_left";

    box-shadow: none;
    position: relative;
    inset: 0;
    content: var(--link-with-icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--link-with-icon--width);
    block-size: var(--link-with-icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--link-with-icon--font--color);
    background-color: var(--link-with-icon--background--color);
    border-radius: var(--link-with-icon--border--radius);
    font-size: var(--link-with-icon--font-size);
}

.link-with-icon.link-with-icon--right:hover:before,
.link-with-icon.link-with-icon--right:active:before {
    background-color: var(--custom--brand--strong);
}

/* White version */

.link-with-icon--white {
    color: var(--t-gs--swatch--neutral--100);

    &:hover,
    &:active {
        color: var(--custom--brand--pink);
    }
}

.link-with-icon--white:after {
    background-color: var(--t-gs--swatch--neutral--100);
    color: var(--t-gs--swatch--neutral--000);
}

.link-with-icon--white:hover:after,
.link-with-icon--white:active:after {
    background-color: var(--t-gs--swatch--neutral--100);
    color: var(--t-gs--swatch--neutral--000);
}

/*
    ELEMENTS//Links: Sub Links (New)
*/

.sub-link {
    display: flex;
    align-items: center;
    gap: var(--t-gs--space--s);
    color: var(--t-gs--swatch--brand--000);
    font-weight: var(--t-gs--font--weight--bold);
    white-space: nowrap;
    width: fit-content;
    padding-block: .4rem;
    padding-left: 1.2rem;
    padding-right: .4rem;
    background-color: var(--t-gs--swatch--neutral--095);
    border-radius: var(--t-gs--border--radius--full);

    &:hover {
        text-decoration-color: var(--t-gs--swatch--neutral--transparent)
    }
}

.sub-link::after {
    --link-with-icon--width: 3rem;

    content: var(--link-with-icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--link-with-icon--width);
    block-size: var(--link-with-icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--t-gs--swatch--neutral--000);
    background-color: var(--t-gs--swatch--neutral--080);
    border-radius: var(--link-with-icon--border--radius);
    font-size: var(--link-with-icon--font-size);
}

.sub-link:hover:after,
.sub-link:active:after {
    background-color: var(--custom--brand--strong);
    color: var(--t-gs--swatch--neutral--100);
}

/*
    ELEMENTS/Icon Button (New)
*/

:root {
    /* General */
    --t-tc--icon-button--content: var(--button--icon--content);
    --t-tc--icon-button--border-radius: var(--t-gs--border--radius--full);

    /* Primary */
    --t-tc--icon-button--primary--fill: var(--t-gs--swatch--brand);
    --t-tc--icon-button--primary--fill--hover: var(--custom--brand--strong);
    --t-tc--icon-button--primary--text--color: var(--t-gs--swatch--neutral--100);

    /* Secondary */
    --t-tc--icon-button--secondary--fill: var(--t-gs--swatch--neutral--100);
    --t-tc--icon-button--secondary--fill--hover: var(--t-gs--swatch--neutral--095);
    --t-tc--icon-button--secondary--border--color: var(--t-gs--swatch--neutral--080);
    --t-tc--icon-button--secondary--border--color--hover: var(--custom--brand--strong);
    --t-tc--icon-button--secondary--text--color: var(--t-gs--swatch--neutral--000);

    /* Disabled */
    --t-tc--icon-button--disabled--fill: var(--t-gs--swatch--neutral--095);
    --t-tc--icon-button--disabled--fill--hover: var(--t-gs--swatch--neutral--095);
    --t-tc--icon-button--disabled--text--color: var(--t-gs--swatch--neutral--050);

    /* Size */
    --t-tc--icon-button--size--large: 7.2rem;
    --t-tc--icon-button--size--medium: 4.8rem;
    --t-tc--icon-button--size--small: 4rem;
}

.icon-button--wrapper {
    display: block;
    width: fit-content;
    border-radius: var(--t-gs--border--radius--full);
}

.icon-button {
    display: block;
}

.icon-button::before {
    content: var(--t-tc--icon-button--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    font-family: var(--t-tc--icon--font--family);
    color: var(--t-tc--icon-button--primary--text--color);
    font-size: var(--button--icon--font-size);
    padding-left: var(--t-gs--space--xxs);
    inline-size: var(--t-tc--icon-button--size--large);
    block-size: var(--t-tc--icon-button--size--large);
    background-color: var(--t-tc--icon-button--primary--fill);
    border-radius: var(--t-tc--icon-button--border-radius);
}

/*
    ELEMENTS/Icon Button: Primary (New)
*/

.icon-button.icon-button--primary {
    &::before {
        inline-size: var(--t-tc--icon-button--size--large);
        block-size: var(--t-tc--icon-button--size--large);
    }

    &:hover::before {
        --t-tc--icon-button--disabled--border--color: transparent;
        background-color: var(--t-tc--icon-button--primary--fill--hover);
    }

}

/*
    ELEMENTS/Icon Button: Secondary (New)
*/

.icon-button.icon-button--secondary {
    &::before {
        background-color: var(--t-tc--icon-button--secondary--fill);
        color: var(--t-tc--icon-button--secondary--text--color);
        border-width: var(--t-gs--border--width--s);
        border-style: solid;
        border-color: var(--t-tc--icon-button--secondary--border--color);
    }

    &:hover::before,
    &:active::before {
        --t-tc--icon-button--disabled--border--color: var(--t-tc--icon-button--secondary--border--color);
        background-color: var(--t-tc--icon-button--secondary--fill--hover);
        border-color: var(--t-tc--icon-button--secondary--border--color--hover);
    }
}

/*
    ELEMENTS/Icon Button: Disabled (New)
*/

.icon-button.icon-button--disabled {
    &::before {
        background-color: var(--t-tc--icon-button--disabled--fill);
        color: var(--t-tc--icon-button--disabled--text--color);
    }

    &:hover::before,
    &:active::before {
        background-color: var(--t-tc--icon-button--disabled--fill--hover);
    }
}

/*
    ELEMENTS/Icon Button: Size variant (New)
*/

.icon-button.icon-button--large {
    inline-size: var(--t-tc--icon-button--size--large);
    block-size: var(--t-tc--icon-button--size--large);

    &::before {
        inline-size: var(--t-tc--icon-button--size--large);
        block-size: var(--t-tc--icon-button--size--large);
    }
}

.icon-button.icon-button--medium {
    inline-size: var(--t-tc--icon-button--size--medium);
    block-size: var(--t-tc--icon-button--size--medium);

    &::before {
        inline-size: var(--t-tc--icon-button--size--medium);
        block-size: var(--t-tc--icon-button--size--medium);
    }
}

.icon-button.icon-button--small {
    inline-size: var(--t-tc--icon-button--size--small);
    block-size: var(--t-tc--icon-button--size--small);

    &::before {
        inline-size: var(--t-tc--icon-button--size--small);
        block-size: var(--t-tc--icon-button--size--small);
    }
}

/*
    ELEMENTS/Filter Buttons (New)
*/

.filter-button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.filter-button__link {
    background-color: var(--custom--neutral--094);
    border-radius: var(--t-gs--border--radius--l);
    padding: var(--t-gs--space--s2);
    font-weight: var(--t-gs--font--weight--bold);
}

.filter-button__link.filter-button--selected {
    background-color: var(--t-gs--swatch--neutral--000);
    color: var(--t-gs--swatch--neutral--100);
}

/*
    COMPONENTS/Counter Tag (New)
*/

.counter-tag {
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--brand);
    padding-block: var(--t-gs--space--m);
    padding-inline: calc(var(--t-gs--space--base) * 4.5);
    border-radius: var(--t-gs--border--radius--l);
    border: .1rem solid var(--custom--neutral--085);
}

/*
    COMPONENTS/Cards: Billboards (New)
*/

:root {
    --t-tc--billboard--height: calc(var(--t-gs--size--base) * 80);
    --t-tc--billboard--border--radius: var(--t-gs--border--radius--m);
    --t-tc--billboard--background--position: center center;
    --t-tc--billboard--transform--scale: 1.2;
    --t-tc--billboard--filter--blur: calc(var(--t-gs--size--base) * 2);
    --t-tc--billboard__content--line--height: calc(var(--t-gs--size--base) * 6);
    --t-tc--billboard__content--font--color: var(--t-gs--color--text--on--fill--link--contrast);
    --t-tc--billboard__content--height--max: calc(var(--t-gs--size--base) * 50);
    --t-tc--billboard__after--background--color: var(--t-gs--color--fill--link--contrast);
    --t-tc--billboard__after--opacity: 0.7;
    --t-tc--billboard__after--transform--scale: 3;
}

.article--billboard {
    position: relative;
    block-size: var(--t-tc--billboard--height);
    border-radius: var(--t-tc--billboard--border--radius);
    overflow: hidden;
}

.article--billboard .article__banner__image {
    position: absolute;
    inset-block-start: 0;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    object-fit: cover;
    z-index: -1;
    block-size: 100%;
    inline-size: 100%;
}

.article--billboard .article__wrapper {
    position: absolute;
    inset-block-end: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    padding-block-end: var(--t-gs--space--s);
    padding-inline: var(--t-gs--space--l);
    z-index: 1;
    inline-size: initial;
}

.article--billboard .article__header__text__title {
    --t-tc--title--font--color: var(--t-gs--swatch--neutral--100);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.article--billboard .article__content {
    line-height: var(--t-tc--billboard__content--line--height);
    overflow: hidden;
    color: var(--t-tc--billboard__content--font--color);
    padding-block-end: var(--t-gs--space--l);
}

.article--billboard:after {
    content: "";
    position: absolute;
    inset-block-end: -50%;
    inset-inline-end: -50%;
    inline-size: 100%;
    block-size: 100%;
    background-color: var(--t-tc--billboard__after--background--color);
    border-radius: 50%;
    opacity: var(--t-tc--billboard__after--opacity);
    transform: scale(var(--t-tc--billboard__after--transform--scale));
}

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    html[data-animations="default"] {
        .article--billboard {
            --t-tc--billboard--transform--transition--duration: 0.3s;
            --t-tc--billboard--filter--transition--duration: 0.3s;
            --t-tc--billboard--color--transition--duration: 0.25s;
            --t-tc--billboard__content--height--max--transition--duration: 0.5s;
            --t-tc--billboard__content--opacity--transition--duration: 0.5s;
            --t-tc--billboard__content--padding--transition--duration: 0.25s;

            .article__banner__image {
                transition-property: transform, filter;
                transition-duration: var(--t-tc--billboard--transform--transition--duration), var(--t-tc--billboard--filter--transition--duration);
                transition-timing-function: ease-in-out, ease-in-out;
            }

            &:hover .article__banner__image {
                transform: scale(var(--t-tc--billboard--transform--scale));
                filter: blur(var(--t-tc--billboard--filter--blur));
            }

            .article__header__text__title {
                --t-tc--title--font--color: var(--t-gs--color--text--default);

                transition-property: color;
                transition-duration: var(--t-tc--billboard--color--transition--duration);
                transition-timing-function: ease-in-out;
            }

            &:hover .article__header__text__title {
                --t-tc--title--font--color: var(--t-gs--color--text--on--fill--link--contrast);
            }

            .article__content {
                max-block-size: 0;
                opacity: 0;
                padding-block-end: var(--t-gs--space--0);
                transition-property: max-block-size, opacity, padding;
                transition-duration: var(--t-tc--billboard__content--height--max--transition--duration), var(--t-tc--billboard__content--opacity--transition--duration), var(--t-tc--billboard__content--padding--transition--duration);
                transition-timing-function: ease-in-out, ease-in-out, linear;
            }

            &:hover .article__content {
                max-block-size: var(--t-tc--billboard__content--height--max);
                opacity: 1;
                padding-block-end: var(--t-gs--space--l);
            }

            &::after {
                transform: scale(0);
                transition-property: transform;
                transition-duration: var(--t-tc--billboard--transform--transition--duration);
                transition-timing-function: ease-in-out;
            }

            &:hover::after {
                transform: scale(var(--t-tc--billboard__after--transform--scale));
            }
        }
    }
}

/*
    COMPONENTS/Tables: Articles as Tables (Override/complement)
*/

*:has(> *):not([aria-live="polite"]):not(.extra-panel):not(.article--task) ~ .article.article--applied {
    margin-block-start: var(--t-gs--space--0);
}

.grid__item>.article--applied:first-of-type {
    padding-block-start: var(--t-gs--space--xxl);
}

@media all and (min-width:751px) {
    .grid__item>.article--table:not(:last-of-type) {
        padding-block-end: var(--t-gs--space--xxl);
    }

    .grid__item>.article--table:not(:first-of-type) {
        padding-block-start: var(--t-gs--space--xxl);
    }
}

/*
    COMPONENTS: Signature (New)
*/

.article--signature {
    inline-size: auto;
    border-start-start-radius: 50% 50%;
    margin-inline: var(--t-gs--space--s);
    margin-block: var(--t-gs--space--s2);
    box-shadow: 0 .4rem .8rem .2rem rgba(0,0,0,0.10);
    padding-inline: var(--t-gs--space--l);
    padding-block: var(--t-gs--space--l);
}

.article--signature .article__header {
    --t-tc--thumbnail--width: calc(var(--t-gs--size--base) * 32);
    --t-tc--thumbnail--height: calc(var(--t-gs--size--base) * 32);
    display: flex;
    flex-direction: column;
}

.article--signature .article__header__text__title__phrase {
    padding-block-end: var(--t-gs--space--s);
    display: block;
}

.article--signature .article__header__image {
     align-self: flex-end;
}

.article--signature .article__header__text {
     align-self: flex-start;
     margin-block-start: var(--t-gs--space--l);
}

.article--signature .article__content__footer {
    display: inline-block;
    block-size: calc(var(--t-gs--size--base) * 7);
    margin-block-start: var(--t-gs--space--m2);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .article--signature {
        box-shadow: unset;
    }

    .article--signature {
        padding: var(--t-gs--space--0);
    }

    .article--signature .article__header {
        flex-direction: row;
        column-gap: var(--t-gs--space--s2);
    }
    .article--signature .article__header__image {
        --t-tc--thumbnail--width: calc(var(--t-gs--size--base) * 24);
        --t-tc--thumbnail--height: calc(var(--t-gs--size--base) * 24);
    }
}

/*
    COMPONENTS/Lists: Skills (Within WIDGETS/Details)
*/

.article--details .article__content__view__field__value .list--pills .list {
    margin-inline-start: var(--t-gs--space--0);
    padding-inline-start: var(--t-gs--space--0);
}

.article--details .article__content__view__field__value .list--pills .list li + li {
    margin-block-start: var(--t-gs--space--0);
}

.list--pills .list {
    display: flex;
    flex-wrap: wrap;
    row-gap: var(--t-gs--space--s2);
    column-gap: var(--t-gs--space--s);
}

.list--pills .list .list__item {
    display: inline-flex;
}

/*
    COMPONENTS/Lists: Attachments List (Override/complement)
*/

.list.list--attachments {
    .list__item__text__title {
        color: var(--t-gs--swatch--neutral--020);
        font-size: var(--t-gs--font--size--06);

        /* Media query to target mobile and tablet */
        @media all and (max-width:1024px) {
            font-size: var(--t-gs--font--size--05);
        }
    }

    .list__item__actions .link {
        font-size: var(--t-gs--font--size--04);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .article--attachments .tpt_uploadFileCaption .button-bar__wrap {
        width: max-content;
    }
}

/*
    COMPONENTS/Lists: List Methods
*/

.list--methods {
    margin-block-start: var(--t-gs--space--xxl);
    display: flex;
    gap: var(--t-gs--space--xxl);
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;

    .list__item {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row;
    }

    @media all and (max-width:1024px) {
        & {
            margin-block-start: var(--t-gs--space--xl);
            flex-direction: column;
            justify-content: center;
            gap: var(--t-gs--space--xl);
        }

        .list__item {
            flex-direction: column;
            justify-content: center;
        }
    }
}

/*
    COMPONENTS/Lists: Skills (Within WIDGETS/Skills)
*/

.list--skills:not(.list--skills--active) {
    display: none;
}

.list--skills {
    display: flex;
    flex-wrap: wrap;
    gap: var(--t-gs--space--s2);
}

.list--skills .list__item {
    display: inline-flex;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .list--skills::-webkit-scrollbar {
        display: none;
    }
}

/*
    COMPONENTS/Navigation: Main header navigation (Override/complement)
*/

.header {
    background: var(--custom--header-navigation--gradient);
    border-bottom-style: solid;
    border-bottom-width: var(--t-gs--border--width--s);
    border-bottom-color: rgba(255, 255, 255, 0.4);
    box-shadow: unset;
    transition: background 0.1s ease-out;
}

.header__logo .logo--header {
    display: block;
}

/* Variables on red background */
.header__menu--red .menu--visible {
    --t-gs--color--text--on--fill--link--active: var(--custom--brand--subtle);
    --t-gs--color--text--on--fill--link--hover: var(--custom--brand--subtle);
    --t-gs--color--text--on--fill--link--focus: var(--custom--brand--subtle);
    --t-gs--color--text--on--fill--link--selected: var(--custom--brand--subtle);
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--100);
}

.body--home .header {
    position: absolute;
    inset-block-start: 0;
    z-index: 9;
}

.body--header-light .header,
.header.header--scrolling {
    background: var(--t-gs--swatch--neutral--100);
}

.body--header-light .header .menu--visible,
.header.header--scrolling .menu--visible {
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--000);
}

.header__wrapper {
    max-inline-size: unset;
    padding-inline: var(--t-gs--space--m);
}

.header__menu:has(.menu--visible) {
    flex: 1;
}

.menu--visible .menu__item:hover .menu__link:not([aria-current="page"]) {
    text-decoration: underline;
}

.menu--visible .menu__panel {
    justify-content: center;
}

.menu--visible .menu__list:first-of-type {
    margin-inline: auto;
}

.body--header-light .menu--visible .menu__item--profile {
    --t-tc--menu__link--font--color: var(--t-gs--swatch--brand);
}

.menu--visible .menu__item--profile:hover .menu__link:not([aria-current="page"]) {
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--100);
}

.menu--visible .menu__link--open,
.menu--visible .menu__link[aria-haspopup=true][aria-expanded=true],
.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] {
    --t-tc--menu__link--border--color: var(--custom--brand--strong);
    --t-tc--menu__link--background--color: var(--custom--brand--strong);
    padding-block: var(--t-gs--space--s);
    border-radius: var(--t-gs--border--radius--m) var(--t-gs--border--radius--m) var(--t-gs--border--radius--0) var(--t-gs--border--radius--0);
}

.menu--visible .submenu__item+.submenu__item,
.menu--visible .portalLanguages__item+.portalLanguages__item {
    --t-tc--boxes--border--color: var(--custom--brand--strong);
}

.menu--visible .submenu__link,
.menu--visible .portalLanguages__link {
    .submenu__item:first-child & {
        --t-tc--menu__link--border--radius: var(--t-gs--border--radius--0);
    }
}

.menu--visible .submenu__list {
    z-index: 4;
    background-color: var(--custom--brand--strong);
}

.menu--visible .submenu__list,
.submenu__item:last-child,
.submenu__item:last-child .submenu__link {
    border-end-end-radius: var(--t-gs--border--radius--m);
    border-end-start-radius: var(--t-gs--border--radius--m);
}

.menu--visible .submenu__item:hover .submenu__link:not([aria-current="page"]) {
    text-decoration: underline;
}

.menu--visible .menu__item--profile .menu__link {
    min-inline-size: 20rem;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true]+.submenu__list--overflows-not,
.menu--visible .menu__link[aria-haspopup=true][aria-expanded=true]+.submenu__list--overflows-not {
    min-inline-size: max-content;
}

.menu--visible .menu__item--profile.menu__item--open .menu__link:not([aria-current="page"]):focus,
.menu--visible .menu__item--profile .menu__link:active {
    --t-tc--focus--outline--width: var(--t-gs--border--width--0);
    --t-tc--menu__link--background--color: var(--custom--brand--strong);
    --t-tc--menu__link--border--color: var(--t-gs--swatch--neutral--transparent);
}

.menu--visible .menu__item--profile.menu__item--open .menu__link {
    --t-tc--menu__link--font--color: var(--t-gs--swatch--brand);
}

.toggle {
    --t-tc--toggle--width: calc(var(--t-gs--size--base) * 12.5);
}

.toggle[aria-expanded="true"] {
    --t-tc--toggle--background--color: var(--t-gs--swatch--neutral--100);
    --t-tc--toggle--font--color: var(--t-gs--swatch--neutral--000);
}

.toggle[aria-expanded="false"] {
    --t-tc--toggle--background--color: var(--t-gs--swatch--neutral--transparent);
    --t-tc--toggle--font--color: var(--t-gs--swatch--neutral--100);
}

.header--scrolling .toggle .toggle__icon {
    --t-tc--toggle--font--color: var(--t-gs--swatch--neutral--000);
}

.toggle--menu .toggle__icon,
.toggle--menu .toggle__icon:before,
.toggle--menu .toggle__icon:after {
    border-radius: var(--t-gs--border--radius--0);
    block-size: calc(var(--t-gs--size--base) * .5);
    inline-size: calc(var(--t-gs--size--base) * 5);
}

.toggle--menu[aria-expanded] .toggle__icon:before {
    inset-block-start: -.6rem;
}

.toggle--menu[aria-expanded] .toggle__icon:after {
    inset-block-start: .6rem;
}

.toggle--menu[aria-expanded=true] .toggle__icon:after,
.toggle--menu[aria-expanded=true] .toggle__icon:before {
    inset-block-start: 0;
}

.menu--toggleable .menu__item {
    --t-tc--menu--dividers--color: var(--custom--neutral--085);
}

.menu--toggleable .menu__link {
    --t-tc--menu__link--padding--v: calc(var(--t-gs--size--base) * 8.625);
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--000);
    position: relative;
}

.menu--toggleable .menu__link:before {
    content: "arrow_right_alt";
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 50%;
    transform: translateY(-50%);
    font-family: var(--t-tc--icon--font--family);
    font-size: var(--t-gs--font--size--06);
    color: var(--t-gs--swatch--brand);
}

.menu--toggleable .menu__item--profile .menu__link:before {
    content: "";
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    html[menu-type=toggleable][menu-toggleSide="left"] .header__menu {
        --t-tc--grid--laterals: var(--t-gs--space--m);
    }

    .header:has(.toggle[aria-expanded="true"]) {
        background: var(--t-gs--swatch--neutral--100);
    }

    .header:not(.header--scrolling):has(.toggle[aria-expanded="false"]) {
        background: var(--custom--header-navigation--gradient);
    }

    .toggle {
        transition: all 0s;
    }

    .toggle[aria-expanded="false"]:focus {
        --t-tc--focus--outline--width: var(--t-gs--border--width--0);
    }

    .header__wrapper {
        --t-tc--header--height: 6.4rem;
        padding-inline: var(--t-gs--space--s2);
    }

    .header .logo--header {
        --t-tc--logo--height: calc(var(--t-gs--size--base) * 6);
        inline-size: 14.4rem;
    }

    .header:has(.button--tertiary--header) {
        margin-inline-start: auto;
    }

    .submenu__list {
        background-color: var(--t-gs--swatch--neutral--100);
    }

    .menu--toggleable .menu__link {
        --t-tc--menu__link--border--color: var(--custom--neutral--085);
    }
}

/*
    COMPONENTS/Header: Red Background Menu (Override/complement)
*/
/* Variables on red background */
.header__menu--red .menu--visible {
    --t-gs--color--text--on--fill--link--active: var(--custom--brand--subtle);
    --t-gs--color--text--on--fill--link--hover: var(--custom--brand--subtle);
    --t-gs--color--text--on--fill--link--focus: var(--custom--brand--subtle);
    --t-gs--color--text--on--fill--link--selected: var(--custom--brand--subtle);
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--100);
}

.header__menu--red .menu--visible .menu__item--profile:hover .menu__link:not([aria-current="page"]) {
    --t-gs--color--text--on--fill--link--hover: var(--custom--brand--subtle);
}

/*
    COMPONENTS/Navigation: Steps bar (Override/complement)
*/

.header__step {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-block-start: var(--t-gs--space--xxl);

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        flex-direction: column;
        gap: var(--t-gs--space--m2);
        align-items: flex-start;
        margin-block-start: var(--t-gs--space--l);
    }
}

.list--steps {
    width: 78.5rem;
    margin-block-end: var(--t-gs--space--0);

    &::after {
        border-block-end-color: var(--t-gs--swatch--neutral--080);
    }

    .list__item__text__title,
    .list__item__text__subtitle {
        color: var(--t-gs--swatch--neutral--000);
    }

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        width: 100%;
    }

    @media all and (min-width:751px) {

        .list__item__text__subtitle {
            border-width: var(--t-gs--border--width--0);
            background-color: var(--t-gs--swatch--neutral--080);
        }
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-block-end: -.6rem;
        inline-size: calc(var(--t-gs--size--base) * 4);
        block-size: calc(var(--t-gs--size--base) * 4);
        text-indent: -999.9rem;
        overflow: hidden;
    }
}

/*
    COMPONENTS/Navigation: Tabs (Inverting clickable colors - commented and ready to use)
*/

/*
.tabs__list__item:not(.tabs__list__item--active),
.tabs__list__item:not(.tabs__list__item--active):link,
.tabs__list__item:not(.tabs__list__item--active):visited {
    color: inherit;
}

.tabs__list__item:not(.tabs__list__item--active):hover,
.tabs__list__item:not(.tabs__list__item--active):focus,
.tabs__list__item:not(.tabs__list__item--active):active {
    color: var(--t-gs--color--text--link);
}

.tabs__list__item--active,
.tabs__list__item--active:link,
.tabs__list__item--active:visited,
.tabs__list__item--active:hover,
.tabs__list__item--active:focus,
.tabs__list__item--active:active {
    color: var(--t-gs--color--text--link);
}

+TBD+
*/

/*
    COMPONENTS/Navigation: Tabs: Skills (Override/complement)
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs--skills .tabs__list {
        inline-size: 100%;
    }

    .tabs--skills .tabs__list__item {
        float: inline-start;
        margin-block-end: -.1rem;
        border-block-end-width: .3rem;
        border-block-end-style: solid;
        padding-block: var(--t-gs--space--s) var(--t-gs--space--xs);
        padding-inline: var(--t-gs--space--m2);
        font-weight: var(--t-gs--font--weight--bold);
    }

    .tabs--skills .tabs__placeholder {
        display: none;
    }

    .tabs--skills .tabs__list__item:not(.tabs__list__item--active) {
        border-block-end-color: var(--t-gs--color--border--transparent);
    }

    .tabs--skills .tabs__list__item--active {
        border-block-end-color: var(--t-gs--color--border--brand);
    }

}

/*
    COMPONENTS/Navigation: Tabs: Profile (Override/complement)
*/

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs--profile {
        --t-tc--toggle--font--color: var(--t-gs--swatch--brand);
        --t-tc--buttons--height: 4.4rem;
        --t-tc--title--font--color: var(--t-gs--swatch--nautral--030);

        border-block-end-width: var(--t-gs--border--width--m);
        border-block-end-color: var(--t-gs--swatch--brand);
    }

    .tabs:not(.tabs--skills) .tabs__placeholder {
        font-size: var(--t-tc--title--h6);
    }

    .tabs:not(.tabs--skills) .tabs__placeholder:focus {
        outline-style: solid;
        outline-color: var(--t-gs--swatch--neutral--100);
        border-width: var(--t-gs--border--width--0);
        inline-size: 100%;
    }

    .tabs:not(.tabs--skills) .tabs__list {
        --t-tc--boxes--background--color: var(--custom--brand--strong);
        --t-tc--boxes--border--color: var(--custom--brand--strong);
        inline-size: 100%;
        inset-inline-start: 0;
    }

    .tabs:not(.tabs--skills) .tabs__list__item {
        color: var(--t-gs--swatch--neutral--100);
        font-size: var(--t-gs--font--size--06);
        padding-block: var(--t-gs--space--0);
        padding-inline: var(--t-gs--space--0);
        block-size: 4.4rem;
        display: flex;
        align-items: center;
    }

    .tabs:not(.tabs--skills) .tabs__list__item a,
    .tabs:not(.tabs--skills) .tabs__list__item__title {
        inline-size: 100%;
        block-size: 100%;
        padding-block: var(--t-gs--space--s);
        padding-inline: var(--t-gs--space--m);
    }

    .tabs:not(.tabs--skills) .tabs__list__item--active {
        background-color: var(--custom--brand--subtle);
        color: var(--t-gs--swatch--neutral--000);
        text-decoration: underline;

        /* the last item */
        &:last-child {
            border-radius: var(--t-gs--border--radius--0) var(--t-gs--border--radius--0) var(--t-gs--border--radius--s) var(--t-gs--border--radius--s);
        }
    }

    .tabs:not(.tabs--skills) .tabs__list__item:first-of-type {
        padding-block-start: var(--t-gs--space--0);
    }
    .tabs:not(.tabs--skills) .tabs__list__item:last-of-type {
        padding-block-end: var(--t-gs--space--0);
    }

    .tabs__list__item:not(.tabs__list__item--active):focus, .tabs__list__item:not(.tabs__list__item--active):focus-within {
        --t-tc--tabs__list__item--background--color: var(--custom--brand--strong);
        --t-tc--tabs__list__item--font--color: var(--t-gs--swatch--neutral--100);
        text-decoration: underline;
        box-shadow: none;
        --t-tc--focus--outline--width: 0;
    }
}

/*
    COMPONENTS: Expandable
*/

.js-expandable-items {
    display: flex;
    flex-wrap: wrap;
}

.js-expandable-items__item.hidden {
    display: none;
}

.js-expandable-items__item {
    display: flex;
}

.js-expandable-items__item .separator {
    margin-inline-start: var(--t-gs--space--s);
    margin-inline-end: var(--t-gs--space--s);
}

.js-expandable-items__toggle {
    border: none;
    padding: var(--t-gs--space--0);
    background: none;
    font-size: inherit;
    cursor: pointer;
    text-decoration: none;
}

/*
    COMPONENT/Cards: Article cards (New)
*/

.link-article-card {
    border-radius: var(--t-tc--card--border--radius);
    display: block;
    inline-size: 100%;
}

.article__card {
    --article-card--gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.03%, rgba(0, 0, 0, 0.5) 77.47%);
    --hover-scale-background-size: cover;
    --hover-scale-background-position: center top;

    border-radius: var(--t-tc--card--border--radius);
    inline-size: 100%;
    padding: var(--t-gs--space--xl);
    isolation: isolate;
}

.article__card__header .pill {
    font-size: var(--t-gs--font--size--04);
}

.article__card__container {
    display: flex;
    block-size: 100%;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.article__card__content--align-end {
    margin-block-start: auto;
}

.article__card__content .title {
    color: var(--t-gs--swatch--neutral--100);
}

/*
    WIDGETS/Attachment upload (New)
*/

.article--attachments-upload {
    border-radius: var(--t-tc--boxes--border--radius);
    border-width: var(--t-gs--border--width--s);
    border-style: dashed;
    border-color: var(--t-tc--boxes--border--color);
    background-color: var(--t-tc--boxes--background--color);
    padding-block: var(--t-tc--boxes--padding--outers);
    padding-inline: var(--t-tc--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-block-end: var(--t-tc--boxes--padding--outers);
    border-block-end-width: var(--t-gs--border--width--s);
    border-block-end-style: solid;
    border-block-end-color: var(--t-gs--color--border--default);
    padding-block-end: var(--t-tc--boxes--padding--outers);
}

.article--attachments-upload .article__header [data-tc-icon] {
    vertical-align: middle;
}

/*
    WIDGETS/Search: Visible (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width: 1025px) {
    .section[search-type="visible"] .section__header__text {
        display: flex;
        margin-block-end: var(--t-gs--space--l);
    }
}

/*
    WIDGETS/Form: Icons Up/Down (New)
*/
:root {
    --t-tc--fields__icon--caret--down: var(--t-tc--fields__icon--chevron--down);
    --t-tc--fields__icon--caret--up: var(--t-tc--fields__icon--chevron--up);
}

.form select:not([multiple]) {
    background-position: right calc(9 * var(--t-tc--fields--border--width)) center;
}

/*
    WIDGETS/Form: Focus (Override/complement)
*/

/* Needed to don't let the field cut the outline */
.FieldBorderFormCompletionRequestFieldBorder,
.delegate-widget__fieldSpec,
.fieldSpec,
.datasetfieldSpec,
.locationui_CountryStateEditor .country_PLUG_Selector,
.formfieldSpec {
    padding-inline-start: var(--t-gs--space--xxs);
    padding-inline-end: var(--t-gs--space--xxs);
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single,
.form {
    --t-tc--focus--outline--width: var(--t-gs--border--width--m);
    --t-tc--focus--outline--color: var(--custom--outline--focus);
    --t-tc--focus--outline--style: solid;
    --t-tc--focus-visible--outline--color: var(--t-tc--focus--outline--color);
    --t-tc--focus-visible--outline--width: var(--t-tc--focus--outline--width);
    --t-tc--focus-visible--shadow: none;

    a,
    .button,
    .button-bar__wrap {
        --t-tc--focus--outline--width: var(--t-gs--border--width--s);
        --t-tc--focus--outline--style: dotted;
        --t-tc--focus--outline--color: var(--t-gs--swatch--link);
        --t-tc--focus-visible--shadow: var(--t-gs--shadow--focus);
        --t-tc--focus-visible--outline--width: var(--t-gs--border--width--s);
        --t-tc--focus-visible--outline--style: solid;
        --t-tc--focus-visible--outline--color: var(--t-gs--swatch--neutral--100);
    }
}

/*
    WIDGETS/Form: Select2 multiple (Override/complement)
*/

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: var(--t-gs--border--radius--m);
    background-color: var(--t-gs--swatch--neutral--095);
    border-color: var(--t-gs--swatch--neutral--transparent);
    padding-block: var(--t-gs--space--xxs);
    padding-inline: var(--t-gs--space--s2);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-weight: var(--t-gs--font--weight--regular);
    font-size: var(--t-gs--font--size--05);
}

/*
    WIDGETS/Form: Required field (New)
*/

.requiredField:not(:has(.labelRequiredIcon)) {
    &::after {
        content: " *";
        color: var(--t-gs--swatch--error);
    }
}

/*
    WIDGETS/Wizard buttons (Override/complement)
*/

.tc_formButton {
    display: inline-flex;
    gap: var(--t-gs--space--m);
    padding-inline-start: var(--t-gs--space--l);
    flex-wrap: nowrap;
    width: max-content;
    justify-content: space-between;
}

.tc_formButton::after {
    content: var(--button--icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--button--icon--width);
    block-size: var(--button--icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--button--icon--font--color);
    background-color: var(--button--icon--background--color);
    border-radius: var(--button--icon--border--radius);
    font-size: var(--button--icon--font-size);
    padding-left: var(--t-gs--space--xxs);
}

.tc_formButton.nextButton,
.tc_formButton.saveButton,
.tc_formButton.gotoButton {
    --button--icon--background--color: var(--t-gs--swatch--neutral--100);
    --button--icon--font--color: var(--t-gs--swatch--brand);
}

.tc_formButton.submitButton::after {
    --button--icon--background--color: var(--t-gs--swatch--neutral--100);
    --button--icon--font--color: var(--t-gs--swatch--neutral--000);
}

/*
    WIDGET/Wizard RichText (Override/complement)
*/
/* Override Rich text field */
.tc_formDescription {
    font-size: var(--t-tc--descriptions--font--size) !important; /* Needed to override the default font size */

    font, span {
        font-size: var(--t-tc--descriptions--font--size) !important; /* Needed to override the default font size */
    }

    a {
        font-weight: var(--t-gs--font--weight--regular);
    }
}

/*
    WIDGET/Wizard Form Field Input (Override/complement)
*/
.FileField .tc_formField {
    padding: var(--t-gs--space--m);
    background-color: var(--t-gs--swatch--neutral--095);
    border-radius: var(--t-gs--border--radius--s);
}

.FileField .tc_formField>input[type=file] {
    order: unset;
}

.FileField .tc_formField div[id$="FilesSelectorContainer"] {
    inline-size: 100%;
}

.FileField .uploadedFile {
    flex-direction: row-reverse;
}

div[class*=fieldSpec].FileField .removeFile {
    --t-tc--action--font--color: var(--custom--warning--28);
    text-indent: 0;
    text-transform: none;
    font-family: var(--t-gs--font--family--default);
}

/*
    WIDGETS/List Control (Override/complement)
*/

.list-controls__text {
    --a-list-resultCount-font-weight: var(--t-gs--font--weight--bold);
    --a-list-resultCount-color: var(--t-gs--swatch--neutral--000);
}
.list-controls__reset-filter {
    background-color: var(--t-gs--swatch--neutral--095);
    border-radius: var(--t-gs--border--radius--l);
    height: 2.4rem;
    display: flex;
    width: max-content;
    padding-inline-start: .8rem;
    gap: .8rem;
    color: var(--t-gs--swatch--neutral--000);
    align-items: center;

}
.list-controls__reset-filter .reset-filter-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 2.4rem;
    background-color: var(--t-gs--swatch--neutral--080);
    background-image: url('../images/icon--reset-filter.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.2rem 1.2rem;
    border-radius: var(--t-gs--border--radius--full);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list-controls.list-controls--top {
        row-gap: var(--t-gs--space--xl);
        margin-block-end: var(--t-gs--space--xl);
    }
    .list-controls__reset {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/*
    WIDGETS/Share popup (Override/complement)
*/

.popup--share {
    position: static;
}

.popup--share .popup__content {
    padding-inline-end: unset;
    inset-block-start: -33%;
    inset-inline-start: 50%;
    inset-inline-end: unset;
    transform: unset;
    translate: -50% 0;
}

.popup--share .popup__content__box {
    padding-inline: calc(var(--t-gs--space--base) * 3.5);
    background-color: var(--custom--brand--subtle);
    border-color: var(--custom--brand--subtle);
}

.popup--share .list__item {
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: 4.8rem;
    block-size: 4.8rem;
}

.popup--share .list__item + .list__item {
    margin-inline-start: var(--t-gs--space--m2);
}

.popup--share .list__item:last-of-type {
    margin-inline-start: var(--t-gs--space--xl);
}

.popup--share .shareButton {
    max-inline-size: 4.8rem;
    max-block-size: 4.8rem;
    background-size: 2.25rem;
    background-color: var(--t-gs--swatch--brand);
    background-position: center;
    border-radius: var(--t-gs--border--radius--full);
    transition: background-color 0.2s ease-out;

    &:hover {
        background-color: var(--custom--brand--strong);
    }

}

.popup--share .shareButton--whatsapp {
    background-image: var(--t-tc--job-detail__icon--share--whatsapp);
}

.popup--share .shareButton--facebook {
    background-image: var(--t-tc--job-detail__icon--share--facebook);
}

.popup--share .shareButton--twitter {
    background-image: var(--t-tc--job-detail__icon--share--x);
}

.popup--share .shareButton--linkedin {
    background-image: var(--t-tc--job-detail__icon--share--linkedin);
}

.popup--share .shareButton--email {
    background-image: var(--t-tc--job-detail__icon--share--email);
}

@media all and (max-width: 1024px) {
    .popup--share .popup__content {
        inset-block-start: 50%;
        translate: -50% -50%;
    }

    .popup--share .popup__content__box {
        padding-block: var(--t-gs--space--m);
    }

    .popup--share .list__item {
        inline-size: 4rem;
        block-size: 4rem;
    }

    .popup--share .list__item + .list__item {
        margin-inline-start: var(--t-gs--space--s);
    }

    .popup--share .list__item:last-of-type {
        margin-inline-start: calc(var(--t-gs--space--base) * 7);
    }

    .popup--share .shareButton {
        max-inline-size: 4rem;
        max-block-size: 4rem;
    }
}

/* Popup Share button:
    The popup share button will be an icon-button
*/

.popup--share .button--share {
    width: fit-content;
    border-radius: var(--t-gs--border--radius--full);
    border-color: var(--t-gs--swatch--neutral--transparent);
    padding: unset;
    background-color: var(--t-gs--swatch--neutral--transparent);

    --t-tc--buttons--height: 0;
    min-inline-size: 4rem;

    &:hover:before {
        display: none;
    }
}

.popup--share .icon--share {
    block-size: var(--t-tc--icon-button--size--small);
    inline-size: var(--t-tc--icon-button--size--small);
    background: var(--t-tc--job-detail__icon--share);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2.4rem;
    background-color: var(--t-gs--swatch--neutral--transparent);
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: rgba(255, 255, 255, 0.5);
    border-radius: var(--t-tc--icon-button--border-radius);
}

.popup--share .list--share .button--close::after {
    display: none;
}

.popup--share .button--close {
    --t-tc--buttons--height: 4rem;
    min-inline-size: 4rem;
    padding-inline: unset;
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: rgba(149, 0, 7, 0.5);
    background-color: var(--custom--brand--subtle);
}

.popup--share .icon--close {
    position: relative;
    inline-size: 1.5rem;

    &:before,
    &:after {
        content: '';
        position: absolute;
        inset: 0;
        width: 100%;
        height: 0.12rem;
        background-color: var(--custom--brand--strong);
        transform-origin: center;
        rotate: -45deg;
    }

    &:after {
        rotate: 45deg;
    }
}

/*
    WIDGETS/Cookie Banner (Override/component)
*/
.cookies__wrapper {
    --a-cookieBannerWidget-rejectAllButton-border-color: var(--t-gs--swatch--brand);
    --a-cookieBannerWidget-rejectAllButton-color: var(--t-gs--swatch--brand);
    --a-cookieBannerWidget-rejectAllButton-font-weight: 400;
    --a-cookieBannerWidget-acceptAllButton-font-weight: 400;
    --a-cookieBannerWidget-acceptAllButton-focus-text-decoration: underline;
    --a-cookieBannerWidget-acceptAllButton-text-decoration: underline;
    --a-cookieBannerWidget-rejectAllButton-text-decoration: underline;
    --a-cookieBannerWidget-toggle-disabled-background-color: var(--t-gs--swatch--neutral--080);
    --a-cookieBannerWidget-secondaryButton-text-decoration: underline;

}
/* only desktop */
@media all and (min-width: 1025px) {
    .cookies__wrapper button[data-component=tertiary-button] {
        background-color: var(--t-gs--swatch--neutral--transparent);
    }
}
@media (max-width: 750px) {
    .cookies__open .cookies__settings {
        overflow-y: auto;
    }
}

/*
    WIDGETS/Error Message (Override/complement)
*/

.errorMessage {
    --t-tc--icon--font--color: var(--t-gs--color--text--error);
    --t-tc--message--font--color: var(--t-gs--swatch--neutral--040);
}

/*
    WIDGETS/Glightbox Popups
*/

:root {
    --popup-height--large: 72.4rem;
    --popup-height--medium: 51.8rem;
    --popup-height--small: 38.5rem;
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    :root {
        --popup-height--large: 72.4rem;
        --popup-height--medium: 51.8rem;
        --popup-height--small: 38.5rem;
    }

}

.glightbox-container {
    & .ginner-container, & .gslide-external {
        block-size: 100%;
    }
}

/*
    WIDGETS/Swiper
*/

.swiper-controls {
    & .swiper-button-prev:after {
        content: "";
    }
    & .swiper-button-next:after {
        content: "";
    }
}

/*
    MODULES/Banner: Home (New)
*/

.banner--main--home {
    background-image: var(--t-tc--home__banner--background--image);

    /* Media query to target only desktop */
    @media all and (min-width: 1025px) {
        & {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 202.5);
            --t-tc--banner--background--image--position: right top;
        }

    }

    /* Media query to target only tablet */
    @media all and (min-width: 751px) and (max-width: 1024px) {
        & {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 150);
        }

    }

    /* Media query to target tablet and mobile */
    @media all and (max-width: 1024px) {
        & {
            --t-tc--banner--background--image--position: 15% top;
        }

    }
}

.banner--main--home .banner__wrapper {
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
}

.banner--main--home .banner__wrapper > * {
    inline-size: 100%;
}

/* Banner Home -- Text */
.banner--main--home .banner__text {
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-block-end: calc(var(--t-gs--space--base) * 37.5);

    @media all and (max-width: 1024px) {
        flex-direction: column;
        align-items: flex-start;
        margin-block-end: var(--t-gs--space--xxl);
        gap: calc(var(--t-gs--space--base) * 8.25);
    }
}

.banner--main--home .banner__text__title--short {
    max-width: calc(var(--t-gs--space--base) * 140.25);
}

.banner--main--home .banner__text__subtitle {
    font-weight: var(--t-gs--font--weight--bold);
    text-transform: none;

    @media all and (max-width: 750px) {
        max-inline-size: 17.8rem;
    }
}

/*
    MODULES/Banner: Search Wizard Hack (Override/complement)
*/

.banner--main--home .banner__form {
    --t-tc--fields--border--width: 0;
    --t-tc--search-form--height: 7.6rem;

    margin-block-end: calc(var(--t-gs--space--base) * 16);
    max-block-size: var(--t-tc--search-form--height);

    @media all and (max-width: 750px) {
        min-block-size: 6rem;
        margin-block-end: var(--t-gs--space--m2);
        padding-block: var(--t-gs--space--xs2);
    }
}
.banner--main--home .wizard fieldset.Section {
    max-block-size: var(--t-tc--search-form--height);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-inline-start: var(--t-gs--space--m);
    padding-inline-end: var(--t-gs--space--s);
    padding-block: var(--t-gs--space--s);
    border-radius: var(--t-gs--border--radius--full);
    background-color: var(--t-gs--swatch--neutral--100);
    block-size: 100%;
    margin-inline-start: 0;

    @media all and (max-width: 750px) {
        padding-inline-end: var(--t-gs--space--xs2);
        padding-block: var(--t-gs--space--xs2);
    }
}

.banner--main--home .banner__form .tc_formLabel {
    --t-tc--fieldSpec--padding--inners: var(--t-gs--space--0);
    font-size: 0;
    line-height: 0;
}

.banner--main--home .banner__form .form--home-search,
.banner--main--home .banner__form .form--home-search > fieldset,
.banner--main--home .banner__form .form--home-search > fieldset > .wizard {
    block-size: 100%;
}

.banner--main--home .banner__form .fieldSpec {
    padding-block-end: var(--t-gs--space--0);
    inline-size: unset;
    max-inline-size: unset;

    @media all and (min-width:751px) {
        min-inline-size: 20rem;
    }
}

.banner--main--home .banner__form .fieldSpec.TextField {
    position: relative;
    margin-inline-end: auto;
    flex: 1;
    padding-inline-start: var(--t-gs--space--m);

    @media all and (max-width: 750px) {
        & {
           padding-inline-start: var(--t-gs--space--s);
           padding-inline-end: 1.1rem;
        }

        &:after {
            content: "";
            width: var(--t-gs--border--width--s);
            height: 3.4rem;
            border-inline-end: var(--t-gs--border--width--s) solid var(--t-gs--swatch--neutral--080);
            position: absolute;
            right: 0;
            top: .6rem;
        }
    }
}

.banner--main--home .select2-container--default .select2-selection--multiple .select2-selection__clear {
    block-size: var(--t-tc--fields--height);
    inline-size: var(--t-gs--space--xl);
    background-color: var(--t-gs--swatch--neutral--100);
    border-radius: var(--t-gs--border--radius--m);
}

.banner--main--home .banner__form .select2-container--default .select2-selection--multiple .select2-search:first-child:after,
.banner--main--home .banner__form .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: var(--t-tc--fields__icon--chevron--down);
    display: flex;
    align-items: center;
    height: 100%;
    background-color: var(--t-gs--swatch--neutral--100);
    border-radius: var(--t-gs--border--radius--m);
}

.banner--main--home .banner__form .select2-container--default .select2-search--inline .select2-search__field,
.banner--main--home .banner__form .select2-container--default .select2-search--inline .select2-search__field::placeholder,
.banner--main--home .banner__form .select2-container--default .select2-selection--multiple .select2-selection__placeholder,
.banner--main--home .banner__form .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-family: var(--t-gs--font--family--default);
    font-size: var(--t-gs--font--size--04);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--neutral--000);
    cursor: pointer;
}

.banner--main--home .select2-container {
    max-inline-size: 35rem;
}

.banner--main--home .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    flex-wrap: nowrap;
    block-size: var(--t-tc--fields--height);
}
.banner--main--home .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered {
    flex-wrap: wrap;
    block-size: 100%;
}
.banner--main--home .banner__form .select2-container--default:not(.select2-container--open):has(.select2-selection__choice + .select2-selection__choice) .select2-selection__rendered {
    display: flex;
    align-items: center;
}

.banner--main--home .banner__form .select2-container--default:not(.select2-container--open):has(.select2-selection__choice + .select2-selection__choice) .select2-search__field {
    width: 4.5rem !important;
}

.banner--main--home .banner__form .select2-container--default:not(.select2-container--open):has(.select2-selection__choice + .select2-selection__choice) .select2-selection__choice {
    display: none;
}

.banner--main--home .banner__form .fieldSpec input[type=text]:not([class*=select2]):not(.LiveSearchInput)::placeholder {
    color: var(--t-gs--swatch--neutral--040);
}

.banner--main--home .select2-container--default .select2-selection--single .select2-selection__clear {
    background-color: var(--t-gs--swatch--neutral--100);
}

.banner--main--home .banner__form .select2-container--default.select2-container--open .select2-selection--multiple .select2-search:first-child:after,
.banner--main--home .banner__form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
.banner--main--home .banner__form .select2-container--default:not(.select2-container--open):has(.select2-selection__choice + .select2-selection__choice) .select2-selection__rendered:after {
    background-image: var(--t-tc--fields__icon--chevron--up);
}

.banner--main--home .banner__form .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-inline-end: var(--t-gs--space--0);
    display: flex;
    align-items: center;
}

.banner--main--home .banner__form .select2-container--default .select2-selection--single .select2-selection__rendered {
    max-inline-size: 21rem;
    block-size: var(--t-tc--fields--height);
    align-content: center;
    padding-inline-end: calc(var(--t-tc--fields__icon--width) * 2);
    line-height: var(--t-tc--fields--font--size);
}

.banner--main--home .banner__form .fieldSpec.fieldSpec--separator__left {
    position: relative;
}

.banner--main--home .banner__form .fieldSpec.fieldSpec--separator__left:before {
    content: '';
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: -1rem;
    translate: 0 -50%;
    display: block;
    block-size: 3.4rem;
    inline-size: 0.1rem;
    margin-inline: 2rem;
    background-color: var(--custom--neutral--085);
}

.banner--main--home .tc_formLabel:has(>.screenReaderVisibility:only-child) {
    padding-block-end: unset;
}

.banner--main--home .banner__form .form--grid:not(.form--grid--1) .Section:not(.Section--collapsible--bottom) .button-bar:before {
    content: '';
    padding-block-end: unset;
}

.banner--main--home .banner__form .button-bar .submitButton {
    --t-tc--buttons--border--color: var(--t-gs--swatch--neutral--transparent);
    --t-tc--buttons--background--color: var(--t-gs--swatch--brand);
    --t-tc--buttons--font--color: var(--t-gs--swatch--neutral--100);
    --t-tc--buttons--width--min: 17.7rem;
    padding-inline-start: 2.2rem;
    padding-inline-end: 5.5rem;
    position: relative;

    &:after {
        content: '';
        position: absolute;
        inset-block-start: 50%;
        inset-inline-end: var(--t-gs--space--l);
        translate: 0 -50%;
        display: block;
        block-size: 2rem;
        inline-size: 2rem;
        background-image: var(--t-tc--fields__icon--search);
        border-radius: 0;
        background-color: var(--t-gs--swatch--neutral--transparent);
    }

    @media all and (min-width:751px) and (max-width:1024px) {
        flex: 1;
    }

    @media all and (max-width:750px) {
        --t-tc--buttons--width--min: unset;
        --t-tc--buttons--height: 4.8rem;
        min-inline-size: unset;
        padding-inline-start: unset;
        padding-inline-end: 4.6rem;
        font-size: 0;
        line-height: 0;

        &:after {
            inset-inline-end: calc(var(--t-gs--space--base) * 3.5);
        }
    }
}

/* Media query to target mobile only */
@media all and (max-width:750px) {
   .banner--main--home .banner__form .fieldSpec + .button-bar {
        padding-inline-start: var(--t-gs--space--s);
        padding-block-start: var(--t-gs--space--0);
   }

}

/*
    MODULES/Banner: Search Wizard Skeleton Loading (New)
*/

.banner--main--home .banner__form .form--home-search {
    position: relative;
    min-block-size: var(--t-tc--search-form--height);
}

.banner--main--home .banner__form .form--home-search:not(.loaded) fieldset {
    visibility: hidden;
}

.banner--main--home .banner__form .form--home-search.loaded fieldset {
    visibility: visible;
}

.banner--main--home .banner__form .form--home-search:not(.loaded)::before {
  --skeleton--default-color: var(--t-gs--swatch--neutral--090);
  --skeleton--shimmer-color: var(--t-gs--swatch--neutral--100);

    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
      100deg,
      var(--skeleton--default-color),
      var(--skeleton--default-color) 50%,
      var(--skeleton--shimmer-color) 60%,
      var(--skeleton--default-color) 70%
    );
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    z-index: 1;
    inline-size: 100%;
    block-size: var(--t-tc--search-form--height);
    border-radius: var(--t-gs--border--radius--full);
}

@keyframes skeleton-loading {
    0% {
        background-position-x: 200%;
    }
    100% {
        background-position-x: 0%;
    }
}

/*
    MODULES/Banner: Skills (New)
*/

.banner--skills .banner__wrapper{
    block-size: auto;
    justify-content: center;
}

.banner--skills .banner__text__title,
.banner--skills .banner__text__paragraph {
    text-align: center;
}

.banner--skills .banner__text {
    row-gap: var(--t-gs--space--s2);
}

/*
    MODULES/Banner: Recommendations (New)
*/

.banner--recommendations {
    --t-tc--banner--background--color: var(--t-gs--color--surface--tertiary);

    .banner__wrapper {
        justify-content: center;
    }

    .banner__text {
        display: flex;
        align-items: center;
        column-gap: var(--t-gs--space--l);
        row-gap: var(--t-gs--space--m);
    }

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        .banner__text {
            flex-direction: column;
            text-align: center;
            inline-size: 100%;
        }

        .banner__text__button {
            inline-size: 100%;
        }

    }

    /* Media query to target only desktop */
    @media all and (min-width: 1025px) {
        & {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 31);
        }

    }
}

/*
    MODULES/Banner: Unsolicited Application (New)
*/

.banner--unsolicited-application {
    --t-tc--banner--background--color: var(--custom--neutral--094);
    --t-tc--banner--height: auto;

    .banner__wrapper {
        --t-tc--banner--padding--top: var(--t-gs--space--xxl);
        --t-tc--banner--padding--bottom: var(--t-gs--space--xxl);
    }

    .banner__text {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        row-gap: var(--t-gs--space--m);
        width: 100%;
    }

    .banner__text__title {
        max-width: 67rem;
    }

    .banner__text__title .title span {
        display: flex;
        flex-direction: column;
    }

    .banner__text__title p.paragraph {
        padding-block-start: var(--t-gs--space--l);
        color: var(--t-gs--color--text--default);
    }

    .button-bar__wrap {
        align-items: center;
    }

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        & {
            margin-block-start: var(--t-gs--space--xxxl);
        }

        .banner__wrapper {
            --t-tc--banner--padding--top: var(--t-gs--space--xl);
            --t-tc--banner--padding--bottom: var(--t-gs--space--xl);
            padding-inline-start: var(--t-gs--space--xl);
            padding-inline-end: var(--t-gs--space--xl);
        }

        .banner__text {
            flex-direction: column;
            text-align: left;
            inline-size: 100%;
            row-gap: var(--t-gs--space--xxl);
        }

        .banner__text__button {
            inline-size: 100%;
        }

        .banner__text__title p.paragraph {
            padding-block-start: var(--t-gs--space--m);
        }

    }

    /* Media query to target only desktop */
    @media all and (min-width: 1025px) {
        & {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 31);
        }

    }
}

/*
    MODULES/Banner: Learn (New)
*/

.banner--learn {
    background-image: var(--t-tc--home__banner--background--image);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    .banner__wrapper {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        gap: var(--t-gs--space--m);
    }

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        .banner__button {
            inline-size: 100%;
        }

    }

    /* Media query to target only desktop */
    @media all and (min-width: 1025px) {
        .banner__wrapper {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 48);

            max-inline-size:var(--t-tc--content--w--narrower);
        }

    }
}

/*
    MODULES/Banner: Join (New)
*/

.banner--join {
    --t-tc--banner--background--color: var(--t-gs--color--surface--tertiary);

    .banner__wrapper {
        justify-content: center;
    }

    .banner__text {
        align-items: center;
        row-gap: var(--t-gs--space--m);
    }

    .button-bar__wrap {
        align-items: center;
    }

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        & {
            --t-tc--accross--width: 100vw;

            inline-size: var(--t-tc--accross--width);
            position: relative;
            inset-inline-start: 50%;
            inset-inline-end: 50%;
            margin-inline-start: calc(-1 * (var(--t-tc--accross--width) / 2));
            margin-inline-end: calc(-1 * (var(--t-tc--accross--width) / 2));
        }

        .banner__text {
            flex-direction: column;
            text-align: center;
            inline-size: 100%;
        }

        .banner__text__button {
            inline-size: 100%;
        }

    }

    /* Media query to target only desktop */
    @media all and (min-width: 1025px) {
        & {
            --t-tc--banner--height: calc(var(--t-gs--size--base) * 31);
        }

    }
}

/*
    MODULES/Banner: Discover (New)
*/

/*
    MODULES/Banner: Next (New)
*/

/*
    MODULES/No banner (New)
*/

@media (width <= 1024px) {
    .no--banner .header:not(.header--scrolling):has(.toggle[aria-expanded="false"]) {
        background: unset;
    }
}

.no--banner .header {
    background: var(--t-gs--swatch--neutral--100);
    border-bottom: 0.1rem solid var(--custom--neutral--085);

    .toggle[aria-expanded="true"] {
        --t-tc--toggle--font--color: var(--t-gs--swatch--neutral--020);
    }

    .toggle[aria-expanded="false"] {
        --t-tc--toggle--font--color: var(--t-gs--swatch--neutral--020);
    }
}

.no--banner .header .menu--visible {
    --t-tc--menu__link--font--color: var(--t-gs--swatch--neutral--000);
}

.no--banner .header .menu--visible .menu__item--profile {
    --t-tc--menu__link--font--color: var(--t-gs--swatch--brand);

    &:hover .menu__link[data-map="user-signin-link"] {
        --t-tc--menu__link--font--color: var(--t-gs--swatch--brand);
    }
}

/*
    No Banner pages: breadcrumbs styling
*/

.no--banner .breadcrumbs {
    background-color: var(--t-gs--swatch--neutral--100);
    padding-block-start: calc(var(--t-gs--size--base) * 10);
    font-size: var(--t-gs--font--size--02);
}

.no--banner .breadcrumbs .list--links--top .list__item .link {
    color: var(--t-gs--swatch--neutral--030);
    font-weight: var(--t-gs--font--weight--regular);
    text-decoration: var(--t-gs--swatch--neutral--transparent);
}

.no--banner .breadcrumbs .list--links--top .list__item--active span {
    color: var(--t-gs--swatch--neutral--000);
}

.no--banner .breadcrumbs .list--links--top .list__item:not(:last-of-type)::after {
    content: "chevron_right";
    font-family: var(--t-tc--icon--font--family);
    font-size: var(--t-gs--font--size--08);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    color: var(--custom--brand--strong);
    border: none;
    transform: none;
    block-size: auto;
}

.no--banner .breadcrumbs .list--links .list__item:not(:last-of-type) {
    margin-inline-end: var(--t-gs--space--0);
}

/*
    MODULES/Bottom banner
*/

.body--students .section--content-page:has(.bottom-banner) {
    position: relative;
}

/*
    MODULES/Footer (New/Override/complement)
*/

.footer {
    border-block: unset;
}

.footer__content {
    display: flex;
    justify-content: flex-start;
    gap: calc(var(--t-gs--size--base) * 68);
}

.footer__contact-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--t-gs--size--base) * 9.5);
    max-inline-size: calc(var(--t-gs--size--base) * 102);
}

.footer__title h3 {
    color: var(--t-gs--swatch--neutral--100);
}

.footer__contact-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--t-gs--space--m);
}

.footer__contact-info__item {
    font-size: var(--t-gs--font--size--05);
    font-weight: var(--t-gs--font--weight--bold);
}

.footer__contact-info__item__icon {
    margin-inline-end: var(--t-gs--space--s)
}

.footer__contact-info__details {
    display: flex;
    flex-direction: column;
}

.footer__contact-info__details span {
    font-size: var(--t-gs--font--size--06);
    font-weight: var(--t-gs--font--weight--regular);
    line-height: 1.5;
}

.link__email {
    font-size: var(--t-gs--font--size--06);
    font-weight: var(--t-gs--font--weight--regular);
    text-decoration: var(--t-gs--swatch--neutral--transparent);

    &:focus::before,
    &:focus-visible::before {
        background-color: var(--t-gs--swatch--neutral--transparent);
    }
}

.footer__links {
    display: block;
    column-count: 2;
    column-gap: calc(var(--t-gs--size--base) * 12.5);
}

.footer__links__item {
    display: block;
    font-size: var(--t-gs--font--size--06);
    text-decoration-color: var(--t-gs--swatch--neutral--transparent);
    font-weight: var(--t-gs--font--weight--bold);

    &:focus::before,
    &:focus-visible::before {
        background-color: var(--t-gs--swatch--neutral--transparent);
    }
}

.footer__links__item:not(:last-of-type) {
    margin-block-end: var(--t-gs--space--l);
}

.footer__social {
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--custom--neutral--085);
    border-radius: var(--t-gs--border--radius--m);
}

.footer__social__item {
    block-size: unset;
    max-inline-size: unset;
}

.footer__social__item img {
    margin-inline: calc(var(--t-gs--size--base) * 3.25);
    margin-block: calc(var(--t-gs--size--base) * 3);
}

.footer__social__item+.footer__social__item {
    margin-inline: unset;
    border-left-style: solid;
    border-left-width: var(--t-gs--border--width--s);
    border-left-color: var(--custom--neutral--085);
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .footer__content {
        gap: calc(var(--t-gs--size--base) * 14);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    :root {
        --t-tc--footer--padding--top: var(--t-gs--space--l);
        --t-tc--footer--padding--bottom: var(--t-gs--space--l);
    }

    .footer__content {
        align-items: flex-start;
        gap: var(--t-gs--space--l);
    }

    .footer__contact-section {
        gap: var(--t-gs--space--l);
    }

    .footer__title h3 {
        line-height: 1.2;
    }

    .footer__contact-info {
        gap: var(--t-gs--space--s2);
    }

    .footer__contact-info__details span {
        font-size: var(--t-gs--font--size--04);
    }

    .link__email {
        font-size: var(--t-gs--font--size--04);
    }

    .footer__links {
        columns: unset;
        margin-block-start: unset;
    }

    .footer__links__item {
        font-size: var(--t-gs--font--size--04);
        line-height: 1.5;
    }

    .footer__links__item:not(:last-of-type) {
        margin-block-end: var(--t-gs--space--m);
    }
}

/*
    MODULES/Banner Job Finder Quiz (New)
*/
.article--job-finder-quiz {
    border-radius: var(--t-gs--border--radius--m);
    background-color: var(--custom--brand--strong);
    display: flex;

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        flex-direction: column;
    }
}

.article--job-finder-quiz .article__header {
    padding: 4rem;
    block-size: 72rem;
    inline-size: 57.5rem;
    display: flex;
    flex: none;
    flex-direction: column;
    justify-content: space-between;

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        block-size: auto;
        inline-size: auto;
        padding-block: var(--t-gs--space--l);
        padding-inline: var(--t-gs--space--m);
    }

}

.article--job-finder-quiz .article__header__title {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--xxl);

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        gap: var(--t-gs--space--xl);
    }
}

.article--job-finder-quiz .article__header .title {
    color: var(--t-gs--swatch--neutral--100);
}
.article--job-finder-quiz .article__header__text {
    flex-grow: unset;
    color: var(--t-gs--swatch--neutral--100);
    margin-block-start: var(--t-gs--space--xl);
}

.article--job-finder-quiz .article__content {
    margin-block-start: 0;
}

.article--job-finder-quiz .article--job-finder-quiz--image {
    width: 100%;
    height: 72rem;
    background-image: var(--t-tc--job-finder-quiz--image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-end-end-radius: var(--t-gs--border--radius--m);

    /* Media query to target only mobile */
    @media all and (max-width:750px) {
        height: 31.4rem;
    }

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        border-start-end-radius: var(--t-gs--border--radius--0);
        border-end-start-radius: var(--t-gs--border--radius--m);
        border-end-end-radius: var(--t-gs--border--radius--m);
    }
}

/*
    MODULES/FAQ (New)
*/

.faq {
    --t-tc--faq--height: auto;

    &:last-child {
        border-block-end-width: var(--t-gs--border--width--s);
        border-block-end-style: solid;
        border-block-end-color: var(--t-gs--swatch--neutral--080);
    }

    .faq__header {
        display: flex;
        justify-content: space-between;
        min-height: var(--t-tc--faq--height);
        cursor: pointer;
    }

    .faq__content {
        padding-block-start: calc(var(--t-gs--space--base) * 2.5);
    }
}

/* Animated */
.faq.faq--animated {
    padding-block-end: var(--t-gs--space--xxl);
    padding-block-start: var(--t-gs--space--xxl);

    &:first-child {
        border-block-start: var(--t-gs--border--width--s) solid var(--t-gs--swatch--neutral--080);
    }

    @media all and (max-width:1024px) {
        & {
            padding-block-end: var(--t-gs--space--xl);
            padding-block-start: var(--t-gs--space--xl);
        }
    }
}

.faq+.faq.faq--animated {
    border-block-start-style: solid;
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-color: var(--t-gs--swatch--neutral--080);
    margin-block-start: var(--t-gs--space--0);
}

/* Static */
.faq.faq--static {
    padding-block-end: var(--t-gs--space--xl);

    .faq__header {
        --t-tc--faq--height: calc(var(--t-gs--space--base) * 5.5);
    }

    .faq__header__actions {
        display: flex;
        align-items: center;
    }

    .toggle {
        --t-tc--toggle--width: var(--t-tc--faq--height);
        --t-tc--toggle--height: var(--t-tc--faq--height);
        --t-tc--icon--height: var(--t-tc--faq--height);
    }
}

.faq+.faq.faq--static {
    border-block-start-style: solid;
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-color: var(--t-gs--swatch--neutral--080);
    margin-block-start: var(--t-gs--space--0);
    padding-block-start: var(--t-gs--space--xl);
}

/*
    MODULES/Section Behind the scenes (New)
*/

.section--behind-the-scenes {
    --behind-the-scenes--padding-inline: var(--t-gs--space--xxl);
    --behind-the-scenes--padding-block: var(--t-gs--space--xxl);

    background-color: var(--custom--neutral--094);
    border-radius: var(--t-gs--border--radius--m);
    padding-inline: var(--behind-the-scenes--padding-inline);
    padding-block: var(--behind-the-scenes--padding-block);

    .section__container--two-columns {
        --section-two-columns--gap: var(--t-gs--space--xxl);
        align-items: stretch;

        @media all and (max-width:1024px) {
            --section-two-columns--gap: var(--t-gs--space--l);
            align-items: flex-start;
        }
    }

    .section__column--left {
        inline-size: 49.5rem;
        flex: 1 0 auto;

        .controllers {
            display: flex;
            flex: 1 1 auto;
            align-items: flex-end;
        }

        @media all and (max-width:1024px) {
            gap: var(--t-gs--space--m);
        }
    }

    @media all and (max-width:1024px) {
        --behind-the-scenes--padding-inline: var(--t-gs--space--m);
        --behind-the-scenes--padding-block: var(--t-gs--space--l);
    }
}

.swiper--behind-the-scenes {
    inline-size: calc(100% + var(--t-tc--grid--laterals));

    @media all and (max-width:1024px) {
        .swiper-controls {
            justify-content: flex-start;
        }

        & {
            inline-size: calc(100% + var(--t-tc--grid--laterals) + var(--behind-the-scenes--padding-inline));
        }
    }
}

.swiper--behind-the-scenes .swiper-slide {
    block-size: auto;
    padding: var(--t-gs--space--xs);
}

.swiper--behind-the-scenes .link-article-card {
    display: block;
}

.article__card--behind-the-scenes {
    --hover-scale-background-position: center center;

    block-size: 61.5rem;
    padding: var(--t-gs--space--l);

    @media all and (max-width:1024px) {
        block-size: 45rem;
    }
}

.article__card--behind-the-scenes .article__card__content p,
.article__card--behind-the-scenes .article__card__content h3 {
    margin-block-end: var(--t-gs--space--m);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--neutral--100);
}

.section--behind-the-scenes .article__card--behind-the-scenes.behind-the-scenes__image--01 {
    --hover-scale-background-image: var(--article-card--gradient), var(--t-tc--behind-the-scenes--image-01);
}

.section--behind-the-scenes .article__card--behind-the-scenes.behind-the-scenes__image--02 {
    --hover-scale-background-image: var(--article-card--gradient), var(--t-tc--behind-the-scenes--image-02);
}

.section--behind-the-scenes .article__card--behind-the-scenes.behind-the-scenes__image--03 {
    --hover-scale-background-image: var(--article-card--gradient), var(--t-tc--behind-the-scenes--image-03);
}

/*
    MODULES/Section Benefits Tabs (New)
*/

.article--benefits-tabs {
    padding-block: 4rem;
    border-radius: var(--t-gs--border--radius--m);
    background-color: var(--custom--brand--subtle);

    /* Media query to target mobile */
    @media all and (max-width:750px) {
        padding-block: 3.2rem;
    }
}

.article--benefits-tabs .article__header,
.article--benefits-tabs .benefits-tabs--wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.article--benefits-tabs .benefits-tabs--wrapper {
    margin-block-end: -8rem;

    @media all and (max-width:750px) {
        margin-block-end: unset;
    }
}

.article--benefits-tabs .article__header + * {
    margin-block-start: calc(var(--t-gs--space--base) * 13.75);

    @media all and (max-width:750px) {
        margin-block-start: var(--t-gs--space--xl);
    }
}

.article--benefits-tabs .article__header__title span {
    display: block;
    text-align: center;
}

.article--benefits-tabs .benefits-tabs--images-wrapper {
    min-block-size: 34.8rem;
    position: relative;
    overflow: hidden;

    @media all and (max-width:750px) {
        min-block-size: 20rem;
        margin-block-end: var(--t-gs--space--xl)
    }
}

.article--benefits-tabs .benefits-tabs--images--elipse-background {
    position: absolute;
    inset-block-start: 13.3rem;
    inset-inline-start: 50%;
    translate: -50% 0;
    width: 237.5rem;
    height: 237.5rem;
    border-style: dashed;
    border-width: var(--t-gs--border--width--s);
    border-radius: var(--t-gs--border--radius--full);
    border-color: rgba(149, 0, 7, .2);

    @media all and (max-width:750px) {
        display: none;
    }
}

.article--benefits-tabs .benefits-tab--image {
    display: none;
    position: absolute;
    background-color: var(--t-gs--swatch--neutral--100);
    border-radius: var(--t-gs--border--radius--full);
}

.article--benefits-tabs .benefits-tab--image.image-active {
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: 21.6rem;
    block-size: 21.6rem;
    inset-block-start: 0;
    inset-inline-start: 50%;
    translate: -50% 0;

    @media all and (max-width:750px) {
        inline-size: 20rem;
        block-size: 20rem;
    }
}

.article--benefits-tabs .benefits-tab--image.image-next,
.article--benefits-tabs .benefits-tab--image.image-previous {
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: 17.2rem;
    block-size: 17.2rem;
    inset-block-start: 50%;
    translate: 0 -33%;

    @media all and (min-width:751px) and (max-width:1024px) {
        translate: 0 -65%;
    }

    @media all and (max-width:750px) {
        inline-size: 15.6rem;
        block-size: 15.6rem;
        inset-block-start: unset;
        inset-block-end: 0;
        translate: unset;
    }
}

.article--benefits-tabs .benefits-tab--image.image-next {
    inset-inline-end: 11.2rem;

    @media all and (min-width:751px) and (max-width:1024px) {
        inset-inline-end: 3.5rem;
    }

    @media all and (max-width:750px) {
        inset-inline-end: -9.5rem;
    }
}

.article--benefits-tabs .benefits-tab--image.image-previous {
    inset-inline-start: 11.2rem;

    @media all and (min-width:751px) and (max-width:1024px) {
        inset-inline-start: 3.5rem;
    }

    @media all and (max-width:750px) {
        inset-inline-start: -9.5rem;
    }
}

.article--benefits-tabs .benefits-tab--image.image-active img {
    width: 12rem !important;
}

.article--benefits-tabs .benefits-tab--image.image-next img,
.article--benefits-tabs .benefits-tab--image.image-previous img {
    width: 7.6rem !important;
}

.article--benefits-tabs .benefits-tabs--texts-and-controls-wrapper {
    position: relative;
    align-self: center;
    inset-block-start: -8rem;

    @media all and (max-width:750px) {
        inset-block-start: unset;
    }
}

.article--benefits-tabs .benefits-tabs--controls__prev,
.article--benefits-tabs .benefits-tabs--controls__next {
    --t-tc--icon-button--secondary--fill: var(--t-gs--swatch--neutral--transparent);
    --t-tc--icon-button--size--medium: 4rem;

    position: absolute;
    inset-block-start: 50%;
    translate: 0 -50%;

    @media all and (max-width:750px) {
        inset-block-start: 0;
        translate: unset;
    }
}

.article--benefits-tabs .benefits-tabs--controls__prev {
    inset-inline-start: calc(var(--t-gs--space--xxl) * -2);
    rotate: 180deg;

    @media all and (max-width:750px) {
        inset-inline-start: calc(var(--t-tc--icon-button--size--medium) - var(--t-gs--space--l));
    }
}

.article--benefits-tabs .benefits-tabs--controls__next {
    inset-inline-start: 100%;
    margin-inline-start: var(--t-gs--space--xxl);

    @media all and (max-width:750px) {
        inset-inline-start: unset;
        inset-inline-end: calc(var(--t-tc--icon-button--size--medium) - var(--t-gs--space--l));
    }
}

.article--benefits-tabs .benefits-tabs--texts-wrapper {
    display: grid;

    @media all and (max-width:750px) {
        padding-inline: var(--t-gs--space--m);
    }
}

.article--benefits-tabs .benefits-tab--texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    grid-row: 1;
    grid-column: 1;
    max-inline-size: 46rem;
    margin-block-end: var(--t-gs--space--l);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;

    @media all and (max-width:750px) {
        justify-content: space-between;
    }
}

.article--benefits-tabs .benefits-tab--texts--active {
    opacity: 1;
    visibility: visible;
}

.article--benefits-tabs .benefits-tab--texts .title {
    margin-block-end: var(--t-gs--space--s2);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--custom--brand--strong);
    text-align: center;

    @media all and (max-width:750px) {
        max-inline-size: calc(100% - 9.6rem);
    }
}

.article--benefits-tabs .benefits-tab--texts span {
    text-align: center;
}

.article--benefits-tabs .button {
    align-self: center;
}

/*
    MODULE/Application Process (New)
*/

.application-process {
    --t--tc--application-process--number--block--size: 4.8rem;
    --t--tc--application-process--number--left-gap: var(--t-gs--space--m2);

    counter-reset: application-process;
    list-style: none;
    margin: 0;
    padding: 0;
}

.application-process__item {
    counter-increment: application-process;
    position: relative;
    padding-inline-start: calc(var(--t--tc--application-process--number--block--size) + var(--t--tc--application-process--number--left-gap));
    padding-block-end: var(--t-gs--space--xxl);

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        padding-block-end: var(--t-gs--space--xl);
    }
}

.application-process__item::before {
    content: counter(application-process, decimal-leading-zero);
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--t--tc--application-process--number--block--size);
    block-size: var(--t--tc--application-process--number--block--size);
    border-radius: var(--t-gs--border--radius--full);
    background-color: var(--custom--brand--subtle);
    color: var(--t-gs--swatch--brand);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--bold);
    line-height: 1;
}

.application-process__item:not(:last-child)::after {
    content: '';
    position: absolute;
    inset-inline-start: calc(var(--t--tc--application-process--number--block--size) / 2);
    inset-block-start: var(--t--tc--application-process--number--block--size);
    inset-block-end: 0;
    border-inline-start-width: var(--t-gs--border--width--s);
    border-inline-start-style: dashed;
    border-inline-start-color: var(--t-gs--swatch--brand);
    transform: translateX(-50%);
    width: 0rem;
}

.application-process__item__title {
    margin-block-start: 0;
    margin-block-end: var(--t-gs--space--s2);
    color: var(--t-gs--swatch--neutral--000);
}

.application-process__item__description {
    margin: 0;
    line-height: 150%;
    font-size: var(--t-gs--font--size--06);
    letter-spacing: -2%;
}

/*
    MODULE/Similar Jobs snap tpt (New)
*/

.similar-jobs__list {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--m2);
    list-style: none;

    @media (width<=1024px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media (width<=750px) {
        grid-template-columns: 1fr;
    }
}

.similar-jobs__item {
    display: flex;
}

.similar-jobs__card {
    display: flex;
    flex-direction: column;
    padding: var(--t-gs--space--l);
    background-color: var(--custom--neutral--094);
    border-radius: var(--t-gs--border--radius--m);
    width: 100%;
}

.similar-jobs__card__header {
    margin-block-end: var(--t-gs--space--xxl);
}

.similar-jobs__card__title {
    margin: 0 0 var(--t-gs--space--xs) 0;
    font-weight: var(--t-gs--font--weight--bold);
    line-height: 1.3;

    .link {
        color: var(--t-gs--swatch--neutral--000);
        text-decoration: none;
        transition: color 0.2s ease;
        display: block;
        width: 100%;

        &:hover {
            color: var(--custom--brand--strong);
        }
    }
}

.similar-jobs__card__department {
    margin: 0;
    color: var(--t-gs--swatch--neutral--030);
    font-size: var(--t-gs--font--size--06);
}

.similar-jobs__card__footer {
    .filter--wrapper {
        padding-block: var(--t-gs--space--0);
    }

    .pill--filter {
        background-color: var(--t-gs--swatch--neutral--100);
        color: var(--t-gs--swatch--neutral--020);
    }
}

/*
    MODULE/External Swiper Controllers
*/
.external-swiper-controls {
    display: flex;
    gap: var(--t-gs--space--m);
    margin-block-start: var(--t-gs--space--m);

    .control-button--prev {
        --t-tc--icon-button--content: "chevron_left";
    }

    .swiper-button-disabled {
        &::before {
            background-color: var(--t-tc--icon-button--disabled--fill);
            color: var(--t-tc--icon-button--disabled--text--color);
        }

        &:hover::before,
        &:active::before {
            background-color: var(--t-tc--icon-button--disabled--fill--hover);
            border-color: var(--t-tc--icon-button--disabled--border--color);
        }
    }
}

/* MODULE/External Swiper Controllers */

/*
    PAGETYPES/Home
*/

*:has( > *) + templatebuilder-page-dropzone > .section.section--explore-areas {
    margin-block-start: var(--t-gs--space--0);
}

.section--explore-areas {
    background-color: var(--t-gs--color--background--secondary);
}

/*
    PAGETYPES/Home: Section - Discover Our Culture (New)
*/

@media all and (min-width:751px) {
    .section--discover-our-culture .scroll-card.swiper-container {
        overflow: visible;
    }

    .section--discover-our-culture .swiper-wrapper--desktop {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--t-gs--space--m2);
        inline-size: 100%;
        transform: none !important;
    }

    /* !important to overwrite the behavior of the swiper requested by the client */
    .section--discover-our-culture .swiper-wrapper--desktop .scroll-card__item {
        width: 100% !important;
        inline-size: 100% !important;
        max-inline-size: none;
        margin-inline-start: 0;
    }
}

/*
    PAGETYPES/Home: Section - Who We Are (New)
*/

.section--who-we-are .section__actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--t-gs--space--m);
}

.section--who-we-are .stats-list {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--xxl);
    list-style: none;
}

.section--who-we-are .stats-list__item {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--s);
    padding-block-end: var(--t-gs--space--xl);
    border-block-end-style: solid;
    border-block-end-width: var(--t-gs--border--width--s);
    border-block-end-color: var(--t-gs--swatch--neutral--080);
}

.section--who-we-are .stats-list__item__number {
    color: var(--t-gs--swatch--brand);
}

.section--who-we-are .stats-list__item__description {
    padding-top: var(--t-gs--space--xs);
    font-size: var(--t-gs--font--size--06);

    /* Media query to target mobile and tablet */
    @media all and (max-width: 1024px) {
        font-size: var(--t-gs--font--size--05);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width: 1024px) {

    .section--who-we-are .section__actions {
        flex-direction: column;
        align-items: stretch;
        gap: var(--t-gs--space--l);
    }
}

/*
    PAGETYPES/Home: Section - Getting Started (New)
*/
.section--getting-started {
    --getting-started--image--width: 32.5rem;
}

.getting-started__image-wrapper {
    display: flex;
    justify-content: flex-end;
    position: relative;
    min-height: 40rem;

    @media all and (max-width: 750px) {
        display: none;
    }
}

.getting-started__image--01 {
    background-image: var(--t-tc--getting-started--image-01);
}

.getting-started__image--02 {
    background-image: var(--t-tc--getting-started--image-02);
}

.getting-started__image--03 {
    background-image: var(--t-tc--getting-started--image-03);
}

.getting-started__image--04 {
    background-image: var(--t-tc--getting-started--image-04);
}

.getting-started__image--05 {
    background-image: var(--t-tc--getting-started--image-05);
}

.getting-started__image {
    width: var(--getting-started--image--width);
    height: 43.4rem;
    position: absolute;
    right: -11.5rem;
    opacity: 0;
    transform: translateY(4rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    border-radius: var(--t-gs--border--radius--m);
}

.getting-started__image--mobile {
    width: 25.3rem;
    height: 33.7rem;
    opacity: 0;
    transform: translateY(4rem);
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    pointer-events: none;
    background-size: cover;
    background-position: center;
    border-radius: var(--t-gs--border--radius--m);
    margin-top: var(--t-gs--space--l);
}

.getting-started__image.is-active,
.getting-started__image--mobile.is-active {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.getting-started-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.getting-started-list__item {
    display: flex;
    gap: 0;
    transition: gap 0.5s ease-in-out;
    padding-block: var(--t-gs--space--xl);
    border-bottom-width: var(--t-gs--border--width--s);
    border-bottom-style: solid;
    border-bottom-color: var(--t-gs--swatch--neutral--080);

    @media all and (max-width: 1024px) {
        padding-block: var(--t-gs--space--l);
    }
}

.getting-started-list__item:first-child {
    padding-top: 0;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .getting-started-list__item::before {
        content: "arrow_right_alt";
        display: inline-grid;
        align-items: flex-start;
        justify-content: center;
        inline-size: 0;
        padding-top: 1.7rem;
        block-size: auto;
        font-family: var(--t-tc--icon--font--family);
        color: var(--t-gs--swatch--brand);
        font-size: 6rem;
        padding-inline: 0;
        opacity: 0;
        transform: translateX(-2rem);
        transition: opacity 0.5s ease-in-out, inline-size 0.5s ease-in-out, padding-inline 0.5s ease-in-out, transform 0.5s ease-in-out;
        overflow: hidden;
    }

    .getting-started-list__item:hover::before {
        inline-size: 6rem;
        padding-inline: .8rem;
        opacity: 1;
        transform: translateX(0);
    }
}

.getting-started-list__item:hover {
    gap: 2.4rem;
}

.getting-started-list__item__content {
    flex: 1;

    .getting-started-list__link {
        padding: 0;
        inline-size: 100%;
        display: block;
    }
}

.getting-started-list__item__title {
    color: var(--t-gs--swatch--brand--000);
    transition: color 0.5s ease-in-out, transform 0.5s ease-in-out;
}

.getting-started-list__item:hover .getting-started-list__item__title {
    color: var(--t-gs--swatch--brand);
    transform: translateX(0);
}

.getting-started-list__item__description {
    height: 0;
    opacity: 0;
    overflow: hidden;
    margin-top: 0;
    transition: height 0.6s ease-in-out, opacity 0.5s ease-in-out, margin-top 0.5s ease-in-out;
}

.getting-started-list__item:hover .getting-started-list__item__description,
.getting-started-list__item.is-active .getting-started-list__item__description {
    height: max-content;
    opacity: 1;
    margin-top: var(--t-gs--space--s);
}

.getting-started-list__item__description__image-and-button {
    display: inline-flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%;
}

@media all and (max-width: 750px) {
    .getting-started-list__item__content {
        position: relative;
    }

    .getting-started-list__item[data-target="01"].is-active .getting-started-list__item__content::after {
        background-image: var(--t-tc--getting-started--image-01);
    }

    .getting-started-list__item[data-target="02"].is-active .getting-started-list__item__content::after {
        background-image: var(--t-tc--getting-started--image-02);
    }
}

/*
    PAGETYPES/Home: Section - Job Profiles (New)
*/

.section--job-profiles .section__container {
    display: flex;
    flex-direction: row;
    gap: var(--t-gs--space--m2);
    margin-block-start: var(--t-gs--space--xxl);

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        flex-direction: column;
    }
}

.section--job-profiles .section__footer {
    margin-block-start: var(--t-gs--space--xxl);
    display: flex;
    justify-content: center;

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        .button {
            width: max-content;
        }
    }
}

.article__card--job-profile {
    block-size: 65.9rem;

    @media all and (max-width:1024px) {
        block-size: 59.9rem;
    }
}

.article__card--job-profile.job-profile__image--01 {
    --hover-scale-background-image: var(--article-card--gradient), var(--t-tc--job-profiles--image-01);
}

.article__card--job-profile.job-profile__image--02 {
    --hover-scale-background-image: var(--article-card--gradient), var(--t-tc--job-profiles--image-02);
}

.article__card--job-profile.job-profile__image--03 {
    --hover-scale-background-image: var(--article-card--gradient), var(--t-tc--job-profiles--image-03);
}

/*
    PAGETYPES/Home: Section - Open Jobs Table (New)
*/

.section--widget-jobs-list .section__content,
.section--widget-jobs-list .section__footer {
    margin-block-start: var(--t-gs--space--xxl);
}
.section--widget-jobs-list .section__footer {
    display: flex;
    justify-content: center;

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        .button {
            width: max-content;
        }
    }
}

.home-table-jobs--wrapper {
    --t-tc--table--border--radius: var(--t-gs--border--radius--0);
    --t-tc--table--border--color: var(--t-gs--swatch--neutral--transparent);

    margin-block-start: var(--t-gs--space--xxl);
}

.home-table-jobs--wrapper .table--job-list {
    border-collapse: separate;
    border-spacing: 0;
}

.home-table-jobs--wrapper .table--job-list thead tr th {
    padding-block: var(--t-gs--space--xs);
    padding-inline-start: var(--t-gs--space--m2);
    padding-block-end: var(--t-gs--space--m2);
    padding-inline-end: var(--t-gs--space--s);

    &:focus-visible {
        outline: var(--t-gs--border--width--m) solid var(--custom--outline--focus);
        box-shadow: none;
        outline-offset: -.2rem;
    }
}

.home-table-jobs--wrapper .row-title {
    display: block;
    width: 100%;
    padding: .2rem;

    &:hover {
        color: var(--custom--brand--strong);
        text-decoration-color: var(--custom--brand--strong);
        text-decoration: underline;
    }
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row th,
.home-table-jobs--wrapper .table--job-list tbody .tr-row td {
    padding-block: var(--t-gs--space--l);
    padding-inline: var(--t-gs--space--m2);
    border-block-start: var(--t-gs--border--width--s) solid var(--custom--neutral--085);
    position: relative;
    isolation: isolate;
    transition:
        inset var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease),
        opacity var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease);
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row th::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row td::before {
    content: '';
    position: absolute;
    inset-block: 0;
    inset-inline: 0;
    background-color: var(--custom--neutral--094);
    opacity: 0;
    pointer-events: none;
    transition:
        inset var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease),
        opacity var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease);
    z-index: 0;
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row th:first-child::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row th:first-child::before {
    border-start-start-radius: var(--t-gs--border--radius--m);
    border-end-start-radius: var(--t-gs--border--radius--m);
}
.home-table-jobs--wrapper .table--job-list tbody .tr-row td:last-child::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row td:last-child::before {
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-end-end-radius: var(--t-gs--border--radius--m);
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row th > *,
.home-table-jobs--wrapper .table--job-list tbody .tr-row td > * {
    position: relative;
    z-index: 1;

    @media (max-width: 1025px) {
        display: flex;
    }
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row th .row-subtitle {
    font-size: var(--t-gs--font--size--08);
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row:hover th::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row:hover td::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row:focus-within th::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row:focus-within td::before {
    opacity: 1;
    inset-block: 1rem;
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row:hover th:first-child::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row:focus-within th:first-child::before {
    border-start-start-radius: var(--t-gs--border--radius--m);
    border-end-start-radius: var(--t-gs--border--radius--m);
}

.home-table-jobs--wrapper .table--job-list tbody .tr-row:hover td:last-child::before,
.home-table-jobs--wrapper .table--job-list tbody .tr-row:focus-within td:last-child::before {
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-end-end-radius: var(--t-gs--border--radius--m);
}

.home-table-jobs--wrapper .table--job-card .card-header {
    display: flex;
    justify-content: space-between;
    gap: var(--t-gs--space--m);
}

/*
    PAGETYPE/Home: Section - FAQ (New)
*/

@media (max-width: 1024px) {
    .section--start--160.section-faq--home {
        --t-tc--section-margin-block-start: calc(var(--t-gs--space--base) * 20);
    }
}

/*
    PAGETYPES/Home: Section - Social Media Cards (New)
*/

.section--social-links .cards--wrapper {
    display: flex;
    gap: var(--t-gs--space--m2);
    flex-wrap: wrap;
    justify-content: flex-start;

    @media all and (max-width: 1439px) {
        flex-direction: column;
    }
}
.section--social-links .social-link__card {
    background-color: var(--custom--neutral--094);
    border-radius: var(--t-gs--border--radius--m);
    padding: var(--t-gs--space--xxl);
    margin-block-start: var(--t-gs--space--0);
    max-inline-size: 44rem;

    @media all and (max-width: 1439px) {
        padding: var(--t-gs--space--m);
        max-inline-size: 100%;
    }
}
.article__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.article__content__icon {
    width: 4rem;
    height: 4rem;
}
.article__content__values {
    font-family: var(--t-gs--font--family--emphasis);
    font-size: var(--t-tc--title--h4);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--neutral--000);
    padding-block-start: var(--t-gs--space--xl);

    @media all and (max-width: 1025px) {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: var(--t-gs--space--s2);
        padding-block-start: var(--t-gs--space--m);
    }
}

.article__content__values__text {
    padding-block-end: calc(var(--t-gs--space--base) * 5.5);

    @media all and (max-width: 1025px) {
        padding-block-end: 0;
    }

}

/*
    COMPONENTS/Scroll Card
*/

.scroll-card__item__image img {
    inline-size: 100%;
    block-size: 44rem;
    object-fit: cover;
}

.scroll-card__item__content p {
    margin-block-start: var(--t-gs--space--s2);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .scroll-card__item__image img {
        block-size: 25rem;
    }
}

/*
PAGETYPES/Search jobs: Section Banner Filters (New)
*/

.body--search-jobs .main__wrapper {
    --t-tc--main--padding--top: 0;
    --t-tc--main--padding--bottom: 0;
}

.section--search-jobs {
    @media all and (max-width: 750px) {
        margin-block-start: var(--t-gs--space--0);
    }
}

.section--search-jobs-banner {
    padding-block-start: calc(var(--t-gs--space--base) * 40);
    padding-block-end: calc(var(--t-gs--space--base) * 30);

    /* only mobile */
    @media all and (max-width: 750px) {
        padding-block-start: var(--t-gs--space--m);
        padding-block-end: calc(var(--t-gs--space--base) * 20);
    }
}

.section--search-jobs-banner .section__header__text {
    display: flex;
    align-items: start;
}

.search-jobs-filters {
    display: flex;
    gap: var(--t-gs--space--m2);
    align-items: flex-end;

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        flex-direction: column;
        align-items: flex-start;
    }
}
.search-jobs-filters--prefilter {
    border-radius: var(--t-gs--border--radius--l);
    background-image: var(--t-tc--search-jobs__prefilter--image);
    background-color: var(--custom--brand--subtle);
    background-size: cover;
    flex: 1;
    min-inline-size: 0;
    block-size: 50.5rem;
    display: flex;
    align-items: flex-end;
    padding: var(--t-gs--space--m);
    background-position: center center;

    @media all and (max-width: 750px) {
        & {
            flex: none;
            border-radius: var(--t-gs--border--radius--0);
            inline-size: calc(100% + (var(--t-tc--grid--laterals) * 2));
            block-size: 42rem;
            margin-inline-start: calc(var(--t-tc--grid--laterals) * -1);
        }
    }

    @media all and (min-width:751px) and (max-width:1024px) {
        & {
            flex: none;
            block-size: 42rem;
        }
    }
}
.search-jobs-filters--prefilter__content {
    background-color: var(--t-gs--swatch--neutral--100);
    padding: var(--t-gs--space--m);
    border-radius: var(--t-gs--border--radius--l);
    inline-size: 100%;
}

.prefilter__list {
    display: flex;
    gap: var(--t-gs--space--m);
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: var(--t-gs--space--xs);

    &::-webkit-scrollbar {
        display: none;
    }

    @media all and (min-width: 750px) {
        flex-wrap: wrap;
    }
}

.prefilter__description {
    font-size: var(--t-gs--font--size--02);
    margin-block-end: var(--t-gs--space--s);
}

.search-jobs-filters--areas {
    inline-size: 32.5rem;
    flex-shrink: 0;

    @media all and (max-width: 1024px) {
        inline-size: 100%;
    }
}

.areas__list {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--s);
    padding-top: var(--t-gs--space--m);

    @media all and (max-width: 1024px) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

.areas__card {
    background-color: var(--custom--neutral--094);
    padding: var(--t-gs--space--s);
    border-radius: var(--t-gs--border--radius--m);
    position: relative;
}
.area__link {
    display: flex;
    align-items: center;
    gap: var(--t-gs--space--s);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--neutral--000);
    position: relative;
    width: 100%;
    padding-right: calc(var(--t-gs--space--xl) + var(--t-gs--space--s));
}
.area__link::after {
    content: "arrow_right_alt";
    font-family: var(--t-tc--icon--font--family);
    font-size: var(--t-gs--font--size--06);
    color: var(--t-gs--swatch--brand);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.area__link:hover::after,
.area__link:focus-visible::after {
    opacity: 1;
}

.hover-scale-trigger:hover .hover-scale-media__asset,
.hover-scale-trigger:focus-visible .hover-scale-media__asset {
    transform: scale(1.1);
}

.hover-scale-background {
    position: relative;
    overflow: hidden;
}

.hover-scale-background::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--hover-scale-background-image);
    background-size: var(--hover-scale-background-size, cover);
    background-position: var(--hover-scale-background-position, center center);
    background-repeat: no-repeat;
    transform: scale(1);
    transform-origin: center;
    transition: transform 0.2s ease-in-out;
    z-index: 0;
}

.hover-scale-trigger.hover-scale-background:hover::before,
.hover-scale-trigger.hover-scale-background:focus-visible::before,
.hover-scale-trigger.hover-scale-background:focus-within::before {
    transform: scale(1.1);
}

.area__link p {
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--regular);
    color: var(--t-gs--color--text--default);
}

.areas__thumb {
    display: block;
    width: 6rem;
    height: 6rem;
    border-radius: var(--t-gs--border--radius--xs);
    flex-shrink: 0;
}

.hover-scale-media {
    overflow: hidden;
}

.hover-scale-media__asset {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.2s ease-in-out;
}

/*
    PAGETYPES/Search jobs: Section Search Jobs (Override/complement)
*/

@media (width <= 750px) {
    .section[search-type=toggleable] .section__header__search {
        z-index: unset;
        max-block-size: unset;
        inline-size: unset;
        margin-inline-start: unset;
        margin-inline-end: unset;
        position: unset;
    }
}

.section--search-jobs .section__header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--t-gs--space--l);
}

.section--search-jobs--wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--xl);

    @media all and (min-width:1025px) {
        flex-direction: row;
        align-items: flex-start;
        gap: calc(var(--t-gs--space--base) * 33.75);
    }
}

.section--search-jobs--filter {
    --t-tc--labels--font--color: var(--t-gs--swatch--neutral--020);
    --t-tc--labels--font--size: var(--t-gs--font--size--06);

    inline-size: 100%;
    padding: var(--t-gs--space--l);
    background-color: var(--custom--neutral--094);
    border-radius: var(--t-gs--border--radius--m);
    margin-block-start: var(--t-gs--space--0);

    @media all and (min-width:1025px) {
        margin-block-start: var(--t-gs--space--xxl);
        position: sticky;
        inset-block-start: var(--t-gs--space--xl);
        flex: 0 0 44rem;
        max-inline-size: 44rem;
        align-self: flex-start;
        padding: var(--t-gs--space--xl);
    }
}

.section--search-jobs--filter .section__header__text:after {
    --t-gs--border--width--s: var(--t-gs--border--radius--0);
}
.section--search-jobs--filter .search__panel {
    padding-block-start: var(--t-gs--space--0);
    padding-inline: var(--t-gs--space--0);

    @media all and (min-width:1025px) {
        padding-block-start: var(--t-gs--space--0);
    }
}

.section--search-jobs--filter .title {
    color: var(--t-gs--swatch--neutral--020);
}

.section--search-jobs--filter .submitButton {
    --t-tc--buttons--border--width: 0;

    width: 100%;
    display: inline-flex;
    gap: var(--t-gs--space--m);
    padding-inline-start: var(--t-gs--space--l);
    flex-wrap: nowrap;

}
.section--search-jobs--filter .button-bar__wrap {
    margin-block-start: var(--t-gs--space--s);
    padding-block-start: var(--t-gs--space--l);
    border-block-start: var(--t-gs--border--width--s) solid var(--t-gs--swatch--neutral--080);
}

.section--search-jobs--filter .fieldSpec:last-child {
    padding-inline-end: var(--t-gs--space--0);
    --t-tc--fieldSpec--padding--outers: var(--t-gs--space--0);
}

.section--search-jobs--filter .submitButton:after {
    --button--icon--background--color: var(--t-gs--swatch--neutral--100);
    --button--icon--font--color: var(--t-gs--swatch--neutral--000);

    content: var(--button--icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--button--icon--width);
    block-size: var(--button--icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--button--icon--font--color);
    background-color: var(--button--icon--background--color);
    border-radius: var(--button--icon--border--radius);
    font-size: var(--button--icon--font-size);
    padding-left: var(--t-gs--space--xxs);
    margin-inline-start: auto;
}

.section--search-jobs--results {
    --t-tc--result--border--width--top: var(--t-gs--border--width--s);

    inline-size: 100%;
    min-inline-size: 0;

    @media all and (min-width:1025px) {
        margin-block-start: var(--t-gs--space--xxl);
        flex: 1 1 auto;
    }
}

/*
    PAGETYPES/Search jobs: Cards: Result (Override/complement)
*/

.section--search-jobs .article--result {
    --t-tc--result--border--radius: var(--t-gs--border--radius--0);
    --t-tc--result--padding--outers--h: var(--t-gs--space--0);
}

.section--search-jobs .article--result + .article--result {
    margin-block-start: var(--t-gs--space--0);
}

/*
    PAGETYPES/Search jobs: Section Jobs Results (Override/complement)
*/

/* section--search-jobs--results general */

.section--search-jobs--results .title .link {
    color: var(--t-gs--swatch--neutral--000);
    text-decoration-color: var(--t-gs--color--fill--transparent);
    display: block;

    &:hover {
        color: var(--custom--brand--strong);
        text-decoration-color: var(--custom--brand--strong);
    }
}
.section--search-jobs--results .results-counter {
    display: inline-flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: var(--t-tc--body--font--size);
    font-weight: var(--t-gs--font--weight--bold);
    line-height: 1;
}
.section--search-jobs--results .results-counter__label {
    color: var(--t-gs--swatch--neutral--000);
}
.section--search-jobs--results .results__panel__page {
    display: contents;
}
.section--search-jobs--results .results__panel__page-anchor {
    display: block;
    inline-size: 100%;
    block-size: 0;
}
.section--search-jobs--results .results__panel__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: 4rem;
    inline-size: 100%;
}
.section--search-jobs--results .results__panel__loader__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1rem;
    border-radius: var(--t-gs--border--radius--full);
    background-color: var(--t-gs--swatch--neutral--090);
    color: var(--t-gs--swatch--neutral--010);
}
.section--search-jobs--results .article__header__text__subtitle.title {
    color: var(--t-gs--swatch--neutral--030);
}
.section--search-jobs--results .article__header .article__header__text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}
.section--search-jobs--results .article__header {
    flex-direction: column;
}
.section--search-jobs--results .article__content__values .paragraph strong {
    color: var(--t-gs--swatch--neutral--030);
    font-size: var(--t-gs--font--size--03);
}
.section--search-jobs--results .article__content__values .paragraph {
    display: flex;
    flex-direction: column;
}

/* article--result elements */

.section--search-jobs--results .article--result {
    --ani-hover-inset-end-block: 1rem;
    --ani-hover-inset-end-inline: -2.4rem;
    --ani-hover-inset-end-radius: var(--t-gs--border--radius--m);
}
.section--search-jobs--results .article--result {
    border-block-end-width: var(--t-gs--border--width--0);
    border-top-width: var(--t-tc--result--border--width);
    border-top-style: solid;
    border-top-color: var(--custom--neutral--085);
}
.section--search-jobs--results .article--result .article__pretitle__text {
    font-size: var(--t-gs--font--size--03);
    margin-bottom: var(--t-gs--space--s);
}
.section--search-jobs--results .article--result .article__content {
    margin-block-start: var(--t-gs--space--xxl);
}
.section--search-jobs--results .article--result .article__content__values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16.5rem, 1fr));
    padding-block-start: var(--t-gs--space--0);
    padding-block-end: var(--t-gs--space--0);
    gap: var(--t-gs--space--m2);
}
.section--search-jobs--results .article--result .article__content__values .paragraph {
    min-width: 16.5rem;
    flex-wrap: wrap;
    border-inline-end-width: var(--t-gs--border--width--s);
    border-inline-end-style: solid;
    border-inline-end-color: var(--custom--neutral--094);
    padding-inline-end: var(--t-gs--space--m2);
}
.section--search-jobs--results .article--result .article__content__values .paragraph:last-child {
    border-inline-end-width: var(--t-gs--border--width--0);
}

/* article--card elements of searchJobs page */

.section--search-jobs--results .article--card {
    --t-tc--card--border--color: var(--custom--neutral--085);
    --t-tc--card--border--radius: var(--t-gs--border--radius--0);

    border-left-width: var(--t-gs--border--width--0);
    border-right-width: var(--t-gs--border--width--0);
    border-bottom-width: var(--t-gs--border--width--0);
    padding-block: var(--t-gs--space--m);
}
.section--search-jobs--results .article--card .article__header__text {
    padding-block-start: var(--t-gs--space--s);
    padding-block-end: var(--t-gs--space--0);
    padding-inline-start: var(--t-gs--space--0);
    padding-inline-end: var(--t-gs--space--0);
}
.section--search-jobs--results .article--card .article__content {
    margin-block-start: var(--t-gs--space--m);
    border-block-start-width: var(--t-gs--border--width--0);
    padding-block-start: var(--t-gs--space--0);
    padding-block-end: var(--t-gs--space--0);
    padding-inline-start: var(--t-gs--space--0);
    padding-inline-end: var(--t-gs--space--0);
}
.section--search-jobs--results .article--card .article__content__values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block-start: var(--t-gs--space--0);
    padding-block-end: var(--t-gs--space--0);
    column-gap: var(--t-gs--space--s2);
    row-gap: var(--t-gs--space--m);
}
.section--search-jobs--results .article--card .article__content__values .paragraph {
    padding-block-end: var(--t-gs--space--0);
}
.section--search-jobs--results .article--card .article__content__values .paragraph:nth-child(odd) {
    border-inline-end-width: var(--t-gs--border--width--s);
    border-inline-end-style: solid;
    border-inline-end-color: var(--custom--neutral--094);
}
.section--search-jobs--results .article--card .article__content__values .paragraph:last-child {
    border-inline-end-width: var(--t-gs--border--width--0);
}
.section--search-jobs--results .article--card .article__content__values .paragraph strong {
    padding-block-end: var(--t-gs--space--xs);
}

/* article--no-results elements */

.section--search-jobs--results .article--no-results {
    --t-tc--result--border--width: var(--t-gs--border--width--0);
    padding-block-start: var(--t-gs--space--s2);
    padding-block-end: var(--t-gs--space--l);
    border-bottom-width: var(--t-gs--border--width--s);
    border-bottom-style: solid;
    border-bottom-color: var(--t-gs--swatch--neutral--080);
}
.section--search-jobs--results .article--no-results .title {
    color: var(--t-gs--swatch--neutral--020);
}
.section--search-jobs--results .article--no-results .article__content {
    margin-block-start: var(--t-gs--space--l);
}

.section--search-jobs--results .button-bar--center {
    display: flex;
    justify-content: center;
}

/*
    PAGETYPES/Students:
*/

.body--students .section--content-page:has([class*="--bottom-image"]) {
    padding: var(--t-gs--space--0);
}

.body--students [class*="--bottom-image"] .image__container img {
    inline-size: 100%;
}

.section--content-page {
    margin: var(--t-gs--space--0);
    min-block-size: 9rem;
    padding: var(--t-gs--space--m2);
}

.section--content-page:nth-child(1) {
    background: var(--t-gs--color--background--default);
    .body--students & {
        background: var(--t-gs--color--background--default);
    }
}

.section--content-page:nth-child(2) {
    background: linear-gradient(hsla(214, 100%, 95%, 1), var(--t-gs--color--background--default) 50%);
    .body--students & {
        background: linear-gradient(var(--t-gs--color--background--default), hsla(214, 100%, 95%, 1));
    }
}

.section--content-page:nth-child(3) {
    background: hsla(var(--t-gs--swatch--brand--base--hue) var(--t-gs--swatch--brand--base--sat), 98%, 1);
    .body--students & {
        background: hsl(214, 100%, 95%);
    }
}

.section--content-page:nth-child(4) {
    background: var(--t-gs--color--background--default);
    .body--students & {
        background: var(--t-gs--color--background--default);
    }
}

.body--students .section--content-page:nth-child(5) {
    background: hsl(214, 100%, 95%);
}

.body--students .section--content-page:nth-child(6) {
    background: var(--t-gs--color--background--default);
}

.body--students .section--content-page:nth-child(7) {
    background:
        linear-gradient(hsla(250, 100%, 93%, 0.48), hsla(250, 100%, 93%, 0)),
        hsl(214, 100%, 95%);
}

.body--students .section--content-page:nth-child(8) {
    background: hsl(214, 100%, 95%);
}

.section--content-page * ~ article {
    margin-block-start: calc(var(--t-gs--space--base) * 16);
}

/*
    PAGETYPES/Static pages: Text content
*/

.section--content-page .section__content p ~ p,
.section--content-page .article__content p ~ p {
    margin-block-start: var(--t-gs--space--m2);
}

/*
    PAGETYPES/Static pages: Side images
*/

.section--content-page [class*="--with-image"] {
    --floating-image--width: calc(var(--t-gs--size--base) * 128);
    .body--students & {
        --floating-image--width: 47.5%;
    }

    display: flex;
    flex-direction: row;
    align-items: center;
}

.section--content-page [class*="--with-image"] .image__container {
    inline-size: var(--floating-image--width);
    max-inline-size: var(--floating-image--width);

    &.image--left {
        order: -1;
        margin-inline-end: 5%;
    }

    &.image--right {
        order: 99;
        margin-inline-start: 5%;
    }
}

.section--content-page [class*="--with-image"] .image__container ~ * {
    max-inline-size: calc(95% - var(--floating-image--width));
}

/*
    PAGETYPES/Blog detail
*/
.grid--blog-detail>.grid__item:not(:first-of-type):before {
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: solid;
    border-block-start-color: var(--t-gs--color--border--default);
    inset-block: var(--t-gs--space--s2);
    position: relative;
    content: '';
    margin-block-end: var(--t-gs--space--xl);
}

/*
    PAGETYPES/Application Methods
*/

.body--application-methods .main__wrapper {
    --t-tc--main--padding--top: var(--t-gs--space--0);
    --t-tc--main--padding--bottom: var(--t-gs--space--0);
}

.body--application-methods .header__image {
    margin-block-start: var(--t-gs--space--xxl);
    block-size: 60.2rem;
}

.body--application-methods .header__image img {
    height: 100%;
    object-position: center;
    object-fit: contain;
}

.body--application-methods {
    .section__container--two-columns {
        --section-two-columns--gap: 9.5rem;

        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            --section-two-columns--gap: var(--t-gs--space--xxxl2);
            gap: var(--section-two-columns--gap);
        }
    }

    .section--aplication-process .section__container--two-columns {
        --section-two-columns--gap: 13.5rem;

        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            --section-two-columns--gap: var(--t-gs--space--xl);

            .section__column--left {
                gap: var(--t-gs--space--xl);
            }
        }

    }

    .section--application-methods {
        padding-inline: var(--t-gs--space--m2);
        --t-tc--section-margin-block-start: unset;

        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            margin-block-start: calc(var(--t-gs--space--base) * 15);
        }
    }
}

.body--application-methods .article--resume-widget {
    .article__header__text__title {
        font-size: var(--t-gs--font--size--06);

        @media all and (max-width:1024px) {
            font-size: var(--t-gs--font--size--05);
        }
    }

    .article__content {
        .paragraph {
            font-size: var(--t-gs--font--size--06);

            @media all and (max-width:1024px) {
                font-size: var(--t-gs--font--size--05);
            }
        }
    }
}

.body--application-methods .article--methods {
    margin-block-start: var(--t-gs--space--xxl);

    .paragraph {
        margin-block-start: var(--t-gs--space--xxl);
    }

    .manualRegisterMethodExtra {
        margin-block-start: var(--t-gs--space--xxl);
    }

    @media all and (max-width:1024px) {
        .paragraph {
            margin-block-start: var(--t-gs--space--xl);
        }
    }
}

.body--application-methods .article--registered {
    --t-tc--labels--font--color: var(--t-gs--swatch--neutral--020);
    --t-tc--labels--font--size: var(--t-gs--font--size--03);
    --t-tc--fieldSpec--padding--outers: var(--t-gs--space--l);
    --t-tc--article--width--max: 100%;

    border-radius: var(--t-gs--border--radius--m);
    background-color: var(--t-gs--swatch--neutral--095);
    padding-block: 4.05rem;
    padding-inline: var(--t-gs--space--l);

    .title {
        color: var(--t-gs--swatch--neutral--020);
    }

    .article__content {
        margin-block-start: var(--t-gs--space--xxl);
    }

    .comment {
        --t-tc--fieldSpec--padding--inners: var(--t-gs--space--l);
        font-size: var(--t-gs--font--size--05);
    }

    .button-bar__wrap {
        width: 21rem;
        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            width: 100%;
        }
    }
    .form:not(.form--grid) .fieldSpec+.button-bar {
        padding-block-start: 11.9rem;

        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            padding-block-start: 0rem;
        }
    }

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        margin-block-start: var(--t-gs--space--0);
    }
}

.body--application-methods .section--aplication-process {
    margin-block-start: var(--t-gs--space--0);

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        margin-block-start: var(--t-gs--space--xxxl2);
    }
}
.body--application-methods .section-faq--aplication {
    margin-block-start: calc(var(--t-gs--space--base) * 40);
    margin-block-end: calc(var(--t-gs--space--base) * 40);

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        margin-block-start: var(--t-gs--space--xxxl2);
        margin-block-end: calc(var(--t-gs--space--base) * 20);
    }
}

/*
    PAGETYPE/Registration
*/

/* Media query to target tablet and mobile */
@media all and (max-width:1024px) {
    .body--register .section__container--two-columns {
        --section-two-columns--gap: var(--t-gs--space--m2);

        .header__step {
            margin-block-start: var(--t-gs--space--0);
        }
    }

    .body--register .section-faq--aplication .section__container--two-columns {
        --section-two-columns--gap: var(--t-gs--space--xxl);
    }

    .section--start--160 {
        --t-tc--section-margin-block-start: var(--t-gs--space--xxxl2);
    }
}

.section--registration {
    .list--steps {
        width: 100%;
    }
    .image--registration {
        height: 58.7rem;
        border-radius: var(--t-gs--border--radius--l);
    }

    .section__header {
        margin-top: var(--t-gs--space--xxxl2);
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            margin-top: calc(var(--t-gs--space--base) * 15);
        }
    }

    .section__content {
        margin-block-start: var(--t-gs--space--0);
    }

    .wizard .Section {
        margin-block-start: var(--t-gs--space--xxxl2);
    }

    .button-bar__wrap, .ButtonBarField .tc_formField {
        justify-content: flex-end;
    }
}

.section--registration.section--registration--quick {
    .section__header {
        margin-top: var(--t-gs--space--xxxl);
    }
}

/*
    PAGETYPE/Success
*/
.image--success {
    height: 58.7rem;
    width: 44rem;
    border-radius: var(--t-gs--border--radius--l);
}
.article--success {
    text-align: unset;

    .article__header {
        align-items: flex-start;
        padding: var(--t-gs--space--l);
        background-color: var(--custom--neutral--094);
        border-radius: var(--t-gs--border--radius--m);
    }
}
.article--success--set-password {

    .form--grid--2 .fieldSpec.button-bar {
        inline-size: 100%;
    }

    @media all and (max-width: 1024px) {
        .form--grid--2 .fieldSpec.button-bar .button-bar__wrap {
            inline-size: max-content;
        }
    }
}

/*
    PAGETYPES/Job detail: Grid (Override/complement)
*/

.body--job-detail .main__wrapper {
    --t-tc--main--padding--top: var(--t-gs--space--0);
    --t-tc--main--padding--bottom: calc(var(--t-gs--space--base) * 3.5);

    @media all and (max-width: 1024px) {
        & {
            --t-tc--main--padding--bottom: var(--t-gs--space--s);
        }
    }
}

.section--job-detail {
    padding-block-start: var(--t-gs--space--xxl);

    @media all and (max-width: 1024px) {
        & {
            padding-block-start: var(--t-gs--space--m);
        }
    }
}

.body--job-detail .section__container--two-columns {
    --section-two-columns--gap: 13.5rem;
    justify-content: flex-start;

    @media all and (max-width: 1024px) {
        & {
            --section-two-columns--gap: var(--t-gs--space--l);
            flex-direction: column;
        }
    }

}

@media all and (min-width: 1025px) {
    .body--job-detail .section__container--two-columns .section__column--left.section__column--left--440 {
        flex: 0 0 44rem;
        inline-size: 44rem;
        min-inline-size: 44rem;
        max-inline-size: 44rem;
        position: sticky;
        inset-block-start: var(--t-gs--space--xxl);
        align-self: flex-start;
    }

    .body--job-detail .section__container--two-columns .section__column--right {
        flex: 1 1 auto;
        width: auto;
        min-inline-size: 0;
        max-inline-size: 78.5rem;

        .section {
            --t-tc--section-margin-block-start: 0;

            .section__content {
                padding-block-start: calc(var(--t-gs--space--base) * 26);
            }
        }
    }
}

@media all and (max-width: 1024px) {
    .body--job-detail .section__container--two-columns .section__column--right {
        min-inline-size: 0;
        max-inline-size: 100%;

        .section {
            --t-tc--section-margin-block-start: 0;

            .section__content {
                padding-block-start: var(--t-gs--space--xxl);
            }
        }
    }

    .body--job-detail .section--aplication-process {
        margin-block: calc(var(--t-gs--space--base) * 20);
    }
}

/*
    PAGETYPES/Job detail: Job info card (New)
*/

.section__job-detail__card {

    .job-detail__card {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-block: var(--t-gs--space--xxl);
        padding-inline: var(--t-gs--space--l);
        background-color: var(--custom--brand--strong);
        border-radius: var(--t-gs--border--radius--m);
        inline-size: 100%;
        min-block-size: 73rem;
        gap: var(--t-gs--space--xxl);

        .job-detail__card__header {
            display: flex;
            justify-content: space-between;
            position: relative;
            gap: var(--t-gs--space--s2);

            .work-department {
                display: flex;
                inline-size: 100%;
                justify-content: center;
            }

            .work-department span {
                padding-block: calc(var(--t-gs--space--base) * 1.875);
                padding-inline: calc(var(--t-gs--space--base) * 3.5);
                border-style: solid;
                border-width: var(--t-gs--border--width--s);
                border-color: rgba(255, 255, 255, 0.5);
                border-radius: var(--t-gs--border--radius--l);
                align-content: center;
                font-size: var(--t-gs--font--size--03);
                color: var(--custom--brand--subtle);
            }
        }

        .job-detail__card__header__back-button .icon-button--primary,
        .job-detail__card__footer .icon-button--primary {
            --t-tc--icon-button--primary--fill: var(--t-gs--swatch--neutral--transparent);
            --t-tc--icon-button--primary--fill--hover: var(--t-gs--swatch--neutral--transparent);
            border-style: solid;
            border-width: var(--t-gs--border--width--s);
            border-color: rgba(255, 255, 255, 0.5);
            border-radius: var(--t-gs--border--radius--full);
            rotate: 180deg;
        }

        .job-detail__card__title .title {
            color: var(--t-gs--swatch--neutral--100);
        }

        .job-detail__card__details{
            .custom-fields__container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                row-gap: var(--t-gs--space--xxl);

                .custom-field {
                    align-items: center;
                }

                .custom-field__title,
                .custom-field__value {
                    display: block;
                    text-align: center;
                }

                .custom-field__title {
                    font-size: var(--t-gs--font--size--03);
                    color: var(--custom--brand--subtle);
                }

                .custom-field__value {
                    font-size: var(--t-gs--font--size--06);
                    font-weight: var(--t-gs--font--weight--bold);
                    color: var(--t-gs--swatch--neutral--100);

                    @media all and (max-width: 1024px) {
                        & {
                            font-size: var(--t-gs--font--size--05);
                        }
                    }
                }
            }
        }

        .article__job-applied {
            display: flex;
            align-items: flex-end;
            position: relative;
            bottom: 0;
            height: 100%;
            flex: 1 1 auto;

            .article__content {
                inline-size: 100%;
                border-top-width: var(--t-gs--border--width--s);
                border-top-style: solid;
                border-top-color: var(--t-gs--swatch--neutral--100);
            }

            .alert--info {
                --t-tc--icon--font--color: var(--t-gs--swatch--neutral--100);
                --t-tc--alert--font--color: var(--t-gs--swatch--neutral--100);
                --t-tc--alert--background--color: var(--t-gs--swatch--neutral--transparent);
                --t-tc--alert--font--size: var(--t-tc--title--h6);
                margin-block-start: var(--t-gs--space--l);
                margin-block-end: var(--t-gs--space--0);
            }

            @media all and (max-width: 1024px) {
                .alert--info::before {
                    display: none;
                }

                .alert--info {
                    font-size: var(--t-gs--font--size--05);
                }
            }
        }

        .job-detail__card__footer {
            margin-block-start: auto;
        }

        .button--secondary {
            inline-size: 100%;
        }

        /* Media query to target mobile and tablet */
        @media all and (max-width: 1024px) {
            & {
                padding-block: calc(var(--t-gs--space--base) * 10.75);
                padding-inline: var(--t-gs--space--m);
                min-block-size: auto;
                gap: calc(var(--t-gs--space--base) * 12);
            }
        }
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width: 1024px) {

    .job-detail__card .job-detail__card__content .title {
        margin-block-end: var(--t-gs--space--xxxl);
    }

    .job-detail__card .job-detail__card__footer {
        --t-gs--shadow--m--y: -.4rem;
        inline-size: 100vw;
        padding-block: var(--t-gs--space--m);
        padding-inline: var(--t-gs--space--m);
        position: fixed;
        inset-block-end: 0;
        inset-inline: 0;
        background-color: var(--t-gs--swatch--neutral--100);
        box-shadow: var(--t-gs--shadow--m--x) var(--t-gs--shadow--m--y) var(--t-gs--shadow--m--blur) var(--t-gs--shadow--m--spread) var(--t-gs--shadow--m--swatch);
        z-index: 4;
        isolation: isolate;
    }

    .job-detail__card .section__footer__inner-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        inline-size: 100%;
        padding-block: calc(var(--t-gs--space--base) * 5.75);
        padding-inline: var(--t-gs--space--m);
        background-color: var(--custom--brand--strong);
        border-radius: var(--t-gs--border--radius--m);
        background-color: var(--custom--brand--strong);
    }

    .job-detail__card .section__footer__inner-container .article {
        margin-block-start: var(--t-gs--space--0);
    }

    .job-detail__card .back-button__container {
        margin-inline-end: var(--t-gs--space--m);
    }

    .job-detail__card .share-button__container {
        margin-inline-start: var(--t-gs--space--m);
    }

}

/*
    PAGETYPES/Job detail: Anchor navigation bar (New)
*/

.anchor-navigation-bar__container {
    position: sticky;
    inset-block-start: var(--t-gs--space--xxl);
    padding-inline: calc(var(--t-gs--space--base) * 7.875);
    overflow: hidden;
    z-index: 2;
}

.anchor-navigation-bar {
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.anchor-navigation-bar::-webkit-scrollbar {
    display: none;
}

.anchor-navigation-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-block: var(--t-gs--space--xxs);
    padding-inline: var(--t-gs--space--xs);
    background-color: rgba(216, 216, 216, 0.75);
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: var(--t-gs--border--radius--xl);
    backdrop-filter: blur(10rem);

    /* Media query to target mobile and tablet */
    @media all and (max-width:1024px) {
        & {
            flex-wrap: nowrap;
            overflow-x: scroll;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        &:-webkit-scrollbar {
            display: none;
        }
    }
}

.anchor-navigation__item {
    padding-block: calc(var(--t-gs--space--base) * 3.375);
    padding-inline: var(--t-gs--space--s2);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--swatch--neutral--000);
    white-space: nowrap;
}

.anchor-navigation__item.item--active {
    color: var(--t-gs--swatch--neutral--100);
    background-color: var(--t-gs--swatch--neutral--000);
    border-radius: var(--t-gs--border--radius--l);
}

.anchor-navigation__item-link:focus {
    --t-tc--focus--outline--width: var(--t-gs--border--width--0);
}

.body--job-detail .grid__item--main .article__header__text__title {
    scroll-margin-top: calc(var(--t-gs--space--base) * 28);
}

@media all and (max-width: 750px) {
    .anchor-navigation-bar__container {
        inset-block-start: var(--t-gs--space--l);
        padding-block-end: var(--t-gs--space--l);
        padding-inline: unset;
    }

}

/*
    PAGETYPE/Job Detail: Article and details (Override/complement)
*/

.body--job-detail .article--details:not(:last-of-type) {
    padding-block-end: var(--t-gs--space--0);
}

.body--job-detail .section__content {
    padding-block-start: calc(var(--t-gs--space--base) * 26.625);

    @media all and (max-width: 750px) {
        & {
            padding-block-start: var(--t-gs--space--xxl);
        }
    }
}
.body--job-detail .section__content .article--details {
    border-block-start-width: 0rem;

    & + .article--details {
        padding-block-start: calc(var(--t-gs--space--base) * 28);
        margin-block-start: var(--t-gs--space--0);

        @media all and (max-width: 1024px) {
            & {
                padding-block-start: var(--t-gs--space--xxxl2);
            }
        }
    }
}

.body--job-detail .article--details .article__header+.article__content {
    margin-block-start: var(--t-gs--space--xxl);
}

.body--job-detail .article--details:not(.snap_faq) .article__content__view__field:not(.tf_fontBodyXL) .article__content__view__field__value,
.body--job-detail .article--details:not(.snap_faq) .paragraph {
    font-size: var(--t-gs--font--size--06);

    /* Media query to target only desktop */
    @media all and (max-width:1024px) {
        & {
            font-size: var(--t-gs--font--size--05);
        }
    }
}

@media all and (max-width: 1024px) {
    .body--job-detail .footer {
        position: relative;
        padding-block-end: 14rem;
    }
}

/*
    PAGETYPE/Job Detail: Gehalt Section (New)
*/

.gehalt-section {
    .paragraph {
        color: var(--t-gs--swatch--nautral--040);
    }

    .gehalt-section-card {
        margin-block: var(--t-gs--space--xxl);
        padding-inline: var(--t-gs--space--m2);
        padding-block: 2.25rem;
        background-color: var(--custom--neutral--094);
        border-radius: var(--t-gs--border--radius--m);
        display: flex;
        align-items: center;
        gap: var(--t-gs--space--m2);
    }

    .gehalt-section-card__icon {
        background-color: var(--t-gs--swatch--neutral--100);
        block-size: 7.2rem;
        inline-size: 7.2rem;
        border-radius: var(--t-gs--border--radius--m);
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto;
    }

    .gehalt-section-card__icon img {
        block-size: 60%;
        inline-size: 60%;
    }

    .gehalt-section-card__content .title {
        color: var(--t-gs--swatch--neutral--020);
        margin-block-end: var(--t-gs--space--xs);
    }
    .gehalt-section-card__content .paragraph {
        color: var(--t-gs--swatch--neutral--040);
    }
}

/*
    PAGETYPES/Job detail: Section - Quotes Section (New)
*/

/* Quote Carde */
/* ----------- */

.section--quotes .section__container {
    margin-block-start: unset;
    padding-block-start: unset;
    position: relative;
}

.quotes__cards {
    --card-container--padding: var(--t-gs--space--xs);
    --card--active--block-size: 45.2rem;
    --card--active--inline-size: 35.6rem;
    --card--inline-size: 27.1rem;
    --card--block-size: 34.6rem;
    --card--gap: var(--t-gs--space--m2);
    --card--total--inline-size: calc(100% + var(--t-tc--grid--laterals) + (var(--card-container--padding)*6))

    inline-size: var(--card--total--inline-size);
    block-size: calc(var(--card--active--block-size) + var(--card-container--padding) * 2);
    overflow-x: hidden;
    margin-right: calc(var(--t-tc--grid--laterals) * -1);
    scrollbar-width: none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar {
        display: none;
    }

    .quotes__cards__container {
        display: flex;
        gap: var(--card--gap);
        width: calc(100% + var(--card-container--padding) * 2);
        align-items: center;
        padding: var(--card-container--padding);
        transition: transform 0.45s ease;
        will-change: transform;
    }

    .quotes__cards__item {
        flex: 0 0 auto;
        inline-size: var(--card--inline-size);
        block-size: var(--card--block-size);
        cursor: pointer;
        border-radius: var(--t-gs--border--radius--m);
        transition: inline-size 0.45s ease, block-size 0.45s ease, border-radius 0.45s ease;
    }

    .quote__item--active {
        flex: 0 0 auto;
        inline-size: var(--card--active--inline-size);
        block-size: var(--card--active--block-size);
    }

    .quotes__cards__image {
        block-size: 100%;
        inline-size: 100%;
        object-fit: cover;
        border-radius: var(--t-gs--border--radius--m);
    }
}

/* Media query to mobile and tablet */
@media all and (max-width:1024px) {
    .quotes__cards {
        --card--active--block-size: 32.2rem;

        .quotes__cards__item {
            inline-size: 19.4rem;
            block-size: 24.6rem;
        }

        .quote__item--active {
            inline-size: 25.4rem;
            block-size: calc(var(--card--active--block-size) + var(--card-container--padding) * 2);
        }
    }
}

/* Quote Texts */
/* ----------- */

.section--quotes .quotes-texts__item {
    display: none;
}

.section--quotes .quotes-texts__item--active {
    display: block;
}

.quotes--texts__container {
    margin-block-start: var(--t-gs--space--xxl);

    @media all and (max-width:1024px) {
        & {
            margin-block-start: var(--t-gs--space--xl);
        }
    }
}

.section--quotes .quotes--texts__container span {
    display: block;
}

.section--quotes .quotes--texts__container .quote-text,
.section--quotes .quotes--texts__container .quote-author {
    color: var(--t-gs--swatch--neutral--000);
}

.section--quotes .quotes--texts__container .quote-text {
    margin-block-end: var(--t-gs--space--m);
    font-size: var(--t-gs--font--size--10);
    font-weight: var(--t-gs--font--weight--bold);

    @media all and (max-width:1024px) {
        & {
            font-size: var(--t-gs--font--size--08);
        }
    }
}

.section--quotes .quotes--texts__container .quote-author {
    font-weight: var(--t-gs--font--weight--bold);
}

.section--quotes .quotes--texts__container .quote-author--position,
.section--quotes .quotes--texts__container .quote-author--additional-info {
    color: var(--t-gs--swatch--neutral--030);
    margin-block-end: var(--t-gs--space--xxl);

    @media all and (max-width:1024px) {
        & {
            font-size: var(--t-gs--font--size--05);
        }
    }
}

.section--quotes .quotes--texts__container .quote-author--additional-info {
    font-size: var(--t-gs--font--size--06);
}

/*
    PAGETYPE/Login (New)
*/

.body--custom--login .main__wrapper {
    --t-tc--main--padding--top: 0;
    --t-tc--main--padding--bottom: 0;
}

.section--login {
    margin-block-start: 6.5rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: calc(var(--t-gs--space--base) * 26.75);

    .section__container {
        inline-size: calc(var(--t-gs--space--base) * 115.25);
        margin-block-start: calc(var(--t-gs--space--base) * 20.5);
    }

    .section__content {
        inline-size: calc(var(--t-gs--space--base) * 115.25);
        background-color: var(--t-gs--swatch--neutral--095);
        border-radius: var(--t-gs--border--radius--m);
        padding-inline: var(--t-gs--space--l);
        padding-block: calc(var(--t-gs--space--base) * 10.25);
        margin-block-start: calc(var(--t-gs--space--base) * 14);
    }

    .section__content .article {
        --t-tc--article--width--max: 100%;
    }

    .section__image {
        inline-size: 100%;
        block-size: 68.7rem;
    }

    .section--aplication-process {
        --t-tc--section-margin-block-start: auto;
        margin-block-start: 0rem;
    }

    @media (max-width: 1024px) {
        & {
            margin-block-start: var(--t-gs--space--xxl);
            flex-direction: column;
            gap: var(--t-gs--space--xxl);
        }
    }
}

.body--custom--login .article--registered {
    .article__header__text__title .title {
        color: var(--t-gs--swatch--neutral--020);
    }

    .article__content {
        margin-block-start: var(--t-gs--space--0);
    }

    .fieldSpec {
        --t-tc--fieldSpec--padding--outers: var(--t-gs--space--l);
    }

    .form--login .comment {
        --t-tc--fieldSpec--padding--inners: var(--t-gs--space--l);
        font-size: var(--t-gs--font--size--05);
    }

    .fieldSpec:has(input[name="flowStep"]) {
        display: none;
    }

    .title {
        margin-block-end: var(--t-gs--space--xxl);
    }

    .title--reset {
        margin-block-end: var(--t-gs--space--l);
    }

    .description {
        margin-block-end: var(--t-gs--space--xl);
    }

    @media (width >= 751px) {
        .form--login .button-bar {
            --t-tc--button-bar__buttons--width: auto;
        }
        .form--login .button-bar .button {
            min-inline-size: 21rem;
        }
    }
}

.body--custom--login .article--registered.article--reset {
    .form--login .button-bar {
        padding-block-start: calc(var(--t-gs--space--base) * 31.75);
    }
}

.body--custom--login .back-to-apply {
    margin-block-start: var(--t-gs--space--xl);
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--xs);

    .title {
        color: var(--t-gs--swatch--neutral--020);
    }

    .link {
       font-size: var(--t-gs--font--size--05);
       inline-size: fit-content;
    }

}

.body--custom--login .section-faq--aplication {
    margin-block-start: calc(var(--t-gs--space--base) * 40);
    margin-block-end: calc(var(--t-gs--space--base) * 40);
}

@media (width <= 1024px) {
    .section--login {
        margin-block-end: var(--t-gs--space--xxxl2);
        .section__container {
            margin-block-start: unset;
        }
        .section__image {
            block-size: unset;
        }
        .section__content,
        .section__container {
            inline-size: 100%;
        }
    }

    .body--custom--login .show-only--desktop{
        display: none;
    }

    .body--custom--login .section-faq--aplication {
        margin-block-start: var(--t-gs--space--xxxl2);
        margin-block-end: var(--t-gs--space--xxxl2);
    }
}

/*
    PAGETYPE/Profile
*/

/* Section */
.body--profile .section,
.body--profile :has(>*)~templatebuilder-page-dropzone>.section:first-of-type,
.body--profile :has(>*)~div.hasPreloader>.section:first-of-type,
.body--profile :has(>*):not([aria-live=polite])~.section {
    margin-block-start: auto ;

    @media (width<=1024px) {
        & {
            margin-block-start: auto;
        }
    }
}

/* Media query to mobile and tablet */
@media all and (max-width:1024px) {
    .body--profile .main__wrapper {
        --t-tc--main--padding--bottom: calc(var(--t-gs--space--base) * 18);
    }
}

/*
    PAGE/Profile: Grid
*/

.body--profile .grid--2--sidebar>.grid__item--subtabs+.grid__item {
    padding-block-start: var(--t-gs--space--xl);

    @media (width<=1024px) {
        & {
            display: block;
            padding-block-start: var(--t-gs--space--xxl);
        }
    }
}

@media (width >= 1025px) {
    .grid--2--sidebar--subtabs>.grid__item--subtabs {
        max-inline-size: fit-content;
        min-inline-size: 40%;
        block-size: 100%;
    }
    .grid--2--sidebar--subtabs>.grid__item--main {
        flex: 1;
        min-inline-size: 0;
        height: 100%;
    }
}

/*
    PAGE/Profile: Aside
*/
@media (width >= 1025px) {
    .body--profile .aside {
        overflow-x: unset;
    }
}

@media (width >= 1024px) {
    .job-profiles-separator {
        border-block-start-style: solid;
        border-block-start-width: var(--t-gs--border--width--s);
        border-block-start-color: var(--t-gs--swatch--neutral--080);
        margin-block-start: calc(var(--t-gs--space--xxl) * 2);
        padding-block-start: var(--t-gs--space--xxl);
    }

    .body--profile .article--details+.article--details {
        border-block-start-width: var(--t-gs--border--width--0);
    }
}

.body--profile .toggle .toggle__icon:before {
    color: var(--t-gs--swatch--neutral--000);
}

/*
    PAGE/Profile: Subtabs
*/

.subtabs__button {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--s2);
    padding-block-start: var(--t-gs--space--xxxl2);
    max-inline-size: max-content;

    @media (width <= 1024px) {
        & {
            max-inline-size: 100%;
            flex-direction: row;
            padding-block-start: var(--t-gs--space--xxl);
            padding-block-end: var(--t-gs--space--xs);
            padding-inline: var(--t-gs--space--xs);
        }
    }

    @media (width <= 750px) {
        & {
            max-inline-size: 100%;
            flex-direction: column;
            padding-inline: var(--t-gs--space--xs);
        }
    }

    .subtabs__button__item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: var(--t-gs--border--radius--m);
        padding-block: calc(var(--t-gs--space--base) * 2.5);
        padding-inline: var(--t-gs--space--l);
        background-color: var(--custom--neutral--085);
        color: var(--t-tc--subtabs__list__item--font--color);
        font-weight: var(--t-gs--font--weight--bold);

        &:hover {
            --t-tc--subtabs__list__item--font--color: var(--custom--brand--strong);
            .subtabs__list__item .subtabs__list__item__icon {
                color: var(--t-tc--subtabs__list__item--font--color);
            }
        }
    }

    .subtabs__button__item.subtabs__button__item--selected {
        --t-tc--subtabs__list__item--font--color: var(--t-gs--swatch--neutral--100);
        background-color: var(--t-gs--swatch--link--000);

        &:hover {
            background-color: rgba(0, 0, 0, 0.7);
        }
    }

    .subtabs__button__item__icon {
        display: flex;
        align-items: center;
        padding-inline-start: var(--t-gs--space--m);

        &::after {
            --t-tc--icon: "chevron_right";
            --t-tc--icon--display: inline-grid;
            --t-tc--icon--width: auto;
            --t-tc--icon--height: auto;
            --t-tc--icon--font--size: var(--t-gs--font--size--08);
            content: var(--t-tc--icon,attr(data-tc-icon)) / "";
            display: var(--t-tc--icon--display);
            inline-size: var(--t-tc--icon--width);
            block-size: var(--t-tc--icon--height);
            font-family: var(--t-tc--icon--font--family);
            font-size: var(--t-tc--icon--font--size);
            place-content: start center;
        }
    }
}

/*
    PAGE/Profile: Tables
*/
.body--profile {
    --t-tc--table--border--radius: var(--t-gs--border--radius--xs);
    --t-tc--table--border--color: transparent;
    --t-tc--table--background--color: var(--t-gs--swatch--neutral--100);
    --t-tc--table__th--background--color: var(--t-gs--swatch--neutral--095);
    --t-tc--table__th--font--size: var(--t-gs--font--size--03);
    --t-tc--table__td--font--size: var(--t-gs--font--size--03);
    --t-tc--labels--font--color: var(--t-gs--swatch--neutral--000);
}

.body--profile .table--default {
    border-bottom-width: var(--t-gs--border--width--s);
    border-bottom-color: var(--t-gs--swatch--neutral--050);
    color: var(--t-gs--swatch--neutral--020);
}

.body--profile .table--cards {
    --t-tc--card--border--radius: var(--t-gs--border--radius--xs);
    color: var(--t-gs--swatch--neutral--020);
}

@media (width <= 1024px) {
    .body--profile .table--cards tbody tr>:first-child :is(.link,.row-title) {
        font-weight: var(--t-gs--font--weight--bold);
    }

    .body--profile .table--cards tbody tr td:first-child {
        color: var(--t-gs--swatch--brand);
    }

    .body--profile .table--cards tbody tr {
        margin-block-start: var(--t-gs--space--xxl);
    }
}

.body--profile .table--default tbody tr td:last-child .link,
.body--profile .table--cards tbody tr td:last-child .link {
    font-weight: var(--t-gs--font--weight--bold);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: var(--t-gs--space--s);
    color: var(--t-gs--swatch--brand--000);
}

/*
    PAGE/Profile: Fields
*/

/* Media query to mobile and tablet */
@media all and (max-width:1024px) {
    .body--profile .article__content__view__field {
        font-size: var(--t-gs--font--size--05);
    }
}

.body--profile .article__content__view__field__label {
    color: var(--t-gs--swatch--neutral--000);
    max-inline-size: 60%;
    word-break: break-all;
}

.body--profile .article--details .article__content__view__field__label+.article__content__view__field__value,
.body--profile .article--details .MultipleDataSetFieldLabel+.MultipleDataSetFieldValue {
    margin-block-start: var(--t-gs--space--0);
    color: var(--t-gs--swatch--neutral--040)
}

.body--profile .article--details.regular-fields--cols-2Z .article__content__view__field {
    padding-block-end: var(--t-gs--space--l);
}

 /* Media query to mobile and tablet */
@media all and (max-width:1024px) {

    .body--profile .article--details+.article--details {
        --t-gs--color--border--default: var(--t-gs--swatch--neutral--080);
        padding-block-start: var(--t-gs--space--xxxl2);
    }

    .body--profile .article:not(.article--collapsible)+.article--collapsible {
        margin-block-start: var(--t-gs--space--xxxl2);
        margin-block-end: var(--t-gs--space--xxl);
    }

    .body--profile .article--details:not(:last-of-type) {
        padding-block-end: var(--t-gs--space--0);
    }
}

/*
    PAGE/Profile: Download attachments button
*/
form:has(> input.downloadAttachmentsButton) {
    position: relative;
    display: inline-block;
}

input.downloadAttachmentsButton {
    padding-inline-end: calc(var(--button--icon--width) + var(--t-gs--space--s2));
}

form:has(> input.downloadAttachmentsButton)::after {
    content: var(--button--icon--content);
    display: inline-grid;
    align-items: center;
    justify-content: center;
    inline-size: var(--button--icon--width);
    block-size: var(--button--icon--height);
    font-family: var(--t-tc--icon--font--family);
    color: var(--button--icon--font--color);
    background-color: var(--button--icon--background--color);
    border-radius: var(--button--icon--border--radius);
    font-size: var(--button--icon--font-size);
    position: absolute;
    right: var(--t-gs--space--s);
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

/*
    PAGE/Profile: Profile Card
*/

.profile-card {
    border-radius: var(--t-gs--border--radius--m);
    overflow: hidden;
    background-color: var(--custom--brand--subtle);
}

.profile-card__header {
    display: flex;
    align-items: center;
    gap: var(--t-gs--space--m);
    padding: var(--t-gs--space--l);
}

.profile-card__image .thumbnail {
    inline-size: calc(var(--t-gs--size--base) * 16);
    block-size: calc(var(--t-gs--size--base) * 16);
    border-radius: var(--t-gs--border--radius--full);
    border: var(--t-gs--border--width--s) solid var(--custom--neutral--085);
    object-fit: cover;
}

.profile-card__info {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--xxs);
}

.profile-card__name {
    margin: var(--t-gs--space--0);
}

.profile-card__job-title {
    color: var(--t-gs--swatch--neutral--030);
    font-size: var(--t-gs--font--size--06);

    /* Media query to mobile and tablet */
    @media all and (max-width:1024px) {
        font-size: var(--t-gs--font--size--05);
    }
}

.profile-card__actions {
    padding: var(--t-gs--space--l);
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--s);

    @media (width <= 1024px) {
        & {
            position: fixed;
            inset-block-end: 0;
            inset-inline: 0;
            z-index: 5;
            background-color: var(--t-gs--swatch--neutral--100);
            box-shadow: var(--custom--shadow--m--up);
            padding: var(--t-gs--space--m) var(--t-gs--space--l);
        }
    }
}

.profile-card__actions .button-bar__wrap {
    display: flex;
    flex-direction: column;
    gap: var(--t-gs--space--l);

    @media (width <= 1024px) {
        & {
            background-color: var(--custom--brand--subtle);
            border-radius: var(--t-gs--border--radius--s);
            padding: var(--t-gs--space--l);
            gap: calc(var(--t-gs--space--base) * 2.5);
        }
    }
}

.profile-card__actions .button-bar--cols-1 {
    .button {
        inline-size: 100%;
    }
}

/*
    PAGE/Profile Edit: Wizard button bar (matching profile-card__actions mobile style)
*/
@media (width <= 1024px) {
    .body--profile .wizard .button-bar {
        position: fixed;
        inset-block-end: 0;
        inset-inline: 0;
        z-index: 5;
        background-color: var(--t-gs--swatch--neutral--100);
        box-shadow: var(--custom--shadow--m--up);
        padding: var(--t-gs--space--m) var(--t-gs--space--l);
    }

    .body--profile .wizard .button-bar__wrap {
        background-color: var(--custom--brand--subtle);
        border-radius: var(--t-gs--border--radius--s);
        padding: var(--t-gs--space--l);
        gap: var(--t-gs--space--s);
    }
}

/*
    PAGE/Popup: Article headers
*/
.body--popup .article .article__header {
    background-color: transparent;
    padding: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.body--popup .article .article__header__text {
    flex: 1;
}

.body--popup .paragraph,
.body--popup .tc_formDescription {
    font-size: var(--t-tc--descriptions--font--size);
    color: var(--t-gs--swatch--neutral--020);
}

.body--popup .article .article__header__text__title .title {
    text-align: left;
    color: var(--t-gs--swatch--neutral--020);
}

.body--popup .button-bar__wrap {
    justify-content: flex-end;

    /* Media query to target tablet and mobile */
    @media all and (max-width:750px) {
        justify-content: flex-start;
        inline-size: max-content;
    }
}

.body--popup .article .article__header .js-popup-close,
.body--popup .article .article__header .js-popup-close-reload {
    appearance: none;
    background: var(--t-tc--icon--close) no-repeat center center;
    background-size: contain;
    border: none;
    cursor: pointer;
    font-size: 0;
    width: calc(var(--t-gs--size--base) * 7);
    height: calc(var(--t-gs--size--base) * 7);
}

.body--popup .article--left {
    text-align: left;
}

.body--popup .form:not(.form--grid) .fieldSpec+.button-bar {
    padding-block-start: var(--t-gs--space--l);

    /* Media query to target tablet and mobile */
    @media all and (max-width:750px) {
        padding-block-start: var(--t-gs--space--m);
    }
}

.body--popup .article--success .article__content,
.body--popup .article--success .article__footer {
    margin-block-start: var(--t-gs--space--xxl);
}

/*
    PAGETYPE/Profile: Job Alerts
*/
.body--profile--alerts .main__wrapper {
    --t-tc--main--padding--bottom: var(--t-gs--space--0);
    --t-tc--main--padding--top: var(--t-gs--space--xxxl2);
}

.body--profile--alerts .grid__item--main {
    display: block;
}

.body--profile--alerts .article--no-result {
    .article__content {
        padding-bottom: var(--t-gs--space--xxl);
        border-bottom-width: var(--t-gs--border--width--s);
        border-bottom-style: solid;
        border-bottom-color: var(--custom--neutral--085);

        .paragraph {
            font-size: var(--t-gs--font--size--06);
            /* Media query to target tablet and mobile */
            @media all and (max-width:1024px) {
                font-size: var(--t-gs--font--size--05);
            }
        }
    }

    .article__footer {
        margin-block-start: calc(var(--t-gs--space--base) * 15);
        margin-block-end: calc(var(--t-gs--space--base) * 23.5);

        /* Media query to target tablet and mobile */
        @media all and (max-width:1024px) {
            margin-block-end: var(--t-gs--space--xxl);
        }
    }

}
/* Media query to target tablet and mobile */
@media all and (max-width:1024px) {
    .body--profile--alerts .main__wrapper--block--divider--160 {
        padding-block: var(--t-gs--space--xxl);
    }

    .body--profile--alerts .article--actions .button-bar__wrap {
        padding: var(--t-gs--space--m) var(--t-gs--space--xs);
        background-color: var(--custom--brand--subtle);
        border-radius: var(--t-gs--border--radius--m);

        .button {
            inline-size: 100%;
        }
    }
}

/*
    PAGE/Profile: Job Alerts table actions
*/
.actions .action--edit {
    --t-tc--action--font--color: var(--custom--action--edit);
}

.actions .action--delete {
    --t-tc--action--font--color: var(--t-gs--swatch--link--020);
}

.actions {
    display: inline-block;
}

.table--default tbody tr td:last-child {
    inline-size: auto;
}

.actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*
    PAGETYPE/Profile: Section job profiles
*/

/* Media query to target tablet and mobile */
@media all and (max-width:1024px) {
    .body--profile .section--job-profiles {
        padding-block-start: var(--t-gs--space--xxxl2);
    }
}

/*
    PAGETYPE/Profile: Job Applications
*/

.body--profile--applications .article--details .article__header+.article__content {
    margin-block-start: var(--t-gs--space--xxl);

    @media (width <= 1024px) {
        margin-block-start: var(--t-gs--space--xl);
    }
}

@media (max-width: 1024px) {
    *:has(> *):not([aria-live="polite"]):not(.extra-panel):not(.article--task) ~ .article.article--applied {
        margin-block-start: var(--t-gs--space--s);
    }

    .body--profile--applications .article--details+.article--details {
        padding-block-start: var(--t-gs--space--xl);
    }
}

/*
    PAGETYPE/Profile: Withdraw popup
*/

/* Media query to target tablet and mobile */
@media all and (max-width:1024px) {
    .article--withdraw {
        .button-bar__wrap {
            inline-size: 100%;
            flex-direction: column;
            align-items: center;
            align-content: center;
        }
    }
}

/*
    PAGETYPE/Success
*/

.body--success {
    --t-tc--main--padding--top: var(--t-gs--space--0);
    --t-tc--main--padding--bottom: var(--t-gs--space--0);

    .section--success-template {
        margin-block-start: calc(var(--t-gs--space--base) * 20);
    }

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        .section--success-template{
            margin-block-start: calc(var(--t-gs--space--base) * 11.5);
        }

        .main__wrapper--block--divider--80 {
            padding-block: var(--t-gs--space--xxxl2);
        }
    }
}

/*
    UTILITIES/Radius
*/
.radius--md {
    border-radius: var(--t-gs--border--radius--m);
}

/*
    UTILITIES/Text Color
*/

.text-color--black {
    color: var(--t-gs--swatch--brand--000);
}

.text-color--red {
    color: var(--t-gs--swatch--brand);
}

.text-color--dark-red {
    color: var(--custom--brand--strong);
}

/*
    UTILITIES/Main wrapper divider
*/

.main__wrapper--block--divider--128 {
    padding-block: calc(var(--t-gs--space--base) * 32);
}
.main__wrapper--block--divider--160 {
    padding-block: calc(var(--t-gs--space--base) * 40);
    block-size: 0;

    /* Media query to target tablet and mobile */
    @media all and (max-width:1024px) {
        padding-block: var(--t-gs--space--xxxl2);
    }
}
.main__wrapper--block--divider--80 {
    padding-block: calc(var(--t-gs--space--base) * 20);
}
.block--divider--bottom {
    --t-gs--color--border--default: var(--t-gs--swatch--neutral--080);
    --t-tc--divider--bottom--space: var(--t-gs--space--0);

}

/*
    UTILITIES/Animation: Hover with arrow
*/

.ani-title-arrow__header {
    display: flex;
    gap: 0;
    transition: gap 0.5s ease-in-out;

    &::before {
        content: "arrow_right_alt";
        display: inline-grid;
        align-items: flex-start;
        justify-content: center;
        inline-size: 0;
        padding-top: 1.7rem;
        block-size: auto;
        font-family: var(--t-tc--icon--font--family);
        color: var(--t-gs--swatch--brand);
        font-size: 6rem;
        padding-inline: 0;
        opacity: 0;
        transform: translateX(-2rem);
        transition: opacity 0.5s ease-in-out, inline-size 0.5s ease-in-out, padding-inline 0.5s ease-in-out, transform 0.5s ease-in-out;
        overflow: hidden;
        flex: none;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .ani-title-arrow__header {
        &:hover:before {
            inline-size: 6rem;
            padding-inline: .8rem;
            opacity: 1;
            transform: translateX(0);
        }

        /* For Titles */
        .title {
            color: var(--t-gs--swatch--brand--000);
            transition: color 0.5s ease-in-out, transform 0.5s ease-in-out;
        }

        &:hover .title {
            color: var(--t-gs--swatch--brand);
            transform: translateX(0);
        }
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .ani-title-arrow__header {
        --ani-title-arrow--icon-size: 6rem;
    }

    .ani-title-arrow[aria-expanded="true"] .ani-title-arrow__header {
        &:before {
            inline-size: var(--ani-title-arrow--icon-size);
            padding-inline: .8rem;
            opacity: 1;
            transform: translateX(0);
        }

        .title {
            color: var(--t-gs--swatch--brand);
            transform: translateX(0);
            max-inline-size: calc(100% - var(--ani-title-arrow--icon-size));
        }

    }

    .ani-title-arrow[aria-expanded="false"] .ani-title-arrow__header {
        &:before {
            content: "arrow_right_alt";
            display: inline-grid;
            align-items: flex-start;
            justify-content: center;
            inline-size: 0;
            padding-top: 1.7rem;
            block-size: auto;
            font-family: var(--t-tc--icon--font--family);
            color: var(--t-gs--swatch--brand);
            font-size: var(--ani-title-arrow--icon-size);
            padding-inline: 0;
            opacity: 0;
            transform: translateX(-2rem);
            transition: opacity 0.5s ease-in-out, inline-size 0.5s ease-in-out, padding-inline 0.5s ease-in-out, transform 0.5s ease-in-out;
            overflow: hidden;
        }
        .title {
            color: var(--t-gs--swatch--brand--000);
            transition: color 0.5s ease-in-out, transform 0.5s ease-in-out;
        }
    }
}

/* Media query to only mobile */
@media all and (max-width:750px) {
    .ani-title-arrow__header {
        --ani-title-arrow--icon-size: 0;
    }

    .ani-title-arrow[aria-expanded="true"] .ani-title-arrow__header {
        .title {
            color: var(--t-gs--swatch--brand);
        }

    }

    .ani-title-arrow[aria-expanded="false"] .ani-title-arrow__header {
        .title {
            color: var(--t-gs--swatch--brand--000);
        }
    }
}

/* Media query to mobile and tablet */
@media all and (max-width:500px) {
    .ani-title-arrow .ani-title-arrow__header .title {
        font-size: var(--t-gs--font--size--13);
    }
}

/*
    UTILITIES/Animation: Background Hover Inset
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .ani-hover-inset {
        position: relative;
        isolation: isolate;
    }

    .ani-hover-inset::before {
        content: '';
        position: absolute;
        inset-block: var(--ani-hover-inset-start-block, 0);
        inset-inline: var(--ani-hover-inset-start-inline, 0);
        background-color: var(--ani-hover-inset-color, var(--custom--neutral--094));
        border-radius: var(--ani-hover-inset-start-radius, 0);
        opacity: 0;
        pointer-events: none;
        transition:
            inset var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease),
            border-radius var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease),
            opacity var(--ani-hover-inset-duration, 0.4s) var(--ani-hover-inset-easing, ease);
        z-index: 0;
    }

    .ani-hover-inset > * {
        position: relative;
        z-index: 1;
    }

    .ani-hover-inset:hover::before,
    .ani-hover-inset:focus-within::before {
        inset-block: var(--ani-hover-inset-end-block, 1rem);
        inset-inline: var(--ani-hover-inset-end-inline, -2.4rem);
        border-radius: var(--ani-hover-inset-end-radius, var(--t-gs--border--radius--m));
        opacity: 1;
    }
}

/*
    View Helper classes
*/
.tf_fontBodyXL {
    font-size: var(--t-gs--font--size--08);

    /* Media query to target only desktop */
    @media all and (max-width:1024px) {
        & {
            font-size: var(--t-gs--font--size--06);
        }
    }
}