.card{position:relative;background:linear-gradient(170deg,var(--primary),transparent,var(--primary))}.card,.card:before{border-radius:.4rem}.card:before{content:"";position:absolute;inset:.1rem;background:var(--black);z-index:1}.card:first-child:before{background:var(--glass)}.card:after{content:"";position:absolute;top:50%;left:-2rem;transform:translate(-50%,-50%);height:2rem;width:2rem;border-radius:50%;background:var(--primary)}.card:first-child:after{background:var(--lime)}.card .inner{position:relative;padding:2rem;display:flex;justify-content:space-between;gap:1rem;z-index:2}.card .inner h3{font-size:1.6rem;color:var(--white);margin-bottom:.6rem}.card .inner p em{font-size:1.4rem;white-space:nowrap}.card .inner p:not(:last-child){margin-bottom:1rem}@media only screen and (max-width:767px){.card:after{height:1rem;width:1rem}.card .inner{padding:1.5rem;flex-direction:column}.card p:not(:last-child){margin-bottom:.5rem}}.introduction{text-align:center;margin-bottom:4rem}.introduction p{font-size:1.5rem;line-height:1.7}.introduction p strong{font-weight:500;color:var(--white)}.timeline-wrapper{display:flex;flex-wrap:wrap;width:100%}.timeline-wrapper .panel{position:relative;width:50%;display:flex;flex-direction:column;gap:2rem;padding:0 2rem}.timeline-wrapper .panel:before{content:"";position:absolute;left:0;height:100%;width:.1rem;background:var(--primary)}@media only screen and (max-width:767px){.introduction p{font-size:1.4rem}.timeline-wrapper{gap:2rem}.timeline-wrapper .panel{width:100%;padding-right:0;gap:1rem}}