@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap";.how-it-works{padding:80px 0;background-color:#f8f8f8;color:#333;--step-accent-color: #d4a574}.how-it-works__header{text-align:center;margin-bottom:4rem}.how-it-works__title{font-family:Roboto,sans-serif!important;font-size:3rem!important;font-weight:900!important;line-height:1.3;margin:0 0 1rem;color:#fff;text-transform:uppercase;letter-spacing:.5px}.how-it-works__subtitle{font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;opacity:.8;max-width:600px;margin:0 auto;color:#d3d3d3}.how-it-works__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;align-items:start;max-width:1200px;margin:0 auto;position:relative}.how-it-works__step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;transition:transform .3s ease}.how-it-works__step:hover{transform:translateY(-5px)}.how-it-works__step-number{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:2;border:1px solid lightgrey;box-shadow:10px 5px 15px #7c7a794d}.how-it-works__number{font-size:1.5rem;font-weight:600;color:#fff}.how-it-works__step-icon{width:40px;height:40px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:var(--step-accent-color)}.how-it-works__step-icon img{width:100%;height:100%;object-fit:contain}.how-it-works__step-icon--svg svg{width:40px;height:40px;fill:currentColor}.how-it-works__step-content{flex:1}.how-it-works__step-title{font-family:Roboto,sans-serif!important;font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:500;line-height:1.4;margin:0 0 1rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.how-it-works__step-description{font-size:1rem;line-height:1.7;margin:0 0 1rem;opacity:.85;color:#666}.how-it-works__step-details{font-size:.9rem;line-height:1.6;color:#777}.how-it-works__step-details ul{text-align:left;margin:.5rem 0;padding-left:1.5rem}.how-it-works__step-details li{margin-bottom:.25rem}.how-it-works__connector{position:absolute;top:50%;right:-1rem;transform:translateY(-50%);z-index:1;display:none}.how-it-works__arrow{color:var(--step-accent-color);opacity:.6}.how-it-works__cta{text-align:center;margin-top:3rem}button.how-it-works__cta-button,a.how-it-works__cta-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:1.7rem 2.5rem!important;border-radius:9999px!important;background-color:var(--step-accent-color, #000)!important;color:#d3d3d3!important;border:1px solid lightgrey!important;outline:0!important;box-shadow:none!important;text-decoration:none!important;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:transform .25s ease,background-color .25s ease}.how-it-works__cta-button:hover{background-color:#333;transform:translateY(-2px)}.how-it-works__cta-button:hover{color:#000;background-color:#fff;border:1px solid black}@media (min-width: 1024px){.how-it-works__steps{grid-template-columns:repeat(4,1fr)}.how-it-works__connector{display:block}.how-it-works__step:last-child .how-it-works__connector{display:none}}@media (max-width: 1023px) and (min-width: 768px){.how-it-works__steps{grid-template-columns:repeat(2,1fr);gap:2.5rem}.how-it-works__step:nth-child(odd) .how-it-works__connector{display:block;top:50%;right:-1.25rem}.how-it-works__step:nth-child(2n) .how-it-works__connector,.how-it-works__step:last-child .how-it-works__connector{display:none}}@media (max-width: 767px){.how-it-works{padding:60px 0}.how-it-works__header{margin-bottom:3rem}.how-it-works__steps{grid-template-columns:1fr;gap:1.5rem}.how-it-works__step{padding:1.5rem .5rem;position:relative}.how-it-works__step:after{content:"";position:absolute;bottom:-.75rem;left:50%;transform:translate(-50%);width:1px;height:1.5rem;background-color:var(--step-accent-color);opacity:.3}.how-it-works__step:last-child:after{display:none}.how-it-works__connector{display:none}.how-it-works__step-number{width:50px;height:50px;margin-bottom:1rem}.how-it-works__number{font-size:1.25rem}}@media (max-width: 480px){.how-it-works{padding:40px 0}.how-it-works__header{margin-bottom:2rem}.how-it-works__step{padding:1rem .25rem}.how-it-works__title{font-size:1.75rem}.how-it-works__subtitle{font-size:1rem}.how-it-works__cta{margin-top:2rem}.how-it-works__cta-button{width:100%;max-width:280px}}.how-it-works__step[data-aos]{opacity:0;transform:translateY(30px)}.how-it-works__step[data-aos].aos-animate{opacity:1;transform:translateY(0)}.how-it-works__cta-button--loading{opacity:.7;pointer-events:none}.how-it-works__cta-button--loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;margin-left:.5rem;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.how-it-works__step,.how-it-works__step-number,.how-it-works__cta-button{transition:none!important}.how-it-works__step:hover,.how-it-works__step:hover .how-it-works__step-number,.how-it-works__cta-button:hover{transform:none}}@media (prefers-contrast: high){.how-it-works__step-number{border:2px solid currentColor;background:transparent}.how-it-works__number{color:inherit}}@media (prefers-color-scheme: dark){.how-it-works{background-color:#1a1a1a;color:#fff}.how-it-works__title,.how-it-works__step-title{color:#fff}.how-it-works__step-description{color:#ccc}.how-it-works__step-details{color:#aaa}}@media print{.how-it-works{background:#fff!important;color:#000!important;padding:20px 0}.how-it-works__steps{grid-template-columns:1fr;gap:20px}.how-it-works__connector,.how-it-works__step:after{display:none}.how-it-works__step-number{background:#ccc!important;color:#000!important;box-shadow:none}.how-it-works__cta-button{background:transparent!important;color:#000!important;border:1px solid black}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/how-it-works.css.map */