.emerson-how-it-works{width:100%;padding:80px 20px;background-color:#fff}.emerson-how-it-works-container{max-width:1200px;margin:0 auto}.emerson-how-it-works-header{text-align:center;margin-bottom:60px}.emerson-how-it-works-title{font-size:42px;font-weight:700;color:#333;margin:0 0 20px;line-height:1.2}.emerson-how-it-works-subtitle{font-size:18px;color:#666;line-height:1.5;margin:0}.emerson-how-it-works-steps{display:flex;align-items:flex-start;justify-content:center;position:relative}.emerson-how-it-works-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;max-width:300px;position:relative;z-index:2}.emerson-step-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:22px;font-weight:700;color:#333;margin:20px 0 8px;line-height:1.3;text-align:center}.emerson-step-title .step-icon{width:24px;height:24px;flex-shrink:0}.emerson-step-number{width:60px;height:60px;background-color:#1976d2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:20px;box-shadow:0 4px 12px #1976d24d}.emerson-step-icon{width:48px;height:48px;color:#333;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emerson-step-text{text-align:left;flex:1}.emerson-step-icon svg{width:100%;height:100%}.emerson-step-icon .step-icon,.emerson-step-icon .custom-icon{width:100%;height:100%;object-fit:contain}.emerson-step-description{font-size:16px;color:#666;line-height:1.5;margin:0;text-align:center;max-width:220px}.emerson-how-it-works-steps:before{content:"";position:absolute;top:30px;left:29%;width:16.66%;height:4px;background-color:#000;z-index:1}.emerson-how-it-works-steps:after{content:"";position:absolute;top:30px;left:54.33%;width:16.66%;height:4px;background-color:#000;z-index:1}@media (max-width: 1024px){.emerson-how-it-works{padding:70px 20px}.emerson-how-it-works-title{font-size:38px}.emerson-how-it-works-subtitle{font-size:16px}.emerson-step-number{width:50px;height:50px;font-size:20px}.emerson-step-icon{width:40px;height:40px}.emerson-step-title{font-size:20px}.emerson-step-description{font-size:14px}}@media (max-width: 767px){.emerson-how-it-works{padding:60px 15px}.emerson-how-it-works-header{margin-bottom:40px}.emerson-how-it-works-title{font-size:32px}.emerson-how-it-works-subtitle{font-size:15px}.emerson-how-it-works-steps{flex-direction:column;align-items:center;gap:40px}.emerson-how-it-works-step{max-width:100%;width:100%}.emerson-how-it-works-steps:before,.emerson-how-it-works-steps:after{display:none}.emerson-step-number{width:60px;height:60px;font-size:24px;margin-bottom:25px}.emerson-step-icon{width:48px;height:48px;margin-bottom:25px}.emerson-step-title{font-size:22px;margin-bottom:15px}.emerson-step-description{font-size:15px;max-width:100%}}@media (max-width: 480px){.emerson-how-it-works{padding:50px 10px}.emerson-how-it-works-title{font-size:28px}.emerson-how-it-works-subtitle{font-size:14px}.emerson-how-it-works-steps{gap:35px}.emerson-step-number{width:50px;height:50px;font-size:20px;margin-bottom:20px}.emerson-step-icon{width:40px;height:40px;margin-bottom:20px}.emerson-step-title{font-size:20px}.emerson-step-description{font-size:14px}}@media (max-width: 360px){.emerson-how-it-works{padding:40px 8px}.emerson-how-it-works-title{font-size:24px}.emerson-how-it-works-subtitle{font-size:13px}.emerson-how-it-works-steps{gap:30px}.emerson-step-number{width:45px;height:45px;font-size:18px;margin-bottom:15px}.emerson-step-icon{width:36px;height:36px;margin-bottom:15px}.emerson-step-title{font-size:18px}.emerson-step-description{font-size:13px}}@media (min-width: 768px){.emerson-how-it-works-step:hover .emerson-step-number{transform:scale(1.1);box-shadow:0 6px 20px #1976d266}.emerson-how-it-works-step:hover .emerson-step-icon{transform:scale(1.1)}}.emerson-step-number{transition:transform .3s ease,box-shadow .3s ease}.emerson-step-icon{transition:transform .3s ease}.emerson-step-number:focus{outline:2px solid #1976d2;outline-offset:2px}.emerson-step-icon .custom-icon{background-color:#f5f5f5;border-radius:4px}.emerson-step-icon .custom-icon[src]{background-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/3/assets/emerson-how-it-works.css.map */