.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,.05);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:64px 68px 90px;height:408px;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;display:flex;flex-direction:column}.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:60px;width:100%;display:flex}.diagnox-how-it-works__chart-line{fill:none}.diagnox-how-it-works__phase{display:flex;flex-direction:column}.diagnox-how-it-works__copy{font-family:Axiforma;font-weight:375;font-size:9.04px;line-height:1.6;letter-spacing:0;max-width:144px;margin:0}.diagnox-how-it-works__badge{display:inline-flex;font-family:Axiforma;font-weight:700;font-size:9.04px;line-height:1;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin:0 0 10px;max-width:145px}.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__phase-icon-svg{display:flex;align-items:center;gap:18px;padding:0 18px 18px 0}.diagnox-how-it-works .diagnox-how-it-works__bg:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:var(--image-overlay);overflow:hidden}@media only screen and (max-width:1024px){.diagnox-how-it-works__phase-icon-svg>svg:first-of-type{width:40%;height:36px;display:flex}.diagnox-how-it-works__phase{flex:1 1 calc(25% - 36px);max-width:calc(25% - 36px)}.diagnox-how-it-works__phase-icon-svg svg.diagnox-how-it-works__stem{width:100%}.diagnox-how-it-works__phase--4 .diagnox-how-it-works__phase-icon-svg>svg:first-of-type{padding-right:18px}.diagnox-how-it-works__timeline{justify-content:space-between}}@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,.diagnox-how-it-works__copy{font-size:8px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/diagnox-how-it-works-colonox.css.map */