/* ==========================================================================
    FONTS

    LAYOUTS
    -------------------------------------------------------------------------
    Main wrapper (Override/complement)
    Grid
      : Sidebars (Override/complement)
    Section
      : Registered (Override/complement)
      : Action next to title (Override/complement)
      : Tabs in header (Override/complement)
      : Static pages (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
      : Main (Override/complement)
        : Tertiary (Override/complement)
    Links (Override/complement)
    Indicators
      : Date (New)
      : Pills (New)
        : Strong (New)
        : Good (New)
        : Fair (New)
        : Skills (New)

    COMPONENTS
    -------------------------------------------------------------------------
    Billboards
      : Articles as billboards (New)
    Tables (Override/complement)
      : Articles as tables (Override/complement)
    Cards
      : Articles as cards (Override/complement)
    Signature
      : Articles as signatures (New)
    Lists
      : Skills (New)
      : Controls (Override/complement)
    Navigation
      : Steps bar (Override/complement)
      : Tabs (Inverting clickable colors - commented and ready to use)
      : Breadcrumbs (Override/complement)
    Expandable
    Forms (Override/complement)

    WIDGETS
    -------------------------------------------------------------------------
    Attachment upload (New)
    Search
      : Visible (Override/complement)
    Slider (Override/complement)

    MODULES
    -------------------------------------------------------------------------
    Header
      : All (Override/complement)
    Banner
      : Home (New)
        : Form (Override/complement)
      : Inner pages main banner (New)
      : Secondary (New)
      : Statistics (New)
      : Learn more (Override/complement)
      : Search jobs (Override/complement)
    Bottom banner
    Section (Override/complement)
      : Image and text (New)
    Footer (Override/complement)

    PAGETYPES
    -------------------------------------------------------------------------
    Home (Override/complement)
      : Sections (Override/complement)
      : Jobs slider (Override/complement)
    Search jobs
      : Sections (Override/complement)
      : Form
      : Cards
        : Result (Override/complement)
    Job detail
      : Sections (Override/complement)
        : Details (Override/complement)
        : Aside (Override/complement)
      : Jobs slider (Override/complement)
    Application
      : Form (Override/complement)
    Registration
      : Form (Override/complement)
    Talent community
      : Sections (Override/complement)
      : Form (Override/complement)
    Profile
      : Sections (Override/complement)
      : Details (Override/complement)
      : Jobs slider (Override/complement)
    Profile edit
      : Form (Override/complement)
    Profile delete (Override/complement)
    Profile job alerts (Override/complement)
    Profile create/edit/delete job alert (Override/complement)
    Forgot password
      : Form (Override/complement)
    Login
      : Sections (Override/complement)
    Success
      : Sections (Override/complement)
    Static pages
      : Side images

    UTILITIES
    -------------------------------------------------------------------------
    XXX

    PLUGINS
    -------------------------------------------------------------------------
    Glightbox
========================================================================== */

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

/*
    FONTS
*/

/*
    Typeface for headings
*/

@font-face {
    font-family: "Graphik";
    src:
        local("GraphikLight"),
        url("../fonts/Graphik/Graphik-Light.woff2") format('woff2'),
        url("../fonts/Graphik/Graphik-Light.woff") format('woff'),
        url("../fonts/Graphik/Graphik-Light.otf") format("opentype");
        font-weight: 300;
        font-style: normal;
}

@font-face {
    font-family: "Graphik";
    src:
        local("Graphik"),
        url("../fonts/Graphik/Graphik-Regular.woff2") format('woff2'),
        url("../fonts/Graphik/Graphik-Regular.woff") format('woff'),
        url("../fonts/Graphik/Graphik-Regular.otf") format("opentype");
        font-weight: 400;
        font-style: normal;
}

@font-face {
    font-family: "Graphik";
    src:
        local("GraphikMedium"),
        url("../fonts/Graphik/Graphik-Medium.woff2") format('woff2'),
        url("../fonts/Graphik/Graphik-Medium.woff") format('woff'),
        url("../fonts/Graphik/Graphik-Medium.otf") format("opentype");
        font-weight: 500;
        font-style: normal;
}

/*
    Typeface for navigation, buttons, form elements, paragraphs and other elements
*/

@font-face {
    font-family: "Jotia";
    src:
        local("JotiaThin"),
        url("../fonts/Jotia/JotiaThin.ttf") format('truetype');
        font-weight: 100;
        font-style: normal;
}

@font-face {
    font-family: "Jotia";
    src:
        local("JotiaLight"),
        url("../fonts/Jotia/JotiaLight.woff") format('woff'),
        url("../fonts/Jotia/JotiaLight.otf") format("opentype");
        font-weight: 300;
        font-style: normal;
}

@font-face {
    font-family: "Jotia";
    src:
        local("Jotia"),
        url("../fonts/Jotia/Jotia.woff") format('woff'),
        url("../fonts/Jotia/Jotia.otf") format("opentype");
        font-weight: 400;
        font-style: normal;
}

@font-face {
    font-family: "Jotia";
    src:
        local("JotiaMedium"),
        url("../fonts/Jotia/JotiaMedium.woff") format('woff'),
        url("../fonts/Jotia/JotiaMedium.otf") format("opentype");
        font-weight: 500;
        font-style: normal;
}

/*
    LAYOUTS/Main wrapper (Override/complement)
*/

.body--home .main__wrapper {
    --t-tc--main--padding--bottom: calc(var(--t-gs--space--base) * 16);
}

.body--search-jobs .main__wrapper {
    padding-block-end: calc(var(--t-gs--space--base) * 16);
}

.body--job-detail .main__wrapper {
    padding-block-start: var(--t-gs--space--l);
    padding-block-end: calc(var(--t-gs--space--base) * 16);
}

.body--application .main__wrapper,
.body--registration .main__wrapper {
    padding-block: calc(var(--t-gs--space--base) * 16);
}

.body--application--methods .main__wrapper,
.body--recommendation--methods .main__wrapper,
.body--recommendation--register .main__wrapper,
.body--registration .main__wrapper {
    padding-block-end: calc(var(--t-gs--space--base) * 16);
}

.body--profile .main__wrapper {
    padding-block: calc(var(--t-gs--space--base) * 16);
}

.body--success .main__wrapper {
    padding-block-start: calc(var(--t-gs--space--base) * 16);
}

.body--profile-create-job-alert .main__wrapper,
.body--profile-edit-job-alert .main__wrapper,
.body--profile-delete-job-alert .main__wrapper,
.body--choose-password .main__wrapper {
    padding-block: calc(var(--t-gs--space--base) * 16);
}

.body--forgot-password .main__wrapper {
    padding-block-end: calc(var(--t-gs--space--base) * 16);
}

.body--talent-community .main__wrapper {
    padding-block: calc(var(--t-gs--space--base) * 16);
}

/* Media query to target mobile and tablet  */
@media all and (max-width:1024px) {
    .body--search-jobs .main__wrapper {
        block-size: auto;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .main__wrapper {
        padding-block-start: var(--t-gs--space--l);
    }

    .body--search-jobs .main__wrapper {
        padding-block-end: var(--t-gs--space--l);
    }

    .body--job-detail .main__wrapper {
        padding-block-start: var(--t-gs--space--l);
        padding-block-end: var(--t-tc--main--padding--bottom);
    }

    .body--application .main__wrapper,
    .body--registration .main__wrapper {
        padding-block-start: var(--t-gs--space--xl);
        padding-block-end: var(--t-tc--main--padding--bottom);
    }

    .body--profile .main__wrapper {
        padding-block-start: var(--t-gs--space--l);
    }

    .body--success .main__wrapper {
        padding-block-start: var(--t-gs--space--xl);
    }

    .body--profile-create-job-alert .main__wrapper,
    .body--profile-edit-job-alert .main__wrapper,
    .body--profile-delete-job-alert .main__wrapper,
    .body--choose-password .main__wrapper {
        padding-block: var(--t-gs--space--xl);
    }

    .body--forgot-password .main__wrapper {
        padding-block-end: var(--t-tc--main--padding--bottom);
    }

    .body--talent-community .main__wrapper {
        padding-block: var(--t-gs--space--xl);
    }
}

/*
    LAYOUTS/Grid: Sidebars (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .grid--profile.grid--2--sidebar--subtabs {
        column-gap: var(--t-gs--space--0);
    }

    .grid--profile > .grid__item--subtabs {
        padding-inline-end: var(--t-tc--grid--columns--1);
    }

}

/*
    LAYOUTS/Section: Registered
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__content--registered {
        margin-inline-start: auto;
        margin-inline-end: auto;
        inline-size: 100%;
        max-inline-size: calc(var(--t-tc--content--w--full) - var(--t-tc--grid--columns--1));
    }

}

/*
    LAYOUTS/Section: Action next to title (Override/complement)
*/

.section__header--action-next-to-title {
    align-items: baseline;
}

.section__header--action-next-to-title .section__header__text {
    flex-grow: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__header--action-next-to-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .section__header--action-next-to-title .section__header__text + .section__header__actions {
        margin-block-start: var(--t-gs--space--s2);
    }

}

/*
    LAYOUTS/Section: Tabs in header (Override/complement)
*/

.section__header.section__header--tabs + *:not([class*="--narrow"]) {
    margin-block-start: var(--t-gs--space--xl);
}

/*
    ELEMENTS/Buttons: Main (Override/complement)
*/

.main:focus * {
    --t-tc--buttons--outline--width: var(--t-gs--border--width--0);
    --t-tc--fields--outline--width: var(--t-gs--border--width--0);
}

* + .button-bar:not(.fieldSpec) {
    padding-block-start: calc(var(--t-tc--fieldSpec--padding--outers) + var(--t-gs--space--l));
}

.body--home .section--explore-areas .button-bar:not(.fieldSpec) {
    padding-block-start: var(--t-gs--space--xxxl);
}

.button,
.tc_formButton {
    padding-inline-start: var(--t-gs--space--xl);
    padding-inline-end: var(--t-gs--space--xl);
    font-weight: var(--t-gs--font--weight--medium);
}

.button--primary,
.button--secondary,
.button--tertiary,
.button--tonal {
    min-inline-size: var(--t-tc--buttons--width--min);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .button-bar__wrap, .ButtonBarField .tc_formField,
    .TIN_input_button_Container.ButtonsContainer,
    .autoschedule_NoAvailableContent_ButtonsContainer {
        row-gap: var(--t-gs--space--m);
    }

    .body--home .section--explore-areas .button-bar:not(.fieldSpec) {
        padding-block-start: var(--t-gs--space--xl);
    }

}

/*
    ELEMENTS/Buttons: Main: Tertiary (Override/complement)
*/

.button--tertiary,
.button--tertiary:hover {
    text-decoration: none;
}

/*
    ELEMENTS/Links (Override/complement)
*/

.link {
    font-weight: var(--t-gs--font--weight--medium);
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.1rem;

    &:focus-visible {
        --t-tc--focus-visible--outline--color: var(--t-gs--swatch--neutral--transparent);
        text-decoration: underline;
    }
}

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

@media (width <= 1024px) {
    .aside:has(.list--share) .article--actions {
        & .article__content {
            inline-size: 50%;
            padding-inline-end: calc(var(--t-tc--grid--laterals) / 4);

            & .button-bar--cols-1 {
                --t-tc--button-bar__buttons--width: 100%;
            }
        }
    }
    .aside .article:has(.list--share) {
        display: flex;
        align-items: center;
        inset-inline-start: 50%;
        inline-size: 50%;
        padding-block-start: var(--t-gs--space--m);
        padding-block-end: var(--t-gs--space--m);
        padding-inline-end: var(--t-tc--grid--laterals);
        padding-inline-start: calc(var(--t-tc--grid--laterals) / 4);
        position: fixed;
        justify-content: center;
        z-index: 5;
        background-color: var(--t-gs--color--surface--transparent);
        inset-block-end: 0;
        gap: var(--t-gs--space--s);

        & .article__header {
            --t-tc--title--font--weight: 400;
            --t-tc--title--h9: var(--t-gs--font--size--03);
            inline-size: auto;
        }

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

        .list--share {
            gap: var(--t-gs--space--s);

            & .shareButton {
                inline-size: calc(var(--t-gs--size--base)* 7);
                block-size: calc(var(--t-gs--size--base)* 9);
                background-size: auto calc(var(--t-gs--size--base)* 7);

                &.shareButton--linkedin {
                    inline-size: calc(var(--t-gs--size--base)* 10);
                }
            }
        }
    }
}
@media (width <= 750px) {
    .aside:has(.list--share) .article--actions {
        padding-block-end: calc(var(--t-gs--size--base)* 18);
        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);

        & .article__content {
            inline-size: 100%;
            padding-inline-end: var(--t-gs--space--0);
        }
    }
    .aside .article:has(.list--share) {
        inset-inline-start: 0;
        inline-size: 100%;
    }
}

.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: Date (New)
*/

:root {
    --t-tc--date--width: calc(var(--t-gs--size--base) * 15);
    --t-tc--date--height: calc(var(--t-gs--size--base) * 15);
    --t-tc--date--border--width: var(--t-gs--border--width--s);
    --t-tc--date--border--color: var(--t-gs--swatch--neutral--000);
    --t-tc--date--border--radius: var(--t-gs--border--radius--s);
    --t-tc--date--background--color: var(--t-gs--swatch--neutral--100);
    --t-tc--date--font--size: var(--t-gs--font--size--05);
    --t-tc--date--font--color: var(--t-gs--swatch--neutral--000);
}

.date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--t-tc--date--border--radius);
    border-width: var(--t-tc--date--border--width);
    border-style: solid;
    border-color: var(--t-tc--date--border--color);
    inline-size: var(--t-tc--date--width);
    block-size: var(--t-tc--date--height);
    background-color: var(--t-tc--date--background--color);
    color: var(--t-tc--date--font--color);
}

.date__day {
    font-size: var(--t-tc--date--font--size);
    font-weight: var(--t-gs--font--weight--medium);
    text-align: center;
    border-block-end-width: var(--t-tc--date--border--width);
    border-block-end-style: solid;
    border-block-end-color: var(--t-tc--date--font--color);
    inline-size: 100%;
}

.date__number {
    --t-tc--date--font--size: var(--t-gs--font--size--08);

    font-size: var(--t-tc--date--font--size);
    font-weight: var(--t-gs--font--weight--medium);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    html[data-animations="default"] {
        .article--card--event {
            .date {
                --t-tc--date--font--color--transition--duration: 0.3s;
                --t-tc--date--background--color--transition--duration: 0.3s;

                transition-property: background-color, color;
                transition-duration: var(--t-tc--date--font--color--transition--duration), var(--t-tc--date--background--color--transition--duration);
                transition-timing-function: ease-in-out, ease-in-out;
            }

            &:hover .date {
                --t-tc--date--background--color: var(--t-gs--swatch--link--040);
                --t-tc--date--border--color: var(--t-gs--swatch--link--040);
                --t-tc--date--font--color: var(--t-gs--swatch--neutral--100);

                border: none;
                box-sizing: content-box;
            }
        }
    }

}

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

:root {
    --t-gs--swatch--matching--hue: 242.73;
    --t-gs--swatch--matching--sat: 53.4%;
    --t-gs--swatch--matching--100: hsl(var(--t-gs--swatch--matching--hue) var(--t-gs--swatch--matching--sat) 30%);

    --t-gs--color--fill--matching: var(--t-gs--swatch--matching--100);
    --t-gs--color--fill--matching--strong: rgba(58, 53, 175, 1);
    --t-gs--color--fill--matching--good: rgba(102, 97, 207, 1);
    --t-gs--color--fill--matching--fair: rgba(179, 177, 231, 1);

    --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--l);
    border-start-end-radius: var(--t-gs--border--radius--l);
    border-end-start-radius: var(--t-gs--border--radius--l);
    border-end-end-radius: var(--t-gs--border--radius--l);
    font-size: var(--t-gs--font--size--02);
    padding-block: var(--t-gs--space--xs);
    padding-inline: var(--t-gs--space--s);
    background-color: var(--t-tc--pill--background--color);
    font-weight: 400;
    vertical-align: middle;
}

.article--card .pill--matching {
    position: absolute;
    z-index: 2;
    inset-inline-start: 0;
    padding-inline: var(--t-gs--space--m);
}

.results .article--card .pill--matching {
    position: relative;
    padding-inline: var(--t-gs--space--s);
}

/*
    ELEMENTS/Indicators: Pills (Within COMPONENTS/Cards: Articles as cards)
*/

/* Inside a card but 100% wide */
.article--full-pill .pill {
    position: absolute;
    z-index: 2;
    inset-inline-start: 0;
    inset-block-start: 0;
    border-radius: var(--t-gs--border--radius--0);
    padding-inline: var(--t-gs--space--m2);
}

/* Inside a card, in header regular flow */
.article--card .pill--skills,
.article--card .pill--blog {
    align-self:baseline;
    margin-block-start: var(--t-tc--card--padding--outers); /* replicating padding of header__content */
    margin-inline-start: var(--t-tc--card--padding--outers); /* replicating padding of header__content */
}

/*
    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: Strong (New)
*/
.pill--strong,
.pill--good,
.pill--fair {
    font-size: var(--t-gs--font--size--03);
}

.pill--strong,
.pill--good {
    color: var(--t-gs--swatch--neutral--100);
}

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

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

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

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

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

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

.pill--skills,
.pill--skills-b,
.pill--blog,
.list--pills .list .list__item span {
    margin-inline-end: var(--t-gs--space--xs);
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color);
    border-start-start-radius: calc(var(--t-gs--border--radius--base) * 11);
    border-start-end-radius: calc(var(--t-gs--border--radius--base) * 11);
    border-end-start-radius: calc(var(--t-gs--border--radius--base) * 11);
    border-end-end-radius: calc(var(--t-gs--border--radius--base) * 11);
}

.pill--skills-b {
    border-style: dashed;
}

/*
    ELEMENTS/Indicators: Pills: Cards (New)
*/
.pill--onCard{
    border-start-start-radius: var(--t-gs--border--radius--0);
    border-start-end-radius: var(--t-gs--border--radius--0);
    border-end-start-radius: var(--t-gs--border--radius--0);
    border-end-end-radius: var(--t-gs--border--radius--xxl);
}

/*
    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--xxl);
    --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--filter--brightness: 0.4;
    --t-tc--billboard__content--line--height: calc(var(--t-gs--size--base) * 6);
    --t-tc--billboard__content--font--color: var(--t-gs--swatch--neutral--100);
    --t-tc--billboard__content--height--max: calc(var(--t-gs--size--base) * 50);
    --t-tc--billboard__after--background--color: var(--t-gs--swatch--link--040);
    --t-tc--billboard__after--opacity: 0.6;
    --t-tc--billboard__after--transform--scale: 3;
}

.section:has(.grid--4 .article--billboard) .grid__item {
    flex: 0 0 22.8%;
    max-inline-size: 22.8%;
    margin-block-start: var(--t-tc--grid--columns--gap);
    margin-inline-start: calc(var(--t-gs--space--base) * 5.5);
    padding-block-start: var(--t-gs--space--0);
    padding-inline-start: var(--t-gs--space--0);
}

.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: 0;
    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--size: var(--t-gs--font--size--08);
    --t-tc--title--font--weight: var(--t-gs--font--weight--thin);
    --t-tc--title--font--color: var(--t-gs--swatch--neutral--100);
    line-height: 3.05rem;
    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%;
    border-radius: 50%;
    opacity: var(--t-tc--billboard__after--opacity);
    transform: scale(var(--t-tc--billboard__after--transform--scale));
}

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: brightness(var(--t-tc--billboard--filter--brightness));
        }

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

            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--swatch--neutral--100);
        }

        .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));
        }
    }
}

/* Media query to target only tablet */
/* max-width:1080px is set cause of some mismatches in some iPads */
@media all and (min-width:805px) and (max-width:1080px) {
    .section:has(.grid--4 .article--billboard) .grid__item {
        flex: 0 0 30.4%;
        max-inline-size: 30.4%;
    }

}

@media all and (min-width:751px) and (max-width:804px) {
    .section:has(.grid--4 .article--billboard) .grid__item {
        flex: 0 0 30.1%;
        max-inline-size: 30.1%;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--billboard:after {
        display: none;
    }

}

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

@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/Tables (Override/complement)
*/

.article__content:has(.table__wrap) {
    border-radius: var(--t-gs--border--radius--xl);
    overflow: hidden;
}

.table__wrap {
    --t-tc--table--border--radius: var(--t-gs--border--radius--xl);
    --t-tc--table--border--color: var(--custom--grey25);
    border-color: rgba(194, 204, 214, 1);
}

.table--default thead tr th,
.tableField thead tr th {
    --t-tc--table__th--background--color: var(--custom--grey25);
    padding-block: calc(var(--t-gs--space--base) * 3.5);
    padding-inline: var(--t-gs--space--m);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child .link,
.body--profile-job-alerts .table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child {
    font-size: var(--t-gs--font--size--04);
    font-weight: var(--t-gs--font--weight--medium);
    text-decoration: none;
}

.table--default tbody tr td:last-child .link {
    font-size: var(--t-gs--font--size--04);
    text-decoration: none;
}

.body--Firefox .table--default.table--fixed-column.table--fixed-column--first tbody tr > :first-child {
    background-color: rgba(255, 255, 255, .97);
}

.toggle[aria-expanded=true] .toggle__icon:before,
.toggle[aria-expanded=false] .toggle__icon:before {
    font-size: var(--t-gs--font--size--12);
}

@media all and (max-width:1024px) {
    .table--cards tbody tr {
        border-width: var(--t-gs--border--width--s);
    }

    .table--cards.table--cards--with-no-subtitle tbody tr td {
        font-size: var(--t-gs--font--size--04);
    }

    .table--cards tbody tr>[data-th]:before {
        font-weight: var(--t-gs--font--weight--medium);
    }

    .table--cards.table--cards--with-no-subtitle tbody tr>:first-child,
    .table--cards.table--jobs tbody tr>:first-child .link,
    .body--profile-job-alerts .table--cards.table--jobs tbody tr>:first-child {
        font-family: var(--t-gs--font--family--emphasis);
        font-size: var(--t-gs--font--size--07);
        font-weight: var(--t-gs--font--weight--thin);
        text-decoration: none;
    }

    .table--cards.table--cards--with-no-subtitle tbody tr td:nth-child(2) {
        padding-block-start: var(--t-gs--space--m);
        border-block-start-width: var(--t-gs--border--width--s);
    }

    .table--cards.table--jobs tbody tr td:last-child .link {
        font-size: var(--t-gs--font--size--04);
        text-decoration: none;
    }

    .table--cards.table--jobs tbody tr>:first-child {
        block-size: unset;
        padding-block-end: var(--t-gs--space--m2);
    }

    .table--cards.table--jobs:not(.table--cards--with-no-actions) tbody tr td:last-child:not(:first-child) {
        border-block-start-width: var(--t-gs--border--width--s);
    }

    .table--cards.table--jobs tbody tr td[data-th]:nth-child(n+2):not(:last-child):before {
        content: attr(data-th) ": ";
        display: inline-block;
    }

    .table--cards.table--jobs:not(.table--cards--with-no-toggle) tbody tr:not(.table__row--open) td:nth-child(n+2):not(:last-child) {
        display: none;
    }

    .table--cards tbody tr td:nth-child(2) {
        border-block-start-style: solid;
        border-block-start-width: var(--t-gs--border--width--s);
        border-block-start-color: var(--t-tc--card--border--color);
        padding-block-start: var(--t-tc--card--padding--inners);
        padding-block-end: calc(var(--t-tc--card--padding--inners) * .5);
        padding-inline-end: var(--t-gs--space--m);
    }

    .table--cards tbody tr td:nth-child(3) {
        padding-block-start: calc(var(--t-tc--card--padding--inners) * .5);
    }

    .table--cards tbody tr .toggle--card {
        --t-tc--card__header--height: calc(var(--t-gs--size--base) * 16);
    }
}

/*
    COMPONENTS/Cards: Articles as cards (Override/complement)
*/

:root {
    --t-tc--card__banner--height: calc(var(--t-gs--size--base) * 42.5);
}

.article--card {
    overflow: hidden;
}

.article--card .article__banner {
    margin-block-end: var(--t-gs--space--m);
    inline-size: 100%;
    overflow: hidden;
}

.article--card .article__banner__image {
    block-size: 100%;
    inline-size: 100%;
    object-fit: cover;
}

.article--card .article__banner__date {
    position: absolute;
    inset-block-start: calc(var(--t-tc--card__banner--height) + var(--t-tc--card--padding--outers) - var(--t-tc--date--height));
    inset-inline-start: var(--t-tc--card--padding--outers);
}

.article--card .article__header .article__header__text__title .link {
    font-size: var(--t-gs--font--size--08);
    font-weight: var(--t-gs--font--weight--thin);
    text-decoration: none;
}

.article--card .article__content {
    position: relative;
    padding-block-start: var(--t-gs--space--s2);
    padding-block-end: var(--t-gs--space--s2);
}

.article--card .article__content:before,
.article--card .article__content:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 0.1rem;
    left: var(--t-gs--space--m);
    background-color: var(--custom--grey25);
}

.article--card .article__content:before {
    top: 0;
}

.article--card .article__content:after {
    bottom: 0;
}

.article--card .article__content strong {
    font-weight: var(--t-gs--font--weight--medium);
}

.article--card .article__content .paragraph {
    color: var(--custom--textdefault);
}

.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --t-tc--buttons--font--size: initial;
    font-weight: var(--t-gs--font--weight--medium);
}

.article--card .button--tertiary {
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--tertiary);

    &:focus {
        --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--tertiary--focus);
    }

    &:hover,
    &:active {
        --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--tertiary--hover);
    }

    &.button--disabled {
        --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--tertiary--disabled);
    }
}

.article--card .article__footer {
    padding-block-start: var(--t-gs--space--m);
    padding-block-end: var(--t-gs--space--m);
}

.article--card .article__footer * {
    white-space: nowrap;
}

.article--card .article__footer *:first-child {
    text-overflow: ellipsis;
    overflow: hidden;
}

.article--card .article__footer > * + * {
    margin-inline-start: var(--t-tc--card--padding--outers);
}

.article--card--event {
    position: relative;
}

.article--card--event .article__banner {
    --t-tc--card__banner--height: calc(var(--t-gs--size--base) * 35);
}

.article--card--event .article__banner + .article__header .article__header__text {
    padding-top: calc(2 * var(--t-tc--card--padding--outers));
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    html[data-animations="default"] {
        .article--card {
            --t-tc--card--color--shadow: rgba(0,0,0,0.10);
            --t-tc--card--border--transition--duration: 0.3s;
            --t-tc--card--border--radius--transition--duration: 0.3s;
            --t-tc--card--box--shadow--transition--duration: 0.3s;
            --t-tc--card__banner--transform--scale: 1.2;
            --t-tc--card__banner--transform--transition--duration: 0.3s;

            transition-property: border, border-radius, box-shadow;
            transition-duration: var(--t-tc--card--border--transition--duration), var(--t-tc--card--border--radius--transition--duration), var(--t-tc--card--box--shadow--transition--duration);
            transition-timing-function: ease-in-out, ease-in-out, ease-in-out;

            &:hover {
                border-color: var(--t-tc--card--color--shadow);
                box-shadow: 0 .4rem .8rem .2rem var(--t-tc--card--color--shadow);
            }

            .article__banner:has(.pill) {
                transition-property: border-radius;
                transition-duration: var(--t-tc--card--border--radius--transition--duration);
                transition-timing-function: ease-in-out;
            }

            &:hover .article__banner:has(.pill) {
                border-start-start-radius: calc(var(--t-tc--card--border--radius) + var(--t-tc--card--border--width));
            }

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

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

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--card .popup--share .popup__content {
        inset-inline-start: unset;
    }

}

/*
    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 (New)
*/

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

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

/*
    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);
}

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

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

.skills .list--skills .list__item {
    margin-block-end: var(--t-gs--space--s);
}

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

}

/*
    COMPONENTS/Lists: Controls (Override/complement)
*/

.list-controls__sort .dropdown__list {
    min-inline-size: 15.5rem;
    inset-block-start: 100%;
    border-width: var(--t-gs--border--width--0);
    border-start-start-radius: var(--t-gs--border--radius--m);
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-end-end-radius: var(--t-gs--border--radius--m);
    border-end-start-radius: var(--t-gs--border--radius--m);
    box-shadow: 0 0.8rem 1.6rem 0 var(--custom--textdefault08);
    overflow: hidden;
}

.list-controls__sort .dropdown__item {
    gap: var(--t-gs--space--s2);
    font-size: var(--t-gs--font--size--03);
}

.dropdown--opens-bottom:hover .dropdown__placeholder {
    border-end-end-radius: var(--t-tc--fields--border--radius);
    border-end-start-radius: var(--t-tc--fields--border--radius);
}

.list-controls__sort .dropdown__item:hover {
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--t-gs--swatch--neutral--000);
}

.list-controls__sort .dropdown__item.sort__item--active {
    color: var(--t-gs--swatch--neutral--100);
    background-color: var(--custom--qatarprimary);
}

.dropdown__item.sort__item--active .sort__item__icon:before,
.dropdown__item.sort__item--active .sort__item__icon:after {
    --t-tc--icon--font--color: var(--t-gs--swatch--neutral--100);
}

.dropdown__item.sort__item .sort__item__icon:before,
.dropdown__item.sort__item .sort__item__icon:after {
    --t-tc--icon--font--size: var(--t-gs--font--size--06);
    inline-size: var(--t-gs--space--m2);
    place-content: start;
}

.dropdown__item.sort__item .sort__item__icon {
    --t-tc--icon--font--weight: var(--t-gs--font--weight--light);
    inline-size: auto;
}

.list-controls__text__reset {
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--t-gs--swatch--neutral--000);
    font-style: normal;
}

.list-controls--top,
.list-controls--bottom {
    font-size: var(--t-gs--font--size--04);
    color: var(--t-gs--swatch--neutral--000);
}

.list-controls--top .list-controls__text__legend strong,
.list-controls--bottom .list-controls__text__legend strong {
    font-weight: var(--t-gs--font--weight--medium);
}

.list-controls__pagination .paginationLink {
    font-weight: var(--t-gs--font--weight--medium);
}

.list-controls__pagination .paginationLink:not(.currentPageLink) {
    text-decoration: underline;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list-controls__text:has(+ .list-controls__sort) {
        margin-inline-start: var(--t-gs--space--0);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .grid__item--main:has(.list-controls--top) {
        padding-block-start: var(--t-gs--space--0);
    }

    [class*=list-controls__]+[class*=list-controls__] {
        margin-inline-start: var(--t-gs--space--0);
    }

    .list-controls--top {
        margin-block-end: var(--t-gs--space--l);
    }

    .list-controls--top .list-controls__text__legend {
        display: none;
    }

    .list-controls__pagination__list .list-controls__pagination__item.next {
        margin-inline-start: var(--t-gs--space--m)
    }

}

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

.list--steps {
    margin-block-end: var(--t-gs--space--xxxl);
}

.list--steps .list__item__text__title {
    text-transform: none;
}

/* 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;
    }

    .list--steps .list__item:not(.list__item--filled, .list__item--current) .list__item__text__subtitle {
        background-color: var(--custom--grey50);
        border-width: var(--t-gs--border--width--0);
    }

    .list--steps .list__item--filled .list__item__text__subtitle {
        background-color: var(--custom--textmuted);
        border-width: var(--t-gs--border--width--0);
    }

    .list--steps .list__item .list__item__text:after {
        border-block-end-color: var(--custom--textmuted);
        border-block-end-width: calc(var(--t-gs--border--width--base) * 3);
    }

    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--custom--textmuted);
        border-width: var(--t-gs--border--width--0);
    }

    .list--steps:after {
        border-block-end-color: var(--custom--grey50);
        border-block-end-width: calc(var(--t-gs--border--width--base) * 3);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--steps {
        margin-block-end: var(--t-gs--space--xl);
    }

    .list--steps:after {
        border-block-end-color: var(--custom--grey50);
    }

    .list--steps .list__item .list__item__text:after {
        border-block-end-color: var(--custom--textmuted);
    }

    .list--steps .list__item__text__subtitle .list__item__text__subtitle--emphasized {
        font-weight: var(--t-gs--font--weight--medium);
    }
}

/*
    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)
*/

.tabs--skills .tabs__list__item {
    padding-block: 1rem 0.7rem;
    padding-inline: 1rem;
}

.tabs--skills + * {
    margin-block-start: var(--t-gs--space--l);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .tabs--skills .tabs__list {
        display: flex;
        position: unset;
        border-block-start: var(--t-gs--border--width--0);
        border-inline-start: var(--t-gs--border--width--0);
        border-inline-end: var(--t-gs--border--width--0);
    }

    .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: 1rem 0.7rem;
        padding-inline: 2rem;
        font-weight: var(--t-gs--font--weight--medium);
        width: 50%;
        text-transform: unset;
        text-align: center;
    }

    .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: Breadcrumbs (Override/complement))
*/

.breadcrumbs__wrapper {
    padding-block: var(--t-gs--space--m);
}

.breadcrumbs__wrapper .list__item:first-of-type .link:before {
    content: '';
    display: inline-block;
    inline-size: 2.2rem;
    block-size: 2.2rem;
    background: var(--t-tc--breadcrumbs__icon--home);
}

.breadcrumbs__wrapper .list__item--active {
    color: var(--custom--textmuted);
}

.breadcrumbs__wrapper .list--links--top .list__item:not(:last-of-type):after {
    block-size: calc(var(--t-gs--size--base) * 3.25);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .breadcrumbs__wrapper {
        padding-block: var(--t-gs--space--s);
    }

}

/*
    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;
}

/*
    COMPONENTS: Forms (Override/complement)
*/

.form .Section+.Section {
    margin-block-start: var(--t-gs--space--xl);
}

.form .Separator {
    margin-block-end: var(--t-gs--space--m);
}

.tc_formTitle {
    font-size: var(--t-gs--font--size--12);
}

.LiveSearch,
.form input[type=color],
.form input[type=date],
.form input[type=datetime-local],
.form input[type=email],
.form input[type=month],
.form input[type=number],
.form input[type=password],
.form input[type=range]:not(.progress-bar__selector,
.schema_input_rangeslider_Slider_slider),
.form input[type=search]:not([class*=select2]):not(.AdvancedSelectInputElement),
.form input[type=tel],
.form input[type=text]:not([class*=select2]):not(.LiveSearchInput),
.form input[type=time],
.form input[type=url],
.form input[type=week],
.form select:not([multiple]),
.body--ismobile .form select[multiple] {
    --t-tc--fields--height: calc(var(--t-gs--size--base) * 12);
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
    padding-block: var(--t-gs--space--s2);
    padding-inline: var(--t-gs--space--m);
    color: var(--custom--textdefault);

    &:focus-visible {
        --t-tc--fields--shadow: unset;
        --t-tc--fields--border--color: var(--custom--textdefault);
        --t-tc--fields--border--width: var(--t-gs--border--width--s2);
        --t-tc--focus-visible--outline--width: var(--t-gs--border--width--0);
    }
}

.form select:not([multiple]):has(option[value=""]:checked) {
    color: var(--custom--disabletext);
}

.form select:not([multiple]) option[value=""] {
    color: var(--custom--disabletext);
}

.form select:not([multiple]):has(option[value=""]:checked) option:not(:checked) {
    color: var(--custom--textdefault);
}

.form input[type=file] {
    --t-tc--fields--height: calc(var(--t-gs--size--base) * 12);
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
    color: var(--custom--disabletext);

    &:focus-visible {
        --t-tc--fields--shadow: unset;
        --t-tc--fields--border--color: var(--custom--textdefault);
        --t-tc--fields--border--width: var(--t-gs--border--width--s2);
        --t-tc--focus-visible--outline--width: var(--t-gs--border--width--0);
    }
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field {
    --t-tc--fields--height: calc(var(--t-gs--size--base) * 12);
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
}

.form .select2-container--default.select2-container--focus .select2-selection--single,
.form .select2-container--default.select2-container--focus .select2-selection--multiple {
    --t-tc--fields--shadow: unset;
    --t-tc--focus-visible--outline--width: var(--t-gs--border--width--0);
    border-color: var(--custom--textdefault);
    border-width: var(--t-gs--border--width--s2);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    &:focus-visible {
        --t-tc--fields--shadow: unset;
        border-color: var(--custom--textdefault);
        border-width: var(--t-gs--border--width--s2);
    }
}

.dropdown__placeholder {
    --t-tc--fields--border--radius: var(--t-gs--border--radius--m);
    padding-inline-end: var(--t-gs--space--xl);
}

.form input[type=text]:not([class*=select2]):not(.LiveSearchInput)::placeholder {
    color: var(--custom--disabletext);
}

.form select:not([multiple]) {
    padding-block: unset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    background-color: var(--t-gs--swatch--neutral--100);
    padding-inline-end: 3.5rem;
    background-image: var(--t-tc--fields__icon--arrow--down);
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    background-size: 1.4rem;
}

.form select:not([multiple]):disabled,
.fieldSpec--disabled select:not([multiple]),
.body--ismobile.body--Safari .form input[type=date]:disabled,
.body--ismobile.body--Safari .form input[type=month]:disabled {
    background-image: var(--t-tc--fields__icon--arrow--down);
    background-color: rgba(225, 229, 234, 1);
    border-color: rgba(194, 204, 214, 1)
}

.form input[type=month] {
    position: relative;
    padding-block: unset;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    background-color: var(--t-gs--swatch--neutral--100);
    padding-inline-end: 2rem;
    background-image: var(--t-tc--fields__icon--empty--calendar);
    background-repeat: no-repeat;
    background-position: right 1.8rem center;
    background-size: 1.4rem;
    cursor: pointer;
}

.form input[type=month]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.form .RadioButtonListContainer .RadioButtonListFormField {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.form .RadioButtonListContainer {
    position: relative;
    padding-inline-start: var(--t-gs--space--xl);

    &:before {
        content: '';
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-style: solid;
        border-width: var(--t-gs--border--width--s);
        border-radius: var(--t-gs--border--radius--full);
        border-color: var(--custom--textmuted);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:checked) {
    &:before {
        background-color: rgba(58, 53, 175, 1);
        border-color: rgba(58, 53, 175, 1);
    }

    &:after {
        content: '';
        position: absolute;
        width: 0.8rem;
        height: 0.8rem;
        top: 50%;
        left: 0.8rem;
        transform: translateY(-50%);
        background-color: var(--t-gs--swatch--neutral--100);
        border-radius: var(--t-gs--border--radius--full);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:disabled) {
    &:before {
        border-color: var(--custom--disabletext);
    }

    & label {
        color: var(--custom--disabletext);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:disabled:hover) {
    &:before {
        outline-style: none;
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:disabled:focus-visible) {
    &:before {
        outline-style: none;
    }
}

.RadioButtonList .RadioButton input[type=radio],
.RadioButtonListFormField .tc_formField .cb input[type=radio] {
    margin-block: var(--t-gs--space--0);
    margin-inline: var(--t-gs--space--0);
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:hover),
.form .RadioButtonListContainer:has(.RadioButtonListFormField:focus-visible) {
    &:before {
        outline-style: solid;
        outline-offset: 0.2rem;
        outline-width: 0.2rem;
        outline-color: var(--custom--disabletext);
    }
}

.form .RadioButtonListContainer:has(.RadioButtonListFormField:focus-visible) {
    &:before {
        outline-color: var(--custom--textdefault);
    }
}

.form .AcceptCheckboxFieldContainer input[type="checkbox"] {
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
}

.form .AcceptCheckboxFieldContainer {
    position: relative;
    min-block-size: 3.2rem;
    padding-inline-start: var(--t-gs--space--xl);

    &:before {
        content: '';
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        border-style: solid;
        border-width: var(--t-gs--border--width--s);
        border-radius: var(--t-gs--border--radius--s);
        border-color: var(--custom--textmuted);
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:checked) {
    &:before {
        background-color: rgba(58, 53, 175, 1);
        border-color: rgba(58, 53, 175, 1);
    }

    &:after {
        content: '';
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: 50%;
        left: 0.7rem;
        transform: translateY(-50%);
        background: var(--t-tc--fields__icon--checkmark);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 0.8rem;
        pointer-events: none;
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:disabled) {
    &:before {
        border-color: var(--custom--disabletext);
    }

    & label {
        color: var(--custom--disabletext);
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:disabled:hover) {
    &:before {
        outline-style: none;
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:disabled:focus-visible) {
    &:before {
        outline-style: none;
    }
}


.AcceptanceCheckboxField .tc_formField {
    align-items: center;
}

.AcceptanceCheckboxField .tc_formField input[type=checkbox] {
    margin-block: var(--t-gs--space--0);
    margin-inline: var(--t-gs--space--0);
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:hover),
.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:focus-visible) {
    &:before {
        outline-style: solid;
        outline-offset: 0.2rem;
        outline-width: 0.2rem;
        outline-color: var(--custom--disabletext);
    }
}

.form .AcceptCheckboxFieldContainer:has(input[type="checkbox"]:focus-visible) {
    &:before {
        outline-color: var(--custom--textdefault);
    }
}

.form:not(.form--grid) .fieldSpec + .button-bar {
    padding-block-start: var(--t-gs--space--0);
}

.tc_formLabel,
.tc_formLabel:has(>.screenReaderVisibility:only-child) {
    padding-block-end: var(--t-tc--fieldSpec--padding--inners);
    font-weight: var(--t-gs--font--weight--regular);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    --t-tc--fields--padding--v: var(--t-gs--space--s2);
    --t-tc--fields--padding--h: var(--t-gs--space--m);
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding-inline: var(--t-gs--space--0);
    font-family: var(--t-gs--font--family--default);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-inline-start: var(--t-gs--space--s);
    padding-inline-end: var(--t-gs--space--xs);
    font-family: var(--t-gs--font--family--default);
    font-size: var(--t-gs--font--size--03);
    color: var(--custom--textmuted);
    border-radius: var(--t-gs--border--radius--full);
    border-color: var(--custom--textmuted);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--custom--textdefault);
}

.select2-container--default .select2-selection--multiple .select2-search:first-child:after,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: var(--t-tc--fields__icon--arrow--down);
    inset-inline-end: 1rem;
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-search:first-child:after,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-image: var(--t-tc--fields__icon--arrow--up);
    inset-inline-end: 1rem;
}

.select2-container--default .select2-selection--multiple .select2-search:first-child:after {
    inset-inline-end: 1rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--t-gs--swatch--neutral--000);
    font-weight: var(--t-gs--font--weight--medium);
}

.select2-container--default .select2-results__option[aria-selected=true] {
    color: var(--t-gs--swatch--neutral--100);
    font-weight: var(--t-gs--font--weight--regular);
    background-color: var(--custom--qatarprimary);
}

.addDatasetRow,
.removeDatasetRow,
.action.action--add,
.action.action--remove {
    display: block;
    text-align: right;
    vertical-align: middle;
    gap: var(--t-gs--space--xs);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--custom--textdefault);
    text-transform: capitalize;
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
    text-underline-offset: 0.1rem;

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

:where(.addDatasetRow, .removeDatasetRow, .action.action--add, .action.action--remove):before {
    content: '';
    position: absolute;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-block-size: unset;
    inline-size: var(--t-gs--space--l);
    inset-block-start: var(--t-tc--fields--border--width);
    background-image: var(--t-tc--fields__icon--add);
    background-position: 50%;
}

:where(.removeDatasetRow, .action.action--remove):before {
    background-image: var(--t-tc--fields__icon--trash);
}

.datasetField__button--add {
    justify-content: flex-end;
}

.MultipleDatasetEntryFormField .tc_formField div[id*="multipleDatasetEntry_"],
.MultipleDatasetEntryFormField--cols-2Z .tc_formField fieldset[id*="datasetField__row"] {
    inline-size: 100%;
    margin-inline-start: var(--t-gs--space--0);
    margin-inline-end: var(--t-gs--space--0);
    padding-block-start: var(--t-gs--space--m2);
    padding-block-end: var(--t-gs--space--s);
    padding-inline: var(--t-gs--space--m2);
    background-color: var(--t-gs--swatch--neutral--100);
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--custom--grey25);
    border-radius: var(--t-gs--border--radius--xxl);
}

.message--error,
.alert--error {
    --t-tc--icon--fill: 0;
    --t-tc--icon--content: 'info';
    --t-tc--icon--font--weight: var(--t-gs--font--weight--light);
    --t-tc--message--font--color: var(--custom--textdefault);
    padding-inline: var(--t-gs--space--xs);
    gap: var(--t-gs--space--s);
    align-items: center;
    font-size: 1.4rem;
    border-radius: var(--t-gs--border--radius--s);

    &:before {
        color: var(--custom--textdefault);
    }
}

.alert--error {
    --t-tc--alert--background--color: rgba(251, 237, 234, 1);
}

.errorMessage, .warningMessage,
.errorMsgBottom, .duplicateWarningMessage {
    --t-tc--message--font--size: var(--t-gs--font--size--03);
    --t-tc--icon--font--weight: var(--t-gs--font--weight--regular);
    --t-tc--message--font--color: rgba(204, 71, 38, 1);
}

:where(.addDatasetRow, .removeDatasetRow, .RowEditorAddAnotherLink, .removeFile,[id*=dropboxRemove_],
.fileInputCancelButton, .action, .duplicateWarningMessage, .alert, .errorMessage, .warningMessage,
.errorMsgBottom, .message, .toggle__icon, .gclose, .ui-dialog button.ui-button.ui-dialog-titlebar-close,
.TIN_display_CloserButton_NotificationAndDialog, .autoschedule_editor_availability_header_Container_HeaderButton,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.datepicker-skin-scheduling .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
.methodButton--later, .methodButton--file, .methodButton--paste, .useMyCurrentLocation,
.link--download, .list--bullet--custom li, [data-tc-icon]):before {
    place-content: center center;
}

.fieldSpec.hasErrors:not(.formfieldSpec,.datasetField,.MultipleDatasetEntryFormField,.fieldSpec--in-dataset), .formfieldSpec.hasErrors:not(.MultipleDatasetEntryFormField), .datasetField.hasErrors>.tc_formLabel, .fieldSpec--in-dataset.hasErrors, .MultipleDatasetEntryFormField.hasErrors>.tc_formLabel, .datasetfieldSpec.hasErrors {
    --t-tc--labels--font--color: var(--custom--textdefault);
    --t-tc--sublabels--font--color: var(--custom--textdefault);
}

.fieldSpec:not(.hasErrors) {
    & :invalid {
        border-color: var(--t-tc--fields--border--color);
    }
}

.RadioButtonListFormField .tc_formLabel,
.AcceptanceCheckboxField .tc_formLabel {
    font-size: var(--t-gs--font--size--03);
}

.labelRequiredIcon {
    color: var(--custom--textdefault);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .tc_formTitle {
        font-size: var(--t-gs--font--size--08);
    }
}

/*
    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/Slider (Override/complement)
*/

.slider:has(.swiper-container) {
    padding-inline: calc(var(--t-gs--space--base) * 20);
    position: relative;
}

.slider:has(.swiper-container.swiper--explore--areas) {
    padding-inline: var(--t-gs--space--0);
    position: static;
}

.swiper-container {
    position: static;
    overflow: hidden;
}

.swiper-container.swiper--explore--areas {
    & .swiper-button-prev,
    & .swiper-button-next {
        display: none;
    }
}

.swiper-slide .article__footer {
    display: block;
}

.swiper-slide .article__footer .button--tertiary {
    display: block;
    padding-inline-start: var(--t-gs--space--0);
    text-align: left;

    &:after {
        content: 'chevron_right';
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        font-size: var(--t-gs--font--size--08);
        font-family: var(--t-tc--icon--font--family);
        font-weight: var(--t-gs--font--weight--thin);
        color: var(--custom--textdefault);
    }
}

.swiper-container:not(.swiper--explore--areas) .swiper-pagination {
    display: none;
}

.swiper-controls {
    & .swiper-button-prev,
    & .swiper-button-next {
        --t-tc--swiper__navigation--background--color: var(--t-gs--swatch--neutral--100);
        --t-tc--swiper__navigation--font--color: var(--custom--textdefault);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 5.6rem;
        height: 5.6rem;
        box-shadow: 0 0.15rem 0.25rem 0 var(--custom--textdefault08);
        transition: box-shadow 0.3s ease-in-out;

        &:hover {
            --t-tc--swiper__navigation--background--color: var(--t-gs--swatch--neutral--100);
            box-shadow: 0 0.15rem 0.25rem 0 var(--t-gs--swatch--neutral--transparent);
        }
    }

    & .swiper-button-prev {
        left: 0;
    }

    & .swiper-button-prev:after {
        content: "chevron_left";
        font-weight: var(--t-gs--font--weight--thin);
    }

    & .swiper-button-next {
        right: 0;
    }

    & .swiper-button-next:after {
        content: "chevron_right";
        font-weight: var(--t-gs--font--weight--thin);
    }

    & .swiper-pagination {
        & .swiper-pagination-bullet {
            --t-tc--swiper__pagination__bullet--border--width: var(--t-gs--border--width--s);
            --t-tc--swiper__pagination__bullet--background--color: var(--t-gs--swatch--neutral--100);

            &.swiper-pagination-bullet-active {
                --t-tc--swiper__pagination__bullet--background--color: var(--t-gs--color--fill--primary);
            }
        }
    }
}

/* Media query to target only desktop */
@media all and (max-width:1024px) {
    .slider:has(.swiper-container) {
        margin-inline: calc(var(--t-gs--space--xl) * -1);
        padding-inline: var(--t-gs--space--0);
    }

    .swiper-container {
        padding-inline: var(--t-gs--space--xl);
    }

    .swiper-container:not(.swiper--explore--areas) .swiper-controls [class*="button"] {
        display: none;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .slider:has(.swiper-container) {
        margin-inline: calc(var(--t-gs--space--m) * -1);
    }

    .swiper-container {
        padding-inline: var(--t-gs--space--m);
    }
}

/*
    MODULES/Header: All (Override/complement)
*/
.header {
    box-shadow: 0 0.3rem 1rem 0 rgba(0, 0, 0, 0.05);
}

html[menu-type=visible] .header__content {
    justify-content: flex-start;
    align-items: flex-start;
}

html[menu-type=visible] .header__content .header__logo {
    margin-block-end: var(--t-gs--space--s);
    margin-inline-end: var(--t-gs--space--xxxl);
}

html[menu-type=visible] .header__content .header__menu {
    display: flex;
    flex: 1;
}

.menu--visible,
.menu--visible .menu__list {
    flex: 1;
}

.menu--visible .menu__item--separator-left {
    margin-inline-start: auto;
    border-inline-start-width: var(--t-gs--border--width--0);
}

.menu--visible .menu__link {
    padding-block-start: var(--t-gs--space--m);
    padding-block-end: calc(var(--t-gs--space--base) * 6.5);
    padding-inline-start: var(--t-gs--space--m);
    padding-inline-end: var(--t-gs--space--m);
}

.menu--visible .menu__link .menu__thumbnail {
    padding-inline-end: var(--t-gs--space--s2);
}

.menu--visible .menu__item[aria-current="page"] .menu__link {
    --t-tc--menu__link--font--color: var(--custom--qatarprimary);
    border-bottom-width: var(--t-gs--border--width--s);
    border-bottom-color: var(--custom--qatarprimary);
}

.menu--visible .submenu__list--overflows-not {
    border-start-start-radius: var(--t-gs--border--radius--0);
    border-start-end-radius: var(--t-gs--border--radius--m);
    border-end-end-radius: var(--t-gs--border--radius--m);
    border-end-end-radius: var(--t-gs--border--radius--m);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] + .submenu__list--overflows-not {
    inset-inline: 1.6rem;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"],
.menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"] {
    --t-tc--menu__link--border--radius: var(--t-gs--border--radius--m);
    --t-tc--menu__link--border--color: var(--t-gs--color--border--transparent);
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup="true"] + .submenu__list,
.menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"] + .submenu__list {
    --t-tc--menu__link--border--radius: var(--t-gs--border--radius--m);
    border-style: none;
}

.menu--visible .submenu__item[aria-current="page"] .submenu__link,
.menu--visible .portalLanguages__item--selected .portalLanguages__link  {
    --t-tc--submenu__link--font--color: var(--t-gs--swatch--neutral--100);
    --t-tc--submenu__link--background--color: var(--custom--qatarprimary);
}

.menu--visible .submenu__item:not([aria-current="page"]):hover .submenu__link,
.menu--visible .portalLanguages__item:not(.portalLanguages__item--selected):hover .portalLanguages__link {
    --t-gs--color--text--on--fill--link--hover: var(--t-gs--swatch--neutral--000);
    font-weight: var(--t-gs--font--weight--medium);
}

.menu--visible .submenu__item + .submenu__item,
.menu--visible .portalLanguages__item + .portalLanguages__item {
    border-block-start-width: var(--t-gs--border--width--0);
}

.toggle--menu .toggle__icon,
.toggle--menu .toggle__icon:before,
.toggle--menu .toggle__icon:after {
    background-color: var(--custom--textdefault);
}

html[menu-type=toggleable][menu-panelFrom="right"] .menu__panel {
    inline-size: 100%;
    max-width: calc(var(--t-gs--size--base) * 93.75);
    padding-inline-start: var(--t-gs--space--m);
    padding-inline-end: var(--t-gs--space--m);
}

html[menu-type=toggleable][menu-panelFrom="right"][menu-panelEffect="over"] .menu__panel {
    --t-tc--header--height: 6.8rem;
}

.menu--toggleable .toggle--menu {
    --t-tc--header--height: 6.8rem;
}

.menu--toggleable .menu__link {
    padding-inline-start: var(--t-gs--space--m);
}

.menu--toggleable .submenu__link {
    padding-block-start: var(--t-gs--space--m);
    padding-block-end: var(--t-gs--space--l);
    padding-inline-start: var(--t-gs--space--m);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .header__wrapper {
        --t-tc--header--padding--top: var(--t-gs--space--s);
        --t-tc--header--padding--bottom: var(--t-gs--space--0);
        min-block-size: unset;
        align-items: flex-start;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .header__wrapper {
        --t-tc--header--padding--top: var(--t-gs--space--s);
        --t-tc--header--padding--bottom: var(--t-gs--space--s);
        --t-tc--grid--laterals: var(--t-gs--space--xl);
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .header__wrapper {
        --t-tc--header--padding--top: var(--t-gs--space--xs);
        --t-tc--header--padding--bottom: var(--t-gs--space--xs);
        --t-tc--grid--laterals: var(--t-gs--space--m);
    }

}

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

.banner--main--home {
    position: relative;
    --t-tc--banner--height: unset;
    background-image: unset;
}

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

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

.video {
    width: 100%;
    height: auto;
    display: inline-block;
}

.banner__video__container__home__video {
    width: 100%;
    height: 100%;
}

.banner__video__container__home__video .video {
    height: 100%;
    display: block;
    object-fit: cover;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner--main--home {
        block-size: var(--t-gs--space--0);
        z-index: 5;
    }

    .banner--main--home .banner__wrapper {
        position: relative;
        transform: translateY(-50%);
    }

}

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

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--home {
        --t-tc--banner--height: 22.4rem;
        block-size: var(--t-tc--banner--height);
        background-color: var(--t-tc--main--background--color);
    }

    .banner--main--home .banner__wrapper {
        border-bottom-left-radius: var(--t-gs--border--radius--xxl);
        border-bottom-right-radius: var(--t-gs--border--radius--xxl);
        border-style: solid;
        border-width: var(--t-gs--border--width--s);
        border-color: var(--custom--grey25);
        background-color: var(--t-gs--swatch--neutral--100);
        box-shadow: 0 0.8rem 1.6rem 0 var(--custom--textdefault08);
    }

}

/*
    MODULES/Banner: Home: Form (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .banner--main--home .banner__form .button-bar .submitButton {
        --t-tc--buttons--width--min: 17.7rem;
    }

    .banner--main--home .banner__form .fieldSpec {
        min-inline-size: 27rem;
    }
}

@media all and (min-width:751px) and (max-width:1024px) {
    .banner--main--home .banner__form .fieldSpec {
        min-inline-size: 20rem;
    }

    .banner--main--home .banner__form .button-bar .submitButton {
        flex: 1;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner--main--home .banner__form {
        max-inline-size: 80.4rem;
        min-block-size: 7.4rem;
        padding-inline: var(--t-gs--space--s2);
        padding-block: var(--t-gs--space--s2);
        border-style: solid;
        border-width: var(--t-gs--border--width--s);
        border-color: var(--custom--grey25);
        border-radius: var(--t-gs--border--radius--full);
        background-color: var(--t-gs--swatch--neutral--100);
        box-shadow: 0 0.8rem 1.6rem 0 var(--custom--textdefault08);
    }

    .banner--main--home .banner__form .Section {
        display: flex;
    }

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

    .banner--main--home .banner__form .fieldSpec.TextField {
        position: relative;
        margin-inline-end: 4rem;
    }

    .banner--main--home .banner__form .fieldSpec.TextField:after {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-end: -4rem;
        display: block;
        block-size: 100%;
        inline-size: 0.1rem;
        margin-inline: 2rem;
        background-color: var(--custom--grey25);
    }

    .banner--main--home .banner__form .fieldSpec:not(:first-of-type) {
        margin-inline-end: var(--t-gs--space--m2);
    }

    .banner--main--home .banner__form .fieldSpec input[type=text]:not([class*=select2]):not(.LiveSearchInput),
    .banner--main--home .banner__form .fieldSpec .select2-container--default .select2-selection--single,
    .body--home .select2-container--default .select2-dropdown {
        border-style: none;
    }

    .body--home .select2-container--default .select2-dropdown {
        z-index: 11;
    }

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

    .banner--main--home .banner__form .button-bar {
        max-inline-size: 17.7rem;
    }

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

}

/*
    MODULES/Banner: Inner pages main banner (New)
*/

.banner--main--search-jobs,
.banner--main--recommendations {
    background-image: var(--t-tc--search-jobs__banner--background--image);
}

.banner--main--talent-community {
    background-image: var(--t-tc--talent-community__banner--background--image);
}

.banner--main--application,
.banner--main--registration {
    background-image: var(--t-tc--banner__application--background--image);
}

.banner--main--profile,
.banner--main--login,
.banner--main--choose-password,
.banner--main--forgot-password {
    background-image: var(--t-tc--banner__profile--background--image);
}

.banner--main--error {
    background-image: var(--t-tc--banner__learn-more--background--image);
}

.banner--main--search-jobs,
.banner--main--application,
.banner--main--registration,
.banner--main--recommendations,
.banner--main--talent-community,
.banner--main--profile,
.banner--main--login,
.banner--main--choose-password,
.banner--main--forgot-password,
.banner--main--error {
    position: relative;
    flex: none;
    --t-tc--banner--height: calc(var(--t-gs--size--base) * 70);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    &:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        inline-size: 100%;
        block-size: 100%;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    }
}

.banner--main--search-jobs {
    background-position: center 15%;
}

.banner--main--talent-community {
    background-position: center 45%;
}

.banner--main--search-jobs .banner__wrapper,
.banner--main--application .banner__wrapper,
.banner--main--registration .banner__wrapper,
.banner--main--recommendations .banner__wrapper,
.banner--main--talent-community .banner__wrapper,
.banner--main--profile .banner__wrapper,
.banner--main--login .banner__wrapper,
.banner--main--choose-password .banner__wrapper,
.banner--main--forgot-password .banner__wrapper,
.banner--main--error {
    position: relative;
    z-index: 1;
}

.banner--main--search-jobs .banner__text__title,
.banner--main--application .banner__text__title,
.banner--main--registration .banner__text__title,
.banner--main--recommendations .banner__text__title,
.banner--main--talent-community .banner__text__title,
.banner--main--profile .banner__text__title.title,
.banner--main--profile .banner__text__title.title--h4,
.banner--main--choose-password .banner__text__title,
.banner--main--forgot-password .banner__text__title {
    color: var(--t-gs--swatch--neutral--100);
}

.banner--main--profile .banner__text__title.title {
    line-height: 6.4rem;
}

.banner--main--profile .banner__text__title.title--h4 {
    margin-block-start: var(--t-gs--space--s);
    font-family: var(--t-gs--font--family--emphasis);
    font-size: var(--t-tc--title--font--size);
    font-weight: var(--t-gs--font--weight--thin);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--search-jobs,
    .banner--main--application,
    .banner--main--registration,
    .banner--main--recommendations,
    .banner--main--talent-community,
    .banner--main--profile,
    .banner--main--login,
    .banner--main--choose-password,
    .banner--main--forgot-password,
    .banner--main--error {
        --t-tc--banner--height: calc(var(--t-gs--size--base) * 50);
        block-size: var(--t-tc--banner--height);
    }

    .banner--main--profile .banner__text__title.title {
        line-height: 2.4rem;
    }
}

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

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

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

.banner--secondary--bottom {
    --t-tc--banner--background--color: var(--t-gs--swatch--neutral--100);
}

.banner__text__title__conjunction {
    font-family: 'Graphik';
    font-size: var(--t-gs--font--size--04);
    font-weight: var(--t-gs--font--weight--medium);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--home .banner--secondary .banner__wrapper {
        padding-block-end: calc(var(--t-gs--space--base) * 16);
    }

    .banner--secondary .banner__wrapper {
        padding-block-start: calc(var(--t-gs--space--base) * 22);
        padding-block-end: var(--t-gs--space--xxl);
    }

    .banner--secondary--skills .banner__wrapper {
        padding-block-start: var(--t-gs--space--l);
        padding-block-end: var(--t-gs--space--l);
    }

    .banner--secondary--skills .banner__text {
        flex-direction: column;
    }

    .banner--secondary--top + * {
        margin-block-start: var(--t-gs--space--xl);
    }

    .banner--secondary .banner__text__title * + * {
        margin-inline-start: var(--t-gs--space--m);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner--secondary .banner__text__title * + * {
        margin-inline-start: var(--t-gs--space--m);
    }

    .banner--secondary--bottom .banner__wrapper {
        padding-block: calc(var(--t-gs--space--base) * 16);
    }

    .banner--secondary--bottom .button-bar {
        padding-block-start: var(--t-gs--space--0);
    }
}

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

    .banner--secondary .banner__text__title {
        text-align: center;
    }

    .banner--secondary .banner__text--inline .banner__text__title {
        display: block;
        margin-block-end: var(--t-gs--space--l);
    }

    .banner--secondary--top + * {
        margin-block-start: var(--t-gs--space--s2);
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--secondary .banner__text__title .button + .banner__text__title__conjunction,
    .banner--secondary .banner__text__title .banner__text__title__conjunction + .button {
        margin-inline-start: var(--t-gs--space--m);
    }

    .banner--secondary .banner__wrapper {
        padding-block-start: calc(var(--t-gs--space--base) * 20);
        padding-block-end: var(--t-gs--space--xl);
    }

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

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--secondary .banner__wrapper {
        padding-block-end: var(--t-gs--space--xxxl);
    }

    .banner--secondary--bottom .banner__wrapper {
        padding-block: var(--t-gs--space--l);
    }

    .banner--secondary .banner__text__title .button {
        inline-size: 100%;
    }

    .banner--secondary .banner__text__title .button:nth-of-type(2) {
        margin-block-start: var(--t-gs--space--l);
    }

    .banner--secondary--bottom .banner__text--inline .banner__text__title {
        margin-block-end: var(--t-gs--space--0);
    }

    .banner--secondary--bottom .button-bar {
        padding-block-start: var(--t-gs--space--0);
    }

}

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

.banner--statistics--image {
    position: relative;
    padding-block: var(--t-gs--space--0);
    padding-inline: var(--t-gs--space--0);
    color: var(--t-gs--swatch--neutral--100);
    background-image: var(--t-tc--banner__statistics--background--image);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: var(--t-gs--border--radius--xxl);
    overflow: hidden;
}

.banner--statistics--image .banner__wrapper {
    position: relative;
    padding-block: calc(var(--t-gs--space--base) * 13.25);
    padding-inline: var(--t-gs--space--xxl);
    z-index: 1;
}

.banner--statistics--image .banner__text {
    inline-size: 100%;
}
.banner--statistics--image .banner__text__title {
    margin-block-end: calc(var(--t-gs--space--base) * 5.25);
}
.banner--statistics--image h2 {
    color: var(--t-gs--swatch--neutral--100);
}

.banner--statistics--image .section__header__text__subtitle--margin-start {
    margin-block-start: var(--t-gs--space--xs);
}

.banner--statistics--image .section__header__text__subtitle .paragraph {
    color: var(--t-gs--swatch--neutral--100);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .banner--statistics--image .grid > .grid__item {
        flex: unset;
    }

    .banner--statistics--image .grid > .grid__item:not(:first-of-type) {
        padding-inline-start: calc(var(--t-gs--space--base) * 16);
    }

    .banner--statistics--image .banner__text__title {
        line-height: 4.8rem;
    }

    .banner--statistics--image .section__header__text__title {
        line-height: 4.8rem;
    }

    .banner--statistics--image .section__header__text__subtitle .paragraph {
        line-height: 2.5rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .banner--statistics--image .grid > .grid__item:not(:first-of-type) {
        padding-inline-start: calc(var(--t-gs--space--base) * 11);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--statistics--image {
        margin-block-end: var(--t-gs--space--xxl);

        &:before {
            background: linear-gradient(270deg, rgba(142, 33, 87, 0.496) 0%, rgba(29, 9, 17, 0.8) 81.25%),
                        linear-gradient(167.4deg, rgba(0, 0, 0, 0.43) 4.96%, rgba(0, 0, 0, 0) 78.24%),
                        linear-gradient(170.34deg, rgba(0, 0, 0, 0) 74.22%, rgba(0, 0, 0, 0.74) 101.92%);
        }
    }

    .banner--statistics--image .banner__wrapper {
        padding-block: var(--t-gs--space--xl);
        padding-inline: var(--t-gs--space--l);
    }

    .banner--statistics--image .banner__text__title {
        margin-block-end: var(--t-gs--space--m2);
        font-size: var(--t-gs--font--size--10);
        line-height: 3.6rem;
    }

    .banner--statistics--image .section__header__text__title {
        line-height: 3.2rem;
    }

    .banner--statistics--image .section__header__text__subtitle .paragraph {
        line-height: 2.4rem;
    }

    .banner--statistics--image .grid > .grid__item {
        padding-block-start: var(--t-gs--space--xxxl);
    }

    .banner--statistics--image .section__header__text__subtitle--margin-start {
        margin-block-start: var(--t-gs--space--m2);
    }
}

/*
    MODULES/Banner: Learn more (Override/complement)
*/

.banner--secondary.banner--secondary--learn-more {
    background-image: var(--t-tc--banner__learn-more--background--image);
}

.banner--secondary--learn-more .banner__wrapper {
    justify-content: flex-start;
    padding-block: calc(var(--t-gs--space--base) * 15);
}

.banner--secondary--learn-more .banner__text__title {
    line-height: 4.8rem;
    color: var(--t-gs--swatch--neutral--100);
    text-align: left;
}

.banner--secondary--learn-more .button-bar {
    padding-block-start: var(--t-gs--space--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--secondary--learn-more .banner__wrapper {
        padding-block: calc(var(--t-gs--space--base) * 17.75);
    }

    .banner--secondary--learn-more .banner__text--inline .banner__text__title {
        margin-block-end: var(--t-gs--space--0);
        line-height: 3.2rem;
        text-wrap: auto;
    }

    .banner--secondary--learn-more .button-bar {
        padding-block-start: var(--t-gs--space--m);
    }
}

/*
    MODULES/Banner: Search jobs (Override/complement)
*/

.body--home .banner--secondary .banner__text--inline,
.body--search-jobs .banner--secondary .banner__text--inline {
    flex-direction: column;
}

.banner--secondary.banner--secondary--search-jobs {
    background: radial-gradient(50% 50% at 50% 50%, rgba(219, 222, 232, 0) 0%, #DBDEE8 100%);
}

/*
    MODULES/Bottom banner
*/

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

/*
    MODULES/Section (Override/complement)
*/

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

.section--w--full{
    padding-block-start: var(--t-gs--space--xxxl);
    padding-block-end: var(--t-gs--space--l);
    background-color: var(--t-gs--color--background--secondary);
}

.section__header__text__paragraph {
    font-size: var(--t-gs--font--size--05);
}

* + .section__header__text__paragraph {
    margin-block-start: var(--t-gs--space--l);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--w--full{
        padding-block: var(--t-gs--space--l);
    }

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

/*
    MODULES/Section: Image and text (New)
*/

.section--image-and-text .section__image {
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--custom--grey25);
    border-radius: var(--t-gs--border--radius--xxl);
    overflow: hidden;
}

.section--image-and-text .section__image img {
    inline-size: 100%;
    max-block-size: unset;
}

.section--image-and-text .section__header__text .link {
    display: inline-block;
    margin-block-start: var(--t-gs--space--l);
    text-decoration: none;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section--image-and-text {
        margin-block-start: calc(var(--t-gs--space--base) * 16);
    }

    .section--image-and-text .grid {
        justify-content: space-between;
    }

    .section--image-and-text.section--image-on-left .grid__item:has( .section__image),
    .section--image-and-text.section--image-on-right .grid__item:has( .section__image) {
        flex: 0 0 55.9%;
        max-inline-size: 55.9%;
    }

    .section--image-and-text.section--image-on-left .grid__item:has( .section__header__text),
    .section--image-and-text.section--image-on-right .grid__item:has( .section__header__text) {
        flex: 0 41%;
        max-inline-size:41%;
    }

    .section--image-and-text.section--image-on-right .grid__item:has( .section__image) {
        order: 1;
    }

    .section--image-and-text .section__image {
        max-block-size: 37.2rem;
    }

    .section--image-and-text .section__header__text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--image-and-text {
        padding-block: var(--t-gs--space--l);
        margin-block-end: var(--t-gs--space--m);
    }

    .section--image-and-text:last-of-type {
        margin-block-end: calc(var(--t-gs--space--base) * 16);
    }

    .section--image-and-text.section--image-on-left .grid__item:has( .section__image),
    .section--image-and-text.section--image-on-right .grid__item:has( .section__image) {
        order: 1;
    }

    .section--image-and-text .grid__item:has( .section__image) {
        padding-block-start: var(--t-gs--space--l);
        padding-inline-start: var(--t-gs--space--m);
    }

    .section--image-and-text .grid__item:has( .section__header__text) {
        padding-block-start: var(--t-gs--space--m2);
    }

    .section__image {
        max-block-size: 19.2rem;
    }

}

/*
    MODULES/Footer (New)
*/

.footer {
    border-block-start-width: var(--t-gs--border--width--0);
}

.footer__rights__copy,
.footer__links__item {
    margin-block-start: var(--t-gs--space--m2);
    font-size: var(--t-gs--font--size--03);
    color: var(--custom--textmuted);
    line-height: 2rem;
}

.footer__rights__logo {
    margin-right: 6.5rem;
}

.footer__links__divider {
    margin-inline: var(--t-gs--space--m);
    margin-block-start: var(--t-gs--space--m2);
}

.footer__social {
    margin-block-start: var(--t-gs--space--m2);
}

.footer__social__item {
    block-size: calc(var(--t-gs--size--base) * 7.75);
    max-inline-size: calc(var(--t-gs--size--base) * 7.75);
}

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

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .footer__content > * + * {
        margin-block-start: var(--t-gs--space--l);
    }

    .footer__rights__copy,
    .footer__links__item {
        margin-block-start: unset;
    }

    .footer__links__divider {
        margin-inline: var(--t-gs--space--s);
        margin-block-start: unset;
    }

    .footer__social {
        margin-block-start: var(--t-gs--space--l);
    }

}

/*
    PAGETYPES/Home (Override/complement)
*/

@media (min-width: 1025px) {
    .body--home.body--header-fixed-on-scroll .body__content {
        padding-block-start: unset;
    }

}

/*
    PAGETYPES/Home: Sections (Override/complement)
*/

@media (min-width: 751px) {
    .body--home .section--explore-areas {
        margin-block-start: calc(var(--t-gs--space--base) * 24);
        padding-block-start: unset;
        padding-block-end: var(--t-gs--space--0);
    }
}

/*
    PAGETYPES/Home: Jobs slider (Override/complement)
*/

.body--home .section--jobs-slider:has(.slider) {
    margin-block-start: calc(var(--t-gs--space--base) * 16);
}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--home .section--jobs-slider:has(.slider) {
        margin-block-start: calc(var(--t-gs--space--base) * 20);
    }
}

@media all and (max-width:750px) {
    .body--home .section--jobs-slider:has(.slider) {
        margin-block-start: var(--t-gs--space--l);
    }
}

/*
    PAGETYPES/Search jobs: Sections (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--search-jobs .grid--2--sidebar > .grid__item {
        padding-block-start: var(--t-gs--space--xxxl);
    }

    .body--search-jobs .grid--2--sidebar.grid--2--sidebar--filters {
        column-gap: var(--t-gs--space--l);
    }

    .body--search-jobs .grid--2--sidebar--filters .grid__item--filters .section__header {
        position: sticky;
        top: 10px;
    }

}

/*
    PAGETYPES/Search jobs: Form (Override/complement)
*/

.body--search-jobs .form:not(.form--grid) .fieldSpec + .button-bar {
    --t-tc--buttons--width--min: 100%;
    padding-block-start: var(--t-gs--space--s);
}

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

.results.results--listed {
    padding-block-end: var(--t-gs--space--l);
    border-block-width: var(--t-gs--border--width--0);
}

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

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

.section--search-jobs .article--result .article__header__text__title.title--h3 {
    margin-block-start: var(--t-gs--space--s2);
}

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

.section--search-jobs .article--result .article__header__text__title.title--h3 .link {
    font-weight: var(--t-gs--font--weight--light);
    text-decoration: none;
}

.section--search-jobs .article--result .article__header__text__title.title--no-results .link {
    text-decoration: underline;
    text-decoration-thickness: 0.1rem;
}

.section--search-jobs .article--result .article__header + .article__content .paragraph.paragraph--inline {
    position: relative;
    margin-inline-end: var(--t-gs--space--m2);
}

.section--search-jobs .article--result .article__header + .article__content .paragraph.paragraph--inline:not(:first-of-type):before {
    content: '•';
    display: inline-block;
    position: absolute;
    left: -1.4rem;
}

.article--result .article__footer {
    --t-tc--result--padding--inners--v: var(--t-gs--space--xxl);
}

.article--result .article__footer strong {
    font-weight: var(--t-gs--font--weight--medium);
}

.section__content__results + .list-controls--bottom {
    margin-block-start: var(--t-gs--space--0);
    padding-block-start: var(--t-gs--space--l);
    border-block-start-style: solid;
    border-block-start-color: var(--t-gs--color--border--default);
    border-block-start-width: var(--t-gs--border--width--s);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--search-jobs .article--card {
        margin-block-start: var(--t-gs--space--l);
        border-width: var(--t-gs--border--width--s);
    }

    .section--search-jobs .article--card:last-of-type {
        margin-block-end: var(--t-gs--space--l);
    }

    .section--search-jobs .article--card .article__header__text {
        padding-block-end: var(--t-gs--space--0);
    }

    .section--search-jobs .article--card .article__header__text:has( .title--no-results) {
        padding-block-end: var(--t-tc--card--padding--outers);
    }

    .section--search-jobs .article--card .article__content:before {
        display: none;
    }

    .section--search-jobs .article--card .article__content:after {
        left: 0;
    }

    .section--search-jobs .article--card .article__header__text__title {
        margin-block-start: calc(var(--t-gs--space--base) * 2.5);
    }

    .section--search-jobs .article--card .title--no-results {
        margin-block-start: var(--t-gs--space--0);
    }

    .section--search-jobs .article--card .article__header .article__header__text__title .link {
        font-size: var(--t-gs--font--size--07);
        font-weight: var(--t-gs--font--weight--light);
    }

    .section--search-jobs .article--card:not(.article--open) .article__content.article__content--description {
        visibility: hidden;
        max-block-size: 0;
        padding-block-start: var(--t-gs--space--0);
        padding-block-end: var(--t-gs--space--0);
    }

    .section--search-jobs .article--card .article__content:not(.article__content--description),
    .section--search-jobs .article--card.article--open .article__content.article__content--description {
        visibility: visible;
        max-block-size: unset;
        padding-block: var(--t-gs--space--m);
    }

    .section--search-jobs .article--card .article__content,
    .section--search-jobs .article--card .article__content .paragraph--inline {
        font-size: var(--t-gs--font--size--03);

    }

    .section--search-jobs .article--card .article__footer {
        justify-content: space-between;
        padding-block: var(--t-gs--space--m2);
    }

    .section--search-jobs .article--card .button--secondary,
    .section--search-jobs .article--card .button--share {
        color: var(--custom--qatarprimary);
    }

    .section--search-jobs .article--card .button--share {
        min-inline-size: var(--t-tc--buttons--width--min);
    }

}

/*
    PAGETYPES/Job details: Sections (Override/complement)
*/

.body--job-detail .grid--2--sidebar {
    margin-block-start: var(--t-gs--space--xl);
}

.body--job-detail .grid__item {
    padding-block-start: var(--t-gs--space--0);
}

.body--job-detail .grid__item--main .section__content {
    padding-block: var(--t-gs--space--l);
    padding-inline: var(--t-gs--space--l);
    background-color: var(--t-gs--swatch--neutral--100);
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--custom--grey25);
    border-radius: var(--t-gs--border--radius--xxl);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--job-detail .grid--2--sidebar {
        column-gap: var(--t-gs--space--xl);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--job-detail .grid__item--main {
        margin-block-end: var(--t-gs--space--xl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--job-detail .grid--2--sidebar {
        margin-block-start: var(--t-gs--space--l);
    }

    .body--job-detail .grid__item--main .section__content {
        padding-block: var(--t-gs--space--m);
        padding-inline: var(--t-gs--space--s2);
    }

}

/*
    PAGETYPES/Job details: Sections: Details (Override/complement)
*/

.body--job-detail .article__header__text__title {
    font-weight: var(--t-gs--font--weight--light);
}

.body--job-detail .article__content__view__field {
    padding-block-end: var(--t-gs--space--s2);
}


.body--job-detail .article__content__view__field .article__content__view__field__label,
.body--job-detail .article__content__view__field .MultipleDataSetFieldLabel {
    display: inline;
    font-weight: var(--t-gs--font--weight--medium);
}

.body--job-detail .article__content__view__field .article__content__view__field__label:after {
    content: ':';
    margin-left: calc(-1 * var(--t-gs--space--xs));
}

.body--job-detail .article__content__view__field .article__content__view__field__value,
.body--job-detail .article__content__view__field .MultipleDataSetFieldValue {
    display: inline;
}

.body--job-detail .article__content__view__field .article__content__view__field__value p {
    color: var(--custom--textmuted);
}

/*
    PAGETYPES/Job details: Sections: Aside (Override/complement)
*/

.body--job-detail .aside .article + .article {
    margin-block-start: var(--t-gs--space--0);
}

.body--job-detail .aside .article:not(:last-of-type) {
    margin-block-end: var(--t-gs--space--xl);
}

.body--job-detail .article--matching {
    & .article__header {
        & .article__header__chart {
            & .chart__doughnut {
                & .chart__svg {
                    --t-tc--doughnut--fill-color: var(--custom--qatarprimary);
                }
            }
        }
    }
}

.body--job-detail .article--matching {
    & .article__header {
        & .article__header__chart {
            & .chart__doughnut {
                & .chart__svg {
                    & .chart__track {
                        --t-tc--doughnut--empty-color: rgba(217, 217, 217, 1);

                    }
                }
            }
        }
    }
}

.body--job-detail .article--matching {
    & .article__header {
        & .article__header__chart {
            & .chart__doughnut {
                & .chart__svg {
                    & .chart__percentage {
                        --t-tc--doughnut--fill-color: var(--custom--textdefault);
                    }
                }
            }
        }
    }
}

.body--job-detail .article--matching .article__header__text .title {
    font-family: 'Graphik';
    font-size: var(--t-gs--font--size--05);
    font-weight: var(--t-gs--font--weight--medium);
}

.body--job-detail .aside .skills .tabs__list {
    display: flex;
}

.body--job-detail .aside .skills .tabs__list__item {
    flex: 1;
    padding-block: calc(var(--t-gs--space--base) * 4.5);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    text-transform: none;
    border-block-end-width: .2rem;
}

.body--job-detail .aside .skills .tabs__list__item--active {
    color: var(--custom--qatarprimary);
}

.body--job-detail .aside .skills .tabs__list__item a {
    display: block;
    text-align: center;
}

.body--job-detail .aside .skills .pill--skills,
.body--job-detail .aside .skills .pill--skills-b {
    --t-tc--pill--border--color: var(--custom--textmuted);
    font-size: var(--t-gs--font--size--03);
    color: var(--custom--textmuted);
    background-color: var(--t-gs--swatch--neutral--100);
}

.body--job-detail .aside .social-share__title {
    font-family: 'Graphik';
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--regular);
}

.body--job-detail .aside .article__content:has(.list--share) {
    margin-block-start: var(--t-gs--space--0);
}

.body--job-detail .aside .list--share .shareButton {
    inline-size: 2.8rem;
}

.body--job-detail .aside .list--share .shareButton.shareButton--linkedin {
    inline-size: 3.7rem;
}

.body--job-detail .aside .list--share .list__item + .list__item {
    margin-inline-start: var(--t-gs--space--s);
}

@media all and (max-width:1024px) {
    .body--job-detail .aside .article:first-of-type {
        margin-block-end: var(--t-gs--space--0);
    }

    .body--job-detail .aside .list--share .list__item + .list__item {
        margin-inline-start: var(--t-gs--space--0);
    }
}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--job-detail .aside:has(.list--share) .article--actions {
        padding-block-end: var(--t-gs--space--m);
    }

    .body--job-detail .aside .article:has(.social-share__title) {
        inset-block-end: var(--t-gs--space--s);
    }
}

@media all and (max-width:750px) {
    .body--job-detail .aside:has(.list--share) .article--actions {
        padding-block-end: calc(var(--t-gs--size--base) * 17);
    }
}

/*
    PAGETYPES/Job details: Jobs slider (Override/complement)
*/

.body--job-detail .section--jobs-slider:has(.slider) {
    margin-block-start: calc(var(--t-gs--space--base) * 20);
}

@media all and (max-width:1024px) {
    .body--job-detail .section--jobs-slider:has(.slider) {
        margin-block-start: var(--t-gs--space--m);
    }
}

/*
    PAGETYPES/Application: Form (Override/complement)
*/

.body--application .fieldSpec {
    padding-block-end: var(--t-gs--space--l);
}

.body--application .fieldSpec.TextField,
.body--application .fieldSpec .tc_formDescription {
    color: var(--custom--textmuted);
}

/*
    PAGETYPES/Registration: Form (Override/complement)
*/

.body--registration .fieldSpec,
.body--recommendation--register .fieldSpec {
    padding-block-end: var(--t-gs--space--l);
}

/*
    PAGETYPES/Talent community: Sections (Override/complement)
*/

.body--talent-community .embed-container:has(video) {
    block-size: unset;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--talent-community .grid__item.grid__item--aside-right {
        padding-inline-start: calc(var(--t-gs--space--base) * 32.5);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--talent-community .grid__item.grid__item--main {
        flex: 0 0 45.7%;
    }

    .body--talent-community .grid__item.grid__item--aside-right {
        flex: 0 0 54.3%;
        max-inline-size: 54%;
    }
}

/* Media query to target mobile only */
@media all and (max-width:750px) {
    .body--talent-community .embed-container:has(video) {
        padding-block-end: var(--t-gs--space--l);
    }
}

/*
    PAGETYPES/Talent community: Form (Override/complement)
*/

.body--talent-community .fieldSpec {
    padding-block-end: var(--t-gs--space--l);
}

/*
    PAGETYPES/Profile: Sections (Override/complement)
*/

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--profile {
        --t-tc--grid--columns--gap: var(--t-gs--space--xxxl);
    }

    .body--profile .grid--3--sidebars--subtabs--aside-right > .grid__item--subtabs {
        flex: 0 0 24.6rem;
        max-inline-size: 24.6rem;
        padding-inline-end: var(--t-gs--space--0);
    }

    .body--profile .grid--3--sidebars--subtabs--aside-right > .grid__item--main {
        flex: 0 0 67.8rem;
        max-inline-size: 67.8rem;
    }

    .body--profile .grid--2--sidebar--subtabs > .grid__item--main {
        min-block-size: 20rem;
    }

    .body--profile .grid__item--subtabs .subtabs__list {
        gap: var(--t-gs--space--0);
    }

    .body--profile .grid__item--subtabs .subtabs__list__item {
        padding-block: var(--t-gs--space--0);
        padding-inline-start: var(--t-gs--space--0);
        padding-inline-end: var(--t-gs--space--0);
        font-family: var(--t-gs--font--family--default);
        font-size: var(--t-gs--font--size--04);
        font-weight: var(--t-gs--font--weight--medium);
        color: var(--custom--qatarprimary);
    }

    .body--profile .grid__item--subtabs .subtabs__list__item:first-of-type {
        padding-block-start: var(--t-gs--space--s);
    }

    .body--profile .subtabs__list__item .subtabs__list__item__icon:after {
        font-size: var(--t-gs--font--size--12);
        font-weight: var(--t-gs--font--weight--light);
    }

    .body--profile .grid__item--subtabs .subtabs__list__item--selected {
        color: var(--custom--textdefault);
    }

    .body--profile .grid__item--subtabs .subtabs__list__item + .subtabs__list__item {
        padding-block-start: var(--t-gs--space--m);
    }

    .body--profile .grid__item--aside-right,
    .body--profile .grid__item--subtabs {
        & .aside {
            overflow-x: unset;
        }
    }
}

@media all and (max-width:1024px) {
    .body--profile .grid--2--sidebar {
        margin-block-start: var(--t-gs--space--0);
    }

    .body--profile .grid--3--sidebars--subtabs--aside-right > .grid__item--main {
        padding-block-start: var(--t-gs--space--l);
    }

    .body--profile .grid__item--subtabs {
        padding-block-start: var(--t-gs--space--0);
    }

    .body--profile .subtabs__list {
        border-block-end-width: var(--t-gs--border--width--0);
    }

    .body--profile .subtabs__list__item {
        padding-block: var(--t-gs--space--0);
        font-size: var(--t-gs--font--size--04);
        font-weight: var(--t-gs--font--weight--medium);
        color: var(--t-gs--swatch--neutral--000);
        text-decoration: underline;
        text-decoration-thickness: 0.1rem;
        text-underline-offset: 0.1rem;
    }

    .body--profile .subtabs__list__item + .subtabs__list__item {
        margin-inline-start: var(--t-gs--space--l);
    }

    .body--profile .article--details .article__header + .article__content {
        margin-block-start: var(--t-gs--space--m2);
    }

    .body--profile .article--details .article__content__view__field {
        padding-block-end: var(--t-gs--space--s2);
    }

    .body--profile .article--details + .article--details {
        padding-block-start: var(--t-gs--space--l);
        border-block-start-width: var(--t-gs--border--width--0);
    }

}

/*
    PAGETYPES/Profile: Details (Override/complement)
*/

.body--profile .article--details + .article--details {
    padding-block-start: calc(var(--t-gs--space--base) * 10.5);
    border-block-start-width: var(--t-gs--border--width--0);
}

.body--profile .article--details {
    padding-block-end: var(--t-gs--space--m);
    border-block-end-style: solid;
    border-block-end-width: var(--t-gs--border--width--s);
    border-block-end-color: var(--t-gs--color--border--default);
}

.body--profile .article--details.article--with-smaller-title {
    padding-block-start: var(--t-gs--space--xxxl);
    padding-block-end: var(--t-gs--space--0);
    border-block-start-width: var(--t-gs--border--width--0);
    border-block-end-width: var(--t-gs--border--width--0);
}

.body--profile .article--details.article--with-smaller-title:first-of-type {
    padding-block-start: var(--t-gs--space--xxl);
}

.body--profile .article--details .article__header + .article__content {
    margin-block-start: calc(var(--t-gs--space--base) * 4.5);
}

.body--profile .article--details.article--with-smaller-title .article__header + .article__content {
    margin-block-start: var(--t-gs--space--l);
}

.body--profile .section__header.section__header--tabs + *:not([class*="--narrow"]) {
        margin-block-start: var(--t-gs--space--s);
}

.body--profile .article .article__header__text__title {
    font-weight: var(--t-gs--font--weight--light);
    overflow: unset;
}

.body--profile .article.article--with-smaller-title .article__header__text__title {
    font-family: var(--t-gs--font--family--default);
    font-size: var(--t-gs--font--size--05);
    font-weight: var(--t-gs--font--weight--regular);
}

.body--profile .article--collapsible .toggle__icon:before,
.body--profile .article--collapsible[open] .toggle__icon:before {
    font-size: var(--t-gs--font--size--12);
}

.body--profile .attachments-wrapper .list__item__text__title {
    margin-block-end: var(--t-gs--space--m);
}

.body--profile .attachments-wrapper .list__item__actions {
    font-weight: var(--t-gs--font--weight--thin);
    color: var(--custom--grey25);
}

.body--profile .attachments-wrapper .list__item__actions .link,
.body--profile .attachments-wrapper .list__item__actions .link.link--error {
    font-weight: var(--t-gs--font--weight--medium);
    color: var(--t-gs--swatch--neutral--000);
    text-decoration: none;
}

.body--profile .attachments-wrapper + .button-bar  {
    padding-block-start: var(--t-gs--space--m);
}

.body--profile .article--details .article__content__view__field.article__content__skills .list {
    list-style: none;
}

.body--profile .article--details .article__content__view__field.article__content__skills .list {
    display: inline-flex;
    margin-block-end: var(--t-gs--space--0);
    margin-inline-start: var(--t-gs--space--0);
    padding-inline-start: var(--t-gs--space--0);
}

.body--profile .article--details .article__content__view__field.article__content__skills .list .list__item {
    display: inline;
    margin-block-start: var(--t-gs--space--s);
    margin-inline-end: var(--t-gs--space--s);
    padding-block: var(--t-gs--space--xs);
    padding-inline: var(--t-gs--space--s);
    vertical-align: middle;
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--regular);
    color: var(--custom--textmuted);
    background-color: var(--t-gs--swatch--neutral--100);
    border-style: solid;
    border-width: var(--t-gs--border--width--s);
    border-color: var(--custom--textmuted);
    border-start-start-radius: calc(var(--t-gs--border--radius--base) * 11);
    border-start-end-radius: calc(var(--t-gs--border--radius--base) * 11);
    border-end-start-radius: calc(var(--t-gs--border--radius--base) * 11);
    border-end-end-radius: calc(var(--t-gs--border--radius--base) * 11);
}

.body--profile .tabs__list__item {
    margin-block-end: -0.1rem;
    padding-block: calc(var(--t-gs--space--base) * 4.5);
    padding-inline: var(--t-gs--space--m);
    font-size: var(--t-gs--font--size--03);
    font-weight: var(--t-gs--font--weight--medium);
    text-transform: none;
    border-block-end-width: .2rem;
}

.body--profile .tabs__list__item.tabs__list__item--active {
    color: var(--custom--qatarprimary);
}

@media all and (max-width:1024px) {
    .body--profile .tabs__placeholder {
        display: block;
        position: relative;
        padding-block: calc(var(--t-gs--space--base) * 4.5);
        padding-inline: var(--t-gs--space--m);
        font-family: var(--t-gs--font--family--default);
        font-size: var(--t-gs--font--size--03);
        font-weight: var(--t-gs--font--weight--medium);
        color: var(--custom--qatarprimary);
        border-bottom-style: solid;
        border-bottom-width: var(--t-gs--border--width--s);
        border-bottom-color: var(--custom--grey25);
    }

    .body--profile .tabs__placeholder:before {
        content: '';
        display: block;
        inline-size: calc(100% - 4rem);
        block-size: var(--t-gs--space--xxs);
        position: absolute;
        inset-block-end: -0.1rem;
        inset-inline-start: 0;
        background-color: var(--custom--qatarprimary);
    }

    .body--profile .tabs__placeholder:after {
        position: absolute;
        inset: unset;
        inset-block-end: 0;
        inset-inline-end: 0;
        inline-size: var(--t-gs--space--xxl);
        block-size: var(--t-gs--space--xxl);
    }

    .body--profile .tabs__placeholder[aria-expanded=true]:after,
    .body--profile .tabs__placeholder[aria-expanded=false]:after {
        font-size: var(--t-gs--font--size--12);
    }

}

@media all and (max-width:750px) {
    .body--profile .article--details + .article--details {
        padding-block-start: var(--t-gs--space--l);
        border-block-start-width: var(--t-gs--border--width--0);
    }

    .body--profile .article--details.article--with-smaller-title:first-of-type {
        padding-block-start: var(--t-gs--space--l);
    }

    .body--profile .attachments-wrapper .list__item__actions .link.link--error {
        padding-block-start: var(--t-gs--space--s);
    }

    .body--profile .article--details .article__content__view__field.article__content__skills .list {
        flex-wrap: wrap;
    }

}

/*
    PAGETYPES/Profile: Jobs slider (Override/complement)
*/

.body--profile .section--jobs-slider {
    margin-block-start: calc(var(--t-gs--space--base) * 16);
}

/*
    PAGETYPES/Profile edit: Form (Override/complement)
*/

.body--profile-edit .fieldSpec {
    padding-block-end: var(--t-gs--space--l);
}

/*
    PAGETYPES/Profile delete (Override/complement)
*/

.body--profile-delete .article--alert {
    text-align: center;
}

.body--profile-delete .article--alert .button-bar:not(.fieldSpec) {
    padding-block-start: var(--t-gs--space--0);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--profile-delete .article--alert {
        --t-tc--article--width--max: 97.5rem;
    }

    .body--profile-delete .article--alert .form {
        margin-block-start: var(--t-gs--space--xl);
    }

    .body--profile-delete .article--alert .button-bar__wrap {
        --t-tc--button-bar--cols--gap: var(--t-gs--space--m);
    }
}

/*
    PAGETYPES/Profile job alerts (Override/complement)
*/

.body--profile-job-alerts .article--details {
    border-block-end-style: none;
}

.body--profile-job-alerts .section__header.section__header--tabs + *:not([class*="--narrow"]) {
    margin-block-start: var(--t-gs--space--xl);
}

.body--profile-job-alerts .grid__item--main .grid--dividers {
    margin-block-start: var(--t-gs--space--0);
}

.body--profile-job-alerts .grid__item--main .grid__item {
    padding-block-start: var(--t-gs--space--0);
}

/*
    PAGETYPES/Profile create/edit/delete job alert (Override/complement)
*/

.body--profile-create-job-alert .fieldSpec,
.body--profile-edit-job-alert .fieldSpec {
    padding-block-end: var(--t-gs--space--l);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--profile-create-job-alert .article--alert,
    .body--profile-edit-job-alert .article--alert,
    .body--profile-delete-job-alert .article--alert {
        --t-tc--article--width--max: 74.3rem;
    }

    .body--profile-create-job-alert .article--success,
    .body--profile-edit-job-alert .article--success,
    .body--profile-delete-job-alert .article--success {
        --t-tc--article--width--max: 61.6rem;
    }

    .body--profile-create-job-alert .article--alert .article__content,
    .body--profile-edit-job-alert .article--alert .article__content,
    .body--profile-delete-job-alert .article--alert .article__content,
    .body--profile-create-job-alert .article--success .article__content,
    .body--profile-edit-job-alert .article--success .article__content,
    .body--profile-delete-job-alert .article--success .article__content {
        margin-block-start: var(--t-gs--space--l);
    }

    .body--profile-delete-job-alert .article__footer {
        margin-block-start: var(--t-gs--space--xl);
    }

    .body--profile-delete-job-alert .form .button-bar:not(.fieldSpec) {
        padding-block-start: var(--t-gs--space--0);
    }

    .body--profile-create-job-alert .article--alert .form,
    .body--profile-edit-job-alert .article--alert .form {
        margin-block-start: var(--t-gs--space--xl);
    }

    .body--profile-create-job-alert .article--alert .button-bar__wrap,
    .body--profile-edit-job-alert .article--alert .button-bar__wrap {
        --t-tc--button-bar--cols--gap: var(--t-gs--space--m);
    }

    .body--profile-create-job-alert .list--links--bottom,
    .body--profile-edit-job-alert .list--links--bottom {
        margin-block-start: var(--t-gs--space--xxxl);
    }
}

/*
    PAGETYPES/Forgot password: Form (Override/complement)
*/

.body--forgot-password .form.form--has-errors .fieldSpec:has(.errorMessage) input[type=email] {
    border-color: var(--t-gs--color--border--error);
}

.body--forgot-password .form.form--has-errors .errorMessage:before {
    color: var(--t-gs--color--border--error);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--forgot-password .fieldSpec,
    .body--choose-password .fieldSpec {
        max-inline-size: 51%;
    }
}

/*
    PAGETYPES/Login: Sections (Override/complement)
*/

.body--login-page .article--registered {
    --t-tc--article--width--max: 31.6rem;
}

.form--login .description {
    color: var(--custom--textmuted);
}

.form--login label {
    font-weight: var(--t-gs--font--weight--regular);
}

.form--login .comment {
    font-size: var(--t-gs--font--size--04);
    --t-tc--fieldSpec--padding--inners: var(--t-gs--space--m);
}

.form--login .fieldSpec.passwordGroup {
    --t-tc--fieldSpec--padding--outers: var(--t-gs--space--s)
}

.form--login.form--has-errors .fieldSpec:has(.errorMessage) input[type=text]:not([class*=select2]):not(.LiveSearchInput),
.form--login.form--has-errors .fieldSpec:has(.errorMessage) input[type=password] {
    border-color: var(--t-tc--error--border--color);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--application--methods .grid--dividers > .grid__item:first-of-type {
        padding-inline-start: 16.7rem;
    }

    .body--recommendation--methods .grid--dividers > .grid__item:first-of-type {
        padding-inline-start: 10.3rem;
    }

    .body--application--methods .grid--dividers > .grid__item {
        padding-inline-start: 7.5rem;
    }

    .body--recommendation--methods .grid--dividers > .grid__item {
        padding-inline-start: 11.3rem;
    }

    .body--application--methods .grid--dividers > .grid__item .article__content,
    .body--recommendation--methods .grid--dividers > .grid__item .article__content,
    .body--login-page .grid--dividers > .grid__item .article__content {
        margin-block-start: var(--t-gs--space--l);
    }

    .body--application--methods .grid--dividers > .grid__item:not(:first-of-type):before,
    .body--recommendation--methods .grid--dividers > .grid__item:not(:first-of-type):before {
        inset-inline-start: calc((var(--t-tc--grid--dividers--gap--col) / 2.6) - .05rem);
    }

    .body--application--methods .grid--dividers > .grid__item .article--registered,
    .body--recommendation--methods .grid--dividers > .grid__item .article--registered {
        --t-tc--article--width--max: 31.1rem;
    }

    .body--application--methods .list--links--bottom,
    .body--recommendation--methods .list--links--bottom {
        margin-block-start: var(--t-gs--space--xxxl);
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--application--methods .grid--methods {
        justify-content: center;
    }

    .body--application--methods .grid--methods > .grid__item {
        flex: unset;
    }

    .body--application--methods .grid--methods > .grid__item:first-of-type {
        padding-inline-start: var(--t-gs--space--0);
    }

    .body--application--methods .grid--methods > .grid__item:not(:first-of-type) {
        padding-inline-start: var(--t-gs--space--l);
    }

    .body--application--methods .grid--methods .methodButton {
        padding-inline: var(--t-gs--space--0);
        margin-inline: var(--t-gs--space--0);
    }
}

/*
    PAGETYPES/Success: Sections (Override/complement)
*/

.body--success .main__content .section + .section {
    margin-block-start: calc(var(--t-gs--space--base) * 28);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--success .grid--dividers > .grid__item .article__content {
        margin-block-start: var(--t-gs--space--l);
    }

    .body--success .grid--dividers > .grid__item .article__footer {
        margin-block-start: var(--t-gs--space--xxl);
    }
}

/* Media query to target only desktop */
@media all and (max-width:750px) {
    .body--success .main__content .section + .section {
        margin-block-start: var(--t-gs--space--xxxl);
    }
}

/*
    PAGETYPES/Search blogs and Search events: Cards: Result (Override/complement)
*/
@media all and (min-width:750px) {
    .section--search-cards {
        .results__panel>* {
            flex-basis: calc(50% - var(--t-tc--grid--columns--gap));
            max-inline-size: calc(50% - var(--t-tc--grid--columns--gap));
        }
        .article--card .article__header {
            flex-grow:1;
        }
        .article--card .article__content {
            flex-grow:unset;
        }
    }
}

@media all and (min-width:750px) {
    .section--search-cards {
        .article--card .article__header__text>*{
            overflow: auto;
            white-space: unset;
            text-overflow: unset;
        }
    }
}

/* PAGETYPES: Open positions: Results without toggle (Override/complement)
   -------------------------------------------------------------------------- */

/* Media query to target only desktop */
@media all and (min-width:750px) {
    .article--result.article--non-toggle .article__content {
        max-block-size: unset;
        visibility: visible;
        margin-block-start: var(--t-tc--result--padding--inners--v);
    }

    .article--non-toggle .article__header__actions {
        display: none;
    }
 }

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */
.paragraph{
    color: var(--custom--textmuted);
}

.paragraph--inline {
    margin-inline-end: var(--t-gs--space--s);
    color: var(--custom--textdefault);
}

.section__header__text__subtitle--margin-start {
    margin-block-start: var(--t-gs--space--l);
}

.paragraph--padding-end {
    padding-block-end: var(--t-gs--space--m2);
}

.section--discover-our-culture {
    margin-block-start: var(--t-gs--space--xxxl);
    margin-block-end: var(--t-gs--space--xxxl);
}

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

.table--default tbody tr td:last-child .action+.action--td {
     margin-inline-start: var(--t-gs--space--xs);
}

.action .action--td {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.action .action--td a {
    text-decoration: none;
    color: inherit;
    font-size: 2.00rem;
}

.session-button.session-dialog-titlebar-close {
    position: absolute;
    top: 0;
}

.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section--discover-our-culture {
        text-align: center;
    }

}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .section--discover-our-culture .grid--2 > .grid__item {
        flex: 0 0 100%;
        max-inline-size: 100%;
    }

}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .section--discover-our-culture .grid__item:first-of-type {
        padding-inline-end: calc(var(--t-tc--grid--columns--gap) + var(--t-tc--grid--columns--1));
    }

    .subtabs__list__item + .subtabs__list__item {
        margin-inline-start: var(--t-gs--space--0);
    }

}

/*
    PLUGINS/Glightbox
*/

.glightbox-container {
    padding-inline-end: var(--t-tc--grid--laterals);
    padding-inline-start: var(--t-tc--grid--laterals);
}

.glightbox-container .ginner-container,
.gslide-external {
    block-size: 50vh;
}

.goverlay,
.glightbox-mobile .goverlay {
    background: var(--t-gs--color--surface--overlay--dark);
    will-change: unset;
}

.glightbox-clean .gslide-media {
    box-shadow: none;
    border-radius: var(--t-gs--border--radius--xxl);
    padding-block-start: var(--t-gs--space--xxl);
}

.glightbox-clean .gprev,
.glightbox-clean .gnext {
    display: none;
}

.gslide-external iframe > * {
    padding-inline-end: var(--t-gs--space--0);
}

.body--popup .main__wrapper {
    padding-block-start: var(--t-gs--space--0);
    padding-block-end: var(--t-gs--space--0);
    background-color: var(--t-gs--swatch--neutral--100);
}

.body--popup, .glightbox-open {
    block-size: 100%;
    background-color: var(--t-gs--swatch--neutral--100);
}

.body--popup .main__wrapper .tc_formTitle {
    font-size: var(--t-gs--font--size--10);
}

.body--popup .main__wrapper .tc_formDescription {
    font-size: var(--t-gs--font--size--04);
}

.body--popup .main__wrapper .Separator:has( .tc_formTitle):after {
    content: '';
    display: block;
    width: calc(100% + 7rem);
    height: 0.1rem;
    margin-block-start: 1.8rem;
    margin-inline: -3.2rem;
    background-color: rgba(219, 222, 232, 1.0);
}

.body--popup .main__wrapper .ButtonBarField:before {
    content: '';
    display: block;
    width: calc(100% + 7rem);
    height: 0.1rem;
    margin-block-start: 0.8rem;
    margin-block-end: 2.4rem;
    margin-inline: -3.2rem;
    background-color: rgba(219, 222, 232, 1.0);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .glightbox-container .ginner-container,
    .gslide-external {
        block-size: calc(100vh - var(--t-tc--grid--laterals)*2);
        max-block-size: 100vh;
    }
}

/*
    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 {
    width: 100%;
}

.section--content-page {
    margin: var(--t-gs--space--0);
    min-height: 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 {
    width: var(--floating-image--width);
    max-width: var(--floating-image--width);

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

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

.section--content-page [class*="--with-image"] .image__container ~ * {
    max-width: 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);
}