.medispa-how-it-works .page-container{background:#fff;padding-top:120px;padding-bottom:40px}.medispa-how-it-works .step-images{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:1300px;margin:auto;gap:8px}.medispa-how-it-works .how-it-works-step-image{-webkit-box-flex:1;-ms-flex:1;flex:1}.medispa-how-it-works .step-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.medispa-how-it-works .how-it-works-step-image{position:relative}.medispa-how-it-works .how-it-works-step-image .step-num{position:absolute;bottom:8px;padding-left:57px;display:block;color:var(--colours-neutral-000-white, #fff);text-align:center;font-family:MinervaModern;font-size:44px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase;pointer-events:none}.medispa-how-it-works .how-it-works-step-image .step-num:before{content:"";position:absolute;top:50%;left:0;width:49px;height:1px;background:#fff;pointer-events:none}.medispa-how-it-works .step-title{color:#000;font-family:var(--body-font),system-ui,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:140%;margin:0}.medispa-how-it-works .step-duration{color:var(--colours-neutral-500-dark-grey, #494949);font-family:var(--body-font),system-ui,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:140%;padding-left:32px;position:relative}.medispa-how-it-works .step-duration:before{content:"";position:absolute;top:50%;left:0;width:24px;height:1px;background:var(--colours-neutral-500-dark-grey, #494949)}.medispa-how-it-works .step-descriptions{display:-webkit-box;display:-ms-flexbox;display:flex;padding:32px 0;gap:24px}.medispa-how-it-works .how-it-works-step-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 48px}.medispa-how-it-works .step-description{color:#000;font-family:var(--body-font),system-ui,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:140%;margin-top:16px}.medispa-how-it-works .steps-overview,.template-medispa-overview-v2 .steps-overview{display:none}@media only screen and (max-width: 767px){.medispa-how-it-works .page-container{padding-top:64px;padding-bottom:24px}.medispa-how-it-works .step-images{width:100%}.medispa-how-it-works .how-it-works-step-image,.medispa-how-it-works .how-it-works-step-content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.medispa-how-it-works .steps-overview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;background:#fff;padding-bottom:24px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body:not(.template-medispa-overview-v2) .medispa-how-it-works .steps-overview .step-item:first-child{padding-left:39.5px}body:not(.template-medispa-overview-v2) .medispa-how-it-works .steps-overview .step-item:last-child{padding-right:39.5px}.medispa-how-it-works .steps-overview .step-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;text-align:center;position:relative;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.medispa-how-it-works .steps-overview .step-item:before{content:"";position:absolute;left:0;top:25%;translate:0% -25%;width:100%;height:1px;background:var(--colours-neutral-300-light-grey, #e4e4e4)}.medispa-how-it-works .steps-overview .step-num{color:var(--colours-neutral-400-medium-grey, #b5b5b5);text-align:center;font-family:Minerva-Modern;font-size:30px;font-style:normal;font-weight:400;line-height:130%;text-transform:uppercase;padding:0 16px;background-color:#fff;z-index:1}.medispa-how-it-works .steps-overview .step-name{color:#000;text-align:center;font-family:var(--body-font),system-ui,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:130%}}
/*# sourceMappingURL=/cdn/shop/t/404/assets/medispa-how-it-works.css.map */