@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}@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__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}.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{fill:none;margin-bottom:16px}.b-how-it-works__testimonial p{font-size:var(--button-font-size);font-style:italic;font-weight:var(--button-font-weight);line-height:var(--button-line-height);margin-bottom:8px}.b-how-it-works__testimonial cite{font-size:12px;font-style:normal;font-weight:500;line-height:21px}.b-how-it-works__testimonial cite:before{content:"— "}.b-how-it-works__body{background-color:var(--color-teal-dark);color:var(--color-white);padding-block:40px;padding-inline:16px;margin-top:32px;border-radius:8px}@media (width >= 767px){.b-how-it-works__body{padding-block:56px;margin-top:48px}}@media (width >= 1023px){.b-how-it-works__body{padding-top:86px;padding-bottom:44px;padding-inline:26px;margin-top:32px}}@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}@media (width >= 1023px){.b-how-it-works__step{flex:1}}.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{background-image:url(/app/themes/schoolsurveys/public/build/assets/arrow-white-CMnIJ-9Z.png);background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;width:var(--arrow-width);height:20px}@media (width <= 1023px){.b-how-it-works__step:nth-child(2) .b-how-it-works__step-media:after{content:"";transform:rotate(-154deg);right:-15px;top:15px}}@media (width >= 1023px){.b-how-it-works__step:nth-child(2) .b-how-it-works__step-body:after{content:"";transform:rotate(163deg);left:calc((var(--steps-gap) + var(--arrow-width)) / -2);top:0}}@media (width <= 1023px){.b-how-it-works__step:nth-child(3) .b-how-it-works__step-media:after{content:"";transform:scaleX(-1) rotate(-154deg);left:-15px;top:0}}@media (width >= 1023px){.b-how-it-works__step:nth-child(3) .b-how-it-works__step-body:after{content:"";transform:scaleY(-1) rotate(163deg);left:calc((var(--steps-gap) + var(--arrow-width)) / -2);top:0}}.b-how-it-works__step-media{max-width:270px;margin-bottom:44px;margin-inline:auto;position:relative;display:flex;flex-direction:column;align-items:center}.b-how-it-works__step-number{background-color:var(--color-orange-mid);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:-22px;font-size:18px;font-weight:700;line-height:24px;letter-spacing:.36px}.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;text-align:center;font-size:24px;font-weight:700;line-height:32px}@media (width >= 767px){.b-how-it-works__step-title{margin-bottom:21px}}@media (width >= 1023px){.b-how-it-works__step-title{margin-bottom:16px;max-width:225px}}@media (width >= 1439px){.b-how-it-works__step-title{margin-bottom:21px;max-width:none}}.b-how-it-works__step-description{text-align:center;max-width:432px;margin-inline:auto}@media (width >= 1023px){.b-how-it-works__step-description{max-width:none}}