.how-it-works-section{width:100%;padding:6.45rem 2rem;background:#fff;border-top:1px solid black;transition:max-height .4s ease,opacity .4s ease,height .4s ease}.how-it-works-section-content{margin:0 auto;text-align:center;transition:max-height .4s ease,opacity .4s ease,height .4s ease}.how-title{font-size:3.5rem;font-weight:var(--font-weight-medium);line-height:1.1!important;margin-bottom:4rem}.how-steps{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;gap:calc(20px + 1rem);position:relative;overflow-x:auto;padding:1rem;max-width:120rem;margin:auto;transition:max-height .4s ease,opacity .4s ease,height .4s ease}.how-step{background:#fff;border-radius:20px;padding:0;box-shadow:0 2px 6px #00000014;flex:1 1 0;position:relative;display:flex;flex-direction:column;align-items:center;height:auto;min-height:0;transition:max-height .4s ease,opacity .4s ease,height .4s ease}.image-wrapper{position:relative;height:22rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#f2f2f2;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;width:100%}.main-img{width:250px;z-index:1;position:relative}.overlay-img{position:absolute;right:-10%;top:-35%;width:65%;opacity:.2;z-index:0}.step-4 .floating-img{position:absolute;top:56%;width:300px;z-index:2;transform:translateY(-50%);border-radius:10px;border:1px solid #8EFF00;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff40}.step-4 .main-img{opacity:.7;border-radius:20px}.step-3 .main-img{border-radius:20px}.shadow{box-shadow:0 8px 20px #00000026}.how-content{width:100%;display:flex;align-items:flex-start;flex-direction:column;padding-left:1.5rem;padding-right:1.5rem;transition:max-height .4s ease,opacity .4s ease,height .4s ease}.how-content .step-how-label{font-size:1rem;font-weight:var(--font-weight-regular);color:#000;margin-bottom:.5rem;margin-top:0;text-align:left}.how-content h3{font-size:1.75rem;font-weight:var(--font-weight-medium);margin:0;line-height:1.15!important;text-align:left;margin-bottom:1.25rem}.faq-line{display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin-top:0rem;cursor:pointer;margin-bottom:1.5rem}.faq-line img.faq-icon{width:1rem;height:1rem;transform:rotate(45deg);margin-top:.2rem;transition:transform .3s ease}.faq-line span{font-size:1.25rem;color:gray;text-align:left;font-weight:var(--font-weight-regular);line-height:1.2!important}.faq-line-answer{margin-top:0rem;margin-bottom:0;font-size:1.25rem;color:#000;text-align:left;font-weight:var(--font-weight-regular);line-height:1.2!important;max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease,height .4s ease;opacity:0;padding:0 1rem}.faq-line-answer.open{opacity:1}.faq-line-answer.open{max-height:300px;opacity:1;margin-bottom:1.5rem}.orange-double-arrow{position:absolute;top:200px;right:calc(-20px - .5rem);width:20px;height:auto;z-index:5}@media(max-width:1440px){.how-it-works-section{border-top:none}.how-steps{flex-wrap:wrap;justify-content:center}.how-step{flex:0 1 calc(33% - .5rem);max-width:calc(33% - .5rem)}.orange-double-arrow.step-2{position:absolute;top:unset;right:unset;width:20px;height:auto;z-index:5;bottom:calc(-20px - .5rem);transform:rotate(135deg);left:calc(-20px - .5rem)}}@media(max-width:1200px){.how-step{flex:0 1 calc(43% - .5rem);max-width:calc(43% - .5rem)}}@media(max-width:950px){.how-steps{flex-wrap:unset;justify-content:center;flex-direction:column;align-items:center}.how-step{flex:unset;max-width:500px}.orange-double-arrow,.orange-double-arrow.step-2{position:absolute;top:unset;right:unset;width:20px;height:auto;z-index:5;bottom:calc(-20px - .5rem);transform:rotate(90deg);left:unset}}@media(max-width:768px){.how-it-works-section{padding:5.5rem 2rem}.how-title{font-size:3rem}}@media(max-width:600px){.how-title{font-size:2.8rem;margin-bottom:3rem}}@media screen and (max-width:500px){.how-title{font-size:2.4rem}.how-content h3{font-size:1.65rem}}@media(max-width:425px){.how-it-works-section{padding:5rem 1rem}.how-title{font-size:2.15rem}.how-content h3{font-size:1.55rem}}@media(max-width:375px){.how-it-works-section{padding:4.5rem 0rem}.how-title{font-size:1.85rem}.main-img{width:220px}.step-4 .floating-img{width:270px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/pre_checkout_how_it_works_section.css.map */