.tmrw-how-steps{background-color:var(--background-color, #ffffff);padding-top:var(--padding-top, 80px);padding-bottom:var(--padding-bottom, 80px);position:relative}.how-steps-container{max-width:1200px;margin:0 auto;padding:0 4rem}.how-steps-header{text-align:center;margin-bottom:60px}.how-steps-heading{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 12px;line-height:1.2}.how-steps-subheading{font-size:18px;color:#6b7280;margin:0;line-height:1.6}.steps-wrapper{position:relative}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-icon-wrapper{position:relative;margin-bottom:32px;width:100%;display:flex;justify-content:center}.step-icon-circle{width:120px;height:120px;border-radius:50%;border-width:5px;border-color:#f3f4f6;border-style:solid;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .3s ease}.step-icon-circle svg{color:var(--accent-color, #4F87F7);width:40px;height:40px}.step-icon-circle .custom-icon{width:48px;height:48px;object-fit:contain}.step-item:hover .step-icon-circle{background-color:#e5e7eb;transform:scale(1.05)}.step-number{position:absolute;top:-4px;right:calc(50% - 66px);width:36px;height:36px;border-radius:50%;background-color:var(--accent-color, #4F87F7);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;z-index:3;box-shadow:0 2px 8px #4f87f74d}.step-line{position:absolute;top:60px;left:calc(50% + 60px);width:calc(100% + 40px);height:2px;background-color:var(--line-color, #e5e7eb);z-index:1}.step-content{max-width:320px}.step-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1.3}.step-description{font-size:15px;color:#6b7280;margin:0;line-height:1.6}@media screen and (max-width: 1024px){.steps-grid{gap:32px}.step-icon-circle{width:100px;height:100px}.step-icon-circle svg{width:36px;height:36px}.step-number{right:calc(50% - 64px);width:32px;height:32px;font-size:14px}.step-line{top:50px;left:calc(50% + 50px)}.step-title{font-size:18px}.step-description{font-size:14px}}@media screen and (max-width: 768px){.how-steps-heading{font-size:36px}.how-steps-subheading{font-size:16px}.how-steps-header{margin-bottom:48px}.steps-grid{grid-template-columns:1fr;gap:48px;max-width:400px;margin:0 auto}.step-line{display:none}.step-icon-wrapper{margin-bottom:24px}.step-number{right:calc(50% - 64px)}}@media screen and (max-width: 480px){.tmrw-how-steps{padding-top:48px;padding-bottom:48px}.how-steps-heading{font-size:28px}.how-steps-subheading{font-size:15px}.how-steps-header{margin-bottom:40px}.step-icon-circle{width:90px;height:90px}.step-icon-circle svg{width:32px;height:32px}.step-number{right:calc(50% - 57px);width:30px;height:30px;font-size:13px}.step-title{font-size:17px}.step-description{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/tmrw-how-steps.css.map */