.how-it-works{width:100%;display:flex;flex-direction:column;align-items:center;padding:80px 16%;margin-bottom:-50vh;gap:24px;background:radial-gradient(56.52% 107.25% at 50% 50%,var(--color-red-73, #ef8d83) 0%,var(--color-red-63, #e86558) 66%)}.how-it-works__title{color:#ffede5;text-align:center;font-size:36px;font-style:normal;font-weight:500;line-height:109%;letter-spacing:-1.92px}.how-works-progress__big-line{display:block!important;position:absolute;z-index:0;top:calc(50% - 1px);left:20px;width:0;max-width:calc(100% - 40px);height:2px;background:#ffede5}.how-works-progress{width:100%;display:flex;align-items:center;height:24px;position:sticky;top:100px;pointer-events:none}.how-works-progress__number span{font-size:12px;font-style:normal;font-weight:500;letter-spacing:-1.4px}.how-works-progress__line{width:100%;height:2px;opacity:.2;background:#fff}.how-works-progress__number{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:2px solid #ffede5;border-radius:50%;background:#e86558;color:#fff}.how-works-step{width:100%;height:clamp(650px,100vh,100vh);display:flex;position:sticky;top:150px}.how-works-step__inner{width:100%;height:fit-content;display:grid;grid-template-columns:1fr;border-radius:18px;background:#eef4eb;overflow:hidden;gap:16px}.how-works-step-content__subtitle{color:#000;font-size:11px;font-style:normal;font-weight:400;line-height:167%;letter-spacing:-.381px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.how-works-step-content__title{color:#000;font-size:16px;font-style:normal;font-weight:500;line-height:160%;letter-spacing:-.61px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.how-works-step-content__step span{color:#a27f4f;font-size:8px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.381px;text-transform:uppercase}.how-works-step-content__button{width:100%;height:47px;display:flex;padding:12px 17px;justify-content:center;align-items:center;border-radius:8px;background:#e86558;margin-top:10px;color:#f5f5f5;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.32px;text-decoration:none}.how-works-step-content__step{width:fit-content;display:flex;padding:0 10px;align-items:center;border-radius:5px;border:1px solid rgba(162,128,79,.4);background:#a2804f1a}.how-works-step__content{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 16px 24px}.how-works-step__image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.how-works-step__image{position:relative;width:100%;aspect-ratio:1.512;padding-bottom:50%}.how-it-works{margin-bottom:-60vh}@media screen and (min-width: 450px){.how-it-works{margin-bottom:-50vh}}@media screen and (min-width: 1024px){.how-works-step__image{aspect-ratio:unset}.how-it-works{padding:120px 10%;gap:50px}.how-it-works__title{font-size:64px;line-height:70px}.how-works-progress{height:40px;padding:0 20px}.how-works-progress__big-line{left:60px;max-width:calc(100% - 120px)}.how-works-progress__number{width:40px;height:40px}.how-works-progress__number span{font-size:20px}.how-works-step__inner{min-height:490px;grid-template-columns:46% 1fr;border-radius:30px;gap:0}.how-works-step__content{padding:80px}.how-works-step-content__title{font-size:34px;line-height:55px;-webkit-line-clamp:2}.how-works-step-content__subtitle{font-size:16px;line-height:28px;-webkit-line-clamp:6}.how-works-step{top:190px}.how-works-step__image{height:100%}.how-works-step-content__step span{font-size:12px}.how-works-step-content__button{width:fit-content;margin-top:30px}}@media only screen and (max-width:768px){.how-it-works{padding:80px 32px}.how-works-step{height:auto}}@media screen and (height < 900px){.how-it-works{margin-bottom:0}@media screen and (width < 1024px){.how-it-works{margin-bottom:0}}@media screen and (width < 600px){.how-it-works{margin-bottom:0}}@media screen and (width < 400px){.how-it-works{margin-bottom:0}}}@media screen and (height < 650px){.how-it-works{margin-bottom:0}@media screen and (width < 550px){.how-it-works{margin-bottom:0}}.how-works-step__inner{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/how-it-works-section.css.map */