.how-it-works-section{padding:80px 0;background-color:#fffcfc;position:relative}.section-title{text-align:center;font-family:Raleway,sans-serif;font-size:3rem;font-weight:600;margin-bottom:60px;color:#333;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background-color:#ff8d8d}.steps-container{display:flex;justify-content:space-between;align-items:flex-start;max-width:1000px;margin:0 auto}.step-item{flex:1;text-align:center;padding:0 15px;display:flex;flex-direction:column;align-items:center}.step-icon{width:100px;height:100px;border-radius:50%;background-color:#fff5f5;display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;border:2px dashed #FF8D8D}.step-number{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background-color:#ff8d8d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif;font-weight:600;font-size:16px}.step-svg{width:40px;height:40px}.step-title{font-family:Raleway,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:15px;color:#333}.step-description{font-family:Montserrat,sans-serif;font-size:1.5rem;line-height:1.6;color:#454545}.step-connector{flex:0 0 40px;height:2px;background:linear-gradient(90deg,transparent 0%,transparent 50%,#FF8D8D 50%,#FF8D8D 100%);background-size:10px 2px;margin-top:50px}.cta-container{text-align:center;margin-top:50px}.primary-button{display:inline-block;background-color:#ff8d8d;color:#fff;padding:14px 32px;border-radius:50px;text-decoration:none;font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px #ff8d8d4d}.primary-button:hover{background-color:#ff7c7c;transform:translateY(-3px);box-shadow:0 6px 20px #ff8d8d66}@media screen and (max-width: 768px){.steps-container{flex-direction:column;padding:0 20px}.step-item{margin-bottom:40px}.step-connector{width:2px;height:30px;margin:0 auto;background:linear-gradient(180deg,transparent 0%,transparent 50%,#FF8D8D 50%,#FF8D8D 100%);background-size:2px 10px}.section-title{font-size:2.4rem;margin-bottom:40px}.cta-container{margin-top:30px}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/section-homepage-how-it-works.css.map */