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

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

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

    MODULES
    -------------------------------------------------------------------------
    Banner
      : Home (New)
      : Secondary (New)
    Slider (New)

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

    UTILITIES
    -------------------------------------------------------------------------
    XXX
========================================================================== */

/*
    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) {
    html {
    overflow-x: hidden;
    }

    .body--footer-sticky {
    block-size: auto;
    }

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

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

}

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

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

.article--card .button--secondary,
.article--card .button--tertiary,
.article--card .button--share {
    --t-tc--buttons--font--size: initial;
}

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

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

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

}

/*
    MODULES/Header
*/

@media all and (max-width:1024px) {
    .header {
        z-index: 10;
        position: sticky;
        inset-block-start: 0;
    }
}

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

.banner.banner--main.banner--main--home {
    background-image: url(../images/bannerHome.webp);
    block-size: 69rem;
    margin-block-end: 0;
    background-position: bottom center;
    background-size: cover;
}

.banner.banner--main.banner--main--home .banner__wrapper {
    align-items: start;
    padding-block-start: 9rem;
}

.banner.banner--main.banner--main--home .banner__text__title__phrase {
    font-size: 6rem;
    color: var(--t-gs--color--white);
}

.banner.banner--main.banner--main--home .banner__text__title__phrase:last-child {
    margin-inline-start: calc(-1 * var(--t-gs--space--s2));
}

.banner.banner--main.banner--main--home .banner__title-brush {
    margin: 0;
    color: var(--t-gs--color--yellow);
    position: relative;
    inset-block-start: var(--t-gs--space--s2);
}

.submitButton.tc_formButton {
    --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);
    /* templatebuilder .button--primary --t-tc--buttons--border--radius - to be deleted on basePortalCloner */

    html[data-animations="default"] & {
        --t-tc--buttons__before--background--color--initial: var(--t-gs--swatch--button--090);
        --t-tc--buttons__before--background--color--final: var(--t-gs--color--fill--primary--hover);
    }
}

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

.submitButton.tc_formButton:focus {
    --t-tc--buttons--border--color: var(--t-gs--swatch--button);
    --t-tc--buttons--border--width: 0.15rem;
    --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);
}

.submitButton.tc_formButton:active {
    --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);
}

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

.ButtonBarField .tc_formButton:hover, .ButtonBarField .tc_formButton:focus, .ButtonBarField .tc_formButton:active, .greyButtonBar .tc_formButton:hover, .greyButtonBar .tc_formButton:focus, .greyButtonBar .tc_formButton:active, .glightbox-container.glightbox-clean .gclose:hover, .glightbox-container.glightbox-clean .gclose:focus, .glightbox-container.glightbox-clean .gclose:active, .ui-dialog button.ui-button:hover, .ui-dialog button.ui-button:focus, .ui-dialog button.ui-button:active, .TIN_display_Button[id*=TIN_display_Button]:hover, .TIN_display_Button[id*=TIN_display_Button]:focus, .TIN_display_Button[id*=TIN_display_Button]:active, .autoschedule_Availability .TIN_display_Anchor:hover, .autoschedule_Availability .TIN_display_Anchor:focus, .autoschedule_Availability .TIN_display_Anchor:active, .button:hover, .button:focus, .button:active {
    outline-width: 0;
}

@media all and (min-width:751px) and (max-width:1024px) {
    .banner.banner--main.banner--main--home {
        background-image: url(../images/bannerHomeTablet.webp);
        block-size: 56rem;
    }
}

@media all and (max-width:750px) {
    .banner.banner--main.banner--main--home {
        background-image: url(../images/bannerHomeMobile.webp);
        block-size: 38.6rem;
    }

}

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

    .banner.banner--main.banner--main--home .banner__text__title.title {
        text-align: center;
    }

    .banner.banner--main.banner--main--home .banner__title-brush {
        font-size: 7.9rem;
        inset-block-start: var(--t-gs--space--s);
    }

    .banner.banner--main.banner--main--home .banner__text__title__phrase:last-child {
        margin-inline-start: var(--t-gs--space--0);
    }

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

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

.banner--secondary.banner--secondary--top {
    background-image: url(../images/topBannerDesktop.webp);
    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 rgba(0, 0, 0, 0.5);
}

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

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

.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--color--white);
    font-size: 4.2rem;
    margin-inline-end: var(--t-gs--space--l);
}

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

.banner--secondary.banner--secondary--top .form input[type=text]:not([class*=select2]):not(.LiveSearchInput) {
    inline-size: 40rem;
}

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

}

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

    .banner--secondary.banner--secondary--top {
        background-image: url(../images/topBannerMobile.webp);
    }

}

@media (width >= 1600px) {
    .banner--secondary.banner--secondary--top {
        background-image: url(../images/topBannerBigscreens.webp);
    }
}

/*
    MODULES/Slider (New)
*/

.section--jobs-slider .slider {
    position: relative;
}

.section--jobs-slider .swiper-container {
    inline-size: calc(100% - (var(--t-gs--space--l)*2) - var(--swiper-navigation-size));
}

.section--jobs-slider .swiper-slide {
    block-size: auto;
}

.section--jobs-slider .swiper-slide .article--card {
    box-sizing: border-box;
    padding: 0;
}

.section--jobs-slider .swiper-button-next.swiper-button-disabled,
.section--jobs-slider .swiper-button-prev.swiper-button-disabled {
    --swiper-theme-color: var(--color--black);
}

.section--jobs-slider .swiper-button-next,
.section--jobs-slider .swiper-button-prev {
    inline-size: var(--swiper-navigation-size);
    block-size: var(--swiper-navigation-size);
    color: var(--t-gs--color--blue)
}

.section--jobs-slider .swiper-button-next:after,
.section--jobs-slider .swiper-button-prev:after {
    font-size: var(--t-gs--font--size--06);
}

.section--jobs-slider .swiper-button-next,
.section--jobs-slider .swiper-container-rtl .swiper-button-prev {
    inset-inline-end: -1rem;
}

.section--jobs-slider .swiper-button-prev,
.section--jobs-slider .swiper-container-rtl .swiper-button-next {
    inset-inline-start: -1rem;
}

.section--jobs-slider .swiper-pagination-bullet {
    opacity: 1;
    background-color: var(--color--grey--subtle);
}

.section--jobs-slider .swiper-pagination-bullet-active {
    background-color: var(--color--grey--medium);
}

.section--jobs-slider .swiper-pagination-bullet {
    block-size: 1rem;
    inline-size: 1rem;
}

.section--jobs-slider .swiper--matching--jobs .article--card .article__header {
    background-color: var(--t-gs--color--darkBlue);
    min-block-size: 8.4rem;
}

.section--jobs-slider .swiper--browsing--history .article--card .article__header {
    background-color: var(--t-gs--color--darkBlue);
    min-block-size: 13.2rem;
}

.section--jobs-slider .article--card .article__header .link {
    color: var(--t-gs--color--white);
    font-size: var(--t-gs--font--size--08);
    line-height: 2.5rem;
}

.section--jobs-slider .article--card .article__header__text {
    line-height: 2.5rem;
    color: var(--t-gs--color--white);
}

.section--jobs-slider .article--card .article__header__text .article__header__text__title.title {
    color: var(--t-gs--color--white);
}

.article--card .button--secondary, .article--card .button--tertiary, .article--card .button--share {
    border-width: 0;
    font-weight: 900;
}

.section--jobs-slider .article--card .button--share span[data-tc-icon]::before {
    content: none;
}

.section--jobs-slider .section__header__text {
    display: flex;
}

.section--jobs-slider .section__header__text .link {
    align-content: center;
    margin-inline-start: var(--t-gs--space--s2);
}

@media (width >= 751px) {
    .swiper--matching--jobs .article--card .article__header__text>* {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        white-space: normal;
        line-height: 2.5rem;
    }

    .swiper--browsing--history .article--card .article__header__text>* {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        white-space: normal;
        line-height: 2.5rem;
    }
}

@media all and (max-width:750px) {
    .section--jobs-slider .swiper-container {
        inline-size: calc(100% - (var(--t-gs--space--l)*3) - var(--swiper-navigation-size));
    }

    .section--jobs-slider .swiper-button-next, .section--jobs-slider .swiper-container-rtl .swiper-button-prev {
        inset-inline-end: 1rem;
    }

    .section--jobs-slider .swiper-button-prev, .section--jobs-slider .swiper-container-rtl .swiper-button-next {
        inset-inline-start: 1rem;
    }

    .section--jobs-slider {
        margin-block-end: var(--t-gs--space--xxl);
    }
}

@media all and (max-width: 1025px) {
    .section--jobs-slider .section__header__text {
        display: block;
    }

    .section--jobs-slider .section__header__text .link {
        margin-inline-start: var(--t-gs--space--0);
    }
}

/*
    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);
    color: var(--t-gs--color--darkText);
}

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

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

/*
    MODULES/Header
*/

.menu__link {
    color: var(--t-gs--swatch--button);
}

.menu__link:hover {
    color: var(--t-gs--color--blue);
}

.menu__link::after {
    color: var(--t-gs--color--blue);
}

.menu--visible .menu__list--separator-left {
    margin-inline-start: 0;
    padding-inline-start: 0;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true] {
    box-shadow: none;
}

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

/*
    MODULES/Banner
*/

.banner .banner__title-brush {
    font-family: var(--t-gs--font--family--alt);
    font-size: 13rem;
    color: var(--t-gs--color--darkBlue);
    font-weight: var(--t-gs--font--weight--regular);
    margin-inline-end: var(--t-gs--space--xxl);
    margin-inline-start: var(--t-gs--space--xl);
}

.banner.banner--main {
    position: relative;
    margin-block-end: var(--t-gs--space--l);
    block-size: auto;
}

.banner.banner--main .banner__image-dots {
    position: absolute;
    inset-block-start: -9.5rem;
    inline-size: 16rem;
    block-size: 19rem;
}

.banner.banner--main .banner__wrapper {
    justify-content: center;
    align-items: end;
    min-block-size: 20rem;
    block-size: auto;
}

.banner.banner--main .banner__text {
    display: flex;
}

.banner.banner--main .banner__text .title--hero {
    display: flex;
    align-items: center;
    text-align: center;
    line-height: normal;
}

/*
    MODULES/Footer
*/

.footer {
    border: 0;
    background-color: var(--t-gs--swatch--button);
    color: var(--t-gs--color--white);
}

.footer__dynamic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    padding: 1rem;
}

@media (max-width: 768px) {
    .footer__dynamic {
        padding-block-start: 0;
    }
}

.footer__links__item.link {
    color: var(--color--white);
    font-weight: bold;
}

.footer__links--first-two {
    display: flex;
}

.footer__links--remaining {
    display: flex;
    margin-block-start: 1.6rem;
}

@media (max-width: 768px) {
    .footer__links--remaining {
        display: block;
        text-align: center;
        margin-block-start: 0;
    }
}

@media (min-width: 1025px) {
    .footer__links__divider {
        margin-inline-start: 1.6rem;
        margin-inline-end: 1.6rem;
    }
}

@media (max-width: 750px) {
    .footer__rights {
        display: flex;
        flex-direction: column;
    }
    .footer__rights__copy {
        margin-block-start: 1.5rem;
        font-size: 1.6rem;
    }
    .logo--footer {
        position: relative;
        inset-inline-start: 1.4rem;
    }
}

/*
    MODULES/Breadcrumbs
*/

.breadcrumbs .list__item.list__item--active {
    font-weight: var(--t-gs--font--weight--bold);
}

/* PAGETYPES: Open positions
   -------------------------------------------------------------------------- */

.body--search-jobs .grid--2--sidebar {
    justify-content: space-between;
}

.body--search-jobs .grid--2--sidebar--filters>.grid__item--main {
    max-inline-size: 84.7rem;
}

.body--search-jobs .grid__item.grid__item--filters .title {
    color: var(--t-gs--color--darkText);
}

.body--search-jobs .grid__item.grid__item--filters .ButtonBarField:not([class*=button-bar--cols]) .tc_formButton,
.body--search-jobs .grid__item.grid__item--filters .button-bar:not([class*=button-bar--cols]) .tc_formButton {
    min-inline-size: 100%;
    font-weight: var(--t-gs--font--weight--bold);
}

.button {
    text-transform: uppercase;
}

.body--search-jobs .grid__item.grid__item--filters .clearButton.tc_formButton,
.body--search-jobs .grid__item.grid__item--filters .clearButton.tc_formButton:focus {
    border-width: 0.2rem;
    --t-tc--buttons--border--color: var(--t-gs--color--border--on--fill--secondary);
    --t-tc--buttons--background--color: var(--t-gs--color--fill--secondary);
    --t-tc--buttons--font--color: var(--t-gs--color--text--on--fill--secondary);
}

.body--search-jobs .grid__item.grid__item--filters .clearButton.tc_formButton:hover,
.body--search-jobs .grid__item.grid__item--filters .clearButton.tc_formButton:active {
    --t-tc--buttons--border--color: var(--t-gs--color--darkerGray);
    --t-tc--buttons--background--color: var(--t-gs--color--darkerGray);
    --t-tc--buttons--font--color: var(--t-gs--color--fill--secondary);
}

.button-bar__wrap, .ButtonBarField .tc_formField, .TIN_input_button_Container.ButtonsContainer, .autoschedule_NoAvailableContent_ButtonsContainer {
    row-gap: var(--t-gs--space--l);
}

.list-controls__text__legend-bold {
    font-weight: var(--t-gs--font--weight--bold);
}

.results.results--listed .article__header__text .link {
    font-size: var(--t-gs--font--size--12);
}

.article--result .article__footer {
    margin-block-start: var(--t-gs--space--xl);
}

.article--result .article__footer .button {
    inline-size: 12rem;
}

.article__header__actions .toggle__icon:before {
    color: var(--t-gs--color--blue);
    font-weight: var(--t-gs--font--weight--bold);
    font-size: var(--t-gs--font--size--13);
}

.body--search-jobs .section.section--jobs-slider {
    margin-block-start: 8rem;
}

.body--search-jobs .section .ButtonBarField .button-bar__wrap {
    margin-block-start: var(--t-gs--space--m);
}

@media (width >= 1025px) {
    .list-controls--top {
        margin-block-end: var(--t-gs--space--l);
    }

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

@media all and (max-width: 1025px) {
    :root {
        --t-tc--header--height: 7.6rem;
    }

    .header__wrapper {
        min-block-size: 100%;
        padding-block-start: var(--t-gs--space--0);
        padding-block-end: var(--t-gs--space--0);
    }

    html[menu-type=toggleable][menu-panelFrom="right"][menu-panelEffect="over"] .menu__panel {
        inset-block-start: 7.6rem;
    }

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

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

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

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

    .menu--toggleable .menu__panel {
        z-index: 10;
        border-block-start-style: none;
        box-shadow: none;
        padding-inline-start: var(--t-gs--space--m);
        padding-inline-end: var(--t-gs--space--m);
    }

    .menu__link {
        padding-block-start: var(--t-gs--space--s2);
        padding-block-end: var(--t-gs--space--s2);
    }

    .menu__link::after {
        color: var(--t-gs--swatch--button);
    }

    .menu__link[aria-expanded=true]:after {
        color: var(--t-gs--color--blue);
    }

    :where(.menu__link,.tabs__placeholder,.subtabs__list__item--active h3):after {
        font-size: var(--t-gs--font--size--13);
        font-weight: 900;
    }

    html[menu-type=toggleable][menu-panelFrom="right"] .menu__panel {
        inline-size: 100%;
    }

    .menu__link:focus {
        outline-style: none;
    }

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

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

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

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

    .banner--secondary.banner--secondary--top .form input[type=text]:not([class*=select2]):not(.LiveSearchInput) {
        inline-size: 100%;
    }

    .banner--secondary.banner--secondary--top .fieldSpec .submitButton.tc_formButton {
        margin-inline-start: var(--t-gs--space--0);
        font-size: var(--t-gs--font--size--default);
        inline-size: 100%;
        margin-block-start: var(--t-gs--space--s);
    }

    .form input[type=text]:not([class*=select2]):not(.LiveSearchInput) {
        font-size: var(--t-gs--font--size--default);
    }

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

    .banner.banner--main .banner__wrapper {
        padding-block-end: var(--t-gs--space--m);
        min-block-size: 10rem;
        block-size: auto;
    }

    .banner .banner__title-brush {
        font-size: 4.5rem;
        margin-inline-end: var(--t-gs--space--s2);
        margin-inline-start: var(--t-gs--space--0);
    }

    .banner.banner--main .banner__text .title--hero {
        font-size: var(--t-gs--font--size--09);
        color: var(--t-gs--color--darkText);
        line-height: 1;
        z-index: 2;
    }

    .banner.banner--main .banner__image-dots {
        position: absolute;
        inset-block-start: -11.5rem;
        inset-inline-start: -3.5rem;
        max-block-size: 16rem;
    }

    .breadcrumbs .list__item.list__item--active {
        font-weight: normal;
    }

    .section[search-type=toggleable] .section__header__text:after {
        border-block-end-color: var(--t-gs--color--darkerGray);
    }

    :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,.list--bullet--custom li):before {
        color: var(--t-gs--color--blue);
        font-weight: 900;
    }

    .section[search-type=toggleable] .section__header__text {
        max-inline-size: 100%;
    }

    .section[search-type=toggleable] .section__header__actions {
        margin-inline-start: var(--t-gs--space--s2);
        background-color: var(--t-gs--color--lightGray);
    }

    .article--card .toggle {
        align-items: start;
        padding-block-start: var(--t-gs--space--m);
    }

    .article__header__actions .toggle__icon:before {
        font-weight: normal;
        font-size: var(--t-gs--font--size--11);
    }

    .article__header__text__title.title {
        line-height: 1.2;
        margin-block-end: var(--t-gs--space--s2);
    }

    .article__header__text__title.title .link {
        line-height: 1.2;
    }

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

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

    .article--card .article__content {
        font-size: var(--t-gs--font--size--04);
    }

    .article--card .button--secondary,
    .article--card .button--share {
        --t-tc--buttons--border--color: var(--t-gs--color--white);
        font-weight: 900;
        font-size: 1.7rem;
    }

    .button--share:focus, .button.button--share:focus {
        --t-tc--buttons--border--color: var(--t-gs--color--white);
    }

}

/*
    MODULES/Banner: Secondary Bottom
*/

.banner.banner--secondary--bottom {
    block-size: 30rem;
    background-image: url(../images/bottomBannerDesktop.webp);
    background-size: cover;
    background-position: center;
}

.banner.banner--secondary--bottom .banner__wrapper {
    justify-content: center;
}

.banner.banner--secondary--bottom .banner__text__title.title {
    display: flex;
    align-items: center;
}

.banner.banner--secondary--bottom .banner__text__title__phrase {
    margin-inline-end: 4rem;
}

.banner.banner--secondary--bottom .banner__text__title__phrase--regular {
    font-size: 6rem;
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--color--white);
    line-height: 1;
    margin-inline-end: var(--t-gs--space--m2)
}

.banner.banner--secondary--bottom .banner__text__title__phrase--brush {
    font-family: 'GorockBrush';
    font-weight: normal;
    font-size: 14rem;
    color: var(--t-gs--color--yellow);
    line-height: normal;
    margin-inline-start: 10.5rem;
}

.banner.banner--secondary--bottom .button {
    block-size: 4rem;
    inline-size: 30rem;
}

@media (width >= 1600px) {
    .banner.banner--secondary--bottom {
        background-image: url(../images/bottomBannerBigscreens.webp);
    }
}

@media all and (max-width: 750px) {
    .banner.banner--secondary--bottom {
        background-image: url(../images/bottomBannerMobile.webp);
    }
}

@media all and (max-width: 1025px) {
    .banner.banner--secondary--bottom .banner__text__title.title {
        flex-direction: column;
    }

    .banner.banner--secondary--bottom .banner__text__title__phrase--regular {
        font-size: 3.4rem;
        margin-inline-end: var(--t-gs--space--0);
    }

    .banner.banner--secondary--bottom .banner__text__title__phrase--brush {
        font-size: 7.9rem;
        margin-inline-start: var(--t-gs--space--0);
    }

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

    .banner.banner--secondary--bottom {
        block-size: 27.6rem;
    }
}

/*
    MODULES/Brands Carrousel
*/

.brandsCarrousel .swiper-slide {
    block-size: 5.2rem;
    margin-block-start: 3.3rem;
    margin-block-end: 3.3rem;
    align-items: center;
    justify-content: center;
}

.list.list--links.list--links--bottom .link {
    text-transform: uppercase;
    font-weight: 900;
}

/* PAGETYPES: Job Detail
   -------------------------------------------------------------------------- */

.body--jobDetail .grid__item.grid__item--main .article__header__text__title.title {
    font-size: 3.4rem;
}

.body--jobDetail .grid__item.grid__item--aside-right .article__header__text__title.title {
    font-family: var(--t-gs--font--family--default);
    font-weight: normal;
    font-size: var(--t-gs--font--size--default);
    text-transform: none;
}

.body--jobDetail .grid__item.grid__item--aside-right .article--view-more--aside .article__header__text__title.title {
    font-weight: var(--t-gs--font--weight--bold);
    padding-inline-start: 0;
}

.body--jobDetail .grid__item.grid__item--aside-right .article--view-more--aside .article__header__text__title.title::before {
    display: none;
}

.body--jobDetail .grid__item.grid__item--aside-right .article--view-more--aside .article__footer {
    margin-block-start: var(--t-gs--space--xl);
}

.body--jobDetail .grid__item.grid__item--aside-right .article--view-more--aside .article__footer .link {
    text-transform: uppercase;
    font-weight: 900;
}

.list--share .shareButton {
    inline-size: calc(var(--t-gs--size--base) * 9);
    block-size: calc(var(--t-gs--size--base) * 8);
}

.list--view-more .list__item__text__subtitle {
    margin-block-start: var(--t-gs--space--xs);
}

@media (width >= 1025px) {
    .body--jobDetail .grid.grid--2--sidebar.grid--2--sidebar--aside-right {
        justify-content: space-between;
    }
    .body--jobDetail .grid--2--sidebar--aside-right>.grid__item--main {
        max-inline-size: 76.7rem;
    }
}

@media all and (max-width: 1025px) {
    .body--jobDetail .grid__item.grid__item--main .article__header__text__title.title {
        font-size: var(--t-gs--font--size--06);
        color: var(--t-gs--color--darkText);
    }

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

    .article--details .article__content__view {
        font-size: var(--t-gs--font--size--04);
    }

    .article--view-more--aside {
        background-color: var(--t-gs--color--white);
    }

    .body--jobDetail .article--actions {
        inset-block-end: 4.8rem;
        box-shadow: none;
    }

    .body--jobDetail .article.article-share {
        position: fixed;
        inset-block-end: 0;
        inset-inline: 0;
        margin-block-start: var(--t-gs--space--0);
        background-color: var(--t-gs--color--white);
        padding-block-start: 0.1rem;
        padding-block-end: var(--t-gs--space--m);
        padding-inline-start: var(--t-tc--grid--laterals);
        padding-inline-end: var(--t-tc--grid--laterals);
        display: flex;
        z-index: 4;
    }

    .body--jobDetail .article.article-share .article__header .article__header__text__title.title {
        margin-block-end: var(--t-gs--space--0);
    }

    .body--jobDetail .article.article-share .article__content {
        margin-block-start: var(--t-gs--space--0);
        inline-size: 100%;
    }

    .body--jobDetail .article.article-share .article__content .list--share {
        justify-content: center;
    }

    .body--jobDetail.body--footer-sticky .footer {
        margin-block-end: 4.8rem;
    }
}

/* PAGETYPES: Home
   -------------------------------------------------------------------------- */

.body--home .main__wrapper {
    max-inline-size: 100%;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-start: 0;
}

.body--home *+.section {
    margin-block-start: var(--t-gs--space--0);
}

.body--home .section_culture {
    margin-block-start: 8rem;
    margin-block-end: 8rem;
}

.body--home .section_culture .section__header__text__subtitle {
    font-size: 1.9rem;
    color: var(--t-gs--color--darkText);
    max-inline-size: 104.6rem;
    text-align: center;
    justify-self: center;
}

.body--home .title .title-phrase {
    font-size: 4.2rem;
    color: var(--t-gs--color--darkText);
    padding-inline-end: var(--t-gs--space--xs);
}

.body--home .title .title-brush {
    font-family: 'GorockBrush';
    color: var(--t-gs--color--darkBlue);
    font-size: 7.3rem;
    font-weight: normal;
}

.body--home .section.t--c {
    position: relative;
    margin-block-end: 12rem;
    margin-block-start: 8rem;
}

.body--home .section.t--c .section__header__text__subtitle {
    font-size: 1.9rem;
    color: var(--t-gs--color--darkText);
    max-inline-size: 104.6rem;
    justify-self: center;
    margin-block-start: var(--t-gs--space--l);
    margin-block-end: 6rem;
}

.body--home .section.t--c .section__header+* {
    margin-block-start: var(--t-gs--space--m);
}

.body--home .circlesImage {
    block-size: 16.3rem;
    position: absolute;
    inset-inline-start: 0;
    inset-block-start: 5rem;
}

.section_flaminhot {
    background-image: url(../images/faminhot--desktop.webp);
    background-position: center;
    background-size: cover;
    block-size: 38.2rem;
}

.section_flaminhot .section__wrapper {
    block-size: 100%;
    display: flex;
    align-items: end;
}

.section_flaminhot .section__wrapper .button {
    block-size: var(--t-gs--space--xxl);
    inline-size: 32rem;
    margin-block-end: 7rem;
    font-size: 1.7rem;
}

.body--home .section_findus .section__header__text__title.title {
    text-align: center;
}

.body--home .section_findus {
    margin-block-start: 8rem;
}

.body--home .section_findus .section__content--historys {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--t-gs--space--s);
    margin-block-start: var(--t-gs--space--xxxl);
}

.body--home .section_findus .section__content--social {
    display: flex;
    justify-content: center;
    padding-block-start: 6rem;
}

.section_findus .section__content--social .social__item+.social__item {
    margin-inline-start: var(--t-gs--space--m)
}

.body--home .section--jobs-slider {
    margin-block-start: 8rem;
}

.body--home .cardSlider .card_content .cardTextBreak {
    line-height: 1;
}

@media (width >= 1025px) {
    .body--home .section--jobs-slider {
        max-inline-size: calc(var(--t-tc--grid--laterals) + var(--t-tc--content--w--full) + var(--t-tc--grid--laterals));
        inline-size: 100%;
        margin-inline: auto;
        padding-inline-start: var(--t-tc--grid--laterals);
        padding-inline-end: var(--t-tc--grid--laterals);
    }
}

@media (width >= 1600px) {
    .section_flaminhot {
        background-image: url(../images/faminhot--bigScreens.webp);
    }
}

@media all and (max-width:1024px) {
    .body--home .section_culture {
        margin-block-start: 4rem;
        margin-block-end: 4rem;
    }

    .body--home .section.t--c .section__header__text__title.title {
        display: flex;
        flex-direction: column;
    }

    .body--home .title .title-phrase {
        font-size: var(--t-gs--font--size--09);
        line-height: 1;
    }

    .body--home .title .title-brush {
        font-size: 4.5rem;
    }

    .body--home .section.t--c {
        margin-block-end: var(--t-gs--space--s);
    }

    .body--home .section.video-mobile {
        margin-block-end: var(--t-gs--space--xxxl);
        position: relative;
    }

    .body--home .section.video-mobile .circlesImageMobile {
        position: absolute;
        inset-block-start: -5rem;
        inset-inline-end: 0;
    }

    .body--home .section.video-mobile .embed-container {
        z-index: 2;
    }

    .section_flaminhot {
        background-image: url(../images/faminhot--mobile.webp);
    }

    .section_flaminhot .section__wrapper {
        align-items: center;
        justify-content: center;
    }

    .section_flaminhot .section__wrapper .button {
        margin-block-end: 6rem;
    }

    .body--home .section_findus {
        margin-block-start: var(--t-gs--space--xxl);
        margin-block-end: var(--t-gs--space--xxxl);
    }

    .body--home .section_findus .section__header__text__title.title {
        display: flex;
        flex-direction: column;
    }

    .body--home .section_findus .section__content {
        margin-block-start: var(--t-gs--space--m);
    }

    .body--home .section_findus .section__content--historys{
        gap: 1rem;
        flex-wrap: wrap;
        margin-block-start: var(--t-gs--space--0);
    }

    .body--home .section_findus .section__content--historys .history_image {
        flex: 0 0 calc(50% - 0.5rem);
        max-inline-size: 100%;
        block-size: auto;
    }

    .body--home .section_findus .section__content--historys .history_image .history_image-item {
        display: flex;
        justify-self: center;
    }

    .body--home .section_findus .section__content--social {
        padding-block-start: var(--t-gs--space--xxl);
    }

    .body--home .section--jobs-slider {
        margin-block: var(--t-gs--space--0);
        inline-size: 100%;
        margin-inline: auto;
        padding-inline-start: var(--t-tc--grid--laterals);
        padding-inline-end: var(--t-tc--grid--laterals);
    }
}

@media all and (min-width:751px) and (max-width:1024px) {
    .section_flaminhot {
        background-image: url(../images/faminhot--tablet.webp);
        block-size: 75.6rem;
    }
}

/* ---------------------------------------------- */
/* Snippflow CSS Horizontal Marquee with Items */
/* ---------------------------------------------- */

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

.card-fritoLay {
    background-color: var(--t-gs--color--lightViolet);

    .cardSlider_fritoLay {
        inline-size: 16rem;
    }
}

.card-boldBenefits {
    background-color: var(--t-gs--color--blue);
}

.card-weAreGoing {
    background-color: var(--t-gs--color--violetDark);
}

.card-image1 {
    background-image: url(../images/card-image1.webp);
    background-position: center;
    background-size: cover;
}

.card-delivering {
    background-color: var(--t-gs--color--red);
}

.card-image2 {
    background-image: url(../images/card-image2.webp);
    background-position: center;
    background-size: cover;
}

.card-cashIn {
    background-color: var(--t-gs--color--orange);
}

.card-image3 {
    background-image: url(../images/card-image3.webp);
    background-position: center;
    background-size: cover;
}

.card-heros {
    background-color: var(--t-gs--color--lightRed);
}

.card-image4 {
    background-image: url(../images/card-image4.webp);
    background-position: center;
    background-size: cover;
}

.card-image5 {
    background-image: url(../images/card-image5.webp);
    background-position: center;
    background-size: cover;
}

.card-image6 {
    background-image: url(../images/card-image6.webp);
    background-position: center;
    background-size: cover;
}

.card-ifYouAre {
    background-color: var(--t-gs--color--lightRed);

    .whiteComment {
        padding: 0 2.5rem;
    }
}

.card-standOut {
    background-color: var(--t-gs--color--lighterViolet);

    .titleBrush {
        font-family: var(--t-gs--font--family--alt);
        font-size: 13rem;
        margin: 0;
        color: var(--t-gs--color--yellow);
        position: relative;
        inset-block-end: var(--t-gs--space--xs);
        line-height: 0.5;
    }
}

.card-what {
    background-color: var(--t-gs--color--yellow);

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

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

.card-image7 {
    background-image: url(../images/card-image7.webp);
    background-position: center;
    background-size: cover;
}

.card-youHave {
    background-color: var(--t-gs--color--green);
}

.card-image8 {
    background-image: url(../images/card-image8.webp);
    background-position: center;
    background-size: cover;
}

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

.sf-horizontal-marquee .card:hover {
    z-index: 3;
    transform: scale(1.2);
}

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

    .sf-horizontal-marquee .row .item .card.card-ifYouAre .card_content .whiteComment {
        font-size: var(--t-gs--font--size--09);
    }

    .sf-horizontal-marquee .row .item .card.card-boldBenefits .card_content .whiteTitle {
        font-size: var(--t-gs--font--size--12);
    }

    .sf-horizontal-marquee .row .item .card.card-standOut .card_content .titleBrush {
        font-size: 10rem;
    }

}

/* PAGETYPES: A Space To Be You
   -------------------------------------------------------------------------- */

.body--aSpaceToBeYou .banner.banner--main {
    min-block-size: 46.5rem;
}

.body--aSpaceToBeYou .banner.banner--main .banner__wrapper {
    justify-content: start;
    block-size: 100%;
    align-items: center;
    padding-block-end: var(--t-gs--space--xl);
}

.body--aSpaceToBeYou .banner.banner--main .banner__text {
    inline-size: 100%;
    display: block;
    max-inline-size: 64.6rem;
    z-index: 2;
}

.body--aSpaceToBeYou .banner.banner--main .banner__text__title.title.title--banner {
    display: flex;
    align-items: center;
    line-height: 1;
}

.body--aSpaceToBeYou .banner.banner--main .banner__text .title--hero {
    display: inline;
    font-size: 5.6rem;
    line-height: 1;
}

.body--aSpaceToBeYou .banner .banner__title-brush {
    margin-inline-end: var(--t-gs--space--0);
    margin-inline-start: var(--t-gs--space--s2);
    line-height: 0.9;
}

.body--aSpaceToBeYou .banner__text__title.title.title--paragraph {
    font-family: var(--t-gs--font--family--default);
    font-size: var( --t-gs--font--size--04);
    font-weight: normal;
    margin-block-start: var(--t-gs--space--l);
    line-height: 2.8rem;
}

.body--aSpaceToBeYou .banner__text__title.title.title--paragraph .link {
    color: var(--t-gs--swatch--button);
    text-decoration: underline;
}

.body--aSpaceToBeYou .banner__image-aSpaceBanner {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    block-size: 44.5rem;
}

.body--aSpaceToBeYou .section.section-content {
    margin-block-start: 12rem;
}

.body--aSpaceToBeYou .section-video {
    position: relative;
    margin-block-end: 8rem;
}

.body--aSpaceToBeYou .left-videoBar {
    position: absolute;
    block-size: 30rem;
    inset-inline-start: -6.7rem;
    inset-block-start: -6.7rem;
}

.body--aSpaceToBeYou .right-videoBar {
    position: absolute;
    block-size: 23.9rem;
    inset-inline-end: -6.7rem;
    inset-block-end: -6.7rem;
}

.body--aSpaceToBeYou .embed-container {
    z-index: 2;
}

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

.body--findYourFit .banner.banner--main {
    min-block-size: 46.5rem;
}

.body--findYourFit .banner.banner--main .banner__wrapper {
    justify-content: start;
    block-size: 100%;
    align-items: center;
    padding-block-end: var(--t-gs--space--xl);
}

.body--findYourFit .banner.banner--main .banner__text {
    inline-size: 100%;
    display: block;
    max-inline-size: 64.6rem;
    z-index: 2;
}

.body--findYourFit .banner.banner--main .banner__text__title.title.title--banner {
    display: flex;
    align-items: center;
    line-height: 1;
}

.body--findYourFit .banner.banner--main .banner__text .title--hero {
    display: inline;
    font-size: 5.6rem;
    line-height: 1;
}

.body--findYourFit .banner .banner__title-brush {
    margin-inline-end: var(--t-gs--space--0);
    margin-inline-start: var(--t-gs--space--s2);
    line-height: 0.9;
}

.body--findYourFit .banner__text__title.title.title--paragraph {
    font-family: var(--t-gs--font--family--default);
    font-size: var( --t-gs--font--size--04);
    font-weight: normal;
    margin-block-start: var(--t-gs--space--l);
    line-height: 2.8rem;
}

.body--findYourFit .banner__text__title.title.title--paragraph .link {
    color: var(--t-gs--swatch--button);
    text-decoration: underline;
}

.body--findYourFit .banner__image-findYourFit {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    block-size: 44.5rem;
}

.body--findYourFit .section.section-content {
    margin-block-start: 12rem;
}

.body--findYourFit .section-video {
    position: relative;
    margin-block-end: 8rem;
}

.body--findYourFit .left-videoBar {
    position: absolute;
    block-size: 30rem;
    inset-inline-start: -6.7rem;
    inset-block-start: -6.7rem;
}

.body--findYourFit .right-videoBar {
    position: absolute;
    block-size: 23.9rem;
    inset-inline-end: -6.7rem;
    inset-block-end: -6.7rem;
}

.body--findYourFit .embed-container {
    z-index: 2;
}

.section-title {
    padding-block-start: 8rem;
    padding-block-end: 8rem;
}

.section-title .section-titleExplore {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-title .section-titleExplore .title-brush {
    font-family: var(--t-gs--font--family--alt);
    font-size: 7.3rem;
    color: var(--t-gs--color--darkBlue);
    font-weight: var(--t-gs--font--weight--regular);
    margin-inline-end: var(--t-gs--space--m);
    margin-block-end: var(--t-gs--space--xs);
}

.section-title .section-titleExplore .title.title--hero {
    font-size: 4.2rem;
    color: var(--t-gs--color--darkText);
    margin-inline-end: var(--t-gs--space--s);
}

.body--findYourFit .article__header__text {
    background-color: var(--t-gs--color--lightgray);
    padding: 1.8rem 7rem 1rem 7rem;
}

.body--findYourFit .article__header__text__title.title {
    font-size: var(--t-gs--font--size--12);
    color: var(--t-gs--color--darkText);
}

.body--findYourFit .article__content {
    padding: 4rem 7rem;
}

.body--findYourFit .article__content .article__content__view .paragraph {
    font-size: var(--t-gs--font--size--04);
    line-height: 2.2rem;
    color: var(--t-gs--color--darkText);
}

.section-fit-links {
    display: flex;
    flex-wrap: wrap;
}

.section-fit-link {
    margin-block-start: 3.6rem;
    flex: 0 0 25%;
    box-sizing: border-box;
    text-transform: uppercase;
    padding-inline-end: 5rem;
}

.section-fit-link.link-unavailable {
    font-weight: 900;
    color: var(--t-gs--color--darkText);
}

.body--findYourFit .article+.article {
    margin-block-start: var(--t-gs--space--xxxl);
}

article.article_ourMission {
    margin-block-start: 8rem;
}

.article_ourMission .article__header__image {
    background-image: url(../images/ourMission-back.webp);
    background-position: center;
    background-size: cover;
    block-size: 62rem;
    inline-size: 100%;
    max-inline-size: 144rem;
}

.article_ourMission .article__content {
    background-image: url(../images/ourMission.webp);
    background-position: center;
    background-size: cover;
    padding: 0;
    margin-block-start: 0;
    inline-size: 100%;
    block-size: 53rem;
    position: relative;
    inset-block-start: -22rem;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

.article_ourMission .article__block {
    max-inline-size: 92rem;
    block-size: 39rem;
    margin: auto;
    padding: 8rem 8.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.body--findYourFit .article.article_ourMission {
    margin-block-start: 6rem;
}

.article_ourMission .section-titleOurMission {
    display: flex;
    align-items: center;
}

.article_ourMission .title.title--hero {
    font-size: 4.2rem;
    color: var(--t-gs--color--darkText);
    margin-inline-end: var(--t-gs--space--s);
}

.article_ourMission .title-brush {
    font-family: var(--t-gs--font--family--alt);
    font-size: 7.3rem;
    color: var(--t-gs--color--darkBlue);
    font-weight: var(--t-gs--font--weight--regular);
    margin-inline-end: var(--t-gs--space--m);
    margin-block-end: var(--t-gs--space--xs);
}

.article_ourMission .paragraph {
    font-size: 1.9rem;
    line-height: 2.5rem;
    color: var(--t-gs--color--darkText);
}

.body--findYourFit .main__wrapper {
    padding-block-end: var(--t-gs--space--0);
}

.body--findYourFit .paragraph .strong {
    font-weight: var(--t-gs--font--weight--bold);
}

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

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

    .body--findYourFit .banner.banner--main .banner__text {
        margin-block-start: 30rem;
        max-inline-size: 100%;
    }

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

    .body--findYourFit .embed-container {
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
    }

    .section-title .section-titleExplore {
        display: block;
    }

    .section-title .section-titleExplore .title-brush {
        display: inline-block;
        font-size: 4.5rem;
        margin-inline-end: var(--t-gs--space--s);
        margin-block-end: var(--t-gs--space--0);
        line-height: normal;
    }

    .section-title .section-titleExplore .title.title--hero {
        display: inline-block;
        font-size: var(--t-gs--font--size--09);
    }

    .section-title {
        padding-block-start: 0;
        padding-block-end: 4rem;
    }

    .body--findYourFit .article__header__text {
        padding: var(--t-gs--space--m) var(--t-gs--space--s2) var(--t-gs--space--s) var(--t-gs--space--m);
    }

    .body--findYourFit .article__header__text__title.title {
        font-size: var(--t-gs--font--size--06);
        margin-block-end: var(--t-gs--space--0);
    }

    .body--findYourFit .article__content {
        padding: var(--t-gs--space--m);
    }

    .section-fit-links {
        flex-direction: column;
    }

    .section-fit-link {
        margin-block-start: var(--t-gs--space--l);
        padding-inline-end: var(--t-gs--space--0);
    }
}

@media all and (max-width:399px) {
    .article_ourMission .article__header {
        position: absolute;
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
    }

    .article_ourMission .title.title--hero {
        font-size: 2.6rem;
    }

    .article_ourMission .title-brush {
        font-size: 4.5rem;
    }

    .article_ourMission .article__header__image {
        background-image: url(../images/ourMission-backMobile.webp);
        block-size: 39rem;
    }

    .article_ourMission .article__content {
        background-image: url(../images/ourMissionMobile.webp);
        position: absolute;
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
        inset-block-start: 311rem;
        block-size: 62rem;
    }

    .body--findYourFit .article.article_ourMission {
        block-size: 90rem;
    }

    .body--findYourFit .article__block {
        block-size: 100%;
        padding: 13.6rem var(--t-gs--space--xl) var(--t-gs--space--l) 4.8rem;
    }
}

@media all and (min-width:400px) and (max-width:499px) {
    .article_ourMission .article__header {
        position: absolute;
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
    }

    .article_ourMission .title.title--hero {
        font-size: 2.6rem;
    }

    .article_ourMission .title-brush {
        font-size: 4.5rem;
    }

    .article_ourMission .article__header__image {
        background-image: url(../images/ourMission-backMobile.webp);
        block-size: 48rem;
    }

    .article_ourMission .article__content {
        background-image: url(../images/ourMissionMobile.webp);
        position: absolute;
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
        inset-block-start: 308rem;
        block-size: 66rem;
    }

    .body--findYourFit .article__block {
        padding: 14rem 4.4rem 5rem 6rem;
        block-size: 62rem;
    }

    .body--findYourFit .article.article_ourMission {
        block-size: 105rem
    }
}

@media all and (min-width:500px) and (max-width:750px) {
    .article_ourMission .article__header {
        position: absolute;
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
    }

    .article_ourMission .title.title--hero {
        font-size: 2.6rem;
    }

    .article_ourMission .title-brush {
        font-size: 4.5rem;
    }

    .article_ourMission .article__header__image {
        background-image: url(../images/ourMission-backMobile.webp);
        block-size: 62rem;
    }

    .article_ourMission .article__content {
        background-image: url(../images/ourMissionMobile.webp);
        position: absolute;
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
        inset-block-start: 305rem;
        block-size: 88rem;
    }

    .body--findYourFit .article__block {
        padding: 3rem 5.4rem 22rem 10rem;
        block-size: 62rem;
    }

    .body--findYourFit .article.article_ourMission {
        block-size: 130rem
    }
}

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

@media all and (max-width:750px) {
    .body--findYourFit .left-videoBar {
        block-size: 17rem;
        inset-block-start: -3rem;
    }

    .body--findYourFit .right-videoBar {
        block-size: 12rem;
        inset-block-end: -3rem;
    }
}

/* PAGETYPES: How to Get Hired
   -------------------------------------------------------------------------- */

.body--howtogetHired .banner.banner--main {
    min-block-size: 46.5rem;
}

.body--howtogetHired .banner.banner--main .banner__wrapper {
    justify-content: start;
    block-size: 100%;
    align-items: center;
    padding-block-end: var(--t-gs--space--xl);
}

.body--howtogetHired .banner.banner--main .banner__text {
    inline-size: 100%;
    display: block;
    max-inline-size: 75rem;
    z-index: 2;
}

.body--howtogetHired .banner.banner--main .banner__text__title.title.title--banner {
    display: flex;
    align-items: center;
    line-height: 1;
}

.body--howtogetHired .banner.banner--main .banner__text .title--hero {
    display: inline;
    font-size: 5.6rem;
    line-height: 1;
}

.body--howtogetHired .banner .banner__title-brush {
    margin-inline-end: var(--t-gs--space--0);
    margin-inline-start: var(--t-gs--space--s2);
    line-height: 0.9;
}

.body--howtogetHired .banner__text__title.title.title--paragraph {
    font-family: var(--t-gs--font--family--default);
    font-size: var( --t-gs--font--size--04);
    font-weight: normal;
    margin-block-start: var(--t-gs--space--l);
    line-height: 2.8rem;
}

.body--howtogetHired .banner__text__title.title.title--paragraph .link {
    margin-inline: var(--t-gs--space--xs);
}

.body--howtogetHired .banner__image-howToGetHired {
    position: absolute;
    inset-inline-end: -17rem;
    inset-block-start: 0;
    block-size: 46.4rem;
}

.body--howtogetHired .section.section-content {
    margin-block-start: 12rem;
}

.body--howtogetHired .section-hiring-faq .section-title {
    display: flex;
    align-items: center;
}

.body--howtogetHired .section-hiring-faq .title.title--hero {
    font-size: 4.2rem;
    color: var(--t-gs--color--darkText);
    margin-inline-end: var(--t-gs--space--m);
}

.body--howtogetHired .section-hiring-faq .title-brush {
    font-family: var(--t-gs--font--family--alt);
    font-size: 7.3rem;
    color: var(--t-gs--color--darkBlue);
    font-weight: var(--t-gs--font--weight--regular);
    margin-inline-end: var(--t-gs--space--m);
    margin-block-end: var(--t-gs--space--xs);

}

.body--howtogetHired .section-hiring-faq .section-title_collapsible,
.body--howtogetHired .section-hiring-faq .title--faq {
    font-family: var(--t-gs--font--family--emphasis);
    font-size: var(--t-gs--font--size--12);
    color: var(--t-gs--color--darkText);
    background-color: var(--t-gs--color--lightgray);
    font-weight: var(--t-gs--font--weight--bold);
    padding: 1.8rem 7rem 1.2rem 7rem;
}

.body--howtogetHired .section-hiring-faq .title--faq {
    margin-block-start: var(--t-gs--space--xxl);
}

.body--howtogetHired .section-hiring-faq .article--details .article__header {
    padding: 0 7rem;
}

.body--howtogetHired .section-hiring-faq .article--details .article__content {
    padding: 0 7rem 3rem 7rem;
}

.body--howtogetHired .article--collapsible .toggle__icon:before {
    background-image: url(../images/expand-closed.webp);
    background-position: center;
    background-size: cover;
}

.body--howtogetHired .article__header__actions .toggle__icon:before {
    color: transparent;
    transition: none;
}

.body--howtogetHired .article--collapsible[open] .toggle__icon:before {
    background-image: url(../images/expand-open.webp);
    background-position: center;
    background-size: cover;
}

.body--howtogetHired .article--details+.article--details {
    border-block-start-width: 0.2rem;
}

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

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

.body--howtogetHired .swiper-pagination-bullet-active {
    background: var(--t-gs--color--yellow);
}

.body--howtogetHired .hiring-slider .swiper-slide .slide-logo {
    position: absolute;
    inset-block-start: -6rem;
    inset-inline-start: -2rem;
    inline-size: 18rem;
    z-index: 2;
}

.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--color--yellow);
    font-weight: var(--t-gs--font--weight--bold);
}

.body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__title {
    font-family: var(--t-gs--font--family--emphasis);
    font-weight: var(--t-gs--font--weight--bold);
    color: var(--t-gs--color--white);
    font-size: 4.2rem;
    margin-block-start: var(--t-gs--space--s);
    text-transform: uppercase;
}

.body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__text {
    color: var(--t-gs--color--white);
    font-size: var(--t-gs--font--size--04);
    line-height: 2.8rem;
    margin-block-start: var(--t-gs--space--s);
}

.body--howtogetHired .hiring-slider .swiper-slide.slide1 {
    background: url(../images/slider1.webp) center/cover no-repeat;
}
.body--howtogetHired .hiring-slider .swiper-slide.slide2 {
    background: url(../images/slider2.webp) center/cover no-repeat;
}
.body--howtogetHired .hiring-slider .swiper-slide.slide3 {
    background: url(../images/slider3.webp) center/cover no-repeat;
}
.body--howtogetHired .hiring-slider .swiper-slide.slide4 {
    background: url(../images/slider4.webp) center/cover no-repeat;
}
.body--howtogetHired .hiring-slider .swiper-slide.slide5 {
    background: url(../images/slider5.webp) center/cover no-repeat;
}
.body--howtogetHired .hiring-slider .swiper-slide.slide6 {
    background: url(../images/slider6.webp) center/cover no-repeat;
}

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

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

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

.body--howtogetHired .article--details.article--collapsible .article__header__text__title.title {
    font-size: var(--t-gs--font--size--06);
}

.body--howtogetHired .article--details.article--collapsible .article__content .article__content__view .paragraph {
    font-size: 1.9rem;
}

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

    .body--howtogetHired .banner.banner--main .banner__text .title--hero {
        font-size: var(--t-gs--font--size--09);
    }

    .body--howtogetHired .banner.banner--main .banner__text {
        margin-block-start: 27rem;
        max-inline-size: 100%;
    }

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

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

    .body--howtogetHired .banner .banner__title-brush {
        margin-inline-start: var(--t-gs--space--0);
    }

    .body--howtogetHired .hiring-slider .swiper-slide .slide-logo {
        position: relative;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: 11rem;
        z-index: 1;
    }

    .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 {
        font-size: var(--t-gs--font--size--06);
        margin-block-start: var(--t-gs--space--xl);
    }

    .body--howtogetHired .hiring-slider .swiper-slide .slider-card__content .slider-card__title {
        font-size: var(--t-gs--font--size--09);
        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.slide1 {
        background: url(../images/slider1mobile.webp) center/cover no-repeat;
    }
    .body--howtogetHired .hiring-slider .swiper-slide.slide2 {
        background: url(../images/slider2mobile.webp) center/cover no-repeat;
    }
    .body--howtogetHired .hiring-slider .swiper-slide.slide3 {
        background: url(../images/slider3mobile.webp) center/cover no-repeat;
    }
    .body--howtogetHired .hiring-slider .swiper-slide.slide4 {
        background: url(../images/slider4mobile.webp) center/cover no-repeat;
    }
    .body--howtogetHired .hiring-slider .swiper-slide.slide5 {
        background: url(../images/slider5mobile.webp) center/cover no-repeat;
    }
    .body--howtogetHired .hiring-slider .swiper-slide.slide6 {
        background: url(../images/slider6mobile.webp) center/cover no-repeat;
    }

    .body--howtogetHired .hiring-slider .swiper-slide {
        block-size: 72rem;
        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);
    }

    .body--howtogetHired .section-hiring-faq {
        margin-block-start: 6rem;
    }

    .body--howtogetHired .section-hiring-faq .section-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .body--howtogetHired .section-hiring-faq .title.title--hero {
        font-size: var(--t-gs--font--size--09);
        line-height: 1;
    }

    .body--howtogetHired .section-hiring-faq .title-brush {
        font-size: 4.5rem;
    }

    .body--howtogetHired .section-hiring-faq .section-title_collapsible, .body--howtogetHired .section-hiring-faq .title--faq {
        font-size: var(--t-gs--font--size--06);
        padding: var(--t-gs--space--s2) var(--t-gs--space--m) var(--t-gs--space--s) var(--t-gs--space--m);
        line-height: normal;
    }

    .body--howtogetHired .section-hiring-faq .article--details .article__header {
        padding: 0 var(--t-gs--space--m);
    }

    .body--howtogetHired .section-hiring-faq .article--details .toggle {
        justify-content: end;
    }

    .body--howtogetHired .section-hiring-faq .article--details .toggle .toggle__icon {
        inline-size: var(--t-gs--space--m);
        block-size: var(--t-gs--space--m);
    }

    .body--howtogetHired .section-hiring-faq .article--details .article__content {
        padding: 0 var(--t-gs--space--m) 0 var(--t-gs--space--m);
    }

    .body--howtogetHired .swiper-container {
        overflow: hidden;
    }

    .body--howtogetHired .article--details.article--collapsible .article__header__text__title.title {
        font-size: var(--t-gs--font--size--04);
    }

    .body--howtogetHired .article--details.article--collapsible .article__content .article__content__view .paragraph {
        font-size: var(--t-gs--font--size--default);
    }
}

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

@media all and (min-width:580px) and (max-width:750px) {
    .body--howtogetHired .banner.banner--main .banner__text {
        margin-block-start: 38rem;
    }
}

/* PAGETYPES: Benefits
   -------------------------------------------------------------------------- */

.body--benefits .banner.banner--main {
    min-block-size: 64.7rem;
    margin-block-end: var(--t-gs--space--0);
}

.body--benefits .banner.banner--main .banner__wrapper {
    justify-content: start;
    block-size: 100%;
    align-items: center;
    padding-block-end: var(--t-gs--space--xl);
}

.body--benefits .banner.banner--main .banner__text {
    inline-size: 100%;
    display: block;
    max-inline-size: 64.6rem;
    z-index: 2;
}

.body--benefits .banner.banner--main .banner__text__title.title.title--banner {
    display: flex;
    align-items: center;
    line-height: 1;
}

.body--benefits .banner.banner--main .banner__text .title--hero {
    display: inline;
    font-size: 6rem;
    line-height: 1;
}

.body--benefits .banner .banner__title-brush {
    margin-inline-end: var(--t-gs--space--0);
    margin-inline-start: var(--t-gs--space--s2);
    line-height: 0.9;
}

.body--benefits .banner__text__title.title.title--paragraph {
    font-family: var(--t-gs--font--family--default);
    font-size: var( --t-gs--font--size--04);
    font-weight: normal;
    margin-block-start: var(--t-gs--space--l);
    line-height: 2.8rem;
}

.body--benefits .banner__text__title.title.title--paragraph .link {
    color: var(--t-gs--swatch--button);
    text-decoration: underline;
}

.body--benefits .banner__image-benefitsBanner {
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
}

.body--benefits .main__wrapper {
    max-inline-size: 100%;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-start: 0;
}

.benefitsVideo {
    --t-tc--grid--columns--gap: var(--t-gs--space--xxl);

    position: relative;
    background-color: var(--t-gs--color--lightergray);
    background-image: var(--benefits--left-top--bg-image), var(--benefits--right-bottom--bg-image);
    background-position: left top, right bottom;
    background-size: auto 30rem, auto 23.9rem;
    padding-block: 10.7rem 14.7rem;

    .grid {
        align-items: center;
    }

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

    @media (max-width: 1400px) {
        background-size: auto 21.5rem, auto 15.9rem;
        background-position: -5rem 0, calc(100% + 5rem) 100%;
    }

    @media (max-width: 750px) {
        --t-tc--grid--columns--gap: var(--t-gs--space--0);
        padding-block: 10rem;

        & .grid__item + .grid__item {
            padding-block-start: var(--t-gs--space--xxl);
        }
    }
}

.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-brush {
    font-family: var(--t-gs--font--family--alt);
    font-size: 7.3rem;
    color: var(--t-gs--color--darkBlue);
    font-weight: var(--t-gs--font--weight--regular);
    margin-inline-end: var(--t-gs--space--s);
}

.benefits-difference__title .title-hero {
    font-family: var(--t-tc--title--font--family);
    font-weight: var(--t-tc--title--font--weight);
    font-size: 4.2rem;
}

.benefits-difference .YellowDots {
    position: absolute;
    inset-block-start: -6rem;
    inset-inline-start: 0;
    z-index: 2;
}

.benefits-difference__cards {
    display: grid;
    gap: var(--t-gs--space--l);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 37rem), 1fr));
}

.benefits-card__header {
    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-weight: var(--t-gs--font--weight--bold);
    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;
}

.benefits-card__body {
    background-color: var(--t-gs--color--lightgray2);
    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);
}

.benefits-card--living {
    --card-color: var(--t-gs--color--lightBlue);
}

.benefits-card--money {
    --card-color: var(--t-gs--color--darkerBlue);
}

.benefits-card--mind {
    --card-color: var(--t-gs--color--violet);
}

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

.benefits-difference__container .article__footer .button {
    min-inline-size: 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: var(--t-gs--font--size--09);
    }

    .body--benefits .banner.banner--main .banner__text {
        margin-block-start: 29rem;
        max-inline-size: 100%;
    }

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

    .body--benefits .banner .banner__title-brush {
        margin-inline-start: var(--t-gs--space--0);
    }

    .benefitsVideo .benefits__video {
        margin-inline-end: var(--t-gs--space--0)
    }

    .benefitsVideo .benefits__video iframe {
        max-inline-size: 100%;
        block-size: 27rem
    }

    .benefits-difference .YellowDots {
        block-size: 13.5rem;
        inset-inline-start: -4rem;
    }

    .benefits-difference__title .title-brush {
        font-size: 4.5rem;
    }

    .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: Delivering Smiles
   -------------------------------------------------------------------------- */

.body--deliveringSmiles .banner.banner--main {
    min-block-size: 25.3rem;
    margin-block-end: var(--t-gs--space--0);
}

.body--deliveringSmiles .banner.banner--main .banner__wrapper {
    justify-content: start;
    block-size: 100%;
    align-items: end;
}

.body--deliveringSmiles .banner.banner--main .banner__text {
    inline-size: 100%;
    display: block;
}

.body--deliveringSmiles .banner.banner--main .banner__text__title.title.title--banner {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.body--deliveringSmiles .banner.banner--main .banner__text .title--hero {
    display: inline;
    font-size: 4.5rem;
    line-height: 1;
}

.body--deliveringSmiles .banner .banner__title-brush {
    margin-inline-end: var(--t-gs--space--s2);
    margin-inline-start: var(--t-gs--space--s2);
    line-height: 0.9;
    font-size: 7.3rem;
}

.body--deliveringSmiles .banner__text__title.title.title--paragraph {
    font-family: var(--t-gs--font--family--default);
    font-size: var( --t-gs--font--size--04);
    font-weight: normal;
    margin-block-start: var(--t-gs--space--l);
    line-height: 2.8rem;
    text-align: center;
    padding-inline: 7rem;
}

.body--deliveringSmiles .section-video {
    position: relative;
    margin-block-end: 6rem;
}

.body--deliveringSmiles .left-videoBar {
    position: absolute;
    block-size: 30rem;
    transform: rotate(90deg);
    transform-origin: center center;
    inset-inline-end: -11.8rem;
    inset-block-start: -1.6rem;
}

.body--deliveringSmiles .right-videoBar {
    position: absolute;
    block-size: 23.9rem;
    transform: rotate(90deg);
    transform-origin: center center;
    inset-inline-start: -18.8rem;
    inset-block-end: 5.2rem;
}

.body--deliveringSmiles .embed-container {
    z-index: 2;
}

.body--deliveringSmiles .section.section-content {
    margin-block-start: 12rem;
}

.section-delivering {
    display: flex;
    inline-size: 100%;
    gap: 8rem;
    padding-block-start: 8rem;
    padding-block-end: 8rem;
}

.section-delivering+.section-delivering {
    border-block-start: solid 1rem var(--t-gs--color--lightgray);
}

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

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

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

@media all and (max-width:1024px) {
    .body--deliveringSmiles .section.section-content {
        margin-block-start: 4rem;
    }

    .body--deliveringSmiles .embed-container {
        max-inline-size: calc(100% + 3.2rem);
        margin-inline-start: -1.6rem;
        margin-inline-end: -1.6rem;
    }

    .body--deliveringSmiles .banner.banner--main .banner__text__title.title.title--banner {
        display: block;
        justify-self: center;
        text-align: center;
        max-inline-size: 20rem;
    }

    .body--deliveringSmiles .banner .banner__title-brush {
        font-size: 4.5rem;
    }

    .body--deliveringSmiles .banner.banner--main .banner__text .title--hero {
        font-size: var(--t-gs--font--size--09);
    }

    .body--deliveringSmiles .banner__text__title.title.title--paragraph {
        padding-inline: var(--t-gs--space--0);
    }

    .body--deliveringSmiles .banner.banner--main .banner__wrapper {
        padding-block-start: var(--t-gs--space--xxl);
    }

    .body--deliveringSmiles .left-videoBar {
        inset-block-start: -1rem;
    }

    .body--deliveringSmiles .right-videoBar {
        inset-block-end: 3rem;
    }

    .section-delivering {
        flex-direction: column;
        padding-block-start: var(--t-gs--space--xxl);
        padding-block-end: var(--t-gs--space--xxl);
        gap: var(--t-gs--font--size--08);
    }

    .section-delivering__text .title {
        font-size: var(--t-gs--font--size--06);
    }

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

    .section-delivering:nth-last-of-type(2) {
        flex-direction: column-reverse;
    }
}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--deliveringSmiles .right-videoBar {
        inset-block-end: 6rem;
    }
}

/* PAGETYPES: Beyond The Bag
   -------------------------------------------------------------------------- */

.body--beyondTheBag .banner.banner--main .banner__image-dots {
    display: none;
}

.body--beyondTheBag .banner.banner--main .banner__text {
    display: none;
}

.body--beyondTheBag .banner.banner--main {
    background-image: url(../images/beyondTheBagBanner.webp);
    block-size: 23.2rem;
}

.body--beyondTheBag .main__wrapper {
    max-inline-size: 100%;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-start: 0;
    padding-block-end: 0;
}

.body--beyondTheBag .sectionBeyond_title {
    margin-block-start: var(--t-gs--space--xxl);
    margin-block-end: 8rem;
}

.body--beyondTheBag .sectionBeyond_title .section__header {
    text-align: center;
}

.body--beyondTheBag .sectionBeyond_title .section__header .title-brush {
    font-family: var(--t-gs--font--family--alt);
    font-size: 7.3rem;
    color: var(--t-gs--color--darkBlue);
    font-weight: var(--t-gs--font--weight--regular);
    margin-inline-end: var(--t-gs--space--s2);
}

.body--beyondTheBag .sectionBeyond_title .section__header .title-phrase {
    font-size: 4.5rem;
}

.body--beyondTheBag .sectionBeyond_title .section__header .section__header__text__subtitle .paragraph {
    font-size: var(--t-gs--font--size--04);
    line-height: 2.8rem;
}

.body--beyondTheBag .beyond-slider .swiper-slide {
    block-size: 32rem;
    border-start-end-radius: var(--t-gs--space--xl);
    border-end-end-radius: var(--t-gs--space--xl);
    border-end-start-radius: var(--t-gs--space--xl);
    display: flex;
    justify-content: center;
    align-items: center;

}

.body--beyondTheBag .slider-card__content {
    inline-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    block-size: 100%;
    padding-inline: var(--t-gs--space--l);
    text-align: center;
}

.body--beyondTheBag .slider-card__content .slide-logo {
    display: block;
    margin: 0 auto;
    max-inline-size: 100%;
    block-size: auto;
}

.body--beyondTheBag .slider-card__text {
    font-weight: 900;
    color: var(--t-gs--color--white);
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin-block-start: var(--t-gs--space--l);
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide1,
.body--beyondTheBag .beyond-slider .swiper-slide.slide8,
.body--beyondTheBag .beyond-slider .swiper-slide.slide9 {
    background: linear-gradient(180deg, var(--t-gs--color--lighterRed) 0%, var(--t-gs--color--strongRed) 100%);
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide2,
.body--beyondTheBag .beyond-slider .swiper-slide.slide7 {
    background: linear-gradient(180deg, var(--t-gs--color--lighterBlue) 0%, var(--t-gs--color--strongBlue) 100%);
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide3,
.body--beyondTheBag .beyond-slider .swiper-slide.slide5 {
    background: linear-gradient(180deg, var(--t-gs--color--lightTurquoise) 0%, var(--t-gs--color--strongTurquoise) 100%);
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide4,
.body--beyondTheBag .beyond-slider .swiper-slide.slide6,
.body--beyondTheBag .beyond-slider .swiper-slide.slide10 {
    background: linear-gradient(180deg, var(--t-gs--color--lightpurple) 0%, var(--t-gs--color--strongpurple) 100%);
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide1 .slide-logo {
    inline-size: 22.2rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide2 .slide-logo {
    inline-size: 18.9rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide3 .slide-logo {
    inline-size: 15.6rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide4 .slide-logo {
    inline-size: 17.7rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide5 .slide-logo {
    inline-size: 16rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide6 .slide-logo {
    inline-size: 18.2rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide7 .slide-logo {
    inline-size: 17rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide8 .slide-logo {
    inline-size: 14rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide9 .slide-logo {
    inline-size: 22.2rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-slide.slide10 .slide-logo {
    inline-size: 17.7rem;
    block-size: auto;
}

.body--beyondTheBag .beyond-slider .swiper-wrapper {
    -webkit-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
}

.body--beyondTheBag .swiper-container {
    overflow: visible;
}

.body--beyondTheBag .swiper-container-horizontal>.swiper-pagination-bullets {
    inset-block-end: -6rem;
}

.body--beyondTheBag .swiper-pagination-bullet-active {
    background: var(--t-gs--color--blue);
}

.body--beyondTheBag .section_findus .section__header__text__title.title {
    text-align: center;
}

.body--beyondTheBag .section_findus {
    margin-block-start: 14rem;
    padding-block-start: 8rem;
    padding-block-end: 8rem;
    background-color: var(--t-gs--color--lightergray);
}

.body--beyondTheBag .section_findus .section__content--historys {
    display: flex;
    justify-content: space-between;
    padding: 0 var(--t-gs--space--s);
    margin-block-start: var(--t-gs--space--xxxl);
}

.body--beyondTheBag .section_findus .section__content--social {
    display: flex;
    justify-content: center;
    padding-block-start: 6rem;
}

.body--beyondTheBag .section__content--social .social__item+.social__item {
    margin-inline-start: var(--t-gs--space--m)
}

.body--beyondTheBag .section_findus .title .title-brush {
    font-family: 'GorockBrush';
    color: var(--t-gs--color--darkBlue);
    font-size: 7.3rem;
    font-weight: normal;
}

.body--beyondTheBag .section_findus .title-phrase {
    font-size: 4.2rem;
    color: var(--t-gs--color--darkText);
    padding-inline-end: var(--t-gs--space--xs);
}

.section_snacks .section__content {
    background-image: url(../images/snacks.webp);
    background-position: center;
    background-size: contain;
    inline-size: 100%;
    block-size: 50rem;
    margin-block-start: 6rem;
    margin-block-end: 18rem;
    padding-block-start: 5.4rem;
    justify-content: start;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section.section_snacks {
    position: relative;
}

.section.section_snacks .snacksLogo {
    inline-size: 25.3rem;
    block-size: 7rem;
}

.section_snacks .section__content .paragraph {
    font-family: var(--t-gs--font--family--emphasis);
    color: var(--t-gs--color--white);
    font-size: var(--t-gs--font--size--12);
    font-weight: var(--t-gs--font--weight--bold);
    line-height: 3.8rem;
    max-inline-size: 56rem;
    text-align: center;
    margin-block-start: var(--t-gs--space--l);
}

.section.section_snacks .redDots {
    position: absolute;
    inset-block-end: -15rem;
    inset-inline-end: 0;
}

.body--beyondTheBag .banner.banner--secondary--bottom {
    z-index: 2;
}

.sectionBeyond_slider .section__header__text__title.title {
    text-align: center;
    margin-block-end: 8rem;
}

.sectionBeyond_slider .section__header__text__title.title .title-phrase {
    font-size: var(--t-gs--font--size--08);
}

@media all and (max-width:1024px) {
    .body--beyondTheBag .section_findus {
        margin-block-end: var(--t-gs--space--0);
        padding-block-start: var(--t-gs--space--xxl);
        padding-block-end: var(--t-gs--space--xxl);
    }

    .body--beyondTheBag .section_findus .section__header__text__title.title {
        display: flex;
        flex-direction: column;
    }

    .body--beyondTheBag .section_findus .section__content {
        margin-block-start: var(--t-gs--space--m);
    }

    .body--beyondTheBag .section_findus .section__content--historys {
        gap: 1rem;
        flex-wrap: wrap;
        margin-block-start: var(--t-gs--space--0);
    }

    .body--beyondTheBag .section_findus .section__content--historys .history_image {
        flex: 0 0 calc(50% - 0.5rem);
        max-inline-size: 100%;
        block-size: auto;
    }

    .body--beyondTheBag .section_findus .section__content--historys .history_image .history_image-item {
        display: flex;
        justify-self: center;
    }

    .body--beyondTheBag .section_findus .section__content--social {
        padding-block-start: var(--t-gs--space--xxl);
    }

    .body--beyondTheBag .banner.banner--main {
        background-image: url(../images/beyondTheBagBannerMobile.webp);
        block-size: 12.6rem;
    }

    .body--beyondTheBag .sectionBeyond_title .section__header .title-brush {
        font-size: 4.5rem;
    }

    .body--beyondTheBag .sectionBeyond_title .section__header .title-phrase {
        font-size: var(--t-gs--font--size--09);
    }

    .sectionBeyond_slider .section__header__text__title.title .title-phrase {
        font-size: var(--t-gs--font--size--05);
    }

    .sectionBeyond_slider .section__header__text__title.title {
        margin-block-end: var(--t-gs--space--xxl);
    }

    .body--beyondTheBag .section_findus .title-phrase {
        font-size: var(--t-gs--font--size--09);
        line-height: 0.7;
    }

    .body--beyondTheBag .section_findus .title .title-brush {
        font-size: 4.5rem;
    }

    .section_snacks .section__content {
        background-image: url(../images/snacksMobile.webp);
    }

    .section.section_snacks .redDots {
        display: none;
    }

    .section.section_snacks .snacksLogo {
        inline-size: 15rem;
        block-size: 4.2rem;
    }

    .section_snacks .section__content .paragraph {
        font-size: var(--t-gs--font--size--06);
        max-inline-size: 26.3rem;
        line-height: normal;
    }

    .section_snacks .section__content {
        block-size: 44.9rem;
        padding-block-start: var(--t-gs--space--m);
        margin-block-start: var(--t-gs--space--0);
        margin-block-end: var(--t-gs--space--xxl);
    }
}

@media all and (min-width:1024px) {
    .body--beyondTheBag .swiper-container .swiper-slide-next + .swiper-slide {
        transition: transform 0.5s ease-in-out;
        transform: scale(1.05);
        transform-origin: center center;
    }

}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--beyondTheBag .swiper-container .swiper-slide-next {
        transition: transform 0.5s ease-in-out;
        transform: scale(1.05);
        transform-origin: center center;
    }

    .body--beyondTheBag .banner.banner--main {
        block-size: 29rem;
    }
}

/* PAGETYPES: RJP Detail
   -------------------------------------------------------------------------- */

.body--rjpdetail .banner__text__title.title.title--banner {
    font-size: 6rem;
}

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

.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--04);
    line-height: 2.8rem;
}

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

.rjp-box .title {
    font-size: 3.4rem;
}

.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 .list--links--bottom {
    padding-block-end: 8rem;
}

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

.section--jobs-slider .section__header__text__title.title {
    font-size: var(--t-gs--font--size--08);
}

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

    .section-rjp-top__text .title {
        font-size: var(--t-gs--font--size--06);
    }

    .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--06);
        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: Login
   -------------------------------------------------------------------------- */

.body--loginpage .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--loginpage .breadcrumbs {
    display: none;
}

.body--loginpage .article--registered .article__header__text__title .title {
    font-size: 4.2rem;
    text-align: center;
}

.body--loginpage .grid .grid__item:nth-of-type(2) .article__header__text__title .title {
    font-family: var(--t-gs--font--family--default);
}

.body--loginpage .list--links--bottom {
    margin-block-start: 8rem;
}

@media (width >= 1025px) {
    .body--loginpage .grid.grid--dividers.grid--dividers--h {
        --t-tc--grid--dividers--width--min: var(--t-tc--content--w--narrower);
    }
}

@media (width >= 751px) {
    .body--loginpage .article--registered {
        --t-tc--article--width--max: var(--t-tc--content--w--narrower);
    }
}

@media all and (max-width:1024px) {
    .body--loginpage .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }

    .body--loginpage .article--registered .article__header__text__title .title {
        font-size: var(--t-gs--font--size--06);
    }
}

/* PAGETYPES: Register
   -------------------------------------------------------------------------- */

.body--register .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--register .breadcrumbs {
    display: none;
}

.section .ButtonBarField .button-bar__wrap {
    margin-block-start: var(--t-gs--space--xxl);
}

@media all and (max-width:1024px) {
    .body--register .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Registration Methods
   -------------------------------------------------------------------------- */

.body--registrationMethods .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--registrationMethods .breadcrumbs {
    display: none;
}

.section.section--methods .section__header__text__title.title {
    font-size: 4.2rem;
}

.methodButton--paste::before {
    content: url(../images/Copy.webp);
    line-height: normal;
}

.methodButton--later::before {
    content: url(../images/WithoutResume.webp);
    line-height: normal;
}

.methodButton--file::before {
    content: url(../images/Upload.webp);
    line-height: normal;
}

.methodButton--later, .methodButton--file, .methodButton--paste, .methodButton--dropbox {
    border-width: 0.2rem;
    text-transform: uppercase;
    font-weight: 900;
}

@media all and (max-width:1024px) {
    .body--registrationMethods .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }

    .section.section--methods .section__header__text__title.title {
        font-size: var(--t-gs--font--size--06);
    }
}

/* PAGETYPES: Reset Password
   -------------------------------------------------------------------------- */

.body--resetPassword .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--resetPassword .breadcrumbs {
    display: none;
}

.body--resetPassword .article__header__text__title.title {
    font-size: 4.2rem;
    text-align: center;
}

@media (width >= 1025px) {
    .article--password {
        --t-tc--article--width--max: var(--t-tc--content--w--narrow);
    }
}

@media all and (max-width:1024px) {
    .body--resetPassword .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }

    .body--resetPassword .section__header__text__title.title {
        font-size: var(--t-gs--font--size--06);
    }
}

/* PAGETYPES: My Profile
   -------------------------------------------------------------------------- */

.body--profile .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--profile .breadcrumbs {
    display: none;
}

.table--default thead tr th, .tableField thead tr th {
    background-color: var(--t-gs--color--darkBlue);
    color: var(--t-gs--color--white);
}

@media all and (max-width:1024px) {
    .body--profile .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Profile Job Applications
   -------------------------------------------------------------------------- */

.body--profileJobApplications .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--profileJobApplications .breadcrumbs {
    display: none;
}

@media all and (max-width:1024px) {
    .body--profileJobApplications .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Profile Job Alerts
   -------------------------------------------------------------------------- */

.body--profileJobAlerts .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--profileJobAlerts .breadcrumbs {
    display: none;
}

@media all and (max-width:1024px) {
    .body--profileJobAlerts .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Agent Create
   -------------------------------------------------------------------------- */

.body--agentCreate .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--agentCreate .breadcrumbs {
    display: none;
}

@media all and (max-width:1024px) {
    .body--agentCreate .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Edit Agents
   -------------------------------------------------------------------------- */

.body--editAgent .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--editAgent .breadcrumbs {
    display: none;
}

@media all and (max-width:1024px) {
    .body--editAgent .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Agent Delete
   -------------------------------------------------------------------------- */

.body--agentDelete .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--agentDelete .breadcrumbs {
    display: none;
}

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

    .body--agentDelete .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

/* PAGETYPES: Agent Delete
   -------------------------------------------------------------------------- */

.body--profileEdit .banner__text__title.title.title--hero {
    font-family: var(--t-gs--font--family--alt);
    color: var(--t-gs--color--darkBlue);
    font-size: 13rem;
    font-weight: normal;
    line-height: normal;
}

.body--profileEdit .breadcrumbs {
    display: none;
}

@media all and (max-width:1024px) {
    .body--profileEdit .banner__text__title.title.title--hero {
        font-size: 5.5rem;
    }
}

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

.ui-dialog button.ui-button.ui-dialog-titlebar-close .ui-button-icon {
    display: block;
}

.ui-dialog .ui-button-icon {
    --button__icon--width: 1.2rem;
    --button__icon--height: 1.2rem;
}

/* SOCIAL LOGIN SHARE: BUTTONS: CUSTOMIZABLES
   ========================================================================== */
/*!
 * With these modifiers we style the customizable buttons in the social login widget.
 * These buttons are customizable to an extent, and we CAN alter or override some of their properties -if requested- in stylesheet #16.
 */

.shareButton {
    display: block;
    margin: 0 auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: none;
    max-inline-size: none;
    inline-size: 2.8rem;
    block-size: 2.8rem;
    background-color: none;
    background-position: center center;
    background-size: auto 100%;
    filter: none;
    padding: 0;
    text-indent: -9999rem;
    overflow: hidden;
    cursor: pointer;
}

.shareButton--email {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Generator: Gravit.io --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='isolation:isolate' viewBox='0 0 28 28' width='28pt' height='28pt'%3E%3Cdefs%3E%3CclipPath id='_clipPath_ob23F4wq9N4vn6Hkb3mQzSzyxobo7m9T'%3E%3Crect width='28' height='28'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23_clipPath_ob23F4wq9N4vn6Hkb3mQzSzyxobo7m9T)'%3E%3Cpath d=' M 2 0 L 26 0 C 27.105 0 28 0.895 28 2 L 28 26 C 28 27.105 27.105 28 26 28 L 2 28 C 0.895 28 0 27.105 0 26 L 0 2 C 0 0.895 0.895 0 2 0 Z M 3.686 7 L 14.157 13.731 L 24.358 7 L 3.686 7 L 3.686 7 Z M 14.151 15.285 L 3.5 8.438 L 3.5 20.998 L 24.5 21 L 24.5 8.456 L 14.151 15.285 L 14.151 15.285 Z ' fill='rgb(0,132,213)'/%3E%3C/g%3E%3C/svg%3E");
}

/* SOCIAL SHARE: BUTTONS: BRANDED
   ========================================================================== */
/*!
 * With these modifiers we style the branded buttons in the social login widget
 * These buttons follow brand guidelines and we should NOT alter or override them in any way.
 * They are necessary to display the social share widget in the slider component.
 */
.shareButton--whatsapp {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAMAAACqEUSYAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEjUExURUdwTFPwcDviWE/wa0PkXzneVkrfYyXRRCbJQWH+fVDxbVzxdizOSzPcUUHmXkvJSznWVGD3el/7e1r2d2D8fCfNRSrWSCjLQyXRRF/8fSjTRSnWSCnSR133eCnRRi7XS2D9fSnRSlr4eFz3eFz0dVr4d136eifSRUrtZ2H/fTLaUE7wa1r5d1Hyblf3dC/XTUPnYCvXSTXdU+v97jziWinURz/lXUbqY1b2c/T+9sz41FPzbzngVsT3zv3//dv64NP42SLRQbj1w2rlgInpmnPziof2mpzwq+D75WTpe6D5sb36yKfztJPso1/xeqr3t1Lha3PmiLH3vWXyfk3laHrtjzrZV1zgc0jaYVfpcMj10Gzqg7PwvlrxdX32k0feYmf4gYbFoHwAAAAmdFJOUwA5np8eOgz1Sma6FRK5ugMpVMKO8l7QP+bbt+SocYOV+G/qQFmstRjtkQAAAhVJREFUKM9lk2dXo0AUQHHXnqyJva66LSAEGJgBZAKBUEMqaSbG+v9/xc4M+kG9B3jlvscHzsBxHFcprexufWR3ZZ0rKG3tXd985mBvl/nS/sFN7Ss3pz+Jrvw9favrilKv1cijXtR7f+hqvUCpPXfG3e4weVVYXftNlqv/yI6i3NYTbDebNrnbnddb2lL2S9zK9i1l0IGwm0yUWtzxbDdmve+rxDYaDfmpA/FzQ5ZJKk+G0I1Js7AyIWnjWJJkhkRGxwMyyawkSZOu9yzFKRmgCIOgnZBYWEFIvKE8cZvBQChIvPGTQO3atmBJPS+xZn7Tm1lMWoOuO7EEancscD/GMXjAzW4GLIYw9GNg0TfvAPM+cDNz2oPDexMAcgGQ+jMAvtFdEzGLMhf2AQJTE5nUmuabnfbwyEHoAcPeQ+r3MjQd48xBzCIH9b0IOY4TLumntFOULYO8sD8cRw9xkOsk5qlnN3HoRO0+0h1mdV1/6fkhCboovoRhrmfYnYu6zqwoinkQ5JpIUTVNDJfeiAyKhVW1ED+OZtH8TlXJduS3I5KphVU1NYI2tG3oplH/0bPxSNSIVa9WueqFZtz1fTcNR48ehLC9jBaGoVGuylz5csNQFwu1xfPGXT6fL1TeKDj/tc5VNo80vkUcpdV6z3heO1sjJ7Z8eW7wX9GODtmBLh+enWx85uRi8/1vKFePNz9yXGXuP0FBjRLUd/YEAAAAAElFTkSuQmCC');
}

.shareButton--facebook {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Generator: Gravit.io --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='isolation:isolate' viewBox='0 0 28 28' width='28pt' height='28pt'%3E%3Cdefs%3E%3CclipPath id='_clipPath_6kFah9hNieR21eKkifrXvj44gSh8SnwS'%3E%3Crect width='28' height='28'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23_clipPath_6kFah9hNieR21eKkifrXvj44gSh8SnwS)'%3E%3Cg%3E%3Cpath d=' M 28 14 C 28 6.268 21.732 0 14 0 C 6.268 0 0 6.268 0 14 C 0 20.988 5.12 26.78 11.813 27.83 L 11.813 18.047 L 8.258 18.047 L 8.258 14 L 11.813 14 L 11.813 10.916 C 11.813 7.406 13.903 5.469 17.101 5.469 C 18.632 5.469 20.234 5.742 20.234 5.742 L 20.234 9.188 L 18.47 9.188 C 16.73 9.188 16.188 10.267 16.188 11.374 L 16.188 14 L 20.071 14 L 19.451 18.047 L 16.189 18.047 L 16.189 27.83 C 22.88 26.78 28 20.988 28 14 Z ' fill-rule='evenodd' fill='rgb(24,119,242)'/%3E%3Cpath d=' M 19.45 18.047 L 20.07 14 L 16.187 14 L 16.187 11.374 C 16.187 10.267 16.73 9.187 18.469 9.187 L 20.234 9.187 L 20.234 5.742 C 20.234 5.742 18.632 5.469 17.101 5.469 C 13.903 5.469 11.813 7.407 11.813 10.916 L 11.813 14 L 8.258 14 L 8.258 18.047 L 11.813 18.047 L 11.813 27.83 C 13.262 28.057 14.738 28.057 16.187 27.83 L 16.187 18.047 L 19.45 18.047 Z ' fill-rule='evenodd' fill='rgb(255,255,255)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.shareButton--linkedin {
    inline-size: 3.7rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAcCAYAAAGR7EbwAAAAAXNSR0IArs4c6QAAAvVJREFUWAnFV71rVEEQn3ccfjXmtAuCZ8BWlBQKFokQBI1NCkvR6lqvSzov3dlFy1QR/4AouVio4AXTHsTCWAjJFXJioYlp/EA49ze7s+6+jzXvvYgD73Zmdua382Z3Zt9F1FweocOHdkjo/nRU8RRmoiIG7pimbEQ0uzq0VgoPfKVeO2p1wkRDRVaIIrasRnPPRGdHxtxtXaXzD15Tf+ebnWDGrAG+ip/jR6psNGxfh8gUR02EHjdQXg08/utoMP0b0Rq1pychMJq7nLZQv0OaEJ6N5l++FzljVNnjvJiRBeTJyep+gtepyFgDarwdZb8dZnViAymAUYiiyhlqX+u7JjZ2pAtPa+qsO5/Nx4BgyNvterRMegG8tvWFNj7u0d3LdTaZedyjJ28/ueYebyPztEaYGDtBC+vbVJt/wZrlW+NpZlaXiMzOGCZxiuMGZoeUejEYWdIvoeGtNlq1m3OrXfdcJsyzFE6diUkxsB8/a7QwsysgGCuFInI7l0HjXKHb4AigZRQlBrozfor90VKKEnvKwVzqfSiKo7sMvO+pktmevcJAUkYQhO+bOTZI+QmeJ4AInVZ5XLp5TsTEGAR6o2oPXfXppq652yaXCRSlCAI1V96xT3NlM83X0wWBuluf2ThQe6PKAOUyGgTylkwXBkrdU8+gLBDgAfSXXg2LLNKFi1e7oZ5OsaOM604TXm0RbLHq1yD5f537NuRcjXcSNAOpY5RfYPdDuOlzzv2ebqC1Xspx46GEhcDju0B6hOj/9eidTGTm6/dfdk3wZZqVBcrJeJnCVo20nueEIMKW12vHrJ8UvlXkZLyg4Os2Scju12N87pHKbKj3XXi4ThuDPcDkIm/7cnkq41BAwOo2LuWFZPtEpvKgxL/QJsdO0qvGRQtR9BYulan4J2PZsyRvUyooASk4yi3nuvOtV2r7XLQCPO4mXCsIBNRRD8v/MygEgYAQiBDkTvifk5ge5Jjy+R2HrxA+rf/c1PH5g5OxBtbaB/0G4mPycFl+nbMAAAAASUVORK5CYII=');
}

.shareButton--twitter {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='28px' height='28px' viewBox='0 0 28 28' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3EButtons/Share/TW%3C/title%3E%3Cg id='Showroom' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Styles&Behaviours' transform='translate(-178.500000, -3394.000000)' fill-rule='nonzero'%3E%3Cg id='Buttons/Share/TW' transform='translate(178.500000, 3394.000000)'%3E%3Cg fill='%23000000' id='Combined-Shape'%3E%3Crect x='0' y='0' width='28' height='28'%3E%3C/rect%3E%3C/g%3E%3Cg id='logo' transform='translate(4.000000, 3.500000)' fill='%23FFFFFF'%3E%3Cpath d='M11.9027167,8.89206683 L19.3481667,0 L17.5838333,0 L11.11895,7.72085667 L5.95546667,0 L0,0 L7.8082,11.6753027 L0,21 L1.76443333,21 L8.59151667,12.8465129 L14.0445333,21 L20,21 L11.9022833,8.89206683 L11.9027167,8.89206683 Z M9.48608333,11.7781648 L8.69495,10.6155679 L2.40018333,1.36466352 L5.11025,1.36466352 L10.1902,8.83043861 L10.9813333,9.99303554 L17.5846667,19.6973996 L14.8746,19.6973996 L9.48608333,11.77861 L9.48608333,11.7781648 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.shareButton--wechat {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAABClJREFUSA3dVl1oXEUU/ubevd3ddDelaWj9adI8aBIKGrVQQcQHSYVGVOiDjy2CFAqlxgoqvvRJ0AdRxBd9UWJssVFBEJO0q6KgghprW2lritakISHbzSbbpO7fvTM9Z/bO3rs/rU0ee5Z7Z+b8fN+ZM3NnFrjdRTRM8GxbB6zyISj1LITobLDfikKpaYo9Dum8i/uyl8MhtYRnNuyAo4Yg1Ha4Ybc19CMUo8Q5It6H3txvBiEgPB3fChFJISZ6UFTGXtdKRvEfNnE4PxYPGiVKtqK6COk+jr78DDtwHr5EBmnUg0ITMsXT9ZCw27DR3ogWKw5Jv4IsYNFbwoqXJbtN3CE4RmWsCO6FF3mRRi+xKpjhmcQUDRvXTJXQFtmCPa1PYXfyCexs2YGtzt1UcQ+zpVlM5E9hbCWFL3JfIuPOE8Q6xq0VhSn0LXexMiD8I9lkai76k/14/Y4jmqgWpXb0a/53vDZ3BKnlb8hQN1NB5ehbphKECU/VEaoydm8YwFDnB2iPbKpFv8Eo4y5g7/R+jOa+JmSn1uvBZT25YLXNXuBWlqhs2/DOXW/eMhmjc2Icw7GMUd1fodoFhLwB9aNgKQfPb9qH7tg9jIPRzAns+nkXDp7X66515sU6trEPC8dwLGNAEpPB9QMCQs6CHynRbm/G08kB3wX427uEVDGFsVKqqjMd1rGNfYw8k3xSYzBWdZa+MVhdzoRFKbSKJHrjPZUxvR9a/wAOdBxAV0t3VWc6+zc/h38Tk9rH6Hrj3RojLefCu0SbQ4Q8PRIitJRA1I5WxvR+JPGwfqqKUOflOwdDo0o3ZsdgKyoel1T4uL5XY0mJrOAWMV+gb2qNcqWUQdErUvK0MZkvxBkQmsUlJw74YfHHNdIB3y18j/nilQqhwfXRAkKTCZUiX17E0fnj8KS3alJPefgkPaIxwGU1uA2EJhNu6XgaXRzH8MyxVRMOXz6G0eyYxqh+EozpSzDDMKG0UBZlDF58FSfT3xrf/20/nPqYYl7RsSCMZoTBLg0tbAXZwpLIIuflqkRl6cKxghA2lGQZs/k5vDH5FobTR3HNWaEy1vqETuzQKdtASBcOlfax9kc14Kczn+HPq+fQ13o/uuKdOomp/DR+WZqgU+YkFkQalA3piaweS4G2bEWCVCT4r0CHMXCr6Bs6OHEYF/6bxFm6DXSmc1R7j+tPYhOBTZeAQ1cS34V1G0T78JEt8JPu0ysgVGIEEXU4/NdCKomRzDB50bkYjZmYxrYZEXuZy0/hfRMUbBrHfZvu1L+wzv9YjUc0QbOgU8eANmuNb33LN5TC5/DWf2VMJofKeJyuc9seIq/tRF4hMZ6raRmVpyJxgs64vei/Vj22agkZdJz+JqryCxByD6TYRmUJqsD2mwmjKZ3qP7DER3Cd9zCQvXqzkNvPdh25EosJ8GWZIAAAAABJRU5ErkJggg==');
}

.shareButton--xing {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Generator: Gravit.io --%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='isolation:isolate' viewBox='0 0 28 28' width='28pt' height='28pt'%3E%3Cdefs%3E%3CclipPath id='_clipPath_pN2uDgRrRnTI6OxcIGTZ8ppgKIoGkYfZ'%3E%3Crect width='28' height='28'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23_clipPath_pN2uDgRrRnTI6OxcIGTZ8ppgKIoGkYfZ)'%3E%3Cg%3E%3Cpath d='M 0 0 L 28 0 C 28 0 28 0 28 0 L 28 28 C 28 28 28 28 28 28 L 0 28 C 0 28 0 28 0 28 L 0 0 C 0 0 0 0 0 0 Z' style='stroke:none;fill:%23026567;stroke-miterlimit:10;'/%3E%3Cpath d=' M 18.745 4.164 L 22.914 4.164 L 16.293 16.501 L 20.707 24.397 L 16.538 24.397 L 12.123 16.255 L 18.745 4.164 Z M 6.575 8.211 L 10.644 8.211 L 12.798 12.305 L 9.447 18.327 L 5.379 18.327 L 8.729 12.546 L 6.575 8.211 Z ' fill-rule='evenodd' fill='rgb(255,255,255)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}