#how-it-works-page{display:flex;flex-direction:column;margin-bottom:4rem;padding:2.5rem 4.5rem}#how-it-works__heading{display:flex;flex-direction:column;gap:1.5rem}#how-it-works__heading>h1{font-size:var(--font-size-xxl);font-weight:var(--font-weight-x-heavy)}.question-mark-text{position:relative;display:inline-block}.question-mark-text:after{content:"";position:absolute;left:5rem;bottom:0;width:100%;height:55px;background:url(/org-site-images/question-mark.svg) no-repeat 50%;background-size:contain}.how-it-works__subtext{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);line-height:2.25rem}.how-it-works__step-and-graphic{display:flex;gap:1.5rem}.step-graphic{width:32px}.how-it-works__step{display:flex;flex-direction:column;gap:1rem}.how-it-works__step__header{font-size:2rem;font-weight:var(--font-weight-x-heavy)}.how-it-works__step__subheader{font-size:var(--font-size-lg);font-weight:var(--font-weight-heavy);color:var(--cny-purple)}.how-it-works__step__explanation{display:flex;gap:4rem}.how-it-works__step__explanation__text{display:flex;flex-direction:column;gap:2rem}.how-it-works__step__explanation__images{display:flex;flex-direction:column;gap:10rem}.opportunity-sources-graphic{position:relative;width:30rem;height:20rem}.opportunity-page-screenshot{position:relative;width:31.375rem;height:21rem}.filter-modal-screenshot{position:relative;width:21.875rem;height:18rem;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)}@media (min-width:80em){#how-it-works__heading{margin-bottom:4rem}}@media (max-width:80em){#how-it-works-page{gap:2rem}.step-graphic{display:none}.how-it-works__step__explanation{flex-direction:column;gap:2rem}.how-it-works__step__explanation__images{flex-direction:row;justify-content:center;margin-top:2rem}.filter-modal-screenshot{display:none}}@media (max-width:48em){#how-it-works-page{padding:2rem 1.5rem;margin-bottom:2rem}#how-it-works__heading>h1{font-size:1.75rem}.question-mark-text:after{left:3.5rem;bottom:0;height:45px}.how-it-works__step__header{font-size:1.5rem}.how-it-works__step__explanation,.how-it-works__step__subheader,.how-it-works__subtext{font-size:var(--font-size-md)}.how-it-works__subtext{font-weight:var(--font-weight-light);line-height:1.75rem}.opportunity-page-screenshot,.opportunity-sources-graphic{width:21rem;height:14rem}}