:root{--light-grey:#f5f4f4;--grey:#6f6f6e;--green:#07b59f;--dark-green:#00776f;--orange:#db9940;--purple:#b580b5}.how-container{max-width:950px;width:90%;display:grid;grid-template-areas:"enter right" "receive left" "choose tick";grid-template-columns:1fr .5fr;grid-template-rows:auto;gap:50px;margin:50px 0;align-items:center}.how-container h2{font-size:3rem}.how-container h2 span{font-size:3rem;font-weight:300}.how-hero-content{grid-column:2;margin-top:15%;grid-row:1;height:-moz-fit-content;height:fit-content;max-width:65%}.how-hero-content h1{margin:2% 0}.how-hero-content p{font-size:1.5rem;text-transform:uppercase;margin:0}.how-hero-content p>span{font-weight:600;font-size:1.5rem}#enter{grid-area:enter}#right{grid-area:right;width:80%;justify-self:self-end}#receive{grid-area:receive}#left{grid-area:left;width:80%;justify-self:self-end}#choose{grid-area:choose}#tick{grid-area:tick;width:80%;justify-self:self-end;align-self:center}#cta{margin-bottom:50px}.how-cta{width:100%;max-width:950px;padding:50px 0;display:grid;grid-template-areas:"cta image" "tagline image"}.how-cta .button{grid-area:cta;align-self:end;justify-self:center;margin:0!important}.how-cta p{grid-area:tagline;align-self:start;justify-self:center;color:#fff}.how-cta img{grid-area:image;align-self:center;justify-self:start;transform:scaleX(-1);width:100%}@media only screen and (max-width:1024px){#how-hero-img{background-image:url(/img/how-it-works/hero.svg)}.how-hero-content{margin-left:2.5%;margin-top:10%}.how-hero-content p{font-size:1.25rem}.how-hero-content p span{font-size:1.25rem}.how-container h2{font-size:2.25rem}.how-container h2 span{font-size:2.25rem}#how-it-works-vid{margin-top:60px;margin-bottom:20px}}@media only screen and (max-width:679px){.how-hero-content{left:3%;top:15%;max-width:85%}.how-hero-content p{font-size:1rem}.how-hero-content p span{font-size:1rem}.how-container{margin:20px 0;width:90%;grid-template-areas:"enter" "right" "receive" "left" "choose" "tick";grid-template-columns:1fr;gap:0}.how-container h2{font-size:2rem}.how-container h2 span{font-size:2rem}#right{justify-self:center;width:60%}#left{justify-self:center;width:60%}#tick{justify-self:center;width:60%}.how-cta img{display:none}.how-cta{grid-template-areas:"cta" "tagline"}.question{font-size:.9rem}.answer *{font-size:.85rem}#how-it-works-vid{margin-top:40px;margin-bottom:0}}