.timeline-quality{background-color:var(--bg-color, #ffffff);padding:80px 0}.timeline-quality-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.timeline-quality-images{position:relative;height:100%}.timeline-quality-images-sticky{position:sticky;top:120px}.timeline-quality-image-wrapper{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden}.timeline-quality-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;border-radius:20px}.timeline-quality-image.active{opacity:1}.timeline-quality-content{padding:0 0 100px}.timeline-quality-header{margin-bottom:50px}.timeline-quality-heading{font-family:Outfit,sans-serif;font-weight:600;font-size:clamp(32px,4.5vw,48px);line-height:1.1;color:var(--text-color, #044641);margin:0 0 16px}.timeline-quality-subheading{font-family:Outfit,sans-serif;font-weight:400;font-size:17px;line-height:1.6;color:var(--text-color, #044641);opacity:.75;margin:0}.timeline-quality-button{display:inline-block;margin-top:40px;padding:14px 32px;font-family:Outfit,sans-serif;font-weight:500;font-size:16px;line-height:1;text-decoration:none;border-radius:999px;background-color:var(--button-bg-color, #044641);color:var(--button-text-color, #ffffff);transition:opacity .2s ease}.timeline-quality-button:hover{opacity:.85}.timeline-quality-items{position:relative;padding-left:32px}.timeline-quality-line{position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:#e0e0e0}.timeline-quality-line-progress{position:absolute;top:0;left:0;width:100%;height:0;background:var(--timeline-color, #044641);transition:height .4s ease-out}.timeline-quality-item{position:relative;padding-bottom:48px;opacity:.3;transition:opacity .4s ease}.timeline-quality-item:last-child{padding-bottom:0}.timeline-quality-item.active{opacity:1}.timeline-quality-marker{position:absolute;left:-32px;top:6px;width:16px;height:16px;border:2px solid #e0e0e0;border-radius:50%;background:var(--bg-color, #ffffff);transition:border-color .3s ease}.timeline-quality-item.active .timeline-quality-marker{border-color:var(--timeline-color, #044641)}.timeline-quality-marker-fill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:8px;height:8px;border-radius:50%;background:var(--timeline-color, #044641);transition:transform .3s ease}.timeline-quality-item.active .timeline-quality-marker-fill{transform:translate(-50%,-50%) scale(1)}.timeline-quality-item-title{font-family:Outfit,sans-serif;font-weight:600;font-size:20px;line-height:1.3;color:var(--text-color, #044641);margin:0 0 10px}.timeline-quality-item-description{font-family:Outfit,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--text-color, #044641);margin:0}.timeline-quality-item-image-mobile,.timeline-quality-mobile-line{display:none}@media screen and (max-width:749px){.timeline-quality{padding:20px 0}.timeline-quality-container{grid-template-columns:1fr;gap:0}.timeline-quality-images{display:none!important}.timeline-quality-content{padding:0}.timeline-quality-header{text-align:center;margin-bottom:24px;padding:0 20px}.timeline-quality-heading{font-size:28px;margin-bottom:10px}.timeline-quality-subheading{font-size:15px}.timeline-quality-button{display:block;text-align:center;width:calc(100% - 40px);margin-left:20px;margin-right:20px;box-sizing:border-box}.timeline-quality-items{padding-left:0}.timeline-quality-line{display:none!important}.timeline-quality-item{width:100%;padding-bottom:0;text-align:center;opacity:.3;transition:opacity .5s ease;display:flex;flex-direction:column;align-items:center}.timeline-quality-item.active{opacity:1}.timeline-quality-mobile-line{display:block!important;width:2px;height:24px;background-color:var(--timeline-color, #044641)}.timeline-quality-mobile-line.line-before-marker{margin-bottom:6px}.timeline-quality-item:first-child .timeline-quality-mobile-line.line-before-marker{display:none!important}.timeline-quality-mobile-line.line-after-title{margin-top:10px}.timeline-quality-marker{position:relative;left:auto;top:auto;margin:0 0 6px;border-color:var(--timeline-color, #044641);flex-shrink:0}.timeline-quality-item.active .timeline-quality-marker-fill{transform:translate(-50%,-50%) scale(1)}.timeline-quality-item:not(.active) .timeline-quality-marker{border-color:#d0d0d0}.timeline-quality-item:not(.active) .timeline-quality-marker-fill{transform:translate(-50%,-50%) scale(0)}.timeline-quality-item:not(.active) .timeline-quality-mobile-line{background-color:#d0d0d0}.timeline-quality-item-content{width:100%}.timeline-quality-item-title{font-size:17px;margin-bottom:0}.timeline-quality-item-description{display:none!important}.timeline-quality-item-image-mobile{display:block!important;width:calc(100% - 40px);max-width:320px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/timeline-quality.css.map */