.how-it-works-steps{background:var(--section-bg, #ffffff);padding:var(--section-padding, 40px);border-radius:var(--section-border-radius, 0px)}.how-it-works-steps__inner{max-width:1200px;margin:0 auto;padding:0 20px}.how-it-works-steps__heading{color:var(--heading-color, #151515);font-size:var(--heading-size, 36px);font-weight:var(--heading-weight, 600);text-align:var(--heading-align, center);line-height:1.3;margin:0 0 20px;font-style:normal!important}.how-it-works-steps__heading--sans-serif{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.how-it-works-steps__heading--serif{font-family:Georgia,Times New Roman,serif}.how-it-works-steps__heading--monospace{font-family:Courier New,Courier,monospace}.how-it-works-steps__steps{display:flex;flex-direction:column;gap:var(--step-spacing, 40px)}.how-it-works-steps__step{display:flex;flex-direction:row;align-items:flex-start;gap:20px}.how-it-works-steps__step-image{flex-shrink:0;width:80px;height:80px;overflow:hidden}.how-it-works-steps__step-image--round{border-radius:50%}.how-it-works-steps__step-image--square{border-radius:8px}.how-it-works-steps__step-image img,.how-it-works-steps__step-image svg{width:100%;height:100%;object-fit:cover;display:block}.how-it-works-steps__step-content{flex:1;min-width:0}.how-it-works-steps__step-title{color:var(--step-title-color, #151515);font-size:var(--step-title-size, 20px);margin:0 0 20px;line-height:1.3;font-style:normal!important}.how-it-works-steps__step-title--sans-serif{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.how-it-works-steps__step-title--serif{font-family:Georgia,Times New Roman,serif}.how-it-works-steps__step-title--monospace{font-family:Courier New,Courier,monospace}.how-it-works-steps__step-title--bold{font-weight:700}.how-it-works-steps__step-description{color:var(--step-description-color, #151515);font-size:var(--step-description-size, 16px);line-height:var(--step-description-line-height, 1.6);margin:0;font-style:normal!important}.how-it-works-steps__step-description p{margin:0 0 10px;font-style:normal!important}.how-it-works-steps__step-description p:last-child{margin-bottom:0}.how-it-works-steps__step-description *{font-style:normal!important}@media screen and (max-width:749px){.how-it-works-steps__inner{padding:0 16px}body.template-product:has(.thb-product-detail[data-handle=microneedle-patch]) .how-it-works-steps__inner,body.template-product:has(.thb-product-detail[data-handle=cure-patch-microneedle-patch-1]) .how-it-works-steps__inner,body.template-product:has(.thb-product-detail[data-handle*=cure-patch-microneedle-patch-1]) .how-it-works-steps__inner,body.template-product:has(.thb-product-detail[data-handle*=cure-patch-microneedle]) .how-it-works-steps__inner,body.template-product:has(.thb-product-detail[data-handle*=cure-patch]) .how-it-works-steps__inner,body.template-product:has(.thb-product-detail[data-handle*=microneedle-patch-1]) .how-it-works-steps__inner{padding-left:0!important;padding-right:0!important}.how-it-works-steps{padding:calc(var(--section-padding, 40px) * .7)}.how-it-works-steps__heading{font-size:calc(var(--heading-size, 36px) * .75);margin-bottom:20px}.how-it-works-steps__step{flex-direction:row;align-items:flex-start;gap:16px}.how-it-works-steps__step-image{width:60px;height:60px;flex-shrink:0}.how-it-works-steps__step-content{text-align:left;flex:1}.how-it-works-steps__step-title{font-size:calc(var(--step-title-size, 20px) * .9)}.how-it-works-steps__step-description{font-size:calc(var(--step-description-size, 16px) * .9)}}@media screen and (min-width:750px)and (max-width:989px){.how-it-works-steps__heading{font-size:calc(var(--heading-size, 36px) * .9)}}@media only screen and (max-width:767px){body.template-product:has(.thb-product-detail[data-handle=microneedle-patch]) .how-it-works-steps .row,.template-product .thb-product-detail[data-handle=microneedle-patch]~* .how-it-works-steps .row,body.template-product:has(.thb-product-detail[data-handle=microneedle-patch]) .shopify-section:has(.how-it-works-steps) .row,.template-product .thb-product-detail[data-handle=microneedle-patch]~section:has(.how-it-works-steps) .row{padding-left:10px!important;padding-right:10px!important}body.template-product:has(.thb-product-detail[data-handle=cure-patch-microneedle-patch-1]) .how-it-works-steps .row,body.template-product:has(.thb-product-detail[data-handle*=cure-patch-microneedle-patch-1]) .how-it-works-steps .row,body.template-product:has(.thb-product-detail[data-handle*=cure-patch-microneedle]) .how-it-works-steps .row,body.template-product:has(.thb-product-detail[data-handle*=cure-patch]) .how-it-works-steps .row,body.template-product:has(.thb-product-detail[data-handle*=microneedle-patch-1]) .how-it-works-steps .row,.template-product .thb-product-detail[data-handle=cure-patch-microneedle-patch-1]~* .how-it-works-steps .row,.template-product .thb-product-detail[data-handle*=cure-patch-microneedle-patch-1]~* .how-it-works-steps .row,.template-product .thb-product-detail[data-handle*=cure-patch-microneedle]~* .how-it-works-steps .row,.template-product .thb-product-detail[data-handle*=cure-patch]~* .how-it-works-steps .row,.template-product .thb-product-detail[data-handle*=microneedle-patch-1]~* .how-it-works-steps .row,body.template-product:has(.thb-product-detail[data-handle=cure-patch-microneedle-patch-1]) .shopify-section:has(.how-it-works-steps) .row,body.template-product:has(.thb-product-detail[data-handle*=cure-patch-microneedle-patch-1]) .shopify-section:has(.how-it-works-steps) .row,body.template-product:has(.thb-product-detail[data-handle*=cure-patch-microneedle]) .shopify-section:has(.how-it-works-steps) .row,body.template-product:has(.thb-product-detail[data-handle*=cure-patch]) .shopify-section:has(.how-it-works-steps) .row,body.template-product:has(.thb-product-detail[data-handle*=microneedle-patch-1]) .shopify-section:has(.how-it-works-steps) .row,.template-product .thb-product-detail[data-handle=cure-patch-microneedle-patch-1]~section:has(.how-it-works-steps) .row,.template-product .thb-product-detail[data-handle*=cure-patch-microneedle-patch-1]~section:has(.how-it-works-steps) .row,.template-product .thb-product-detail[data-handle*=cure-patch-microneedle]~section:has(.how-it-works-steps) .row,.template-product .thb-product-detail[data-handle*=cure-patch]~section:has(.how-it-works-steps) .row,.template-product .thb-product-detail[data-handle*=microneedle-patch-1]~section:has(.how-it-works-steps) .row{padding-left:10px!important;padding-right:10px!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/how-it-works-steps.css.map */