.how-it-works-section{background-color:#000!important;color:#fff;max-width:100%!important;margin:60px auto!important;border-radius:0!important;padding:100px 40px 80px!important;overflow:hidden;position:relative;box-shadow:0 25px 50px #00000026}.how-it-works-section:after{content:"";position:absolute;top:40px;right:40px;width:38px;height:38px;background-image:url(/cdn/shop/files/PB-Vector.svg?v=1778269326);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.15;filter:invert(1);z-index:5;transition:all .5s cubic-bezier(.165,.84,.44,1);transform:rotate(5deg)}.how-it-works-section:hover:after{opacity:.8;transform:rotate(-10deg) scale(1.1)}.how-it-works-section .section-header h2{color:#fff;text-align:center;font-size:3.5rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;position:relative;z-index:6}.how-it-works-section .section-header p{color:#888;text-align:center;font-size:1.3rem;margin-bottom:70px;text-transform:uppercase;letter-spacing:1px}.steps-container{display:flex;justify-content:space-between;gap:20px;position:relative}.steps-container:before{content:"";position:absolute;top:60px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,#fff0,#ffffff1a 30% 70%,#fff0);z-index:0}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;transition:all .4s ease}.step-item:hover{transform:translateY(-10px)}.step-number{font-size:8rem;font-weight:900;line-height:1;margin-bottom:10px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);transition:all .4s ease}.step-item:hover .step-number{-webkit-text-stroke:1px #fff;color:#ffffff0d}.step-title{color:#fff;font-size:1.5rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:15px!important}.step-desc{color:#999;font-size:1.1rem!important;line-height:1.6!important;max-width:220px;margin:0 auto!important}@media screen and (max-width:749px){.how-it-works-section{max-width:92%!important;padding:60px 20px!important;border-radius:30px!important}.how-it-works-section:after{top:25px;right:25px;width:30px;opacity:.1}.steps-container{flex-direction:column;gap:60px}.steps-container:before{display:none}.step-number{font-size:6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cnvs-how-it-works.css.map */