.how-to-use-row{display:flex;flex-wrap:wrap;align-items:center}.how-to-use .steps .step-title{margin-bottom:5px;font-size:20px;line-height:24px;font-weight:600}.how-to-use-heading{margin-top:0}.how-to-use .see-action{display:none;align-items:center;gap:10px;justify-content:center}.how-to-use .count{position:absolute;top:10px;left:10px;background:#fff;border-radius:50%;height:25px;width:25px;display:flex;justify-content:center;align-items:center;font-size:12px;line-height:normal;font-family:var(--font-heading-family)}.how-to-use .video-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;z-index:9999}.how-to-use .video-wrapper{padding:0 20px;width:100%}.how-to-use .video-popup.active{display:flex}.how-to-use .video-popup .modal-body{position:relative;max-width:800px;width:100%}.how-to-use .close-popup{position:absolute;top:0;right:0;width:30px;height:30px;background:#fffc;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .2s ease}.how-to-use .close-popup:hover{background:#fff}.how-to-use .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:opacity .3s;width:64px;height:64px;border-radius:50%;background-color:#fff3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.how-to-use .play-icon svg{width:25px;height:25px;fill:#fff}.how-to-use-row.no-video .step-wrapper{width:100%}@media (min-width:1200px){.how-to-use-row{gap:40px}.how-to-use-row .video{width:calc(33.33% - 20px);overflow:hidden}.how-to-use-row .step-wrapper{width:calc(66.6667% - 20px)}.how-to-use .steps .step-media{padding-bottom:60%}.how-to-use-row.no-video .step-wrapper{width:100%;max-width:1200px;margin:0 auto}}@media (max-width:1199px){.how-to-use-row{gap:20px}.how-to-use-row .video{width:calc(50% - 10px);overflow:hidden}.how-to-use-row .step-wrapper{width:calc(50% - 10px)}.how-to-use-row.no-video .step-wrapper{width:100%}}@media (max-width:1199px) and (min-width:749px){.how-to-use .steps .step-media{padding-bottom:100%}.how-to-use .page-width{padding-left:15px;padding-right:15px}}@media (min-width:990px){.how-to-use .steps .step{padding:10px}.how-to-use .steps{display:grid;grid-template-columns:repeat(3,1fr)}}@media (max-width:989px){.how-to-use .steps{display:grid;grid-template-columns:repeat(2,1fr)}.how-to-use .steps .step{padding:6px}.how-to-use-row.no-video .steps{grid-template-columns:repeat(3,1fr)}}@media (min-width:750px) and (max-width:989px){.how-to-use-row.no-video .steps{grid-template-columns:repeat(3,1fr)}.how-to-use-row.no-video .steps .step{padding:10px}}@media (min-width:750px){.how-to-use .steps .step-media{margin-bottom:20px;overflow:hidden}}@media (max-width:749px){.how-to-use-row{flex-direction:column}.how-to-use-row .video{display:none}.how-to-use .steps{display:grid;grid-template-columns:repeat(1,1fr)}.how-to-use-row .step-wrapper{width:100%}.how-to-use .steps .step{display:flex;gap:10px;padding:10px 0}.how-to-use .steps .step-media{max-width:100px;width:100%;padding-bottom:100px;overflow:hidden}.how-to-use .steps .step-media img{width:100px;max-width:100px;display:block}.how-to-use .steps .step-title{font-size:16px;line-height:20px}.how-to-use .steps .step-desc{font-size:14px}.how-to-use .see-action{display:flex;cursor:pointer;margin-top:20px}.how-to-use .count{top:5px;left:5px;height:20px;width:20px}.how-to-use-row.no-video .steps{grid-template-columns:repeat(1,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/how-to-use.css.map */