@keyframes card-expand{0%{height:0;transform-origin:top}to{height:330px;transform-origin:top}}@keyframes text-appear{0%{opacity:0}to{opacity:1}}@keyframes expand-rule{0%{transform:scaleX(0)}to{transform:scale(1)}}@keyframes icon-appear{0%{opacity:0}to{opacity:1}}@keyframes dot-pulse{0%{transform:scale(.5)}to{transform:scale(1)}}.how-it-works-card-one-animation{animation-duration:.25s;animation-fill-mode:forwards;animation-name:card-expand;animation-timing-function:ease-out}.how-it-works-rule-one-animation{animation-delay:.05s;animation-duration:.75s;animation-fill-mode:forwards;animation-name:expand-rule;animation-timing-function:ease-out}.text-appear-one{animation-fill-mode:forwards;animation-name:text-appear;animation-timing-function:ease-out}.icon-appear-one,.text-appear-one{animation-delay:.05s;animation-duration:.25s}.icon-appear-one{animation-fill-mode:forwards;animation-name:icon-appear;animation-timing-function:ease-out}.how-it-works-card-two-animation{animation-delay:.05s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:card-expand;animation-timing-function:ease-out}.how-it-works-rule-two-animation{animation-delay:.1s;animation-duration:.75s;animation-fill-mode:forwards;animation-name:expand-rule;animation-timing-function:ease-out}.text-appear-two{animation-fill-mode:forwards;animation-name:text-appear;animation-timing-function:ease-out}.icon-appear-two,.text-appear-two{animation-delay:.1s;animation-duration:.25s}.icon-appear-two{animation-fill-mode:forwards;animation-name:icon-appear;animation-timing-function:ease-out}.how-it-works-card-three-animation{animation-delay:.1s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:card-expand;animation-timing-function:ease-out}.how-it-works-rule-three-animation{animation-delay:.15s;animation-duration:.75s;animation-fill-mode:forwards;animation-name:expand-rule;animation-timing-function:ease-out}.text-appear-three{animation-fill-mode:forwards;animation-name:text-appear;animation-timing-function:ease-out}.icon-appear-three,.text-appear-three{animation-delay:.15s;animation-duration:.25s}.icon-appear-three{animation-fill-mode:forwards;animation-name:icon-appear;animation-timing-function:ease-out}.how-it-works-card-four-animation{animation-delay:.15s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:card-expand;animation-timing-function:ease-out}.how-it-works-rule-four-animation{animation-delay:.2s;animation-duration:.75s;animation-fill-mode:forwards;animation-name:expand-rule;animation-timing-function:ease-out}.text-appear-four{animation-fill-mode:forwards;animation-name:text-appear;animation-timing-function:ease-out}.icon-appear-four,.text-appear-four{animation-delay:.2s;animation-duration:.25s}.icon-appear-four{animation-fill-mode:forwards;animation-name:icon-appear;animation-timing-function:ease-out}.how-it-works-card-five-animation{animation-delay:.2s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:card-expand;animation-timing-function:ease-out}.how-it-works-rule-five-animation{animation-delay:.25s;animation-duration:.75s;animation-fill-mode:forwards;animation-name:expand-rule;animation-timing-function:ease-out}.text-appear-five{animation-fill-mode:forwards;animation-name:text-appear;animation-timing-function:ease-out}.icon-appear-five,.text-appear-five{animation-delay:.25s;animation-duration:.25s}.icon-appear-five{animation-fill-mode:forwards;animation-name:icon-appear;animation-timing-function:ease-out}.how-it-works-card-six-animation{animation-delay:.25s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:card-expand;animation-timing-function:ease-out}.how-it-works-rule-six-animation{animation-delay:.3s;animation-duration:.75s;animation-fill-mode:forwards;animation-name:expand-rule;animation-timing-function:ease-out}.text-appear-six{animation-fill-mode:forwards;animation-name:text-appear;animation-timing-function:ease-out}.icon-appear-six,.text-appear-six{animation-delay:.3s;animation-duration:.25s}.icon-appear-six{animation-fill-mode:forwards;animation-name:icon-appear;animation-timing-function:ease-out}.dot-one-pulse{animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.dot-one-pulse,.dot-two-pulse{animation-direction:alternate;animation-duration:2s;animation-name:dot-pulse}.dot-two-pulse{animation-delay:.25s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.dot-three-pulse{animation-delay:.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.dot-four-pulse,.dot-three-pulse{animation-direction:alternate;animation-duration:2s;animation-name:dot-pulse}.dot-four-pulse{animation-delay:.75s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.section-heading{color:#02293d;font-family:Roboto Condensed,sans-serif;font-size:32px;font-weight:400;letter-spacing:.2em;line-height:1.25em;margin-bottom:28px;text-align:center;text-transform:uppercase}#how-it-works-container{align-items:center;background-color:#f4f4f4;display:flex;height:450px;left:0;margin-left:0;margin-right:0;overflow:scroll;overflow-y:hidden;padding:25px 10% 60px;position:absolute;width:100vw}.how-it-works-card{background-color:#fff;border:2px solid #12d678;border-radius:20px;flex-basis:200px;flex-grow:0;flex-shrink:0;height:0;overflow:hidden;padding:12px;width:200px}.step-icon{float:right;opacity:0;width:50px}.step-heading{align-items:center;display:flex;height:100px;padding-top:35px}.step-align{vertical-align:middle}.step-number{font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:300;letter-spacing:.28em;line-height:18px;margin:0;text-transform:uppercase}.step-number,.step-title{color:#02293d;opacity:0;text-align:left}.step-title{font-family:Roboto Slab,serif;font-size:18px;font-weight:400;letter-spacing:.06em;line-height:1.25em;text-transform:none}.step-rule{border:.5px solid #12d678;transform:scaleY(0)}.step-description{color:#02293d;font-family:Source Sans Pro,sans-serif;font-size:12px;font-weight:100;letter-spacing:.06em;line-height:16px;margin-top:15px;opacity:0}.dot-it{background-color:#02293d;border-radius:50%;display:inline-block;height:10px;margin:3px;padding:5px;width:10px}#spacer{height:325px}