.loyalty-banner-top img{width:100%;display:block}.how-heading{text-align:center;font-size:40px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:300%}.how-grid{display:grid;padding:0 5%}.how-column{text-align:center;display:flex;flex-direction:column;width:auto;justify-content:center;align-items:center}.how-column img{max-height:180px}.how-column div{font-size:26px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;line-height:120%;padding:60px 0}.steps-grid{display:flex}.steps-grid.step1{background-color:#77b744}.steps-grid.step2{background-color:#0094c7}.steps-grid.step3{background-color:#fed603}.steps-grid.step4{background-color:#e76c2f}.steps-grid.step5{background-color:#77b744}.step-info img{width:100%;max-width:500px;margin:0 auto}.step-info{display:flex;flex-direction:column;justify-content:center;align-self:center;margin:0 auto;padding:0 5%;text-align:center}.step-txt p{text-align:center;font-size:clamp(25px,1.8vw,35px);font-weight:400;color:#fff}.step-txt{max-width:690px}.steps-grid{margin-bottom:50px}.carts-move{display:flex;justify-content:space-around;align-items:center;margin-bottom:50px;text-align:center;font-size:clamp(25px,1.8vw,35px);padding:0 5%}.button-block{text-align:center;margin-bottom:50px;padding:0 5%}.button-block a{background-color:#b2414d;border-radius:32px;color:#fff;font-size:40px;font-weight:700;padding:20px;max-width:500px;width:100%;display:inline-block;text-transform:uppercase;text-decoration:none}.step-info a{font-size:clamp(25px,1.8vw,35px);color:#fff;font-weight:700;padding:15px 25px;background-color:#386538;border-radius:20px;text-decoration:none}@media only screen and (min-width: 1165px){.how-grid{grid-template-columns:1fr 1fr 1fr 1fr}.step-bubble{max-width:50%}.desktop-step{display:block}.mobile-step{display:none}}@media only screen and (max-width: 1164px){.how-grid{grid-template-columns:1fr 1fr}.steps-grid{flex-direction:column}.step-info{padding:5%}.step-bubble{max-width:100%}.carts-move{flex-direction:column}.carts-move p{margin:50px 0}.desktop-step{display:none}.mobile-step{display:block}}@media only screen and (max-width: 425px){.how-column img{max-height:90px}.how-column div{font-size:18px;padding:30px 0}.how-heading{font-size:30px}.step-info p br,.carts-move p br{display:none}.step-info p,.carts-move p{font-size:18px}.carts-move img{height:90px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/loyalty.css.map */