.l-how-works{display:flex;flex-direction:column}.l-how-works .l-header{display:flex;flex-direction:column;margin-bottom:36px}.l-how-works .l-header h2,.l-how-works .l-header h3{margin-bottom:0;font-weight:400;color:#000}.l-how-works .l-header p{margin:0}.l-how-works .l-steps{position:relative;display:flex;flex-direction:column;gap:29px;margin-bottom:16px}.l-how-works .m-line-desktop{display:none;--gap: 40}.l-how-works .m-line-desktop .m-circle-desktop{position:absolute;top:60px;left:-9px;width:auto;opacity:0}.l-how-works .m-line-desktop .m-triangle-desktop{position:absolute;bottom:-8px;right:-12px;width:auto;transform:rotate(-90deg);opacity:0}.l-how-works .m-line-mobile{position:absolute;z-index:2;top:229px;left:-9px}.l-how-works .m-circle-mobile{position:absolute;left:13px;top:-5px;opacity:0}.l-how-works .m-triangle-mobile{position:absolute;bottom:12px;right:35px;opacity:0;transform:rotate(90deg)}.l-how-works .l-steps .m-step{display:flex;align-items:center;justify-content:space-between;gap:45px}.l-how-works .l-steps .m-step .l-img{position:relative;left:-16px;width:140px;min-width:140px;height:280px;background-color:#f4f4f4;border-top-right-radius:1000px;border-bottom-right-radius:1000px}.l-how-works .l-steps .m-step .l-img img{position:absolute;top:50%;transform:translateY(-50%)}.l-how-works .l-steps .m-step .l-content{width:50%;min-width:50%;display:flex;flex-direction:column}.l-how-works .l-steps .m-step .l-content .m-step-count{display:flex;align-items:baseline;gap:10px;font-family:var(--font-jost-semibold);color:var(--color-brand-orange)}.l-how-works .l-steps .m-step .l-content .m-step-count span{font-size:20px;font-family:var(--font-jost-semibold);font-weight:400;line-height:28.9px}.l-how-works .l-steps .m-step .l-content .m-step-count span:nth-child(2){font-size:30px;line-height:43.35px}.l-how-works .l-steps .m-step .l-content h4{margin:0 0 8px;font-family:var(--font-jost-semibold);font-weight:400;font-size:20px;line-height:20px}.l-how-works .l-steps .m-step .l-content p{margin-top:0;font-size:15px;line-height:20px}.l-how-works .l-steps .m-step:first-child img{width:220px;min-width:220px;right:-30px}.l-how-works .l-steps .m-step:nth-child(2) img{width:220px;min-width:220px;right:-30px}.l-how-works .l-steps .m-step:nth-child(3) img{width:220px;min-width:220px;right:-30px}.l-how-works .l-steps .m-step:nth-child(4) img{width:220px;min-width:220px;right:-30px}.l-how-works .l-link{--button-height: 39px;display:flex;justify-content:center;font-family:var(--font-jost-medium)}.l-how-works .l-link .button{min-width:204px;font-size:16px}@media only screen and (min-width: 1000px){.l-how-works .l-header{margin-bottom:80px}.l-how-works .l-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:baseline;gap:40px}.l-how-works .m-line-mobile{display:none}.l-how-works .m-line-desktop{display:flex;position:absolute;top:-46px;left:calc(12.5% - 17px);width:calc(75% + 26px)}.l-how-works .m-line-desktop svg{width:100%;height:auto}.l-how-works .m-line-desktop .m-circle-desktop{top:35px;left:-5px;width:12px;height:12px}.l-how-works .m-line-desktop .m-triangle-desktop{bottom:-5px;right:-12px;width:14px}.l-how-works .l-steps .m-step{display:flex;flex-direction:column;align-items:start;gap:43px}.l-how-works .l-steps .m-step .l-img{position:relative;left:0;width:100%;min-width:100%;height:auto;border-radius:1000px;padding-bottom:100%}.l-how-works .l-steps .m-step .l-img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.l-how-works .l-steps .m-step:first-child img{min-width:auto;width:150px;right:auto}.l-how-works .l-steps .m-step:nth-child(2) img{min-width:auto;width:116px;right:auto}.l-how-works .l-steps .m-step:nth-child(3) img{width:180px;min-width:auto;right:auto}.l-how-works .l-steps .m-step:nth-child(4) img{width:180px;min-width:auto;right:autp}.l-how-works .l-steps .m-step:first-child .l-img:after{position:absolute;top:227px;left:20px;content:none}.l-how-works .l-steps .m-step .l-content{width:100%;min-width:100%}.l-how-works .l-steps .m-step .l-content .m-step-count{margin-bottom:5px}.l-how-works .l-steps .m-step .l-content h4{margin-bottom:3px;line-height:24px}.l-how-works .l-steps .m-step .l-content p{font-size:18px;font-weight:400;line-height:30px}.l-how-works .l-steps{margin-bottom:38px}}@media only screen and (min-width: 1100px){.l-how-works .m-line-desktop{top:-48px}}@media only screen and (min-width: 1200px){.l-how-works .l-steps{gap:50px}.l-how-works .m-line-desktop{display:flex;position:absolute;top:-55px;left:calc(12.5% - 20.75px);width:calc(75% + 33.5px)}.l-how-works .m-line-desktop .m-circle-desktop{top:46px;left:-4px}}@media only screen and (min-width: 1330px){.l-how-works .l-steps{gap:55px}.l-how-works .m-line-desktop{top:-60px;left:calc(12.5% - 22.625px);width:calc(75% + 37.25px)}.l-how-works .m-line-desktop .m-circle-desktop{top:46px;left:-5px;width:15px;height:15px}.l-how-works .m-line-desktop .m-triangle-desktop{bottom:-5px;right:-12px;width:17px}.l-how-works .l-steps .m-step:first-child img{width:190px}.l-how-works .l-steps .m-step:nth-child(2) img{width:140px}.l-how-works .l-steps .m-step:nth-child(3) img{width:230px}.l-how-works .l-steps .m-step:nth-child(4) img{width:230px}.l-how-works .l-steps .m-step .l-content p{font-size:20px}}@media only screen and (min-width: 1450px){.l-how-works .m-line-desktop{top:-70px}.l-how-works .m-line-desktop .m-circle-desktop{top:60px}.l-how-works .m-line-desktop .m-triangle-desktop{bottom:-4px}}@media only screen and (min-width: 1550px){.l-how-works .m-line-desktop{top:-65px}.l-how-works .m-line-desktop .m-circle-desktop{top:52px}}@media only screen and (min-width: 1650px){.l-how-works .l-header{margin-bottom:126px}.l-how-works .l-header p{font-size:24px;line-height:34px}.l-how-works .l-steps{gap:69px}.l-how-works .m-line-desktop{top:-80px;left:calc(12.5% - 29px);width:calc(75% + 46px)}.l-how-works .m-line-desktop .m-circle-desktop{top:60px;left:-9px;width:23px;height:23px}.l-how-works .m-line-desktop .m-triangle-desktop{bottom:-6px;right:-20px;width:25px}.l-how-works .l-steps .m-step:first-child img{width:232px}.l-how-works .l-steps .m-step:nth-child(2) img{width:178px}.l-how-works .l-steps .m-step:nth-child(3) img{width:272px}.l-how-works .l-steps .m-step:nth-child(4) img{width:272px}.l-how-works .l-steps .m-step:first-child .l-img:after{position:absolute;top:227px;left:20px;content:none}.l-how-works .l-steps .m-step .l-content .m-step-count{margin-bottom:5px}.l-how-works .l-steps .m-step .l-content .m-step-count span{font-size:24px;line-height:34.68px}.l-how-works .l-steps .m-step .l-content h4{margin-bottom:0;font-size:24px;line-height:30px}.l-how-works .l-steps .m-step .l-content p{font-size:20px;line-height:30px}.l-how-works .l-steps{margin-bottom:46px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/psy-how-works.css.map */
