@charset "UTF-8";.b-how-it-works__header{display:flex;flex-direction:column;gap:32px}@media(width>=1023px){.b-how-it-works__header{flex-direction:row;justify-content:space-between}}.b-how-it-works__copy{max-width:591px}.b-how-it-works__copy>*:first-child{margin-bottom:8px}@media(width>=767px){.b-how-it-works__copy>*:first-child{margin-bottom:16px}}@media(width>=1023px){.b-how-it-works__copy>*:first-child{margin-bottom:24px}}.b-how-it-works__copy>*:last-child{margin-bottom:0}@media(width>=1023px){.b-how-it-works__copy{max-width:521px}}@media(width>=1439px){.b-how-it-works__copy{max-width:728px}}.b-how-it-works__testimonials{overflow:hidden;max-width:367px}@media(width>=1439px){.b-how-it-works__testimonials{max-width:340px}}.b-how-it-works__testimonial svg{margin-bottom:16px;fill:none}.b-how-it-works__testimonial p{margin-bottom:8px;font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-style:italic;line-height:var(--button-line-height)}.b-how-it-works__testimonial cite{font-size:12px;font-weight:500;font-style:normal;line-height:21px}.b-how-it-works__testimonial cite:before{content:"— "}.b-how-it-works__body{margin-top:32px;padding-block:40px;padding-inline:16px;border-radius:8px;color:var(--color-white);background-color:var(--color-teal-dark)}@media(width>=767px){.b-how-it-works__body{margin-top:48px;padding-block:56px}}@media(width>=1023px){.b-how-it-works__body{margin-top:32px;padding-top:86px;padding-bottom:44px;padding-inline:26px}}@media(width>=1439px){.b-how-it-works__body{padding-top:80px;padding-bottom:95px;padding-inline:60px}}.b-how-it-works__steps{--steps-gap: 44px;display:flex;flex-direction:column;gap:var(--steps-gap)}@media(width>=767px){.b-how-it-works__steps{--steps-gap: 56px}}@media(width>=1023px){.b-how-it-works__steps{flex-direction:row}}@media(width>=1439px){.b-how-it-works__steps{--steps-gap: 70px}}.b-how-it-works__step{--arrow-width: 36px}.b-how-it-works__step:nth-child(2) .b-how-it-works__step-media:after,.b-how-it-works__step:nth-child(2) .b-how-it-works__step-body:after,.b-how-it-works__step:nth-child(3) .b-how-it-works__step-media:after,.b-how-it-works__step:nth-child(3) .b-how-it-works__step-body:after{position:absolute;width:var(--arrow-width);height:20px;background-image:url(/app/themes/schoolsurveys/public/build/assets/arrow-white-CMnIJ-9Z.png);background-repeat:no-repeat;background-position:center;background-size:contain}@media(width<=1023px){.b-how-it-works__step:nth-child(2) .b-how-it-works__step-media:after{content:"";top:15px;right:-15px;transform:rotate(-154deg)}}@media(width>=1023px){.b-how-it-works__step:nth-child(2) .b-how-it-works__step-body:after{content:"";top:0;left:calc((var(--steps-gap) + var(--arrow-width)) / -2);transform:rotate(163deg)}}@media(width<=1023px){.b-how-it-works__step:nth-child(3) .b-how-it-works__step-media:after{content:"";top:0;left:-15px;transform:scaleX(-1) rotate(-154deg)}}@media(width>=1023px){.b-how-it-works__step:nth-child(3) .b-how-it-works__step-body:after{content:"";top:0;left:calc((var(--steps-gap) + var(--arrow-width)) / -2);transform:scaleY(-1) rotate(163deg)}}@media(width>=1023px){.b-how-it-works__step{flex:1}}.b-how-it-works__step-media{position:relative;display:flex;flex-direction:column;align-items:center;max-width:270px;margin-bottom:44px;margin-inline:auto}.b-how-it-works__step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-22px;border-radius:50%;font-size:18px;font-weight:700;line-height:24px;letter-spacing:.36px;background-color:var(--color-orange-mid)}.b-how-it-works__step-image{aspect-ratio:3/2;object-fit:contain;object-position:bottom}.b-how-it-works__step-body{position:relative}.b-how-it-works__step-title{margin-bottom:8px;margin-inline:auto;font-size:24px;font-weight:700;line-height:32px;text-align:center}@media(width>=767px){.b-how-it-works__step-title{margin-bottom:21px}}@media(width>=1023px){.b-how-it-works__step-title{max-width:225px;margin-bottom:16px}}@media(width>=1439px){.b-how-it-works__step-title{max-width:none;margin-bottom:21px}}.b-how-it-works__step-description{max-width:432px;margin-inline:auto;text-align:center}@media(width>=1023px){.b-how-it-works__step-description{max-width:none}}