.how-pg{padding:80px 20px;background-color:#fff;display:flex;justify-content:center;overflow:hidden;max-width:100%}.how-pg__container{max-width:1200px;width:100%}.how-pg__header{text-align:center;margin-bottom:80px}.how-pg__subheading{font-size:16px;letter-spacing:2px;color:#d0271b;text-transform:uppercase;font-weight:600;margin-bottom:12px}.how-pg__heading{font-size:clamp(32px,5vw,48px);font-weight:600;color:#1a1a1a}.how-pg__steps{display:flex;flex-direction:column;gap:60px;margin-bottom:80px}.how-pg__step{display:flex;flex-direction:column;align-items:center;gap:30px}.how-pg__step-image-wrapper{width:100%;max-width:300px;margin:0 auto;position:relative;border-radius:12px;overflow:hidden;background-color:#f5f5f5;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.how-pg__step-image{width:100%;height:100%;object-fit:contain;display:block}.how-pg__step-number{position:absolute;top:20px;left:20px;width:48px;height:48px;background-color:#1a1a1a;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;padding-top:2px;font-size:20px;font-weight:600;box-shadow:0 4px 10px #0003}.how-pg__step-content{width:100%}.how-pg__step-title{font-size:28px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.how-pg__step-desc{font-size:16px;color:#555;line-height:1.6}@media(min-width:768px){.how-pg__steps{gap:100px}.how-pg__step{flex-direction:row;justify-content:center;align-items:center;gap:60px}.how-pg__step--right{flex-direction:row-reverse}.how-pg__step-image-wrapper{width:40%;margin:0}.how-pg__step-content{width:50%;padding:0}}.how-pg__cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;padding-top:60px;border-top:1px solid #eaeaea}.how-pg__card{width:100%;display:flex;align-items:flex-start;gap:16px;background-color:#fcfcfc;padding:24px;border-radius:8px;border:1px solid #eaeaea;transition:transform .3s ease}@media(min-width:768px){.how-pg__card{width:calc(33.333% - 20px)}}.how-pg__card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.how-pg__card-icon{flex-shrink:0;color:#d0271b}.how-pg__card-title{font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.how-pg__card-desc{font-size:16px;color:#666;line-height:1.5}@media(max-width:749px){.how-pg__step-desc,.how-pg__card-desc{font-size:21px}.how-pg__subheading,.how-pg__card-title{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-how-v2-process-group.css.map */