.StepComponent{background-color:#fff;display:flex;justify-content:center;position:relative}.StepComponent.background-green-800{background-color:#1d4444}.StepComponent.background-nude-200{background-color:#fff2ee}.StepComponent.background-white{background-color:#fff}.StepComponent .wrapper{color:#fff;display:grid;gap:0 .5rem;grid-template-columns:repeat(4,1fr);padding:4.5rem 2rem;position:relative;text-align:center;width:100%}.StepComponent .button,.StepComponent .cards,.StepComponent .heading,.StepComponent .paragraph{grid-column:1/-1}.StepComponent .heading{margin-bottom:1.5rem}.StepComponent .heading *{font-family:Wonder,Georgia,Times New Roman,Times,serif;font-size:2rem;font-weight:300;line-height:2.5rem;margin:0}@media (min-width:36rem){.StepComponent .heading *{font-size:2.375rem;line-height:3rem}}.StepComponent .heading * b,.StepComponent .heading * strong{color:#ef927b}.StepComponent .paragraph{margin-bottom:2rem}.StepComponent .paragraph *{font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:400;letter-spacing:2px;line-height:1.5rem;text-transform:uppercase}.StepComponent .button,.StepComponent .button__icon-container,.StepComponent .card,.StepComponent .cards{align-items:center;display:flex;flex-direction:column;justify-content:center}.StepComponent .cards{gap:2.5rem;margin-bottom:4.5rem}.StepComponent .card{flex:1 1 0px}.StepComponent .card__picture{margin:0 auto 1rem;max-width:14rem;position:relative;width:100%}.StepComponent .card__picture img{display:block;position:relative;width:100%;z-index:10}.StepComponent .card__circle{background-color:#0b7373;border-radius:50%;height:6.5rem;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:6.5rem;z-index:0}.StepComponent .card__index{font-family:Wonder,Georgia,Times New Roman,Times,serif;font-size:2.875rem;font-weight:500;line-height:3.5rem;margin-bottom:.5rem}@media (min-width:36rem){.StepComponent .card__index{font-size:3.375rem;line-height:4rem}}.StepComponent .card__label{font-family:Rubik,Arial,Helvetica,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5rem}@media (min-width:36rem){.StepComponent .card__label{font-size:1.375rem;line-height:2rem}}.StepComponent .button{align-items:center;background-color:transparent;border:2px solid #ef927b;border-radius:6.25rem;color:#ef927b;cursor:pointer;display:inline-flex;flex-direction:column;flex-direction:row;font-family:Rubik,Arial,Helvetica,sans-serif;font-size:.875rem;font-weight:500;justify-content:center;letter-spacing:2px;line-height:1rem;margin:0 auto;padding:1rem 1.5rem;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.StepComponent .button span{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.StepComponent .button:hover{border:2px solid #f5a18a}.StepComponent .button:hover span{transform:translateX(8px)}.StepComponent .button__icon{background:currentColor;margin-left:1.125rem;mask:100%;-webkit-mask:url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\a 	  <path d="M2 8H14M14 8L10 4M14 8L10 12" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>\a 	  </svg>\a')}@media (min-width:36rem){.StepComponent .wrapper{display:grid;gap:0 1rem;grid-template-columns:repeat(8,1fr);padding:5rem 2.5rem}.StepComponent .heading,.StepComponent .paragraph{grid-column:2/-2}.StepComponent .cards{flex-flow:row wrap;margin-bottom:5rem}}@media (min-width:67.5rem){.StepComponent .wrapper{display:grid;gap:0 2rem;grid-template-columns:repeat(12,1fr);max-width:1440px;padding:6rem 7rem}.StepComponent .heading{grid-column:4/-4;margin-bottom:2rem}.StepComponent .cards{grid-column:2/-2}.StepComponent .card__picture{margin-bottom:1.5rem}}