.interactive-steps-section{padding-top:100px;padding-bottom:50px;background-color:#000;color:#fff}.video-step-container{display:flex;flex-wrap:wrap;max-width:1040px;margin:0 auto}.video-step-container .video-block{flex:1;min-width:300px;padding:2rem}.video-step-container .video-block iframe{width:100%;aspect-ratio:16 / 9;border-radius:12px;border:none}.video-step-container .steps{flex:1;min-width:300px;padding:2rem;display:flex;flex-direction:column;gap:20px}.video-step-container .step{background-color:#1c1c1c;border-radius:20px;padding:25px;transition:background .3s ease;border:1px solid rgb(41,41,41);box-shadow:#0003 0 0,#00000034 0 0,#00000036 0 0,#0000003e 0 0;cursor:pointer}.video-step-container .step h3{margin:0;font-size:24px;color:#b3b3b3;line-height:1.2em;font-family:".SFNSDisplay-Medium",SFProDisplay-Medium,SFUIDisplay-Medium,".SFUIDisplay-Medium",SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.2px;font-weight:500}.video-step-container .step.active h3{margin-bottom:15px}.video-step-container .step p{font-family:".SFNSText",SFProText-Regular,SFUIText-Regular,".SFUIText",-apple-system,BlinkMacSystemFont,sans-serif;margin-top:15px;margin-bottom:0;font-size:18px;font-weight:400;line-height:1.3em;color:#737373;display:none}.video-step-container .step .progress{margin-top:.75rem;height:2px;background:#444;overflow:hidden;position:relative;display:none}.video-step-container .step .progress:before{content:"";position:absolute;height:100%;width:0%;background:#fff;animation:progressAnim 4s linear forwards}.video-step-container .step.active{background-color:#2a2a2a}.video-step-container .step.active p,.video-step-container .step.active .progress{display:block}.video-step-wrapper .title-wrapper-with-link{margin-top:0;margin-bottom:0}.video-step-wrapper .center.sub-title p{margin:0 0 30px}@keyframes progressAnim{to{width:100%}}@media (max-width: 768px){.video-step-container .step h3{font-size:19px}.video-step-container .step p{font-size:16px}.index .video-step-wrapper .multi-card-content .btn-title-subtitle-wrapper{width:100%;margin:0 auto}.index .video-step-wrapper .sub-title{font-size:16px}.video-step-wrapper.page-width{padding-left:7.5%;padding-right:7.5%}.video-step-container .video-block,.video-step-container .steps{padding-left:0;padding-right:0}}@media (max-width: 479px){.video-step-container .steps{height:377px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/interactive-steps.css.map */