:root{--opk-main-wrapper: 1920px;--opk-second-wrapper: 1494px}@media screen and (min-width: 749px){.opk-timeline__desktop-height-small{min-height:740px}}@media screen and (min-width: 1440px){.opk-timeline .timeline__row{margin-left:3.6%}}@media screen and (min-width: 749px){.opk-timeline .timeline__row:first-child{padding-top:13px}}@media screen and (max-width: 748px){.opk-timeline .timeline__row{padding-top:4px}}.opk-timeline .timeline__content__inner{padding:0}@media screen and (min-width: 1440px){.opk-timeline .timeline__content__inner{max-width:88%;margin-left:7.5%}}.opk-timeline .timeline__content__inner .hero__subheading{color:#394147;font-feature-settings:lining-nums proportional-nums;font-variant-numeric:lining-nums proportional-nums;font-family:"Playfair Display";font-size:20px;font-weight:800;line-height:1.5;margin-bottom:8px}@media screen and (max-width: 479px){.opk-timeline .timeline__content__inner .hero__subheading{font-size:18px;line-height:1.33}}.opk-timeline .timeline__content__inner .hero__rte.body-medium{font-size:16px;line-height:1.5;letter-spacing:.1px}@media screen and (min-width: 1440px){.opk-timeline .timeline__content__inner .hero__rte.body-medium{max-width:420px}}@media screen and (max-width: 479px){.opk-timeline .timeline__content__inner .hero__rte.body-medium{font-size:15px;line-height:1.47;letter-spacing:0}}.opk-timeline .timeline__image{border-radius:4px;overflow:clip}@media screen and (min-width: 749px){.opk-timeline .timeline__image{width:62.8%;left:37.2%}}@media screen and (min-width: 749px){.opk-timeline .timeline--images .timeline__content{width:37%}}@media screen and (min-width: 749px){.opk-timeline .timeline__content{padding:0 0 28px}}@media screen and (max-width: 748px){.opk-timeline .timeline__content{padding-top:43px}}.opk-timeline .timeline__dot__holder{--dot-width: 14px}@media screen and (min-width: 749px){.opk-timeline .timeline__indicator{top:20px}}@media screen and (max-width: 748px){.opk-timeline .timeline__indicator{display:none}}@media screen and (min-width: 749px){.opk-timeline .timeline__head.text-left-of-image{padding-left:37.2%}}@media screen and (max-width: 748px){.opk-timeline .timeline__dot__wrapper{display:none}}@media screen and (max-width: 748px){.opk-timeline .two-fifty-four-height-hero--mobile{min-height:254px}}