/* ==========================================================================
   SPECIFICS
   --------------------------------------------------------------------------
   * INVERTING CLICKABLE COLORS (commented and ready to use)
      : Tabs
      : Switcher

   * STRUCTURE
      : Menu
      : Header
      : Footer

   * ELEMENTS
      : Fonts
      : Buttons (Override)
      : Duplicate warning message (Override - to be deleted)
      : Fields (New)
      : Matching pill (New)
      : Section with action next to title (New)
      : List constrols
      : Table
      : Alerts

   * COMPONENTS
      : Steps bar (Override/complement)
      : Result (New)
      : Attachment upload box (New)
      : Swiper (New)
      : Swipers home
      : Tabs (Override/complement)
      : Search (Override)
      : Article card (Override)
      : List skills (New)
      : Popup

    * MODULES
      : Banner
      : Banner home (New)
      : Banner secondary (New)
      : Breadcrums

   * PAGETYPES
      : Home
      : Home: Section Opportunities
      : Home: Section Video
      : Home: Section Benefits
      : Search jobs: Results as list (Override/complement)
      : Reg/App methods: Article
      : Login
      : Detail
      : Profile
      : Edit profile
      : Application confirmation
      : Job Applications
      : Talent Community
      : Section Benefits
      : Individual Story
      : Company Story
      : How We Hire
      : Career Pathways
      : Store Teams
      : Warehouse & Distribution
      : Careers at WW
      : Life at WW
      : Benefits
      : FAQ

   * UTILITIES
      : XXX

   ========================================================================== */

/* INVERTING CLICKABLE COLORS: Tabs
   -------------------------------------------------------------------------- */

/*
.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(--color--clickeable);
}

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

+TBD+
*/

/* INVERTING CLICKABLE COLORS: Switcher
   -------------------------------------------------------------------------- */

/*
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]),
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):link,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):visited {
    color: inherit;
}

.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):hover,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):focus,
.switcher--as-icons [class*="__option"]:not([class*="__option--active"]):active {
    color: var(--color--clickeable);
}

.switcher--as-icons [class*="__option--active"],
.switcher--as-icons [class*="__option--active"]:link,
.switcher--as-icons [class*="__option--active"]:visited,
.switcher--as-icons [class*="__option--active"]:hover,
.switcher--as-icons [class*="__option--active"]:focus,
.switcher--as-icons [class*="__option--active"]:active {
    color: var(--color--clickeable);
}

+TBD+
*/

/* STRUCTURE: Menu
   -------------------------------------------------------------------------- */
.menu--visible .menu__item {
    position: relative;
}

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

.menu--visible .menu__list:first-of-type {
    gap: var(--spacer--xl);
}

.menu--visible .menu__list:not(.menu__list--user) .menu__item:after {
    border-bottom: .3rem solid transparent;
    content: '';
    display: block;
    position: absolute;
    bottom: var(--spacer--xxs);
    width: 100%;
    height: .3rem;
    z-index: 99;
}

.menu--visible .menu__list:not(.menu__list--user) .menu__item:hover:after,
.menu--visible .menu__list:not(.menu__list--user) .menu__item.menu__item--open:after {
    border-bottom: .3rem solid var(--color--brand);
}

.menu--visible .menu__link {
    height: 3.7rem;
}

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link .menu__text,
.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link:after,
.menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"] .menu__text,
.menu--visible .menu__link[aria-haspopup="true"][aria-expanded="true"]:after {
    color: var(--color--brand);
}

.menu--visible .menu__item:not([aria-current="page"]):hover .menu__link[aria-haspopup=true]:after {
    content: "\f106";
    margin-bottom: 0;
}

.menu--visible .menu__list--user .menu__item:hover .menu__link[aria-haspopup=true]+.submenu__list--overflows-not {
    left: -12rem;
}

.menu__link:after {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    border-bottom: .3rem solid var(--color--white);
    transition: unset;
    padding-top: .2rem;
    padding-bottom: .2rem;
}

.menu__link {
    gap: 0;
}

.menu--visible .menu__list:not(.menu__list--user) .menu__item .menu__link[aria-haspopup=true] .menu__text {
    padding-right: var(--spacer--s);
}

.menu--visible .submenu__list--overflows-not .portalLanguages__link,
.menu--visible .submenu__list--overflows-not .submenu__link {
    white-space: nowrap;
}

.menu--visible .submenu__item+.submenu__item {
    border-top-color: transparent;
}

.menu--visible .menu__item:hover .menu__link[aria-haspopup=true]+.submenu__list--overflows-not,
.menu--visible .menu__link[aria-haspopup=true][aria-expanded=true]+.submenu__list--overflows-not {
    right: 0;
    left: unset;
    padding-top: 2.3rem;
    padding-left: 4.4rem;
    padding-bottom: 4.4rem;
    padding-left: var(--spacer--xl);
}

.submenu__list {
    min-width: 18rem;
}

.menu--visible .menu__list--user .menu__item:not([aria-current="page"]):hover .menu__link .menu__text,
.menu--visible .menu__list--user .menu__item:not([aria-current="page"]):hover .menu__link:after,
.menu--visible .menu__list--user .menu__link[aria-haspopup="true"][aria-expanded="true"] .menu__text,
.menu--visible .menu__list--user .menu__link[aria-haspopup="true"][aria-expanded="true"]:after {
    color: var(--color--grey--darker);
}

.menu--visible .menu__list--user .menu__item:hover .menu__link[aria-haspopup=true] {
    border-radius: 100%;
}

.menu--visible .menu__list--user .menu__item .menu__link {
    background-color: #e7eced;
    border-radius: var(--buttons--border--radius);
    min-width: 4.8rem;
    text-align: center;
    height: 4.8rem;
}

.menu--visible .menu__list--user .menu__item .menu__link:after {
    display: none;
}

.menu--toggleable .menu__panel {
    border-top-width: 0;
}

.menu--toggleable .menu__panel .menu__link {
    padding: var(--spacer--xl) var(--spacer--s2) var(--spacer--xl) var(--spacer--xl);
}

.menu--visible .submenu__list {
    border-bottom-left-radius: var(--spacer--s2);
    border-bottom-right-radius: var(--spacer--s2);
    width: fit-content;
    box-shadow: none;
    top: calc(100% + .1rem);
}

.desktopPrefix {
    display: inline-block;
}

.mobilePrefix {
    display: none;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .menu--visible .menu__item:hover .menu__link[aria-haspopup=true]+.submenu__list--overflows-not,
    .menu--visible .menu__link[aria-haspopup=true][aria-expanded=true]+.submenu__list--overflows-not {
        padding: 3.2rem;
    }

    .submenu__link {
        padding: .8rem 1.2rem;
        height: 4.8rem;
    }

    .menu--visible .menu__list--user {
        margin-left: var(--spacer--l);
    }

    .menu--visible .menu__list--login {
        margin-left: var(--spacer--xl);
    }
}

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

    .menu--toggleable .menu__item {
        border-bottom-color: var(--color--grey--lightest);
    }

    .menu--toggleable .submenu__list {
        padding-left: var(--spacer--l);
    }

    .menu--toggleable .submenu__link {
        color: var(--color--brand--sub-6);
        font-weight: normal;
        font-size: 1.6rem;
        padding: .4rem 1.2rem .4rem 3.2rem;
        height: 3.2rem;
    }

    .menu--toggleable .menu__item--active .submenu__item--active .submenu__link {
        background: #F0F9FF;
    }

    .menu--toggleable .submenu__link::after {
        content: '';
        background-image: var(--action__icon--chevron--right);
        height: 1.6rem;
        width: 1.6rem;
    }

    .menu__link:after {
        color: var(--toggle--font--color);
    }

    .desktopPrefix {
        display: none;
    }

    .mobilePrefix {
        display: block;
    }
}

@media all and (min-width: 1025px) {
    [class*="--w--narrow--forms"] {
        margin-left:auto;
        margin-right: auto;
        width: 100%;
        max-width: var(--content--w--narrow--forms);
    }
}

/* STRUCTURE: Header
   -------------------------------------------------------------------------- */

.body--header-fixed-on-scroll .header--scrolling {
    box-shadow: unset;
}

/* STRUCTURE: Footer Small
   -------------------------------------------------------------------------- */

.footer__content--reduced .footer__copy {
    text-align: start;
    font-weight: 400;
    margin-top: .3rem;
}

.footer__content--reduced img {
    height: 3.95rem;
}

.footer__content--reduced .footer__links {
    flex-direction: row;
    justify-content: end;

}

.footer__content--reduced .footer__links__item.link {
    font-weight: 400;
    padding: var(--spacer--m);
    font-size: var(--font--size--01);
}

/* STRUCTURE: Footer Big
   -------------------------------------------------------------------------- */

.backToTop__button--container {
    display: flex;
    justify-content:end;
    height:9.6rem;
    align-items:center;
}

.backToTop__button--container .title {
    display: flex;
    gap: var(--spacer--m);
    align-items:center;
}

.footer__content .grid--5 {
    margin-top:unset;
}

.footer__content {
    flex-direction: column;
}

.footer__content--reduced {
    padding-top:4.8rem;
}

.footer__content h2.title {
    font-family: var(--font);
}

.footer__content .section--dividers--top {
    border-top: .1rem solid var(--color--white);
}

.footer__content .grid--5 .grid__item:first-of-type {
    padding-right: 10rem;
}

.footer__links {
    flex-direction: column;
    align-items: start;
}

.footer__content .grid--2--sidebar--aside-left>.grid__item--aside-left {
    max-width: 11.2rem;
}

.footer__social__text {
    margin-right: var(--spacer--m);
    font-size: var(--font--size--02);
    font-weight: 600;
}

.footer__content .link {
    text-decoration-color: var(--color--white);
}

.footer__content .link:not(.footer__links__item) {
    font-size: var(--font--size--02);
    font-weight: 400;
    line-height: 2.8rem;
}

.footer__content p,
.footer__content li {
    line-height: 2.4rem;
}

.footer__copy {
    text-align: end;
    font-size: 1.2rem;
    font-weight: 600;
}

.logo--footer {
    margin-bottom: var(--spacer--m);
}

.footer__links__item.link {
    font-size: var(--font--size--02);
    font-weight: 600;
    line-height: 2.8rem;
}

.footer__links__mail {
    font-size: var(--font--size--01);
}

.body--success .title--07 {
    display: none;
}

.logo--footer--secondary {
    width: fit-content;
}

.backToTop__button--container .title:after {
    font-family: FontAwesome;
    content: "\f106";
    font-size: 2.8rem;
    width:4rem;
    height:4rem;
    display:block;
    line-height: 3.2rem;
}

/* Media query to target exeed desktop */
@media all and (min-width:1025px) {
    .footer__content .grid--5 .grid__item:not(.grid__item--xl) {
        flex: .8;
        max-width: unset;
    }

    .footer__content *+.article__header__text__title {
        margin-top: var(--spacer--l);
    }

}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    body:not(.body--search-jobs, .body--individual--story, .body--individual--story--two, .body--individual--story--three, .body--company--story, .body--inclusion, .body--how--we--hire, .body--career--pathways, .body--careers--ww) .footer {
        margin-top: 8rem;
    }

    .body--job--applications:not(.body--search-jobs) .footer {
        margin-top: 18rem;
    }

    .body--job--applications .table--default thead tr th {
        min-width: 21.1rem;
    }

    .body--job--alerts .main__wrapper,
    .body--agentCreate .main__wrapper,
    .body--success .main__wrapper,
    .body--talent-community .main__wrapper,
    .body--talent-community .main__wrapper .ButtonBarField {
        padding-bottom: 0;
    }

    .body--success .main__wrapper .list--links--bottom {
        margin-top: 0;
    }

    .body--agentCreateRegister .paragraph {
        color: var(--color--grey--darker);
    }

    .footer__content .grid--2--sidebar--aside-left>.grid__item--main {
        flex-basis: calc(100% - 13.2rem);
        max-width: calc(100% - 13.2rem);
    }

    .footer__content .grid--2--sidebar--aside-left>.grid__item--main .paragraph {
        padding-bottom: 0;
    }

    .footer__content .grid--5 .grid__item--xl {
        flex: 1.3;
        max-width: unset;
    }

    .footer__wrapper {
        padding: 0 1.8rem 4rem 1.8rem;
    }

    .footer__content .article__header__text__title {
        padding-bottom: 1.2rem;
    }

    .footer__content .section.section--dividers--top {
        border-top: .1rem solid var(--color--white);
        margin-top: var(--spacer--xl);
        padding-top: var(--spacer--xl);
    }

    *+.article__header__text__title {
        margin-top: 2.1rem;
    }

    .footer .section--dividers--top.m--b--xl .grid__item--main {
        padding-left: 2.4rem
    }

    .grid .grid__item:nth-of-type(6) .footer__links li {
        padding-bottom: .8rem;
    }

    .grid .grid__item:nth-of-type(7) .footer__links li {
        padding-bottom: 1.2rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .footer__wrapper {
        padding: 0 1.8rem 4.8rem 1.8rem;
    }

    .logo--footer img {
        height: 5.2rem;
        min-width: 19.2rem;
    }

    .backToTop__button--container {
        height:9.2rem;
    }

    .footer__content .grid--5 .grid__item--xl {
        flex: 1;
        max-width: unset;
    }

    .footer__content .grid--5 .grid__item--xl.grid__item--email {
        min-width: max-content;
    }

    .footer__content .grid--5 .grid__item--xl:not(:first-of-type) {
        padding-left: 2.4rem;
    }

    .footer__content .grid--5 > .grid__item {
        flex: 1;
        max-width: unset;
        padding-left: 2.4rem;
    }

    .footer__content .grid--5 .grid__item:first-of-type {
        padding-right: 0;
    }

    .footer__content .dividers--top--only-desktop .grid .grid__item {
        min-width: 100%;
    }

    .footer__copy {
        text-align: start;
    }
}

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

    .backToTop__button--container {
        height:7.6rem;
    }

    p.footer__copy {
        text-align: start;
        line-height: 1.6rem;
        font-weight: 600;
    }

    .footer__content--reduced .footer__links__item {
        padding-right: var(--spacer--l);
        padding-left: 0;

    }
    .footer__content--reduced .footer__links {
        justify-content: start;
        margin-bottom: var(--spacer--xxl);
    }

    .footer__social__text,
    .footer__links__item.link {
        font-weight: 600;
        padding-bottom: var(--spacer--m);
    }

    .footer__social {
        flex-direction: column;
        align-items: start;
    }

    .footer__content .link.footer__links__mail {
        font-size: var(--font--size--00);
    }

    .footer__content .article__header__text__title.title--02,
    .footer__content .grid__item--main .link {
        font-size: var(--font--size--01);
    }

    .footer__content .article__header__text__title.title--02 {
        margin-top: 1rem;
    }

    .footer__content .link {
        font-size: var(--font--size--02);
    }

    .logo--footer {
        width: 20rem;
    }

    .footer__content .section--dividers--top {
        padding-top: var(--spacer--m);
    }

    .footer__content .section--dividers--top.dividers--top--only-desktop {
        border-top: 0;
    }

    .footer__content .paragraph {
        font-size: var(--font--size--01);
    }

    .footer {
        margin-top: 3rem;
    }

    .footer__wrapper {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .footer__wrapper .section {
        padding-right: var(--grid--laterals);
        padding-left: var(--grid--laterals);
    }

    .footer__content .article__header__text__title.title--05 {
        font-size: 2.4rem;
        margin-top: 3rem;
    }

    .body--search-jobs .footer {
        margin-top: 0;
    }
}

/* ELEMENTS: Buttons (Override)
   -------------------------------------------------------------------------- */

.button {
    padding-left: 2rem;
    padding-right: 2rem;
}

.gotoButton {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--white);
    --buttons--font--color: var(--color--buttons);
}

.gotoButton:hover {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--buttons--sub-3);
    --buttons--font--color: var(--color--buttons);
}

.gotoButton:focus,
.gotoButton:active {
    --buttons--border--color: var(--color--buttons);
    --buttons--background--color: var(--color--buttons--sub-4);
    --buttons--font--color: var(--color--buttons);
}

.gotoButton.button--disabled,
.gotoButton:disabled {
    --buttons--border--color: var(--color--disabled--sub-1);
    --buttons--background--color: var(--color--disabled--sub-1);
    --buttons--font--color: var(--color--disabled);
}

/* To style button as a tertiary button only when it's the third child */
.tc_formLabel .cancelButton {
    --buttons--border--color: transparent;
    --buttons--width--min: 0;
    --buttons--background--color: transparent;
    --buttons--padding--h: 0;
    --buttons--font--color: var(--color--buttons);
}

.tc_formLabel .cancelButton:nth-child(n+3) {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--buttons);
}

.tc_formLabel .cancelButtonn:focus,
.tc_formLabel .cancelButton:active {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--buttons);
}

button:not(.saveButton):not(.submitButton):not(.nextButton):not(.formNextButton):not(.gotoButton):not(.redirectUrlButton)~.cancelButton:hover {
    text-decoration: transparent;
}

.cancelButtonn:nth-child(n+3).button--disabled,
.cancelButtonn:nth-child(n+3):disabled {
    --buttons--border--color: transparent;
    --buttons--background--color: transparent;
    --buttons--font--color: var(--color--disabled);
}

.button,
.ButtonBarField [class*=Button] {
    font-weight: 500;
}

.CheckBoxListFormField_more,
.RadioButtonListFormField_more,
.article--details .article__content__view__field__value a,
.link,
.tc_formDescription a,
.tc_formSublabel a {
    font-weight: 400;
    text-decoration: underline;
}

.tc_formDescription {
    color: var(--color--grey--darker);
    line-height: 2.4rem;
}

.link__arrow .link:hover {
    color: var(--color--brand--sub-8);
}

.link__arrow .link:focus {
    color: var(--color--brand--sub-8);
    outline-width: .1rem;
    outline-style: dotted;
    outline-color: var(--color--black);
}

.link__arrow .link:active {
    color: var(--color--brand--sub-2);
}

.link__arrow .link:disabled {
    color: var(--color--grey--medium);
}

/* ELEMENTS: Duplicate warning message (Override - to be deleted)
   -------------------------------------------------------------------------- */
   /* ↳ This is a bug from Wizards. This should be deleted when they fix it. */

.duplicateWarningMessage {
    display: flex;
    width: 100%;
    background-color: var(--color--error--sub-1);
    padding: var(--spacer--xs) var(--spacer--s);
    line-height: 2.4rem;
    clear: both;
    margin-top:var(--spacer--l);
}

/* ELEMENTS: Matching pill
   -------------------------------------------------------------------------- */

:root {
    --matching--color--strong: #87e8dd;
    --matching--color--great: #c4f3ee;
    --matching--color--good: #e7faf8;
    --border--color--skills: var(--color--brand);
}

.pill {
    display: inline;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    font-size: 1.2rem;
    padding: var(--spacer--xs) var(--spacer--s);
    background-color: var(--matching--background--color);
    font-weight: 400;
    vertical-align: middle;
}

.pill--strong {
    --matching--background--color: var(--matching--color--strong);
}

.pill--great {
    --matching--background--color: var(--matching--color--great);
}

.pill--good {
    --matching--background--color: var(--matching--color--good);
}

.pill--skills {
    border: .1rem solid var(--border--color--skills);
    --matching--background--color: var(--color--white);
    border-radius: 2rem;
    color: var(--border--color--skills);
    font-size: var(--font--size--01);
}

.pill--skills-b {
    border: .1rem dashed var(--border--color--skills);
    --matching--background--color: var(--color--white);
}

.pill--secondary {
    max-width: fit-content;
    font-weight: 600;
    border-radius: .4rem;
    font-family: var(--font--alt);
    font-size: var(--font--size--00);
    margin-bottom: var(--spacer--m);
    max-height: 2.5rem;
    --matching--background--color: var(--color--buttons--sub-3);
    color: var(--color--buttons--sub-1);
}

.pill--grey {
    --matching--background--color: #e7e7e9;
    color: var(--color--brand--sub-6);
}

.pill--location {
    --matching--background--color: #f5ebdc;
    color: #5c5243;
}

/* Inside a card but 100% wide */
.article--full-pill .pill {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-top-right-radius: var(--card--border--radius);
    border-top-left-radius: var(--card--border--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.article--full-pill .article__header__text__title {
    padding-top: var(--spacer--m);
}

/* ELEMENTS: Section with action next to title
   -------------------------------------------------------------------------- */

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

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

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

    .section__header--action-next-to-title .section__header__text + .section__header__actions{
        margin-top: var(--spacer--s2);
    }
}

/* ELEMENTS: List Controls
   -------------------------------------------------------------------------- */
.list-controls__sort .dropdown__placeholder {
    height: 4rem;
    padding-top: unset;
}

.list-controls__text .list-controls__text__reset {
    font-style: normal;
    margin-left: 0;
    font-weight: 400;
    color: var(--color--grey--darker);
    font-size: var(--font--size--01);
}

.list-controls__text__reset .link {
    font-weight: 400;
    text-decoration: underline;
    padding: 0 var(--spacer--xxxs);
}

.list-controls__pagination__item {
    font-family: var(--font--alt);
    font-weight: 600;
    font-size: var(--font--size--01);
    display: flex;
    align-items: center;
}

.list-controls__pagination nav {
    display: flex;
}

.list-controls__pagination__item.paginationPreviousLink {
    transform: rotate(180deg);
}

.list-controls__pagination__item.paginationNextLink ,
.list-controls__pagination__item.paginationPreviousLink {
    background-image: var(--custom--icon--arrow-right);
    border-left: .1rem solid var(--color--grey--lightest);
    color: transparent;
    white-space: nowrap;
    width: 3rem;
    background-position: center right;
    min-height: 4rem;
}

[class*=list-controls__]+[class*=list-controls__] {
    vertical-align: middle;
}

.list-controls__sort .dropdown--overflows-left .dropdown__text{
    text-align: left;
    justify-content: flex-start;
}

.list-controls__pagination__item:not(.currentPageLink) {
   min-height: 4rem;
}

.list-controls__pagination__item.currentPageLink {
    background-color: var(--color--brand--sub-4);
    border-radius: 10rem ;
    color: var(--color--white);
    width: 2.2rem;
    text-align: center;
    height: 2.2rem;
    padding-top: 0.2rem;
    margin-top: .8rem;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

.list-controls__pagination__item.currentPageLink:hover {
    text-decoration: none;
}

.list-controls__text__legend {
    font-size: var(--font--size--01);
    color: var(--color--grey--darker);
}

/* ELEMENTS: Table
   -------------------------------------------------------------------------- */
.table--default thead tr th {
    font-family: var(--font--alt);
    color: var(--color--brand--sub-6);
    border-bottom: .1rem solid var(--color--brand--sub-1);
}

.schemaspec thead tr th {
    font-family: var(--font--alt);
}

.table--default.table--fixed-column.table--fixed-column--first thead tr th:first-child,
.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child {
    box-shadow: none;
    position: unset;
}

.table--default.table--fixed-column.table--fixed-column--first tbody tr>:first-child:before {
    background-color: var(--color--white);
}

.table--default tbody tr td,
.table--default tbody tr th {
    border-bottom: .1rem solid var(--color--grey--light);
}

.table--default tbody tr:first-child td,
.table--default tbody tr:first-child th {
    border-top: .1rem solid var(--color--grey--light);
    max-width: var(--spacer--xxl);
    white-space: wrap;
    overflow-wrap: break-word;
}

.table--job-alerts tbody tr td:last-child,
.table--job-alerts thead tr th:last-child {
    min-width: 21rem;
}

.table--job-alerts tbody tr td:last-child .link--delete,
.table--job-alerts tbody tr td:last-child .link--edit {
    text-decoration: none;
    clear: unset;
    padding-left: 2.1rem;
    position: relative;
}

.table--job-alerts tbody tr td:last-child .link--delete {
    color: var(--color--error);
    margin-left: 3.86rem;
}

.table--job-alerts tbody tr td:last-child .link--delete:before,
.table--job-alerts tbody tr td:last-child .link--edit:before {
    content:'';
    height: 1.6rem;
    width: 2rem;
    display: block;
    position: absolute;
    left: 0;
}

.table--job-alerts tbody tr td:last-child .link--delete:before {
    background-image: var(--action__icon--table--delete);
}

.table--job-alerts tbody tr td:last-child .link--edit:before {
    background-image: var(--action__icon--table--edit);
}

/* ELEMENTS: Alerts
   -------------------------------------------------------------------------- */

.content__form--login .alert {
    max-width: fit-content;
}

.article__content .form .alert {
    max-width: fit-content;
    border-radius: .3rem;
}

.alert--info {
    --alert--background--color: #F0F9FF;
    border-radius: .3rem;
    padding: 2rem;
    display: grid;
    gap: .5rem 1rem;
    grid-template-columns: auto 1fr;
}

.alert--info:before {
    content: '';
    background-image: var(--icon--info);
    display: block;
    width: 2rem;
    height: 2rem;
    background-position: center;
    background-size: contain;
    grid-row-start: 1;
    grid-row-end: 3;
}

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

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .list--steps .list__item__text__subtitle {
        margin-bottom: 0;
        width: 2rem;
        height: 2rem;
        text-indent: -999.9rem;
        overflow: hidden;
        border: .4rem solid var(--color--brand--sub-7);
        background-color: var(--color--white);
    }

    .list--steps .list__item--filled .list__item__text__subtitle,
    .list--steps .list__item--current .list__item__text__subtitle {
        background-color: var(--color--white);
        border: .4rem solid var(--color--brand);
    }

    .list--steps:after {
        border-bottom-width: .6rem;
        border-bottom-color: var(--color--brand--sub-7);
        top:1.4rem;
        bottom: unset;
        border-radius: 1rem;
    }

    .list--steps .list__item:first-child .list__item__text:after {
        border-radius: 1rem 0 0 1rem;
    }

    .list--steps .list__item:last-child .list__item__text:after {
        border-radius: 0 1rem 1rem 0;
    }

    .list--steps .list__item .list__item__text:after {
        border-bottom-width: .6rem;
        top:1.4rem;
        bottom: unset;
        border-radius: 0;
    }

    .list--steps .list__item__text__title {
        text-transform: none;
        color: var(--color--grey--darker);
        font-size: var(--font--size--01);
        margin-top: 1rem;
    }

}

.list--steps .list__item .list__item__text {
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: var(--spacer--m);
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--steps .list__item .list__item__text {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        color: var(--color--grey--darker);
    }

    .list--steps .list__item__text__title {
        flex-grow: unset;
        text-transform: none;
        color: var(--color--grey--darker);
        font-size: var(--font--size--01);
    }

    .article--first-time .article__header__text__title .title,
    .body--register .article--registered .article__header__text .title {
        font-size: 2.4rem;
    }

    .list--steps .list__item__text__subtitle {
        font-size: var(--font--size--01);
    }

    .title--job {
        font-size: 2.8rem;
    }
}

/* COMPONENTS: Attachment upload box (New)
   -------------------------------------------------------------------------- */

.article--attachments-upload {
    border-radius: var(--boxes--border--radius);
    border-width: .1rem;
    border-style: dashed;
    border-color: var(--boxes--border--color);
    background-color: var(--boxes--background--color);
    padding: var(--boxes--padding--outers) var(--boxes--padding--outers);
}

.article--attachments-upload .article__header {
    margin-bottom: var(--boxes--padding--outers);
    border-bottom-width: .1rem;
    border-bottom-style: solid;
    border-bottom-color: var(--dividers--border--color);
    padding-bottom: var(--boxes--padding--outers);
}

.article--attachments-upload .article__header .fv {
    vertical-align: middle;
}

.list--attachments .list__item__text__title {
    color: var(--color--grey--darker);
    font-weight: 400;
}

.list--attachments .list__item__actions .link:not(:first-child) {
    margin-left: var(--spacer--s);
}

.list--attachments .list__item__actions .link {
    margin-right: var(--spacer--s);
    font-weight: 400;
    text-decoration: unset;
    position: relative;
    display: inline-block;
}

.list--attachments .list__item__actions .link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: var(--spacer--xxs);
    width: 100%;
    height: 0.1rem;
    background-color: var(--color--clickeable)
}

.list--attachments .list__item__actions .link--error::after {
    background-color: var(--color--error);
}

.downloadAttachmentsButton {
    --buttons--background--color: var(--color--buttons);
    --buttons--border--color: var(--color--buttons);
    --buttons--font--color: var(--color--white);
    text-decoration: none;
}

.downloadAttachmentsButton:hover {
    --buttons--border--color: var(--color--buttons--sub-1);
    --buttons--background--color: var(--color--buttons--sub-1);
    --buttons--font--color: var(--color--white);
}

.downloadAttachmentsButton:focus {
    --buttons--border--color: var(--color--buttons--sub-2);
    --buttons--background--color: var(--color--buttons--sub-2);
    --buttons--font--color: var(--color--white);
}

.article--collapsible[open] .toggle__icon:after,
.menu__link[aria-expanded=true]:after,
.tabs__placeholder[aria-expanded=true]:after {
    content: "\f106";
    font-size: 2.8rem;
}
.article--collapsible .toggle__icon:after,
.menu__link[aria-expanded=false]:after,
.tabs__placeholder[aria-expanded=false]:after{
    content: "\f107";
    font-size: 2.8rem;
}

.tf_attachments .tpt_uploadFileCaption {
    padding-top: 0;
}

.tf_attachments .tpt_uploadFileCaption .button-bar__wrap {
    margin-top: 2.4rem;
}

/* Media query to target only desktop */
@media all and (min-width:1201px) {
    .toggle[aria-expanded=false] .toggle__icon:after {
        content: "\f107";
        font-size: 2.8rem;
    }

    .toggle[aria-expanded=true] .toggle__icon:after {
        content: "\f106";
        font-size: 2.8rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .toggle--search {
        background-color: transparent;
    }

    .section[search-type=toggleable] .section__header__text:after {
        border-bottom-width: 0;
    }

    .section[search-type=toggleable] .section__header {
        border-bottom: .1rem solid var(--color--grey--lightest);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .list--attachments .list__item__actions .link:last-child {
        margin-left: 0;
    }

    .FileField .tc_formField .uploadedFile .removeFile {
        width: unset;
        font-style: normal;
    }
}

/* COMPONENTS: Swiper (New)
   -------------------------------------------------------------------------- */

:root {
    --swiper__slide--gap: var(--grid--columns--gap);
    --swiper-navigation-size: 4.4rem;
}

.slider{
    position:relative;
}

.swiper-container {
    width: 100%;
}

.swiper-slide{
    height: auto;
}

.swiper-slide .article--card {
    box-sizing: border-box;
    height: 100%;
    box-shadow: none;
    border: .1rem solid var(--color--grey--lightest);
}

.swiper-slide .article--card .article__header__text>* {
    overflow: hidden;
    white-space: unset;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* DEFINE THE LINE TO ADD THE ELLIPSIS */
    height: 5rem; /* DEFINE THE HEIGHT OF THE HEADERS */
}

.swiper-slide .article__image,
.swiper-slide .article--card .article__header__text {
    padding-left: 1.8rem;
    padding-top: 1.8rem;
}

.swiper-slide .article__image img {
    max-width: 25rem;
    max-height: 5.5rem;
    min-height: 5.5rem;
}

.swiper-slide .article--card .article__content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.2rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    border-top: .1rem solid var(--color--grey--lightest);
    font-size: var(--font--size--00);
    color: var(--color--grey--darker);
}

.swiper-slide .article--card .article__header__text {
    min-height: unset;
    padding-bottom: 1.2rem;
}

.swiper-slide .article--card .article__header{
    flex-direction: column;
}

.swiper-slide .article--card .article__header__text .link {
    font-weight: 600;
}

.swiper-slide .article--card .article__footer {
    justify-content: start;
    padding-top: 0;
}

.swiper-slide .article--card .button {
    min-width: 12rem;
}

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

.swiper-button-next,
.swiper-button-prev,
.swiper-button-prev--whatItsWorkWithUs,
.swiper-button-next--whatItsWorkWithUs,
.swiper-button-prev--exploreOptionsSlider,
.swiper-button-next--exploreOptionsSlider {
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-prev--whatItsWorkWithUs:after,
.swiper-button-next--whatItsWorkWithUs:after,
.swiper-button-prev--exploreOptionsSlider:after,
.swiper-button-next--exploreOptionsSlider:after {
    width: 3rem;
    height: 3rem;
}

.swiper-button-prev--whatItsWorkWithUs:after,
.swiper-button-next--whatItsWorkWithUs:after,
.swiper-button-prev--exploreOptionsSlider:after,
.swiper-button-next--exploreOptionsSlider:after {
    content: 'prev';
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-next:after,
.swiper-button-next--whatItsWorkWithUs:after,
.swiper-button-next--exploreOptionsSlider:after {
    background-image: var(--custom--icon--slide--arrow-right);
    content: "";
    fill: #1971ed;
}

.swiper-button-prev:after,
.swiper-button-prev--whatItsWorkWithUs:after,
.swiper-button-prev--exploreOptionsSlider:after {
    background-image: var(--custom--icon--slide--arrow-left);
    content: "";
    fill: #1971ed;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
    right: 0;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next,
.swiper-button-prev--whatItsWorkWithUs,
.swiper-button-next--whatItsWorkWithUs,
.swiper-button-prev--exploreOptionsSlider,
.swiper-button-next--exploreOptionsSlider {
    left: 0;
}

.swiper-button-prev--whatItsWorkWithUs,
.swiper-button-next--whatItsWorkWithUs,
.swiper-button-prev--exploreOptionsSlider,
.swiper-button-next--exploreOptionsSlider {
    position: absolute;
    width: calc(var(--swiper-navigation-size) / 44* 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    margin-right: 1rem;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.section--search-jobs {
    background-image: var(--slide--background--image);
    background-position: bottom center;
    background-size: contain;
    padding-bottom: 15rem;
}

.section--jobs-slider .section__header__text__title {
    color: var(--color--brand);
}

.section__content__slide {
    background-color: var(--color--brand--sub-5);
}

.section__content__slide .main__wrapper{
    padding-bottom: 0;
}

.section__content__slide .section__header__text__title {
    color: var(--color--brand);
}

.swiper-controls__content {
    display: flex;
    height: 7.4rem;
    padding: 2rem;
    margin-top: 2.8rem;
    justify-content: center;
}

.swiper-controls__content .swiper-button-next,
.swiper-controls__content .swiper-button-prev,
.swiper-controls__content .swiper-pagination,
.swiper-button-prev--whatItsWorkWithUs,
.swiper-button-next--whatItsWorkWithUs,
.swiper-button-prev--exploreOptionsSlider,
.swiper-button-next--exploreOptionsSlider {
    position: relative;
    height: var(--swiper-navigation-size);
}
.swiper-controls__content .swiper-pagination,
.swiper-controls__content .swiper-pagination--whatItsWorkWithUs,
.swiper-controls__content .swiper-pagination--exploreOptionsSlider,
.swiper-controls__content .swiper-pagination--careersAtWWSlider {
    margin-top: 1.2rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.storeTeams .swiper-controls__content .swiper-pagination--careersAtWWSlider {
    margin-top: 1rem;
}

.swiper-pagination-bullet {
    width: 1.4rem;
    height: 1.4rem;
    margin: 0 .5rem ;
    background-color: transparent;
    border: .2rem solid;
    border-color: var(--color--clickeable);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    background-color: var(--color--clickeable);
}

.section--jobs-slider .article--card {
    border-radius: 1.6rem;
}

.section--jobs-slider .swiper-slide .article--card .article__header__text .link {
    text-decoration: none;
}

.section--jobs-slider .swiper-slide .article--card .button {
    min-width: 12rem;
    font-weight: 500;
    min-height: 4.8rem;
}

.section--jobs-slider .article--card .button--secondary.button--disabled {
    border-radius: 2.4rem;
    border-width: .1rem;
    border-style: solid;
    border-color: var(--color--disabled--sub-1);
    padding: var(--spacer--s) var(--spacer--m);
    color: var(--color--disabled--sub-1);
    height: 4.8rem;
    margin-left: 0;
    text-decoration: none;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section--jobs-slider {
        padding-right: 0;
    }

    .section--jobs-slider .swiper-wrapper {
        margin-bottom: 3rem;
    }
}

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

/* COMPONENTS: Swipers home
   -------------------------------------------------------------------------- */

.section__content__video .swiper-pagination-bullet,
.section__content__stories .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__video .swiper-pagination-bullet-active,
.section__content__stories .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

.whatItsWorkWithUs .grid {
    flex-wrap: unset;
}

.whatItsWorkWithUs .grid>.grid__item {
    flex: auto;
}
.whatItsWorkWithUs .button,
.exploreOptionsSlider .button {
    padding-top: unset;
    padding-bottom: unset;
}

.swiper--browsing--history .swiper-button-prev:after,
.sliderBenefits .swiper-button-prev:after {
    background-image: var(--custom--icon--slide--arrow-left-blue);
}

.sliderBenefits .swiper-button-next:after,
.swiper--browsing--history .swiper-button-next:after {
    background-image: var(--custom--icon--slide--arrow-right-blue);
}

.sliderBenefits .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper--browsing--history .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.sliderBenefits .swiper-button-next.swiper-button-disabled:after,
.swiper--browsing--history .swiper-button-next.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-right-disabled);
}
.sliderBenefits .swiper-button-prev.swiper-button-disabled:after,
.swiper--browsing--history .swiper-button-prev.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-left-disabled);
}

.sliderBenefits .swiper-pagination-bullet-active,
.swiper--browsing--history .swiper-pagination-bullet-active {
    background-color: var(--color--clickeable);
    opacity: 1;
}

.sliderBenefits .swiper-pagination-bullet,
.swiper--browsing--history .swiper-pagination-bullet {
    border-color:var(--color--clickeable);
    opacity: 1;
    transform: unset;
}

.swiper-pagination-bullets-dynamic {
    text-wrap: nowrap;
}

.swiper--browsing--history .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(1);
    position: relative;
    left:0!important; /* Is not possible to change the inline style of the pluggin via js or config */
}

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

    .section__content__video > .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .section__content__video .swiper-slide > .grid {
        margin-left: 0;
    }

    .section__content__video .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .whatItsWorkWithUs .grid {
        flex-direction: column;
    }

    .section--search-jobs {
        padding-bottom: 5rem;
    }

    .section__content__slide .section__header__text__title {
        margin-bottom: var(--spacer--m);
    }

    .section--search-jobs .article--card .button--secondary.button--disabled {
        border-color: var(--color--grey--darker);
        color: var(--color--grey--darker);
        font-weight: 500;
        height: 4.8rem;
        border-radius: 2.4rem;
        border-style: solid;
        border-width: 0.1rem;
        padding: var(--spacer--s) var(--spacer--m);
        min-width: 12rem;
    }

}

/* COMPONENTS: Tabs (Override)
   -------------------------------------------------------------------------- */

.section__header.section__header--tabs + *:not([class*="--narrow"]) {
    margin-top: var(--spacer--xl);
}

.tabs__list {
    border-bottom-color: #e7e7e9;
    border-bottom-width: 0.15rem;
}

.tabs__list__item {
    text-transform: none;
    font-size: var(--font--size--02);
    color: var(--color--brand--sub-6);
}

.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: var(--color--brand--sub-6);
    font-weight: 400;
}

/* COMPONENTS: Search (Override)
   -------------------------------------------------------------------------- */

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

}

/* PAGETYPE: Detail (.body--detail)
----------------------------------------------------------------------------------*/
@media all and (min-width:1025px) {
    .body--detail .main__wrapper {
        padding-bottom: 0;
    }

    .body--detail .article--details.regular-fields--cols-2Z .article__content__view__field {
        padding-bottom: .5rem;
    }

    .body--detail .aside .embed-container {
        min-height: 26.4rem;
    }

    .body--detail .aside {
        max-width: 28.4rem;
    }

    .body--detail .aside .button-bar:not(.fieldSpec) {
       padding-top: 0;
    }

    .body--detail .aside .button-bar:not(.fieldSpec) .button-bar__wrap {
        margin-top: 1.3rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--detail .article.article--actions {
        margin-bottom: 0;
    }

    .body--detail .button-bar__wrap {
        justify-content: center;
        margin-top: 0;
    }

    .body--detail .button-bar--cols-1 {
        width: 100%;
        padding-top: 0;
    }

    .body--detail .grid__item--aside-right .button.button--secondary {
        max-width: unset;
    }

}

/* COMPONENTS: Article card (Override)
   -------------------------------------------------------------------------- */
.article--card {
    box-shadow: 0 .2rem 2rem 0 var(--color--shadow--sub-1);
}

.article--card .article__header__text {
    padding-bottom: 0;
    min-height: 8.5rem;
}

.article--card .button--secondary:not(.button--disabled) {
    border-color: var(--color--buttons);
    color: var(--color--buttons);
    font-weight: 500;
    min-width: 19.3rem;
    font-family: var(--buttons--font);
    font-size: var(--buttons--font--size);
    text-decoration: none;
}

.article--card .button--secondary:not(.button--disabled):hover {
    text-decoration: none;
    color: var(--color--brand--sub-8);
    background-color: var(--color--brand--sub-9);
}

.article--card .button--secondary:not(.button--disabled):active,
.article--card .button--secondary:not(.button--disabled):focus {
    text-decoration: none;
    color: var(--color--buttons--sub-2);
    background-color: var(--color--buttons--sub-4);
    border-color: var(--color--buttons--sub-2);
}

.article:not([class*=article--w--]) {
    max-width: unset;
}

.article--card .link__arrow {
    margin-top: var(--spacer--m);
}

.article--card .link__arrow .fa {
    display: table-caption;
    margin-bottom: -0.5rem;
    font-size: 3rem;
    position: relative;
    top: .4rem;
    display: inline-block;
    margin-left: .5rem;
}

.article--card .button--tertiary {
    --buttons--font--size: initial;
    --buttons--font--color: var(--color--buttons);
    font-weight: 400;
}

.article--card .article__footer {
    padding-bottom: calc(var(--card--padding--outers));
    justify-content: center;
}

.article--card .article__content {
    padding-top: var(--card--padding--inners);
}

.article--card .article__footer > * + * {
    margin-left: var(--card--padding--outers);
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .article--card .button--primary {
        min-height: 4.7rem;
       min-width: 12rem;
    }
}

/* COMPONENTS: List Skills (New)
   -------------------------------------------------------------------------- */
.item__view--title--jobname {
    color: var(--color--brand);
}

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

.list--links--bottom .link {
    font-weight: 400;
}

/* Inside the article details */
.article--details .article__content__view__field__value ul.list--skills {
    margin-left: 0;
    padding-left: 0;
}

.article--details .article__content__view__field__value ul.list--skills .pill--skills {
    margin-right: 1rem;
}

.article--details .article__content__view__field__value ul.list--skills li+li {
    margin-top: 0;
    margin-bottom: var(--spacer--s);
}

/* Inside the skills widget */
.skills .list--skills:not(.list--skills--active) {
    display: none;
}

.skills .list--skills .list__item {
    margin-bottom: var(--spacer--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;
    }

    .title--job[class*="--divider--bottom"] {
        padding-bottom: 1rem;
        border-bottom-color: var(--color--grey--lightest);
    }
}

/* COMPONENTS: Popup
   -------------------------------------------------------------------------- */
.body.body--popup,
.body.body--popup .body__content,
.body.body--popup .body__content .main,
.body.body--popup .body__content .main .main__wrapper,
.body.body--popup .body__content .main .main__wrapper .main__content,
.body.body--popup .body__content .main .main__wrapper .main__content .section.section__popup,
.body.body--popup .body__content .main .main__wrapper .main__content .section.section__popup .section__content,
.body.body--popup .body__content .main .main__wrapper .main__content .section.section__popup .section__content .article,
.body.body--popup .body__content .main .main__wrapper .main__content .section.section__popup .section__content .article .article__content {
    height: 100%;
}

.glightbox-clean .gslide-media {
    border-radius: 1.6rem;
}

.body.body--popup .body__content .main .main__wrapper {
    padding-top: 3.2rem;
    padding-bottom: 2.4rem;
    padding-left: 3rem;
    padding-right: 3rem;

}

.body.body--popup .body__content .main .main__wrapper .main__content {
    background-color: var(--color--brand--sub-5);
    border-radius: 1.6rem;

}

.section.section__popup .article__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section.section__popup .article__content .content__title,
.section.section__popup .article__content .content__message {
    display: block;

}

.section.section__popup .article__content .content__title {
    font-family: var(--font--alt);
    color: var(--color--brand);
    font-size: 4.4rem;
    font-weight: 600;
    line-height: 1.5;
    max-width: 43.4rem;
    text-align: center;
    padding-bottom: 2.4rem;

}

.section.section__popup .article__content .content__message {
    font-family: var(--font);
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--01);
    font-weight: normal;
    line-height: 1.5;
    max-width: 50rem;
    text-align: center;
}

.glightbox-clean .gclose {
    background-color: transparent;
    background-image: var(--fields--icon--clear);
    background-size: cover;
    right: -.4rem;
    top: -.7rem;
    opacity: 1;
    width: 5.2rem;
    height: 5.2rem;
    justify-content: end;
}

.glightbox-clean .gclose:hover {
    background-color: transparent;
}

@media all and (max-width:750px){
    .section.section__popup .article__content .content__title {
        max-width: 100%;
    }
}

/* MODULES: Banner
   -------------------------------------------------------------------------- */
.banner__text__title {
    color: var(--color--brand);
    font-family: var(--font--alt);
    font-weight: 600;
    line-height: 1.29;
}

.banner__text__subtitle {
    color: var(--color--brand);
    font-size: var(--title--font--size);
    font-weight: 300;
    text-transform: inherit;
}

.banner:not(.banner--secondary--bottom) .banner__text__title {
    margin-bottom: var(--spacer--m);
}

/* MODULES: Banner home (New)
   -------------------------------------------------------------------------- */
.banner__text--content--home .banner__wrapper {
    justify-content: center;
}

.banner__text--content:not(.banner__text--content--home) {
    background-image: var(--banner--wave--bottom);
    background-position: bottom;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}

.banner__text--content:not(.banner__text--content--home)::before {
    content: " ";
    background-color: var(--color--brand--sub-5);
    height: calc(var(--spacer--xxl) * 2);
    width: 100%;
    position: absolute;
    top:0;
    z-index: -1;
}

.banner__text--content:not(.banner__text--content--home) .banner__wrapper {
    padding-top: 0;
}

.banner__text--content:not(.banner__text--content--home) .banner__wrapper .banner__text__title {
    padding-bottom: var(--banner--padding--bottom);
}

.banner--main--home {
    height: 41rem;
    background-image: var(--home__banner--background--image);
}

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

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

/* Media query to target tablet and desktop */
    @media all and (min-width:751px) {
    .banner__form {
        padding: var(--spacer--xs);
        background-color: var(--color--white);
        border-radius: 3.4rem;
        box-shadow: 0 .2rem 2rem 0 var(--color--shadow--sub-1);
        width: 96.2rem;
        min-height: 6.8rem;
    }

    .banner__form .button-bar {
        max-width: fit-content;
    }

    .banner__form .button-bar__wrap {
        margin-top: 0;
    }

    .banner__form .tc_formLabel {
        padding-bottom: 0;
    }

    .banner__form .form--grid--3 .fieldSpec:nth-of-type(3n+1) {
        position: relative;
    }

    .banner__form .form--grid--3 .fieldSpec:nth-of-type(3n+1)::after {
        content:"";
        display: block;
        position: absolute;
        height: 4rem;
        top: 1rem;
        right: 0;
        border-right: .1rem solid var(--color--grey--lightest);
    }

    .banner__form .form--grid--3 .fieldSpec:first-of-type {
        width: 50%;
        padding-left: var(--grid--columns--gap);
    }

    .banner__form .form--grid--3 .fieldSpec:not(:first-of-type):not(.button-bar--cols) {
        width: calc(50% - 14rem);
    }

    .banner__form .form--grid--3 .fieldSpec.button-bar--cols {
        max-width: 11rem;
        width: 11rem;
        margin-left: 3rem;
        padding-left: 0;
        padding-bottom: calc(var(--fieldSpec--padding--outers)/2);
        padding-top: calc(var(--fieldSpec--padding--outers)/2);
    }

    .banner__form button {
        min-width: 10rem;
    }

    .banner__form .SelectFormField {
        padding-left: 0;
    }

    .banner__form .select2-container--default .select2-dropdown {
        border-color: var(--color--white);
    }

    .banner__form .select2-container--default .select2-selection--single .select2-selection__arrow {
        background-image: var(--fields--icon--caret--down--xl);
        width: 2rem;
        background-size: 2rem;
        right: -1rem;
    }

    .banner__form input[type=text]:not([class*=select2]) {
       border-radius: 3rem 0 0 3rem ;
       padding-left: 3rem;
    }

    .banner__form .select2-container--default .select2-selection--single .select2-selection__placeholder {
        font-family: var(--font);
        color: var(--fields--font--color)
    }
}

/* Media query to target only desktop */
@media all and (min-width:1400px) and (max-width:1999px){
    .banner--main--home,
    .banner--main {
        height: 42rem;
    }
}

@media all and (min-width:2000px){
    .banner--main--home,
    .banner--main {
        height: 60rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--main--home {
        --banner--height: 26rem;
        height: var(--banner--height);
    }

    .banner__form {
        width: 100%;
    }

    .banner__form .submitButton {
        width: 100%;
        height: 4.8rem;
    }

    .title--banner {
        text-align: center;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
    }

    .body--home .banner--secondary:not(.banner--secondary--bottom, .banner--secondary--top) .banner__wrapper {
        padding-top: var(--spacer--l);
    }

    .toggle--menu .toggle__icon {
        color: transparent;
    }
}

/* MODULES: Banner secondary (New)
   -------------------------------------------------------------------------- */

.banner--secondary {
    background-color: var(--color--brand--sub-5);
}

.banner--secondary.banner:not(.banner--secondary--bottom) {
    background-image: var(--home__banner--secondary--wave);
    background-position: bottom center;
    background-size: cover;
    height: 14.3rem;
}

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

.banner--secondary--bottom .banner__wrapper {
    background-color: var(--color--white);
    margin: 3rem auto 8rem;
    border-radius: 7rem;
    padding: 3rem 8rem;
    height: 13.7rem;
}

.banner--secondary--bottom .grid .grid__item {
    flex-direction: row;
    align-items: center;
}

.banner--secondary--bottom .grid .grid__item:last-of-type {
    flex: unset;
}

.banner--secondary--bottom .button {
    white-space: nowrap;
}

.banner__text__title__conjunction {
    color: var(--color--brand);
    padding: 2rem 2.4rem;
}

.banner--secondary--bottom .banner__text__title {
    max-width: 40rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .banner--secondary:not(.banner--secondary--bottom) .banner__wrapper {
        padding-top: var(--spacer--xxxl);
        padding-bottom: var(--spacer--xxxl);
    }

    .banner--secondary--top + * {
        margin-top: var(--spacer--xl);
    }

    .banner--secondary .banner__text__title * + * {
        margin-left: var(--spacer--m);
    }

}

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

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

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

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        display: block;
        margin-bottom: var(--spacer--l);
    }

    .banner--secondary--top + * {
        margin-top: var(--spacer--l);
    }
}

/* 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-left: var(--spacer--m);
    }

    .banner--secondary .banner__wrapper {
        padding-bottom: var(--spacer--xl);
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .banner--secondary .banner__wrapper {
        padding-bottom: 0;
        padding-top: 0;
    }

    .banner--secondary.banner:not(.banner--secondary--bottom) {
        height: auto;
    }

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

    .banner--secondary .banner__text__title .button:nth-of-type(2) {
        margin-top: var(--spacer--l);
    }

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

    .banner--secondary.banner:not(.banner--secondary--bottom) {
        background-size: contain;
        padding-bottom: 10vw;
    }

    .banner--secondary.banner:not(.banner--secondary--bottom) .ButtonBarField {
        --fieldSpec--padding--outers: 3.9rem
    }

    .banner--secondary--bottom .grid .grid__item {
        flex-direction: column;
        padding: 0 3rem;
        margin-left: 2rem;
    }

    .banner--secondary--bottom .banner__wrapper {
        padding: 0;
        border-radius: .7rem;
        background-color: var(--color--white);
        padding: 0;
        margin-bottom: 2.6rem;
        min-height: 26rem;
        width: 92%;
    }

    .banner--secondary--bottom .banner__wrapper .grid {
        flex-direction: column;
    }

    .banner--secondary .banner__text__title .banner__text__title__phrase {
        font-size: var(--font--size--03);
        margin-bottom: 1rem;
    }

    .banner__text__title__conjunction {
        text-align: center;
        padding: 1rem;
    }

}

/* MODULES: Breadcrums
   -------------------------------------------------------------------------- */
.breadcrumbs {
    font-size: var(--font--size--01);
}

.breadcrumbs__wrapper {
    padding-top: var(--spacer--m);
}

.breadcrumbs .link {
    text-decoration: underline;
    font-weight: 400;
}

[class*="--sidebar--filters"] .section__header__text__title {
    color: var(--color--brand);
    font-weight: 400;
    font-family: var(--font--alt);
    margin-top: 1rem;
}

.grid--2--sidebar--filters>.grid__item--filters {
    margin-right: 6.1rem;
}

.grid--2--sidebar--filters>.grid__item--filters .search--visible .search__panel .button-bar__wrap {
    margin-top: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: .8rem;
}

/* MDOULE: SEARCH FORM TOOGLE
---------------------------------------------------------------*/
.search--toggleable .search__panel {
    background-color: var(--color--white);
}

.search--toggleable .tc_formField .tc_formButton {
    width: 100%;
}

@media all and (max-width:750px){
    .search--toggleable .search__panel {
        border-bottom: .1rem solid var(--color--grey--darker);
    }
}

/* PAGETYPES: Home
   -------------------------------------------------------------------------- */
.section__content__opportunities,
.section__content__video,
.section__content__brands,
.section__content__benefits,
.section__content__explore-woolworths,
.section__content__stories,
.section__content__explore-commitments,
.section__content__talent {
    background-position: center bottom;
    background-size: contain;
}

.section__content__opportunities .section__header__text__title,
.section__content__benefits .article__header__text__title,
.section__content__benefits .section__header__text__title,
.section__content__brands .article__header__text__title,
.section__content__explore-woolworths .section__header__text__title,
.section__content__explore-woolworths .article__header__text__title,
.section__content__explore-commitments .article__header__text__title,
.section__content__talent .article__header__text__title,
.section__content__posts .section__header__text__title{
    color: var(--color--brand);
}

.section__content__explore-commitments .article__header__text__title,
.section__content__talent .article__header__text__title {
    line-height: 5.4rem;
}

.section__content__talent .paragraph,
.section__content__stories .paragraph {
    color: var(--color--brand--sub-6);
}

.body--home .main .paragraph {
    line-height: 2.4rem;
}

.body--home .banner__text--content {
    padding: 0;
    background: var(--color--brand--sub-5);
}

.body--home .form--search .select2-container--default .select2-selection--multiple .select2-search:first-child:after {
    background-image: var(--fields--icon--caret--down--xl);
    background-size: 1.9rem;
}

.body--home .form--search .select2-container--default.select2-container--open .select2-selection--multiple .select2-search:first-child:after {
    background-image: var(--fields--icon--caret--down--xl);
    transform: rotate(180deg);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--home .banner--secondary:not(.banner--secondary--bottom) .banner__wrapper {
        padding-top: var(--spacer--xxl);
    }

    .body--home .banner__text__title {
        margin-top: -1.85rem;
    }

    .section__content__talent {
        background-size: auto;
    }

    .section__content__talent .main__wrapper {
        padding-bottom: 0;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--home .main .paragraph {
        color: var(--color--grey--darker);
    }

    .body--home .footer {
        margin-top: 6.4rem;
    }

    .section__header+* {
        margin-top: 0;
    }

    .section__content__talent {
        background-size: contain;
    }

    [class*="--sidebar--filters"] .section__header__text__title {
        font-size: var(--font--size--03);
    }
}

/* PAGETYPES: Home : Section Oportunities
   -------------------------------------------------------------------------- */
.section__content__opportunities {
    background-image: var(--opportunities--background--image);
    padding-bottom: 11vw;
}

.section__content__opportunities .section__header .button {
    min-width: 14.09rem;
}

.section__content__opportunities .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
    color: var(--color--brand--sub-6);
    font-weight: 600;
    white-space: unset;
}

.section__content__opportunities [class*="article__header__image"] {
    background-size: cover;
    height: 18.7rem;
}

.section__content__opportunities .paragraph {
    min-height: 8.5rem;
}

.section__content__opportunities .paragraph,
.section__content__brands .paragraph {
    color: var(--color--grey--darker);
}

.section__content__opportunities .link {
    color: var(--color--clickeable);
    font-weight: 400;
    padding: var(--spacer--m) 0;
    text-decoration: none;
}
.section__content__opportunities .link__arrow {
    padding-left: var(--spacer--l);
    padding-right: var(--spacer--l);
    display: block;
    white-space: nowrap;
    padding-bottom: 3rem;
}

.section__content__opportunities .grid>.grid__item {
    display: grid;
}

.section__content__opportunities .article__content .paragraph {
    min-height: 9.7rem;
}

.section__content__opportunities .article--card .article__content {
    min-height: 17rem;
    padding-bottom: 0;
}

.section__content__opportunities .swiper-wrapper .swiper-slide {
    max-width: 27.3rem;
}

.article__header__image--store {
    background-image: var(--opportunities--store);
}
.article__header__image--distribution {
    background-image: var(--opportunities--distribution);
}
.article__header__image--support {
    background-image: var(--opportunities--support);
}
.article__header__image--technology {
    background-image: var(--opportunities--technology);
}

.section__content__opportunities .article--card > div:first-child {
    border-top-left-radius: var(--card--border--radius);
    border-top-right-radius: var(--card--border--radius);
    overflow: hidden;
}

@media all and (min-width:1025px) {
    .section__content__opportunities > .main__wrapper {
        padding-bottom: 8rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__content__opportunities .main__wrapper {
        padding-top: 0;
        padding-bottom: 4rem;
    }

    .section__content__opportunities .section__header {
        padding-bottom: 4rem;
        margin-top: 3rem;
    }

    .section__content__opportunities .swiper-slide .article--card .article__content {
        margin: 0;
        padding-left: var(--spacer--l);
        padding-right: var(--spacer--l);
    }

    .section__content__opportunities .button {
        width: 100%;
    }

    .section__content__opportunities {
        padding-bottom: 10.9vw;
        margin-top: -0.1rem;
        background-size: auto;
    }

    .body--home .sliderOpportunities .paragraph {
        font-size: var(--font--size--01);
    }

    .section__content__opportunities .link {
        font-size: var(--font--size--01);
    }

    .body--home .sliderOpportunities .swiper-button-next:after,
    .body--home .sliderOpportunities .swiper-button-prev:after {
        color: var(--color--brand);
        fill: var(--color--brand);
    }

    .sliderOpportunities .swiper-slide .article--card .article__content {
        border-top: 0;

    }

    .sliderOpportunities .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
        color: var(--color--brand--sub-6);
    }

    .sliderOpportunities .swiper-slide .article--card .article__footer {
        justify-content: center;
    }

    .sliderOpportunities .swiper-slide .article--card .article__footer .button {
        max-width: 100%;
        width: 100%;
    }

    .sliderOpportunities .section__content+.section__content {
        margin-top: 0;
    }

    .sliderOpportunities .button--secondary:not(.button--disabled) {
        max-width: 19.3rem;
    }

    .section__content__opportunities .swiper-container {
        overflow: visible;
    }

    .section__content__opportunities .swiper-slide .article--card {
        box-shadow: 0 .2rem 2rem 0 var(--color--shadow--sub-1);
        border: unset;
    } 
}

/* PAGETYPES: Home: Section video
   -------------------------------------------------------------------------- */

.section__content__video {
    background-image: var(--video--background--image);
    background-color: var(--color--brand);
    color: var(--color--white);
    padding-bottom: 5vw;
}

.section__content__video .section__header {
    padding-bottom: var(--spacer--l);
}

.section__content__video .embed-container {
    border-radius: 1.5rem;
}

.section__content__video .pill {
    max-height: 2.3rem;
    padding-bottom: 0.1rem;
    padding-top: 0.1rem;
}

.section__content__video > .main__wrapper{
    padding-bottom: 4.4rem;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section__content__video {
        padding-top: 4.5rem;
        margin-top: -.1rem;
    }

    .section__content__video p {
        line-height: 2.4rem;
    }

    .section__content__video .button {
        min-width: 23.3rem;
    }
}

/* Media query to Mobile */
@media all and (max-width:750px) {
    .section__content__video {
        padding-bottom: 8vw;
    }

    .section__content__video > .main__wrapper .swiper-controls__content{
        margin-top: 2rem;
    }
}

/* PAGETYPES: Home : Section Benefits
   -------------------------------------------------------------------------- */

.section__content__benefits {
    background-image: var(--benefits--background--image);
    background-color: var(--color--brand--sub-5);
    padding-bottom: 13rem;
}

.section__content__benefits .article__header,
.section__content__explore-woolworths .article__header,
.section__content__video .article__header {
    flex-direction: column;
}

.section__content__benefits .grid {
    justify-content: space-between;
}

.section__content__benefits .grid .grid__item{
   max-width: 28rem;
}

.section__content__benefits .article {
    margin: unset;
}

.section__content__benefits p,
.section__content__explore-woolworths p {
    color: var(--color--brand--sub-6);
}

.section__content__benefits .article__header__icon i {
    width: 4rem;
    height: 3.6rem;
    color: var(--color--brand);
}

.section__content__benefits .custom-heart {
    background-image: var(--custom--icon--heart);
}

.section__content__benefits .custom-map {
    background-image: var(--custom--icon--map);
}

.section__content__benefits .custom-gift-card {
    background-image: var(--custom--icon--gift-card);
}

.section__content__benefits .custom-group {
    background-image: var(--custom--icon--group);
}

.section__content__benefits .custom-ratings {
    background-image: var(--custom--icon--ratings);
}

.section__content__benefits .article__header__text__title {
    padding-right: 3rem;
}



/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__content__benefits .grid {
        padding-left: 0;
    }

    .section__content__benefits .grid .grid__item{
        padding-left: 0;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section__content__benefits .button {
        min-width: 16rem;
    }

    .section__content__benefits {
        padding-top: 5rem;
    }

    .section__content__benefits .section__header__text__subtitle {
        padding-top: 2.4rem;
        padding-bottom: 1rem;
        margin-top: 0;
    }

    .section__content__benefits .article .article__content {
        margin-top: .8rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__content__benefits {
        padding-bottom: 4vw;
    }

    .section__content__benefits > .main__wrapper {
        padding-bottom: 8.2rem;
    }

    .section__content__benefits p {
        color: var(--color--grey--darker);
    }

    .section__content__benefits .section__footer {
        text-align: center;
        margin-top: var(--spacer--m);
    }

    .section__content__benefits .section__content+.section__content {
        margin-top: 0;
    }

    .section__content__benefits .grid .grid__item{
        max-width: inherit;
     }

    .section__content__benefits .article__header__text__title {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.article__header--top h3 {
    font-weight: 600;
    padding: var(--spacer--m) 0;
}

.section__header__text__subtitle {
    padding: var(--spacer--m) 0;
}

.section__content__brands {
    background-image: var(--brands--background--image);
    padding-bottom: 6.8rem;
}

.section__content__brands .article__image {
    background-image: var(--brands--image);
    min-height: 37.1rem;
}

.section__content__brands .section__image-brands {
    background-image: var(--brands--image-brands);
    background-position: top center;
    min-height: 26.6rem;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section__content__brands {
        margin-top: 6rem;
    }

    .section__content__brands .grid--2>.grid__item:last-of-type {
        padding-left: 4rem;
    }

    .section__content__brands .button {
        min-width: 17.5rem;
    }

    .section__content__brands .article__footer {
        margin-top: 6rem;
    }

    .section__content__brands .article__header {
        margin-top: 1rem;
    }

    .section__content__brands {
        padding-bottom: 10.8rem;
    }
}

@media all and (max-width:750px) {
    .section__content__brands > .main__wrapper {
        padding-top: 6.4rem;
    }
}

/* PAGETYPES: Home : Section Explore Woolworths
   -------------------------------------------------------------------------- */

.section__content__explore-woolworths {
    background-image: var(--explore-woolworths--background--image);
    padding-top: 6rem;
}

.section__content__explore-woolworths .article__image-01,
.section__content__explore-woolworths .article__image-02 {
    min-height: 37.1rem;
    background-size: contain;
}

.section__content__explore-woolworths .article__image-01 {
    background-image: var(--explore-woolworths--image-01);
}

.section__content__explore-woolworths .article__image-02 {
    background-image: var(--explore-woolworths--image-02);
}

.section__content__explore-woolworths .grid:first-of-type {
    padding-bottom: calc(var(--grid--columns--gap)*2);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section__content__explore-woolworths {
        padding-bottom: 11vw;
    }

    .section__content__explore-woolworths > .main__wrapper {
        padding-bottom: 8rem;
    }

    .section__content__explore-woolworths .section__footer {
        margin-top: .8rem;
    }
    .section__content__stories .section__header {
        padding-top: 7rem;
    }

    .section__content__explore-woolworths .section__content {
        margin-top: 4.2rem;
    }
}

/* PAGETYPES: Home : Section Stories
   -------------------------------------------------------------------------- */

.section__content__stories {
    background-image: var(--stories--background--image);
    background-color: var(--color--brand);
    padding-bottom: 9rem;
    margin-top: -0.1rem;
    background-size: auto;
}

.section__content__stories .section__header__text__title {
    color: var(--color--white);
}

.section__content__stories .section__content {
    background-color: var(--color--white);
    border-radius: 1.6rem;
}

.section__content__stories .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
    color: var(--color--brand--sub-6);
}

.section__content__stories [class*="__image--person"] {
    height: 21.5rem;
    width: 21.5rem;
    margin-bottom: var(--spacer--m);
}

.section__content__stories .person--one {
    background-image: var(--stories--image--person--one);
}

.section__content__stories .person--two {
    background-image: var(--stories--image--person--two);
}

.section__content__stories .person--three {
    background-image: var(--stories--image--person--three);
}

.section__content__stories [class*="__image--timeline"] {
    background-size: contain;
    background-position: center;
    height: 28.6rem;
    width: 30%;
    margin-left: 0;
    margin-top: 4.8rem;
    margin-right: 4.8rem;
    margin-bottom: 4.8rem;
}

.section__content__stories .timeline--one {
    background-image: var(--stories--image--timeline--one);
}

.section__content__stories .timeline--two {
    background-image: var(--stories--image--timeline--two);
}

.section__content__stories .timeline--three {
    background-image: var(--stories--image--timeline--three);
}

.section__content__stories .article {
    margin: 4.8rem 4.75rem;
    width: 40%;
}

.section__content__stories .section__content {
    display: flex;
}

.section__content__stories .section__image--content {
    color: var(--color--brand--sub-6);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .section__content__stories .section__image--content {
        margin-left: 4.8rem;
        padding-top: 7rem;
        width:20%;
        min-width: 22rem;
    }

    .section__content__stories .section__content+.section__content {
        margin-top: 0;
    }

    .section__content__stories .section__header {
        padding-bottom: 2rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__content__stories {
        margin-bottom: -0.1rem;
        padding-bottom: 4vw;
    }

    .section__content__stories > .main__wrapper {
        padding-bottom: 8.1rem;
        padding-left: 0;
        padding-right: 0;
    }

    .section__content__stories .swiper-slide--wrap {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .section__content__stories .article {
        width: auto;
        margin: var(--spacer--m);
        text-align: center;
        min-width: inherit;
    }

    .section__content__stories [class*="__image--person"] {
        height: 16.2rem;
        background-size: contain;
        width: 16.2rem;
        margin: 3.2rem auto;
    }

    .section__content__stories .section__content {
        display: flex;
        flex-direction: column;
    }

    .section__content__stories .article__footer {
        margin-bottom: 5.31rem;
    }

    .section__content__stories [class*="__image--timeline"] {
        width: unset;
        margin-top: unset;
        margin-left: var(--spacer--s);
        margin-right: var(--spacer--s);
        margin-bottom: 0;
    }

}

.section__content__explore-commitments {
    background-color: var(--color--brand--sub-5);
    padding-bottom: 6.1rem;
    padding-top: 6rem;
    margin-top: -.1rem;
}

.section__content__explore-commitments .paragraph {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
}

.section__content__explore-commitments .section__image-brands {
    background-image: var(--commitments--image-brands);
    height: 13.5rem;
}

.section__content__talent{
    background-image: var(--commitments--background--image);
    background-position: top center;
    padding-top: 12rem;
}

.section__content__talent .article__image {
    background-image: var(--talent--image);
    min-height: 37.1rem;
}

/* Media query to target only desktop */
@media all and (min-width:1400px) {
    .section__content__slider {
        padding-bottom: 21rem;
    }
    .section__content__video {
        margin-top: -0.1rem;
    }

    .section__content__explore-woolworths .grid .grid__item:last-of-type {
        padding-left: calc(var(--grid--columns--gap)*2);
    }
}

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

    .section__content__talent .article__image,
    .section__content__brands .article__image,
    .section__content__brands .section__image-brands,
    .section__content__explore-commitments .section__image-brands,
    .section__content__stories [class*="__image--timeline"] {
        background-size: contain;
    }

    .section__content__brands .article__image {
        min-height: 25rem;
    }

    .section__content__brands .section__image-brands {
        min-height: 40.6rem;
    }

    .section__content__explore-commitments .section__image-brands {
        min-height: 33.5rem;
    }

    .section__content__talent .article__image {
        min-height: 23rem;
        background-position: center;
    }

    .section__content__opportunities .section__header__actions,
    .section__content__explore-commitments .article__footer,
    .section__content__stories .article__footer,
    .section__content__brands .article__footer,
    .section__content__video .article__footer {
        text-align: center;
    }

    .section__content__explore-woolworths .article__image-02,
    .section__content__explore-woolworths .article__image-01 {
        min-height: 26rem;
    }

    .section__content__explore-commitments {
        padding-bottom: 0;
    }

    .section__content__explore-woolworths {
        padding-bottom: 6rem;
    }

    .section__content__explore-woolworths .section__header__text {
        padding-bottom: 3rem;
    }

    .section__content__stories .section__header__text__title {
        margin-bottom: var(--spacer--l);
        margin-top: 2rem;
    }

    .separator--mobile {
        background-image: var(--home__separator--mobile);
        margin: 0 auto;
        height: 5rem;
        background-position: center;
        margin-bottom: var(--spacer--m);
    }

    .section__content__explore-woolworths .grid:first-of-type {
        padding-bottom: 0;
    }

    .section__content__talent,
    .section__content__explore-woolworths {
        padding-top: 0;
    }

    .section__content__talent .main__wrapper {
        padding-bottom: 0;
    }

    .section__content__talent .article__footer {
        text-align: center;
    }

    .section__content__talent .article__header__text__title {
        margin-top: var(--spacer--xl);
    }
}

/* PAGETYPES: Search jobs: Results as list (Override/complement)
   -------------------------------------------------------------------------- */

.section--search-jobs .article--result {
    --result--border--radius: 0;
    --result--padding--outers--h: 0;
}

.section--search-jobs .results--listed{
    border-color: var(--color--grey--lightest);
    padding-top: 0;
}

.section--search-jobs .article--result + .article--result {
    margin-top: 0;
    padding-top: 3.5rem;
}

.section--search-jobs .article--result + .article--result:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top-width: 0.1rem;
    border-top-style: solid;
    border-top-color: var(--color--grey--lightest);
}

.article--result .link,
.results--grided .link {
    font-weight: 600;
    text-decoration: none;
}

.article--result .article__header__text__subtitle {
    color: var(--color--grey--darker);
    font-size: var(--font--size--01);
}

.article--result .button {
    min-width: 10rem;
}

.article--result .article__header .result__content--image {
    min-width: 16.5rem;
    text-align: center;
}

.article--result .article__header .result--image {
    max-width: 12rem;
    max-height: 8rem;
}

.article--card .button.button--share .button__icon {
    display: inline-block;
}

.button--share-text {
    text-decoration: underline;
    font-weight: 400;
}

.search--visible .submitButton {
    border-color: var(--color--buttons);
    background-color: var(--color--buttons);
    color: var(--color--white);
    width: 100%;
}

.search--visible .clearButton {
    width: 100%;
}

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

.article--registered .article__header__text__title,
.article--first-time .article__header__text__title {
    color: var(--color--brand);
}

.body--methods .article--first-time .paragraph {
    color: #5C5C5C;
}

.methodButton--dropbox,
.methodButton--file,
.methodButton--later,
.methodButton--paste {
    font-weight: 400;
    min-width: 18.4rem;
    text-decoration: underline;
    height: 4.1rem;
}

.methodButton--later:before {
    background-color: transparent;
    width: auto;
    margin-left: var(--spacer--m);
}

.methodButton--file:before {
    width: 4rem;
}

.title--job {
    color: var(--color--brand);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .grid--methods>.grid__item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 3.6rem 0 0 var(--grid--columns--gap);
    }

    .article+.article--methods {
        margin-left: 0;
        max-width: 40rem;
    }

    .grid--dividers--v>.grid__item:not(:first-of-type):before {
        border-left-color: var(--color--grey--lightest);
    }

    .grid--dividers>.grid__item>.article.article--registered {
        min-width: 36.1rem;
    }
}

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

    .article--registered {
        margin: 0;
        background-color: unset;
        padding: 0;
    }

    .results--grided .article--card .article__header {
        flex-direction: column-reverse;
    }

    .results--grided .article--card img {
        margin-top: var(--card--padding--outers);
        margin-left: var(--card--padding--outers);
        max-width: 12rem;
    }

    .results--grided .article__footer {
        justify-content: space-between;
        border-top: 0.1rem solid var(--color--grey--lightest);
        padding-top: var(--card--padding--inners);
        padding-left: 0;
        padding-right: 0;
        margin-top: var(--card--padding--inners);
        margin-left: var(--card--padding--inners);
        margin-right: var(--card--padding--inners);
    }

    .results--grided .article--card .button--secondary:not(.button--disabled),
    .swiper-slide .article--card .button--secondary:not(.button--disabled) {
        min-width: 10rem;
    }

    .results--grided .article__header__text__subtitle {
        color: var(--color--grey--darker);
        line-height: 2.2rem;
        font-size: var(--font--size--01);
        padding-bottom: var(--spacer--s);
        padding-top: var(--spacer--s);
    }

}

/* PAGETYPES: Login
   -------------------------------------------------------------------------- */
.content__form--login {
    margin-left: 0;
}

.content__form--login.content--w--narrow .button--secondary {
    min-width: 19.9rem;
}

.form--login .labelRequiredIcon {
    display: inline;
}

.content__form--login .fieldset {
    display: inline-block;
}

.content__form--login .fieldset .fieldSpec:not(.button-bar) {
    margin-right: var(--spacer--m);
    display: inline-grid;
}

.content__form--login .fieldset .fieldSpec.button-bar,
.content__form--login .fieldset .passwordGroup .fieldSpec:not(.button-bar) {
    width: 100%;
}

.body--reset-password .article--password {
    margin-top: var(--spacer--m);
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .content__form--login {
        position: relative;
    }

    .content__form--login .button-bar--secondary {
        position: absolute;
        bottom: 0;
        left: 15rem;
    }

    body:not(.body--methods) .form--login .comment {
        position: absolute;
        left: 0;
        bottom: 8rem;
    }

    .form--login .comment {
        font-size: var(--font--size--01);
    }

    .body--methods {
        padding-top: 1.4rem;
    }

    .content__form--login .fieldset .fieldSpec:not(.button-bar) {
        margin-bottom: 1.4rem;
        width: calc(50% - var(--spacer--m)*2);
    }

    .body--register .grid--dividers--v.grid--dividers--v--alt>.grid__item:first-child {
        flex-grow: .5;
    }

    .body--reset-password p {
        line-height: 2.4rem;
        padding-bottom: .3rem;
    }

    .body--reset-password p:last-child {
        margin-bottom: 0;
    }

    .body--reset-password .content--w--narrower {
        margin-left: 0;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .form--login .button-bar {
        padding: 0 var(--spacer--m);
    }

    .article--first-time .paragraph {
        color: var(--color--grey--darker);
        line-height: 2.4rem;
    }

    .content__form--login .button-bar--secondary {
        padding: var(--spacer--m);
    }

    .content__form--login .button-bar--secondary .button{
        width: 100%;
    }

    .body--reset-password .article--password .article__header__text .article__header__text__title {
        font-size: 2.4rem;
    }

    .body--reset-password .article--password .button-bar__wrap {
        padding: 0 1.5rem;
    }
}

/* PAGETYPES: Wizard
   -------------------------------------------------------------------------- */
.tpt_wizard .Section--tc_formRadioButtonsGroup .tc_formLabel {
    font-weight: 500;
    padding-top: var(--spacer--xs);
}

.tpt_wizard .Section--tc_formRadioButtonsGroup .tc_formField,
.RadioButtonListFormField .tc_formField {
    padding-top: var(--spacer--m);
}

.RadioButtonListFormField .tc_formField .cb {
    gap: 0;
}

.tc_formTitle {
    color: var(--color--brand);
    font-size: 2.4rem;
}

.tc_formLabel--bold {
    font-weight: 500;
}

.tc_formField,
.tc_formLabel {
    color: var(--color--grey--darker);
}

.tc_formField >*:not(input[type=checkbox],.tc_formButton) {
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 1.4rem;
    padding: 0 var(--spacer--s);
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    right: .8rem;
}

.select2-container--default .select2-selection--multiple .select2-search:first-child:after {
    right: .8rem;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default .select2-results__option {
    color: var(--color--grey--darkest);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: var(--color--grey--darkest);
}

.select2-container--default .select2-dropdown {
    border-color: transparent;
    border-radius: .8rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--color--brand--sub-9);
}

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

.grid--2--sidebar .article__image {
    margin-bottom: var(--spacer--l);
    height: 12.1rem;
}

.body--detail .article {
    margin-bottom: var(--spacer--l);
}

.body--detail .grid__item--main {
    margin-right: 10rem;
}

.body--detail .article__content__view__field__label {
    font-weight: 500;
}

.body--detail .js_views {
    color: var(--color--grey--darker);
    margin-top: 2.2rem;
}

.body--detail .article--view-more--aside .article__header__text__title.title,
.body--detail .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
    color: var(--color--brand--sub-6);
}

.body--detail .article--view-more--aside .list__item {
    font-weight: 400;
}

.body--detail .article--view-more--aside .list__item>* {
    padding-bottom: 0;
}

.shareButton--email {
    background-image: var(--custom--icon--share--email);
}

.shareButton--facebook {
    background-image: var(--custom--icon--share--facebook);
}

.shareButton--linkedin {
    width: 3.7rem;
    background-image: var(--custom--icon--share--linkedin);;
}

.shareButton--email,
.shareButton--facebook,
.shareButton--linkedin {
    width: 3.8rem;
    height: 3.8rem;
    background-size: 3.8rem;
    margin-right: 1.2rem;
}

.list--share .shareButton {
    width: 3.8rem;
    height: 3.8rem;
    background-size: auto 3.8rem;
}

.article--view-more--aside .list--view-more {
    color: var(--color--grey--darker);
}

.article--view-more--aside .article__header {
    border-bottom-width: 0;
    padding-top: 0;
}

.list--view-more a .list__item__text__title,
.article--view-more--aside .link {
    font-weight: 400;
    text-decoration: underline;
}

.body--detail .article--shift .article__content__view__field__label {
    font-family: var(--font--alt);
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 600;
    margin-top: var(--spacer--xl);
}

.article--formated.article--details .article__content__view__field__value p {
    font-size: var(--font--size--01);
    color: var(--color--grey--darker);
    font-family: var(--font);
}

.article--details .article__header__text__title {
    color: var(--color--brand);
    font-size: 2.4rem;
}

.article--details .MultipleDataSetFieldLabel, .article--details .article__content__view__field__label {
    font-weight: 500;
    color: var(--color--grey--darker);
    line-height: 2.4rem;
}

.grid--2--sidebar .article__image img {
    object-fit: contain;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--detail .js_views .section__content {
        max-width: 60rem;
    }

    .body--detail .js_views .list--links--bottom {
        margin-top: 3.2rem;
    }

    .grid--2--sidebar .article__image img {
        height: 100%;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .article--view-more--aside {
        background-color: var(--color--white);
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--detail .article.article--view-more--aside .article__header__text .article__header__text__title {
        color: var(--color--brand--sub-6);
    }

    .body--detail .article--shift .table--cards tbody tr {
        border: .1rem solid var(--color--grey--lightest);
        border-radius: .4rem;
    }

    .body--detail .article--shift .table--cards.table--cards--with-no-toggle tbody tr>:first-child {
        border-bottom: .1rem solid var(--color--brand--sub-1) ;
        color: var(--color--brand--sub-6);
        font: var(--font--alt);
        font-weight: 500;
        height: 7.6rem;
        font-size: var(--font--size--02);
        padding-left: 1.6rem;
    }

    .body--detail .article--shift .table--cards.table--cards--with-no-toggle tbody tr td {
        padding-left: 1.6rem;
        font-size: var(--font--size--01);
    }

    .body--detail .article--shift .table--cards.table--cards--with-no-toggle tbody tr>:nth-child(2) {
        border-top: .1rem solid var(--color--grey--lightest);
    }

    .body--detail .article--shift .table--cards.table--cards--with-no-actions tbody tr td:last-child {
        padding-bottom: 1.6rem;
    }

    .body--detail .js_views {
        margin-top: 1.4rem;
    }

    .body--detail .main__wrapper,
    .body--register .main__wrapper,
    .body--register .main__wrapper .ButtonBarField {
        padding-bottom: 0;
    }

    .body--detail .aside .article {
        margin-bottom: 0;
    }
}

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

.body--profile .section__header__text__title,
.body--edit-profile .article__header__text__title,
.article.article--alert .article__header__text__title,
.article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
    color: var(--color--brand);
}

.body--profile .js_views {
    margin-top: 1rem;
}

.body--profile .article--details+.article--details {
    padding-top: 0;
}

.body--profile .article--details .article__header__text__title {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.body--profile .article--collapsible:last-child {
    border-bottom-width: 0;
}

.body--profile .article--details .article__content__view__field__value {
    color: var(--color--grey--darker);
}

.body--profile .article--details .article__content__view__field {
    padding-bottom: 1rem;
}

.body--profile .grid__item--aside-right .button-bar__wrap {
    row-gap: 1.6rem;
}

.grid--success {
    margin-top: 0;
}

.article--success .article__header .article__header__text .article__header__text__title {
    color: var(--color--brand--sub-6);
}

.article--success .button-bar__wrap {
    margin-top: var(--spacer--xl);
}

.article--success .title.link {
    font-weight: 600;
}

.article--success .title {
    font-family: var(--font--alt);
}

.article.article--alert .paragraph,
.article--password .paragraph,
.article--success .paragraph {
    color: var(--color--grey--darker);
}

.article--password .tc_formField {
    max-width: 48.7rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .article__header:not(.article__header--center) .article__header__actions {
        margin-top: 2rem;
    }

    .article--success .article--profile {
        margin-top: 4rem;
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--profile .section__header--tabs .title--tabs,
    .body--job--applications .section__header--tabs .title--tabs,
    .body--job--alerts .section__header--tabs .title--tabs {
        justify-content: space-between;
        color: var(--color--brand--sub-6);
        border-bottom: .2rem solid var(--color--brand);
        font-size: var(--font--size--02);
        font-family: var(--font);
        font-weight: 600;
    }
}

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

    .body--profile .table--cards {
        border: .1rem solid var(--color--grey--lightest);
        border-radius: .4rem;
    }

    .body--profile .table--cards tbody tr>:first-child {
        font-size: var(--font--size--03);
        font-weight: 600;
        font-family: var(--font--alt);
        border-bottom: .1rem solid var(--color--brand--sub-1);
        color: var(--color--brand--sub-6);
    }

    .body--profile .table--cards tbody tr td:nth-child(2) {
        color: var(--color--grey--darker);
    }

    .body--profile .table--cards tbody tr> {
        font-size: var(--font--size--01);
        color: var(--color--grey--darker);
    }

    .body--profile .table--cards tbody tr>* {
        vertical-align: middle;
    }

    .body--profile .table--cards tbody tr>[data-th]:before {
        color: var(--color--grey--darker);
        line-height: 2.4rem;
        font-size: var(--font--size--01);
        font-weight: 500;
    }

    .downloadAttachmentsForm .button {
        width: 100%;
    }

    .article--success .article--profile .button-bar__wrap {
        flex-direction: column-reverse;
        margin-top: 16rem;
    }

    .body--profileDelete .button-bar__wrap {
        margin-top: 0;
        margin-bottom: 0;
    }

    .body--profileDelete .button-bar {
        margin-top: 0;
    }

    .body--profileDelete .main__wrapper {
        padding-bottom: 0;
    }
}

/* PAGETYPES: Agent
   -------------------------------------------------------------------------- */
.article--alert .form {
    margin-top: 0;
}

/* PAGETYPES: Edit Profile wizard
   -------------------------------------------------------------------------- */
.body--edit-profile .section__content--w--narrow,
.content--w--narrow,
.article--w--narrow,
.section__content--w--narrow.content--left,
.section__content--w--narrow--forms,
.section__content--w--narrower.content--left {
    margin-left: 0;
}

.body--edit-profile .tpt_wizard .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: .2rem var(--spacer--s);
    min-width: 16.3rem;
    justify-content: space-between;
}

.body--edit-profile .tc_formTitle {
    margin-top: 3rem;
}

.body--edit-profile .MultipleDatasetEntryFormField .tc_formField a {
    position: relative;
    left: 0;
    font-size: var(--font--size--01);
    width: 100%;
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--edit-profile .MultipleDatasetEntryFormField .tc_formField .datasetFieldContainer {
        display: inline-flex;
        width: 49%;
    }

    .body--edit-profile .MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_] {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .body--edit-profile .table--in-wizard.table--default.table--fixed-column.table--fixed-column--last tbody tr td.table__td {
        display: inline-flex;
        width: 50%;
        flex-direction: column;
        padding-left: 0;
    }

    .body--edit-profile .table--in-wizard.table--default.table--fixed-column.table--fixed-column--last tbody tr td.table__td .datasetFieldContainer{
        width: 100%;
    }

    .body--edit-profile .table--default.table--in-wizard tbody tr:last-child>:first-child {
        padding-top: 0;
        padding-left: 0;
    }

    .body--edit-profile .table--in-wizard.table--default.table--fixed-column.table--fixed-column--last tbody tr td:last-child {
        padding-left: 0;
    }

    .body--edit-profile .table--default.table--in-wizard tbody tr td[data-th]:not(.table__td--action):before {
        padding-bottom: .2rem;
    }
}

.datasetField__row {
    background-color: transparent;
}

.datasetField__button--add::before {
    justify-content: start;
    margin-top: -1rem;
    width: 1rem;
}

.datasetField__button--add {
    justify-content: start;
    margin-top: -1rem;
}

.action:before,
.addDatasetRow:before {
    width: 1.5rem;
    height: 1.1rem;
}

.datasetField .action--add {
    position: relative;
    bottom: 2rem;
}

.datasetField .action--add,
.addDatasetRow,
.body--edit-profile .MultipleDatasetEntryFormField .tc_formField .addDatasetRow,
.form .action--remove,
.body--register .addDatasetRow {
    text-transform: capitalize;
    font-size: var(--font--size--01);
    font-weight: 400;
}

.body--edit-profile .MultipleDatasetEntryFormField .tc_formField .removeDatasetRow {
    text-transform: capitalize;
    font-weight: 400;
}

.form:not(.form--grid) .button-bar__wrap {
    margin-top: var(--spacer--m);
}

.body--edit-profile .table--default tbody tr td {
    border-bottom: 0;
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--edit-profile .table--default tbody tr td {
        padding: var(--table__td--padding) 0;
    }

    .body--edit-profile .FileField .tc_formField select {
        margin-left: 0;
        width: 100%;
    }
}

/* PAGETYPES: Wizzard Application Confirmation
   -------------------------------------------------------------------------- */
.tpt_wizard .tc_formLabel {
    font-weight: 400; /*don't change this */
    padding-bottom: var(--fieldSpec--padding--inners);
}

.tpt_wizard .Separator {
margin-bottom: var(--spacer--s);
}

.Section+.Section {
    margin-top: auto;
}

.tpt_wizard .datasetField .fieldSpec--in-dataset {
    display: flex;
    flex-direction: column;
}

.tpt_wizard .datasetField__row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-top: 0;
}

.tpt_wizard .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-weight: 500;
}

.tpt_wizard .Section--tc_upload .tc_formLabel {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-family: var(--font--alt);
    font-weight: 600;
}

.FileField .tc_formField .uploadedFile {
    font-style: normal;
}

.tpt_wizard .tc_formField button {
    font-weight: 500;
}

.tpt_wizard .table--default.table--in-wizard tbody tr,
.MultipleDatasetEntryFormField .tc_formField div[id*=multipleDatasetEntry_] {
    background-color: var(--color--white);
}

.form--step1 .action--remove {
    text-transform: capitalize;
    font-size: var(--font--size--01);
    font-weight: 400;
}

.form--step1 .datasetField__button--remove,
.form--step4 .datasetField__button--remove,
.body--register .datasetField__button--remove
.form--step2 .datasetField__button--remove,
.body--register .datasetField__button--remove,
.datasetField__button--remove {
    justify-content: end;
    text-transform: capitalize;
    font-weight: 400;
    position: relative;
    bottom: -2.3rem;
}

.form--step1 .tpt_wizard .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0.2rem var(--spacer--s);
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .tpt_wizard .datasetField .fieldSpec--in-dataset {
        width: calc(50% - (var(--grid--columns--gap) * .5));
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .tpt_wizard .tc_formField button {
        width: 100%;
    }

    .tpt_wizard .tc_formField.button-bar__wrap {
        flex-direction: column-reverse;
    }
}

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

.table--job-alerts tbody tr td:last-child .link--edit {
    text-decoration: underline;
}

:where(.body--register, .body--registerSocial) .article--details.table-fields--cols-2Z {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.table--default.table--fixed-column.table--fixed-column--last tbody tr td:last-child:before {
    background-color: unset;
}

:where(.body--register, .body--registerSocial) .article--details.table-fields--cols-2Z .MultipleDataSetFields {
    padding-top: var(--spacer--m);
    border: 0.1rem solid var(--color--grey--light);
    width: 100%;
}

:where(.body--register, .body--registerSocial) .article--details.table-fields--cols-2Z .MultipleDataSetFields .MultipleDataSetFieldLabel,
:where(.body--register, .body--registerSocial) .article--details.table-fields--cols-2Z .MultipleDataSetFields .MultipleDataSetFieldValue {
    display: inline-block;
}

.article--details .MultipleDataSetFields, .article--details .article__content__view {
    margin-bottom: 0;
}

.body--register .table--default.table--fixed-column.table--fixed-column--last tbody tr td:last-child,
.body--register .table--default.table--fixed-column.table--fixed-column--last thead tr th:last-child {
    box-shadow: unset;
}

@media all and (min-width:1025px) {
    .body--job--applications .table--default tbody tr>:first-child .link {
        white-space: unset;
    }
}

@media all and (max-width:1024px) and (min-width:751px){
    .body--job--applications .table--cards tbody tr>:first-child {
        padding-top: var(--spacer--s2);
    }
}

/* Media query to target mobile and tablet */
@media all and (max-width:1024px) {
    .body--job--alerts .table--cards tbody tr,
    .body--job--applications .table--cards tbody tr {
        border: .1rem solid var(--color--grey--lightest);
        border-radius: .4rem;
    }

    .body--job--alerts .table--cards tbody tr>:first-child {
        color: var(--color--brand);
        padding-bottom: 3rem;
    }

    .body--job--alerts .table--cards tbody tr>:first-child,
    .body--job--applications .table--cards tbody tr>:first-child .link {
        text-decoration: none;
        font-size: var(--font--size--03);
        font-family: var(--font--alt);
        font-weight: 600;
    }

    .body--job--alerts .table--cards tbody tr>:first-child p,
    .body--job--applications .table--cards tbody tr>:first-child p {
        font-weight: 400;
        font-size: var(--font--size--01);
    }

    .body--job--alerts .table--cards tbody,
    .body--job--applications .table--cards tbody {
        color: var(--color--grey--darker);
    }

    .body--job--alerts .table--cards tbody tr td:nth-child(2),
    .body--job--applications .table--cards tbody tr td:nth-child(2) {
        border-bottom: .1rem solid var(--color--grey--lightest);
    }

    .body--job--alerts .table--cards.table--cards--with-no-actions tbody tr td[data-th]:not([colspan]):last-child:before,
    .body--job--applications .table--cards.table--cards--with-no-actions tbody tr td[data-th]:not([colspan]):last-child:before {
        display: none;
    }

    .body--job--alerts .table--cards tbody tr td:last-child:not(:first-child),
    .body--job--applications .table--cards.table--cards--with-no-actions tbody tr td:last-child {
        border-top: .1rem solid var(--color--grey--lightest);
        padding-top: var(--card--padding--inners);
    }

    .table--job-alerts tbody tr td:last-child .link--edit {
        padding-left: 0;
        text-transform: uppercase;
        text-decoration: underline;
    }

    .table--job-alerts tbody tr td:last-child .link--delete {
        padding-left: 0;
    }

    .table--job-alerts tbody tr td:last-child .link--edit:before,
    .table--job-alerts tbody tr td:last-child .link--delete:before {
        background-image: none;
    }
}

/* PAGETYPES: Talent Community
   -------------------------------------------------------------------------- */
.body--talent-community .select2-container--default .select2-selection--single .select2-selection__clear {
    right: 2.5rem;
}

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

.section__content__posts {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
}

.section__content__posts .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 6rem;
    padding-bottom: 6rem;
}

.section__content__posts [class*="article__header__image"] {
    background-size: cover;
    height: 24rem;
}

.section__content__posts .article--card .article__content {
    min-height: 10rem;
}

.section__content__posts .article--card .article__header__text .article__header__text__title {
    color: var(--color--brand--sub-6);
    overflow: inherit;
    white-space: wrap;
    text-overflow: inherit;
}

.section__content__posts .article--card .article__content .link {
   text-decoration: none;
}

.section__content__posts .article--card .link__arrow .fa {
    font-size: 3rem;
    display: table-caption;
    margin-bottom: -.9rem;
    margin-left: .5rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__content__posts .section__content--bg {
        padding-top: 5rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .section__content__posts [class*="article__header__image"] {
        height: 21rem;
    }

    .section__content__posts .article--card {
        max-height: 41.4rem;
    }

    .section__content__posts .article--card .article__header .article__header__text__title.title.title--05 {
        font-size: var(--font--size--03);
        max-width: 27rem;
    }

    .section__content__posts .article--card .article__content .link {
        font-size: var(--font--size--02);
    }
}

/* PAGETYPES: Individual Story (One, two and three)
   -------------------------------------------------------------------------- */
.paragraph--first {
    padding-bottom: 2.4em;
}

.paragraph {
    line-height: 2.4rem;
}

.body--individual--story .section__content__timeline--two .grid--2 > .grid__item:not(:first-child) {
    padding-top: var(--spacer--l);
}

.body--individual--story .banner--main {
    background-image: var(--banner--story--background--image);
}

.body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .section--title--09 .article__header__text .article__header__text__title.title {
    color: var(--color--brand);
}

.body--individual--story--two .banner--main {
    background-image: var(--banner--story--two--background--image);
}

.body--individual--story--three .banner--main {
    background-image: var(--banner--story--three--background--image);
}

.body--individual--story .banner--main,
.body--individual--two--story .banner--main,
.body--individual--three--story .banner--main {
    height: 35rem;
    background-size: var(--banner--background--image--sizing);
}

.body--individual--story .section__content__timeline--two .section__header__text__paragraph.title,
.body--individual--story--two .section__content__timeline--two .section__header__text__paragraph.title,
.body--individual--story--three .section__content__timeline--two .section__header__text__paragraph.title {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--03);
    font-weight: 600;
    max-width: 90.8rem;
    padding-bottom: 6.4rem;
    width: 100%;
    margin: unset;
}

.body--individual--story .article__header__text__subtitle,
.body--individual--story--two .article__header__text__subtitle,
.body--individual--story--three .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 1.6rem;
}

.body--individual--story .section__header + *,
.body--individual--story--two .section__header + *,
.body--individual--story--three .section__header + * {
    margin-top: 0;
}

.body--individual--story .section__content__timeline--two .main__wrapper,
.body--individual--story .section__content__values .main__wrapper,
.body--individual--story .section__content__journey .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--individual--story--two .section__content__timeline--two .main__wrapper,
.body--individual--story--two .section__content__values .main__wrapper,
.body--individual--story--two .section__content__journey .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--individual--story .section__content__timeline--two .main__wrapper,
.body--individual--story--three .section__content__values .main__wrapper,
.body--individual--story--three .section__content__journey .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--individual--story .paragraph:first-of-type,
.body--individual--story--two .paragraph:first-of-type,
.body--individual--story--three .paragraph:first-of-type {
    padding-bottom: var(--spacer--l);
}

.body--individual--story .paragraph.g--c,
.body--individual--story--two .paragraph.g--c,
.body--individual--story--three .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--individual--story .paragraph.g--b,
.body--individual--story--two .paragraph.g--b,
.body--individual--story--three .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--individual--story .section__content__timeline--two .section__image--timeline--two {
    background-image: var(--stories--image--timeline--two);
}

.body--individual--story--two .section__content__timeline--two .section__image--timeline--two {
    background-image: var(--stories--two--image--timeline--two);
}

.body--individual--story--three .section__content__timeline--two .section__image--timeline--two {
    background-image: var(--stories--three--image--timeline--two);
}

.body--individual--story .section__content__timeline--two .section__image--timeline--two,
.body--individual--story--two .section__content__timeline--two .section__image--timeline--two,
.body--individual--story--three .section__content__timeline--two .section__image--timeline--two {
    min-height: 37rem;
    background-size: contain;
}

.body--individual--story .section__content__values,
.body--individual--story--two .section__content__values,
.body--individual--story--three .section__content__values {
    background-image: var(--brands--background--image), var(--benefits--background--image);
    background-position: center top, center bottom;
    background-size: contain, contain;
    height: fit-content;
    padding-bottom: 4%;
}

.body--individual--story .section__content__values .section__content--bg,
.body--individual--story--two .section__content__values .section__content--bg,
.body--individual--story--three .section__content__values .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 6rem;
}

.body--individual--story .section__content__values .main__wrapper,
.body--individual--story--two .section__content__values .main__wrapper,
.body--individual--story--three .section__content__values .main__wrapper {
    padding-top: 8rem;
}

.body--individual--story .section__content__values .section__image--values {
    background-image: var(--stories--image--values);
}

.body--individual--story--two .section__content__values .section__image--values {
    background-image: var(--stories--two--image--values);
}

.body--individual--story--three .section__content__values .section__image--values {
    background-image: var(--stories--three--image--values);
}

.body--individual--story .section__content__values .section__image--values,
.body--individual--story--two .section__content__values .section__image--values,
.body--individual--story--three .section__content__values .section__image--values {
    min-height: 36.8rem;
    background-size: cover;
    border-radius: .8rem;
}

.body--individual--story .section__content__journey .section__image--journey {
    background-image: var(--stories--image--journey);
}

.body--individual--story--two .section__content__journey .section__image--journey {
    background-image: var(--stories--two--image--journey);
}

.body--individual--story--three .section__content__journey .section__image--journey {
    background-image: var(--stories--three--image--journey);
}

.body--individual--story .section__content__journey .section__image--journey,
.body--individual--story--two .section__content__journey .section__image--journey,
.body--individual--story--three .section__content__journey .section__image--journey {
    min-height: 37rem;
    background-size: cover;
    border-radius: .8rem;
}

.body--individual--story .article__header__image--store,
.body--individual--story--two .article__header__image--store,
.body--individual--story--three .article__header__image--store {
    background-image: var(--individual--story--opportunities--store);
}

.body--individual--story .article__header__image--distribution,
.body--individual--story--two .article__header__image--distribution,
.body--individual--story--three .article__header__image--distribution {
    background-image: var(--individual--story--opportunities--distribution);
}

.body--individual--story .article__header__image--support,
.body--individual--story--two .article__header__image--support,
.body--individual--story--three .article__header__image--support {
    background-image: var(--individual--story--opportunities--support);
}

/* Styles shared between Inclusion and Story pages */

.body--individual--story .paragraph,
.body--individual--story--two .paragraph,
.body--individual--story--three .paragraph,
.body--company--story .paragraph,
.body--inclusion .paragraph {
    line-height: 2.4rem;
}

.body--individual--story .paragraph:not(:last-of-type),
.body--individual--story--two .paragraph:not(:last-of-type),
.body--individual--story--three .paragraph:not(:last-of-type),
.body--company--story .paragraph:not(:last-of-type),
.body--inclusion .paragraph:not(:last-of-type) {
    padding-bottom: 2.4rem;
}

.body--individual--story .article__header--top h3,
.body--individual--story--two .article__header--top h3,
.body--individual--story--three .article__header--top h3,
.body--company--story .article__header--top h3,
.body--inclusion .article__header--top h3 {
    padding: 0 0 2.4rem 0;
    line-height: 5.4rem;
}

.body--individual--story .article__header + *,
.body--individual--story--two .article__header + *,
.body--individual--story--three .article__header + *,
.body--company--story .article__header + *,
.body--inclusion .article__header + * {
    margin-top: 0;
}

/* Styles shared section post in Story pages */
.section__content__posts .article--card .article__header__text {
    padding-top: 2.4rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
}

.section__content__posts .article--card .article__content {
    padding-top: 1.6rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    padding-bottom: 2.4rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--individual--story .banner__text--content,
    .body--individual--story--two .banner__text--content,
    .body--individual--story--three .banner__text--content,
    .body--company--story .banner__text--content,
    .body--inclusion .banner__text--content,
    .body--how--we--hire .banner__text--content,
    .body--career--pathways .banner__text--content,
    .body--store--teams .banner__text--content,
    .body--warehouse--distribution .banner__text--content,
    .body--digital .banner__text--content,
    .body--support .banner__text--content,
    .body--careers--ww .banner__text--content,
    .body--life--ww .banner__text--content,
    .body--benefits .banner__text--content,
    .body--faq .banner__text--content {
        padding-bottom: 2.2rem;
    }

    .body--individual--story .banner__text--content .banner__wrapper,
    .body--individual--story--two .banner__text--content .banner__wrapper,
    .body--individual--story--three .banner__text--content .banner__wrapper,
    .body--company--story .banner__text--content .banner__wrapper,
    .body--inclusion .banner__text--content .banner__wrapper,
    .body--how--we--hire .banner__text--content .banner__wrapper,
    .body--career--pathways .banner__text--content .banner__wrapper,
    .body--store--teams .banner__text--content .banner__wrapper,
    .body--warehouse--distribution .banner__text--content .banner__wrapper,
    .body--digital .banner__text--content .banner__wrapper,
    .body--support .banner__text--content .banner__wrapper,
    .body--careers--ww .banner__text--content .banner__wrapper,
    .body--life--ww .banner__text--content .banner__wrapper,
    .body--benefits .banner__text--content .banner__wrapper,
    .body--faq .banner__text--content .banner__wrapper {
        padding-bottom: 3.2rem;
    }

    .body--individual--story .title--banner,
    .body--individual--story--two .title--banner,
    .body--individual--story--three .title--banner {
        max-width: 95rem;
    }

    /* Styles shared section post in Story pages */
    .section__content__posts .grid.grid--3 {
        grid-gap: 3.15rem;
        margin-top: 0;
        width: 100%;
    }

    .section__content__posts .grid__item {
        max-width: 31%;
    }

    .section__content__posts .grid__item {
        padding-top: 4.8rem;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1400px) and (max-width:1999px){
    .body--individual--story .banner--main,
    .body--individual--story--two .banner--main,
    .body--individual--story--three .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px){
    .body--individual--story .banner--main,
    .body--individual--story--two .banner--main,
    .body--individual--story--three .banner--main {
        height: 60rem;
    }
}

@media all and (min-width:751px) {
    .body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .grid--2 > .grid__item:not(:first-child) {
        padding-left: 3.3rem;
    }

    .body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .section--title--11 .article__header__text .article__header__text__title.title {
        padding: 0 0 2.4rem 0;
        line-height: 5.4rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .banner--main {
        height: 15rem;
        min-height: 12rem;
        background-position: bottom;
    }

    .body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--individual--story .section__content__timeline--two .main__wrapper,
    .body--individual--story .section__content__values .main__wrapper,
    .body--individual--story .section__content__journey .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--individual--story--two .section__content__timeline--two .main__wrapper,
    .body--individual--story--two .section__content__values .main__wrapper,
    .body--individual--story--two .section__content__journey .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--individual--story .section__content__timeline--two .main__wrapper,
    .body--individual--story--three .section__content__values .main__wrapper,
    .body--individual--story--three .section__content__journey .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--individual--story .banner__text--content:not(.banner__text--content--home)::before,
    .body--individual--story--two .banner__text--content:not(.banner__text--content--home)::before,
    .body--individual--story--three .banner__text--content:not(.banner__text--content--home)::before {
        min-height: 20rem;
    }

    .body--individual--story .banner__text .banner__text__subtitle.title.title--09,
    .body--individual--story--two .banner__text .banner__text__subtitle.title.title--09,
    .body--individual--story--three .banner__text .banner__text__subtitle.title.title--09,
    .body--company--story .banner__text .banner__text__subtitle.title.title--09,
    .body--inclusion .banner__text .banner__text__subtitle.title.title--09,
    .body--how--we--hire .banner__text .banner__text__subtitle.title.title--09,
    .body--career--pathways .banner__text .banner__text__subtitle.title.title--09,
    .body--store--teams .banner__text .banner__text__subtitle.title.title--09,
    .body--warehouse--distribution .banner__text .banner__text__subtitle.title.title--09,
    .body--digital .banner__text .banner__text__subtitle.title.title--09,
    .body--support .banner__text .banner__text__subtitle.title.title--09,
    .body--life--ww .banner__text .banner__text__subtitle.title.title--09,
    .body--careers--ww .banner__text .banner__text__subtitle.title.title--09,
    .body--benefits .banner__text .banner__text__subtitle.title.title--09,
    .body--faq .banner__text .banner__text__subtitle.title.title--09 {
        font-size: 2.4rem;
        padding-bottom: 4rem;
    }

    .body--individual--story .section__content__timeline--two .section__header__text__paragraph,
    .body--individual--story--two .section__content__timeline--two .section__header__text__paragraph,
    .body--individual--story--three .section__content__timeline--two .section__header__text__paragraph {
        font-size: var(--font--size--01);
    }

    .body--individual--story .section__content__timeline--two .section__image--timeline--two,
    .body--individual--story--two .section__content__timeline--two .section__image--timeline--two,
    .body--individual--story--three .section__content__timeline--two .section__image--timeline--two {
        min-height: 22.4rem;
        margin-top: 5rem;
        background-position: center;
    }

    .body--individual--story .section__content__values .section__image--values,
    .body--individual--story--two .section__content__values .section__image--values,
    .body--individual--story--three .section__content__values .section__image--values {
        min-height: 22.4rem;
        width: 100%;
        background-size: cover;
        border-radius: .8rem;
    }

    .body--individual--story .section__content__values,
    .body--individual--story--two .section__content__values,
    .body--individual--story--three .section__content__values {
        padding-top: 4%;
    }

    .body--individual--story .section__content__values .section__content--bg,
    .body--individual--story--two .section__content__values .section__content--bg,
    .body--individual--story--three .section__content__values .section__content--bg {
        margin-top: 0rem;
    }

    .body--individual--story .section__content__values .main__wrapper,
    .body--individual--story--two .section__content__values .main__wrapper,
    .body--individual--story--three .section__content__values .main__wrapper {
        padding-top: 6.4rem;
    }

    .body--individual--story .section__content__journey .section__image--journey,
    .body--individual--story--two .section__content__journey .section__image--journey,
    .body--individual--story--three .section__content__journey .section__image--journey {
        min-height: 100%;
        width: 100%;
        background-size: contain;
        background-position: center;
        height: 22.4rem;
        border-radius: .8rem;
    }

    .section__content__posts {
        padding-top: 1rem;
    }

    .section__content__posts .section__content--bg,
    .section__content__posts .section__content--bg .main__wrapper {
        margin-top: .5rem;
    }

    .section__content__posts .section__content--bg .section__header {
        margin-top: 5rem;
    }

    .section__content__posts .article--card:not(.article--open) .article__content {
        visibility: visible;
        padding-top: 1rem;
    }

    .body--individual--story .footer,
    .body--individual--story--two .footer,
    .body--individual--story--three .footer {
        margin-top: 0;
    }

    /* Styles shared between Inclusion and Story pages */

    .body--individual--story .paragraph:not(:last-of-type),
    .body--individual--story--two .paragraph:not(:last-of-type),
    .body--individual--story--three .paragraph:not(:last-of-type),
    .body--company--story .paragraph:not(:last-of-type),
    .body--inclusion .paragraph:not(:last-of-type) {
        padding-bottom: 2.4rem;
    }

    .body--individual--story .article__header--top h3,
    .body--individual--story--two .article__header--top h3,
    .body--individual--story--three .article__header--top h3,
    .body--company--story .article__header--top h3,
    .body--inclusion .article__header--top h3 {
        padding: 0 0 2.4rem 0;
        line-height: 3.6rem;
    }

    .body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .section__content__timeline--two .grid--2,
    .body:is(.body--individual--story, .body--individual--story--two, .body--individual--story--three) .section__content__journey .grid--2 {
        flex-direction: column-reverse;
    }
}

/* PAGETYPES: Company Story
   -------------------------------------------------------------------------- */

:where(.body--company--story, .body--individual--story--one, .body--individual--story--two, .body--individual--story--three) .section__content__posts [class*="article__header__image"] {
    overflow: hidden;
}

.body--company--story .banner--main {
    height: 35rem;
    background-image: var(--banner--company--background--image);
    background-size: var(--banner--background--image--sizing);
}

.body--company--story .section--title--11 .article__header__text .article__header__text__title.title {
    padding-top: 0;
    padding-bottom: 2.4rem;
}

.body--company--story .article--details .MultipleDataSetFieldValue, .article--details .article__content__view__field__value {
    line-height: 2.4rem;
}

.body--company--story .section__content__code .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 0;
}

.body--company--story .section__content__gender--equity .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--company--story .section__content__path .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--company--story .section__content__path .link {
    display: block;
    padding-top: 2.4rem;
}

.body--company--story .section__content__code .section__header__text__paragraph {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--03);
    font-weight: 600;
    max-width: 90.8rem;
    padding-bottom: 6.4rem;
}

.body--company--story .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 1.6rem;
}

.body--company--story .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--company--story .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--company--story .section__content__code .section__image--code {
    background-image: var(--company--image--code);
}

.body--company--story .section__content__gender--equity .section__image--gender--equity {
    background-image: var(--company--image--gender--equity);
}

.body--company--story .section__content__path .section__image--path {
    background-image: var(--company--image--path);
}

.body--company--story .section__content__code .section__image--code,
.body--company--story .section__content__gender--equity .section__image--gender--equity,
.body--company--story .section__content__path .section__image--path {
    min-height: 37rem;
    background-size: cover;
    border-radius: .8rem;
}

.body--company--story .section__content__quote {
    background-image: var(--quote--divider--top--image), var(--quote--divider--bottom--image);
    background-position: center top, center bottom;
    background-size: contain, contain;
    height: 100%;
    padding: 4vw 0;
}

.body--company--story .section__content__quote .section__content--bg {
    background-color: var(--color--brand--sub-5);
    height: auto;
}

.body--company--story .section__content__quote .main__wrapper {
    padding: 8rem 13rem;
}

.body--company--story .article__header__text__subtitle.title--01 {
    font-size: var(--font--size--01);
}

.body--company--story .section__content__quote .article__header__text__title,
.body--company--story .section__content__quote .article__header__text__subtitle {
    color: var(--color--brand);
}

.body--company--story .section__content__quote .article__header__text__subtitle {
    margin-top: 3rem;
}

.body--company--story .section__content__path .article__content .paragraph.g--c:first-of-type {
    padding-bottom: 4rem;
}

.body--company--story .section__content__path .article__content .article__header__text__subtitle {
    margin-top: 0;
}

.body--company--story .section__content__posts {
    background-image: var(--quote--divider--top--image);
    background-position: center top;
    background-size: contain;
}

.body--company--story .article__header__text__subtitle {
    padding-bottom: unset;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--company--story .title--banner {
        max-width: 100rem;
    }

    .body--company--story .section__header + * {
        margin-top: 0;
    }

    .body--company--story .grid--2 .grid__item {
        max-width: 47.9%;
        padding: var(--grid--columns--gap) 0 0 var(--grid--columns--gap);
    }

    .body--company--story .grid--2 .grid__item:last-of-type {
        padding-left: 3.3rem;
    }

    .body--company--story .section__content__posts .main__wrapper {
        align-items: baseline;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1400px) and (max-width:1999px){
    .body--company--story .banner--main {
        height: 35rem;
    }
}

/* Media query to target tablet and desktop */
@media all and (min-width:751px) {
    .body--company--story .section--title--11 .article__header__text .article__header__text__title.title {
        line-height: 5.4rem;
    }
}
/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--company--story .section__content__code .grid--2,
    .body--company--story .section__content__path .grid--2 {
        flex-direction: column-reverse;
    }

    .body--company--story .banner--main {
        height: 14rem;
        min-height: 12rem;
        background-position: bottom;
    }

    .body--company--story .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--company--story .section__content__code .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 0;
    }

    .body--company--story .section__content__gender--equity .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--company--story .section__content__path .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--company--story .banner__text--content:not(.banner__text--content--home)::before {
        min-height: 20rem;
    }

    .body--company--story .section__content__code .section__header__text__paragraph {
        font-size: var(--font--size--01);
    }

    .body--company--story .section__content__code .section__image--code {
        min-height: 22.4rem;
        width: 100%;
        margin-bottom: 3rem;
        background-size: cover;
        border-radius: .8rem;
    }

    .body--company--story .section__content__gender--equity .section__image--gender--equity {
        min-height: 22.4rem;
        width: 100%;
        margin-bottom: 3rem;
        background-size: cover;
        border-radius: .8rem;
    }

    .body--company--story .section__content__quote {
        height: fit-content;
        padding-top: 4vw;
        margin-top: 4rem;
        padding-bottom: 4vw;
    }

    .body--company--story .section__content__quote .section__content--bg {
        margin-top: 0rem;
        height: auto;
    }

    .body--company--story .section__content__quote .main__wrapper {
        padding: 6.4rem 1.8rem;
        height: auto;
    }

    .body--company--story .section__content__path .section__image--path {
        min-height: 22.4rem;
        width: 100%;
        margin-bottom: 3rem;
        background-size: cover;
        border-radius: .8rem;
    }

    .body--company--story .footer {
        margin-top: 0;
    }

}

/* PAGETYPES: Inclusion
   -------------------------------------------------------------------------- */
.body--inclusion .banner--main {
    height: 35rem;
    background-image: var(--banner--inclusion--background--image);
    background-size: var(--banner--background--image--sizing);
}

.body--inclusion .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--inclusion .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--inclusion .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--inclusion .section__content__buttons .main__wrapper {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
}

.section__buttons .section__buttons__list {
    gap: var(--spacer--m);
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.section__buttons .section__buttons__list .button {
    padding: 1.2rem 1.6rem;
    line-height: 1.5;
}

.section__content__accessibility .main__wrapper,
.section__content__cultural--inclusion .main__wrapper,
.section__content__first--nations .main__wrapper,
.section__content__equity .main__wrapper,
.section__content__lgbtiq .main__wrapper,
.section__content__islanders .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--inclusion .section__content__explore-commitments img {
    width: 100%;
}

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

    .body--inclusion .main .grid {
        margin-left: 0;
        margin-right: 0;
    }

    .body--inclusion .main .grid--2 {
        justify-content: space-between;
    }

    .body--inclusion .main .grid--2>.grid__item:not(.item--center) {
        max-width: unset;
        flex: 0 0 59%;
        padding-left: 0;
    }

    .body--inclusion .section__content .grid .grid__item:first-child,
    .body--inclusion .section__content .grid .item--center {
        max-width: 39%;
        padding-left: 0;
        justify-content: center;
    }

    .body--inclusion .section__content__explore-commitments .section__content .grid .grid__item:first-child {
        max-width: 48.7%;
    }

    .body--inclusion .section__content__explore-commitments .section__content .grid .grid__item:last-child {
        max-width: 51.3%;
        padding-left: var(--spacer--xxl);
    }

    .body--inclusion .flex__item {
        min-width: unset;
        display: block;
    }

    .body--inclusion .flex__item .article--w-- {
        width: 100%;
        height: 100%;
        display: block;
    }
}

.body--inclusion .section__content .grid .item--center {
    justify-content: center;
}

.body--inclusion .gridRightTextBox {
    display: grid;
    grid-template-columns: 1fr 1fr .7fr;
    gap: var(--spacer--m);
    margin-top: 4rem;
}

.body--inclusion .gridLeftTextBox {
    display: grid;
    grid-template-columns: .7fr 1fr 1fr ;
    gap: var(--spacer--m);
    margin-top: 4rem;
}

.body--inclusion .section__image--accessibility {
    background-image: var(--accessibility--card--small);
}

.body--inclusion .section__image--cultural--inclusion {
    background-image: var(--cultural--inclusion--card--small);
}

.body--inclusion .section__image--first--nations {
    background-image: var(--first--nations--card--small);
}

.body--inclusion .section__image--equity {
    background-image: var(--equity--card--small);
}

.body--inclusion .section__image--lgbtiq {
    background-image: var(--lgbtiq--card--small);
}

.body--inclusion .section__image--islanders {
    background-image: var(--islanders--card--small);
}

.body--inclusion .section__image--accessibility,
.body--inclusion .section__image--cultural--inclusion,
.body--inclusion .section__image--first--nations,
.body--inclusion .section__image--equity,
.body--inclusion .section__image--lgbtiq,
.body--inclusion .section__image--islanders {
    height: 100%;
    width: 100%;
    background-size: cover;
    border-radius: .8rem;
}

.body--inclusion .section__image--accessibility--2 {
    background-image: var(--accessibility--card--small--two);
}

.body--inclusion .section__image--cultural--inclusion--2 {
    background-image: var(--cultural--inclusion--card--small--two);
}

.body--inclusion .section__image--first--nations--2 {
    background-image: var(--first--nations--card--small--two);
}

.body--inclusion .section__image--equity--2 {
    background-image: var(--equity--card--small--two);
}

.body--inclusion .section__image--lgbtiq--2 {
    background-image: var(--lgbtiq--card--small--two);
}

.body--inclusion .section__image--islanders--2 {
    background-image: var(--islanders--card--small--two);
}

.body--inclusion .section__image--accessibility--2,
.body--inclusion .section__image--cultural--inclusion--2,
.body--inclusion .section__image--first--nations--2,
.body--inclusion .section__image--equity--2,
.body--inclusion .section__image--lgbtiq--2,
.body--inclusion .section__image--islanders--2 {
    height: 27.4rem;
    width: 100%;
    background-size: cover;
    border-radius: .8rem;
}

.body--inclusion .section__image--blue--squeare {
    color: var(--color--white);
    background-color: var(--color--brand);
    height: 27.4rem;
    width: 100%;
    border-radius: .8rem;
    display: flex;
    align-items: center;
}

.body--inclusion .section__image--blue--squeare .paragraph {
    font-family: var(--font--alt);
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.13;
    padding: 2.4rem;
    height: fit-content;
}

.body--inclusion .section__first--nations--large {
    background-image: var(--first--nations--card--large);
}

.body--inclusion .section__lgbtiq--large {
    background-image: var(--lgbtiq--large);
}

.body--inclusion .section__islanders--large {
    background-image: var(--islanders--large);
}

.body--inclusion .section__first--nations--large,
.body--inclusion .section__lgbtiq--large,
.body--inclusion .section__islanders--large {
    border-radius: .8rem;
    min-height: 50.2rem;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.body--inclusion .section__content__cultural--inclusion,
.body--inclusion .section__content__equity {
    background-image: var(--brands--background--image), var(--benefits--background--image);
    background-position: center top, center bottom;
    background-size: contain, contain;
    height: fit-content;
    padding-bottom: 4%;
}

.body--inclusion .section__content__cultural--inclusion .section__content--bg,
.body--inclusion .section__content__equity .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 4%;
}

.body--inclusion .section__content__islanders {
    background-image: var(--brands--background--image), var(--commitments--background--image);
    background-position: center top, center bottom;
    background-size: contain, contain;
    height: fit-content;
    padding-bottom: 4%;
}

.body--inclusion .section__content__islanders .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 4%;
}

.body--inclusion .section__content__explore-commitments {
    background-color: var(--color--white);
    padding-bottom: 6rem;
    padding-top: 6rem;
}

.body--inclusion .section__content__explore-commitments .section__image-brands {
    background-image: var(--inclusion--brands);
    height: 13.5rem;
}

.body--inclusion .section__content__explore-commitments .article__footer {
    display: none;
}

.body--inclusion .section__content__explore-commitments .article__header .article__header__text__title {
    padding-bottom: 2.4rem;
    padding-top: 3.7rem;
}

.body--inclusion .section__content__explore-commitments .paragraph {
    font-size: var(--font--size--01);
}

@media all and (min-width:751px) and (max-width:1024px) {
    .body--inclusion .section__image--blue--squeare {
        height: auto;
    }

    .body--inclusion .section__image--accessibility--2,
    .body--inclusion .section__image--cultural--inclusion--2,
    .body--inclusion .section__image--first--nations--2,
    .body--inclusion .section__image--equity--2,
    .body--inclusion .section__image--lgbtiq--2,
    .body--inclusion .section__image--islanders--2 {
        height: 100%;
    }
}

/* Media query to target only desktop */
@media all and (min-width:2000px) {
    .body--inclusion .banner--main {
        height: 60rem;
    }
}

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

    .body--inclusion .section__first--nations--large,
    .body--inclusion .section__lgbtiq--large,
    .body--inclusion .section__islanders--large {
        background-position: top;
    }

    .body--inclusion .section__lgbtiq--large {
        background-position: center;
    }

    .body--inclusion .banner--main {
        height: 15rem;
        min-height: 12rem;
        background-position: bottom;
    }

    .body--inclusion .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--inclusion .main .grid > .grid__item {
        padding-top: 0;

    }

    .banner__text--content:not(.banner__text--content--home) {
        background-size: inherit;
    }

    .body--inclusion .section__content__buttons .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .section__buttons .section__buttons__list {
        flex-wrap: wrap;
    }

    .body--inclusion .section__buttons .section__buttons__list li:not(:last-of-type) {
        padding-right: 0;
    }

    .body--inclusion .section__content .grid .grid__item:first-child {
        max-width: inherit;
        justify-content: center;
    }

    .body--inclusion .section__content__cultural--inclusion,
    .body--inclusion .section__content__equity {
        height: fit-content;
        padding-top: 4%;
    }

    .body--inclusion .section__content__cultural--inclusion .section__content--bg,
    .body--inclusion .section__content__equity .section__content--bg {
        margin-top: 0;
    }

    .body--inclusion .section__content__accessibility .main__wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--inclusion .section__content__cultural--inclusion .main__wrapper,
    .section__content__first--nations .main__wrapper,
    .body--inclusion .section__content__equity .main__wrapper,
    .body--inclusion .section__content__lgbtiq .main__wrapper,
    .body--inclusion .section__content__islanders .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 0;
    }

    .body--inclusion .section__content__accessibility .swiper-container,
    .body--inclusion .section__content__cultural--inclusion .swiper-container,
    .section__content__first--nations .swiper-container,
    .body--inclusion .section__content__equity .swiper-container,
    .body--inclusion .section__content__lgbtiq .swiper-container,
    .body--inclusion .section__content__islanders .swiper-container {
        padding-bottom: 6.4rem;
    }

    .body--inclusion .section__content__islanders {
        background-image: var(--brands--background--image), var(--commitments--background--image);
        height: fit-content;
        padding-top: 4%;
        padding-bottom: 16%;
    }

    .body--inclusion .section__content__islanders .section__content--bg {
        margin-top: 0rem;
    }

    .body--inclusion .swiper-container {
        margin-top: 3.2rem;
        padding-left: var(--grid--laterals);
    }

    .body--inclusion .swiper-slide.section__content {
        margin-top: 0;
    }

    .body--inclusion .inclusionSlider .swiper-slide.section__content:first-of-type,
    .body--inclusion .equitySlider .swiper-slide.section__content:first-of-type,
    .body--inclusion .lgbtiqSlider .swiper-slide.section__content:first-of-type,
    .body--inclusion .islandersSlider .swiper-slide.section__content:first-of-type {
        margin-right: -4rem;
    }

    .body--inclusion .inclusionSlider .swiper-slide.section__content.swiper-slide-active:not(:first-of-type),
    .body--inclusion .equitySlider .swiper-slide.section__content.swiper-slide-active:not(:first-of-type),
    .body--inclusion .lgbtiqSlider .swiper-slide.section__content.swiper-slide-active:not(:first-of-type),
    .body--inclusion .islandersSlider .swiper-slide.section__content.swiper-slide-active:not(:first-of-type) {
        margin-left: 4rem;
        margin-right: 4rem;
    }

    .body--inclusion .section__content .grid .grid__item:first-child,
    .body--inclusion .section__content .grid .item--center {
        max-width: 100%;
    }

    .body--inclusion .visibility--only-mobile .section__first--nations--large,
    .body--inclusion .visibility--only-mobile .section__lgbtiq--large,
    .body--inclusion .visibility--only-mobile .section__islanders--large {
        min-height: 25.1rem;
        width: 33.6rem;
        width: 100%;
        margin-bottom: 3.2rem;
    }

    .body--inclusion .swiper-container .section__image--accessibility,
    .body--inclusion .swiper-container .section__image--cultural--inclusion,
    .body--inclusion .swiper-container .section__image--first--nations,
    .body--inclusion .swiper-container .section__image--equity,
    .body--inclusion .swiper-container .section__image--lgbtiq,
    .body--inclusion .swiper-container .section__image--islanders {
        height: 22.4rem;
        max-width: 33.6rem;
        background-size: cover;
        border-radius: .8rem;
    }

    .body--inclusion .swiper-container .section__image--accessibility--2,
    .body--inclusion .swiper-container .section__image--cultural--inclusion--2,
    .body--inclusion .swiper-container .section__image--first--nations--2,
    .body--inclusion .swiper-container .section__image--equity--2,
    .body--inclusion .swiper-container .section__image--lgbtiq--2,
    .body--inclusion .swiper-container .section__image--islanders--2 {
        height: 22.4rem;
        max-width: 33.6rem;
        background-size: cover;
        border-radius: .8rem;
    }

    .body--inclusion .swiper-container .section__image--blue--squeare {
        color: var(--color--white);
        background-color: var(--color--brand);
        height: 22.4rem;
        max-width: 28.8rem;
        border-radius: .8rem;
    }

    .body--inclusion .swiper-slide .article__image, .body--inclusion .swiper-slide .article--card .article__header__text {
        padding-left: 0;
        padding-top: 0;
    }

    .body--inclusion .swiper-button-next--accessibility:after,
    .swiper-button-prev--accessibility:after,
    .body--inclusion .swiper-button-next--inclusion:after,
    .swiper-button-prev--inclusion:after,
    .body--inclusion .swiper-button-next--nations:after,
    .swiper-button-prev--nations:after,
    .body--inclusion .swiper-button-next--equity:after,
    .swiper-button-prev--equity:after,
    .body--inclusion .swiper-button-next--lgbtiq:after,
    .swiper-button-prev--lgbtiq:after,
    .body--inclusion .swiper-button-next--islanders:after,
    .swiper-button-prev--islanders:after,
    .body--life--ww .section__content__posts .swiper-button-next--accessibility:after,
    .body--life--ww .section__content__posts .swiper-button-prev--accessibility:after {
        display: block;
        width: 3.3rem;
        height: 3.3rem;
    }

    .body--inclusion .swiper-button-next--accessibility,
    .body--inclusion .swiper-button-next--inclusion,
    .body--inclusion .swiper-button-next--nations,
    .body--inclusion .swiper-button-next--equity,
    .body--inclusion .swiper-button-next--lgbtiq,
    .body--inclusion .swiper-button-next--islanders,
    .body--life--ww .section__content__posts .swiper-button-next--accessibility {
        margin-left: 1rem;
    }

    .body--inclusion .swiper-button-next--accessibility:after,
    .body--inclusion .swiper-button-next--inclusion:after,
    .body--inclusion .swiper-button-next--nations:after,
    .body--inclusion .swiper-button-next--equity:after,
    .body--inclusion .swiper-button-next--lgbtiq:after,
    .body--inclusion .swiper-button-next--islanders:after,
    .body--life--ww .section__content__posts .swiper-button-next--accessibility:after {
        background-image: var(--ticker--next);
        content: "";
    }

    .body--inclusion .swiper-button-next--accessibility.swiper-button-disabled:after,
    .body--inclusion .swiper-button-next--inclusion.swiper-button-disabled:after,
    .body--inclusion .swiper-button-next--nations.swiper-button-disabled:after,
    .body--inclusion .swiper-button-next--equity.swiper-button-disabled:after,
    .body--inclusion .swiper-button-next--lgbtiq.swiper-button-disabled:after,
    .body--inclusion .swiper-button-next--islanders.swiper-button-disabled:after,
    .body--life--ww .section__content__posts .swiper-button-next--accessibility.swiper-button-disabled:after {
        background-image: var(--ticker--next--grey);
        content: "";
    }

    .body--inclusion .swiper-button-prev--accessibility.swiper-button-disabled:after,
    .body--inclusion .swiper-button-prev--inclusion.swiper-button-disabled:after,
    .body--inclusion .swiper-button-prev--nations.swiper-button-disabled:after,
    .body--inclusion .swiper-button-prev--equity.swiper-button-disabled:after,
    .body--inclusion .swiper-button-prev--lgbtiq.swiper-button-disabled:after,
    .body--inclusion .swiper-button-prev--islanders.swiper-button-disabled:after,
    .body--life--ww .section__content__posts .swiper-button-prev--accessibility.swiper-button-disabled:after {
        background-image: var(--ticker--prev);
        content: "";
    }

    .body--inclusion .swiper-button-prev--accessibility:after,
    .body--inclusion .swiper-button-prev--inclusion:after,
    .body--inclusion .swiper-button-prev--nations:after,
    .body--inclusion .swiper-button-prev--equity:after,
    .body--inclusion .swiper-button-prev--lgbtiq:after,
    .body--inclusion .swiper-button-prev--islanders:after,
    .body--life--ww .section__content__posts .swiper-button-prev--accessibility:after {
        background-image: var(--ticker--prev--blue);
        content: "";
    }

    .body--inclusion .swiper-controls__content,
    .body--life--ww .section__content__posts .swiper-controls__content {
        justify-content: right;
        padding-top: 2.5rem;
        height: 6rem;
    }

    .body--inclusion .section__content__explore-commitments .article__header .article__header__text__title {
        max-width: 80%;
        line-height: 3.6rem;
        padding-top: 3.2rem;
        padding-bottom: 2.4rem;
    }

    .body--inclusion .section__content__explore-commitments .paragraph {
        font-size: var(--font--size--01);
    }

    .body--inclusion .section__content__explore-commitments .section__image-brands {
        background-image: var(--inclusion--mobile--brands);
        min-height: 37.5rem;
    }
}

/* PAGETYPES: How We Hire
   -------------------------------------------------------------------------- */

.body--how--we--hire .banner--main {
    height: 35rem;
    background-image: var(--banner--hwh--background--image);
    background-size: var(--banner--background--image--sizing);
}

.body--how--we--hire .section__content--body--process .grid .grid__item--process {
    max-width: 20%;
}

.body--how--we--hire .section__content--body--process .grid .grid__item--content {
    min-width: 80%;
}

.body--how--we--hire .article--w--max .link__arrow {
    margin-top: 3.2rem;
}

.body--how--we--hire .section__content--body--content .article__header--top h3,
.body--how--we--hire .grid__item .article--w--max .title--stepper,
.body--how--we--hire .section__content .article--details .title {
    color: var(--color--brand--sub-6);
}

.body--how--we--hire .section__content--body--search .link__arrow .link {
    text-decoration: none;
}

.body--how--we--hire .section__content .article__image.section__image--search,
.body--how--we--hire .section__content .article__image.section__image--apply,
.body--how--we--hire .section__content .article__image.section__image--know_you,
.body--how--we--hire .section__content .article__image.section__image--offer,
.body--how--we--hire .section__content .article__image.section__image--started {
    border-radius: 1.6rem;
    height: 29.1rem;
    background-size: cover;
}

.body--how--we--hire .section__content .article__image.section__image--search {
    background-image: var(--hwh--card--search);
}

.body--how--we--hire .section__content .article__image.section__image--apply {
    background-image: var(--hwh--card--apply);
}

.body--how--we--hire .section__content .article__image.section__image--know_you {
    background-image: var(--hwh--card--knowyou);
}

.body--how--we--hire .section__content .article__image.section__image--offer {
    background-image: var(--hwh--card--offer);
}

.body--how--we--hire .section__content .article__image.section__image--started {
    background-image: var(--hwh--card--started);
}

.body--how--we--hire .section__content__body .grid__item--process .article {
    position: sticky;
    max-width: 20rem;
    top: 5vh;
}

.body--how--we--hire .grid__item--content .section__margin .grid__item {
    padding-top: 0;
}

.body--how--we--hire .grid__item--content .section__content.section__content--body--search {
    margin-top: 0;
}

.body--how--we--hire .grid__item--content .section__content {
    margin-top: 7.4rem;
}

.body--how--we--hire .grid__item--content .section.js_views .section__content {
    margin-top: 0;
}

.body--how--we--hire .grid__item--content .section__content--body--search .section__margin {
    padding-bottom: 4.8rem;
}

.body--how--we--hire .grid__item--content .section__margin {
    border-bottom: solid .1rem var(--color--grey--light);
    padding-bottom: 6.4rem;
}

.body--how--we--hire .grid__item--content .section__margin > .grid {
    margin-left: 0;
}

.body--how--we--hire .grid__item--content .section__content--body--getting_started .section__margin {
    border-bottom: none;
    padding-bottom: 6.4rem;
}

.body--how--we--hire .section__content .article--details.article--collapsible {
    padding: 1.6rem 0;
}

.body--how--we--hire .section__content .article--details.article--collapsible .article__header__actions {
    margin-top: 0;
}

.body--how--we--hire .section--title--09 .article__header__text .article__header__text__title.title {
    padding-bottom: 3.2rem;
}

.body--how--we--hire .article--details .article__content__view__field {
    padding-bottom: 3.2rem;
}

.article--details + .article--details {
    border-top: none;
  }

.vertical-point-progress .article__bubble {
    font-family: var(--title--font);
    font-size: var(--font--size--01);
    font-weight: 600;
    color: var(--color--brand--sub-6);
}

.vertical-point-progress {
    max-width: 40rem;
    margin: 0 auto;
    list-style-type: none;
    /* counter-reset: none; */
    margin: 0;
}

.vertical-point-progress li {
    padding: .5rem 0 3.5rem 4.5rem;
    position: relative;
    margin: 0;
}

.vertical-point-progress li:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: "";
    /* counter-increment: none; */
    border: .9rem solid var(--color--brand--sub-7);
    border-radius: 50%;
    display: inline-block;
    height: 3.2rem;
    width: 3.2rem;
    text-align: center;
    line-height: 2.4rem;
    background: var(--color--white);
}

.vertical-point-progress li:not(:last-child):before {
    position: absolute;
    left: 1.2rem;
    top: 0;
    content: "";
    height: 100%;
    width: 0;
    border: .45rem solid var(--color--brand--sub-7);
}

.vertical-point-progress .article__bubble:before {
    display: block;
    position: absolute;
    z-index: 5;
    top: -.4rem;
    left: -.4rem;
    content: "";
    counter-increment: none;
    border: .9rem solid var(--color--brand);
    border-radius: 50%;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    text-align: center;
    line-height: 2.4rem;
    background: var(--color--brand);
    transform: scale(0);
    transition: all 450ms ease 0ms;
}

.vertical-point-progress .article__bubble.selected:before {
    display: block;
    position: absolute;
    z-index: 5;
    top: -.4rem;
    left: -.4rem;
    content: "";
    counter-increment: none;
    border: .9rem solid var(--color--brand);
    border-radius: 50%;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    text-align: center;
    line-height: 2.4rem;
    background: var(--color--brand);
    transform: scale(1);
    transition: all 450ms ease 0ms;
}

.body--how--we--hire .section__content--body--apply .grid__item .article--w--max .paragraph.g--c,
.body--how--we--hire .section__content--body--search .grid__item .article--w--max .paragraph.g--c {
    line-height: 1.5;
    padding-bottom: 3rem;
}

.body--how--we--hire .grid__item .article--w--max .paragraph.g--c {
    line-height: 1.5;
    padding-bottom: 0;
}

.body--how--we--hire .section__content__embracing {
    background-image: var(--hwh--bottom--divider);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 11%;
}

.body--how--we--hire .section__content__embracing .section__content--bg {
    background-color: var(--color--brand--sub-11);
    color: var(--color--white);
    padding-bottom: 4rem;
}

.body--how--we--hire .section__content__embracing .article--w--max .article__header__text__title {
    color: var(--color--white);
}

.body--how--we--hire .section__content__embracing .section__embracing {
    background-image: var(--hwh--card--bottom);
    height: 39.4rem;
    width: 59.2rem;
    background-size: cover;
    border-radius: 1.6rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--how--we--hire .grid__item--content {
        padding-left: 4.8rem;
    }

    .body--how--we--hire .grid__item--content .grid.grid--2 .grid__item--article--right {
        padding-left: 4rem;
    }

    .body--how--we--hire .grid__item--content .grid.grid--2 .grid__item--article--left {
        padding-right: 4rem;
        padding-left: 0;
    }

    .body--how--we--hire .grid__item--content .grid--2 .grid__item--image {
        padding-left: 0;
        padding-right: 0;
    }

    .body--how--we--hire .section__content .article__image.section__image--know_you,
    .body--how--we--hire .section__content .article__image.section__image--offer,
    .body--how--we--hire .section__content .article__image.section__image--started {
        width: 100%;
    }
    .section__content__embracing .grid--2 .grid__item:first-of-type {
        max-width: 60%;
    }

    .section__content__embracing .grid--2 .grid__item:nth-of-type(2) {
        max-width: 45%;
        padding-left: 4rem;
        justify-content: center;
    }

    .body--how--we--hire .section__content__head .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .body--how--we--hire .grid__item .article--w--max .title--stepper {
        padding-top: 0;
    }

    .body--how--we--hire .section__content__embracing .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

    .body--how--we--hire .section__content__embracing .section__content--bg {
        padding-bottom: 8rem;
    }

    .section__last--section .main__wrapper {
        padding-bottom: 0;
    }

    .body--how--we--hire .section__content__body .grid__item--process .article {
        margin: 0;
    }

    .body--how--we--hire .section__content__body .main__wrapper {
        padding-top: 0;
        padding-bottom: 8rem;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1400px) and (max-width:1999px){
    .body--how--we--hire .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px){
    .body--how--we--hire .banner--main {
        height: 60rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--how--we--hire .section__content__embracing .grid--2 > .grid__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .body--how--we--hire .section__content__embracing .section__embracing {
        height: 29rem;
        width: 43.8rem;
    }

    .body--how--we--hire .grid__item--content .section__margin .grid__item.grid__item--article--left,
    .body--how--we--hire .grid__item--content .section__margin .grid__item.grid__item--image:first-child {
        padding-left: 0;
    }
}

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

    .body--how--we--hire .grid__item--content .section__margin .grid__item {
        padding-left: 0;
    }

    .body--how--we--hire .banner--main {
        height: 15rem;
        min-height: 12rem;
        background-position: bottom;
    }

    .body--how--we--hire .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--how--we--hire .section__content__head .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .vertical-point-progress li:last-of-type {
        padding-bottom: 0;
    }

    .body--how--we--hire .section__content--body--process .grid .grid__item--process {
        max-width: 80%;
        padding-bottom: 4rem;
    }

    .body--how--we--hire .section__content__body .grid__item--process .article {
        position: relative;
        max-width: 100%;
        top: 0;
    }

    .body--how--we--hire .grid__item .article--w--max .paragraph.g--c:nth-of-type(2) {
        padding-bottom: 0rem;
    }

    .body--how--we--hire .section__content--body--search .grid__item .article--w--max .paragraph.g--c {
        padding-bottom: 3rem;
    }

    .body--how--we--hire .grid__item--content .section__content:not(:first-of-type) {
        padding-top: 6.4rem;
        margin-top: 0;
    }

    .body--how--we--hire .grid__item--content .section__content:not(:last-of-type) {
        padding-bottom: 6.4rem;
        margin-bottom: 0;
    }

    .body--how--we--hire .section__content .article__image.section__image--search,
    .body--how--we--hire .section__content .article__image.section__image--apply,
    .body--how--we--hire .section__content .article__image.section__image--know_you,
    .body--how--we--hire .section__content .article__image.section__image--offer,
    .body--how--we--hire .section__content .article__image.section__image--started,
    .body--how--we--hire .section__content__embracing .section__embracing {
        max-height: 22.4rem;
        width: 100%;
        margin-bottom: 4rem;
    }

    .body--how--we--hire .section__content__embracing .grid__item .article--w--max .paragraph.g--c {
        padding-bottom: 0;
    }

    .body--how--we--hire .section__content__embracing .section__content--bg {
        padding-bottom: 0;
    }

    .body--how--we--hire .section__content__embracing .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--how--we--hire .footer {
        margin-top: 0;
    }

    .body--how--we--hire .section__content .article--details--collapsible .article--collapsible:first-of-type {
        padding-top: 4.8rem;
    }
}

/* PAGETYPES: Career Pathways
   -------------------------------------------------------------------------- */

.body--career--pathways .banner--main {
    height: 35rem;
    background-image: var(--banner--career--pathways--background--image);
    background-size: var(--banner--background--image--sizing);
}

.body--career--pathways .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--career--pathways .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--career--pathways .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--career--pathways .section__content__career .section__image--career {
    background-image: var(--career--pathways--launch);
    border-radius: 1.6rem;
    min-height: 37rem;
    width: 100%;
    background-size: cover;
}

.body--career--pathways .section__content__career {
    background-image: var(--career--pathways--divider);
    background-position: center bottom;
    background-size: contain;
    height: 60rem;
}

.body--career--pathways .section__content__buttons .article__header__text__title {
    color: var(--color--brand);
    margin-bottom: 2rem;
}

.body--career--pathways .section__content__programs .section__image--programs,
.body--career--pathways .section__content__refrigeration .section__image--refrigeration,
.body--career--pathways .section__content__internship .section__image--internship,
.body--career--pathways .section__content__refugee .section__image--refugee,
.body--career--pathways .section__content__nations .section__image--nations {
    border-radius: 1.6rem;
    min-height: 29.2rem;
    width: 100%;
    background-size: cover;
}

.body--career--pathways .section__content__programs .section__image--programs {
    background-image: var(--career--pathways--programs);
}

.body--career--pathways .section__content__refrigeration .section__image--refrigeration {
    background-image: var(--career--pathways--refrigeration);
}

.body--career--pathways .section__content__internship .section__image--internship {
    background-image: var(--career--pathways--internship);
}

.body--career--pathways .section__content__refugee .section__image--refugee {
    background-image: var(--career--pathways--refugee);
}

.body--career--pathways .section__content__nations .section__image--nations {
    background-image: var(--career--pathways--nations);
}

.body--career--pathways .section__content__benefits {
    background-image: var(--career--benefits--divider), var(--quote--divider--bottom--image);
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 3%;
    padding-bottom: 5.2%;
    background-position-y: 0, 98.5%;
}

.body--career--pathways .section__content__benefits .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 2rem;
    padding-bottom: 6rem;
}

.body--career--pathways .section__content__network {
    padding-top: 6rem;
}

.section__content__network .article__header__text__title {
    color: var(--color--brand);
}

.body--career--pathways .section__content__network .article__image {
    background-image: var(--career--pathways--network);
    min-height: 37.1rem;
}

.body--career--pathways .section__content .article--details .title {
    color: var(--color--brand--sub-6);
}

.body--career--pathways .section__content .article--details .title--heading {
    color: var(--color--brand);
    padding-bottom: 1rem;
}

.body--career--pathways .section__content .article--details .pill {
    display: inline-block;
    padding: 0.4rem 0.8rem;
    margin-bottom: 3.2rem;
}

.body--career--pathways .section__content .article--details .pill:before {
    background-image: var(--career--pathways--location--pill);
    content: '';
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    bottom: .1rem;
}

.body--career--pathways .section__content .article--details--collapsible {
    margin: 0;
}

.body--career--pathways .section__content .article--details--collapsible .article--collapsible {
    padding: 1.6rem 0;
}

.body--career--pathways .article__content__view .article__content__view__field.paragraph {
    padding-bottom: 1.6rem;
}

.body--career--pathways .article__content__view .article__content__view__field.paragraph:last-of-type {
    padding-bottom: 3.2rem;
}

.body--career--pathways .article--collapsible .article__content__view .article__content__view__field.paragraph {
    padding-bottom: 0;
}

.body--career--pathways .article--collapsible .article__content__view .article__content__view__field.paragraph:last-of-type {
    padding-bottom: 0;
}

.article--details--collapsible .toggle {
    justify-content: end;
}

.article--details--collapsible .article--details + .article--details {
    border-top-color: var(--color--grey--light);
}

.article--details--collapsible .article--collapsible:last-child {
    border-bottom-color: transparent;
}

.article--details--collapsible .toggle__icon {
    color: var(--color--brand--sub-6);
}

.article--details--collapsible .article--collapsible .toggle__icon::after {
    font-size: var(--font--size--02);
}

.article--details--collapsible .article__header:not(.article__header--center) .article__header__actions {
    margin-top: 0rem;
}

.body--career--pathways .section__content .link__arrow {
    margin-top: 3.2rem;
}

.body--career--pathways .section__content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body:is(.body--career--pathways,
.body--store--teams,
.body--life--ww,
.body--warehouse--distribution, .body--support, .body--how--we--hire, .body--digital) .section__content .link__arrow .fa {
    font-size: 3rem;
    position: relative;
    top: .4rem;
    display: inline-block;
    margin-left: .5rem;
}

.body--career--pathways .article--collapsible .article__content__view .article__content__view__field {
    padding-bottom: 0;
}

.body--career--pathways .grid--2 .article--details {
    padding-bottom: 0;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--career--pathways .section__content__career {
        margin-top: 5rem;
    }

    .body--career--pathways .section__content__career .grid__item .article__content {
        max-width: 54.3rem;
    }

    .body--career--pathways .article__header__text__title.title--11 {
        line-height: 1.42;
    }

    .body--career--pathways .section__content__career .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

    .section__buttons .section__buttons__list {
        justify-content: center;
    }

    .body--career--pathways .section__content__benefits .section__content--bg {
        padding-bottom: 0rem;
    }

    .body--career--pathways .section__content__benefits .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .body--career--pathways .section {
        margin: 0;
    }

    .body--career--pathways .section .section__content .main__wrapper {
        padding: 6.4rem 1.1rem;
    }

    .body--career--pathways .section__content--grid .grid.grid--2 {
        justify-content: center;
    }

    .body--career--pathways .section__content--grid .grid.grid--2 .grid__item--article--right {
        padding-left: 4rem;
    }

    .body--career--pathways .section__content--grid .grid.grid--2 .grid__item--article--left {
        padding-right: 4rem;
        padding-left: 0;
    }

    .body--career--pathways .section__content .grid--2 .grid__item--image {
        max-width: 38%;
        padding-left: 0;
        padding-right: 0;
    }

    .body--career--pathways .section__content .grid--2 .grid__item--article {
        max-width: 60%;
    }

    .body--career--pathways .section__content__benefits .section__content {
        margin-top: 4rem;
    }

    .body--career--pathways .section__content__benefits .section__content .article__header--top .article__header__text__title {
        padding-top: 2.15rem;
    }

    .body--career--pathways .section__content__network {
        height: fit-content;
        padding-bottom: 8rem;
    }

    .body--career--pathways .section__content__network .grid--2 .grid__item:first-of-type {
        justify-content: center;
    }
}

@media all and (min-width:1400px) and (max-width:1999px){
    .body--career--pathways .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px) {
    .body--career--pathways .banner--main {
        height: 60rem;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1441px) {
    .body--career--pathways .section__content__career {
        height: 65rem;
    }
}

/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px) {
    .body--career--pathways .grid--2 > .grid__item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .body--career--pathways .banner--main {
        height: 15rem;
        min-height: 12rem;
        background-position: bottom;
    }

    .body--career--pathways .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--career--pathways .section__content__career .section__image--career {
        margin-top: 1rem;
        margin-bottom: 6rem;
    }

    .body--career--pathways .section__content__career .section__image--career,
    .body--career--pathways .section__content__programs .section__image--programs,
    .body--career--pathways .section__content__refrigeration .section__image--refrigeration,
    .body--career--pathways .section__content__internship .section__image--internship,
    .body--career--pathways .section__content__refugee .section__image--refugee,
    .body--career--pathways .section__content__nations .section__image--nations {
        min-height: 29.2rem;
        max-width: 43.8rem;
        width: 100%;
        background-size: cover;
        margin-bottom: 2rem;
    }

    .body--career--pathways .section__content__career {
        background-image: var(--career--pathways--divider);
        background-position: center bottom;
        background-size: contain;
        height: fit-content;
    }

    .body--career--pathways .section__content__benefits {
        background-image: var(--career--benefits--mobile--divider), var(--quote--divider--bottom--image);
        height: fit-content;
        margin-top: 4rem;
        padding-top: .5%;
        padding-bottom: 5.2%;
        background-position-y: 0, 99.5%;
    }

    .body--career--pathways .section__content__benefits .section__content--bg {
        padding-top: 3rem;
    }

    .body--career--pathways .section__content__benefits .grid .grid__item {
        max-width: 100%;
    }

    .body--career--pathways .section__content__benefits .section__content {
        margin-top: 4rem;
    }

    .body--career--pathways .section__content__benefits .section__content .grid__item:not(:first-of-type) .article {
        margin-top: 3rem;
    }

    .body--career--pathways .section__content__benefits .section__content .article__header--top .article__header__text__title {
        padding-top: 2rem;
        padding-bottom: 0;
    }

    .body--career--pathways .section__content__benefits .section__content .link__arrow {
        margin-top: 2rem;
    }

    .body--career--pathways .article__header__text__title {
        padding-right: 0;
    }

    .body--career--pathways .section__content__network {
        padding-top: 0rem;
    }

    .body--career--pathways .section__content__network .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 3.4rem;
    }

    .body--career--pathways .section__content__network .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

    .body--career--pathways .section__content__network .article__footer {
        display: flex;
        justify-content: center;
    }

    .body--career--pathways .section__content__network .article__image {
        min-height: 22.4rem;
        background-size: contain;
        background-position: center;
    }

    .body--career--pathways .section__content__career .main__wrapper {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .body--career--pathways .section__content__career .section__content {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--career--pathways .section__content__career .section__content .grid__item:first-of-type {
        padding-top: 0rem;
    }

    .body--career--pathways .section__content__buttons .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 3.8rem;
    }

    .body--career--pathways .section__content__buttons .article__header__text__title {
        padding-bottom: 3.2rem;
        margin-bottom: 0;
    }

    .body--career--pathways .section.section__content__programs {
        margin-top: 0;
    }
}

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

    .body--career--pathways .section .section__content .main__wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--career--pathways .section .section__content .main__wrapper .section__content--grid .grid {
        margin-top: 0;
    }

    .body--career--pathways .section .section__content .main__wrapper .grid__item--image {
        padding-top: 0;
    }

    .body--career--pathways .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--career--pathways .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--career--pathways .section__content__career .section__image--career {
        margin-top: 1rem;
        margin-bottom: 6rem;
    }

    .body--career--pathways .section__content__career .section__image--career,
    .body--career--pathways .section__content__programs .section__image--programs,
    .body--career--pathways .section__content__refrigeration .section__image--refrigeration,
    .body--career--pathways .section__content__internship .section__image--internship,
    .body--career--pathways .section__content__refugee .section__image--refugee,
    .body--career--pathways .section__content__nations .section__image--nations {
        min-height: 22.4rem;
        width: 100%;
        background-size: cover;
        margin-bottom: 2rem;
    }

    .body--career--pathways .section__content__career {
        background-image: var(--career--pathways--divider);
        background-position: center bottom;
        background-size: contain;
        height: fit-content;
    }

    .body--career--pathways .section__content__benefits {
        background-image: var(--career--benefits--mobile--divider), var(--quote--divider--bottom--image);
        height: fit-content;
        margin-top: 4rem;
        padding-top: 5%;
        padding-bottom: 5.2%;
        background-position-y: 0, 99.5%;
    }

    .body--career--pathways .section__content__benefits .section__content--bg {
        margin-top: 0;
        padding-bottom: 0;
    }

    .body--career--pathways .section__content__benefits .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--career--pathways .section__content__benefits .article__header + * {
        margin-top: 0;
    }

    .body--career--pathways .section__content__benefits .section__header .section__header__text {
        padding-bottom: 3.2rem;
    }

    .body--career--pathways .section__content__benefits .grid .grid__item {
        padding-top: 0;
        max-width: 100%;
    }

    .body--career--pathways .section__content__benefits .grid .grid__item:first-of-type {
        padding-top: var(--grid--columns--gap);
    }

    .body--career--pathways .section__content__benefits .grid .grid__item:not(:first-of-type) {
        padding-top: 4.8rem;
    }

    .body--career--pathways .section__content__benefits .section__content .article__header--top .article__header__text__title {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

    .body--career--pathways .section__content__benefits .section__content .link__arrow {
        margin-top: 2.4rem;
    }

    .body--career--pathways .article__header__text__title {
        padding-right: 0;
    }

    .body--career--pathways .section__content__network {
        padding-top: 0rem;
    }

    .body--career--pathways .section__content__network .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 3.4rem;
    }

    .body--career--pathways .section__content__network .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

    .body--career--pathways .section__content__network .article__footer {
        display: flex;
        justify-content: center;
    }

    .body--career--pathways .section__content__network .article__image {
        min-height: 22.4rem;
        background-size: contain;
        background-position: center;
    }

    .body--career--pathways .section__content__career .main__wrapper {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

    .body--career--pathways .section__content__career .section__content {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--career--pathways .section__content__career .section__content .grid__item:first-of-type {
        padding-top: 0rem;
    }

    .body--career--pathways .section__content__buttons .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 3.8rem;
    }

    .body--career--pathways .section__content__buttons .article__header__text__title {
        padding-bottom: 3.2rem;
        margin-bottom: 0;
    }

    .body--career--pathways .section.section__content__programs {
        margin-top: 0;
    }

}

/* PAGETYPES: Store Teams
   -------------------------------------------------------------------------- */

.body--store--teams .banner--main {
    height: 35rem;
    background-image: var(--banner--store--background--image);
    background-size: var(--banner--background--image--sizing);
}

.body--store--teams .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--store--teams .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--store--teams .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--store--teams .section__content__customers .section__content .link__arrow {
    margin-top: 2.4rem;
}

.body--store--teams .section__content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body--store--teams .section__image--customers {
    background-image: var(--store--image);
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--store--teams .section__content__storeTeamsSlider {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
}

.body--store--teams .section__content__storeTeamsSlider .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 4%;
    padding-bottom: 8rem;
}

.body--store--teams .section__content__storeTeamsSlider .article__header__text__title,
.section__content__jobs .section__header__text__title {
    color: var(--color--brand);
    padding-bottom: var(--spacer--s);
}

.body--store--teams .section__content__storeTeamsSlider .wiper-container.storeTeamsSlider {
    color: var(--color--brand);
}

.body--store--teams .section__content__storeTeamsSlider .swiper-button-next--store:after,
.body--store--teams .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    display: block;
    width: 4rem;
    height: 3rem;
}

@media all and (min-width:751px){
    .body--store--teams .section__content__supermarkets .swiper-controls__content {
        margin: 4.1rem;
    }
}

@media all and (max-width:750px){
    .body--store--teams .section__content__supermarkets .section__content--bg > .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--store--teams .section__content__supermarkets .swiper-slide > .grid {
        margin-left: 0;
    }

    .body--store--teams .section__content__supermarkets .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--store--teams .section__content__supermarkets .swiper-controls__content {
        margin-top: 2.8rem;
        margin-bottom: 0;
    }
}

.body--store--teams .section__content__supermarkets .swiper-controls__content .swiper-pagination {
    margin-top: .6rem;
    display: flex;
}

.body--store--teams .section__content__storeTeamsSlider .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 .5rem;
    background-color: transparent;
    border: .2rem solid;
      border-top-color: currentcolor;
      border-right-color: currentcolor;
      border-bottom-color: currentcolor;
      border-left-color: currentcolor;
    border-color: var(--color--clickeable);
    opacity: 1;
}

.body--store--teams .section__content__storeTeamsSlider .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    background-color: var(--color--brand);
}

.body--store--teams .section__content__storeTeamsSlider .swiper-button-next--store:after {
    background-image: var(--custom--icon--slide--arrow-right-blue);
    content: "";
}

.body--store--teams .section__content__storeTeamsSlider .swiper-button-next--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-right-disabled);
    content: "";
}

.body--store--teams .section__content__storeTeamsSlider .swiper-button-prev--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-left-disabled);
    content: "";
}

.body--store--teams .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    background-image: var(--custom--icon--slide--arrow-left-blue);
    content: "";
}

.section__content__storeTeamsSlider .swiper-wrapper {
    margin-bottom: 2rem;
}

.swiper-controls__content .swiper-pagination--store {
    margin-top: .5rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.swiper-container.storeTeams .swiper-slide .article__image {
    padding-left: 0;
    padding-top: 0;
}

.body--store--teams .section__content__supermarkets {
    background-image: var(--store--divider);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10%;
}

.section__content__supermarkets .section__content--bg {
    background-color: var(--color--brand--sub-10);
    color: var(--color--white);
}

.storeTeams .grid--2 .grid__item:first-of-type {
    max-width: 47%;
}

.section__content__supermarkets .article__header {
    flex-direction: column;
}

.section__content__supermarkets .pill {
    width: 100%;
    max-height: 2.3rem;
    padding-bottom: 0.1rem;
    padding-top: 0.4rem;
}

.section__content__supermarkets .article__header--top .title {
    line-height: 1.42;
}

.section__content__supermarkets .article__content p {
    line-height: 1.5;
}

.body--store--teams .section__content__supermarkets .section__image--slider-one {
    background-image: var(--store--slide--one);
}

.body--store--teams .section__content__supermarkets .section__image--slider-two {
    background-image: var(--store--slide--two);
}

.body--store--teams .section__content__supermarkets .section__image--slider-three {
    background-image: var(--store--slide--three);
}

.body--store--teams .section__content__supermarkets .section__image--slider-one,
.body--store--teams .section__content__supermarkets .section__image--slider-two,
.body--store--teams .section__content__supermarkets .section__image--slider-three {
    height: 37rem;
    width: 55.5rem;
    background-size: cover;
    border-radius: 1.6rem;
}

.section__content__supermarkets .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__supermarkets .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

/* Section "Find the right place for you" */

.section__content__jobs .grid-2 .grid__item {
    --grid--columns--gap: 2rem;
    max-width: calc(27rem + var(--grid--columns--gap));
}

.section__content__jobs .section__content .article--card {
    max-width: 36rem;
    min-height: 21.2rem;
    box-sizing: border-box;
    box-shadow: none;
    box-shadow: 0 2px 20px -2px rgba(58, 71, 78, 0.15);
}

.section__content__jobs .article--card .article__header{
    flex-direction: column;
}

.section__content__jobs .article--card .article__header__text>* {
    flex-direction: column;
    overflow: hidden;
    white-space: unset;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* DEFINE THE LINE TO ADD THE ELLIPSIS */
    height: 5rem; /* DEFINE THE HEIGHT OF THE HEADERS */
}

.section__content__jobs .section__content .article__header .article__image {
    padding-top: 2.4rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.section__content__jobs .section__content .article__header .article__image img {
    max-width: 100%;
    max-height: 5.5rem;
    min-height: 5.5rem;
    object-fit: contain;
}

.section__content__jobs .article--card .article__header__text > * {
    overflow: inherit;
    white-space: wrap;
}

.section__content__jobs .section__content .article__header .article__header__text .article__header__text__title .link {
    font-weight: 600;
    text-decoration: none;
}

.section__content__jobs .article--card .article__header__text {
    min-height: unset;
    padding: 1rem 2rem 0;
}

.section__content__jobs .article--card .article__content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.2rem;
    margin-left: 1.8rem;
    margin-right: 1.8rem;
    font-size: var(--font--size--00);
    color: var(--color--grey--darker);
    padding-bottom: 1rem;
}

.section__content__jobs .section__content .link__arrow {
    margin-top: 3.4rem;
}

.section__content__jobs .section__content .article--card .button {
    min-width: 12rem;
    font-weight: 500;
    min-height: 4.8rem;
}

.section__content__jobs .section__content .article--card .button--secondary.button--disabled {
    border-radius: 2.4rem;
    border-width: .1rem;
    border-style: solid;
    border-color: var(--color--disabled--sub-1);
    padding: var(--spacer--s) var(--spacer--m);
    color: var(--color--disabled--sub-1);
    height: 4.8rem;
    margin-left: 0;
    text-decoration: none;
}

.section__content__jobs .article--card .article__header{
    flex-direction: column;
}

.section__content__jobs .article--card .article__header__text .link {
    font-weight: 600;
}

.section__content__jobs .article--card .article__footer {
    justify-content: start;
    padding-top: 0;
}

.section__content__jobs .article--card .button {
    min-width: 12rem;
}

.storeTeamsSlider .swiper-slide .article {
    display: grid;
    grid-template-rows: auto auto;
}

.storeTeamsSlider .title {
    --title--font--color: var(--color--brand);
}

.storeTeamsSlider .section__content+.section__content {
    margin-top: 0;
}

.section__content__supermarkets__footer {
    background-image: var(--store--divider--bottom);
    height: 4vw;
    background-position: top center;
    background-size: 100%;
    margin-top: -.8rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--store--teams .section__content__customers {
        margin-top: 5rem;
    }

    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .storeTeamsSlider .swiper-slide {
        margin-top: 0;
    }

    .section__content__jobs .article__content .paragraph {
        font-size: var(--font--size--00);
    }

    .section__content__jobs .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 0;
    }

    .section__content__storeTeamsSlider.visibility--tablet-and-desktop .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 0;
    }

    .section__content__change .main__wrapper,
    .section__content__innovation .main__wrapper,
    .section__content__warehouse .main__wrapper,
    .section__content__customers .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .section__content__change .grid__item .article__content,
    .section__content__innovation .grid__item .article__content,
    .section__content__warehouse .grid__item .article__content,
    .section__content__customers .grid__item .article__content {
        max-width: 100%;
    }

    .section__content__change .grid__item.visibility--tablet-and-desktop,
    .section__content__innovation .grid__item.visibility--tablet-and-desktop,
    .section__content__warehouse .grid__item.visibility--tablet-and-desktop,
    .section__content__customers .grid__item.visibility--tablet-and-desktop {
        padding-left: 3.2rem;
    }

    .section__content__storeTeamsSlider .article__header__text .article__header__text__title.title {
        padding-top: 0;
        padding-bottom: 2.4rem;
    }

    .section__content__storeTeamsSlider .article__content {
        margin-top: 0;
    }

    .section__content__customer .section__content--bg .main__wrapper,
    .section__content__supermarkets .section__content--bg .main__wrapper,
    .section__content__marketing .section__content--bg .main__wrapper,
    .section__content__comercial .section__content--bg .main__wrapper,
    .section__content__careersww--swiper--one .section__content--bg .main__wrapper {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .body--warehouse--distribution .swiper-container.storeTeams .swiper-slide .grid .grid__item:nth-of-type(2),
    .body--store--teams .swiper-container.storeTeams .swiper-slide .grid .grid__item:nth-of-type(2),
    .body--digital .swiper-container.storeTeams .swiper-slide .grid .grid__item:nth-of-type(2),
    .body--careers--ww .swiper-container.storeTeams .swiper-slide .grid .grid__item:nth-of-type(2) {
        padding-left: 4rem;
    }

    .swiper-container.storeTeams .grid .article__content,
    .swiper-container.storeTeams .section__content {
        margin-top: 0;
    }

    .swiper-container.storeTeams .pill.pill--secondary {
        margin-bottom: 0;
    }

    .swiper-container.storeTeams .title.title--11 {
        padding-top: 1.6rem;
        padding-bottom: 2.4rem;
    }

}

/* Media query to target only desktop */
@media all and (min-width:1400px) and (max-width:1999px){
    .body--store--teams .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px){
    .body--store--teams .banner--main {
        height: 60rem;
    }
}

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

    .storeTeamsSlider .swiper-slide .article {
        display: block;
    }

    .section__content__jobs .article--card .article__header__text > * {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        height: auto;
    }

    .section__content__jobs .article--card .article__header__text .link {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .body--store--teams .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--store--teams .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .section__content__supermarkets p {
        line-height: 2.4rem;
    }

    .body--store--teams .section__image--customers {
        max-height: 22.4rem;
        width: 100%;
    }

    .section__content__change .main__wrapper,
    .section__content__innovation .main__wrapper,
    .section__content__warehouse .main__wrapper,
    .section__content__customers .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--store--teams .section__content__storeTeamsSlider {
        height: fit-content;
        margin-bottom: 0;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .swiper-container.storeTeams .swiper-wrapper {
        padding-bottom: 0;
    }

    .body--store--teams .section__content__supermarkets .section__image--slider-one,
    .body--store--teams .section__content__supermarkets .section__image--slider-two,
    .body--store--teams .section__content__supermarkets .section__image--slider-three {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--store--teams .section__content__storeTeamsSlider {
        padding-top: 4%;
    }

    .body--store--teams .section__content__storeTeamsSlider .section__content--bg {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 6rem;
    }

    .body--store--teams .section__content__storeTeamsSlider .section__content--bg .main__wrapper .article__header__text .article__header__text__title {
        padding-bottom: 0;
        padding-top: 0;
    }

    .body--store--teams .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article {
        padding: 2.4rem 0;
        height: fit-content;
    }

    .body--store--teams .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article + .article {
        margin-top: var(--spacer--s2);
    }

    .body--store--teams .section__content__storeTeamsSlider .swiper-container.storeTeamsSlider {
        margin-top: 2rem;
    }

    .body--store--teams .section__content__supermarkets {
        background-image: var(--store--divider);
        height: fit-content;
        padding-top: 11%;
    }

    .storeTeams .grid--2 .grid__item:first-of-type {
        max-width: inherit;
    }

    .body--store--teams .section__content__jobs .section__content {
        margin-top: 4rem;
    }

    .section__content__jobs .section__content .article--card {
        max-width: 100%;
        min-height: fit-content;
    }

    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }

    .storeTeamsSlider .swiper-slide {
        margin-top: 0;
        display: grid;
        grid-template-rows: 1fr 1fr;
    }

    .section__content__supermarkets .section__content--bg > .main__wrapper {
        padding-bottom: 4.4rem;
    }

    .section__content__customer .section__content--bg .main__wrapper,
    .section__content__marketing .section__content--bg .main__wrapper,
    .section__content__comercial .section__content--bg .main__wrapper,
    .section__content__careersww--swiper--one .section__content--bg .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    /* Section "Find the right place for you" */

    .section__content__jobs .grid-2 {
        justify-content: center;
    }
}

/* PAGETYPES: Warehouse & Distribution
   -------------------------------------------------------------------------- */

.body--warehouse--distribution .banner--main {
    height: 35rem;
    background-image: var(--banner--warehouse--background--image);
    background-position: var(--banner--background--image--position);
    background-size: var(--banner--background--image--sizing);
}

.body--warehouse--distribution .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--warehouse--distribution .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--warehouse--distribution .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--warehouse--distribution .section__content__warehouse .section__content .link__arrow {
    margin-top: 2.4rem;
}

.body--warehouse--distribution .section__content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body--warehouse--distribution .section__image--warehouse {
    background-image: var(--warehouse--image);
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--warehouse--distribution .section__content__storeTeamsSlider {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: 70rem;
}

.body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 4%;
    padding-bottom: 25%;
}

.body--warehouse--distribution .section__content__storeTeamsSlider .article__header__text__title,
.section__content__jobs .section__header__text__title {
    color: var(--color--brand);
}

.body--warehouse--distribution .section__content__storeTeamsSlider .wiper-container.storeTeamsSlider {
    color: var(--color--brand);
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-button-next--store:after,
.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    display: block;
    width: 4rem;
    height: 4rem;
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 .5rem;
    background-color: transparent;
    border: .2rem solid;
      border-top-color: currentcolor;
      border-right-color: currentcolor;
      border-bottom-color: currentcolor;
      border-left-color: currentcolor;
    border-color: var(--color--clickeable);
    opacity: 1;
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    background-color: var(--color--brand);
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-button-next--store:after {
    background-image: var(--custom--icon--slide--arrow-right-blue);
    content: "";
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-button-next--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-right-disabled);
    content: "";
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-button-prev--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-left-disabled);
    content: "";
}

.body--warehouse--distribution .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    background-image: var(--custom--icon--slide--arrow-left-blue);
    content: "";
}

.swiper-controls__content .swiper-pagination--store {
    margin-top: .5rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.body--warehouse--distribution .section__content__customer {
    background-image: var(--store--divider);
    background-position: center top;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10%;
    background-position-y: 0;
    margin-top: 8rem;
}

.section__content__customer .section__content--bg {
    background-color: var(--color--brand--sub-10);
    color: var(--color--white);
}

.storeTeams .grid--2 .grid__item:first-of-type {
    max-width: 47%;
}

.section__content__customer .article__header {
    flex-direction: column;
}

.section__content__customer .pill {
    width: 100%;
    max-height: 2.3rem;
    padding-bottom: 0.1rem;
    padding-top: 0.4rem;
}

.section__content__customer .article__header--top .title {
    line-height: 1.42;
}

.section__content__customer .article__content p {
    line-height: 1.5;
}

.body--warehouse--distribution .section__content__customer .section__image__customer--slider-one {
    background-image: var(--warehouse--slide--one);
}

.body--warehouse--distribution .section__content__customer .section__image__customer--slider-two {
    background-image: var(--warehouse--slide--two);
}

.body--warehouse--distribution .section__content__customer .section__image__customer--slider-three {
    background-image: var(--warehouse--slide--three);
}

.body--warehouse--distribution .section__content__customer .section__image__customer--slider-one,
.body--warehouse--distribution .section__content__customer .section__image__customer--slider-two,
.body--warehouse--distribution .section__content__customer .section__image__customer--slider-three {
    height: 37rem;
    width: 55.5rem;
    background-size: cover;
    border-radius: 1.6rem;
}

.section__content__customer .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__customer .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

.section__content__customer__footer {
    background-image: var(--store--divider--bottom);
    background-size: 100%;
    height: 4vw;
    background-position: center -2px;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .section__content__jobs .article__content .paragraph {
        font-size: var(--font--size--00);
    }

    .body--warehouse--distribution .section__content__warehouse .section__content .article__header__text {
        max-width: 51.8rem;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1441px) {

    .body--warehouse--distribution .section__content__customer {
        background-position-y: 0, 102.4%;
    }

}

@media all and (min-width:2000px) {
    .body--warehouse--distribution .banner--main {
        height: 60rem;
    }
}

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

    .body--warehouse--distribution .section__content__customer .section__content--bg > .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--warehouse--distribution .section__content__customer .swiper-slide > .grid {
        margin-left: 0;
    }

    .body--warehouse--distribution .section__content__customer .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--warehouse--distribution .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--warehouse--distribution .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .section__content__customer__footer {
        height: 5vw;
        background-position: center;
        margin-top: -.1rem;
    }

    .section__content__customer p {
        line-height: 2.4rem;
    }

    .body--warehouse--distribution .section__image--warehouse {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider {
        height: fit-content;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .body--warehouse--distribution .section__content__customer .section__image__customer--slider-one,
    .body--warehouse--distribution .section__content__customer .section__image__customer--slider-two,
    .body--warehouse--distribution .section__content__customer .section__image__customer--slider-three {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider {
        padding-top: 4%;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg {
        margin-top: 0;
        padding-top: 0;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg .main__wrapper {
        padding-top: 5rem;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg .main__wrapper .article__header__text .article__header__text__title {
        padding-bottom: 0;
        padding-top: 0;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article {
        padding: 2.4rem 0;
        height: fit-content;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article + .article {
        margin-top: var(--spacer--s2);
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .swiper-container.storeTeamsSlider {
        margin-top: 2rem;
    }

    .body--warehouse--distribution .section__content__customer {
        background-image: var(--store--divider);
        background-position-y: 0;
        padding-top: 11%;
        margin-top: 0;
    }

    .body--warehouse--distribution .section__content__storeTeamsSlider .section__content--bg {
        padding-bottom: 0;
    }

    .storeTeams .grid--2 .grid__item:first-of-type {
        max-width: inherit;
    }

    .body--warehouse--distribution .section__content__jobs .section__content {
        margin-top: 4rem;
    }

    .section__content__jobs .section__content .article--card {
        max-width: 100%;
        min-height: fit-content;
    }

    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }
}

/* PAGETYPES: Digital
   -------------------------------------------------------------------------- */

.body--digital .banner--main {
    height: 36rem;
    background-image: var(--banner--digital--background--image);
    background-position: var(--banner--background--image--position);
    background-size: var(--banner--background--image--sizing);
}

.body--digital .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--digital .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--digital .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--digital .section__content__change .section__content .link__arrow {
    margin-top: 3rem;
}

.body--digital .section__content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body--digital .section__image--change {
    background-image: var(--digital--image);
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--digital .section__content__storeTeamsSlider__footer {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: 100%;
    height: 4vw;
}

.body--digital .section__content__storeTeamsSlider {
    background-color: inherit;
    height: 70rem;
}

.body--digital .section__content__storeTeamsSlider .section__content--bg {
    background-color: var(--color--brand--sub-5);
    padding-bottom: 25%;
}

.body--digital .section__content__storeTeamsSlider .article__header__text__title,
.section__content__jobs .section__header__text__title {
    color: var(--color--brand);
}

.body--digital .section__content__storeTeamsSlider .wiper-container.storeTeamsSlider {
    color: var(--color--brand);
}

.body--digital .section__content__storeTeamsSlider .swiper-button-next--store:after,
.body--digital .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    display: block;
    width: 4rem;
    height: 4rem;
}

.body--digital .section__content__storeTeamsSlider .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 .5rem;
    background-color: transparent;
    border: .2rem solid;
      border-top-color: currentcolor;
      border-right-color: currentcolor;
      border-bottom-color: currentcolor;
      border-left-color: currentcolor;
    border-color: var(--color--clickeable);
    opacity: 1;
}

.body--digital .section__content__storeTeamsSlider .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    background-color: var(--color--brand);
}

.body--digital .section__content__storeTeamsSlider .swiper-button-next--store:after {
    background-image: var(--custom--icon--slide--arrow-right-blue);
    content: "";
}

.body--digital .section__content__storeTeamsSlider .swiper-button-next--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-right-disabled);
    content: "";
}

.body--digital .section__content__storeTeamsSlider .swiper-button-prev--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-left-disabled);
    content: "";
}

.body--digital .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    background-image: var(--custom--icon--slide--arrow-left-blue);
    content: "";
}

.swiper-controls__content .swiper-pagination--store {
    margin-top: .5rem;
    margin-left: 3rem;
    margin-right: 3rem;
}

.body--digital .section__content__marketing {
    background-image: var(--digital--divider);
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10%;
    background-position-y: 0, 100.5%;
}

.section__content__marketing .section__content--bg {
    background-color: var(--color--brand--sub-10);
    color: var(--color--white);
}

.storeTeams .grid--2 .grid__item:first-of-type {
    max-width: 47%;
}

.section__content__marketing .article__header {
    flex-direction: column;
}

.section__content__marketing .pill {
    width: 100%;
    max-height: 2.3rem;
    padding-bottom: 0.1rem;
    padding-top: 0.4rem;
}

.section__content__marketing .article__header--top .title {
    line-height: 1.42;
}

.section__content__marketing .article__content p {
    line-height: 1.5;
}

.body--digital .section__content__marketing .section__image__marketing--slider-one {
    background-image: var(--digital--slide--one);
}

.body--digital .section__content__marketing .section__image__marketing--slider-two {
    background-image: var(--digital--slide--two);
}

.body--digital .section__content__marketing .section__image__marketing--slider-three {
    background-image: var(--digital--slide--three);
}

.body--digital .section__content__marketing .section__image__marketing--slider-one,
.body--digital .section__content__marketing .section__image__marketing--slider-two,
.body--digital .section__content__marketing .section__image__marketing--slider-three {
    height: 37rem;
    width: 55.5rem;
    background-size: cover;
    border-radius: 1.6rem;
}

.section__content__marketing .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__marketing .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

.body--digital .section__content__marketing__footer {
    background-image: var(--digital--divider--bottom);
    height: 9vw;
    background-position: bottom;
    background-size: 100%;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .section__content__jobs .article__content .paragraph {
        font-size: var(--font--size--00);
    }
}

/* Media query to target only desktop */
@media all and (min-width:1441px) {
    .body--digital .banner--main {
        height: 35rem;
    }

    .body--digital .section__content__marketing {
        background-position-y: 0, 101.3%;
    }

    .body--digital .section__content__storeTeamsSlider {
        height: 74rem;
    }
}

@media all and (min-width:2000px){
    .body--digital .banner--main {
        height: 60rem;
    }
}

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

    .body--digital .section__content__marketing .section__content--bg > .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--digital .section__content__marketing .swiper-slide > .grid {
        margin-left: 0;
    }

    .body--digital .section__content__marketing .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--digital .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--digital .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .section__content__marketing p {
        line-height: 2.4rem;
    }

    .body--digital .section__image--change {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--digital .section__content__storeTeamsSlider {
        height: auto;
        padding-top: 4%;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .body--digital .storeTeamsSlider .swiper-slide {
        margin-top: 0;
        display: grid;
        grid-template-rows: 1fr 1fr;
    }

    .body--digital .storeTeamsSlider .swiper-slide .article {
        grid-template-rows: 1fr 2fr;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .body--digital .section__content__marketing .section__image__marketing--slider-one,
    .body--digital .section__content__marketing .section__image__marketing--slider-two,
    .body--digital .section__content__marketing .section__image__marketing--slider-three {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--digital .section__content__storeTeamsSlider .section__content--bg {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 2.6rem;
    }

    .body--digital .section__content__storeTeamsSlider .section__content--bg .main__wrapper .article__header__text .article__header__text__title {
        padding-bottom: 0;
        padding-top: 0;
    }

    .body--digital .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article {
        padding: 2.4rem 0;
        height: fit-content;
    }

    .body--digital .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article + .article {
        margin-top: var(--spacer--s2);
    }

    .body--digital .section__content__storeTeamsSlider .swiper-container.storeTeamsSlider {
        margin-top: 2rem;
    }

    .body--digital .section__content__marketing {
        background-image: var(--digital--divider);
    }

    .storeTeams .grid--2 .grid__item:first-of-type {
        max-width: inherit;
    }

    .body--digital .section__content__jobs .section__content {
        margin-top: 4rem;
    }

    .section__content__jobs .section__content .article--card {
        max-width: 100%;
        min-height: fit-content;
    }

    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }
}

/* PAGETYPES: Support
   -------------------------------------------------------------------------- */

.body--support .banner--main {
    height: 35rem;
    background-image: var(--banner--support--background--image);
    background-size: var(--banner--background--image--sizing);
}

.body--support .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--support .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--support .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--support .section__content__innovation .section__content .link__arrow {
    margin-top: 2.4rem;
}

.body--support .section__content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body--support .section__image--innovation {
    background-image: var(--support--image);
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--support .section__content__storeTeamsSlider {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
}

.body--support .section__content__storeTeamsSlider .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 4%;
}

.body--support .section__content__storeTeamsSlider .article__header__text__title,
.section__content__jobs .section__header__text__title {
    color: var(--color--brand);
}

.body--support .section__content__storeTeamsSlider .wiper-container.storeTeamsSlider {
    color: var(--color--brand);
}

.body--support .section__content__storeTeamsSlider .swiper-button-next--store:after,
.body--support .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    display: block;
    width: 4rem;
    height: 4rem;
}

.body--support .section__content__storeTeamsSlider .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 .5rem;
    background-color: transparent;
    border: .2rem solid;
      border-top-color: currentcolor;
      border-right-color: currentcolor;
      border-bottom-color: currentcolor;
      border-left-color: currentcolor;
    border-color: var(--color--clickeable);
    opacity: 1;
}

.body--support .section__content__storeTeamsSlider .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    background-color: var(--color--brand);
}

.body--support .section__content__storeTeamsSlider .swiper-button-next--store:after {
    background-image: var(--custom--icon--slide--arrow-right-blue);
    content: "";
}

.body--support .section__content__storeTeamsSlider .swiper-button-next--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-right-disabled);
    content: "";
}

.body--support .section__content__storeTeamsSlider .swiper-button-prev--store.swiper-button-disabled:after {
    background-image: var(--custom--icon--slide--arrow-left-disabled);
    content: "";
}

.body--support .section__content__storeTeamsSlider .swiper-button-prev--store:after {
    background-image: var(--custom--icon--slide--arrow-left-blue);
    content: "";
}

.body--support .section__content__comercial {
    background-image: var(--digital--divider);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10%;
    background-position-y: 0, 102%;
}

.body--support .section__content__comercial__footer {
    background-image: var(--store--divider--bottom);
    background-position: center top;
    background-size: cover;
    height: 4vw;
    width: 100%;
    margin-top: -.1rem;
}

.section__content__comercial .section__content--bg {
    background-color: var(--color--brand--sub-10);
    color: var(--color--white);
}

.body--support .storeTeams .grid--2 .grid__item:first-of-type {
    max-width: 53%;
}

.body--support .storeTeams .grid--2 .grid__item:nth-of-type(2) {
    max-width: 46%;
}

.section__content__comercial .article__header {
    flex-direction: column;
}

.section__content__comercial .pill {
    width: 100%;
    padding-bottom: 0.1rem;
    padding-top: 0.4rem;
    min-height: unset;
    max-height: unset;
}

.section__content__comercial .article__header--top .title {
    line-height: 1.42;
}

.section__content__comercial .article__content p {
    line-height: 1.5;
}

.body--support .section__content__comercial .section__image__comercial--slider-one {
    background-image: var(--support--slide--one);
}

.body--support .section__content__comercial .section__image__comercial--slider-two {
    background-image: var(--support--slide--two);
}

.body--support .section__content__comercial .section__image__comercial--slider-three {
    background-image: var(--support--slide--three);
}

.body--support .section__content__comercial .section__image__comercial--slider-one,
.body--support .section__content__comercial .section__image__comercial--slider-two,
.body--support .section__content__comercial .section__image__comercial--slider-three {
    height: 37rem;
    width: 55.5rem;
    background-size: cover;
    border-radius: 1.6rem;
}

.section__content__comercial .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__comercial .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .section__content__jobs .article__content .paragraph {
        font-size: var(--font--size--00);
    }
}

/* Media query to target only desktop */
@media all and (min-width:2000px) {
    .body--support .banner--main {
        height: 60rem;
    }

    .body--support .section__content__comercial {
        background-position-y: 0, 102.5%;
    }

}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--support .section__content__comercial .section__content--bg > .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--support .section__content__comercial .swiper-slide > .grid {
        margin-left: unset;
    }

    .body--support .section__content__comercial .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--support .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--support .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .section__content__comercial p {
        line-height: 2.4rem;
    }

    .body--support .section__image--innovation {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--support .section__content__storeTeamsSlider {
        height: auto;
        margin-bottom: 0;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .body--support .section__content__comercial .section__image__comercial--slider-one,
    .body--support .section__content__comercial .section__image__comercial--slider-two,
    .body--support .section__content__comercial .section__image__comercial--slider-three {
        max-height: 22.4rem;
        width: 100%;
    }

    .body--support .section__content__storeTeamsSlider {
        padding-top: 4%;
    }

    .body--support .section__content__storeTeamsSlider .main__wrapper {
        padding-top: 4.8rem;
        padding-bottom: 4.4rem;
    }

    .body--support .section__content__storeTeamsSlider .section__content--bg {
        margin-top: 0;
        padding-top: 0;
    }

    .body--support .section__content__storeTeamsSlider .section__content--bg .main__wrapper .article__header__text .article__header__text__title {
        padding-bottom: 0;
        padding-top: 0;
    }

    .body--support .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article {
        padding: 2.4rem 0;
        height: fit-content;
    }

    .body--support .section__content__storeTeamsSlider .section__content--bg .storeTeamsSlider .article + .article {
        margin-top: var(--spacer--s2);
    }

    .body--support .section__content__storeTeamsSlider .swiper-container.storeTeamsSlider {
        margin-top: 2rem;
    }

    .body--support .storeTeams .grid--2 .grid__item:first-of-type {
        max-width: inherit;
    }

    .body--support .storeTeams .grid--2 .grid__item:nth-of-type(2) {
        max-width: inherit;
    }

    .body--support .section__content__jobs .section__content {
        margin-top: 4rem;
    }

    .section__content__jobs .section__content .article--card {
        max-width: 100%;
        min-height: fit-content;
    }

    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }
}

/* PAGETYPES: Careers at WW
   -------------------------------------------------------------------------- */

.body--careers--ww .grid {
    margin-left: 0;
}

.body--careers--ww .banner--main {
    height: 36rem;
    background-image: var(--banner--careers--ww--background--image);
    background-position: var(--banner--background--image--position);
    background-size: var(--banner--background--image--sizing);
}

.body--careers--ww .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--careers--ww .paragraph.g--c {
    color: var(--color--grey--darker);
    line-height: 1.5;
}

.body--careers--ww .paragraph.g--b {
    color: var(--color--brand--sub-6);
    line-height: 1.5;
}

.body--careers--ww .section__content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body--careers--ww .section__content .link__arrow .fa {
    font-size: 3rem;
    display: inline;
}

.body--careers--ww .section__content .link__arrow .fa.fa-angle-right:before {
    display: inline-block;
    position: relative;
    top: .3rem;
}

.body--careers--ww .article__header__text__title.title--11 {
    line-height: 1.42;
}

.body--careers--ww .section__content__buttons .article__header__text__title {
    color: var(--color--brand);
    margin-bottom: 2rem;
}

.body--careers--ww .section__content__buttons .main__wrapper {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem;
}

.body--careers--ww .section__content__carrers--store .section__image--carrers--store,
.body--careers--ww .section__content__carrers--warehouse .section__image--carrers--warehouse,
.body--careers--ww .section__content__carrers--digital .section__image--carrers--digital,
.body--careers--ww .section__content__carrers--support .section__image--carrers--support {
    border-radius: 1.6rem;
    min-height: 37rem;
    width: 100%;
    background-size: cover;
}

.body--careers--ww .section__content__carrers--store .section__image--carrers--store {
    background-image: var(--careers--ww--image--explore--one);
}

.body--careers--ww .section__content__carrers--warehouse .section__image--carrers--warehouse {
    background-image: var(--careers--ww--image--explore--two);
}

.body--careers--ww .section__content__carrers--digital .section__image--carrers--digital {
    background-image: var(--careers--ww--image--explore--three);
}

.body--careers--ww .section__content__carrers--support .section__image--carrers--support {
    background-image: var(--careers--ww--image--explore--four);
}

.body--careers--ww .section__content__carrers--warehouse {
    background-image: var(--brands--background--image), var(--benefits--background--image);
    background-position: center top;
    background-size: contain;
    height: fit-content;
    padding-top: 4%;
    padding-bottom: 4%;
    background-position-y: 0, 100.5%;
}

.body--careers--ww .section__content__carrers--support {
    background-image: var(--brands--background--image);
    background-position: center top, center bottom;
    background-size: contain, contain;
    height: fit-content;
    padding-top: 4%;
}

.body--careers--ww .section__content__carrers--warehouse .section__content--bg,
.body--careers--ww .section__content__carrers--support .section__content--bg {
    background-color: var(--color--brand--sub-5);
}

.body--careers--ww .section__content__carrers--warehouse .section__content--bg .main__wrapper,
.body--careers--ww .section__content__carrers--support .section__content--bg .main__wrapper,
.body--careers--ww .section__content__carrers--digital .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--careers--ww .section__content__carrers--store .main__wrapper {
    padding-top: 3.2rem;
    padding-bottom: 8rem;
}

.body--careers--ww .section__content__careersww--swiper--one {
    background-image: var(--careers--ww--swiper--one--divider--top), var(--careers--ww--swiper--one--divider--bottom);
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10.7%;
    padding-bottom: 11.2%;
    background-position-y: -0.2%, 99.5%;
}

.section__content__careersww--swiper--one .section__content--bg {
    background-color: var(--color--brand--sub-10);
    color: var(--color--white);
}

.body--careers--ww .storeTeams .grid--2 .grid__item:first-of-type {
    max-width: 46%;
}

.section__content__careersww--swiper--one .article__header {
    flex-direction: column;
}

.section__content__careersww--swiper--one .pill {
    width: 100%;
    max-height: 2.3rem;
    padding-bottom: 0.1rem;
    padding-top: 0.4rem;
}

.section__content__careersww--swiper--one .article__header--top .title {
    line-height: 1.42;
}

.section__content__careersww--swiper--one .article__content p {
    font-size: var(--font--size--02);
    line-height: 1.5;
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-one {
    background-image: var(--careers--ww--swiper--one--slide--one);
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-two {
    background-image: var(--careers--ww--swiper--one--slide--two);
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-three {
    background-image: var(--careers--ww--swiper--one--slide--three);
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-one,
.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-two,
.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-three {
    height: 37rem;
    width: 55.5rem;
    background-size: cover;
    border-radius: 1.6rem;
}

.storeTeams .grid > .grid__item {
    flex: auto;
}

.section__content__careersww--swiper--one .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__careersww--swiper--one .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

.body--careers--ww .section__content__careersww--swiper--one .article__footer {
    margin-top: 3.2rem;
  }

.body--careers--ww .section__content__careersww--swiper--one .button {
    min-width: 23.3rem;
    padding-top: unset;
    padding-bottom: unset;
}

.body--careers--ww .section__content__careersww--swiper--one .button .fa-angle-right {
    font-size: 3rem;
    margin-left: 1rem;
}

.section__content__myself .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 0;
}

.section__content__myself--cards .main__wrapper {
    padding-top: 0;
    padding-bottom: 8rem;
}

.body--careers--ww .section__content__myself .section__buttons__list{
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(3, auto);
    grid-gap: 2rem;
    justify-content: inherit;
}

.body--careers--ww .section__content__myself .section__buttons{
    padding-top: 4rem;
    padding-bottom: 4.8rem;
}

.body--careers--ww .section__content__myself .section__buttons__list .button {
    color: var(--fields--font--color);
    border: solid .2rem var(--color--brand--sub-12);
    font-size: var(--font--size--03);
    height: 9.2rem;
    max-height: 9.2rem;
    padding: 1.6rem;
    width: 100%;
}

.body--careers--ww .section__content__myself .section__buttons__list .button:hover {
    background-color: var(--color--brand--sub-5);
    color: var(--color--brand);
    border: solid .2rem var(--color--brand);
}

.body--careers--ww .section__content__myself .section__buttons__list .button:focus {
    background-color: #e1f3fe;
    border: solid .2rem var(--color--brand);
    color: var(--color--brand);
}

.body--careers--ww .section__content__myself--cards .hidden {
    display: none;
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-one {
    background-image: var(--careers--ww--swiper--one--slide--one);
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-two {
    background-image: var(--careers--ww--swiper--one--slide--two);
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-three {
    background-image: var(--careers--ww--swiper--one--slide--three);
}

.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-one,
.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-two,
.body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-three {
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard1 {
    background-image: var(--careers--ww--myself--card--one);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard2 {
    background-image: var(--careers--ww--myself--card--two);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard3 {
    background-image: var(--careers--ww--myself--card--three);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard4 {
    background-image: var(--careers--ww--myself--card--four);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard5 {
    background-image: var(--careers--ww--myself--card--five);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard6 {
    background-image: var(--careers--ww--myself--card--six);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard7 {
    background-image: var(--careers--ww--myself--card--seven);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard8 {
    background-image: var(--careers--ww--myself--card--eight);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard9 {
    background-image: var(--careers--ww--myself--card--nine);
}

.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard1,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard2,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard3,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard4,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard5,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard6,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard7,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard8,
.body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard9 {
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--careers--ww .link .fa-angle-right {
    margin-left: .5rem;
}

.body--careers--ww .section__content__stories {
    background-image: var(--careers--ww--swiper--stories--divider--top), var(--careers--ww--swiper--stories--divider--bottom);
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10.7%;
    padding-bottom: 11%;
    background-position-y: -0.2%, 99.5%;
}

.body--careers--ww .section__content__stories .section__content--bg {
    background-color: var(--color--brand--sub-11);
}

.body--careers--ww .section__content__stories .person--one {
    background-image: var(--careers--ww--stories--image--person--one);
}

.body--careers--ww .section__content__stories .person--two {
    background-image: var(--careers--ww--stories--image--person--two);
}

.body--careers--ww .section__content__stories .person--three {
    background-image: var(--careers--ww--stories--image--person--three);
}

.body--careers--ww .section__content__stories .timeline--one {
    background-image: var(--careers--ww--stories--image--timeline--one);
}

.body--careers--ww .section__content__stories .timeline--two {
    background-image: var(--careers--ww--stories--image--timeline--two);
}

.body--careers--ww .section__content__stories .timeline--three {
    background-image: var(--careers--ww--stories--image--timeline--three);
}

.body--careers--ww .section__content__benefits {
    background-image: var(--careers--ww--section--benefits--divider);
    background-position: center bottom;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 8rem;
    padding-bottom: 12.2%;
}

.body--careers--ww .section__content__benefits .article__header {
    gap: var(--spacer--m);
}

.body--careers--ww .section__content__benefits .article__header__text__title {
    padding-top: 0;
}

.body--careers--ww .section__content__something-bigger .section__content__header {
    display: flex;
    flex-direction: row;
}

.body--careers--ww .section__content__something-bigger .article.article--w-- {
    display: flex;
    justify-content: end;
}

.body--careers--ww .section__content__something-bigger .section__content__header .article__content {
    margin-top: 0;
    padding-bottom: 2.4rem;
}

.body--careers--ww .section__content__something-bigger .article__image.section__ww-logo {
    background-image: var(--careers--ww--swiper--brands--logo--ww);
    background-position: center;
    background-size: contain;
    height: 5.8rem;
    width: 21.4rem;
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--one {
    background-image: var(--careers--ww--swiper--brands--slide--one);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--two {
    background-image: var(--careers--ww--swiper--brands--slide--two);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--three {
    background-image: var(--careers--ww--swiper--brands--slide--three);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--four {
    background-image: var(--careers--ww--swiper--brands--slide--four);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--five {
    background-image: var(--careers--ww--swiper--brands--slide--five);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--six {
    background-image: var(--careers--ww--swiper--brands--slide--six);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--seven {
    background-image: var(--careers--ww--swiper--brands--slide--seven);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--eight {
    background-image: var(--careers--ww--swiper--brands--slide--eight);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--one,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--two,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--three,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--four,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--five,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--six,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--seven,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--eight {
    height: 28.1rem;
    width: 100%;
    background-size: cover;
    border-radius: .8rem;
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--one {
    background-image: var(--careers--ww--swiper--brands--logo--slide--one);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--two {
    background-image: var(--careers--ww--swiper--brands--logo--slide--two);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--three {
    background-image: var(--careers--ww--swiper--brands--logo--slide--three);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--four {
    background-image: var(--careers--ww--swiper--brands--logo--slide--four);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--five {
    background-image: var(--careers--ww--swiper--brands--logo--slide--five);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--six {
    background-image: var(--careers--ww--swiper--brands--logo--slide--six);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--seven {
    background-image: var(--careers--ww--swiper--brands--logo--slide--seven);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--eight {
    background-image: var(--careers--ww--swiper--brands--logo--slide--eight);
}

.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--one,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--two,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--three,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--four,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--five,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--six,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--seven,
.body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--eight {
    height: 7rem;
    width: 55%;
    background-size: contain;
    background-position: center;
}

.body--careers--ww .swiper-slide .article__image,
.body--careers--ww .swiper-slide .article--card .article__header__text {
    padding-left: 0;
    padding-top: 0;
}

.body--careers--ww .brandsSlider .section__content + .section__content {
    margin-top: 0;
}

.body--careers--ww .section__content__something-bigger .brandsSlider {
    overflow: inherit;
}

.body--careers--ww .section__content__something-bigger .swiper-button-next--brands:after,
.body--careers--ww .section__content__something-bigger .swiper-button-prev--brands:after {
    display: block;
    width: 3.3rem;
    height: 3.3rem;
}

.body--careers--ww .section__content__something-bigger .swiper-button-next--brands {
    margin-left: 1rem;
}

.body--careers--ww .section__content__something-bigger .swiper-button-next--brands:after {
    background-image: var(--ticker--next);
    content: "";
}

.body--careers--ww .section__content__something-bigger .swiper-button-next--brands.swiper-button-disabled:after {
    background-image: var(--ticker--next--grey);
    content: "";
}

.body--careers--ww .section__content__something-bigger .swiper-button-prev--brands.swiper-button-disabled:after {
    background-image: var(--ticker--prev);
    content: "";
}

.body--careers--ww .section__content__something-bigger .swiper-button-prev--brands:after {
    background-image: var(--ticker--prev--blue);
    content: "";
}

.body--careers--ww .section__content__something-bigger .swiper-controls__content {
    justify-content: right;
    padding-top: 3.5rem;
    padding-right: 0;
    height: 6rem;
}

.body--careers--ww .section__content__something-bigger .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--careers--ww .section__content__network .article__image {
    background-image: var(--careers--ww--network);
    min-height: 37.1rem;
    background-size: contain;
}

.body--careers--ww .section__content__network {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 4%;
}

.body--careers--ww .section__content__network .section__content--bg {
    background-color: var(--color--brand--sub-5);
    padding-bottom: 8rem;
}

.body--careers--ww .section__content__network .section__content--bg .main__wrapper {
    padding-top: 8rem;
}

.body--careers--ww .section__content__network .paragraph.g--c {
    color: var(--color--brand--sub-6);
}

/* Slider circles size */
.body--careers--ww .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.body--careers--ww .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.body--careers--ww .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.body--careers--ww .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: unset;
}

.section__content__careersww--swiper--one .swiper-controls__content {
    height: auto;
    padding-top: 4.8rem;
}

.body--careers--ww .section__content__benefits .article .article__content {
    margin-top: 0;
    flex-grow: 1;
}

.body--careers--ww .section__content__benefits .article .link__arrow {
    padding-top: 3.2rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--careers--ww .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
        padding-top: 0;
        padding-bottom: 1.8rem;
    }

    .body--careers--ww .section__content__benefits .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
        padding-top: 0;
        padding-bottom: var(--spacer--m);
    }

    .body--careers--ww .article__header__text__title.title--11 {
        padding-bottom: 2.4rem;
    }

    .body--careers--ww .article__header + * {
        margin-top: 0;
    }

    .section__content__jobs .section__content .link__arrow {
        display: flex;
        justify-content: end;
    }

    .swiper-container.storeTeamsSlider {
        overflow: inherit;
    }

    .section__content__jobs .article__content .paragraph {
        font-size: var(--font--size--00);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .body--careers--ww .section__content__network {
        height: fit-content;
    }

    .body--careers--ww .section__content__carrers--store .grid--2 .grid__item,
    .body--careers--ww .section__content__carrers--warehouse .grid--2 .grid__item,
    .body--careers--ww .section__content__carrers--digital .grid--2 .grid__item,
    .body--careers--ww .section__content__carrers--support .grid--2 .grid__item {
        padding: 0;
    }

    .body--careers--ww .section__content__carrers--store .grid--2 .grid__item:nth-of-type(2),
    .body--careers--ww .section__content__carrers--warehouse .grid--2 .grid__item.grid__image,
    .body--careers--ww .section__content__carrers--digital .grid--2 .grid__item:nth-of-type(2),
    .body--careers--ww .section__content__carrers--support .grid--2 .grid__item.grid__image {
        padding-left: 3.2rem;
    }

    .body--careers--ww .section__content__carrers--warehouse .grid--2 .grid__item.grid__text,
    .body--careers--ww .section__content__carrers--digital .grid--2 .grid__item.grid__text,
    .body--careers--ww .section__content__carrers--support .grid--2 .grid__item.grid__text {
        max-width: 47.8%;
    }

    .body--careers--ww .section__content__myself .section__buttons .section__buttons__list li:not(:last-of-type) {
        padding-right: 0;
    }

    .body--careers--ww .section__content__benefits .grid--3 .grid__item {
        padding-left: 0;
    }

    .body--careers--ww .section__content__something-bigger .article__header__text__title.title--11 {
        padding-bottom: 2.4rem;
    }

    .body--careers--ww .section__content__myself .section__buttons__list .button {
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 3.1rem;
        display: grid;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1441px) {
    .body--careers--ww .banner--main {
        height: 35rem;
    }

    .body--careers--ww .section__content__comercial {
        background-position-y: 0, 102.5%;
    }

}

@media all and (min-width:2000px) {
    .body--careers--ww .banner--main {
        height: 60rem;
    }
}

@media all and (min-width:751px) {
    .body--careers--ww .section__content__something-bigger .article__footer {
        position: relative;
        top: -5.5rem;
    }

    .section__content__careersww--swiper--one .swiper-button-next,
    .section__content__careersww--swiper--one .swiper-button-prev {
        margin-top: unset;
    }

    .body--careers--ww .section__content__benefits .article {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--careers--ww .section__content__benefits .article {
        display: block;
    }

    .body--careers--ww .section__content__careersww--swiper--one .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--careers--ww .section__content__careersww--swiper--one .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--careers--ww .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--careers--ww .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--careers--ww .grid>.grid__item {
        padding-left: 0;
    }

    .body--careers--ww .section__buttons .section__buttons__list li {
        margin-left: 0;
        margin-right: 0;
    }

    .body--careers--ww .section__content__carrers--warehouse .section__content--bg .main__wrapper,
    .body--careers--ww .section__content__carrers--support .section__content--bg .main__wrapper,
    .body--careers--ww .section__content__carrers--digital .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--careers--ww .section__content__carrers--store .section__image--carrers--store, .body--careers--ww .section__content__carrers--warehouse .section__image--carrers--warehouse, .body--careers--ww .section__content__carrers--digital .section__image--carrers--digital, .body--careers--ww .section__content__carrers--support .section__image--carrers--support {
        min-height: 22.4rem;
        width: 100%;
    }

    .body--careers--ww .storeTeams .grid--2 .grid__item:first-of-type {
        max-width: inherit;
    }

    .body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-one, .body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-two, .body--careers--ww .section__content__careersww--swiper--one .section__image__careersww--slider-three {
        height: 22.4rem;
        width: 100%;
    }

    .body--careers--ww .section__content__careersww--swiper--one .article__footer.visibility--only-mobile {
        display: flex;
        justify-content: center;
        margin-top: 3.2rem;
    }

    .body--careers--ww .section__content__careersww--swiper--one .swiper-controls__content {
        margin-top: 0;
    }

    .body--careers--ww .section__content__careersww--swiper--one {
        padding-top: 9.7%;
        padding-bottom: 12vw;
    }

    .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard1, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard2, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard3, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard4, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard5, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard6, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard7, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard8, .body--careers--ww .section__content__myself--cards .section__image__iSeeMyselfCard9 {
        height: 22.4rem;
        width: 100%;
    }

    .body--careers--ww .section__content__myself .article__header--top h3,
    .body--careers--ww .section__content__myself--cards .article__header--top h3 {
        padding: 0;
    }

    .body--careers--ww .section__content__myself .article__content {
        margin-top: 0;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    .body--careers--ww .list-controls__sort.visibility--only-mobile {
        justify-content: center;
        padding-bottom: 3.2rem;
    }

    .body--careers--ww .list-controls__sort .dropdown .dropdown__select {
        height: var(--fields--height);
        padding-top: calc(var(--fields--padding--v) - var(--fields--border--width));
        padding-right: calc(var(--fields--padding--h) - var(--fields--border--width) + var(--fields--icon--width));
        padding-bottom: calc(var(--fields--padding--v) - var(--fields--border--width));
        padding-left: calc(var(--fields--padding--h) - var(--fields--border--width));
        line-height: calc(var(--fields--height) - (var(--fields--padding--v) * 2));
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        border-radius: var(--fields--border--radius);
        border-width: var(--fields--border--width);
        border-style: solid;
        border-color: var(--fields--border--color);
        width: 100%;
        max-width: 100%;
        background-color: var(--fields--background--color);
        font-family: var(--fields--font);
        font-size: var(--fields--font--size);
        font-weight: 400;
        font-style: normal;
        color: var(--fields--font--color);
        opacity: 1;
        background-image: var(--fields--icon--caret--down);
        background-position: right calc(-1 * var(--fields--border--width)) center;
        -webkit-appearance: none;
    }

    .body--careers--ww .section__content__something-bigger .section__content__header {
        flex-direction: column-reverse;
    }

    .body--careers--ww .section__content__something-bigger .article.article--w-- {
        justify-content: start;
    }

    .body--careers--ww .section__content__something-bigger .article__image.section__ww-logo {
        height: 4.3rem;
        width: 16rem;
    }

    .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--one, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--two, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--three, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--four, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--five, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--six, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--seven, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.card--slide--eight {
        height: 20rem;
        width: 100%;
    }

    .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--one, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--two, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--three, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--four, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--five, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--six, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--seven, .body--careers--ww .section__content__something-bigger .brandsSlider .article__image.logo--slide--eight {
        height: 3rem;
        width: 48%;
        margin-top: 1rem;
    }

    .body--careers--ww .brandsSlider .section__content + .section__content {
        margin-bottom: 1rem;
    }

    .body--careers--ww .section__content__something-bigger .swiper-controls__content {
        z-index: 1;
        position: relative;
    }

    .body--careers--ww .section__content__something-bigger .article__footer {
        position: relative;
        bottom: 5.5rem;
        z-index: 5;
        max-width: 18rem;
    }

    .body--careers--ww .section__content__network .article__footer {
        display: flex;
        justify-content: center;
    }

    .body--careers--ww .section__content__network .article__image {
        min-height: 22.4rem;
        background-size: contain;
        background-position: center center;
    }

    .body--careers--ww .section__content__network .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

    .body--careers--ww .footer {
        margin-top: 0;
    }

    .body--careers--ww .section__content__careersww--swiper--one .swiper-controls__content {
        padding-top: 4.8rem;
        height: 11rem;
    }

    .body--careers--ww .section__content__stories .swiper-controls__content {
        padding-top: 3.2rem;
    }

    .body--careers--ww .section__content__stories .swiper-controls__content {
        height: 10rem;
    }

    .body--careers--ww .section__content__benefits .article__header__icon {
        padding-top: 4.8rem;
    }

    .body--careers--ww .section__content__benefits .grid__item:first-of-type .article__header__icon {
        padding-top: 3.2rem;
    }

    .body--careers--ww .section__content__benefits {
        padding-top: 0;
        padding-bottom: 4.4rem;
    }

    .body--careers--ww .section__content__benefits .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--careers--ww .section__content__something-bigger .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--careers--ww .section__content__network .section__content--bg .main__wrapper {
        padding-top: 6.4rem;
    }

    .body--careers--ww .section__content__something-bigger .section__content {
        max-height: 57rem;
    }

    .section__content__myself--cards .main__wrapper {
        padding-bottom: 6.4rem;
    }

    .body--careers--ww .section__content__stories .main__wrapper {
        padding-left: 0;
        padding-right: 0;
    }
}

/* PAGETYPES: Life at WW
   -------------------------------------------------------------------------- */
.body--life--ww .banner--main {
    height: 36rem;
    background-image: var(--banner--life--ww--background--image);
    background-position: var(--banner--background--image--position);
    background-size: var(--banner--background--image--sizing);
}

.body--life--ww .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--life--ww .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--life--ww .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--life--ww .section__content__life--video .article__header__text .title {
    color: var(--color--brand);
}

.body--life--ww .section__content__life--video .article--details .title {
    color: var(--color--brand--sub-6);
}

.body--life--ww .section__content__life--video .main__wrapper,
.body--life--ww .section__content__benefits .section__content--bg .main__wrapper,
.body--life--ww .section__content__comercial .main__wrapper,
.body--life--ww .section__content__safety .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--life--ww .section__content__life--video .embed-container {
    border-radius: .8rem;
    max-width: 114.2rem;
    max-height: 64.2rem;
}

.body--life--ww .section__content__life--video .article--details--collapsible .article--collapsible {
    padding: 2.4rem 0;
}

.body--life--ww .section__content__benefits {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 4%;
    padding-bottom: 0;
}

.body--life--ww .section__content__benefits .section__content--bg {
    background-color: var(--color--brand--sub-5);
}

.body--life--ww .section__content__comercial.swiper--one {
    background-image: var(--store--divider), var(--life--ww--swiper--one--divider--bottom);
    background-position: center top, center bottom;
      background-position-y: top, bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10%;
    padding-bottom: 9.2%;
    background-position-y: 0, 100.5%;
}

.body--life--ww .section__content__comercial.swiper--one .main__wrapper .section {
    padding-top: 0;
    padding-bottom: 0;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 {
    background-color: var(--color--white);
    border-radius: .8rem;
    height: 48rem;
    margin: 0;
}

.body--life--ww .section__content__comercial.swiper--one .grid > .grid__item {
    padding: 0;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--image {
    max-width: 70%;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content .article {
    height: 100%;
    width: fit-content;
    padding: 4.8rem 2.4rem;
    display: grid;
    grid-template-rows: min-content auto 3rem;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content .pill--secondary {
    margin: 0;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content {
    max-width: 31%;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content .title {
    color: var(--color--brand);
    line-height: 1.13;
    padding-top: 1.6rem;
    padding-bottom: 2.4rem;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content .article__content {
    color: var(--color--grey--darker);
    line-height: 1.5;
    padding-bottom: 2.4rem;
    margin: 0;
}

.body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content .link__arrow .link {
    font-size: var(--font--size--02);
    text-decoration: none;
}

.body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-one {
    background-image: var(--life--ww--swiper--one--slide--one);
}

.body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-two {
    background-image: var(--life--ww--swiper--one--slide--two);
}

.body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-three {
    background-image: var(--life--ww--swiper--one--slide--three);
}

.body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-one,
.body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-two,
.body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-three {
    height: 100%;
    width: 100%;
    background-size: cover;
    border-top-left-radius: .8rem;
    border-bottom-left-radius: .8rem;
}

.body--life--ww .section__content__safety .section__image--safety {
    background-image: var(--life--ww--safety);
    height: 37rem;
    width: 100%;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--life--ww .section__content__safety .article__header__text__title {
    padding-top: 0;
    padding-bottom: 2.4rem;
}

.body--life--ww .section__content__safety .article .article__content {
    margin-top: 0;
    padding-bottom: 2.4rem;
}

.body--life--ww .section__content__safety .article__content--checks {
    font-family: var(--font);
}

.body--life--ww .section__content__safety .article__content--checks .article__header__text__title {
    font-family: var(--font);
    font-weight: 500;
    color: var(--color--grey--darker);
    padding-bottom: 2.4rem;
}

.body--life--ww .section__content__safety .grid__item.visibility--tablet-and-desktop {
    padding-left: 4rem;
}

.body--life--ww .section__content__safety .article__list--checks {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    grid-gap: 2.4rem;
}

.body--life--ww .section__content__safety .article__list--checks .tick {
    background-image: var(--life--ww--tick);
    display: inline-block;
    min-height: 2.4rem;
    min-width: 2.4rem;
    background-size: contain;
    margin-right: 1rem;
}

.body--life--ww .section__content__safety .article__list--checks li {
    display: flex;
}

.body--life--ww .section__content__comercial.swiper--two {
    background-image: var(--life--ww--swiper--two--divider--top), var(--life--ww--swiper--two--divider--bottom);
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 10%;
    padding-bottom: 10.2%;
    background-position-y: 0, 101%;
}

.body--life--ww .section__content__comercial.swiper--two .section__content--bg {
    background-color: var(--color--brand--sub-10);
}

.body--life--ww .section__content__comercial.swiper--two .storeTeams .grid--2 .grid__item:first-of-type {
    max-width: 53%;
    justify-content: start;
}

.body--life--ww .section__content__comercial.swiper--two .storeTeams .grid--2 .grid__item:nth-of-type(2) {
    max-width: 46%;
}

.body--life--ww .section__content__comercial.swiper--two .button {
    min-width: 23.3rem;
    padding-top: unset;
    padding-bottom: unset;
}

.body--life--ww .section__content__comercial.swiper--two .button .fa-angle-right {
    font-size: 3rem;
    margin-left: 1rem;
  }

.body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-one {
    background-image: var(--life--ww--swiper--two--slide--one);
}

.body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-two {
    background-image: var(--life--ww--swiper--two--slide--two);
}

.body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-three {
    background-image: var(--life--ww--swiper--two--slide--three);
}

.body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-one,
.body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-two,
.body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-three {
    height: 37rem;
    width: 55.5rem;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--life--ww .section__content__posts {
    background-image: var(--benefits--background--image);
    background-position: center bottom;
    background-size: contain;
    height: fit-content;
    padding-bottom: 4.2%;
}

.body--life--ww .section__content__posts .section__content--bg {
    background-color: var(--color--brand--sub-5);
    margin-top: 0;
    padding-bottom: 6rem;
}

.body--life--ww .article__header__image--store {
    background-image: var(--life--ww--opportunities--store);
}

.body--life--ww .article__header__image--distribution {
    background-image: var(--life--ww--opportunities--distribution);
}

.body--life--ww .article__header__image--support {
    background-image: var(--life--ww--opportunities--support);
}

.body--life--ww .section__content__network .article__image {
    background-image: var(--life--ww--network);
    min-height: 37.1rem;
    background-size:contain;
}

.body--life--ww .section__content__network {
    padding-top: 8rem;
}

.body--life--ww .section__content__life--video .article__content {
    padding-top: 1.8rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--life--ww .section__content__network {
        height: fit-content;
    }

    .body--life--ww .section__content__life--video .article__header__text__title {
        padding-bottom: 4.8rem;
    }

    .body--life--ww .section__content__life--video .grid__item {
        margin-top: 0;
    }

    .body--life--ww .section__content__comercial.swiper--one .swiper-container.storeTeams {
        margin-top: 0;
        padding-top: 4.8rem;
    }

    .body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--image {
        max-height: 48rem;
    }

    .body--life--ww .section__content__comercial.swiper--one .swiper-container.storeTeams .swiper-wrapper {
        padding-bottom: 0;
    }

    .body--life--ww .swiper-controls__content {
        height: 11rem;
        padding-top: 4.8rem;
    }

    .body--life--ww .section__content__safety .grid .grid__item:nth-last-of-type(2) {
        max-width: 49%;
    }

    .body--life--ww .section__content__posts .grid.grid--3 {
        grid-gap: 3.1rem;
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .body--life--ww .article--card {
        display: grid;
        grid-template-rows: 1fr .6fr .5fr;
    }

    .body--life--ww .section__content__posts .grid__item {
        max-width: 31%;
    }

    .body--life--ww .section__content__posts .grid__item {
        padding-top: 4.8rem;
        padding-left: 0;
        padding-right: 0;
        display: grid;
    }

    .body--life--ww .section__content__network .grid .grid__item:first-of-type {
        display: flex;
        justify-content: center;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1441px) and (max-width:1999px) {
    .body--life--ww .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px) {
    .body--life--ww .banner--main {
        height: 60rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--life--ww .section__content__comercial .section__content--bg > .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 4.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--life--ww .section__content__comercial .swiper-slide > .grid {
        margin-left: unset;
    }

    .body--life--ww .section__content__comercial .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--life--ww .section__content__comercial.swiper--one .swiper-slide > .grid >.grid__item .article {
        background-color: var(--color--white);
    }

    .body--life--ww .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--life--ww .storeTeams .swiper-pagination--careersAtWWSlider,
    .body--life--ww .section__content__benefits .swiper-pagination--benefits {
        margin-top: .6rem;
        margin-left: 3rem;
        margin-right: 3rem;
    }

    .body--life--ww .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--life--ww .section__content__benefits .section__footer {
        text-align: left;
    }

    .body--life--ww .section__content__benefits .swiper-container.sliderBenefits {
        overflow: visible;
    }

    .body--life--ww .section__content__life--video .main__wrapper,
    .body--life--ww .section__content__benefits .section__content--bg .main__wrapper,
    .body--life--ww .section__content__comercial .main__wrapper,
    .body--life--ww .section__content__safety .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--life--ww .section__content__comercial.swiper--one {
        padding-bottom: 9.8%;
        background-position-y: 0, 100%;
    }

    .body--life--ww .section__content__comercial.swiper--one .section__header__text__title {
        padding-bottom: 3.2rem;
        max-width: 30rem;
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }

    .body--life--ww .section__content__comercial.swiper--one .grid.grid--2 {
        min-height: 65.6rem;
        flex-direction: column;
        background: transparent;
    }

    .body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--image {
        max-width: inherit;
        min-height: 31%;
    }

    .body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item.visibility--only-mobile {
        padding-top: 2.4rem;
    }

    .body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content {
        max-width: inherit;
    }

    .body--life--ww .section__content__comercial.swiper--one .swiper-slide.section__content,
    .body--life--ww .section__content__posts .swiper-slide.section__content {
        margin-top: 0;
    }

    .body--life--ww .section__content__comercial.swiper--one .grid.grid--2 .grid__item--content .article {
        padding: 2.4rem;
        border-bottom-right-radius: .8rem;
        border-bottom-left-radius: .8rem;
    }

    .body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-one, .body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-two, .body--life--ww .section__content__comercial.swiper--one .section__image__happening--slider-three {
        border-top-left-radius: .8rem;
        border-bottom-left-radius: 0;
        border-top-right-radius: .8rem;
    }

    .body--life--ww .swiper-controls__content {
        margin-top: 2.8rem;
    }

    .body--life--ww .section__content__safety .section__image--safety {
        height: 22.4rem;
        width: 100%;
    }

    .body--life--ww .section__content__safety .grid__item:nth-of-type(2) {
        padding-top: 3.2rem;
    }

    .body--life--ww .section__content__safety .article .article__content {
        padding-bottom: 3.2rem;
    }

    .body--life--ww .section__content__safety .article__list--checks {
        display: flex;
        flex-direction: column;
    }

    .body--life--ww .section__content__comercial.swiper--two .storeTeams .grid--2 .grid__item:nth-of-type(2) {
        max-width: inherit;
    }

    .body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-one, .body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-two, .body--life--ww .section__content__comercial.swiper--two .section__image__inclusion--slider-three {
        height: 22.4rem;
        width: 100%;
    }

    .body--life--ww .section__content__comercial.swiper--two .article__footer.visibility--only-mobile {
        display: flex;
        justify-content: center;
        margin-top: 3.2rem;
    }

    .body--life--ww .section__content__comercial.swiper--two {
        padding-bottom: 8.2%;
    }

    .section__content__comercial .section__content--bg .section {
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--life--ww .section__content__posts {
        padding-top: 0;
        margin-top: 0;
    }

    .body--life--ww .section__content__network {
        padding-top: 6.4rem;
    }

    .body--life--ww .section__content__network .grid__item:first-of-type {
        padding-top: 0;
    }

    .body--life--ww .section__content__posts .section__content--bg .main__wrapper {
        margin-top: 0;
    }

    .body--life--ww .section__content__posts .article--card {
        min-height: 45rem;
        margin-top: 3.2rem;
    }

    .body--life--ww .swiper-slide .article--card .article__content {
        padding-top: 1.2rem;
        margin-left: 2.4rem;
        margin-right: 2.4rem;
        border-top: none;
    }

    .body--life--ww .section__content__posts .article--card .article__header .article__header__text__title.title.title--05 {
        font-size: 2.4rem;
        max-width: 100%;
        overflow: hidden;
        white-space: unset;
        text-overflow: inherit;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: unset;
        height: fit-content;
    }

    .body--life--ww .section__content__posts .swiper-slide .article--card .article__header__text {
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        padding-top: 2.4rem;
    }

    .body--life--ww .section__content__network .article__footer {
        display: flex;
        justify-content: center;
    }

    .body--life--ww .section__content__network .article__image {
        min-height: 22.4rem;
        background-size: contain;
        background-position: center center;
    }

    .body--life--ww .section__content__network .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

}

/* PAGETYPES: Benefits
   -------------------------------------------------------------------------- */
.body--benefits .article:not(.article--view-more--aside) .article__header__text .article__header__text__title {
    padding-top: 0;
}

.body--benefits .banner--main {
    height: 35rem;
    background-image: var(--banner--benefits--image);
    background-position: var(--banner--background--image--position);
    background-size: var(--banner--background--image--sizing);
}

.body--benefits .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--benefits .article:not(.article--collapsible) + .article--collapsible {
    margin-top: 0;
}

.body--benefits .article--details .article__header + .article__content {
    margin-top: 0;
}

.body--benefits .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--benefits .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.body--benefits .paragraph.p--b {
    color: var(--color--brand--sub-6);
    font-weight: 600;
    padding-top: 4rem;
    padding-bottom: 1.6rem;
}

.body--benefits .paragraph--content .paragraph.g--c:first-of-type {
    padding-top: 1.6rem;
    padding-bottom: 3.2rem;
}

.body--benefits .grid__item .article--details--collapsible {
    margin-top: 3.2rem;
}

.body--benefits .section__content .article--details .title {
    color: var(--color--brand--sub-6);
}

.body--benefits .paragraph {
    padding-bottom: 0;
}

.body--benefits .section__content__succes .main__wrapper,
.body--benefits .section__content__health .main__wrapper,
.body--benefits .section__content__career--development .main__wrapper,
.body--benefits .section__content__perks .main__wrapper,
.body--benefits .section__content__benefitsSwiper .main__wrapper {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.body--benefits .section__content__succes .section__image--succes {
    background-image: var(--image--benefits--one);
    border-radius: 1.6rem;
    min-height: 37rem;
    width: 100%;
    background-size: cover;
}

.body--benefits .section__content__health {
    background-image: var(--brands--background--image), var(--benefits--background--image);
    background-position: center top;
    background-size: contain;
    height: fit-content;
    padding-top: 4%;
    padding-bottom: 4%;
    background-position-y: 0, 100.5%;
}

.body--benefits .section__content__perks {
    background-image: var(--brands--background--image);
    background-position: center top;
    background-size: contain;
    height: fit-content;
    padding-top: 4%;
}

.body--benefits .section__content__health .section__content--bg,
.body--benefits .section__content__perks .section__content--bg {
    background-color: var(--color--brand--sub-5);
}

.body--benefits .section__content__health .section__image--health {
    background-image: var(--image--benefits--two);
    border-radius: 1.6rem;
    min-height: 37rem;
    width: 100%;
    background-position: right;
    background-size: cover;
}

.body--benefits .section__content__perks .section__image--perks {
    background-image: var(--image--benefits--four);
    border-radius: 1.6rem;
    min-height: 37rem;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.body--benefits .section__content__health .article__content,
.body--benefits .section__content__perks .article__content {
    margin-top: 0;
    padding-bottom: 3.2rem;
}

.body--benefits .section__content__health .article__content--grid,
.body--benefits .section__content__perks .article__content--grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, auto);
    grid-gap: 3.2rem;
    padding-bottom: 3.2rem;
}

.body--benefits .section__content__health .article--block .title,
.body--benefits .section__content__perks .article--block .title {
    color: var(--color--brand);
}

.body--benefits .section__content__health .paragraph.g--c,
.body--benefits .section__content__perks .paragraph.g--c {
    color: var(--color--brand--sub-6);
}

.body--benefits .section__content__health .article--block .pill::before,
.body--benefits .section__content__perks .article--block .pill::before,
.body--benefits .section__content__perks .article .pill::before,
.body--benefits .section__content__career--development .article--details .pill::before {
    background-image: var(--benefits--location--pill);
    content: "";
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    position: relative;
    bottom: 0.2rem;
}

.body--benefits .section__content__health .article--block .pill--location,
.body--benefits .section__content__perks .article--block .pill--location,
.body--benefits .section__content__career--development .article--details .pill--location {
    display: block;
    --matching--background--color: #e7e7e9;
    color: var(--color--brand--sub-6);
    margin: 1.6rem 0;
    padding-top: .4rem;
    max-height: 2.4rem;
}

.body--benefits .section__content__career--development .article--details .article__content__view__field__value:first-of-type {
    padding-bottom: 3.2rem;
}

.body--benefits .section__content__career--development .section__image--career--development {
    background-image: var(--image--benefits--three);
    border-radius: 1.6rem;
    min-height: 37rem;
    width: 100%;
    background-size: cover;
}

.body--benefits .article__content__view .pill.pill--secondary.pill--location {
    margin-bottom: 0;
}

.body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-one {
    background-image: var(--image--benefits--slider--one);
}

.body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-two {
    background-image: var(--image--benefits--slider--two);
}

.body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-three {
    background-image: var(--image--benefits--slider--three);
}

.body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-one,
.body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-two,
.body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-three {
    height: 39.4rem;
    width: 100%;
    padding-left: 0;
    background-size: cover;
    border-radius: 1.6rem;
}

.body--benefits .section__content__benefitsSwiper {
    background-image: var(--image--benefits--divider--top), var(--life--ww--swiper--one--divider--bottom);
    background-position: center top, center bottom;
    background-size: contain, contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 11%;
    padding-bottom: 8.5%;
    background-position-y: 0, 102%;
}

@media all and (max-width:1500px) {
    .body--benefits .section__content__benefitsSwiper {
        padding-bottom: 9.3vw;
        background-position-y: 0, 100%;
    }
}

.body--benefits .section__content__benefitsSwiper .section__content--bg {
    background-color: var(--color--brand--sub-10);
    color: var(--color--white);
}

.body--benefits .section__content__benefitsSwiper .article__caption {
    font-size: var(--font--size--00);
    padding-top: 2.4rem;
}

.body--benefits .section__content__benefitsSwiper .article__content p {
    line-height: 1.5;
}

.body--benefits .grid--2 {
    margin-left: 0;
}

.body--benefits .benefitsDesktop .grid--2 .grid__item:nth-of-type(2) {
    max-width: 44%;
}

.section__content__benefitsSwiper .article__header {
    flex-direction: column;
}

.section__content__benefitsSwiper .article__header--top .title {
    line-height: 1.42;
}

.section__content__benefitsSwiper .article__content p {
    line-height: 1.5;
}

.benefitsDesktop .grid > .grid__item {
    flex: auto;
}

.section__content__benefitsSwiper .swiper-pagination-bullet {
    border-color: var(--color--white);
    opacity: 1;
}

.section__content__benefitsSwiper .swiper-pagination-bullet-active {
    background-color: var(--color--white);
    opacity: 1;
}

.section__content__benefitsSwiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: none;
}

.body--benefits .section__content__talent {
    background-image: none;
    padding-top: 0;
}

.body--benefits .section__content__talent .main__wrapper {
    padding-top: 8rem;
}

.body--benefits .section__content__talent .paragraph {
    color: var(--color--grey--darker);
}

.body--benefits .section__content__talent .article__image {
    background-image: var(--image--benefits--network);
    min-height: 37.1rem;
}

@media all and (max-width:1024px) {
    .body--benefits .main .grid >.grid__item:not(.grid__item--article--right, .grid__item--right) {
        padding-left: 0;
    }

    .body--benefits .section__content__succes .grid--2 {
        flex-direction: column;
    }
}
/* Media query to target only tablet */
@media all and (min-width:751px) and (max-width:1024px){
    .body--benefits .section__content__health .grid > .grid__item:last-child,
    .body--benefits .section__content__perks .grid > .grid__item:last-child {
        padding-left: var(--spacer--m);
    }
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--benefits .section__content__succes .section__image--succes {
        width: 100%;
    }

    .body--benefits .section__content__succes .grid--2 .grid__item:nth-of-type(2),
    .body--benefits .section__content__career--development .grid--2 .grid__item:nth-of-type(2) {
        padding-left: 4rem;
    }

    .body--benefits .section__content__health .grid--2 .grid__item.visibility--tablet-and-desktop,
    .body--benefits .section__content__perks .grid--2 .grid__item.visibility--tablet-and-desktop {
        padding-left: 4rem;
    }

    .body--benefits .section__content__health .grid--2 .grid__item:nth-of-type(2),
    .body--benefits .section__content__perks .grid--2 .grid__item:nth-of-type(2) {
        padding-left: 0;
        max-width: 47%;
    }

    .body--benefits .benefitsDesktop .grid--2 .grid__item:first-of-type {
        max-width: 51%;
    }

    .body--benefits .benefitsDesktop .grid--2 .grid__item:nth-of-type(2) {
        padding-left: 4rem;
    }

    .body--benefits .benefitsDesktop .swiper-slide .article__image {
        padding-left: 0;
        padding-top: 0;
    }

    .body--benefits .section__content__benefitsSwiper .article__content p {
        font-size: var(--font--size--02);
    }

    .body--benefits .section__content__benefitsSwiper .swiper-controls__content {
        height: 11rem;
        padding-top: 4.8rem;
    }

    .body--benefits .section__content__talent .grid .grid__item:first-of-type {
        display: flex;
        justify-content: center;
    }

    .body--benefits .section__content__talent .article__footer {
        margin-top: 0;
        padding-top: 3.2rem;
    }
}

@media all and (min-width:1441px) and (max-width:1999px) {
    .body--benefits .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px) {
    .body--benefits .banner--main {
        height: 60rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--benefits .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--benefits .main .grid >.grid__item {
        padding-left: 0;
    }

    .body--benefits .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .body--benefits .banner__text--content:not(.banner__text--content--home) .banner__wrapper .banner__text__title {
        padding-bottom: 1.6rem;
    }

    .body--benefits .section__content__succes .main__wrapper,
    .body--benefits .section__content__health .main__wrapper,
    .body--benefits .section__content__career--development .main__wrapper,
    .body--benefits .section__content__perks .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--benefits .section__content__health {
        padding-bottom: 3%;
    }

    .body--benefits .section__content__health .benefitsSlider .pill--location, .body--benefits .section__content__perks .benefitsSlider .pill--location {
        display: block;
        --matching--background--color: #e7e7e9;
        color: var(--color--brand--sub-6);
        margin-bottom: 1.6rem;
        margin-top: 0;
        padding-top: .6rem;
    }

    .body--benefits .benefitsSlider .section__content {
        margin-top: 0;
    }

    .body--benefits .swiper-container.benefitsSlider {
        overflow: inherit;
    }

    .body--benefits .section__content__health .swiper-container .article__content {
        margin-top: 0;
        padding-bottom: 0;
    }

    .body--benefits .section__content__health .grid__item,
    .body--benefits .section__content__perks .grid__item {
        padding-top: 0rem;
    }

    .body--benefits .section__content__health .grid__item .article__content,
    .body--benefits .section__content__perks .grid__item .article__content {
        padding-top: 2.4rem;
        padding-bottom: 3.2rem;
    }

    .body--benefits .section__content__health .grid__item .benefitsSlider .article__content {
        padding-top: 1.6rem;
        padding-bottom: 0;
    }

    .body--benefits .section__content__perks .grid__item .benefitsSlider .article__content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--benefits .section__content__health .grid__item:first-of-type,
    .body--benefits .section__content__perks .grid__item:first-of-type {
        padding-bottom: 4rem;
    }

    .body--benefits .section__content__health .article__header--top h3,
    .body--benefits .section__content__perks .article__header--top h3 {
        padding: 0;
    }

    .body--benefits .section__content__perks .article__content {
        padding-bottom: 0;
    }

    .body--benefits .section__content__perks .benefitsSlider .pill--location {
        margin-top: 1.6rem;
    }

    .body--benefits .section__content__health .grid__item .benefitsSlider .title.title--07,
    .body--benefits .section__content__perks .grid__item .benefitsSlider .title.title--07 {
        font-size: var(--font--size--06);
    }

    .body--benefits .grid__item .article--details--collapsible {
        margin-top: 4.8rem;
    }

    .body--benefits .benefitsSlider .swiper-button-next--benefits:after,
    .body--benefits .benefitsSlider .swiper-button-prev--benefits:after {
        display: block;
        width: 3.3rem;
        height: 3.3rem;
    }

    .body--benefits .benefitsSlider .swiper-button-next--benefits {
        margin-left: 1rem;
    }

    .body--benefits .benefitsSlider .swiper-button-next--benefits:after {
        background-image: var(--ticker--next);
        content: "";
    }

    .body--benefits .benefitsSlider .swiper-button-next--benefits.swiper-button-disabled:after {
        background-image: var(--ticker--next--grey);
        content: "";
    }

    .body--benefits .benefitsSlider .swiper-button-prev--benefits.swiper-button-disabled:after {
        background-image: var(--ticker--prev);
        content: "";
    }

    .body--benefits .benefitsSlider .swiper-button-prev--benefits:after {
        background-image: var(--ticker--prev--blue);
        content: "";
    }

    .body--benefits .benefitsSlider .swiper-controls__content {
        justify-content: right;
        padding-top: 3.2rem;
        padding-bottom: 0;
        height: 6.5rem;
    }

    .body--benefits .benefitsDesktop .grid--2 .grid__item:first-of-type {
        max-width: inherit;
    }

    .body--benefits .benefitsDesktop .grid--2 .grid__item:nth-of-type(2) {
        max-width: inherit;
    }

    .body--benefits .section__content__succes .section__image--succes,
    .body--benefits .section__content__health .section__image--health,
    .body--benefits .section__content__career--development .section__image--career--development,
    .body--benefits .section__content__perks .section__image--perks {
        min-height: 22.4rem;
        width: 100%;
    }

    .body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-one, .body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-two, .body--benefits .section__content__benefitsSwiper .section__image__benefitsSwiper--slider-three {
        max-height: 22.4rem;
        width: 100%;
        padding-left: 0;
        padding-top: 0;
    }

    .body--benefits .section__content__benefitsSwiper {
        padding-bottom: 9.3vw;
        padding-top: 10vw;
        background-position-y: 0, 100%;
    }

    .body--benefits .section__content__benefitsSwiper .article__caption {
        padding-top: 2.4rem;
        padding-bottom: 1rem;
    }

    .body--benefits .section__content__talent .article__header__text__title {
        line-height: 1.13;
    }

    .body--benefits .swiper-container.benefitsSlider {
        padding-bottom: 3.2rem;
    }

    .body--benefits .section__content__benefitsSwiper .swiper-controls__content {
        height: 11rem;
        padding-top: 4.8rem;
    }

    .body--benefits .section__content__talent .grid__item {
        padding-top: 0;
    }

    .body--benefits .section__content__talent .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
    }

    .body--benefits .section__content__talent .article__content {
        margin-top: 0;
        padding-top: 2.4rem;
    }

    .body--benefits .section__content__talent .article__footer {
        margin-top: 0;
        padding: 3.2rem 0;
    }

    .body--benefits .footer {
        margin-top: 0;
    }

    .body--benefits .section__content__benefitsSwiper .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 6.4rem;
        padding-left: 0;
        padding-right: 0;
    }

    .body--benefits .section__content__benefitsSwiper .swiper-slide > .grid >.grid__item {
        padding-left: 1.8rem;
        padding-right: 1.8rem;
    }
}

/* PAGETYPES: FAQ
   -------------------------------------------------------------------------- */
.body--faq .banner--main {
    height: 35rem;
    background-image: var(--banner--faq--image);
    background-size: var(--banner--background--image--sizing);
}

.body--faq .article__header__text__subtitle {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--02);
    font-weight: 500;
    padding-bottom: 2rem;
}

.body--faq .paragraph.g--c {
    color: var(--color--grey--darker);
}

.body--faq .paragraph.g--b {
    color: var(--color--brand--sub-6);
}

.section__content__faq .section_tabs {
    display: flex;
    justify-content: center;
    padding: 6.4rem 0;
}

.section__content__faq .section_tabs .section__header {
    max-width: 64rem;
}

.section__content__faq .section_tabs .section__header .tabs__list .tabs__list__item {
    font-size: var(--font--size--01);
}

.section__content__faq .section_tabs .section__header .tabs__list .tabs__list__item--active:hover {
    background-color: inherit;
    border-bottom: inherit;
    color: inherit;
}

.section__content__faq .section_tabs .section__header .tabs__list .tabs__list__item:hover {
    background-color: var(--color--brand--sub-13);
    border-bottom: .1rem solid var(--color--brand);
    color: var(--color--brand--sub-6);
    padding-bottom: .9rem;
}

.section__content__faq .section--tab-task .grid .grid__item {
    padding-left: 9rem;
    padding-right: 9rem;
    padding-bottom: 8rem;
}

.section__content__faq .section--tab-task .item__view.title {
    color: var(--color--brand);
}

.section__content__faq .section--tab-task .article--details {
    border-bottom: .1rem solid var(--color--grey--light);
    padding: 2.4rem 0;
}

.section__content__faq .section--tab-task .article--details .toggle__icon {
    color: var(--color--brand--sub-6);
}

.section__content__faq .article__header:not(.article__header--center) .article__header__actions {
    margin-top: 0rem;
}

.section__content__faq .section--tab-task .article--details .toggle__icon::after {
    font-size: 2.4rem;
    position: relative;
    bottom: .3rem;
}

.section__content__faq .section--tab-task .article--details .toggle {
    justify-content: end;
}

.section__content__faq .section--tab-task .article--details .article__header .article__header__text__title {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--03);
}

.section__content__faq .section--tab-task .article--details .article__header__text__title {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--03);
}

.body--faq .section__content__network {
    background-image: var(--career--pathways--divider);
    background-position: center top;
    background-size: contain;
    background-color: inherit;
    height: fit-content;
    padding-top: 12rem;
}

.body--faq .section__content__network .grid .grid__item:first-of-type {
    display: flex;
    justify-content: center;
}

.body--faq .section__content__network .article__image {
    background-image: var(--faq--network);
    min-height: 37.1rem;
}

.body--faq .section__content__network .main__wrapper {
    padding-top: 8rem;
}

/* Media query to target only desktop */
@media all and (min-width:1025px) {
    .body--faq .section__content__faq .main__wrapper {
        padding-top: 6.4rem;
        padding-bottom: 8rem;
    }

    .body--faq .section__content__faq .section_tabs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .body--faq .section--dashboard.section--tab-task {
        margin-top: 0;
    }

    .body--faq .section--dashboard.section--tab-task .grid .grid__item:first-of-type {
        padding-top: 6.4rem;
        padding-bottom: 0;
    }

    .body--faq .section--dashboard.section--tab-task .grid__item .section.js_views {
        margin-top: 0;
        padding-top: 1.6rem;
    }

    .body--faq .section__content__network .article__content,
    .body--faq .section__content__network .article__footer {
        margin-top: 0;
    }

    .body--faq .section__content__network .article__content .paragraph.g--c {
        padding-top: 2.4rem;
        padding-bottom: 3.2rem;
        max-width: 54.3rem;
    }
}

/* Media query to target only desktop */
@media all and (min-width:1441px) and (max-width:1999px) {
    .body--faq .banner--main {
        height: 35rem;
    }
}

@media all and (min-width:2000px) {
    .body--faq .banner--main {
        height: 60rem;
    }
}

/* Media query to target only mobile */
@media all and (max-width:750px) {
    .body--faq .banner--main {
        height: 15rem;
        min-height: 13rem;
        background-position: bottom;
    }

    .body--faq .title--banner {
        text-align: left;
        letter-spacing: -0.1rem;
        margin-top: var(--spacer--l);
        line-height: 5rem;
    }

    .section__content__faq .section--tab-task .grid .grid__item {
        padding-left: var(--grid--columns--gap);
        padding-right: inherit;
        padding-bottom: 6.4rem;
    }

    .section__content__faq .section--tab-task .article--details .article__header .article__header__text__title {
        font-size: var(--font--size--01);
    }

    .section__content__faq .section--tab-task .article--details .toggle__icon::after {
        font-size: var(--font--size--03);
    }

    .body--faq .section__content__network .main__wrapper {
        padding-top: 6.4rem;
    }

    .body--faq .section__content__network {
        padding-top: 5rem;
    }

    .body--faq .section__content__network .article__footer {
        display: flex;
        justify-content: center;
    }

    .body--faq .section__content__network .paragraph.g--c {
        font-size: var(--font--size--02);
        line-height: 1.56;
    }

    .body--faq .section__content__network .article__image {
        min-height: 22.4rem;
        background-size: contain;
        background-position: center center;
    }

    .body--faq .tabs__placeholder {
        visibility: hidden;
        height: 0;
        overflow: hidden;
    }

    .body--faq .tabs.tabs--open .tabs__list {
        display: inherit;
        left: inherit;
    }

    .body--faq .tabs .tabs__list {
        display: inherit;
        position: inherit;
        top: 0;
        left: 0;
        z-index: inherit;
        border-width: 0;
        border-bottom: 0.15rem solid #e7e7e9;
        background-color: none;
    }

    .body--faq .tabs__list__item:first-of-type {
        padding: var(--spacer--s) var(--spacer--m);
    }

    .body--faq .tabs__list__item {
        min-width: fit-content;
    }

    .body--faq .tabs__list.clearfix {
        display: flex;
        overflow-x: scroll;
    }

    .body--faq .section__content__faq .tabs__list__item {
        font-size: var(--font--size--01);
    }

    .body--faq .section__content__faq .tabs__list__item:hover {
        background-color: var(--color--brand--sub-13);
        border-bottom: .1rem solid var(--color--brand);
        color: var(--color--brand--sub-6);
    }

    .body--faq .tabs__list__item--active {
        border-bottom: .3rem solid var(--color--brand);
        font-weight: var(--font--weight--bold);
    }

    .body--faq .section__content__faq .section_tabs {
        padding: 3.2rem 0;
    }

    .body--faq .section--dashboard,
    .body--faq .section--dashboard .grid .section.js_views {
        margin-top: 0;
    }

    .body--faq .section--dashboard .grid .item__view.title {
        padding-bottom: 1.6rem;
    }

    .section__content__faq .section--tab-task .article--details {
        padding: 1.6rem 0;
    }

    .section__content__faq .article--details .article__content__view__field {
        padding-bottom: 1.6rem;
    }

    .body--faq .section__content__network .grid .grid__item {
        padding-top: 0;

    }

    .body--faq .section__content__network .article__footer {
        margin-top: 0;
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;

    }
}

/* UTILITIES: XXX
   -------------------------------------------------------------------------- */

/* Recommended jobs list text behaviour */
.recommendedJobsLink {
    text-decoration: none;
}

/* UTILITIES: CSS For Views
   -------------------------------------------------------------------------- */

.section--title--11 .article__header__text .article__header__text__title.title {
    color: var(--color--brand);
    font-size: var(--font--size--11);
    font-weight: 600;
    padding: var(--spacer--m) 0;
}

.section--title--09 .article__header__text .article__header__text__title.title {
    color: var(--color--brand--sub-6);
    font-size: var(--font--size--09);
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 1.6rem;
}

.article__content__view .pill.pill--secondary.pill--location .article__content__view__field__value {
    display: inline-block;
}

.article--collapsible.article--details .toggle--details .toggle__icon::after {
    color: var(--color--brand--sub-6);
    font-size: 2.4rem;
    position: relative;
    bottom: -.1rem;
}

.body:not(.body--profile) .article--collapsible.article--details .article__header__text__title {
    font-size: var(--font--size--01);
}

.article--collapsible.article--details .article__content__view .article__content__view__field.paragraph .article__content__view__field__value {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}

.article--collapsible .article__header:not(.article__header--center) .article__header__actions {
    margin-top: 0;
}

.body:not(.body--profile) .section.js_views .section__content .article--details.article--collapsible {
    border-top: .1rem solid var(--color--grey--light);
    padding: 1.6rem 0;
}

.section.js_views .section__content .article--details.article--collapsible:last-child {
    border-bottom: .1rem solid var(--color--grey--light);
}

.article:not(.article--collapsible) + .article--collapsible {
    margin-top: 0;
}

.article--details .article__header + .article__content {
    margin-top: 0;
}

/* FIREFOX FIXES
----------------------------------------------------------------- */

/* HOME */
.body--Firefox.body--home .swiper-controls__content .swiper-button-next,
.body--Firefox.body--home .swiper-controls__content .swiper-button-prev,
.body--Firefox.body--home .swiper-button-prev--whatItsWorkWithUs,
.body--Firefox.body--home .swiper-button-next--whatItsWorkWithUs,
.body--Firefox.body--home .swiper-button-prev--exploreOptionsSlider,
.body--Firefox.body--home .swiper-button-next--exploreOptionsSlider {
    top: 2.2rem;
}

/* CAREERS AT WW (.section__content__stories) */

.body--Firefox.body--careers--ww .section__content__stories .swiper-controls__content .swiper-button-next,
.body--Firefox.body--careers--ww .section__content__stories .swiper-controls__content .swiper-button-prev,
.body--Firefox.body--careers--ww .section__content__stories .swiper-controls__content .swiper-pagination,
.body--Firefox.body--careers--ww .section__content__stories .swiper-button-prev--whatItsWorkWithUs,
.body--Firefox.body--careers--ww .section__content__stories .swiper-button-next--whatItsWorkWithUs,
.body--Firefox.body--careers--ww .section__content__stories .swiper-button-prev--exploreOptionsSlider,
.body--Firefox.body--careers--ww .section__content__stories .swiper-button-next--exploreOptionsSlider {
    top: 2.3rem;
}

/* STORE TEAMS */

.body--Firefox.body--store--teams .section__content__supermarkets .swiper-controls__content .swiper-button-next,
.body--Firefox.body--store--teams .section__content__supermarkets .swiper-controls__content .swiper-button-prev,
.body--Firefox.body--store--teams .section__content__supermarkets .swiper-controls__content .swiper-pagination,
.body--Firefox.body--store--teams .section__content__supermarkets .swiper-button-prev--whatItsWorkWithUs,
.body--Firefox.body--store--teams .section__content__supermarkets .swiper-button-next--whatItsWorkWithUs,
.body--Firefox.body--store--teams .section__content__supermarkets .swiper-button-prev--exploreOptionsSlider,
.body--Firefox.body--store--teams .section__content__supermarkets .swiper-button-next--exploreOptionsSlider {
    top: 2.3rem;
}

/* WAREHOUSE AND ISTRIBUTION */

.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-controls__content .swiper-button-next,
.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-controls__content .swiper-button-prev,
.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-controls__content .swiper-pagination,
.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-button-prev--whatItsWorkWithUs,
.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-button-next--whatItsWorkWithUs,
.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-button-prev--exploreOptionsSlider,
.body--Firefox.body--warehouse--distribution .section__content__customer .swiper-button-next--exploreOptionsSlider {
    top: 2rem;
}

/* DIGITAL DATA AND TECHNOLOGY */

.body--Firefox.body--digital .section__content__marketing .swiper-controls__content .swiper-button-next,
.body--Firefox.body--digital .section__content__marketing .swiper-controls__content .swiper-button-prev,
.body--Firefox.body--digital .section__content__marketing .swiper-controls__content .swiper-pagination,
.body--Firefox.body--digital .section__content__marketing .swiper-button-prev--whatItsWorkWithUs,
.body--Firefox.body--digital .section__content__marketing .swiper-button-next--whatItsWorkWithUs,
.body--Firefox.body--digital .section__content__marketing .swiper-button-prev--exploreOptionsSlider,
.body--Firefox.body--digital .section__content__marketing .swiper-button-next--exploreOptionsSlider {
    top: 2.1rem;
}

/* SUPPORT CAREERS */

.body--Firefox.body--support .section__content__comercial .swiper-controls__content .swiper-button-next,
.body--Firefox.body--support .section__content__comercial .swiper-controls__content .swiper-button-prev,
.body--Firefox.body--support .section__content__comercial .swiper-controls__content .swiper-pagination,
.body--Firefox.body--support .section__content__comercial .swiper-button-prev--whatItsWorkWithUs,
.body--Firefox.body--support .section__content__comercial .swiper-button-next--whatItsWorkWithUs,
.body--Firefox.body--support .section__content__comercial .swiper-button-prev--exploreOptionsSlider,
.body--Firefox.body--support .section__content__comercial .swiper-button-next--exploreOptionsSlider {
    top: 2.1rem;
}