.interview{background:var(--white);overflow:hidden;position:relative}@media screen and (min-width:1023px){.interview{background:var(--blue-200);padding-block:7.5rem 5rem}}@media screen and (max-width:1023px){.interview .content-wrapper{padding:0}}.interview__section-icon{display:none}@media screen and (min-width:1023px){.interview__section-icon{bottom:-49%;display:block;position:absolute;right:0}}.interview__main-wrapper{background:var(--white)}@media screen and (min-width:1023px){.interview__main-wrapper{border-radius:1.75rem 0 0 1.75rem;column-gap:5rem;display:grid;grid-template-areas:"title panel" "ctrls panel";grid-template-columns:1fr 2fr;grid-template-rows:auto 1fr;padding:2rem 0 2rem 3rem;position:relative}}.interview__main-wrapper:after{display:none}@media screen and (min-width:1023px){.interview__main-wrapper:after{background:var(--white);border-radius:1.75rem 0 0 1.75rem;bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:100vw}}.interview__section-title-wrapper{background:var(--white);grid-area:title;padding-inline:1rem;z-index:1}@media screen and (min-width:1023px){.interview__section-title-wrapper{padding:0}}.interview__small-title{font-size:.75rem;margin-block-end:1rem}@media screen and (min-width:1023px){.interview__small-title{display:none}}.interview__section-description{margin-block-end:2.5rem}.interview__section-description p{font-size:1rem;margin:0}.interview__controls{display:none}@media screen and (min-width:1023px){.interview__controls{align-items:flex-end;display:flex;gap:1.75rem;grid-area:ctrls;justify-content:center;padding-block-end:3rem;position:relative;z-index:1}}.interview__controls:after{content:"";inset:0;position:absolute}.interview__controls button[data-status=on] svg path{fill:var(--blue-200);stroke:none}.interview__controls button[data-status=off] svg path{fill:var(--white);stroke:var(--blue-200)}.interview__left-control,.interview__right-control{aspect-ratio:1/1;height:2.375rem;z-index:1}.interview__ctrl-icon-left,.interview__ctrl-icon-right{height:100%;width:100%}.interview__steps{display:flex;flex-direction:column;gap:2.5rem;grid-area:panel}@media screen and (min-width:1023px){.interview__steps{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;margin-block-end:2.5rem;overflow-x:scroll;padding:0 .5rem .5rem;z-index:1;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}}.interview__steps::-webkit-scrollbar{display:none}.interview__step{box-shadow:0 .5475rem .73rem rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;padding:1.375rem}@media screen and (min-width:1023px){.interview__step{border-radius:.75rem;flex:0 0 18.5rem;padding:0}}.interview__media{aspect-ratio:3/2;background:var(--white);border-radius:.375rem;box-shadow:0 .625rem .875rem rgba(0,0,0,.08);line-height:0;padding:.375rem;width:100%;z-index:1}@media screen and (min-width:1023px){.interview__media{background:none;border-radius:0;box-shadow:none;padding:0}}.interview__image{border-radius:.375rem;height:100%;object-fit:cover;width:100%}@media screen and (min-width:1023px){.interview__image{border-radius:0}}.interview__content{flex:1;padding-block-start:1.375rem;z-index:1}@media screen and (min-width:1023px){.interview__content{padding:2rem 1.375rem}}.interview__title{font-size:1.25rem}.interview__description p{font-size:.875rem;margin:0}@media screen and (max-width:1023px){.interview__step:nth-child(odd){background:var(--blue-200);border-radius:0 .75rem .75rem 0;margin-inline-end:1rem;position:relative}.interview__step:nth-child(odd):after{content:"";inset:0;position:absolute}.interview__step:nth-child(odd) .interview__description p,.interview__step:nth-child(odd) .interview__title{color:var(--white)}.interview__step:nth-child(2n){border-bottom:1px solid var(--blue-200);border-left:1px solid var(--blue-200);border-radius:.75rem 0 0 .75rem;border-top:1px solid var(--blue-200);margin-inline-start:1rem}}