.section-process{background-color:var(--background-color);padding:6rem 0}.section-process--alt{background-color:var(--background-color-alt)}.section-process--head{grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:4rem;display:grid}@media (width<=768px){.section-process--head{grid-template-columns:1fr;gap:1rem}}.section-process__title{max-width:20ch;font-size:3rem;font-weight:500}@media (width<=768px){.section-process__title{font-size:2rem}}.section-process__intro{color:var(--foreground-color-alt);max-width:600px;font-size:1.25rem;font-weight:400}.section-process__cards{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (width<=992px){.section-process__cards{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.section-process__cards{grid-template-columns:1fr}}.process-card{position:relative}.process-card__number-bg{color:rgba(var(--border-color-rgb),.4);z-index:0;-webkit-user-select:none;user-select:none;font-size:8rem;font-weight:700;line-height:1;position:absolute;top:-20px;left:-10px}.process-card__icon{z-index:1;color:var(--primary-color);margin-bottom:1rem;position:relative}.process-card__icon,.process-card__icon svg{width:40px;height:40px}.process-card__title{color:var(--foreground-color);z-index:1;margin-bottom:1rem;font-size:1.5rem;font-weight:500;position:relative}.process-card__description{z-index:1;margin:0;font-size:1rem;line-height:1.6;position:relative}