.progress-with-image-section .progress-image-text-wrapper-main{display:flex;gap:100px;align-items:center;max-width:1020px;margin:0 auto}.progress-with-image-section .image-wrapper{width:100%;max-width:410px}.progress-with-image-section .progress-text-wrapper-main{width:100%;max-width:510px}.progress-with-image-section .progress-text-wrapper+.progress-text-wrapper{margin-top:25px}.progress-with-image-section .bar-title{font-size:15px;line-height:25px;letter-spacing:1.5px;font-weight:500}.progress-with-image-section .progress-text-inner{display:flex;justify-content:space-between}.progress-with-image-section .progress-text-inner .progress-text{color:#666;letter-spacing:.24px;line-height:20px;font-size:12px}@-webkit-keyframes progress{0%{--percentage: 0}to{--percentage: var(--value)}}@keyframes progress{0%{--percentage: 0}to{--percentage: var(--value)}}@property --percentage{syntax: "<number>";inherits: true;initial-value: 0;}.progress-with-image-section .progress-image-text-wrapper-main div[role=progressbar]{--height: 10px;width:100%;height:var(--height);aspect-ratio:auto;background:#fff;overflow:hidden;position:relative;animation:progress 2s .5s forwards;-webkit-animation:progress 2s .5s forwards;display:block;box-shadow:1px 1px 1px #00000029}.progress-with-image-section .progress-image-text-wrapper-main div[role=progressbar]:before{content:"";position:absolute;height:100%;width:calc(var(--value) * 1%);background-color:#2a3e39;background-image:none;-webkit-mask:none;mask:none;top:0;left:0}@media only screen and (max-width: 989px){.progress-with-image-section .progress-image-text-wrapper-main{gap:30px}}@media only screen and (max-width: 749px){.progress-with-image-section .section-title h2{letter-spacing:0px;text-align:center}.progress-with-image-section .subtitle{letter-spacing:.14px;text-align:center}.progress-with-image-section .progress-text-wrapper-main{max-width:100%}.progress-with-image-section .progress-text-wrapper+.progress-text-wrapper{margin-top:20px}.progress-with-image-section .progress-image-text-wrapper-main{flex-direction:column;gap:0}.progress-with-image-section .progress-text-wrapper-main{margin-top:40px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-progress-with-text.css.map */