/*__________________________________________PEOPLE PAGE_______________________________________ */
.banner.people-scroller, .banner.people-scroller .span {
    min-height: 40em;
    overflow: hidden;
}
.banner.people-scroller::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.banner.people-scroller .scroller-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}
.banner.people-scroller .scroller-wrapper .scroller {
    width: 100%;
    height: 100%;
}
.banner.people-scroller .scroller-wrapper .scroller::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200%;
    background-image: url('/images/content/people/banner-team-250823.webp');
    background-position: 100% 0;
    background-size: auto 100%;
    background-repeat: repeat-y;
    animation: scrollingBackground 30s linear infinite;
}
.no-webp .banner.people-scroller .scroller-wrapper .scroller::before {
    background-image: url('/images/content/people/banner-team-250823.jpg');
}
@keyframes scrollingBackground {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        transform: translate3d(0, -66.66%, 0);
    }
}
.banner.people-scroller .white-btn {
    border: #fff 1px solid;
    color: #fff !important;
    text-transform: uppercase;
}
.banner.people-scroller h1 {
    font-weight: 800;
    color: #fff;
}
.banner.people-scroller h1.people-heading {
    font-size: 4rem;
}
.banner.people-scroller h1.roles-heading {
    font-size: 2.75rem;
}
.banner.people-scroller #anim-heading-1 {
    position: absolute;
    top: 8rem;
    left: 2rem;
    opacity: 0;
    animation-duration: 6s;
    animation-name: anim1;
    animation-iteration-count: infinite;
}
.banner.people-scroller #anim-heading-2 {
    position: absolute;
    top: 10rem;
    left: 0.9375rem;
    opacity: 0;
    animation-duration: 6s;
    animation-name: anim2;
    animation-iteration-count: infinite;
}
.banner.people-scroller #anim-heading-3 {
    position: absolute;
    top: 8rem;
    left: 2rem;
    opacity: 0;
    animation-duration: 6s;
    animation-name: anim3;
    animation-iteration-count: infinite;
}
@keyframes anim1 {
    0% {
        left: 2rem;
        opacity: 0;
    }
    
    7.5% {
        left: 0.9375rem;
        opacity: 1;
    }
    
    25.5% {
        left: 0.9375rem;
        opacity: 1;
    }
    
    33% {
        left: -2rem;
        opacity: 0;
    }
}
@keyframes anim2 {
    33% {
        top: 10rem;
        opacity: 0;
    }
    
    40.5% {
        top: 8rem;
        opacity: 1;
    }
    
    58.5% {
        top: 8rem;
        opacity: 1;
    }
    
    66% {
        top: 7rem;
        opacity: 0;
    }
}
@keyframes anim3 {
    66% {
        left: 2rem;
        opacity: 0;
    }
    
    73.5% {
        left: 0.9375rem;
        opacity: 1;
    }
    
    92.5% {
        left: 0.9375rem;
        opacity: 1;
    }
    
    100% {
        left: -2rem;
        opacity: 0;
    }
}
@media(min-width:48em) {
    .banner.people-scroller #anim-heading-1 {
        top: 6rem;
    }
    .banner.people-scroller #anim-heading-2 {
        top: 8rem;
    }
    .banner.people-scroller #anim-heading-3 {
        top: 6rem;
    }
    @keyframes anim2 {
        33% {
            top: 8rem;
            opacity: 0;
        }
        
        40.5% {
            top: 6rem;
            opacity: 1;
        }
        
        58.5% {
            top: 6rem;
            opacity: 1;
        }
        
        66% {
            top: 4rem;
            opacity: 0;
        }
    }
}
.banner.people-scroller .join-the-team {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 2rem;
    z-index: 1;
}
.banner.people-scroller .join-the-team h2 {
    color: #000;
    font-weight: 600;
    font-size: 1.5rem;
}
.banner.people-scroller .join-the-team .btn {
    color: #000 !important;
    font-weight: 600;
    font-size: 1rem;
}
.p-careers-at-filtermist .btn-outline::after, .p-careers-at-filtermist .btn-outline::after {
    border: rgba(0,173,239,1) 3px solid;
}
@media(min-width:48em) {
    .banner.people-scroller::before {
        background: -moz-linear-gradient(left,  rgba(0,173,239,0.65) 0%, rgba(0,173,239,0.2) 100%);
        background: -webkit-linear-gradient(left,  rgba(0,173,239,0.65) 0%,rgba(0,173,239,0.2) 100%);
        background: linear-gradient(to right,  rgba(0,173,239,0.65) 0%,rgba(0,173,239,0.2) 100%);
    }
    .banner.people-scroller .scroller-wrapper .scroller::before {
        height: 450%;
    }
    .banner.people-scroller, .banner.people-scroller .span {
        min-height: 35em;
    }
    .banner.people-scroller h1.roles-heading {
        font-size: 3.25rem;
    }
    .banner.people-scroller .join-the-team {
        top: calc(100% - 6rem);
    }
    .banner.people-scroller .join-the-team h2 {
        margin-bottom: 3rem;
    }
}
#vacancies-box.flourish {
    margin-bottom: 0 !important;
}
#vacancies-box.flourish .btn.btn-outline::after {
    display: none;
}
.p-careers-at-filtermist #filtermist-row > .span {
    padding: 0;
}
.p-careers-at-filtermist #filtermist-row img {
    height: 4rem;
}
.p-careers-at-filtermist #filtermist-row .video-list {

    list-style: none;
    padding: 0;
}
@media(min-width:48em) {
    .p-careers-at-filtermist #filtermist-row .video-list {
        display: flex;
    }
}

.p-careers-at-filtermist #filtermist-row .video-list li {
    margin-bottom: 1rem;
}
.p-careers-at-filtermist #filtermist-row .video-list li a {
    position: relative;
    padding: 1.25rem 1.50rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,0.2);
}
@media(min-width:48em) {
    .p-careers-at-filtermist #filtermist-row .video-list li {
        margin-bottom: 0;
        margin-right: 1rem;
    }
}

.p-careers-at-filtermist #filtermist-row .video-list .video-link[data-video] .thumb {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    margin: -1.25rem -1.50rem 0 -1.50rem;
    margin-bottom: 1rem;
    padding: 0 !important;
    height: 12rem;
}
.p-careers-at-filtermist #filtermist-row .video-list .video-link[data-video="great-place"] .thumb {
    background-image: url(/images/content/careers/great-place-thumb.webp);
}
.no-webp .p-careers-at-filtermist #filtermist-row .video-list .video-link[data-video="great-place"] .thumb {
background-image: url(/images/content/careers/great-place-thumb.png);
}
.p-careers-at-filtermist #filtermist-row .video-list .video-link[data-video="apprentice"] .thumb {
    background-image: url(/images/content/careers/apprentice-thumb.webp);
}
.no-webp .p-careers-at-filtermist #filtermist-row .video-list .video-link[data-video="apprentice"] .thumb {
background-image: url(/images/content/careers/apprentice-thumb.png);
}

@media(min-width:48em) {
    #vacancies-box.flourish {
        margin-top: -8rem;
        background-color: #fff;
        padding: 2.5em;
    }
}
.p-careers-at-filtermist .benefits {
    margin-top: 3rem;
}
.p-careers-at-filtermist .banner.people-scroller #gptw-logo {
    position: absolute;
    top: 0;
    right: 0.9375rem;
    z-index: 1;
    width: 7em;
}
.p-careers-at-filtermist .benefits > .span {
    padding: 0 0 2rem;
    display: flex;
}
.p-careers-at-filtermist .benefits .image-tiles {
    width: 100vw;
    height: 100vw;
    position: relative;
}
.p-careers-at-filtermist .benefits .image-tiles ul {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 50%;
    list-style: none;
}
.p-careers-at-filtermist .benefits .image-tiles ul.top-left {
    top: 0;
    left: 0;
}
.p-careers-at-filtermist .benefits .image-tiles ul.top-left img.top {
    animation-delay: 0s;
}
.p-careers-at-filtermist .benefits .image-tiles ul.top-right {
    top: 0;
    right: 0;
}
.p-careers-at-filtermist .benefits .image-tiles ul.top-right img.top {
    animation-delay: 4s;
}
.p-careers-at-filtermist .benefits .image-tiles ul.bottom-left {
    bottom: 50%;
    left: 0;
}
.p-careers-at-filtermist .benefits .image-tiles ul.bottom-left img.top {
    animation-delay: 4s;
}
.p-careers-at-filtermist .benefits .image-tiles ul.bottom-right {
    bottom: 50%;
    right: 0;
}
.p-careers-at-filtermist .benefits .image-tiles ul.bottom-right img.top {
    animation-delay: 0s;
}
.p-careers-at-filtermist .benefits .image-tiles .wrap {
    position: relative;
}
.p-careers-at-filtermist .benefits .image-tiles ul li {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.p-careers-at-filtermist .benefits .image-tiles ul li img {
    border: #fff 1px solid;
    margin: 0;
}
.p-careers-at-filtermist .benefits .image-tiles img.top {
    animation-name: fade;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
    animation-direction: alternate;
}
@keyframes fade {
    0% {
        opacity: 1;
    }
    45% {
        opacity: 1;
    }
    55% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.p-careers-at-filtermist .benefits .benefits-slideshow {
    width: 100%;
}
.p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title {
    background: rgba(0,173,239,1);
    padding: 5rem 5rem 3rem 2rem;
    border: #fff 1px solid;
}
.p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title h2 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 2.25rem;
}
.p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content > div {
    background: rgba(0,173,239,0.20);
    padding: 1.5rem;
    border: #fff 1px solid;
}
.p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content > div strong {
    font-size: 0.95rem;
}
.p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content > div p {
    margin-top: 0.5rem;
}
.p-careers-at-filtermist .benefits .prev, .p-careers-at-filtermist .benefits .next {
    position: absolute;
    bottom: calc(100% - 3.5rem);
}
.p-careers-at-filtermist .benefits .prev {
    left: 2rem;
}
.p-careers-at-filtermist .benefits .next {
    left: 6rem;
}
.p-careers-at-filtermist .benefits .prev i, .p-careers-at-filtermist .benefits .next i {
    font-family: 'Font Awesome 5 Pro';
    font-size: 2rem;
    color: rgba(255,255,255,0.5);
    cursor: pointer;
}
@media(min-width:48em) {
    .p-careers-at-filtermist .banner.people-scroller #gptw-logo {
        width: 9em;
    }
    .p-careers-at-filtermist .benefits .image-tiles {
        width: 35.97421875vw;
        height: 35.97421875vw;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow {
        width: 64.02578125vw;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title {
        width: 35.97421875vw;
        height: 35.97421875vw;
        padding: 2rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title h2 {
        font-size: 1.5rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content {
        width: 28.0515625vw;
        height: 35.97421875vw;
        position: relative;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content > div {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .slick-slide {
        display: flex;
    }
    .p-careers-at-filtermist .benefits .prev, .p-careers-at-filtermist .benefits .next {
        bottom: 2rem;
    }
}
@media(min-width:62em) {
    .p-careers-at-filtermist .benefits .benefits-slideshow {
        width: 57.77578125vw;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title {
        padding: 3rem 5rem 5rem 2rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title h2 {
        font-size: 1.9rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content {
        width: 21.8015625vw;
        height: 35.97421875vw;
    }
}
@media(min-width:80.0625em) {
    .p-careers-at-filtermist .banner.people-scroller #gptw-logo {
        right: calc(((100vw - 75rem) / 2) + 0.425rem);
    }
    .p-careers-at-filtermist .benefits .image-tiles {
        width: 28.801875rem;
        height: 28.801875rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow {
        width: 46.198125rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title {
        width: 28.801875rem;
        height: 28.801875rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-title h2 {
        font-size: 2.5rem;
    }
    .p-careers-at-filtermist .benefits .benefits-slideshow .benefits-content {
        width: 17.39625rem;
        height: 28.801875rem;
    }
    .p-careers-at-filtermist .benefits .prev i, .p-careers-at-filtermist .benefits .next i {
        font-size: 2.5rem;
    }
}



















.p-careers-at-filtermist .competencies #wheel-container {
    flex: 1 1 100%;
    max-width: 100%;
    background: url('/images/content/people/wheel-bg.webp') 49.25% 49.25% / 60% no-repeat;
    position: relative;
}
.no-webp .p-careers-at-filtermist .competencies #wheel-container {
    background-image: url('/images/content/people/wheel-bg.jpg');
}
.p-careers-at-filtermist .competencies #wheel-container::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15%;
    height: 15%;
    background: url('/images/content/people/filtermist-icon.webp') center center / contain no-repeat;
    z-index: 2;
}
.no-webp .p-careers-at-filtermist .competencies #wheel-container::before {
    background-image: url('/images/content/people/filtermist-icon.png');
}
.p-careers-at-filtermist .competencies #content-container {
    flex: 1 1 100%;
    max-width: 100%;
}
.p-careers-at-filtermist .competencies .const-text h3 {
    color: rgba(0,173,239,1);
    margin: 0 0 1.25rem 0;
    font-size: 1.25rem;
    font-weight: 600;
}
.p-careers-at-filtermist .competencies .const-text p {
    font-size: 0.95rem;
}
.p-careers-at-filtermist .competencies .targetDiv h4 {
    font-size: 1.1rem;
    margin: 1.25rem 0 0 0;
    font-weight: 600;
}
.p-careers-at-filtermist ul.styled-list {
    list-style: none;
    margin: 1.25rem 0;
}
.p-careers-at-filtermist ul.styled-list li {
    padding: 0;
    font-size: 0.8em;
    position: relative;
}
.p-careers-at-filtermist ul.styled-list li::before {
    content: '•';
    color: rgba(0,173,239,1);
    font-size: 1.3rem;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
}
.p-careers-at-filtermist .competencies .wheel {
    width: calc(100vw - 1.875rem);
    position: relative;
    margin: auto;
}
.p-careers-at-filtermist .competencies .wheel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('/images/content/people/lines.webp') center center / 80% no-repeat;
}
.no-webp .p-careers-at-filtermist .competencies .wheel::before {
    background-image: url('/images/content/people/lines.png');
}
.p-careers-at-filtermist .competencies .wheel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.p-careers-at-filtermist .competencies .wheel ul li {
    padding: 0;
    margin: 0;
    width: 50%;
    height: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform-origin: 0 50%;
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(1) {
    transform: translateY(-50%);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(2) {
    transform: translateY(-50%)rotateZ(60deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(3) {
    transform: translateY(-50%)rotateZ(120deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(4) {
    transform: translateY(-50%)rotateZ(180deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(5) {
    transform: translateY(-50%)rotateZ(240deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(6) {
    transform: translateY(-50%)rotateZ(300deg);
}
.p-careers-at-filtermist .competencies .wheel[data-state] {
    transition: transform 1s ease-in-out;
    transform-origin: 50% 50%;
}
.p-careers-at-filtermist .wheel ul li > div > a > div {
    transition: transform 1s ease-in-out;
}




/* 
.p-careers-at-filtermist .wheel[data-state="1"] {
    transform: rotateZ(0deg);
}
.p-careers-at-filtermist .wheel[data-state="2"] {
    transform: rotateZ(-60deg);
}
.p-careers-at-filtermist .wheel[data-state="3"] {
    transform: rotateZ(-120deg);
}
.p-careers-at-filtermist .wheel[data-state="4"] {
    transform: rotateZ(180deg);
}
.p-careers-at-filtermist .wheel[data-state="5"] {
    transform: rotateZ(120deg);
}
.p-careers-at-filtermist .wheel[data-state="6"] {
    transform: rotateZ(60deg);
} */


/* .p-careers-at-filtermist .wheel[data-state="1"] ul li > div > a > div {
    transform: rotateZ(0deg);
}
.p-careers-at-filtermist .wheel[data-state="2"] ul li > div > a > div {
    transform: rotateZ(60deg);
}
.p-careers-at-filtermist .wheel[data-state="3"] ul li > div > a > div {
    transform: rotateZ(120deg);
}
.p-careers-at-filtermist .wheel[data-state="4"] ul li > div > a > div {
    transform: rotateZ(180deg);
}
.p-careers-at-filtermist .wheel[data-state="5"] ul li > div > a > div {
    transform: rotateZ(240deg);
}
.p-careers-at-filtermist .wheel[data-state="6"] ul li > div > a > div {
    transform: rotateZ(300deg);
} */











.p-careers-at-filtermist .competencies .wheel ul li > div {
    width: 100%;
    height: 100%;
    position: relative;
}
.p-careers-at-filtermist .competencies .wheel ul li [data-icon] {
    width: 50%;
    height: 50%;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform-origin: 50% 50%;
    transform: translateY(-50%);
    cursor: pointer;
    padding: 0;
}
.p-careers-at-filtermist .competencies .wheel ul li [data-icon] > div {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
    z-index: -10;
}
.p-careers-at-filtermist .competencies .wheel ul li [data-icon] > div::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
}
.p-careers-at-filtermist .competencies .wheel ul li [data-icon].active > div::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background: rgba(0,173,239,0.5);
    transform: translate(-50%, -50%);
    animation-name: pulse;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-direction: alternate;
    border-radius: 50%;
}
@keyframes pulse {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    50% {
        width: calc(100% + 1rem);
        height: calc(100% + 1rem);
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(1) [data-icon] > div::after {
    background: url('/images/content/people/competency-1.webp') center center / 80% 80% no-repeat, rgba(255,255,255,1);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(2) [data-icon] > div::after {
    background: url('/images/content/people/competency-2.webp') center center / 80% 80% no-repeat, rgba(255,255,255,1);
    transform: rotateZ(-60deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(3) [data-icon] > div::after {
    background: url('/images/content/people/competency-3.webp') center center / 80% 80% no-repeat, rgba(255,255,255,1);
    transform: rotateZ(-120deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(4) [data-icon] > div::after {
    background: url('/images/content/people/competency-4.webp') center center / 80% 80% no-repeat, rgba(255,255,255,1);
    transform: rotateZ(-180deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(5) [data-icon] > div::after {
    background: url('/images/content/people/competency-5.webp') center center / 80% 80% no-repeat, rgba(255,255,255,1);
    transform: rotateZ(-240deg);
}
.p-careers-at-filtermist .competencies .wheel ul li:nth-child(6) [data-icon] > div::after {
    background: url('/images/content/people/competency-6.webp') center center / 80% 80% no-repeat, rgba(255,255,255,1);
    transform: rotateZ(-300deg);
}
.no-webp .p-careers-at-filtermist .competencies .wheel ul li:nth-child(1) [data-icon] > div::after {
    background-image: url('/images/content/people/competency-1.png');
}
.no-webp .p-careers-at-filtermist .competencies .wheel ul li:nth-child(2) [data-icon] > div::after {
    background-image: url('/images/content/people/competency-2.png');
}
.no-webp .p-careers-at-filtermist .competencies .wheel ul li:nth-child(3) [data-icon] > div::after {
    background-image: url('/images/content/people/competency-3.png');
}
.no-webp .p-careers-at-filtermist .competencies .wheel ul li:nth-child(4) [data-icon] > div::after {
    background-image: url('/images/content/people/competency-4.png');
}
.no-webp .p-careers-at-filtermist .competencies .wheel ul li:nth-child(5) [data-icon] > div::after {
    background-image: url('/images/content/people/competency-5.png');
}
.no-webp .p-careers-at-filtermist .competencies .wheel ul li:nth-child(6) [data-icon] > div::after {
    background-image: url('/images/content/people/competency-6.png');
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .p-careers-at-filtermist .competencies .wheel ul li [data-icon].active {
        border: 5px solid black;
    }
    .p-careers-at-filtermist .competencies .wheel ul li [data-icon]:hover {
        border: 10px solid rgb(57, 196, 252);
    }
    .p-careers-at-filtermist .competencies .wheel ul li a.btn.switch {
        background: rgba(0,173,239,1);
    }
    .p-careers-at-filtermist .competencies .wheel ul li [data-icon].active:hover {
        border: 5px solid black;
    }
}
@media(min-width:48em) {
    .p-careers-at-filtermist .competencies #wheel-container {
        flex: 1 1 50%;
        max-width: 50%;
        background: url('/images/content/people/wheel-bg.webp') 49.25% 49.25% / 50% no-repeat;
    }
    .no-webp .p-careers-at-filtermist .competencies #wheel-container {
        background-image: url('/images/content/people/wheel-bg.jpg');
    }
    .p-careers-at-filtermist .competencies #content-container {
        flex: 1 1 50%;
        max-width: 50%;
        padding-left: 3rem;
    }
    .p-careers-at-filtermist .competencies .wheel {
        margin: 0;
        width: calc(50vw - 1.875rem);
    }
    .p-careers-at-filtermist .competencies .const-text {
        padding-top: 15%;
    }
    .p-careers-at-filtermist .competencies .wheel ul li [data-icon] {
        width: 40%;
        height: 40%;
    }
    .p-careers-at-filtermist .competencies #wheel-container::before {
        width: 12%;
        height: 12%;
    }
}
@media(min-width:62em) {
    .p-careers-at-filtermist .competencies .const-text {
        padding-top: 20%;
    }
    .p-careers-at-filtermist .competencies #wheel-container {
        flex: 1 1 57.5%;
        max-width: 57.5%;
        padding: 2rem;
    }
    .p-careers-at-filtermist .competencies #content-container {
        flex: 1 1 42.5%;
        max-width: 42.5%;
    }
    .p-careers-at-filtermist .competencies .const-text h3 {
        font-size: 1.75vw;
    }
    .p-careers-at-filtermist .competencies .const-text p {
        font-size: 1.5vw;
        padding-right: 20%;
    }
    .p-careers-at-filtermist .competencies .targetDiv h4 {
        font-size: 1.5vw;
        padding-right: 50%;
    }
    .p-careers-at-filtermist .competencies .targetDiv ul li {
        font-size: 1vw;
    }
}
@media(min-width:80.0625em) {
    .p-careers-at-filtermist .competencies .const-text {
        padding-top: 10rem;
    }
    .p-careers-at-filtermist .competencies .const-text h3 {
        font-size: 1.4rem;
    }
    .p-careers-at-filtermist .competencies .const-text p {
        font-size: 1.2rem;
    }
    .p-careers-at-filtermist .competencies .targetDiv h4 {
        font-size: 1.2rem;
    }
    .p-careers-at-filtermist .competencies .targetDiv ul li {
        font-size: 0.8rem;
    }
    .p-careers-at-filtermist .competencies .wheel {
        width: 39.25rem;
        height: 39.25rem;
    }
}
.flourish > .span > div {
    border: rgba(0,173,239,1) 0.125rem solid;
    padding: 3rem 2rem;
}
.flourish [data-font="baskerville"] {
    font-family: baskerville-urw, serif;
    font-weight: 400;
    font-style: italic;
    color: rgba(0,173,239,1);
}
.flourish h2 {
    color: #000;
    font-size: 2.3rem;
    font-weight: 800;
}
@media(min-width:48em) {
    .flourish h2 {
        font-size: 3rem;
    }
}
/*__________________________________________ROLES PAGE_______________________________________ */
.banner.people-scroller form {
    overflow: hidden;
}
.banner.people-scroller #anim-heading-1ALT {
    position: absolute;
    top: 1rem;
    left: 2rem;
    animation-duration: 3s;
    animation-name: anim1ALT;
    animation-iteration-count: 1;
}
.banner.people-scroller #anim-heading-2ALT {
    position: absolute;
    top: 6rem;
    left: 2rem;
    animation-duration: 3s;
    animation-name: anim2ALT;
    animation-iteration-count: 1;
}
.banner.people-scroller #anim-heading-3ALT {
    position: absolute;
    top: 11rem;
    left: 2rem;
    animation-duration: 3s;
    animation-name: anim3ALT;
    animation-iteration-count: 1;
}
@keyframes anim1ALT {
    0% {
        top: 3rem;
        opacity: 0;
    }
    33% {
        top: 1rem;
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes anim2ALT {
    0% {
        opacity: 0;
    }
    33% {
        top: 8rem;
        opacity: 0;
    }
    66% {
        top: 6rem;
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}
@keyframes anim3ALT {
    0% {
        opacity: 0;
    }
    66% {
        top: 13rem;
        opacity: 0;
    }
    100% {
        top: 11rem;
        opacity: 1;
    }
}
.banner.people-scroller .talking-heads {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    padding: 2rem;
    z-index: 1;
}
.banner.people-scroller .talking-heads h2 {
    font-size: 1.25rem;
    margin: 1.5rem 0;
}
.banner.people-scroller .talking-heads audio {
    width: 100%;
}
.side-heading {
    padding: 25rem 0 0 0;
    text-align: center;
}
.side-heading.small {
    padding: 10rem 0 0 0;
}
.side-heading h2 {
    font-size: 1.75rem;
}
.side-heading.small h2 {
    font-size: 1.4rem;
}
.p-careers-at-filtermist #main {
    overflow: hidden;
}
.p-careers-at-filtermist .roles-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.p-careers-at-filtermist .roles-list li {
    padding: 0;
    margin: 0 0 1rem 0;
}
.p-careers-at-filtermist .roles-list li a.job-button {
    padding: 1.5rem;
    padding-right: 3.5rem;
    width: 100%;
    display: block;
    position: relative;
    background: rgba(0, 173, 239, 0.2);
    color: #000 !important;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.1);
}
.p-careers-at-filtermist .roles-list li a.job-button::before {
    content: '\f078';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    font-size: 2rem;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transition: all .25s ease-in-out;
    transform: translateY(-50%)rotate(0deg);
    color: rgba(0, 173, 239, 1);
}
.p-careers-at-filtermist .roles-list li a.job-button.rotate::before {
    transform: translateY(-50%)rotate(-180deg);
}
.p-careers-at-filtermist .roles-list li > div {
    background: rgba(0, 173, 239, 1);
    color: #fff;
}
.p-careers-at-filtermist .roles-list li > div > div {
    padding: 1.75rem 2rem;
}
.p-careers-at-filtermist .roles-list h4 {
    margin: 2rem 0 1rem 0;
    font-weight: 600;
}
.p-careers-at-filtermist .roles-list a.apply {
    color: #fff !important;
    text-decoration: underline;
}
.p-careers-at-filtermist .roles-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.p-careers-at-filtermist .roles-list ul li {
    padding: 0 0 0 1rem;
    margin: 0 0 0.25rem 0;
    position: relative;
    font-size: 0.75rem;
}
.p-careers-at-filtermist .roles-list ul li::before {
    content: '';
    position: absolute;
    top: 0.75em;
    left: 0.5rem;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #fff;
}
.p-careers-at-filtermist .roles-list .btn.download {
    border: #fff solid 3px;
	background:rgb(0,173,239);
	color:#fff !important;
	position:relative;
	padding:0.5625em 0.75em 0.5625em 2em;
	text-align: left;
    font-weight: 600;
    margin: 2rem 0;
}
.p-careers-at-filtermist .roles-list .btn.download::after {
	content:'\f33d';
	font-family:'Font Awesome 5 Pro';
    font-weight: 400;
	position:absolute;
	top:0.5625em;
	left:0.5625em;
}
.p-careers-at-filtermist .flourish {
    margin-bottom: 2rem !important;
}
.p-careers-at-filtermist .flourish h2 {
    font-size: 2rem;
}
@media(min-width:48em) {
    .p-careers-at-filtermist .flourish h2 {
        font-size: 2rem;
    }
}
.p-careers-at-filtermist .people-stories {
    display: flex;
    justify-content: flex-end;
    position: static;
    top: 100%;
    left: 0;
    flex-direction: column;
}
.p-careers-at-filtermist .people-stories > div {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}
.p-careers-at-filtermist .people-stories .card a {
    padding: 0;
}
.p-careers-at-filtermist .people-stories .card .post-image {
    margin: 0;
}
.p-careers-at-filtermist .people-stories .card .post-snippet {
    padding: 0.75rem;
    background: rgba(0, 173, 239, 1);
}
.p-careers-at-filtermist .people-stories .card .post-title {
    color: #fff !important;
    margin-bottom: 0;
}
.p-careers-at-filtermist .people-stories .card .post-date {
    display: none;
}
.p-careers-at-filtermist .quote blockquote {
    color: rgba(0, 173, 239, 1);
    font-size: 1.25rem;
    text-align: center;
}
.fade-in {
    transition: opacity 1s ease-out;
    opacity: 0;
}
.faded-in {
    opacity: 1;
}
@media(min-width:48em) {
    .banner.people-scroller .talking-heads {
        top: calc(100% - 8rem);
    }
    .side-heading {
        padding: 4.5rem 0 1rem 0 !important;
        text-align: right;
        position: relative;
    }
    .side-heading h2 {
        font-size: 2.25rem;
    }
    .p-careers-at-filtermist #people-stories::before {
        content: '';
        width: 90vw;
        height: 90vw;
        position: absolute;
        left: 45%;
        top: -50%;
        background: url('/images/content/people/swirl.webp') 0 0 / contain no-repeat;
        z-index: -10;
        opacity: 0.5;
    }
    .no-webp .p-careers-at-filtermist #people-stories::before {
        background-image: url('/images/content/people/swirl.jpg');
    }
    .p-careers-at-filtermist .roles-list li {
        display: flex;
        flex-direction: column;
    }
    .p-careers-at-filtermist .roles-list li a.job-button {
        width: 80%;
    }
    .p-careers-at-filtermist .flourish {
        margin-bottom: 0 !important;
    }
    .p-careers-at-filtermist .people-stories {
        position: static;
        flex-direction: row;
        justify-content: flex-start;
    }
    .p-careers-at-filtermist .people-stories > div {
        flex: 1 1 50%;
        max-width: 50%;
        margin-bottom: 0;
        margin-right: 1rem;
    }
    .p-careers-at-filtermist .people-stories .card .post-image {
        height: 13vw;
        max-height: 15rem;
    }
    .p-careers-at-filtermist .people-stories .card .post-snippet {
        min-height: 3.75rem;
    }
    .p-careers-at-filtermist .quote {
        margin: 3rem 0 !important;
    }
    .p-careers-at-filtermist .quote blockquote {
        max-width: 68%;
        font-size: 2rem;
        margin: 0 auto;
        line-height: 3.25rem;
    }
}
@media(min-width:62em) {
    .p-careers-at-filtermist .people-stories {
        position: absolute;
        top: 30%;
        left: 100%;
        transform: translateX(-100%);
        flex-direction: row;
        justify-content: flex-end;
    }
    .p-careers-at-filtermist .people-stories > div {
        margin-right: 0;
        margin-left: 1rem;
    }
}