/* ==========================================================================
FONTS
LAYOUTS
    -------------------------------------------------------------------------
    Main
    Section
      : Action next to title (Override/complement)
      : Tabs in header (Override/complement)

    ELEMENTS
    -------------------------------------------------------------------------
    Buttons
      : Main
        : Primary (Override/complement)
    Indicators
      : Pills (New)
        : Good (New)
        : Great (New)
        : Skills (New)
        : Strong (New)
    Sort List
    Go Back Link
    Titles
    Forms

    COMPONENTS
    -------------------------------------------------------------------------
    Menu
    Cards
      : Articles as cards (Override/complement)
    Lists
      : Skills (New)
    Navigation
      : Steps bar (Override/complement)
      : Tabs (Inverting clickable colors - commented and ready to use)
    Search Jobs Section

    WIDGETS
    -------------------------------------------------------------------------
    Attachment upload (New)
    Registered
      : Article (Override/complement)
    Search
      : Visible (Override/complement)
    Swiper
      : Component (Override/complement)
    Brand Slider

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Main
      : Home (New)
      : Secondary (New)
    Section Main Banner
    Community Talent
    Footer

    PAGETYPES
    -------------------------------------------------------------------------
    Home
    Search jobs
      : List
      : Cards
        : Result (Override/complement)
    Job Detail
    Benefits
    Beyond The Bowl
    Content Pages
    How to get hired
    Find Your Fit
    -------------------------------------------------------------------------
    XXX
========================================================================== */
/*
    FONTS
*/

@font-face {
    font-family: 'Quaker';
    src: url('../fonts/Quaker/QUAKER1877SERIF-Bold.otf') format('opentype');
    font-weight: var(--t-gs--font--weight--bold);
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quaker';
    src: url('../fonts/Quaker/Quaker-Regular.otf') format('opentype');
    font-weight: var(--t-gs--font--weight--regular);
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ideal Sans';
    src: url('../fonts/Ideal/IdealSans-Bold.otf') format('opentype');
    font-weight: var(--t-gs--font--weight--bold);
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Ideal Sans';
    src: url('../fonts/Ideal/IdealSans-Book.otf') format('opentype');
    font-weight: var(--t-gs--font--weight--regular);
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 62.5%; /* this value gave us the possibility to manage rem units equivalent to 1rem=10px which facilitate calculations */
}

@media (width>=1600px) {
    html {
        font-size: 70.3125%; /* this increase all rem units values and enhance the portals for a better view in bigger screens */
    }
}

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

.glightbox-container.glightbox-clean .gclose svg,
.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon{
    display: inline;
}

.button,
.tc_formButton{
    text-transform: uppercase;
}

.section__header__search .tc_formButton{
    text-transform: initial;
}

.results .article__footer .button--secondary{
    min-inline-size: 12rem;
}

.tc_formButton:focus-visible,
.button:focus-visible{
    --t-tc--buttons--outline--width: var(--t-gs--border--width--0);
}

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

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

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

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

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

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

:root {
    --t-gs--swatch--matching--hue: 160;
    --t-gs--swatch--matching--sat: 70%;
    --t-gs--swatch--matching--100: hsl(var(--t-gs--swatch--matching--hue) var(--t-gs--swatch--matching--sat) 100%);
    --t-gs--swatch--matching--095: hsl(var(--t-gs--swatch--matching--hue) var(--t-gs--swatch--matching--sat) 95%);
    --t-gs--swatch--matching--090: hsl(var(--t-gs--swatch--matching--hue) var(--t-gs--swatch--matching--sat) 90%);
    --t-gs--swatch--matching--070: hsl(var(--t-gs--swatch--matching--hue) var(--t-gs--swatch--matching--sat) 70%);

    --t-gs--color--fill--matching: var(--t-gs--swatch--matching--100);
    --t-gs--color--fill--matching--good: var(--t-gs--swatch--matching--095);
    --t-gs--color--fill--matching--great: var(--t-gs--swatch--matching--090);
    --t-gs--color--fill--matching--strong: var(--t-gs--swatch--matching--070);

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

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

/* Inside a card but 100% wide */
.article--full-pill .pill {
    position: absolute;
    inline-size: 100%;
    inset-inline-start: 0;
    inset-block-start: 0;
    border-start-end-radius: var(--t-tc--card--border--radius);
    border-start-start-radius: var(--t-tc--card--border--radius);
    border-end-start-radius: var(--t-gs--border--radius--0);
    border-end-end-radius: var(--t-gs--border--radius--0);
}

.article--full-pill .article__header__text__title {
    padding-block-start: var(--t-gs--space--m);
}

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

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

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

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

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

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

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

.pill--skills,
.list--pills .list .list__item span {
    border-width: var(--t-gs--border--width--s);
    border-style: solid;
    border-color: var(--t-tc--pill--border--color);
}

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

/*
    ELEMENTS/Sort List
*/

.dropdown:hover .dropdown__item:hover {
    --t-tc--fields--background--color: var(--t-gs--swatch--brand);
    --t-tc--fields--font--color: var(--t-gs--swatch--neutral--100);
}

.sort__item__icon:after {
    --t-tc--icon--content: "arrow_downward";
}

.sort__item__icon:before {
    --t-tc--icon--content: "arrow_upward";
}

.sort__item--ASC .sort__item__icon:before {
    --t-tc--icon--content: "arrow_circle_up";
}

.sort__item--DESC .sort__item__icon:after {
    --t-tc--icon--content: "arrow_circle_down";
}

/*
    ELEMENTS/Go Back Link
*/

.list--links--bottom .link{
    font-size: var(--t-gs--font--size--03);
    text-transform: uppercase;
}

/*
    ELEMENTS/Titles
*/

.title--12 {
    --t-tc--title--font--size: var(--t-tc--title--h1);
}

/*
    ELEMENTS/Forms
*/

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

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

.section--jobs-slider .article--card .article__header{
    background-color: var(--t-gs--swatch--brand);
}

.section--jobs-slider .article--card .article__header .title,
.section--jobs-slider .article--card .article__header .title .link{
    color: var(--t-gs--swatch--neutral--100);
}

.section--jobs-slider .article--card .paragraph {
    font-size: var(--t-gs--font--size--04);
    padding-block-end: var(--t-gs--space--s2);
}

.article--card .article__footer {
    padding-block-start: calc(var(--t-tc--card--padding--inners));
    padding-block-end: calc(var(--t-tc--card--padding--inners));
}

.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 .button{
    text-transform: initial;
}

.swiper .article--card .button--secondary:hover,
.swiper .article--card .button--secondary:active{
    --t-tc--buttons--border--color: var(--t-gs--swatch--neutral--100);
    --t-tc--buttons--background--color: var(--t-gs--swatch--neutral--100);
}

@media (width >= 751px) {
    .article--card .article__header__text>* {
        white-space: wrap;
        text-overflow: unset;
        overflow: visible;
    }
}

@media all and (max-width:750px) {
    .body--search-jobs .article--card .article__header__text .link {
        font-size: var(--t-gs--font--size--08);
    }
}

/*
    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 {
        overflow-x: scroll;
        white-space: nowrap;
    }

    .skills .list--skills::-webkit-scrollbar {
        display: none;
    }

}

/*
    COMPONENTS/Menu
*/

.menu--visible .submenu__list{
    z-index: 14;
}

.menu--toggleable .menu__panel{
    z-index: 10;
}

html.tbd-focus .menu--visible .menu__link--open,
html.tbd-focus .menu--visible .menu__link[aria-haspopup=true][aria-expanded=true],
.menu--visible .menu__item:hover .menu__link[aria-haspopup=true]{
    box-shadow: unset;
}

.submenu__list{
    border: none
}

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

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

}

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

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

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

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

+TBD+
*/

/*
    COMPONENTS/Search Jobs Section
*/

.body--search-jobs .section--main--banner{
    margin-block: var(--t-gs--space--0);
}

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

.section__header .section__header__actions .toggle--search{
    --t-tc--toggle--background--color: var(--t-gs--swatch--neutral--095)
}

.section__header .section__header__actions .toggle--search::before{
    --t-tc--icon--font--color: var(--t-gs--swatch--brand);
}

.list-controls__text__reset, .list-controls__reset{
    font-style: initial;
}

html.tbd-focus {
    & :focus-visible {
       outline: unset;
        box-shadow: unset;
    }
}

@media all and (min-width:751px) {
    .list-controls__text__legend{
        margin-inline-end: var(--t-gs--space--m);
    }

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

@media all and (max-width:750px) {
    .section[search-type=toggleable] .section__header__tabs::after,
    .section[search-type=toggleable] .section__header__text::after{
        border-block-end-color: var(--t-gs--swatch--neutral--040);
    }

    .search--toggleable.search--open .tc_formLabel{
        --t-tc--labels--font--size: var(--t-gs--font--size--06);
        padding-block-end: var(--t-tc--fieldSpec--padding--inners);
    }

    .search--toggleable.search--open .tc_formButton{
        text-transform: uppercase;
    }
}

/*
    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/Registered: Article (Override/complement)
*/

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--registered {
        margin: var(--t-gs--space--0);
        background-color: unset;
        padding: var(--t-gs--space--0);
    }

}

/*
    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/Swiper: Component (Override/complement)
*/

:root{
    --t-tc--swiper__navigation--font--color: var(--t-gs--swatch--link)
}

.swiper-slide .article__footer .button--share [data-tc-icon="share"]::before{
    display: none;
}

@media all and (min-width:1025px) {
    .body--search-jobs .section--jobs-slider{
        margin-block-start: 8rem;
    }
}

@media all and (max-width:750px) {
    .body--search-jobs .section--jobs-slider .section__header__text__title{
        font-size: var(--t-gs--font--size--08);
    }
}

/*
    WIDGETS/Brand Slider
*/

.sf-horizontal-marquee {
    --sf-horizontal-marquee-duration: 40s;
}

.sf-horizontal-marquee {
    display: flex;
    flex-direction: column;
    position: relative;
    inline-size: 100%;

    .row {
        position: relative;
        padding: 0.8rem 0;

        .row-wrapper {
            display: flex;
            gap: 1.6rem;
            inline-size: max-content;
        }

        &.row1 .row-wrapper {
            animation: marquee-left var(--sf-horizontal-marquee-duration) linear infinite;
        }
        &.row2 .row-wrapper {
            animation: marquee-right var(--sf-horizontal-marquee-duration) linear infinite;
        }

        .item {

            .card {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: var(--t-gs--space--m) var(--t-gs--space--m);
                text-decoration: none;
                transition: all 0.3s ease-in-out;
                inline-size: 44rem;
                block-size: 26rem;
                border-start-start-radius: var(--t-gs--space--xl);
                border-start-end-radius: var(--t-gs--space--xl);
                border-end-end-radius: var(--t-gs--space--xl);
                transition: transform 0.3s ease;
                transform-origin: center center;

                .card_content {
                    display: flex;
                    flex-direction: column;

                    .whiteTitle {
                        font-family: var(--t-gs--font--family--emphasis);
                        font-size: 4.2rem;
                        color: var(--t-gs--color--white);
                        line-height: 1;
                        text-align: center;
                    }

                    .whiteTitle-up {
                        text-transform: uppercase;
                    }

                    .whiteComment {
                        font-family: 'Inter';
                        font-size: var(--t-gs--font--size--12);
                        color: var(--t-gs--color--white);
                        line-height: 1;
                        text-align: center;
                        font-weight: 900;
                    }

                    .yellowLink {
                        text-transform: uppercase;
                        color: var(--t-gs--swatch--button);
                        font-weight: 900;
                        margin-block-start: var(--t-gs--space--l);
                        text-align: center;

                        &:hover {
                            text-decoration: underline;
                        }
                    }

                    .signature {
                        font-family: 'Inter';
                        font-weight: normal;
                        font-size: var(--t-gs--font--size--default);
                        color: var(--t-gs--color--white);
                        line-height: 1;
                        text-align: center;
                        font-style: italic;
                        margin-block-start: var(--t-gs--space--l);
                    }
                }

                &:hover {
                    transform: scale(1.2);
                }
            }

        }
    }

    &::after {
        inset-block-start: 0;
        inset-inline-end: 0;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }

}

.sf-horizontal-marquee.cardSlider {

    .row {

        &:hover .row-wrapper {
            animation-play-state: paused;
        }
    }
}

.sf-horizontal-marquee.brandsCarrousel {
    display: flex;
    flex-direction: column;
    position: relative;
    inline-size: 100%;

    .row {
        position: relative;
        padding: 3.3rem 0;

        .row-wrapper {
            display: flex;
            gap: 3.2rem;
            inline-size: max-content;
        }

        .item {
            block-size: 5.2rem;
            inline-size: auto;
        }
    }
}

@keyframes marquee-left {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
@keyframes marquee-right {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}

.sf-horizontal-marquee .row-wrapper {
    position: relative;
    z-index: 1;
}

.sf-horizontal-marquee .row-wrapper:hover {
    z-index: 2;
}

.sf-horizontal-marquee .card {
    position: relative;
    z-index: 1;
}

@media all and (max-width:1024px) {

    &::before,
    &::after {
        inline-size: 8rem;
        background: linear-gradient(90deg, var(--sf-marquee-body-bg) 0, rgba(255, 255, 255, 0));
    }

  .sf-horizontal-marquee {

    & .row {
        & .item {
            .card {
                inline-size: 33.9rem;
                block-size: 20rem;
                }
            }
        }
    }
}

/*
    MODULES/Banner: Main
*/

.banner--main{
    background-image: none;
}

.body--home .banner.banner--main{
    min-block-size: unset;
}

.body:not(.body--home) .banner.banner--main:not(.banner--main--home){
    background-image: var(--t-tc--main__banner--background--image);
    block-size: 14rem;
    background-position: left 10%;
}

.banner.banner--main .banner__text__title{
    font-size: 4rem;
    text-align: left;
    color: var(--t-gs--swatch--neutral--100);
}

@media all and (max-width:1024px) {
    .banner.banner--main{
        min-block-size: 9.4rem;
    }

    .banner.banner--main .banner__text__title{
        text-wrap: auto;
    }
}

@media all and (min-width:1025px) {
    .banner.banner--main .banner__text{
        max-inline-size: 50%;
    }
}

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

.banner--main--home{
    height: 69rem;
    background-image: var(--t-tc--home__banner--background--image);
    position: relative;
}

.banner--main--home {
    background-position: center top;
    background-size: cover;
}

.banner--main--home .banner__text__title{
    margin-block-end: var(--t-gs--space--l);
}

.banner--image-left{
    background-image: var(--t-tc--home__banner--background--image-left);
    background-position: center;
    background-size: contain;
    position: absolute;
    block-size: 130%;
    inline-size: 25%;
    left: 0;
    bottom: -56%;
}

.banner--image-right{
    background-image: var(--t-tc--home__banner--background--image-right);
    background-position: center;
    background-size: contain;
    position: absolute;
    inset-block-start: 50rem;
    inset-inline-end: 0;
    block-size: 80%;
    inline-size: 16%;
}

@media all and (max-width:1024px) {
    .banner.banner--main .banner__text__title__phrase,
    .banner.banner--main .banner__text__title {
        font-size: 3.4rem;
        line-height: 1;
    }

    .banner.banner--main .banner__wrapper {
        padding-block-start: 5.5rem;
    }
}

@media all and (max-width:750px) {

    .banner--main--home{
        block-size: 79vw;
        background-size: 100%;
        margin-block-end: 4rem;
    }

    .banner--image-left{
        block-size: 34%;
        inline-size: 26%;
        bottom: -12%;
    }

    .banner.banner--main .banner__text__title__phrase {
        font-size: 2.8rem;
        line-height: 1;
    }

    .banner.banner--main .banner__wrapper {
        padding-block-start: 4rem;
        padding-inline: var(--t-gs--space--m);
    }
}

@media all and (min-width:450px) and (max-width:750px) {
    .banner.banner--main .banner__text{
        max-inline-size: 70%;
    }
}

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

.banner--secondary.banner--secondary--top {
    background-image: var(--t-tc--top--background--image);
    background-size: cover;
    background-position: center;
    block-size: 12rem;
    display: flex;
    z-index: 9;
    position: sticky;
    inset-block-start: 0;
    box-shadow: 0 0.6rem 1rem 0 var(--t-gs--swatch--neutral--010);
}

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

.banner--secondary.banner--secondary--top .form .Section {
    display: flex;
}

.banner--secondary--top .form .tc_formLabel{
    display: none;
}

.banner--secondary.banner--secondary--top .fieldSpec {
    padding-block-end: 0;
}

.banner--secondary.banner--secondary--top .form:not(.form--grid) .fieldSpec+.button-bar {
    padding-block-start: 0;
}

.banner--secondary.banner--secondary--top .banner__text__title__phrase {
    color: var(--t-gs--swatch--neutral--100);
    font-size: 4.2rem;
    margin-inline-end: var(--t-gs--space--l);
    line-height: 1.5;
}

.banner--secondary.banner--secondary--top .fieldSpec .submitButton.tc_formButton {
    margin-inline-start:var(--t-gs--space--m);
    font-size: 1.7rem;
    inline-size: 20.9rem;
}

.glightbox-container.glightbox-clean .gclose, .ui-dialog button.ui-button, .TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Primary, .TIN_display_Button[id*=TIN_display_Button].TIN_input_button_Cancel, .TIN_display_Button[id*=TIN_display_Button].TIN_display_CloserButton_NotificationAndDialog, .TIN_display_Button[id*=TIN_display_Button].autoschedule_editor_availability_header_Container_HeaderButton, .autoschedule_Availability .TIN_display_Anchor, .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .datepicker-skin-scheduling .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .tc_formButton, .button {
    font-weight: 900;
}

@media all and (min-width:1025px) {
    .banner--secondary.banner--secondary--top .form input[type=text]:not([class*=select2]):not(.LiveSearchInput) {
        inline-size: 40rem;
    }
}

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

}

/* 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);
        padding-block-end: var(--t-gs--space--xl);
    }

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

    .banner--secondary.banner--secondary--top .banner__text__title {
        display: none;
    }

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

    .banner--secondary.banner--secondary--top {
        inset-block-start: 7.6rem;
        position: static;
    }

    .banner--secondary.banner--secondary--top .form .Section {
        flex-direction: column;
    }

    .banner--secondary.banner--secondary--top .fieldSpec .submitButton.tc_formButton {
        margin-inline-start: var(--t-gs--space--0);
        margin-block-start: var(--t-gs--space--s2);
    }

    .banner--secondary.banner--secondary--top .banner__form {
        inline-size: 100%;
    }
}

/* 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-end: var(--t-gs--space--xl);
    }

}

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

    .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 .banner__text__title .banner__text__title__conjunction {
        display: none;
    }
}

/*
    MODULES/Section Main Banner
*/

.section--main--banner.section:not([class*=section--w--]){
    max-inline-size: 93rem;
}

.section--main--banner .grid--1--main{
    justify-content: center;
}

.section--main--banner .banner__text{
    inline-size: 100%;
}

.section--main--banner .banner__text__title.title{
    text-align: center;
    margin-block-end: var(--t-gs--space--l);
}

.section--main--banner .banner__text__description{
    text-align: center;
    font-size: var(--t-gs--font--size--06);
}

.section--main--banner .banner__text__description p + p{
    margin-block-start: var(--t-gs--space--l);
}

@media all and (min-width: 1025px) {
    .section--main--banner{
       margin-block-end: 8rem;
    }
}

@media all and (max-width:750px) {
    .body:not(.body--home) .banner.banner--main .banner--image--spoon{
        display: none;
    }
    .banner.banner--main .banner--image--spoon{
        background-image: var(--t-tc--home__banner--background--image-spoon);
        background-size: contain;
        background-position: center;
        block-size: 8.7rem;
        inline-size: 11.048rem;
        position: absolute;
        right: 0;
        bottom: -17rem;
    }

    .section--main--banner .banner__text__title.title{
        font-size: var(--t-gs--font--size--10);
    }
}

/*
    MODULES/Community Talent
*/

.banner--secondary--bottom{
    background-image: var(--t-tc--community-talent--background--image);
    background-size: cover;
    background-position: center;
    block-size: 30rem;
    position: relative;
}

.banner--secondary--bottom .banner__wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8%;
}

.banner--secondary--bottom .banner__text--inline{
    max-inline-size: 50rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--t-gs--space--0);
    z-index: 5;
}

.banner--secondary--bottom .title.banner__text__title{
    color: var(--t-gs--swatch--neutral--100);
    font-size: 4rem;
    margin: 0;
    margin-block-end: var(--t-gs--space--l);
}

.banner--secondary--bottom .banner--secondary--bottom__image{
    z-index: 4;
}

.banner--secondary--bottom .banner__image__inner{
    display: inline-block;
    block-size: 31.8rem;
    margin-block-end: 15rem;
}

.banner--secondary--bottom.banner--secondary .banner__text__title .banner__text__title__phrase{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.middle-word{
    font-size: 6rem;
}

.banner__overlay{
    position: absolute;
    inline-size: 50%;
    block-size: 30rem;
    background-image: var(--t-tc--community-talent--background--image--blue);
    background-size: cover;
    right: 0;
    top: 0;
    left: auto;
}

@media all and (max-width:1024px) {
    .banner--secondary--bottom{
        block-size: 23.2rem;
    }
    .banner--secondary--bottom .banner__wrapper{
        gap: 3%;
        position: relative;
        padding-block-start: var(--t-gs--space--l);
        padding-block-end: var(--t-gs--space--l);
        block-size: 23.2rem;
    }
    .banner--secondary--bottom .banner__text--inline{
        max-inline-size: 50%;
        padding-inline: var(--t-gs--space--s);
    }

    .banner--secondary--bottom .banner--secondary--bottom__image{
        block-size: 165%;
    }

    .banner--secondary--bottom .banner__image__inner{
        max-block-size: 18rem;
    }

    .banner--secondary--bottom .title.banner__text__title{
        font-size: var(--t-gs--font--size--10);
        margin-block-end: var(--t-gs--space--0);
    }

    .banner__text__title__phrase .middle-word{
        font-size: 4rem;
    }

    .banner__overlay{
        inline-size: 100%;
        block-size: 23.2rem;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .banner--secondary--bottom .button-bar.button-bar--center{
        position: absolute;
        z-index: 6;
        bottom: 0;
        width: 80vw;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */
    .banner--secondary--bottom .button-bar.button-bar--center{
        bottom: -1rem;
    }
}

/*
    MODULES/Footer
*/

.footer{
    border-block-start: unset;
}

.footer .link{
    color: var(--t-gs--color--text--default);
}

.footer .link:not(:last-child){
    margin-inline-end: var(--t-gs--space--l);
}

@media all and (max-width:750px) {
    .footer .footer__links {
        display: flex;
        flex-direction: column;
        gap: var(--t-gs--space--s);
        margin-block-start: var(--t-gs--space--m);
    }

    .footer .footer__links .footer__links__item{
        margin-inline-end: 0;
    }

    .footer .footer__rights {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--t-gs--space--m);
    }

    .footer .footer__rights__logo {
       margin: 0;
    }
}

/*
    PAGETYPES/Home
*/

.body--home .main{
  background-image: linear-gradient(
    180deg,
    hsl(0deg 0% 100%) 0%,
    hsl(0deg 0% 99%) 11%,
    hsl(0deg 0% 99%) 22%,
    hsl(0deg 0% 98%) 33%,
    hsl(0deg 0% 98%) 44%,
    hsl(0deg 0% 97%) 56%,
    hsl(0deg 0% 97%) 67%,
    hsl(0deg 0% 96%) 78%,
    hsl(0deg 0% 95%) 89%,
    hsl(0deg 0% 95%) 100%
  );
}

.image__section{
    background-image: var(--t-tc--home--background--image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    inline-size: 100%;
    block-size: 43.9rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block-start: calc(8rem - var(--t-tc--main--padding--top));
    margin-block-end: 8rem;
}

.image__section .section__image__inner{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.section__image__text{
    font-family: var(--t-gs--font--family--emphasis);
    color: var(--t-gs--swatch--neutral--100);
    font-size: var(--t-gs--font--size--12);
    margin-block-start: var(--t-gs--space--xl);
}

@media all and (max-width:750px) {
    .image__section{
        block-size: 34.4rem;
        margin-block-start: 6rem;
    }

    .image__section .section__image__inner .home__image--image{
        max-block-size: 17.6rem;
    }
    .section__image__text{
        font-size: var(--t-gs--font--size--10);
    }
}

/*
    PAGETYPES/Search jobs: List
*/

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

@media (width >= 1025px) {
    .results--listed {
        border-block-start-color: var(--t-gs--swatch--neutral--080);
        border-block-end-color: var(--t-gs--swatch--neutral--080);
    }

    .results--listed .toggle__icon::before{
        font-size: 4rem;
    }
}

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

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

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

.section--search-jobs .article--result + .article--result:before {
    content: '';
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    inset-inline-start: 0;
    border-block-start-width: var(--t-gs--border--width--s);
    border-block-start-style: solid;
    border-block-start-color: var(--t-gs--swatch--neutral--080);
}

.section--search-jobs .article--result .toggle{
     --t-tc--toggle--font--color: var(--t-gs--swatch--brand);
}

.article--result .toggle:hover,
.article--result .toggle:focus {
    --t-tc--toggle--background--color: var(--t-gs--swatch--neutral--100);
}

.article--collapsible .toggle__icon::before{
    font-size: 4rem;
}

@media all and (max-width:750px) {
    .toggle[aria-expanded=false] .toggle__icon::before,
    .toggle[aria-expanded=true] .toggle__icon::before,
    .article--collapsible .toggle__icon::before{
        font-size: 4rem;
    }

    .section--search-jobs .article--card .article__footer .button{
        text-transform: uppercase;
    }

    .section--search-jobs .article--card .article__footer .button--secondary{
        justify-content: flex-start;
    }
}

/*
    PAGETYPES/Job Detail
*/

.article--details+.article--details{
    border-block-start-color: var(--t-gs--swatch--neutral--080);
}

.article--view-more--aside .article__header{
    border-block-end-color: var(--t-gs--swatch--neutral--080);
}

.aside .article--view-more--aside .article__header__text__title{
    padding-inline-start: var(--t-gs--space--0);
}

.aside .article--view-more--aside .article__header__text__title::before{
    display: none;
}

.aside .article--view-more--aside .article__footer{
    margin-block-start: var(--t-gs--space--xxl);
}

.aside .article--view-more--aside .article__footer .link{
    text-transform: uppercase;
    font-size: var(--t-gs--font--size--03);
}

@media all and (min-width:1025px) {
    .body--job-detail .grid__item.grid__item--main{
        padding-inline-end: 15.6rem;
    }
}

@media all and (max-width:1024px) {
    .article--view-more--aside{
        background-color: var(--t-gs--swatch--neutral--100);
    }

    .article--details .article__header .article__header__text__title{
        font-weight: var(--t-gs--font--weight--bold);
    }
}

@media all and (max-width:750px) {
    .article--details .article__header .article__header__text__title{
        font-size: var(--t-gs--font--size--08);
    }

    .article--details .article__content .list--links .list__item{
        margin-block-end: var(--t-gs--space--s);
    }

    .article--details .article__content .list--links .list__item:last-child{
        margin-block-end: var(--t-gs--space--0);
    }

    .aside .article--view-more--aside{
        margin-block-start: var(--t-gs--space--l);
    }
}

/*
    PAGETYPES/Benefits
*/

.benefits-difference {
    padding-block-start: 6rem;
    position: relative;
}

.benefits-difference__title {
    text-align: center;
    margin-block-end: var(--t-gs--space--xxl);
}

.benefits-difference__title .title-hero {
    font-size: 4.2rem;
}

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

.benefits-difference__cards {
    display: flex;
    gap: var(--t-gs--space--l);
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.benefits-card__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block-start: 1.8rem;
    padding-block-end: var(--t-gs--space--s2);
}

.benefits-card__icon {
    display: flex;
    justify-content: center;
}

.heartIcon,
.sunIcon,
.houseIcon {
    inline-size: 10.5rem;
    block-size: 10.5rem;
}

.benefits-card__title {
    font-family: var(--t-gs--font--family--emphasis);
    font-size: var(--t-gs--font--size--12);
    color: var(--card-color);
    margin-block-start: var(--t-gs--space--l);
    line-height: 3.8rem;
    text-align: center;
    order: 1;
}

.benefits-card__body {
    background-color: var(--custom--light--grey);
    border-block-start: solid 1.8rem var(--card-color);
    padding: var(--t-gs--space--xxl) var(--t-gs--space--l);
    font-size: var(--t-gs--font--size--04);
    line-height: 2.8rem;
    min-block-size: 29rem;
}

.benefits-card__list {
    list-style: disc;
    padding-inline-start: var(--t-gs--space--l);
    font-size: var(--t-gs--font--size--06);
}

.benefits-card--living {
    --card-color: var(--custom--card-color--light-blue);
}

.benefits-card--money {
    --card-color: var(--custom--card-color--blue);
}

.benefits-card--mind {
    --card-color: var(--custom--card-color--purple);
}

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

.benefits-difference__container .article__footer .button {
    min-inline-size: 100%;
}

.button--benefits{
    background-color: var(--t-gs--swatch--neutral--000);
    color: var(--t-gs--swatch--neutral--100);
    border-color: var(--t-gs--swatch--neutral--000);
}

.button--benefits:hover{
    background-color: var(--t-gs--swatch--brand);
    color: var(--t-gs--swatch--button);
    border-color: var(--t-gs--swatch--brand);
}

.button--benefits:hover .downloadIcon{
    color: var(--t-gs--swatch--neutral--100);
}

@media all and (max-width:1024px) {
    .body--benefits .banner__image-benefitsBanner {
        inline-size: 100%;
        block-size: auto;
        inset-inline-end: 0;
    }

    .body--benefits .banner.banner--main .banner__text .title--hero {
        font-size: 3.4rem;
    }

    .body--benefits .section.section-content {
        margin-block-start: 4rem;
        margin-block-end: 4rem;
    }

    .body--benefits .banner.banner--main .banner__text__title.title.title--banner {
        flex-direction: column;
        align-items: flex-start;
    }

    .benefits-difference__title .title-hero {
        font-size: 2.6rem;
        display: block;
        line-height: normal;
    }

    .benefits-difference__cards {
        flex-direction: column;
    }

    .benefits-card {
        min-inline-size: 100%;
    }

    .benefits-card__title {
        font-size: var(--t-gs--font--size--06);
        line-height: normal;
    }

    .benefits-card__body {
        min-block-size: auto;
    }

    .benefits-card__header {
        padding: 1.8rem 2.4rem;
    }

}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--benefits .banner.banner--main .banner__text {
        margin-block-start: 65rem;
    }
}

/*
    PAGETYPES/Beyond the bowl
*/

.body--beyondTheBowl .section__header__text__title{
    margin-block: calc(8rem - var(--t-gs--space--xl));
}

.body--beyondTheBowl .section--main--banner{
    position: relative;
    z-index: 3;
}

.body--beyondTheBowl .section__image{
    margin-block-start: var(--t-gs--space--0);
}

.body--beyondTheBowl .section__image .grid__item{
    padding-block: var(--t-gs--space--0);
}

.body--beyondTheBowl .grid__item.text__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.body--beyondTheBowl .text__item .text__paragraph{
    font-size: var(--t-gs--font--size--06);
    color: var(--t-gs--swatch--neutral--000);
}

.body--beyondTheBowl .text__paragraph + .text__paragraph{
    margin-block-start: var(--t-gs--space--l);
}

.body--beyondTheBowl .grid--2{
    block-size: 33rem;
}

.section--dedicatedEmployee{
    margin-block-end: 8rem;
}

.section--managers{
    border-block-end: 0.2rem solid var(--t-gs--swatch--neutral--080);
    border-block-start: 0.2rem solid var(--t-gs--swatch--neutral--080);
    padding-block-start: 6rem;
    margin-block-start: 8rem;
    margin-block-end: 8rem;
    padding-block-end: 40rem;
}

.section--rolledWhiteOats{
    margin-block-start: 8rem;
}

.section--rolledWhiteOats .image__item{
    position: relative;
    z-index: 1;
}

.banner--image-left.beyondPage{
    z-index: 2;
    bottom: -6vw;
    transform: rotate(-196deg);
    left: -33vw;
    inline-size: 61%;
    block-size: 152%;
}

.section--dedicatedEmployee .image__item,
.section--managers .image__item{
    position: relative;
}

.banner--image-left.dedicatedEmployee{
    background-image: var(--t-tc--pakage--background--image);
    block-size: 15.3rem;
    background-size: contain;
    background-position: center;
    bottom: -4vw;
    left: -23rem;
}

.banner--image-right.managers{
    background-image: var(--t-tc--chewy--background--image);
    background-size: contain;
    background-position: center;
    inline-size: 21.4rem;
    block-size: 15.7rem;
    inset-block-start: 23rem;
    inset-inline-end: -4rem;
}

.banner--image-left.rolledWhiteOats{
    left: -15vw;
    inline-size: 61%;
    block-size: 152%;
}

@media all and (max-width:750px) {

    .body--beyondTheBowl .section--main--banner{
        margin-block-end: 13rem;
    }

    .banner--image-left.beyondPage {
        bottom: -44vw;
        inline-size: 61%;
        block-size: 95%;
    }

    .body--beyondTheBowl .section__image{
        padding-inline-end: var(--t-gs--space--0);
        padding-block: var(--t-gs--space--0);
        inline-size: 100vw;
        margin-inline-start: calc(var(--t-gs--space--m) * -1);
        margin-inline-end: calc(var(--t-gs--space--m) * -1);
    }

    .body--beyondTheBowl .section__image .grid__item{
        padding: 0;
    }

    .body--beyondTheBowl .section__header__text__title {
        margin-block: 4rem;
    }

    .section--dedicatedEmployee {
        margin-block-end: 0;
    }

    .banner--image-left.dedicatedEmployee{
        inline-size: 10.9rem;
        block-size: 10.8rem;
        left: 0;
    }

    .body--beyondTheBowl .grid--2 {
        block-size: auto;
        padding-block: 4rem;
        margin-block-start: 0;
        margin-block-end: 0;
    }

    .body--beyondTheBowl .grid--2 .grid__item:first-child{
        margin-block-end: 4rem;
    }

    .section--managers .image__item{
        order: -1;
        margin-block-end: 4rem;
    }

    .section--managers .text__item{
        margin-block-end: 0;
    }

    .banner--image-right.managers{
        inline-size: 16.2rem;
        block-size: 11.9rem;
        inset-inline-end: -3rem;
        inset-block-start: 11rem;
    }

    .banner--image-left.rolledWhiteOats{
        left: -17vw;
        inline-size: 43%;
        block-size: 59%;
    }
}

/* PAGETYPES: Content Pages
   -------------------------------------------------------------------------- */

@media all and (max-width:1024px) {
    .body.body--content-page:not(.body--home) .banner.banner--main:not(.banner--main--home){
        background-position: 12% center;
    }
}

/* PAGETYPES: How to get hired
   -------------------------------------------------------------------------- */
.body--howtogetHired .section-content.section-content--hiring{
    margin-block-start: var(--t-gs--space--0)
}

.body--howtogetHired .swiper-container {
    overflow: visible;
    clip-path: inset(-6rem 0 0 -2rem);

    z-index: 2;
}

.body--howtogetHired .hiring-slider .swiper-slide {
    block-size: 54rem;
}

.body--howtogetHired .hiring-slider .swiper-slide .slider-card__content {
    padding: 10rem 15rem;
    text-align: center;
}

.body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__step {
    font-family: var(--t-gs--font--family--emphasis);
    font-size: var(--t-gs--font--size--12);
    color: var(--t-gs--swatch--button);
}

.body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__title {
    font-family: var(--t-gs--font--family--emphasis);
    color: var(--t-gs--swatch--neutral--100);
    font-size: 3.6rem;
    margin-block-start: var(--t-gs--space--l);
}

.body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__text {
    color: var(--t-gs--swatch--neutral--100);
    font-size: var(--t-gs--font--size--05);
    margin-block-start: var(--t-gs--space--l);
}

.body--howtogetHired .hiring-slider .swiper-slide{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.body--howtogetHired .hiring-slider .swiper-slide.slide1 {
    background-image: var(--t-tc--slider--image-1);
}
.body--howtogetHired .hiring-slider .swiper-slide.slide2 {
    background-image: var(--t-tc--slider--image-2);
}
.body--howtogetHired .hiring-slider .swiper-slide.slide3 {
    background-image: var(--t-tc--slider--image-3);
}
.body--howtogetHired .hiring-slider .swiper-slide.slide4 {
    background-image: var(--t-tc--slider--image-4);
}
.body--howtogetHired .hiring-slider .swiper-slide.slide5 {
    background-image: var(--t-tc--slider--image-5);
}
.body--howtogetHired .hiring-slider .swiper-slide.slide6 {
    background-image: var(--t-tc--slider--image-6);
}

:root {
    --swiper-navigation-size: 3rem;
    --swiper-theme-color: var(--t-gs--swatch--neutral--100);
}

.swiper-button-next {
    inset-inline-end: 5rem;
}

.swiper-button-prev {
    inset-inline-start: 5rem;
}

.body--howtogetHired .hiring-slider .swiper-pagination-bullet{
    background-color: var(--t-gs--swatch--neutral--100);
    opacity: 1;
}

.body--howtogetHired .hiring-slider .swiper-pagination-bullet-active {
    background: var(--t-gs--swatch--button);
}
.slider--wrapper{
    position: relative;
    margin-block-end: 20rem;
}
.banner--image-right.hired-slider{
    transform: rotate(180deg);
    background-image: var(--t-tc--home__banner--background--image-left);
    inset-block-start: 30rem;
        right: -24vw;
        z-index: 1;
        inline-size: 67.9rem;
        block-size: 100%;
}

.section-hiring-faq .section-title{
    font-size: var(--t-gs--font--size--13);
}

.section-hiring-faq .section-title .text__subtitle{
    font-size: var(--t-gs--font--size--12);
}

.section-hiring-faq .article--details .article__header__text{
    display: flex;
}

.section-hiring-faq .article--details .article__header__text__title{
    font-size: var(--t-gs--font--size--07);
}

.section-hiring-faq .article--details .article__content .paragraph{
    font-size: var(--t-gs--font--size--06);
}

.section-hiring-faq .article--details{
    border-block-start: unset;
    border-block-end: unset;
}

.article__header__decoration{
    display: inline-block;
    min-block-size: 10.9rem;
    min-inline-size: 2rem;
    background-color: var(--t-gs--swatch--button);
    margin-inline-end: 1rem;
}

.article--collapsible .toggle__icon::before{
    color: var(--t-gs--swatch--brand);
}

.section-hiring-faq .text__subtitle{
    margin-block: var(--t-gs--space--xl);
}

@media all and (max-width:1024px) {
    .section-hiring-faq .section-title{
        font-size: var(--t-gs--font--size--10);
    }
    .section-hiring-faq .text__subtitle{
        font-size: var(--t-gs--font--size--08);
    }

    .body--howtogetHired .hiring-slider .swiper-slide {
        max-block-size: 54.2rem;
        max-inline-size: 37.5rem;
    }

    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content {
        padding: var(--t-gs--space--xl);
        block-size: 100%;
    }

    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__step {

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

    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__title {

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

    .body--howtogetHired .hiring-slider .swiper-button-next,
    .body--howtogetHired .hiring-slider .swiper-button-prev {
        display: none;
    }

    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__step,
    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__title{
        font-size: var(--t-gs--font--size--08);
    }

    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__text{
        font-size: var(--t-gs--font--size--04);
    }

    .body--howtogetHired .hiring-slider .swiper-slide {
        border-radius: 0 4rem 0 4rem;
    }
    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__text {
        margin-block-start: var(--t-gs--space--xl);
    }

    .swiper-pagination-bullet {
        inline-size: var(--t-gs--space--s2);
        block-size: var(--t-gs--space--s2);
    }

    .banner--image-right.hired-slider{
        inline-size: 35rem;
    }
}

/* PAGETYPES: Find your fit
   -------------------------------------------------------------------------- */

.body--findYourFit .section--main--banner{
    background-image: linear-gradient(
    180deg,
    hsl(0deg 0% 100%) 0%,
    hsl(0deg 0% 99%) 11%,
    hsl(0deg 0% 99%) 22%,
    hsl(0deg 0% 98%) 33%,
    hsl(0deg 0% 98%) 44%,
    hsl(0deg 0% 97%) 56%,
    hsl(0deg 0% 97%) 67%,
    hsl(0deg 0% 96%) 78%,
    hsl(0deg 0% 95%) 89%,
    hsl(0deg 0% 95%) 100%
  );
}

.body--findYourFit .main__wrapper{
    padding-inline-start: var(--t-gs--space--0);;
    padding-inline-end: var(--t-gs--space--0);;
    max-inline-size: unset
}

.body--findYourFit .article_makeImpact{
    padding-inline-start: var(--t-tc--grid--laterals);
    padding-inline-end: var(--t-tc--grid--laterals);
}

.body--findYourFit .section--main--banner .section__content{
    padding-inline-start: var(--t-tc--grid--laterals);
    padding-inline-end: var(--t-tc--grid--laterals);
}

.body--findYourFit .section--main--banner .grid--1{
    padding-block-end: 8rem;
    padding-block-start: 8rem;
}

.body--findYourFit .section.section-content .paragraph{
    font-size: var(--t-gs--font--size--06);
}

.body--findYourFit .section.section-content .paragraph + .paragraph{
    margin-block-start: var(--t-gs--space--l);
}

.article__content__links{
    margin-block-start: var(--t-gs--space--xxxl);
}

.links__list{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.link.link--item{
    color: var(--custom--color--clickable);
    font-size: var(--t-gs--font--size--03);
    text-transform: uppercase;
    inline-size: 33%;
    margin-block-end: var(--t-gs--space--l);
}

.link--banner{
    font: inherit;
    font-weight: var(--t-gs--font--weight--bold);
}

.link--findYourFit {
    text-decoration: underline;
}

@media all and (min-width:1025px) {
    .body--findYourFit .section--main--banner.section:not([class*=section--w--]){
        padding-inline: calc(100% - 120rem);
        max-inline-size: unset;
        margin-block-end: var(--t-gs--space--0);
    }

    .body--findYourFit .section.section-content{
        max-inline-size: calc(var(--t-tc--grid--laterals) + var(--t-tc--content--w--full) + var(--t-tc--grid--laterals));
        padding-block-start: var(--t-tc--main--padding--top);
        margin-block-start: var(--t-gs--space--0);
    }
}

@media all and (max-width:1024px) {
    .body--findYourFit .section--main--banner .section__content{
        padding-inline-start: var(--t-gs--space--0);
        padding-inline-end: var(--t-gs--space--0);
    }

    .body--findYourFit .section--main--banner .banner__text__title,
    .body--findYourFit .section--main--banner .banner__text__description{
        padding-inline-start: var(--t-tc--grid--laterals);
        padding-inline-end: var(--t-tc--grid--laterals);
    }

    .body--findYourFit .section--main--banner .grid--1 .grid__item{
        padding-inline-start: var(--t-gs--space--0);
    }

    .body--findYourFit .main .title--hero{
        font-size: var(--t-gs--font--size--10);
    }

    .link.link--item{
        inline-size: 100%;
    }
}
/* PAGETYPES: RJP Detail
   -------------------------------------------------------------------------- */

.section-rjp-top {
    display: flex;
    inline-size: 100%;
    gap: 8rem;
    padding-block-end: 8rem;
    border-block-end: solid 1rem var(--t-gs--swatch--neutral--090);
}

.section-rjp-top__text,
.section-rjp-top__image {
    flex: 1 1 50%;
    box-sizing: border-box;
    padding: 1rem;
    align-content: center;
}

.section-rjp-top__text .title {
    font-size: 3.4rem;
    line-height: normal;
}

.section-rjp-top__text .paragraph {
    margin-block-start: var(--t-gs--space--s2);
    font-size: var( --t-gs--font--size--06);
    line-height: 2.8rem;
}

.rjp-box {
    background-color: var(--t-gs--swatch--button);
    padding: 5rem 3.2rem;
    text-align: center;
    margin-block-start: 8rem;
}

.rjp-box-icon {
    inline-size: 13rem;
}

.rjp-box-icon .paragraph {
    line-height: normal;
}

.rjp-box-icon .paragraph {
    font-size: 1.6rem;
}

.rjp-box-icons {
    display: flex;
    justify-content: space-around;
    margin-block-start: 3.5rem;
    padding: 0 8rem;
}

.rjp-box-header {
    margin-block-end: var(--t-gs--space--m2);
    min-block-size: 9.4rem;
    align-content: center;
}

.section-rjp-video {
    max-inline-size: 74.3rem;
    margin: 4.8rem auto;
}

.body--rjpdetail .section.section--jobs-slider {
    border-block-start: solid 1rem var(--t-gs--swatch--neutral--090);
    padding-block-start: 8rem;
    margin-block-start: var(--t-gs--space--0);
}

.body--rjpdetail .section--jobs-slider .section__header__text {
    display: flex;
    align-items: baseline;
}

.body--rjpdetail .section--jobs-slider .section__header__text .title {
    margin-inline-end: var(--t-gs--space--m2);
}

@media all and (max-width:1024px) {
    .section-rjp-top {
        flex-direction: column;
        padding-block-start: var(--t-gs--space--0);
        padding-block-end: var(--t-gs--space--xxl);
        gap: var(--t-gs--font--size--08);
    }

    .section-rjp-top__text{
        order: -1;
    }

    .section-rjp-top__image iframe {
        max-inline-size: 100%;
        block-size: 25rem
    }

    .rjp-box {
        padding: 3.2rem 1.6rem;
        margin-block-start: 5rem;
    }

    .rjp-box .title {
        font-size: var(--t-gs--font--size--08);
        line-height: normal;
    }
    .rjp-box-icons {
        flex-direction: column;
        padding: 0 1.6rem;
    }
    .rjp-box-icon {
        inline-size: 100%;
    }
    .rjp-box-icon + .rjp-box-icon {
        margin-block-start: 2.6rem;
    }

    .body--rjpdetail .banner__text__title.title.title--banner {
        font-size: 2.6rem;
        line-height: 1;
        text-align: center;
    }

    .section--jobs-slider .section__header__text__title.title {
        line-height: normal;
    }
}

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

/* PAGETYPES: Reg/App methods: Article
   -------------------------------------------------------------------------- */

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--registered {
        margin: var(--t-gs--space--0);
        background-color: unset;
        padding: var(--t-gs--space--0);
    }
}

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */
.article--view-more--content-box {
    border-radius: var(--t-gs--border--radius--xl);
    background-color: var(--t-gs--color--surface--secondary);
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    padding-block-start: var(--t-gs--space--xxl);
    padding-inline-end: var(--t-tc--grid--laterals);
    padding-inline-start: var(--t-tc--grid--laterals);
    padding-block-end: var(--t-gs--space--l);
    text-align: start;
}

/* Media query to target only desktop */
@media (min-width: 1025px) {
    .article--view-more--content-box{
        --t-tc--article--width--max: var(--t-tc--content--w--narrower);
    }
}