.diagnox-how-it-works{position:relative;overflow:hidden;background:#d9c4b1}.diagnox-how-it-works__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.diagnox-how-it-works__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.diagnox-how-it-works__inner{position:relative;z-index:1;padding:80px 40px}.diagnox-how-it-works__card{position:relative;max-width:1040px;margin:0 auto;border-radius:24px;border:1px solid rgba(255,255,255,.16);overflow:hidden;isolation:isolate;color:#fff}.diagnox-how-it-works__card--no-image{background:#162335b8}.diagnox-how-it-works__card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.diagnox-how-it-works__card-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.diagnox-how-it-works__card-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.diagnox-how-it-works__card-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.diagnox-how-it-works__card-grid-svg{width:100%;height:100%;display:block}.diagnox-how-it-works__card-grid-svg line{stroke:#ffffff52;stroke-width:1}.diagnox-how-it-works__card-content{position:relative;z-index:2;padding:66px 62px 0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.diagnox-how-it-works__heading{margin:0;max-width:467px;font-family:Axiforma-Light,sans-serif;font-weight:350;font-size:30px;letter-spacing:0}.diagnox-how-it-works__heading em{font-family:PP Editorial New,serif;font-weight:400;font-style:italic}.diagnox-how-it-works__timeline{position:relative;margin-top:-38px;width:calc(100% + 124px);margin-left:-62px;margin-right:-62px}.diagnox-how-it-works__timeline svg{margin-bottom:27px}.diagnox-how-it-works__chart-line{fill:none}.diagnox-how-it-works__phase{position:absolute;display:flex;flex-direction:column;align-items:center;width:168px;text-align:center;transform:translate(-50%);gap:6px}.diagnox-how-it-works__phase .diagnox-how-it-works__mask{width:36px;height:36px;display:block;position:relative}.diagnox-how-it-works__phase .diagnox-how-it-works__mask svg{position:absolute;right:17px;top:6px}.diagnox-how-it-works__phase .diagnox-how-it-works__marker{width:0}.diagnox-how-it-works__phase--1{left:153px;bottom:38px}.diagnox-how-it-works__phase--2{left:394px;bottom:38px}.diagnox-how-it-works__phase--3{left:635px;bottom:66px}.diagnox-how-it-works__phase--4{left:916px;bottom:154px}.diagnox-how-it-works__phase--1 .diagnox-how-it-works__stem,.diagnox-how-it-works__phase--2 .diagnox-how-it-works__stem,.diagnox-how-it-works__phase--3 .diagnox-how-it-works__stem{height:38px}.diagnox-how-it-works__phase--4 .diagnox-how-it-works__stem{height:21px}.diagnox-how-it-works__copy{margin:0 0 6px;font-family:Axiforma,sans-serif;font-weight:375;font-size:9.04px;line-height:1.6;letter-spacing:0;text-align:center}.diagnox-how-it-works__badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:7px 12px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.85);background:transparent;font-family:Axiforma,sans-serif;font-weight:700;font-size:9.04px;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin-bottom:8px}.diagnox-how-it-works__stem{display:block;width:1px;margin-top:6px;background:#fff;flex-shrink:0}.diagnox-how-it-works__timeline-mobile{position:relative;margin-top:30px;padding-left:24px;display:grid;gap:35px}.diagnox-how-it-works__timeline-mobile:before{content:"";position:absolute;top:3px;bottom:6px;left:6px;border-left:1px dashed rgba(255,255,255,.5)}.diagnox-how-it-works__phase-mobile{position:relative}.diagnox-how-it-works__phase-mobile:before{content:"";position:absolute;left:-18px;top:11px;width:10px;border-top:1px dashed rgba(255,255,255,.5)}.diagnox-how-it-works__phase-mobile .diagnox-how-it-works__copy{text-align:left;margin-top:7px;margin-bottom:0}.diagnox-how-it-works__content-bottom{display:flex;align-items:flex-start;justify-content:center;width:100%;position:relative;padding:30px 0 20px;gap:28px}.diagnox-how-it-works__steps{position:relative;text-align:center;display:flex;align-items:flex-start;gap:28px}.diagnox-how-it-works__label{display:inline-block;color:#fff;font-size:9.04px;line-height:1.4;text-transform:uppercase;max-width:120px;font-weight:600}.diagnox-how-it-works__steps.active .diagnox-how-it-works__label{background:#1996ff;color:#fff;padding:4px 10px;border-radius:2px;font-weight:600;max-width:none}@media only screen and (max-width:768px){.diagnox-how-it-works__inner{padding:44px 27px}.diagnox-how-it-works__card{border-radius:22px;max-width:360px}.diagnox-how-it-works__card-content{padding:32px 0 32px 41px}.diagnox-how-it-works__card-content:before{content:"";position:absolute;left:22px;top:2px;bottom:6px;border-left:1px dashed rgba(255,255,255,.65);pointer-events:none}.diagnox-how-it-works__timeline-mobile{margin-top:38px;padding-left:16px;padding-bottom:4px}.diagnox-how-it-works__timeline-mobile:before{display:none}.diagnox-how-it-works__phase-mobile:before{left:-34px;top:12px;width:32px;border-top:1px dashed rgba(255,255,255,.65)}.diagnox-how-it-works__heading{font-size:26px;max-width:265px}.diagnox-how-it-works__heading em{font-size:26px}.diagnox-how-it-works__badge,.diagnox-how-it-works__copy{font-size:9px}}@media only screen and (min-width:769px)and (max-width:990px){.diagnox-how-it-works__phase{width:140px}.diagnox-how-it-works__badge{font-size:8px;padding:6px 10px 5px}.diagnox-how-it-works__copy{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/diagnox-how-it-works-uti.css.map */