.steps-cards{counter-reset:step-index}.steps-cards .steps-card{padding:2em 1em;border-radius:.8rem}.steps-cards .steps-card .step-card-head{gap:2rem;margin-bottom:1.5em}.steps-cards .steps-card .step-card-number,.steps-cards .steps-cards-nav-mobile-item{width:6.5rem;height:6.5rem;display:flex;align-items:center;justify-content:center;background-color:var(--card-number-background);color:var(--card-number-color);border-radius:50%;margin:0}.steps-cards .steps-card .media-wrap{border-radius:1rem;overflow:hidden;margin-bottom:1em}.steps-cards .steps-cards-nav-mobile-item{width:4.4rem;height:4.4rem;color:var(--card-number-color)}.steps-cards .steps-cards-nav-mobile-item .steps-cards-nav-mobile-item-number{color:inherit}.steps-cards .steps-cards-nav-mobile-item.active{background-color:var(--card-number-background-active);color:var(--card-number-color-active)}.steps-cards .steps-cards-nav-mobile .next-icon path{stroke:currentColor}.steps-cards .steps-cards-nav-mobile .next-icon{position:relative;flex:1;display:flex;align-items:center;color:var(--card-number-background)}.steps-cards .steps-cards-nav-mobile-item.active+.next-icon{color:var(--card-number-background-active)}.steps-cards .steps-cards-nav-mobile .next-icon:before{content:"";height:1px;background-color:var(--card-number-background);color:var(--card-number-color);flex:1}.steps-cards .steps-cards-nav-mobile .next-icon:after{content:"";height:1px;background-color:var(--card-number-background);color:var(--card-number-color);flex:1}.steps-cards .steps-card .video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:inherit;background-size:cover;background-position:center;background-repeat:no-repeat}.steps-cards .steps-card .media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (max-width: 66em){.steps-cards .steps-cards-nav-mobile{margin-bottom:-4.5em;position:relative;z-index:2;transform:translateY(30%)}.steps-cards .steps-card{padding-top:6.5em}.steps-cards .keen-dots:before{content:"";position:absolute;top:50%;left:50%;width:calc(100% - var(--container-padding) * 3);height:1px;background-color:var(--card-number-background);transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/steps_cards.css.map */