*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.how-rewards{padding:50px 0}.how-rewards__container{padding:50px auto;position:relative;max-width:1200px;margin:0 auto}.how-rewards__container h2{font-family:Archivo Black,sans-serif;font-size:50px;font-weight:400px;text-align:center;text-transform:capitalize}.how-rewards__container h2 strong{font-family:Archivo Black,sans-serif;color:#c01616}.how-rewards__container .how-wrapper{display:flex;justify-content:space-between;align-items:flex-start;padding:40px 0 0}.how-rewards__container .how-wrapper .how-it-works__steps{width:60%}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list{counter-reset:steps;list-style:none;padding:0 0 0 50px;position:relative}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li{color:#222;counter-increment:steps;position:relative;background-repeat:no-repeat;background-position:50% 50%;width:460px;height:161px;margin:20px 0;padding:10px 10px 40px 100px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li h3{font-size:26px;margin-bottom:10px;position:relative;z-index:3}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li p{font-size:18px;font-weight:400;line-height:130%;position:relative;z-index:3}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li:before{content:"0" counter(steps) ".";background-color:#c01616;border-radius:5px;color:#fff;font-family:Roboto,sans-serif;font-size:18px;font-weight:900;padding:9px 11px;position:absolute;left:0;z-index:2}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li svg{position:absolute;top:-20px;left:60px;z-index:2}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list:before{content:"";width:2px;height:100%;background-color:#000;display:block;position:absolute;left:72px;top:50px}.how-rewards__container .how-wrapper .guarantee-badge{transform:translateY(-20px)}.how-rewards__container .how-wrapper .guarantee-badge img{position:relative;z-index:2}.how-rewards__container .how-it-works__cta{transform:translateY(-70px);display:flex;justify-content:center}.how-rewards__container .how-it-works__cta .rewards-btn{text-decoration:none;background-color:#c01616;border:2px solid #C01616;color:#fff;font-size:20px;font-weight:700;padding:20px 30px;border-radius:40px;transition:all .3s ease-in}.how-rewards__container .how-it-works__cta .rewards-btn:hover{color:#c01616;background-color:#fff}@media (max-width: 1160px){.how-rewards__container{width:95%}.how-rewards__container .how-wrapper__image{width:60%}.how-rewards__container .how-wrapper__image img{width:100%}}@media (max-width: 1080px){.how-rewards__container .how-wrapper__image{width:45%}.how-rewards__container .how-wrapper__image img{width:100%}}@media (max-width: 880px){.how-rewards__container .how-wrapper{flex-direction:column}.how-rewards__container .how-wrapper__image,.how-rewards__container .how-wrapper__image img{width:100%}.how-rewards__container .how-it-works__cta{transform:translateY(0);margin-top:30px}}@media (max-width: 550px){.how-rewards__container h2{font-size:26px}.how-rewards__container .how-wrapper{padding:0}.how-rewards__container .how-wrapper .how-it-works__steps{width:100%}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list{padding:0;width:100%}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li{width:100%;margin:80px 0;padding:60px 40px 10px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li h3{font-size:18px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li p{font-size:16px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li svg{width:100%;left:0;top:30px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li:before{top:-20px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list:before{left:0%;top:0;height:120%}.how-rewards__container .how-wrapper .guarantee-badge{transform:translate(-20px)}.how-rewards__container .how-wrapper__image{margin-top:20px}}@media (max-width: 330px){.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li{margin:60px 0}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li p{font-size:14px}.how-rewards__container .how-wrapper .how-it-works__steps ol.steps-list li svg{top:20px}.how-rewards__container .how-wrapper .guarantee-badge{transform:translate(-10px)}.how-rewards__container .how-wrapper .guarantee-badge img{width:120px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/how-works-rewards.css.map */