.how-it-works{background-color:#fff;width:100%;padding:4rem 0}.how-it-works-container{padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto;width:100%}.how-it-works-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}.steps-container{display:flex;flex-direction:column;gap:2rem}.step-item{display:flex;gap:1.5rem}.step-number-container{display:flex;flex-direction:column;align-items:center}.step-number{font-size:.875rem;color:var(--primary-color);font-weight:500;width:20px;text-align:center}.step-line{flex-grow:1;width:2px;background-color:var(--primary-color);margin:.5rem 0}.step-content{flex:1}.step-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.step-icon{width:1.5rem;height:1.5rem;color:var(--primary-color)}.step-title{font-weight:600}.step-description{color:#6c757d;font-size:.875rem}.image-container{display:none;align-items:center;justify-content:center}.image-container img{border-radius:30px;max-width:100%}.image-placeholder{width:500px;height:600px;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:.375rem;margin-left:auto;margin-right:auto}@media (min-width:768px){.how-it-works-container{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.how-it-works-container{padding-left:8rem;padding-right:8rem}.how-it-works-content{grid-template-columns:1fr 1fr}.image-container{display:flex}}@media (min-width:1280px){.how-it-works-container{padding-left:120px;padding-right:120px}}