.recruitment-process{padding:4rem 0;position:relative}.recruitment-process--gray:before{content:"";position:absolute;width:100vw;height:100%;z-index:-1;top:0;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-color:var(--neutral-greyscale-50)}.recruitment-process--light-blue:before{content:"";position:absolute;width:100vw;height:100%;z-index:-1;top:0;left:0;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-color:var(--petroleum-50)}.recruitment-process__tag{letter-spacing:.36px;color:var(--petroleum-500);text-transform:uppercase;letter-spacing:.56px;font-size:var(--font-size-standard-tag);line-height:1;font-weight:600;margin:0 0 .8rem}.recruitment-process__title{font-size:var(--font-size-heading-h2-mobile);line-height:1.25;margin:0 0 .8rem}.recruitment-process__preamble{margin:0;font-size:var(--font-size-body-large)}.recruitment-process__header{display:flex;flex-direction:column}.recruitment-process__title-container{flex-shrink:0}.recruitment-process__steps{display:flex;flex-direction:row;justify-content:space-between;padding:1.6rem 1.6rem 3.2rem;overflow-x:scroll;overflow-y:visible;scroll-snap-type:x mandatory;margin-left:-1.6rem;width:calc(100% + 3.2rem)}.recruitment-process__line{display:flex!important;align-items:center;justify-content:center;flex-shrink:1;width:100%;min-width:5rem;margin:0 0 3rem}.recruitment-process__line:after{content:"";height:.4rem;border-radius:1rem;background-color:var(--neutral-greyscale-100);width:100%}.recruitment-process__step{scroll-snap-align:start;position:relative;display:flex!important;justify-content:center;flex-direction:column;align-items:center;flex-shrink:0}.recruitment-process__step:first-of-type{padding-left:.8rem}.recruitment-process__step:last-of-type{padding-right:.8rem}.recruitment-process__step-icon{color:var(--petroleum-500);font-size:3.2rem;margin:0 0 .8rem;padding:0 .8rem}.recruitment-process__step-title{margin:0;font-size:var(--font-size-form-label-mobile);font-family:var(--font-sans);line-height:1.4;font-weight:400;text-align:center;padding:0 .8rem}.recruitment-process__controls{display:flex;gap:.8rem;justify-content:flex-end}.recruitment-process__button{width:3rem;height:3rem;border:none;background-color:var(--petroleum-100);border-radius:50%;transition:background-color .15s ease,box-shadow .25s ease}.recruitment-process__button--back{rotate:180deg}.recruitment-process__button[disabled]{pointer-events:none;background-color:var(--neutral-greyscale-50)}.recruitment-process__button[disabled]:after{background-color:var(--neutral-greyscale-500)}.recruitment-process__button:after{content:"";display:block;width:100%;height:100%;-webkit-mask-image:url(./img/arrow-angle-right-CmEqHkv_.svg);mask-image:url(./img/arrow-angle-right-CmEqHkv_.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--petroleum-500);transition:background-color .15s ease}@media(hover:hover){.recruitment-process__button:hover{box-shadow:-2px 0 6px #00000040}}@media only screen and (min-width:768px){.recruitment-process{padding:7.2rem 0 4rem}.recruitment-process__title{font-size:var(--font-size-heading-h2-desktop)}.recruitment-process__preamble{font-size:2rem}.recruitment-process__steps{padding:4rem 0}.recruitment-process__buttons{display:flex;justify-content:center}.recruitment-process__step:first-of-type{padding-left:0}.recruitment-process__step:last-of-type{padding-right:0}}@media only screen and (min-width:992px){.recruitment-process__header{align-items:end;flex-direction:row;gap:3.2rem}.recruitment-process__title{margin:0}.recruitment-process__step-icon{font-size:4rem}.recruitment-process__controls{display:none}.recruitment-process__line{min-width:auto}.recruitment-process__step-title{margin:0;font-size:var(--font-size-form-label-desktop)}.recruitment-process__preamble{margin-bottom:.8rem}.recruitment-process__title-container{width:44.3rem}.recruitment-process__buttons{justify-content:start}.recruitment-process__steps{width:100%;overflow-x:visible;overflow-x:initial;overflow-y:visible;overflow-y:initial;scroll-snap-type:none;margin-left:0}}@media only screen and (min-width:1200px){.recruitment-process__header{padding:0 4rem;gap:9rem}.recruitment-process__buttons{padding:0 4rem}.recruitment-process__title-container{width:44.3rem}}
