.steps-top-wrapper{display:grid;grid-template-columns:1.2fr 500px;gap:80px;align-items:center;row-gap:0}.steps-subheading{display:block;margin-bottom:12px;font-size:14px}.steps-content h2{font-size:38px;line-height:normal;margin:0 0 16px;letter-spacing:0;font-weight:700;max-width:720px}.steps-description{max-width:700px;margin-bottom:0}.steps-description p{margin:0;padding:0;font-size:18px;font-weight:500;line-height:1.56;color:rgba(var(--color-foreground),.7)}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;--progress-duration: 3s}.steps-row:before{content:"";position:absolute;top:25px;left:0;right:0;height:2px;background:#f8ceca;width:100%;max-width:600px}.steps-row:after{display:none}.steps-progress-fill{position:absolute;top:25px;left:0;height:2px;background:rgb(var(--primary_color));width:var(--progress-width, 0);max-width:none;z-index:1;pointer-events:none;transition:width .4s ease-in-out}.steps-row.is-animating .steps-progress-fill{transition:width 1.2s ease-in-out,transform 1.2s ease-in-out}.steps-row.is-animating .step-item .step-number{transition:none}.steps-image-gallery{display:grid;width:100%}.steps-image-gallery>.steps-image{grid-area:1 / 1;opacity:0;transition:opacity .75s ease;pointer-events:none}.steps-image-gallery>.steps-image.is-visible{opacity:1;pointer-events:auto;z-index:1}.step-item{position:relative}.step-number{width:50px;height:50px;border-radius:50%;background:rgb(var(--primary_color));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:0;cursor:pointer;position:relative;z-index:2;font-size:24px;line-height:normal}.step-item .step-number{background:#f8ceca;color:rgb(var(--primary_color));transition:background .5s ease,color .5s ease}.step-item.is-active .step-number{background:rgb(var(--primary_color));color:#fff}.step-item h3{margin:15px 0 0;padding:0;font-size:24px;letter-spacing:0;font-weight:700;line-height:normal}.step-text{line-height:1.56;font-size:18px;font-weight:500;color:rgba(var(--color-foreground),.7);margin:12px 0 0}.steps-image img{width:100%;border-radius:20px;display:block;height:auto}.included-box{margin-top:50px;border-radius:24px;display:grid;grid-template-columns:1fr 684px;gap:40px;align-items:center;padding:0 40px}.included-content h2{font-size:38px;margin:0;font-weight:700;letter-spacing:0;padding:0;line-height:normal}.included-content .included-text ul{margin:0;padding:40px 0 0 32px}.included-image img{width:100%;display:block;height:auto}.included-content .included-text ul li{font-size:24px;font-weight:700;line-height:normal;padding-bottom:16px}.included-content .included-text ul li:last-child{padding-bottom:0}.included-box .included-image{border-radius:24px}.main_subheading_wrap:after{content:"";position:absolute;left:0;bottom:-8px;width:20px;height:1px;background:rgba(var(--color-foreground),.2)}.main_subheading_wrap{display:inline-block;width:100%;position:relative;font-size:18px;margin:0 0 22px;color:rgb(var(--primary_color));font-weight:500;line-height:normal}.steps-top-wrapper .steps-content .main_subheading_wrap:after{right:auto}@media screen and (min-width:990px){.steps-content{display:contents}.steps-header,.steps-row{grid-column:1}.steps-image-gallery{grid-column:2;grid-row:1 / span 2;align-self:center}}@media(min-width:750px){.steps-row{position:relative}.steps-row:before{content:"";position:absolute;top:25px;left:0;height:2px;background:#f8ceca;width:100%;max-width:600px}.steps-row:after{display:none}.steps-progress-fill{top:25px;transition:width .4s ease-in-out}}@media(max-width:1500px){.steps-row:before{max-width:70%}}@media(max-width:1400px){.steps-top-wrapper{grid-template-columns:1.2fr 400px;gap:40px}.step-text{font-size:16px}.steps-row:before{max-width:70%}}@media(max-width:1180px){.steps-top-wrapper{grid-template-columns:1.2fr 350px;gap:40px}.steps-content h2{font-size:34px}.step-item h3{font-size:22px}.step-text{font-size:16px}.steps-row{gap:12px}.steps-row:before{max-width:70%}.steps-image{display:block}.included-box{grid-template-columns:1fr 500px;gap:30px;padding:0 30px}.included-content .included-text ul{margin:0;padding:30px 0 0 32px}.included-content .included-text ul li{font-size:20px;padding-bottom:12px}}@media(max-width:989px){.included-box{margin-top:40px;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:0 24px}.steps-top-wrapper{grid-template-columns:1fr;gap:32px}.steps-row{gap:16px;margin:24px 0 0}.step-item h3{font-size:20px}.step-text{font-size:16px}.steps-row:before{max-width:70%}.included-content h2{font-size:32px}.included-content .included-text ul{margin:0;padding:16px 0 0 30px}.included-content .included-text ul li{font-size:20px;padding-bottom:12px}.steps-image-gallery{width:100%;margin:24px 0}}@media(max-width:749px){.steps-top-wrapper,.included-box{grid-template-columns:1fr}.steps-top-wrapper .steps-row{grid-template-columns:1fr;gap:24px;text-align:left;margin:16px 0 0}.steps-row:before{display:none}.steps-content h2{font-size:20px;margin-bottom:6px}.main_subheading_wrap{font-size:12px}.steps-description p{font-size:12px;font-weight:400}.steps-description{max-width:300px;margin:0 auto}.step-item h3{margin:9px 0 0;font-size:16px}.step-text{font-size:12px;margin:6px 0 0;font-weight:400}.steps-top-wrapper{gap:40px}.included-content .included-text ul{margin:0;padding:12px 0 0 24px}.comparison-section .main_subheading_wrap{margin:0 auto 10px}.main_subheading_wrap:after{bottom:-4px;width:21px}.included-box{padding:16px;gap:16px;display:flex;flex-direction:column-reverse;align-items:flex-start;margin-top:20px}.included-content h2{font-size:20px}.included-content .included-text ul li{font-size:16px;padding-bottom:8px;font-weight:600}.steps-image-gallery{width:100%;margin:16px 0 0}.steps-content{text-align:center}.steps-top-wrapper .steps-content .main_subheading_wrap:after{right:0}.steps-image img{border-radius:16px;border:solid 1px #EEEEEE}.steps-top-wrapper .steps-row .step-item{display:flex;align-items:flex-start;gap:16px}.steps-top-wrapper .steps-row .step-item .step-number{min-width:40px;min-height:40px;max-width:40px;height:40px;font-size:16px;background:#f8ceca;color:rgb(var(--primary_color))}.steps-top-wrapper .steps-row .step-item.is-active .step-number{background:rgb(var(--primary_color));color:#fff}.included-box .included-image{border-radius:24px;width:100%;max-width:311px;margin:0 auto}.page_about-us .steps-top-wrapper .steps-content .main_subheading_wrap:after{right:0;left:0;margin:0 auto}.page_about-us .steps-top-wrapper .steps-content .main_subheading_wrap{margin:0 0 10px}}@media(max-width:425px){.included-image img{height:159px;object-fit:cover;max-width:311px;margin:0 auto}}@media screen and (max-width:749px){.steps-row:after{content:"";display:block;position:absolute;top:6px;left:20px;right:auto;width:2px;max-width:none;height:82%;background:#f8ceca;z-index:0;transform:none;transition:none}.steps-row:before{display:none}.steps-progress-fill{top:6px;left:20px;width:2px;height:82%;transform:scaleY(var(--progress-scale, 0));transform-origin:top center;transition:transform .4s ease-in-out;will-change:transform}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/how-it-works-steps-section.css.map */