@keyframes progress{0%{height:0}to{height:100%}}.sp-how-works *{color:inherit}.sp-how-works__title{text-align:center;margin-bottom:40px}.sp-how-works__row{display:flex;flex-wrap:wrap;margin:0 -15px}.sp-how-works__col{padding:0 15px}.sp-how-works__col--media{width:48.5%}.sp-how-works__col--content{width:51.5%}.sp-how-works__slider{border:1px solid #E4E2DF;border-radius:16px;background:#fbfafa;padding:15px}.sp-how-works__slide-img{position:relative;padding-top:76%}.sp-how-works__slide-img>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sp-how-works__nav-item{padding:16px 16px 16px 32px;position:relative;opacity:.4;transition:all .35s ease-in-out;cursor:pointer}.sp-how-works__nav-item:before{content:"";width:3px;height:100%;background-color:#ddd;position:absolute;top:0;left:0;transition:all .1s ease-in-out;opacity:0}.sp-how-works__nav-item.active{opacity:1}.sp-how-works__nav-item.active:before{opacity:1}.sp-how-works__nav-item:after{content:"";width:3px;height:0;background:linear-gradient(181.85deg,#4527a0 3.51%,#211449 49.54%);position:absolute;top:0;left:0}.sp-how-works__nav-item.active:after{animation:progress 4s linear}.sp-how-works__nav-item .sp-title{margin-bottom:0}.sp-how-works__nav-item-desc{max-height:0;overflow:hidden;transition:all .35s ease-in-out}.sp-how-works__nav-item-desc p{padding-top:16px}.sp-how-works__nav-item.active .sp-how-works__nav-item-desc{display:block;max-height:500px}.sp-how-works__nav{max-width:616px;margin-left:auto}.sp-how-works__dots{display:flex;gap:15px;margin:24px 0}.sp-how-works__dot{cursor:pointer;width:100%}.sp-how-works__dot span.progressBar{width:100%;height:2px;border-radius:50px;background-color:#0006;display:block!important}.sp-how-works__dot .inProgress{background:linear-gradient(92.62deg,#4527a0 -3.82%,#211449 85.88%);width:0%;min-width:0%;max-width:100%;height:2px;border-radius:50px;display:block!important}@media only screen and (max-width: 1199px){.sp-how-works__title{margin-bottom:30px}}@media only screen and (min-width: 768px){.sp-how-works__dots,.sp-how-works__cont-slider{display:none}}@media only screen and (max-width: 767px){.sp-how-works__title{margin-bottom:24px}.sp-how-works__col--media,.sp-how-works__col--content{width:100%}.sp-how-works__col--content{display:none}.sp-how-works__slide-img{padding-top:47%}.sp-how-works__slider{padding:10px}.sp-how-works__nav-item-desc{max-height:100%}.sp-how-works__nav-item-desc p{padding-top:0}.sp-how-works__cont-slide-content .sp-title{margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/183/assets/ad-how-works.css.map */