.transition-guide-container{max-width:1200px;margin:0 auto;text-align:center}.transition-guide__heading{font-weight:800;color:#333;font-size:45px;margin-bottom:80px;max-width:600px;margin-inline:auto}.transition-guide__steps-wrapper{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 10px;z-index:1}.transition-step-item{flex-basis:20%;max-width:20%;position:relative;padding-top:110px}.transition-step-item:nth-child(2n){margin-top:78px}.transition-step-item svg{position:absolute;width:200px;height:auto;top:30px;left:calc(100% - 120px)}.transition-step-item:nth-child(2n) svg{left:calc(100% - 110px);transform:scaleY(-1);top:0}.transition-guide__step-card{position:absolute;top:0;left:50%;transform:translate(-50%);background-color:#ff5757;color:#fff;width:90px;height:90px;border-radius:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;padding:10px}.step-card__days{font-size:24px;font-weight:700}.step-card__percentage{font-size:18px;font-weight:800;line-height:1.2}.transition-guide__step-description{opacity:.7;line-height:1.4;padding:0 10px}@media screen and (max-width: 900px){.transition-step-item{flex-basis:30%;max-width:30%}.transition-guide__steps-wrapper{flex-wrap:wrap;justify-content:center;row-gap:40px}.transition-step-item:nth-child(2n){margin-top:0}.transition-step-item svg{display:none}}@media (max-width: 768px){.transition-guide__heading{margin-bottom:30px;font-size:24px}.transition-guide__steps-wrapper{flex-direction:column;align-items:center;padding:0}.transition-guide__steps-wrapper:before{height:80%;width:4px;top:100px;left:50%;right:auto;transform:translate(-50%)}.transition-step-item{width:100%;max-width:100%;flex-basis:100%;padding-top:0;padding-bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center}.transition-guide__step-card{position:static;transform:none;margin-bottom:0;width:70px;height:70px}.transition-guide__step{display:flex;align-items:center;gap:10px;width:100%}.step-card__days{font-size:16px}.step-content{width:calc(100% - 80px);text-align:left}.step-card__percentage{font-size:16px;font-weight:700;margin-bottom:4px}.transition-guide__step-description{padding:0;margin:0;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/transition-guide.css.map */