#top-banner{background:#00000080 url(/build/backgrounds/join.webp) fixed 50% no-repeat;background-blend-mode:multiply;background-size:cover;box-sizing:border-box;color:#fff;display:grid;height:20rem;place-items:center;width:100%}#top-banner h1{font:700 44px/48px Quicksand,sans-serif;text-align:center}section.heading{margin-block:var(--spacing-vertical-md);margin-inline:var(--spacing-lateral-xl)}#tutorial-container{background:#f9f9f9;padding-block:var(--spacing-vertical-md)}#tutorial-container .heading{margin-block:0}.timeline-container{margin-block:var(--spacing-vertical-lg);margin-inline:var(--spacing-lateral-xl);position:relative}.timeline-line{border:1px dashed #eee;border-collapse:collapse;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);z-index:0}.timeline-step{align-items:flex-start;column-gap:7rem;display:flex;justify-content:space-between;margin-bottom:80px;position:relative}.step-indicator{align-items:center;background:#65becc;border-radius:20px;color:#fff;display:flex;font:600 12px/17px Quicksand,sans-serif;height:44px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:120px;z-index:2}.step-content{flex:1 0;margin-block-start:6rem}.content-card{background:#fff;border:1px solid #e5e7eb;border-radius:.25rem;display:flex;flex-direction:column;padding:40px}.content-card svg{height:64px;width:64px;stroke-width:1.5;align-self:center;color:#66bfcc}.step-title{color:#65becc;font:600 18px/20px Quicksand,sans-serif;margin-bottom:1rem;text-align:center}.step-description{color:#64748b;line-height:1.8;font:500 12px/24px Quicksand,sans-serif;text-align:center}.step-image{flex:1 0;margin-block-start:5rem}.step-image img{border-radius:.5rem;height:auto;object-fit:contain;width:100%}#videochannel{align-items:center;background:linear-gradient(180deg,#65becc,#65becc);color:#fff;display:grid;gap:4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:space-evenly;padding-block:var(--spacing-vertical-lg);padding-inline:var(--spacing-lateral-xl);position:relative;z-index:0}#videochannel>*{flex:1 0}#videochannel h2{font:700 34px/39px Quicksand,sans-serif;margin:0}#videochannel p{font:500 13px/13px Quicksand,sans-serif;margin-block:1rem 2rem}#videochannel img{border-radius:.5rem;height:auto;object-fit:contain;width:100%}#videochannel:before{background:url(/build/backgrounds/shapes.webp) 50%/contain repeat;content:"";inset:0;opacity:.4;position:absolute;z-index:-1}#joinus{align-items:center;background:url(/build/backgrounds/join.webp) 50%/cover no-repeat,linear-gradient(180deg,#0009,#0009);background-blend-mode:multiply;color:#fff;display:flex;flex-direction:column;gap:1rem;padding-block:var(--spacing-vertical-lg);padding-inline:var(--spacing-lateral-xl);text-align:center}#joinus h2{font:700 34px/39px Quicksand,sans-serif;margin:0}#joinus p{font:500 13px/13px Quicksand,sans-serif}@media(max-width:768px){.timeline-step{flex-direction:column;margin-bottom:60px}.step-content,.step-image{padding:20px;text-align:left!important}.step-content{margin-block-start:1rem}.step-image{order:-1}}