.step-guide-wrapper.layout-style-V2{display:grid;align-items:center}.step-guide-images-wrapper{display:grid;overflow:hidden;height:100%}.step-guide-wrapper.layout-style-V2 .media-fixed-height{height:100%;min-height:var(--mediaHeight)}.step-guide-image{grid-column:1/2;grid-row:1/2;overflow:hidden;opacity:0;transition:opacity .4s ease-out}.step-guide-image.image-active{opacity:1}.step-guide-content-wrapper{display:grid;grid-template-columns:1fr;gap:10px;margin-top:15px}@media (min-width: 768px){.step-guide-content-wrapper{grid-template-columns:1fr 1fr 1fr;margin-top:20px;gap:20px}}@media (min-width: 1200px){.step-guide-content-wrapper{margin-top:32px}}.step-guide-wrapper.layout-style-V2 .step-guide-content-wrapper{position:relative;grid-template-columns:1fr;width:100%}@media (min-width: 768px){.step-guide-wrapper.layout-style-V2 .step-guide-content-wrapper{margin:0 20px 0 auto;padding-block:20px;max-width:400px}}.container-full .step-guide-wrapper.layout-style-V1 .step-guide-content-wrapper{padding-inline:15px}@media (min-width: 768px){.container-full .step-guide-wrapper.layout-style-V1 .step-guide-content-wrapper{padding-inline:20px}}.step-guide-content-item{border:1px solid var(--borderColor);border-radius:var(--blockRadius);background:var(--background);padding:1.5rem 1.2rem;transition:.4s ease-out}@media (min-width: 1025px){.step-guide-content-item{padding:3rem}}.steps-on-click .step-guide-content-item{cursor:pointer}.step-guide-content-item.active{background:var(--alternateBackground)}.step-guide-content-item.active .step-guide-zoom-circle .svg-wrapper{clip-path:inset(0% 0% 0% 0%)}.step-guide-content-item-inner{grid-column-gap:22px;align-items:center;display:flex;position:relative}@media (max-width: 991px){.step-guide-content-item-inner{grid-column-gap:15px}}@media (max-width: 767px){.step-guide-content-item-inner{grid-column-gap:10px}}.step-guide-icon-box{--svgSize: 40px;width:var(--svgSize);min-width:var(--svgSize);height:var(--svgSize);border:1px solid var(--headingColor);border-radius:100%;display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 991px){.step-guide-icon-box{--svgSize: 30px}}.step-guide-desc{margin-top:6px}.vc-slideshow-thumb-progress{position:absolute;top:0;right:0;bottom:0;left:0}.step-guide-zoom-circle{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--alternateBackground);position:absolute;top:0;right:0;bottom:0;left:0;border-radius:100%;transform:scale(0);--svgSize: 16px;color:var(--headingColor)}.step-guide-content-item.active :is(.steps-on-click .step-guide-zoom-circle){transform:scale(1)}@media (max-width: 767px){.step-guide-content-item.active :is(.steps-on-scroll .step-guide-zoom-circle){transform:scale(1)}}.step-guide-zoom-circle .svg-wrapper{clip-path:inset(0% 100% 0% 0%);transition:clip-path .6s ease-out}@media (min-width: 768px){.step-guide-wrapper.layout-style-V1 .media-fixed-height{height:calc(100vh - var(--stepGuideContentHeight, 0px) - var(--topSpacer) - var(--bottomSpacer) - 32px)}.step-guide-wrapper.layout-style-V2 .step-guide-images-wrapper,.step-guide-wrapper.layout-style-V2 .step-guide-content-wrapper{grid-area:1/1/2/2}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/step-by-step-guide.css.map */