.holdon-how-it-works-section{color:#fff;overflow:hidden}.holdon-how-it-works{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.holdon-how-it-works__header{width:100%;max-width:875px;height:78px;position:relative;text-align:center}.holdon-how-it-works__title{width:875px;height:60px;left:-12px;top:18px;position:absolute;text-align:center;color:#fff;font-size:48px;font-family:Delight,Arial,sans-serif;font-weight:800;line-height:43.2px;margin:0;word-wrap:break-word}.holdon-how-it-works__steps{padding:32px;background:linear-gradient(0deg,#ffffff1a 0% 100%);border-radius:16px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:1224px}.holdon-how-it-works__steps:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:1px;background:radial-gradient(ellipse 150% 100% at top left,#ffffff80 0% 10%,#ffffff73 20%,#ffffff61,#ffffff4d,#ffffff38,#ffffff26,#ffffff1a,#ffffff0f,#ffffff08,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:subtract;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract}.holdon-how-it-works__step{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px}.holdon-how-it-works__step-image{align-self:stretch;height:275px;position:relative;background:#cec5c980;overflow:hidden;border-radius:13.53px;display:flex;align-items:center;justify-content:center}.holdon-how-it-works__step-image img{width:100%;height:100%;object-fit:cover}.holdon-how-it-works__timer-badge{width:48.11px;height:48.11px;padding:9.02px 4.51px;left:9.02px;top:8.27px;position:absolute;overflow:hidden;border-radius:27.06px;outline:.75px white solid;outline-offset:-.75px;flex-direction:column;justify-content:center;align-items:center;gap:7.52px;display:inline-flex;z-index:2}.holdon-how-it-works__timer-badge span{align-self:stretch;text-align:center;color:#fff;font-size:15.04px;font-family:Delight,Arial,sans-serif;font-weight:500;line-height:18.04px;word-wrap:break-word}.holdon-how-it-works__step-content{display:flex;flex-direction:column;gap:8px;align-items:flex-start;width:100%}.holdon-how-it-works__step-number{width:24px;height:24px;position:relative;border-radius:36px;outline:1px white solid;outline-offset:-1px;display:flex;align-items:center;justify-content:center}.holdon-how-it-works__step-number span{color:#fff;font-size:18px;font-family:Delight,Arial,sans-serif;font-weight:400;line-height:1;word-wrap:break-word}.holdon-how-it-works__step-description{align-self:stretch;color:#fff;font-size:21px;font-family:Delight,Arial,sans-serif;font-weight:400;line-height:25.2px;word-wrap:break-word;margin:0}@media screen and (max-width: 1199px){.holdon-how-it-works{max-width:1000px}.holdon-how-it-works__steps{grid-template-columns:repeat(2,1fr);gap:16px;padding:28px}.holdon-how-it-works__title{font-size:42px;line-height:38px}.holdon-how-it-works__step-description{font-size:19px;line-height:23px}}@media screen and (max-width: 899px){.holdon-how-it-works{max-width:768px}.holdon-how-it-works__title{font-size:36px;line-height:34px}.holdon-how-it-works__steps{grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.holdon-how-it-works__step-image{height:240px}.holdon-how-it-works__step-description{font-size:18px;line-height:22px}}@media screen and (max-width: 768px){.holdon-how-it-works-section{width:100vw;margin-left:calc(-50vw + 50%)}.holdon-how-it-works-section .page-width{max-width:none;padding:0 20px}.holdon-how-it-works{max-width:none;align-items:flex-start;gap:12px}.holdon-how-it-works__header{height:auto;text-align:left;max-width:none;margin-bottom:0}.holdon-how-it-works__title{position:static;width:100%;font-size:32px;line-height:30px;text-align:left}.holdon-how-it-works__steps{grid-template-columns:1fr;gap:20px;padding:20px;width:100%;margin-top:-12px}.holdon-how-it-works__step{width:100%;max-width:none;align-items:flex-start;text-align:left}.holdon-how-it-works__step-content{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}.holdon-how-it-works__step-image{height:200px;width:100%;max-width:none;align-self:stretch}.holdon-how-it-works__step-description{font-size:18px;line-height:22px;text-align:left;flex:1;margin:0}.holdon-how-it-works__timer-badge{width:36px;height:36px;padding:6px}.holdon-how-it-works__timer-badge span{font-size:12px;line-height:14px}}@media screen and (max-width: 480px){.holdon-how-it-works-section .page-width{padding:0 12px}.holdon-how-it-works__title{font-size:28px;line-height:26px}.holdon-how-it-works__steps{padding:16px;gap:16px}.holdon-how-it-works__step{max-width:none}.holdon-how-it-works__step-image{height:180px}.holdon-how-it-works__step-description{font-size:16px;line-height:20px}.holdon-how-it-works__step-number{width:20px;height:20px}.holdon-how-it-works__step-number span{font-size:16px;line-height:1}.holdon-how-it-works__timer-badge{width:32px;height:32px;padding:4px}.holdon-how-it-works__timer-badge span{font-size:10px;line-height:12px}}@media screen and (min-width: 1200px){.holdon-how-it-works__steps{grid-template-columns:repeat(4,1fr);max-width:1224px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-holdon-how-it-works.css.map */