.how-it-works-steps{padding-top:var(--how-it-works-padding-top);padding-bottom:var(--how-it-works-padding-bottom)}.how-it-works-steps .page-width{max-width:1280px}.how-it-works-steps__wrapper{display:flex;flex-direction:column;gap:var(--how-it-works-content-gap)}.how-it-works-steps__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;max-width:900px;margin:0 auto}.how-it-works-steps__eyebrow{font-size:13px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:rgba(var(--color-base-text-alt))}.how-it-works-steps__heading{margin:0;color:rgb(var(--color-base-accent-3));line-height:1.2}.how-it-works-steps__heading--small{font-size:32px}.how-it-works-steps__heading--medium{font-size:38px}.how-it-works-steps__heading--large{font-size:42px}.how-it-works-steps__description{font-size:18px;line-height:1.5;color:rgb(var(--color-base-text),.7)}.how-it-works-steps__description p{margin:0}.how-it-works-steps__grid{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);align-items:stretch}.how-it-works-steps__item{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:20px;background:rgba(var(--color-base-accent-2));min-width:0}.how-it-works-steps__item-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.how-it-works-steps__number{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-base-text-alt));color:rgba(var(--color-base-accent-1-text));font-size:18px;font-weight:700;line-height:1}.how-it-works-steps__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#12234d;overflow:hidden}.how-it-works-steps__icon img{display:block;width:32px;height:32px;object-fit:contain}.how-it-works-steps__icon--placeholder{color:#12234d}.how-it-works-steps__icon--placeholder .placeholder-svg{display:block;width:32px;height:32px}.how-it-works-steps__item-heading{margin:0;color:rgb(var(--color-base-accent-3));font-size:23px;font-weight:600;line-height:1.3}.how-it-works-steps__item-description{color:rgba(var(--color-base-text),.8);line-height:1.55}.how-it-works-steps__item-description p{margin:0}.how-it-works-steps__connector{display:flex;align-items:center;justify-content:center;color:#b8bbc2}.how-it-works-steps__connector svg{display:block;width:24px;height:24px}.how-it-works-steps__info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.how-it-works-steps__info-box{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:rgb(var(--color-base-background-1));min-width:0}.how-it-works-steps__info-label{color:rgba(var(--color-base-text),.7);font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.how-it-works-steps__info-text{color:rgba(var(--color-base-text));font-weight:700;line-height:1.4}.how-it-works-steps__bottom-text{margin-top:auto;color:#5c5f66;font-size:13px;line-height:1.5}.how-it-works-steps__bottom-text p{margin:0;color:rgba(var(--color-base-text),.7)}.how-it-works-steps__item-content{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:750px){.how-it-works-steps{--how-it-works-padding-top: 72px;--how-it-works-padding-bottom: 96px;--how-it-works-content-gap: 48px}}@media screen and (max-width:1280px){.how-it-works-steps__item{padding:20px;gap:10px}.how-it-works-steps__item-content{gap:10px}.how-it-works-steps__info-text,.how-it-works-steps__item-description{font-size:15px}}@media screen and (max-width:1199px){.how-it-works-steps__grid{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)}.how-it-works-steps__item-heading{font-size:20px}.how-it-works-steps__info-box{padding:10px}.how-it-works-steps__info-text{font-size:13px}.how-it-works-steps__bottom-text{font-size:11px}.how-it-works-steps__number{width:40px;height:40px;flex:0 0 40px;font-size:16px}}@media screen and (max-width:989px){.how-it-works-steps__info-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.how-it-works-steps__item-heading{font-size:17px}.how-it-works-steps__number{width:35px;height:35px;flex:0 0 35px;font-size:15px}.how-it-works-steps__item,.how-it-works-steps__item-content{gap:8px}.how-it-works-steps__item-description{font-size:14px}.how-it-works-steps__info-text{font-size:12px}.how-it-works-steps__heading--large{font-size:30px}}@media screen and (max-width:749px){.how-it-works-steps{--how-it-works-padding-top: 52px;--how-it-works-padding-bottom: 40px;--how-it-works-content-gap: 22px}.how-it-works-steps__header{gap:8px;max-width:100%;align-items:flex-start;width:100%;text-align:left}.how-it-works-steps__eyebrow{font-size:12px}.how-it-works-steps__heading--small{font-size:26px}.how-it-works-steps__heading--medium{font-size:30px}.how-it-works-steps__heading--large{font-size:28px}.how-it-works-steps__description{font-size:16px}.how-it-works-steps__grid{display:flex;flex-direction:column;gap:24px}.how-it-works-steps__item{padding:24px;border-radius:16px}.how-it-works-steps__connector{min-height:24px;transform:rotate(90deg)}.how-it-works-steps__item-heading{font-size:19px}.how-it-works-steps__item-description{font-size:15px}.how-it-works-steps__info-grid{grid-template-columns:1fr 1fr}.how-it-works-steps__icon,.how-it-works-steps__connector{display:none}.how-it-works-steps__item{position:relative;padding:0;border-radius:0;background-color:transparent;display:grid;grid-template-columns:auto 1fr;align-items:flex-start;gap:16px}.how-it-works-steps__number{width:40px;height:40px;flex:0 0 40px;font-size:16px}.how-it-works-steps__item-content{gap:4px}.how-it-works-steps__info-box{padding:10px 12px;background:rgba(var(--color-base-accent-2))}.how-it-works-steps__info-label{font-size:11px}.how-it-works-steps__info-text{font-size:14px}.how-it-works-steps__bottom-text{font-size:12.5px}.how-it-works-steps__item:not(:last-child):before{position:absolute;content:"";left:19px;top:44px;bottom:2px;width:2px;background:#e5e5e5;height:calc(100% - 22px)}}@media screen and (max-width:375px){.how-it-works-steps__item{gap:12px}.how-it-works-steps__item-description{font-size:14px}.how-it-works-steps__info-text{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/how-it-works-steps.css.map */