.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-header{max-width:124rem;margin:0 auto}.how-it-works__title{font-size:3.5rem;color:#f5f5f5;text-align:center;letter-spacing:0;font-style:normal;font-weight:700;line-height:1.5}.how-it-works-description{font-size:1.8rem;color:#f5f5f5;line-height:1.5;text-align:center;max-width:80rem;margin:0 auto}.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;justify-content:space-between;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{display:block!important;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:80px 10%;gap:30px}.how-it-works-description{font-size:3.5rem}.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-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:70px 32px}.how-works-step{height:auto}.how-works-step-content__title{font-size:18px}.how-works-step-content__subtitle{font-size:14px;display:block;-webkit-box-orient:inherit;-webkit-line-clamp:none}}@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}}.tab-content{display:none;gap:2.4rem}.tab-content.active{display:flex;flex-direction:column}.how-it-works-tabs{border:3px solid #F5F5F5;border-radius:1rem}.tab-toggle{display:inline-block;border:none;color:#fff;padding:1.4rem 2.5rem;cursor:pointer;transition:all .25s ease;background-color:transparent;font-weight:600;font-size:1.8rem;letter-spacing:0}.tab-toggle.active{background-color:#eef4eb;color:#000}@media (min-width: 992px){.how-it-works__title{font-size:4.5rem}.tab-content{gap:5rem}.tab-toggle{font-size:2.2rem}.how-it-works-description{font-size:2rem}.how-works-step:last-child{height:auto;margin-bottom:60px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/how-it-works-section.css.map */