.page-how-it-works{margin:auto;padding-bottom:50px}.page-how-it-works .heading h2,.page-how-it-works .heading h3{text-align:center}.page-how-it-works .heading h2{font-family:Inter;font-size:3.7rem;font-weight:200}.page-how-it-works .heading h3{font-family:Martian Mono;font-size:2rem;font-weight:200}.page-how-it-works .steps{display:grid;grid-template-columns:1fr}.page-how-it-works .steps .step{background-color:#ffe;display:grid;grid-template-areas:". text img img";grid-template-columns:1fr 715px 715px 1fr;min-height:400px}.page-how-it-works .steps .step:nth-child(odd){grid-template-areas:"img img text ."}.page-how-it-works .steps .step:nth-child(odd) .text{margin-left:30px}.page-how-it-works .steps .step:nth-child(2n){background-color:#34201a;color:#ffe}.page-how-it-works .steps .step:nth-child(2n) hr{border-style:solid;border-bottom:none;border-top:1px solid #ffe}.page-how-it-works .steps .step hr{border:solid;border-bottom:none;border-top:1px solid #000;height:0;left:0;margin:0;position:absolute;transform:translateY(6.5rem);width:100vw;z-index:10}.page-how-it-works .steps .step hr:first-child{transform:translateY(.5rem)}.page-how-it-works .steps .step .left{display:flex;flex-direction:column;font-family:Martian Mono;grid-area:text;padding-left:1rem;padding-right:1rem;padding-top:20%}.page-how-it-works .steps .step .left h2{font-size:3.7rem;font-weight:200;margin-bottom:.8rem;margin-top:.8rem;padding-left:30px}.page-how-it-works .steps .step .left p{font-family:Inter;font-size:1.8rem;font-weight:500;padding-left:30px}.page-how-it-works .steps .step .right{grid-area:img;max-height:500px;overflow:hidden;width:100%}.page-how-it-works .steps .step .right img{height:100%;object-fit:cover;width:100%}.page-how-it-works .steps .arrow{grid-column-end:3;grid-column-start:1;margin:auto}.page-how-it-works .steps .arrow img{height:auto;margin-bottom:30px;margin-top:30px;width:30px}@media (max-width:1490px){.page-how-it-works .steps .step{grid-template-columns:0 1fr 1fr 0}}@media (max-width:1000px){.page-how-it-works .steps .step .left{min-height:20vh;padding-top:3rem}}@media (max-width:800px){.page-how-it-works .steps .step{display:flex;flex-direction:column}.page-how-it-works .steps .step .left{grid-row:1}.page-how-it-works .steps .step .right{grid-row:2;width:100%}}