@font-face {
    font-family: "WorkSans-Regular";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/WorkSans-Regular.ttf");
    font-display: swap
}

@font-face {
    font-family: "WorkSans-SemiBold";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/WorkSans-SemiBold.ttf");
    font-display: swap
}

@font-face {
    font-family: "WorkSans-Bold";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/WorkSans-Bold.ttf");
    font-display: swap
}

@font-face {
    font-family: "WorkSans-Medium";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/WorkSans-Medium.ttf");
    font-display: swap
}

@font-face {
    font-family: "WorkSans-ExtraBold";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/WorkSans-ExtraBold.ttf");
    font-display: swap
}

@font-face {
    font-family: "FlatBrush-Regular";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/FlatBrush-Regular.woff2") format("woff2")
}

@font-face {
    font-family: "Inter";
    src: url("/-/media/project/p2phub/p2pdescovyhcp/fonts/Inter.ttf");
    font-display: swap
}

@media(max-width:767.9px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:1023.9px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width:1024px) and (max-width:1199.9px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.p-0 {
    padding: 0
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.p-1,
.callout,
.callout-primary,
.cta-home .cta-icon {
    padding: 1rem
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-1 {
    padding-left: 1rem;
    padding-right: 1rem
}

.p-2 {
    padding: 2rem
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem
}

.p-3 {
    padding: 3rem
}

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem
}

.p-4 {
    padding: 4rem
}

.py-4 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.px-4 {
    padding-left: 4rem;
    padding-right: 4rem
}

.p-5 {
    padding: 5rem
}

.py-5 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-5 {
    padding-left: 5rem;
    padding-right: 5rem
}

.m-0 {
    margin: 0
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0
}

.mx-0 {
    margin-left: 0;
    margin-right: 0
}

.m-1 {
    margin: 1rem
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem
}

.m-2 {
    margin: 2rem
}

.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem
}

.m-3 {
    margin: 3rem
}

.my-3 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.mx-3 {
    margin-left: 3rem;
    margin-right: 3rem
}

.m-4 {
    margin: 4rem
}

.my-4 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.mx-4 {
    margin-left: 4rem;
    margin-right: 4rem
}

.m-5 {
    margin: 5rem
}

.my-5 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.mx-5 {
    margin-left: 5rem;
    margin-right: 5rem
}

.no-scroll {
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    position: fixed
}

.no-scroll::-webkit-scrollbar {
    width: 0 !important;
    display: none !important
}

.block {
    display: block
}

header.container-fluid {
    margin: 0 auto;
    padding: 0;
    background-color: #f3fafc
}

.item-links {
    color: #004063;
    font-family: "WorkSans-Regular";
    padding-left: 2.8125rem
}

.item-links:after {
    color: #430039
}

header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 100;
    background-color: #f3fafc;
    position: fixed;
    z-index: 100;
    min-height: 82px;
    box-shadow: 0 2px 4px 0 rgba(21, 64, 79, .15)
}

header.fixed {
    position: sticky;
    top: 0;
    left: 0
}

header.fixed.peekaboo.expanded {
    position: fixed
}

header.peekaboo {
    margin-top: 0;
    transition: all .3s linear
}

header a,
header a:hover {
    color: #004063
}

header .sub-nav-outer-container {
    background: #daf1f5;
    width: 100%;
    padding: 0 0;
    display: none;
    height: 0
}

header .sub-nav-outer-container.active-sub-nav {
    display: flex;
    height: fit-content
}

header .sub-nav-outer-container .sub-nav-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%
}

header .sub-nav-outer-container .sub-nav-container a {
    color: #004063;
    font-family: "WorkSans-SemiBold";
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-decoration: none;
    transition: all .5s;
    padding: 14px 0;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 152px
}

header .sub-nav-outer-container .sub-nav-container a.active {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/subnav-active-line.svg)
}

header .sub-nav-outer-container .sub-nav-container a:hover {
    color: #f04f00;
    transition: all .5s
}

header .sub-nav-outer-container .sub-nav-container .dropdown {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%
}

header .sub-nav-outer-container .sub-nav-container .current-item {
    display: none
}

header #mobile-menu-logo {
    position: absolute;
    height: 75px;
    width: 76%;
    top: 0;
    padding: 10px;
    background: #fff
}

header #mobile-menu-logo img {
    width: 182px
}

header #nav-top {
    padding: 5px 10px 5px 0;
    display: none
}

header #nav-top .navbar-nav {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    min-height: 30px;
    max-height: 30px
}

header #nav-top .navbar-nav li {
    display: inline-block;
    margin-bottom: 0
}

header #nav-top .navbar-nav li a {
    display: block;
    font-size: .6875rem;
    text-align: center;
    line-height: 1rem;
    font-family: "WorkSans-Bold"
}

header #nav-top .navbar-nav li:nth-child(3) {
    padding-right: 10px
}

header .navbar {
    padding: 0;
    max-width: 1024px
}

header .navbar .navbar-brand {
    padding: 8px 0
}

header .navbar .navbar-brand img {
    width: 10rem
}

@media screen and (max-width:1023.9px) {
    header .navbar .navbar-brand img {
        margin-left: 10px
    }
}

header .navbar .wp-logo.Home .logo-slim {
    display: block;
    padding: 0 0
}

header .navbar .wp-logo.Home .logo-full {
    display: none
}

@media screen and (min-width:1024px) {
    header .navbar .wp-logo.Home .logo-slim {
        display: none
    }

    header .navbar .wp-logo.Home .logo-full {
        display: block
    }
}

header .navbar .logo-slim {
    display: none
}

header .navbar .navbar-toggler {
    border: none;
    font-size: 2.5rem;
    padding-right: .9375rem
}

header .navbar .navbar-toggler .navbar-toggler-icon {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/mobile-menu-icon.svg);
    background-position: center center;
    background-size: 100% 70%;
    position: absolute;
    right: 30px;
    top: 16px;
    width: 45px
}

header .navbar .navbar-toggler .close-btn {
    color: #004063;
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 19px
}

header .navbar .navbar-toggler .close-btn>img {
    width: 29px;
    height: 30px
}

header .navbar .navbar-toggler.collapsed>.close-btn,
header .navbar .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
    display: none
}

header .navbar .navbar-toggler:focus {
    outline: none
}

header .navbar .navbar-collapse.show {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    padding-bottom: 180px;
    background: #d5ecf2
}

@media screen and (max-width:768px) and (orientation:landscape) {
    header .navbar .navbar-collapse.show {
        padding-bottom: 180px
    }
}

header .navbar ul.navbar-nav {
    margin-top: 15px
}

header .navbar ul.navbar-nav li.nav-item {
    margin-bottom: 0;
    z-index: 10
}

header .navbar ul.navbar-nav li.nav-item:last-child {
    margin-bottom: 10px
}

header .navbar ul.navbar-nav li.nav-item:nth-child(5) .dropdown-menu {
    min-width: 11rem
}

header .navbar ul.navbar-nav li.nav-item .nav-link {
    display: flex;
    align-items: center;
    font-family: "WorkSans-SemiBold";
    font-size: .9375rem;
    color: #004063;
    height: 44px;
    line-height: 22px;
    font-size: 1.125rem;
    padding: 5px 0 5px 40px
}

header .navbar ul.navbar-nav li.nav-item .nav-link:hover {
    color: #004063
}

header .navbar ul.navbar-nav li.nav-item .nav-link.dropdown-toggle {
    position: relative
}

header .navbar ul.navbar-nav li.nav-item .nav-link.dropdown-toggle:after {
    content: "＋";
    border: none;
    position: absolute;
    right: 2.8125rem;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    font-size: 1.5625rem
}

@media(min-width:768px) and (max-width:800px) {
    header .navbar ul.navbar-nav li.nav-item .nav-link.dropdown-toggle:after {
        font-size: 2.5rem
    }
}

header .navbar ul.navbar-nav li.nav-item .nav-link.two-lines {
    height: 4.3125rem
}

header .navbar ul.navbar-nav li.nav-item .nav-link.two-lines:after {
    top: 1.6875rem
}

header .navbar ul.navbar-nav li.nav-item .nav-link.two-lines span {
    display: block
}

header .navbar ul.navbar-nav li.nav-item.show .nav-link.dropdown-toggle:after {
    content: "−";
    font-size: 1.625rem;
    right: 48px
}

@media screen and (max-width:1023.9px) {
    header .navbar ul.navbar-nav li.nav-item.show .dropdown-menu {
        display: block
    }
}

header .navbar ul.navbar-nav li.nav-item.d-block a {
    height: 2.1875rem;
    font-family: "WorkSans-Regular";
    padding-top: .53125rem
}

header .navbar ul.navbar-nav li.nav-item.d-block:last-child a span {
    display: block;
    position: relative
}

header .navbar ul.navbar-nav li.nav-item.d-block:last-child a img {
    width: 1.25rem;
    position: absolute;
    right: 1.5625rem;
    top: -.6875rem
}

header .navbar ul.navbar-nav li.nav-item .dropdown-menu {
    padding: 0;
    border: none;
    border-radius: 0;
    top: 85%;
    min-width: 175px
}

header .navbar ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item {
    color: #004063;
    font-family: "WorkSans-Regular";
    padding-left: 40px;
    font-size: 1.125rem;
    height: 40px;
    padding-top: .59375rem;
    padding-bottom: .59375rem
}

header .navbar ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item.active,
header .navbar ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item:hover {
    font-family: "WorkSans-Bold";
    background-color: #83d1dd
}

header .navbar ul.navbar-nav li.nav-item .dropdown-menu .DEShcpHome_DiscontinuationRates_SafetySubnav,
header .navbar ul.navbar-nav li.nav-item .dropdown-menu .DEShcpHome_DescovyCandidates_HIVsubnav {
    white-space: normal;
    height: auto
}

@media(min-width:1024px) and (max-width:1200px) {
    header .navbar ul.navbar-nav li.nav-item .dropdown-menu.last {
        left: -54px;
        position: absolute
    }
}

@media(min-width:768px) and (max-width:800px) {
    header .navbar ul.navbar-nav li.nav-item:not(.show) .nav-link.dropdown-toggle:after {
        right: 2.3125rem
    }
}

header.fixed-top {
    position: relative
}

header.p-fixed+.main-content {
    margin-top: 82px
}

@media screen and (min-width:1024px) {
    header {
        min-height: 80px
    }

    header.fixed-top {
        margin: 0 auto
    }

    header.p-fixed+.main-content {
        margin-top: 80px
    }

    header #nav-top {
        padding: 0
    }

    header #nav-top .navbar-nav {
        justify-content: center
    }

    header #nav-top .navbar-nav li {
        margin-left: 1.6875rem
    }

    header #nav-top .navbar-nav li a {
        display: block;
        padding-left: .9375rem;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    header #nav-top .navbar-nav li:nth-child(1) {
        margin-left: 4px;
        min-width: 192px;
        position: relative
    }

    header #nav-top .navbar-nav li:nth-child(1) .burger {
        position: absolute;
        top: 12px;
        left: 17px
    }

    header #nav-top .navbar-nav li:nth-child(1) .burger span {
        display: block;
        border-top: 1px solid #004063;
        width: 10px;
        height: 1px;
        margin-bottom: 2px
    }

    header #nav-top .navbar-nav li:nth-child(1) .burger span:last-child {
        margin-bottom: 0
    }

    header #nav-top .navbar-nav li:nth-child(1):hover {
        background: #004063
    }

    header #nav-top .navbar-nav li:nth-child(1):hover a.DEShcpHome_PILink_TopNav {
        color: #fff;
        padding-left: 38px
    }

    header #nav-top .navbar-nav li:nth-child(1):hover a.DEShcpHome_PILink_TopNav:before {
        content: '✕';
        font-size: 11px;
        position: absolute;
        left: 18px
    }

    header #nav-top .navbar-nav li:nth-child(1):hover .floating-options {
        display: block
    }

    header #nav-top .navbar-nav li:nth-child(1) a.DEShcpHome_PILink_TopNav {
        display: inline-block;
        padding-left: 38px
    }

    header #nav-top .navbar-nav li:nth-child(1) .floating-options li:nth-child(1) {
        margin-left: 0
    }

    header #nav-top .floating-options {
        position: absolute;
        min-width: 630px;
        min-height: 334px;
        background: #004063;
        z-index: 10;
        top: 28px;
        padding: 25px 0 0 38px;
        display: none
    }

    header #nav-top .floating-options a {
        color: #fff;
        font-family: "WorkSans-Regular";
        font-size: 14px
    }

    header #nav-top .floating-options>a:first-child {
        font-family: "WorkSans-Bold";
        font-size: 14px;
        border-radius: 5px;
        display: block;
        padding: 11px 0 11px 0 !important;
        margin-bottom: 13px;
        min-width: 255px;
        max-width: 255px;
        text-align: center;
        background: #87d3e1;
        color: #004063
    }

    header #nav-top .floating-options>a:first-child:after {
        content: "";
        border-right: 3px solid #004063;
        border-top: 3px solid #004063;
        border-radius: 3px;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 4px 0 5px;
        transform: rotate(45deg)
    }

    header #nav-top .floating-options>a:first-child:hover {
        background: #f04f00
    }

    header #nav-top .floating-options>div {
        display: flex;
        flex-direction: row
    }

    header #nav-top .floating-options>div ol {
        counter-reset: item;
        list-style-type: none;
        padding: 0
    }

    header #nav-top .floating-options>div ol li {
        color: #fff;
        font-size: .875rem;
        margin: 0 0 -2px 0;
        display: block
    }

    header #nav-top .floating-options>div ol li span {
        width: 6px;
        display: inline-block;
        font-family: "WorkSans-Bold"
    }

    header #nav-top .floating-options>div ol li a {
        font-family: "WorkSans-Regular";
        text-align: left !important;
        display: inline-block;
        padding-left: 22px !important
    }

    header #nav-top .floating-options>div ol li a:after {
        content: "";
        border-right: 2px solid #87d3e1;
        border-top: 2px solid #87d3e1;
        display: inline-block;
        width: 5px;
        height: 5px;
        margin: 0 0 0 8px;
        transform: rotate(45deg)
    }

    header #nav-top .floating-options>div ol:nth-child(1) {
        margin-right: 45px
    }

    header .navbar {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        max-height: 80px
    }

    header .navbar .navbar-brand {
        padding: 0 3.5rem 0 0
    }

    header .navbar .navbar-brand img {
        width: 10rem
    }

    header .navbar .navbar-toggler {
        display: none
    }

    header .navbar #main-menu {
        justify-content: space-between;
        display: flex;
        flex-direction: row;
        max-width: 780px;
        margin-left: -40px
    }

    header .navbar ul.navbar-nav {
        padding-top: .625rem;
        margin-top: 0;
        height: 5.3125rem;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    header .navbar ul.navbar-nav li.nav-item {
        width: 10.2%;
        padding: 16px 0 0 0
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(1) {
        width: 10.2%
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(2) {
        width: 16.2%
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(3) {
        width: 12.2%
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(4) {
        width: 14.2%
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(5) {
        width: 17.5%
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(6) {
        width: 15.2%
    }

    header .navbar ul.navbar-nav li.nav-item:nth-child(7) {
        width: 14.5%
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link {
        font-family: "WorkSans-Bold"
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span {
        position: relative
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span::before,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span::before,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span::before {
        content: url("/-/media/project/p2phub/p2pdescovyhcp/images/nav_underscore_bold_orange.svg");
        position: absolute;
        left: 0%;
        right: 0;
        bottom: 0;
        height: 9px;
        width: 100%;
        min-width: 62px;
        background-position: center center
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span.far-left::before,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span.far-left::before,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span.far-left::before {
        left: -60%
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span.mid-left::before,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span.mid-left::before,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span.mid-left::before {
        left: -28%
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span.little-left::before,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span.little-left::before,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span.little-left::before {
        left: -10%
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span.least-left::before,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span.least-left::before,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span.least-left::before {
        left: -3%
    }

    header .navbar ul.navbar-nav li.nav-item:hover>.nav-link>span.thin::before,
    header .navbar ul.navbar-nav li.nav-item.show>.nav-link>span.thin::before,
    header .navbar ul.navbar-nav li.nav-item.showdskt>.nav-link>span.thin::before {
        content: url("/-/media/project/p2phub/p2pdescovyhcp/images/nav_underscore.svg")
    }

    header .navbar ul.navbar-nav li.nav-item.noshowDskt .nav-link {
        font-family: "WorkSans-SemiBold"
    }

    header .navbar ul.navbar-nav li.nav-item.noshowDskt .nav-link>span::before {
        content: none
    }

    header .navbar ul.navbar-nav li.nav-item.noshowDskt .nav-link>span.thin::before {
        content: none
    }

    header .navbar ul.navbar-nav li.nav-item:hover .nav-link {
        font-family: "WorkSans-Bold"
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link {
        font-size: .9375rem;
        font-family: "WorkSans-SemiBold";
        line-height: 1.3;
        height: auto;
        justify-content: center;
        flex-direction: column;
        padding: 0
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link span {
        display: block
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link span:first-child {
        text-align: center;
        margin: 0 auto
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link span sup {
        font-size: .75em;
        top: -.25em
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link.ptm {
        padding-top: 16px
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link.dropdown-toggle:after {
        display: none
    }

    header .navbar ul.navbar-nav li.nav-item .nav-link.two-lines {
        height: auto
    }

    header .navbar ul.navbar-nav li.nav-item:hover .dropdown-menu {
        display: block;
        margin-left: 0
    }

    header .navbar ul.navbar-nav li.nav-item .dropdown-menu {
        border-radius: .25rem;
        display: none;
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .22)
    }

    header .navbar ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item {
        font-size: .875rem;
        white-space: normal;
        padding-left: .9375rem;
        padding-right: .75rem;
        height: 100%
    }

    header .navbar ul.navbar-nav li.nav-item .dropdown-menu .dropdown-item sup {
        font-size: .75em;
        top: -.25em
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    header *::-ms-backdrop,
    header ul.navbar-nav li.nav-item.show>.nav-link:before {
        left: 25px !important
    }
}

@media screen and (max-width:991px) {
    .mobile-nav-padding {
        padding: 0
    }

    header .sub-nav-outer-container {
        background: #daf1f5;
        width: 100%;
        padding: 10px 0 0 0 !important;
        display: none;
        height: 0
    }

    header .sub-nav-outer-container.active-sub-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 44px;
        padding: 0 !important
    }

    header .sub-nav-outer-container .sub-nav-container {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
        flex-direction: row
    }

    header .sub-nav-outer-container .sub-nav-container .current-item {
        font-size: 15px;
        line-height: 24px;
        color: #004063;
        text-align: center;
        margin: 0;
        font-family: "WorkSans-Medium";
        height: 44px;
        line-height: 44px;
        margin-bottom: 0;
        display: block;
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-size: 152px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/subnav-active-line.svg)
    }

    header .sub-nav-outer-container .sub-nav-container .jump-to-text {
        font-size: 15px;
        line-height: 20px;
        color: #004063;
        text-align: center;
        margin: 0;
        cursor: pointer;
        padding-bottom: 10px;
        font-family: "WorkSans-Medium";
        height: 44px;
        line-height: 44px
    }

    header .sub-nav-outer-container .sub-nav-container .jump-to-text svg {
        transition: all .3s
    }

    header .sub-nav-outer-container .sub-nav-container .jump-to-text svg path {
        transition: all .3s
    }

    header .sub-nav-outer-container .sub-nav-container .jump-to-text:hover svg {
        transform: rotate(180deg)
    }

    header .sub-nav-outer-container .sub-nav-container .jump-to-text:hover svg path {
        stroke: #f04f00
    }

    header .sub-nav-outer-container .sub-nav-container a {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        border-bottom: 1px solid #fff;
        padding: 14px 20px;
        width: 100%;
        display: block;
        text-align: right;
        border-bottom: 0
    }

    header .sub-nav-outer-container .sub-nav-container a.active {
        background-image: none
    }

    header .sub-nav-outer-container .sub-nav-container a:active {
        background-color: #f04f00;
        border-bottom: 0;
        color: #fff
    }

    header .sub-nav-outer-container .sub-nav-container a:last-of-type {
        border: none
    }

    header .sub-nav-outer-container .sub-nav-container .dropdown {
        display: none
    }

    header .sub-nav-outer-container .sub-nav-container .dropdown.show {
        background: #daf1f5;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        width: auto;
        flex-direction: column;
        position: absolute;
        top: 44px;
        right: 0
    }
}

.no-cookies header.p-fixed+.main-content {
    margin-top: 106px
}

@media screen and (min-width:1024px) {
    .no-cookies header.p-fixed+.main-content {
        margin-top: 111px
    }
}

.cta {
    font-size: 16px;
    display: flex;
    border-radius: 10px;
    background-clip: padding-box;
    align-items: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    height: 62px;
    width: 330px;
    text-align: left;
    font-family: "WorkSans-SemiBold";
    position: relative;
    justify-content: space-between;
    margin-bottom: 30px
}

@media screen and (min-width:1024px) {
    .cta {
        width: 250px;
        transition: background-color .5s linear, border .5s linear
    }
}

@media only screen and (min-device-width:1024px) and (max-device-height:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .cta {
        transition: none
    }
}

.cta-primary {
    background-color: #fff;
    border: 2px solid #4298b5;
    color: #f44f00
}

.cta-primary::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/button-arrow.png");
    position: absolute;
    right: 20px;
    top: 19px
}

@media screen and (min-width:1024px) {
    .cta-primary {
        width: auto;
        padding-right: 55px;
        min-width: 250px;
        max-width: 440px
    }

    .cta-primary.cancel {
        width: 250px
    }
}

.cta-primary:hover {
    background-color: #f44f00;
    border: 2px solid #f44f00;
    color: #fff
}

.cta-primary:hover::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/button-arrow-white.png")
}

.cta-secondary {
    background-color: #edeeee;
    color: #004063;
    height: 3.3125rem
}

.cta-secondary::after {
    content: "+";
    margin-left: 20px;
    font-size: 30px;
    position: absolute;
    right: 12px;
    top: 14px
}

.cta-secondary:hover {
    background-color: #004063;
    color: #fff
}

.cta-tertiary {
    background-color: #f44f00;
    border: 2px solid #f44f00;
    color: #fff
}

.cta-tertiary::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/button-arrow-white.png")
}

.cta-tertiary:hover {
    background-color: #fff;
    border: 2px solid #4298b5;
    color: #f44f00
}

.cta-tertiary:hover::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/button-arrow.png");
    position: absolute;
    right: 20px;
    top: 19px
}

.cta-link-white {
    justify-content: space-between
}

.cta-link-white::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/arrow-out-white.svg");
    width: 20px;
    height: auto
}

.cta-link-white:hover::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/arrow-out-orange.svg");
    width: 20px;
    height: auto
}

.cta-link-orange::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/arrow-out-orange.svg");
    width: 20px;
    height: auto;
    position: absolute;
    right: 20px
}

.cta-link-orange:hover::after {
    content: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/arrow-out-white.svg");
    width: 20px;
    height: auto
}

.cta-blue {
    background-color: #004063;
    border: 2px solid #004063;
    color: #fff;
    position: relative
}

.cta-out--blue:after {
    content: '';
    display: block;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/arrow-out-white.png");
    background-repeat: no-repeat;
    position: absolute;
    right: 18px;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    transform: translateY(-50%);
    height: 20px
}

.cta-out--blue:hover {
    background-color: #004063;
    color: #fff
}

.cta-out--blue:hover:after {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/ctas/arrow-out-ocean.svg")
}

.callout-wrapper {
    width: 100%;
    margin-bottom: 30px
}

.callout,
.callout-primary {
    display: block;
    font-size: 1.15em
}

.bg-gradient {
    background: #f3e7f1;
    background: -moz-linear-gradient(left, #f3e7f1 0%, #c7b2c4 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f3e7f1), color-stop(100%, #c7b2c4));
    background: -webkit-linear-gradient(left, #f3e7f1 0%, #c7b2c4 100%);
    background: -o-linear-gradient(left, #f3e7f1 0%, #c7b2c4 100%);
    background: -ms-linear-gradient(left, #f3e7f1 0%, #c7b2c4 100%);
    background: linear-gradient(to right, #f3e7f1 0%, #c7b2c4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3e7f1', endColorstr='#c7b2c4', GradientType=1)
}

.callout-primary {
    background-color: #004063;
    position: relative;
    text-align: center;
    padding: 1.875rem;
    font-family: "WorkSans-Bold";
    font-size: 19px;
    line-height: 1.25;
    margin-bottom: 0;
    z-index: 1;
    color: #fff
}

@media screen and (min-width:1024px) {
    .callout-primary {
        text-align: left
    }
}

.cta-home {
    background-color: rgba(135, 211, 225, .4)
}

.cta-home .cta-icon {
    position: relative;
    text-align: center;
    display: block;
    color: #004063;
    width: 100%
}

@media screen and (min-width:1024px) {
    .cta-home .cta-icon {
        display: inline-block;
        width: calc(99%/3)
    }
}

.cta-home .cta-icon:before,
.cta-home .cta-icon:after {
    content: '';
    display: inline-block;
    position: absolute
}

.cta-home .cta-icon:after {
    content: '';
    display: block;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/arrow-ocean.svg");
    background-repeat: no-repeat;
    position: absolute;
    right: 18px;
    top: 50%;
    width: 20px;
    height: 20px;
    background-size: contain;
    transform: translateY(-50%)
}

.callout-wrapper-light {
    background: #d8eff5;
    margin: 26px -20px 30px -20px;
    padding: 35px;
    position: relative
}

.callout-wrapper-light p {
    font-family: "WorkSans-SemiBold";
    color: #000;
    width: 100%;
    margin-bottom: 0;
    padding: 0 30px
}

.callout-wrapper-light img {
    margin: 0 auto;
    width: 52px !important;
    position: absolute;
    top: -26px;
    left: 0;
    right: 0
}

body:not(.home) .body-content .isi-header {
    margin-top: 30px
}

.main-isi {
    background: #fff
}

@media screen and (min-width:1024px) {
    .main-isi {
        margin: 0 auto;
        position: relative;
        z-index: 10
    }

    .main-isi:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: -1px;
        background: #fff
    }

    .main-isi .isi-wrapper {
        max-width: 944px;
        padding-top: 40px
    }
}

.isi .body {
    color: rgba(0, 0, 0, .7)
}

.isi p {
    margin-bottom: 1.875rem
}

.isi h3 {
    color: #4298b5
}

@media screen and (min-width:1024px) {
    .isi h3 {
        width: 102%
    }
}

.isi .index-home h1 {
    display: none
}

.isi .index-home ul {
    padding-left: .9375rem
}

@media screen and (min-width:1024px) {
    .isi .index-home ul li {
        margin-top: .3125rem
    }
}

.isi .index-home p.text-teal {
    margin-bottom: 1rem
}

.isi ul li ul {
    list-style: none;
    padding: 0 0 0 .9375rem;
    margin: 0
}

.isi ul li ul li {
    font-family: "WorkSans-Regular"
}

.isi ul li ul li::before {
    content: "–";
    top: 0;
    color: rgba(0, 0, 0, .7);
    width: 0;
    height: 0;
    margin-right: 5px
}

#sticky-footer {
    display: none;
    padding-bottom: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 1030;
    color: #fff;
    box-shadow: 0 1px 10px 0 #898989
}

#sticky-footer .lou-container {
    background: #f3fafc;
    padding: 14px 16px;
    overflow: hidden;
    transition: all .5s ease
}

#sticky-footer .lou-container p {
    color: #404040;
    margin-top: 8px
}

#sticky-footer .lou-container a.trigger {
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: "WorkSans-Bold";
    letter-spacing: -.75px;
    color: #004063;
    display: block;
    cursor: pointer
}

#sticky-footer .lou-container a.trigger[aria-expanded="false"] {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/icon-plus.png")
}

#sticky-footer .lou-container a.trigger[aria-expanded="true"] {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/icon-minus.png")
}

#sticky-footer p {
    margin-bottom: 0;
    letter-spacing: -.25px;
    line-height: 1.2
}

#sticky-footer div.mobile {
    padding: 0
}

#sticky-footer div.mobile .mobile-indications {
    margin: 0 -10px;
    padding: 7px 10px 0 10px;
    background: #fff;
    -webkit-box-shadow: 0 -2px 4px 1px #dadada;
    box-shadow: 0 -2px 4px 1px #dadada;
    position: relative;
    overflow: hidden
}

@media(orientation:landscape) and (max-width:1024px) {
    #sticky-footer div.mobile .mobile-indications {
        height: 125px
    }
}

#sticky-footer div.mobile .mobile-indications h5 {
    position: absolute;
    line-height: 36px;
    width: 110px;
    height: 36px;
    background: #4298b5;
    right: 10px;
    top: 0;
    text-align: center;
    color: #fff;
    padding-right: 10px
}

#sticky-footer div.mobile .mobile-indications h5:after {
    content: '−';
    width: 10px;
    height: 10px;
    margin-left: 10px;
    font-size: 22px;
    position: absolute;
    right: 10px
}

#sticky-footer div.mobile .mobile-indications h5.close-label {
    display: none
}

#sticky-footer div.mobile .mobile-indications.collapsed {
    height: 88px
}

#sticky-footer div.mobile .mobile-indications.collapsed h5:after {
    content: '+'
}

#sticky-footer div.mobile .mobile-indications.collapsed h5.open-label {
    display: none
}

#sticky-footer div.mobile .mobile-indications.collapsed h5.close-label {
    display: block
}

#sticky-footer div.mobile .mobile-indications .indications {
    padding: 0 10px
}

#sticky-footer div.mobile .mobile-indications .indications h2 {
    width: 65%;
    font-size: 20px;
    font-family: "WorkSans-Bold";
    letter-spacing: .1px !important;
    line-height: 1;
    margin-bottom: 3px
}

#sticky-footer div.mobile .mobile-indications .indications p {
    color: #4c4c4c;
    padding: 0;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 3px !important
}

#sticky-footer div.mobile>p {
    padding-top: 4px
}

#sticky-footer div.mobile #stickyISI-bluearea {
    background-color: #477995;
    padding: 4px 10px 7px
}

#sticky-footer .isi-header h1 {
    display: none
}

#sticky-footer .isi-header ul.no-margin-bottom {
    display: none
}

#sticky-footer h3.isi-subhead {
    font-size: 18px;
    line-height: 1.2
}

#sticky-footer .home .indications {
    display: none
}

@media screen and (min-width:1024px) {
    #sticky-footer .home .indications {
        display: block
    }
}

#sticky-footer .isi-content {
    display: none
}

#sticky-footer ul {
    display: none
}

@media screen and (min-width:1024px) {
    #sticky-footer {
        background-color: #fff;
        color: inherit
    }

    #sticky-footer .isi-header {
        display: flex;
        flex-direction: row
    }

    #sticky-footer .isi-header h2 {
        margin-top: 8px
    }

    #sticky-footer .isi-header .indications {
        max-width: 486px;
        margin-right: 40px
    }

    #sticky-footer .isi-header .indications h2 {
        margin-bottom: 4px
    }

    #sticky-footer .isi-header .boxedwarns-important {
        max-width: 391px
    }

    #sticky-footer .wrapper {
        position: relative;
        padding-top: 8px
    }

    #sticky-footer .wrapper .btn-view-all {
        top: 10px;
        right: 0;
        display: block;
        position: absolute;
        cursor: pointer
    }

    #sticky-footer.p-r {
        padding-right: 17px
    }
}

h3.isi-subhead {
    font-family: "WorkSans-Bold";
    font-size: 1.125rem;
    color: #4298b5;
    padding-top: 2px
}

@media screen and (max-width:991px) {
    .isi-header {
        padding-top: 12px
    }
}

.interstitial {
    background: #fff;
    z-index: 9999;
    text-align: center;
    width: 100%;
    top: 0;
    align-items: center;
    box-sizing: border-box;
    height: fit-content;
    padding: 8px 0
}

.interstitial .pi-dropdown {
    display: none
}

.interstitial .interstitial-wrapper {
    max-width: 944px
}

.interstitial .interstitial-link-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.interstitial .interstitial-link-container>a {
    font-family: "WorkSans-SemiBold";
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #377f98;
    text-decoration: none;
    transition: all .5s;
    transition-delay: .2s
}

.interstitial .interstitial-link-container>a:hover {
    cursor: pointer;
    font-family: "WorkSans-Bold";
    transition: all .5s;
    transition-delay: .2s
}

.interstitial .interstitial-link-container>a p {
    margin: 0
}

.interstitial .interstitial-link-container button {
    border-radius: 2px;
    text-align: center;
    padding: 4px 16px
}

@media screen and (min-width:1024px) {
    .interstitial {
        height: fit-content;
        padding: 0
    }

    .interstitial .DEShcpHome_PINav_FullPI {
        display: none
    }

    .interstitial .pi-dropdown {
        display: block;
        position: relative
    }

    .interstitial .pi-dropdown .burger {
        position: absolute;
        top: 12px;
        left: 6px
    }

    .interstitial .pi-dropdown .burger span {
        display: block;
        border-top: 1px solid #004063;
        width: 10px;
        height: 1px;
        margin-bottom: 2px
    }

    .interstitial .pi-dropdown .burger span:last-child {
        margin-bottom: 0
    }

    .interstitial .pi-dropdown .burger+a {
        transition: none;
        padding-left: 10px;
        font-family: "WorkSans-SemiBold";
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #377f98;
        text-decoration: none;
        width: 100%;
        height: 28px;
        padding: 0 8px 0 24px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .interstitial .pi-dropdown .burger+a p {
        margin: 0
    }

    .interstitial .pi-dropdown:hover {
        background: #004063
    }

    .interstitial .pi-dropdown:hover a {
        color: #fff
    }

    .interstitial .pi-dropdown:hover .floating-options>div ol li a:hover {
        color: #f04f00
    }

    .interstitial .pi-dropdown:hover .floating-options>div ol li a:hover:after {
        border-top-color: #f04f00;
        border-right-color: #f04f00
    }

    .interstitial .pi-dropdown:hover .burger span {
        border-top: 1px solid #fff
    }

    .interstitial .pi-dropdown:hover .floating-options {
        display: block
    }

    .interstitial .floating-options {
        position: absolute;
        min-width: 630px;
        min-height: 334px;
        background: #004063;
        z-index: 11;
        top: 28px;
        padding: 25px 0 0 38px;
        display: none;
        text-align: left
    }

    .interstitial .floating-options a {
        color: #fff;
        font-family: "WorkSans-Regular";
        font-size: 14px
    }

    .interstitial .floating-options>a:first-child {
        font-family: "WorkSans-Bold";
        font-size: 14px;
        border-radius: 5px;
        display: block;
        padding: 11px 0 11px 0 !important;
        margin-bottom: 13px;
        min-width: 255px;
        max-width: 255px;
        text-align: center;
        background: #87d3e1;
        color: #004063
    }

    .interstitial .floating-options>a:first-child:after {
        content: "";
        border-right: 3px solid #004063;
        border-top: 3px solid #004063;
        border-radius: 3px;
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 4px 0 5px;
        transform: rotate(45deg)
    }

    .interstitial .floating-options>a:first-child:hover {
        background: #f04f00;
        color: #fff
    }

    .interstitial .floating-options>a:first-child:hover:after {
        border-color: #fff
    }

    .interstitial .floating-options>div {
        display: flex;
        flex-direction: row
    }

    .interstitial .floating-options>div ol {
        counter-reset: item;
        list-style-type: none;
        padding: 0
    }

    .interstitial .floating-options>div ol li {
        color: #fff;
        font-size: .875rem;
        margin: 0 0 -2px 0;
        display: block
    }

    .interstitial .floating-options>div ol li span {
        width: 6px;
        display: inline-block;
        font-family: "WorkSans-Bold"
    }

    .interstitial .floating-options>div ol li a {
        font-family: "WorkSans-Regular";
        text-align: left !important;
        display: inline-block;
        padding-left: 22px !important;
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: .6875rem;
        line-height: 1rem
    }

    .interstitial .floating-options>div ol li a:after {
        content: "";
        border-right: 2px solid #87d3e1;
        border-top: 2px solid #87d3e1;
        display: inline-block;
        width: 5px;
        height: 5px;
        margin: 0 0 0 8px;
        transform: rotate(45deg)
    }

    .interstitial .floating-options>div ol li:nth-child(1) {
        margin-left: 0;
        min-width: 192px;
        position: relative
    }

    .interstitial .floating-options>div ol:nth-child(1) {
        margin-right: 45px
    }
}

#interstitial .close {
    outline: none;
    padding: 0;
    opacity: 1
}

#interstitial .modal-header {
    background-repeat: no-repeat;
    background-position: 0 -2px;
    background-size: 13.2rem 1.1rem;
    border: none;
    padding-bottom: 1rem
}

@media screen and (max-width:1023.9px) {
    #interstitial .modal-header {
        padding-top: 1rem
    }
}

#interstitial .modal-dialog {
    position: relative;
    top: 25%;
    width: 100% !important;
    max-width: 600px !important;
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
    z-index: 9999
}

#interstitial .modal-content {
    width: 600px !important;
    margin: 0 auto;
    padding: 40px 24px
}

#interstitial .modal-body {
    text-align: center;
    padding: 0
}

#interstitial .modal-body p:first-of-type {
    margin-bottom: 24px;
    font-size: 22px;
    line-height: 28px !important;
    line-height: 100%;
    letter-spacing: -.75px;
    font-family: "WorkSans-SemiBold"
}

#interstitial .modal-footer {
    border: none;
    justify-content: center;
    text-align: center;
    padding: 0
}

#interstitial .modal-footer>:not(:first-child) {
    margin-left: 0
}

#interstitial .modal-footer>:not(:last-child) {
    margin-right: 0
}

#interstitial .modal-footer .modal-row {
    width: 100%
}

#interstitial .modal-footer .modal-row:first-of-type {
    padding-right: 24px
}

#interstitial .modal-footer .modal-row button {
    padding: 22px 14px
}

#interstitial .modal-footer .modal-row a {
    margin-bottom: 0
}

@media screen and (max-width:1023.9px) {
    #interstitial .modal-footer .modal-row .cta-out:after {
        right: .5rem
    }
}

@media screen and (max-width:1023.9px) {
    #interstitial .modal-footer .modal-row .cta-arrow:after {
        right: .5rem
    }
}

@media screen and (max-width:1023.9px) {
    #interstitial .modal-footer {
        padding: 0
    }
}

@media screen and (max-width:768px) {
    #interstitial .modal-footer {
        flex-direction: column
    }
}

#interstitial .cta-primary::after {
    transform: scaleX(-1)
}

@media screen and (max-width:991px) {
    .interstitial {
        padding: 0
    }

    .interstitial .interstitial-wrapper .mobile-col-no-padding {
        padding-right: 0
    }

    .interstitial .interstitial-link-container a {
        font-size: 11px;
        line-height: 16px;
        width: fit-content
    }

    .interstitial .interstitial-link-container a:last-of-type {
        width: fit-content
    }

    .interstitial .interstitial-link-container button {
        font-size: 11px;
        line-height: 16px;
        padding: 4px 8px;
        border-radius: 0;
        width: fit-content
    }

    #interstitial .modal-content {
        width: 97% !important;
        margin: 0 !important;
        padding: 40px 24px
    }
}

@media screen and (max-width:767px) {
    #interstitial .modal-footer .modal-row:first-of-type {
        padding: 0 0 24px 0
    }
}

@media screen and (max-width:1023px) {
    .interstitial .interstitial-link-container a {
        font-size: 11px;
        line-height: 16px;
        width: fit-content
    }

    .interstitial .interstitial-link-container a:last-of-type {
        width: fit-content
    }

    .interstitial .interstitial-link-container button {
        font-size: 11px;
        line-height: 16px;
        padding: 4px 8px;
        border-radius: 0;
        width: fit-content
    }

    .interstitial .interstitial-link-container .pi-link {
        line-height: 14px
    }

    .interstitial .interstitial-link-container .patient-site-link {
        display: flex
    }

    .interstitial .interstitial-link-container .patient-site-link svg {
        height: 12px;
        padding-left: 2px;
        align-self: center;
        margin-top: -2px
    }

    .interstitial .interstitial-link-container .yellow-btn {
        min-width: 104px;
        height: 36px;
        gap: 6px;
        line-height: 14px
    }

    .interstitial .interstitial-link-container .yellow-btn span img {
        width: 12px;
        height: 12px
    }

    .interstitial .interstitial-link-container .pink-btn {
        min-width: 102px;
        padding-left: 0;
        padding-right: 0;
        height: 36px;
        justify-content: center
    }

    .interstitial .interstitial-link-container .buttons-container {
        display: flex;
        flex-direction: row;
        gap: 4px
    }
}

@media screen and (min-width:1024px) {
    .interstitial .interstitial-link-container {
        gap: 24px
    }

    .interstitial .interstitial-link-container .patient-site-link {
        display: flex
    }

    .interstitial .interstitial-link-container .patient-site-link svg {
        height: 12px;
        padding-left: 2px;
        align-self: center;
        margin-top: -2px
    }

    .interstitial .interstitial-link-container .yellow-btn {
        min-width: 200px;
        height: 28px;
        gap: 6px;
        line-height: 20px;
        padding: 0 10px
    }

    .interstitial .interstitial-link-container .yellow-btn span {
        display: flex
    }

    .interstitial .interstitial-link-container .yellow-btn span img {
        width: 12px;
        height: 12px
    }

    .interstitial .interstitial-link-container .pink-btn {
        min-width: 133px;
        padding-left: 0;
        padding-right: 0;
        height: 28px;
        justify-content: center
    }

    .interstitial .interstitial-link-container .buttons-container {
        display: flex;
        flex-direction: row;
        gap: 8px
    }
}

.footer {
    background-color: #4298b5;
    font-size: 1rem;
    color: #fff;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 0;
    position: relative;
    padding-top: 25px;
    z-index: 11
}

.footer #footer-bar {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 24px;
    width: 100%;
    background: url(/-/media/project/p2phub/p2pdescovyhcp/images/footer-bar-mbl.png) no-repeat;
    background-repeat: repeat-x
}

@media screen and (min-width:1024px) {
    .footer #footer-bar {
        position: relative;
        margin-bottom: 40px;
        background-size: contain
    }
}

.footer .btn-logo-gilead {
    display: block;
    width: 11.375rem
}

.footer .btn-logo-gilead img {
    width: 100%;
    height: auto
}

.footer .navbar {
    padding: 0
}

.footer .navbar .navbar-nav .nav-item .nav-link {
    color: #fff;
    padding-top: 15px;
    padding-bottom: 0;
    transition: all .5s;
    transition-delay: .2s
}

.footer .navbar .navbar-nav .nav-item .nav-link:hover {
    color: rgba(0, 0, 0, .7);
    transition: all .5s;
    transition-delay: .2s
}

.footer .footer-logo {
    margin: 1em 0
}

@media screen and (min-width:1024px) {
    .footer .footer-logo {
        position: absolute;
        left: -200px;
        top: 0
    }
}

.footer .leyend {
    padding-top: .625rem;
    font-size: 14px
}

@media screen and (min-width:1024px) {
    .footer .leyend {
        padding-top: 32px;
        font-size: .75rem
    }
}

@media screen and (min-width:1024px) {
    .footer {
        padding: 0 0 2.5rem 0
    }

    .footer .wrapper {
        padding-left: 215px
    }

    .footer>.container,
    .footer>.container-fluid {
        padding-left: 254px;
        padding-right: 40px
    }

    .footer .btn-logo-gilead {
        margin-top: 2.3125rem;
        width: 11.25rem
    }

    .footer .btn-logo-gilead img {
        width: 100%;
        height: 100%
    }

    .footer .navbar .navbar-nav {
        margin-top: .625rem;
        margin-bottom: 0
    }

    .footer .navbar .navbar-nav .nav-item {
        border-right: 1px solid #fff;
        margin-bottom: 0
    }

    .footer .navbar .navbar-nav .nav-item .nav-link {
        font-size: 1rem;
        padding-left: .875rem;
        padding-right: .875rem;
        padding-top: 2px;
        padding-bottom: 2px
    }

    .footer .navbar .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 0
    }

    .footer .navbar .navbar-nav .nav-item:last-child {
        border: none
    }
}

.big-video-player {
    margin-bottom: 20px;
    border: 2px solid #000;
    padding: 18px;
    min-height: 275px
}

.big-video-player div:nth-child(1) {
    text-align: center;
    margin-top: 0;
    margin-bottom: 18px
}

.big-video-player div:nth-child(1) img {
    width: 65px;
    display: none
}

.big-video-player div:nth-child(1) p {
    color: #006c41;
    margin-top: 0;
    font-family: "WorkSans-Bold";
    font-size: 20px;
    max-width: 289px;
    margin: 0 auto
}

.big-video-player .img-responsive-16by9 {
    margin-bottom: 0;
    padding: 0
}

.big-video-player .img-responsive-16by9 video {
    height: auto;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .big-video-player {
        display: flex
    }

    .big-video-player div:nth-child(1) {
        align-items: center;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 80px;
        order: 2
    }

    .big-video-player div:nth-child(1) img {
        display: block
    }

    .big-video-player .img-responsive-16by9 {
        width: 50%
    }

    .big-video-player .img-responsive-16by9 video {
        max-width: none;
        height: 255px
    }
}

.vertical-accordion .col>div {
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
    border-radius: 5px
}

.vertical-accordion .col>div .card {
    border: none
}

.vertical-accordion .col>div .card .card-header {
    padding: 0;
    background: #fff;
    border: none;
    border-radius: 5px
}

.vertical-accordion .col>div .card .card-header .sub-heading {
    background: #f3fafc
}

.vertical-accordion .col>div .card .card-header .sub-heading.collapsed {
    background: #fff
}

.vertical-accordion .col>div .card .card-header p {
    width: 100%;
    margin: 0 auto;
    padding: 28px 35px 28px 35px;
    font-size: 1rem;
    border: none;
    font-family: "WorkSans-Bold";
    color: #f04f00;
    transition: all .5s
}

.vertical-accordion .col>div .card .card-header p:after {
    content: "−";
    position: absolute;
    right: 20px;
    font-size: 2rem;
    color: #004063
}

.vertical-accordion .col>div .card .card-header p.collapsed {
    font-family: "WorkSans-SemiBold";
    color: #004063;
    transition: all .5s
}

.vertical-accordion .col>div .card .card-header p.collapsed:after {
    content: "+";
    color: #004063
}

.vertical-accordion .col>div .card-body {
    padding: 16px 20px 20px 20px;
    background: #f3fafc
}

.vertical-accordion .col>div .card-body img {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    height: auto
}

.vertical-accordion .col>div .card-body .sub-head {
    font-size: 21px
}

.vertical-accordion .col>div .card-body h2.subtitle {
    margin-bottom: 15px;
    font-size: 21px
}

.vertical-accordion .col>div .card-body h2.medium {
    font-family: "WorkSans-SemiBold"
}

.vertical-accordion .col>div .card-body h2.sub-heading {
    font-size: 21px
}

.vertical-accordion .col>div .card-body h6 {
    font-size: 21px
}

.vertical-accordion .col>div .card-body .cta {
    max-width: 100%
}

@media screen and (min-width:1024px) {
    .desktop-tabs .col {
        min-width: 968px
    }

    .desktop-tabs .nav-tabs {
        z-index: 1;
        justify-content: space-between
    }

    .desktop-tabs .nav-tabs .nav-item {
        margin-bottom: -2px;
        z-index: 1
    }

    .desktop-tabs .nav-tabs .nav-item .nav-link {
        min-width: 300px;
        padding: 20px 0;
        text-align: center;
        border-radius: 10px 10px 0 0;
        margin-right: 1px;
        border: none;
        background-color: #fff;
        font-family: "WorkSans-SemiBold";
        border: 1px solid #4298b5;
        border-bottom: none;
        color: #666;
        transition: all .5s;
        transition-delay: .2s
    }

    .desktop-tabs .nav-tabs .nav-item .nav-link.active {
        background: #f3fafc;
        font-family: "WorkSans-Bold";
        border: none;
        color: #f04f00;
        transition: all .5s;
        transition-delay: .2s
    }

    .desktop-tabs .nav-tabs .nav-item .nav-link:hover {
        color: #f04f00;
        transition: all .5s;
        transition-delay: .2s
    }

    .desktop-tabs .nav-tabs .nav-item:nth-child(3) .nav-link {
        margin-right: 0
    }

    .desktop-tabs .tab-content {
        padding: 30px 30px 10px 30px;
        background: #f3fafc;
        z-index: 0
    }

    .desktop-tabs .tab-content .tab-pane h1 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        color: #004063
    }

    .desktop-tabs .tab-content .tab-pane h2 {
        margin-bottom: 15px
    }

    .desktop-tabs .tab-content .tab-pane h4 {
        text-align: center;
        margin-bottom: 15px;
        color: rgba(0, 0, 0, .7);
        font-size: 1.125rem;
        line-height: 1.3125rem
    }

    .desktop-tabs .tab-content .tab-pane>img {
        margin-bottom: 20px;
        padding: 0;
        width: 89%
    }
}

@keyframes movingTab {
    0% {
        transform: translateX(0%)
    }

    50% {
        transform: translateX(-10%)
    }

    100% {
        transform: translateX(0%)
    }
}

.new_tabs {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.new_tabs>.col {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.new_tabs .nav-tabs {
    z-index: 1;
    justify-content: space-between;
    background: #f3fafc;
    border: 1px solid #daf1f5;
    border-radius: 10px;
    padding-bottom: 2px;
    z-index: 1;
    position: relative
}

.new_tabs .nav-tabs .nav-item {
    margin-bottom: -2px;
    z-index: 2;
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: center
}

.new_tabs .nav-tabs .nav-item .nav-link {
    padding: 10px 6px;
    text-align: center;
    margin-right: 1px;
    border: none;
    font-family: "WorkSans-SemiBold";
    border-bottom: none;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s;
    font-size: 16px;
    letter-spacing: -.3px;
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent
}

@media screen and (min-width:1024px) {
    .new_tabs .nav-tabs .nav-item .nav-link {
        padding: 20px 8px
    }
}

.new_tabs .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0
}

.new_tabs .nav-tabs .moving-tab {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    top: 0;
    background-color: #4298b5;
    box-shadow: 0 24px 18px -15px rgba(117, 60, 148, .45);
    transition: left .7s, box-shadow .5s;
    z-index: 1;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(32, 85, 104, .7) inset
}

.new_tabs .nav-tabs .moving-tab--interaction {
    animation: movingTab .4s forwards;
    transition: left .4s cubic-bezier(.29, 1.42, .79, 1)
}

.new_tabs .tab-content {
    padding: 16px 12px 0 12px;
    background: #fff;
    z-index: 0;
    box-shadow: 0 1px 6px 0 rgba(55, 127, 152, .3) inset;
    margin-top: -8px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

@media screen and (min-width:1024px) {
    .new_tabs .tab-content {
        padding: 32px 72px 0
    }
}

.new_tabs .tab-content .tab-pane h1 {
    font-size: 1.5rem;
    line-height: 1.75rem
}

.new_tabs .tab-content .tab-pane h2 {
    margin-bottom: 15px
}

.new_tabs .tab-content .tab-pane h4 {
    margin-bottom: 15px;
    font-size: 1.125rem;
    line-height: 1.3125rem
}

.new_tabs.for-buttons .nav-tabs {
    background-color: #fff
}

.new_tabs.for-buttons .nav-tabs .nav-item .nav-link {
    padding: 10px 8px;
    min-height: 40px;
    font-size: 14px;
    line-height: 16px
}

.new_tabs.for-buttons .tab-content {
    box-shadow: none;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0
}

@media screen and (min-width:992px) {
    .new_tabs .nav-tabs .nav-item .nav-link {
        font-size: 18px
    }

    .new_tabs .nav-tabs .nav-item .nav-link:hover {
        color: #f04f00;
        transition: all .2s;
        transition-delay: 0s
    }

    .new_tabs .nav-tabs .nav-item .nav-link.active {
        font-family: "WorkSans-Bold";
        border: none;
        color: #fff;
        transition: all .2s;
        transition-delay: 0s;
        border-radius: 10px;
        background-color: transparent
    }
}

@keyframes color-change {
    0% {
        color: #377f98
    }

    50% {
        color: #f04f00
    }

    100% {
        color: #fff
    }
}

@media screen and (max-width:992px) {
    .new_tabs .nav-tabs .nav-item .nav-link.active {
        font-family: "WorkSans-Bold";
        border: none;
        color: #fff;
        border-radius: 10px;
        background-color: transparent;
        animation-name: color-change;
        animation-duration: 1s;
        animation-iteration-count: 1
    }
}

.new-button-callout-container {
    background-color: #f3fafc;
    padding: 24px 12px;
    border-radius: 10px
}

.new-button-callout-container .title {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
    justify-content: center
}

.new-button-callout-container .title img {
    width: 45px
}

.new-button-callout-container .tab-pane .cta-btn {
    padding: 20px 10px
}

.new-button-callout-container .tab-pane hr {
    border: 1px solid #404040;
    margin-top: 32px;
    margin-bottom: 32px
}

@media screen and (min-width:992px) {
    .new-button-callout-container {
        padding: 24px
    }

    .new-button-callout-container .tab-pane .copy {
        display: flex;
        align-items: center;
        padding-right: 0
    }

    .new-button-callout-container .tab-pane .copy+.col {
        display: flex;
        justify-content: flex-end
    }

    .new-button-callout-container .tab-pane .copy+.col a {
        width: 385px;
        display: block
    }

    .new-button-callout-container .tab-pane p {
        margin-bottom: 0
    }
}

.modal .close {
    height: 3.25rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    padding: 1.5rem 1.5rem 0 0;
    opacity: 1
}

.modal .close:hover {
    cursor: pointer
}

.modal .close img {
    width: 1.8125rem;
    height: 1.8125rem;
    display: block
}

.modal .modal-dialog {
    max-width: 1024px !important;
    width: fit-content !important
}

.modal .modal-dialog .modal-content .modal-body {
    padding-top: 0
}

.modal .modal-dialog .modal-content .modal-body-container {
    margin-top: 2.625rem
}

.modal .modal-dialog .modal-content .modal-body-container p.footnotes sup {
    top: 0;
    font-size: .875rem
}

@media screen and (min-width:1024px) {
    .modal .modal-dialog .modal-content .modal-body-container.columns-box {
        justify-content: space-between
    }

    .modal .modal-dialog .modal-content .modal-body-container.columns-box .col-md-6 {
        flex: 0 0 48.5%;
        max-width: 48.5%;
        padding-top: 10px
    }

    .modal .modal-dialog .modal-content .modal-body-container .col-md-5,
    .modal .modal-dialog .modal-content .modal-body-container .col-md-6 {
        border: 1px solid #4d4d4d;
        margin-bottom: 1.6875rem
    }

    .modal .modal-dialog .modal-content .modal-body-container .col-md-5 .subtitle,
    .modal .modal-dialog .modal-content .modal-body-container .col-md-6 .subtitle {
        color: #4c4c4c
    }
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container {
    padding: 16px;
    margin: 24px 0 0 0;
    background: #f3fafc;
    border-radius: 13px
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container {
    width: 100%
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container:first-of-type {
    border-bottom: 1px solid #b3b3b3
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container:first-of-type h2 {
    margin-top: 0
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -.3px;
    margin: 8px 0
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container ul {
    margin-bottom: 0
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container li {
    margin-bottom: 8px
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container p {
    margin-bottom: 0
}

.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container p,
.modal .modal-dialog .modal-content .modal-body .prep-modal-blue-box-container .blue-box-content-container li {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.3px
}

.modal .modal-dialog .modal-content .modal-body .modal-body-container {
    margin-top: 24px
}

.modal .modal-dialog .modal-content .modal-body .modal-body-container p {
    margin-bottom: 0
}

.modal .modal-dialog .modal-content .modal-body .modal-body-tb-mobile .section-table>section:nth-child(1) p {
    margin-top: 0
}

.modal .modal-dialog .modal-content .modal-body .modal-body-tb-mobile .ranges-table div:nth-last-of-type(1) {
    padding-right: 0
}

.modal .modal-dialog .modal-content .modal-body .modal-body-tb-mobile .ranges-table div:nth-last-of-type(2) {
    padding-left: 0
}

.modal .modal-dialog .modal-content .modal-body .page-text {
    display: none
}

@media screen and (min-width:1024px) {
    .modal .modal-dialog .modal-body {
        padding: 0 3.5rem 24px
    }

    .modal .modal-dialog .modal-body .footnotes {
        margin-bottom: 1.25rem
    }

    .modal .modal-dialog .modal-img-dsk {
        margin-top: .5em;
        margin-bottom: 1.0625rem
    }

    .modal .modal-dialog .modal-body-container p.footnotes sup {
        top: -.5em !important;
        font-size: 60% !important
    }
}

.modal .subtitle {
    font-family: "WorkSans-Bold";
    font-size: 20px;
    margin-top: 15px
}

.modal#states-per-quintile {
    padding-right: 0 !important
}

.modal#states-per-quintile .modal-dialog {
    max-width: 1190px !important
}

.modal-body-tb-mobile,
.modal-body-tb-desk {
    padding-left: 2rem
}

.modal-body-tb-mobile .b-space,
.modal-body-tb-desk .b-space {
    padding-top: 17px;
    padding-bottom: 17px
}

.modal-body-tb-mobile p,
.modal-body-tb-mobile span,
.modal-body-tb-desk p,
.modal-body-tb-desk span {
    color: #4c4c4c
}

.modal-body-tb-mobile p:not(.footnotes) sup,
.modal-body-tb-desk p:not(.footnotes) sup {
    top: -6px;
    font-size: 8px;
    padding-left: 1px
}

.modal-body-tb-mobile .teal,
.modal-body-tb-desk .teal {
    color: #4298b5
}

.modal-body-tb-mobile .ranges-table,
.modal-body-tb-desk .ranges-table {
    font: 15px/18px "WorkSans-Bold"
}

.modal-body-tb-mobile .ranges-table .medium-percent,
.modal-body-tb-desk .ranges-table .medium-percent {
    line-height: 1
}

.modal-body-tb-mobile .ranges-table .medium-percent .text-right,
.modal-body-tb-desk .ranges-table .medium-percent .text-right {
    padding-left: 0;
    padding-right: 0
}

.modal-body-tb-mobile .ranges-table .gray,
.modal-body-tb-desk .ranges-table .gray {
    color: gray
}

.modal-body-tb-mobile .subcontent-table,
.modal-body-tb-desk .subcontent-table {
    justify-content: space-between
}

.modal-body-tb-mobile .subcontent-table span,
.modal-body-tb-desk .subcontent-table span {
    font: 19px/23px "WorkSans-Bold";
    text-align: center;
    display: block
}

.modal-body-tb-mobile .subcontent-table .gray,
.modal-body-tb-desk .subcontent-table .gray {
    color: gray
}

.modal-body-tb-mobile .subcontent-table p,
.modal-body-tb-desk .subcontent-table p {
    font: 16px/17px "WorkSans-Regular";
    text-align: center
}

@media screen and (min-width:1024px) {

    .modal-body-tb-mobile .subcontent-table,
    .modal-body-tb-desk .subcontent-table {
        align-items: center;
        padding-bottom: 5px
    }

    .modal-body-tb-mobile .subcontent-table p,
    .modal-body-tb-desk .subcontent-table p {
        margin-bottom: 0
    }

    .modal-body-tb-mobile .subcontent-table .subtitle,
    .modal-body-tb-desk .subcontent-table .subtitle {
        font-size: 24px
    }
}

.modal-body-tb-mobile .section-table,
.modal-body-tb-desk .section-table {
    position: relative;
    top: 0;
    left: 0
}

.modal-body-tb-mobile .section-table section p,
.modal-body-tb-desk .section-table section p {
    margin-top: 1.3125rem;
    margin-bottom: .6875rem
}

.modal-body-tb-mobile .section-table section .col:nth-child(1),
.modal-body-tb-desk .section-table section .col:nth-child(1) {
    text-align: right
}

.modal-body-tb-mobile .section-table section .col:nth-child(1):after,
.modal-body-tb-desk .section-table section .col:nth-child(1):after {
    width: .0625rem;
    height: 2.625rem;
    content: '';
    display: block;
    background: #979797;
    position: absolute;
    top: 13px;
    right: 0
}

.modal-body-tb-mobile .section-table-rule:before,
.modal-body-tb-desk .section-table-rule:before {
    content: "";
    position: absolute;
    left: -32px;
    top: 5px;
    bottom: 12px;
    width: 32px;
    background: rgba(167, 169, 170, .1)
}

.modal-body-tb-mobile .ranges-table .col:nth-child(1) p,
.modal-body-tb-desk .ranges-table .col:nth-child(1) p {
    text-align: right
}

.modal-body-tb-mobile .ranges-table .col:nth-child(1):after,
.modal-body-tb-desk .ranges-table .col:nth-child(1):after {
    width: .0625rem;
    height: 4.6875rem;
    content: '';
    display: block;
    background: #979797;
    position: absolute;
    top: 5px;
    right: 0
}

.modal-body-tb-mobile .vertical-text,
.modal-body-tb-desk .vertical-text {
    position: absolute;
    top: 148px;
    left: -220px;
    width: 26.25rem;
    transform: rotate(-90deg);
    color: #4c4c4c;
    text-align: center;
    height: 2rem
}

.modal-body-tb-mobile .vertical-text.vertical-text-small,
.modal-body-tb-desk .vertical-text.vertical-text-small {
    width: 13.4375rem;
    top: 6.25rem;
    left: -120px
}

.modal-body-tb-mobile .vertical-text.vertical-text-min,
.modal-body-tb-desk .vertical-text.vertical-text-min {
    top: 33px
}

.modal-body-tb-mobile .medium-percent,
.modal-body-tb-desk .medium-percent {
    font-size: 20px;
    line-height: 24px;
    font-family: "WorkSans-Bold"
}

.modal-body-tb-mobile .medium-percent sup,
.modal-body-tb-desk .medium-percent sup {
    top: -.4em
}

@media screen and (min-width:1024px) {

    .modal-body-tb-mobile .medium-percent,
    .modal-body-tb-desk .medium-percent {
        font-size: 17px;
        line-height: 21px
    }

    .modal-body-tb-mobile .medium-percent sup,
    .modal-body-tb-desk .medium-percent sup {
        font-size: 10px
    }
}

@media(max-width:371px) {

    .modal-body-tb-mobile .medium-percent div,
    .modal-body-tb-desk .medium-percent div {
        font-size: 38px
    }
}

.modal-body-tb-mobile .row div.col-md-3 h6,
.modal-body-tb-mobile .row div.col h6,
.modal-body-tb-desk .row div.col-md-3 h6,
.modal-body-tb-desk .row div.col h6 {
    text-align: center;
    font-family: "WorkSans-SemiBold";
    margin-bottom: 0
}

.modal-body-tb-mobile .row div:nth-child(3) span,
.modal-body-tb-desk .row div:nth-child(3) span {
    color: #666
}

.modal-body-tb-mobile .row span:last-child {
    color: gray
}

.modal-body-tb-mobile h2 {
    margin-left: -32px
}

.modal-body-tb-desk .row {
    border-bottom: 1px solid #83d1dd;
    align-items: center;
    min-height: 2.1875rem
}

.modal-body-tb-desk .row .b-space {
    padding-top: 17px;
    padding-bottom: 17px
}

.modal-body-tb-desk p {
    line-height: 100%
}

.modal-body-tb-desk p.text-tab {
    padding-left: 2.1875rem;
    margin-bottom: 0
}

.modal-body-tb-desk .col-md-6,
.modal-body-tb-desk .col {
    padding-left: 0
}

.modal-body-tb-desk .col-md-6 p,
.modal-body-tb-desk .col p {
    font-size: 12px;
    margin-bottom: 0
}

.modal-body-tb-desk .col-md-3 span {
    text-align: center;
    display: block
}

.modal-body-tb-desk .subcontent-table {
    margin-top: 30px
}

#baseline-charts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 0
}

@media screen and (min-width:1024px) {
    #baseline-charts {
        flex-direction: row
    }

    #baseline-charts .baseline-risk .row {
        min-height: 2.75rem
    }
}

#baseline-charts .baseline-demo,
#baseline-charts .baseline-risk {
    width: 100%
}

@media screen and (min-width:1024px) {

    #baseline-charts .baseline-demo,
    #baseline-charts .baseline-risk {
        width: 46%
    }
}

#baseline-charts h2 {
    font-size: 15px
}

#baseline-charts h6 {
    font-size: 17px;
    font-family: "WorkSans-Bold"
}

#baseline-charts .subcontent-table p {
    font-size: 13px
}

#baseline-charts .row {
    margin: 0 auto
}

.color-modal-section h2 {
    padding: 10px 17%;
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

.color-modal-section .section-gray {
    background: gray
}

.color-modal-section .section-teal {
    background: #4298b5
}

@media screen and (min-width:1024px) {
    .color-modal-section {
        padding: .625rem 3.375rem 1.3125rem 3.4375rem;
        display: flex
    }

    .color-modal-section h2 {
        padding: 15px 98px;
        width: 50%
    }
}

#modal-email-form .modal-dialog .modal-content .modal-body {
    padding: 24px;
    padding-top: 0
}

@media only screen and (min-width:992px) {
    #modal-email-form .modal-dialog .modal-content .modal-body {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 60px;
        padding-top: 0
    }
}

.rates-box {
    background: linear-gradient(to right, #daf1f5 50%, #e5e5e5 50%);
    margin: 0 auto 44px auto;
    width: 100%;
    padding: 20px 4px;
    border-radius: 13px
}

.rates-box>p {
    text-align: center;
    font-family: "WorkSans-Bold"
}

.rates-box .percentages {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: baseline;
    font-family: "WorkSans-Bold"
}

.rates-box .percentages .description {
    font-family: "WorkSans-SemiBold";
    color: #004063;
    margin-bottom: 0
}

.rates-box .percentages .sub-description {
    font-family: "WorkSans-SemiBold";
    font-size: 1rem;
    line-height: 1.1875rem;
    color: #377f98;
    margin-bottom: 0
}

.rates-box .percentages .number {
    font-size: 4.1875rem;
    font-family: "WorkSans-Medium";
    line-height: 100%;
    margin-bottom: 0;
    position: relative
}

.rates-box .percentages .number span {
    font-size: 1.75rem;
    position: absolute;
    top: -.625rem;
    font-family: "WorkSans-Bold"
}

@media screen and (min-width:1024px) {
    .rates-box .percentages .number span {
        top: -.3125rem
    }
}

.rates-box .percentages .left-percentage .number {
    color: #004063
}

.rates-box .percentages .right-percentage .number {
    color: #666
}

.rates-box .percentages .right-percentage .description {
    font-family: "WorkSans-Bold";
    color: #666;
    margin-bottom: 0
}

.rates-box .percentages .vs {
    color: gray;
    padding-bottom: 5rem;
    font-size: 27px;
    line-height: normal;
    padding-bottom: 0;
    font-family: "WorkSans-Medium";
    min-width: 52px;
    height: 52px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/vs-bg.svg);
    background-size: 52px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.rates-box .percentages>div {
    min-width: 116px
}

.rates-box .percentages>div,
.rates-box .percentages>p {
    display: flex;
    flex-direction: column;
    text-align: center
}

@media screen and (min-width:1024px) {
    .rates-box {
        margin-left: 0;
        padding: 35px
    }

    .rates-box .percentages {
        padding: 0 0
    }

    .rates-box .percentages .number {
        line-height: 100%
    }

    .rates-box .percentages .number span {
        font-size: 1.75rem;
        top: -.375rem;
        font-family: "WorkSans-Bold"
    }

    .rates-box .percentages .vs {
        font-size: 39px;
        min-width: 74px;
        height: 74px;
        background-size: 74px
    }
}

.grades-box {
    color: #4c4c4c;
    margin: 0 auto 40px auto
}

.grades-box.lower-table .row {
    border-bottom: none
}

.grades-box.lower-table .lower-table-img-container {
    width: 100%
}

.grades-box.lower-table .lower-table-img-container img {
    width: 100%;
    height: auto
}

.grades-box.lower-table .header-values {
    border: none
}

.grades-box.lower-table .grades-name .table-inner-content-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.grades-box.lower-table p {
    margin: 0;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    font-size: 10px;
    line-height: normal
}

@media screen and (min-width:1024px) {
    .grades-box.lower-table p {
        font-size: 16px
    }
}

.grades-box.lower-table ul {
    margin: 24px 0 0 0
}

.grades-box h2 {
    margin-bottom: 20px
}

.grades-box.less-bottom {
    margin-bottom: 32px
}

.grades-box .number {
    color: #4298b5;
    font-family: "WorkSans-Bold";
    font-size: 1.25rem;
    line-height: 2.6875rem;
    margin-bottom: 0;
    position: relative;
    padding-left: 1.25rem
}

.grades-box .number p {
    margin-bottom: 0
}

.grades-box .number:last-child {
    color: gray
}

.grades-box .number span {
    font-size: 16px;
    position: absolute;
    top: -6px
}

.grades-box .number.number-left {
    padding-right: 1.25rem
}

.grades-box .number p {
    text-align: center
}

.grades-box .row {
    border-bottom: 1px solid #000
}

.grades-box .table-header-row {
    border-bottom: none
}

.grades-box .table-header-container .table-header {
    font-family: "WorkSans-SemiBold";
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 16px
}

.grades-box .grades-header {
    font-size: 1rem;
    font-family: "WorkSans-SemiBold"
}

.grades-box .grades-header span {
    display: block;
    font-family: "WorkSans-Regular";
    font-size: 1rem
}

.grades-box .grades-header div {
    text-align: center
}

.grades-box .grades-header div p {
    margin-bottom: 10px
}

.grades-box .grades-name {
    padding: 12px 0;
    margin: 0
}

.grades-box .row {
    margin-right: 0;
    margin-left: 0
}

.grades-box .row div {
    align-self: center
}

.grades-box.grades-box-mob {
    max-width: 300px
}

.grades-box.grades-box-mob .bg-graylight {
    margin-bottom: .5rem
}

.grades-box.grades-box-mob .bg-graylight p {
    margin-top: 1rem
}

.grades-box.grades-box-mob .grades-name {
    color: rgba(0, 0, 0, .7)
}

.grades-box.grades-box-deskt {
    display: none
}

.grades-box .titles p {
    font-family: "WorkSans-SemiBold"
}

@media screen and (min-width:1024px) {
    .grades-box {
        max-width: 600px;
        margin-left: 0
    }

    .grades-box .number {
        text-align: center;
        font-size: 18px;
        margin-bottom: 0
    }

    .grades-box .number p {
        text-align: center
    }

    .grades-box .grades-box {
        margin-bottom: 3rem
    }

    .grades-box .grades-header {
        border-bottom: 1px solid #000
    }

    .grades-box .grades-name {
        text-align: left;
        margin-bottom: 0
    }

    .grades-box.grades-box-deskt {
        max-width: 100%;
        display: block
    }

    .grades-box.grades-box-deskt .grades-header {
        border: none
    }

    .grades-box.grades-box-deskt .col-12.col-lg-2 {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .grades-box.grades-box-deskt .grades-target {
        text-align: center;
        padding-top: 0;
        margin-bottom: 0
    }

    .grades-box.grades-box-deskt .titles {
        align-items: end;
        padding: 5px 0
    }

    .grades-box.grades-box-deskt .titles p {
        margin-bottom: 0
    }

    .grades-box.grades-box-deskt .descovy-title,
    .grades-box.grades-box-deskt .truvada-title,
    .grades-box.grades-box-deskt .wp-numbers {
        display: flex;
        justify-content: space-between
    }

    .grades-box.grades-box-deskt .descovy-title p,
    .grades-box.grades-box-deskt .truvada-title p,
    .grades-box.grades-box-deskt .wp-numbers p {
        flex: 1 1 0;
        text-align: center;
        line-height: 1;
        align-self: center
    }

    .grades-box.grades-box-deskt .descovy-title .number,
    .grades-box.grades-box-deskt .truvada-title .number,
    .grades-box.grades-box-deskt .wp-numbers .number {
        color: #4298b5;
        padding-top: 0
    }

    .grades-box.grades-box-deskt .descovy-title:last-child .number,
    .grades-box.grades-box-deskt .truvada-title:last-child .number,
    .grades-box.grades-box-deskt .wp-numbers:last-child .number {
        color: gray
    }
}

.wp-dialogue {
    margin-bottom: 50px
}

.wp-dialogue div div.dialogue-content {
    padding: 25px 0;
    border-bottom: 1px solid #000
}

.wp-dialogue div div.dialogue-content p {
    margin: 0
}

.wp-dialogue div div.dialogue-content p.sub-heading {
    width: 100%;
    margin-bottom: 20px
}

.wp-dialogue div div.dialogue-content p.sub-heading.bold.text-teal {
    margin-top: 15px;
    margin-bottom: 0;
    text-align: left
}

.wp-dialogue div div.dialogue-content p.sub-heading.bold.text-teal span.bigger {
    font-size: 1.875rem
}

@media screen and (min-width:1024px) {
    .wp-dialogue div div.dialogue-content {
        display: flex;
        align-items: center
    }

    .wp-dialogue div div.dialogue-content h5 {
        width: 164px;
        min-width: 164px;
        margin-bottom: 0;
        text-align: left
    }

    .wp-dialogue div div.dialogue-content div {
        padding-left: 30px
    }

    .wp-dialogue div div.dialogue-content div p.sub-heading.bold.text-ocean {
        width: 100%;
        margin-right: 0
    }
}

.video-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background: transparent;
    opacity: 1;
    transition: 1s all
}

.video-modal-container .container {
    max-width: 92%;
    display: flex;
    justify-content: center;
    align-items: center
}

.video-modal-container.hidden-video-modal {
    display: none;
    opacity: 0;
    transition: 1s all;
    z-index: -1
}

.video-modal-container .video-modal-content-container {
    padding: 24px;
    border-radius: 10px;
    border: 1px solid #cbcbcb;
    background: #faf9fe;
    position: relative;
    top: 120px;
    max-width: 1227px;
    height: fit-content
}

.video-modal-container .video-modal-content-container .title-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: fit-content;
    padding-bottom: 24px
}

.video-modal-container .video-modal-content-container .title-container h1 {
    font-size: 24px;
    font-family: "WorkSans-SemiBold";
    margin: 0
}

.video-modal-container .video-modal-content-container .title-container .video-close-container img {
    height: 30px;
    width: auto
}

.video-modal-container .video-modal-content-container .title-container .video-close-container:hover {
    cursor: pointer
}

.video-modal-container .video-modal-content-container .video-content-container {
    width: 100%;
    height: 425px;
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.video-modal-container .video-modal-content-container .video-content-container .video-container {
    width: auto;
    height: 100%
}

.video-modal-container .video-modal-content-container .video-content-container .video-container video {
    width: auto;
    height: 100%
}

.video-modal-container .video-modal-content-container .video-content-container .video-container .timeline {
    position: relative
}

.video-modal-container .video-modal-content-container .video-content-container .video-container .timeline-markers {
    width: 93%;
    height: 5px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 14px;
    right: 0
}

.video-modal-container .video-modal-content-container .video-content-container .video-container .marker {
    position: absolute;
    top: 87px;
    width: 2px;
    height: 5px;
    background: #fff
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container {
    width: auto;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .14);
    padding: 10px 0;
    margin-left: 8px
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .video-tab-container {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #83d1dd;
    margin: 0 10px
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .video-tab-container h2 {
    font-size: 18px;
    color: gray;
    font-family: "WorkSans-Bold";
    margin: 0;
    padding: 0 10px 10px 10px;
    width: 100%;
    transition: .5s all;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .video-tab-container h2:hover,
.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .video-tab-container h2.active-video-tab {
    cursor: pointer;
    color: #004063;
    transition: .5s all;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container {
    height: 100%;
    padding-bottom: 48px
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container {
    overflow-y: scroll;
    height: 100%
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container.hidden-content-container {
    display: none
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container {
    padding: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #f6f6f6;
    transition: all .5s;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container h3 {
    font-family: "WorkSans-Regular";
    transition: all .5s;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container:hover,
.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container.active-jump {
    background: #daf1f5;
    cursor: pointer;
    transition: all .5s;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container:hover .content-arrow-container .arrow-container svg,
.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container.active-jump .content-arrow-container .arrow-container svg {
    fill: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container:hover h3,
.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container.active-jump h3 {
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container .content-arrow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-right: 16px
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container .content-arrow-container .arrow-container {
    padding-bottom: 4px
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container .content-arrow-container .arrow-container svg {
    fill: #fff;
    transition: all .5s;
    transition-delay: .2s
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container .content-arrow-container p {
    font-size: 12px;
    margin: 0
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .content-jump-container h3 {
    color: #4c4c4c;
    font-family: "WorkSans-Regular";
    font-size: 16px;
    line-height: 18px
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .transcript-container {
    padding: 16px;
    color: #404040
}

.video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container .content-section-outer-container .content-section-inner-container .transcript-container h5 {
    color: #404040
}

.video-modal-container .video-modal-content-container figcaption {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: #fff
}

.video-modal-container .video-modal-content-container video {
    width: 100%
}

.video-modal-container .video-modal-content-container .controls,
.video-modal-container .video-modal-content-container .controls>* {
    padding: 0;
    margin: 0
}

.video-modal-container .video-modal-content-container .controls {
    overflow: hidden;
    background: linear-gradient(transparent, #000);
    width: 100%;
    height: 129px;
    position: relative;
    top: -134px;
    opacity: 0;
    transition: opacity .4s;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around
}

.video-modal-container .video-modal-content-container .controls .dynamic-title-and-time-container {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.video-modal-container .video-modal-content-container .controls .video-lower-btn-container {
    width: 100%;
    height: fit-content
}

.video-modal-container .video-modal-content-container .video-container:hover .controls {
    opacity: 1
}

.video-modal-container .video-modal-content-container .controls[data-state=hidden] {
    display: none
}

.video-modal-container .video-modal-content-container .controls[data-state=visible] {
    display: flex
}

.video-modal-container .video-modal-content-container .controls>* {
    float: left;
    width: 3.90625%;
    height: 100%;
    display: block
}

.video-modal-container .video-modal-content-container .controls span.title {
    display: block;
    width: 93%;
    margin-left: 3.5%;
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    font-family: "WorkSans-SemiBold";
    color: #fff
}

.video-modal-container .video-modal-content-container .controls span.chapter {
    display: block;
    width: 60%;
    margin-left: 3.5%;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    height: fit-content
}

.video-modal-container .video-modal-content-container .controls span.timer {
    display: block;
    width: 33%;
    margin-right: 3.5%;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    height: 20px;
    text-align: right
}

.video-modal-container .video-modal-content-container .controls .progress {
    cursor: pointer;
    width: 93%;
    height: 5px;
    margin-left: 3.5%;
    margin-top: 10px
}

.video-modal-container .video-modal-content-container .controls button {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: none;
    cursor: pointer;
    text-indent: -99999px;
    background: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    height: 19px;
    margin-top: 10px;
    outline: none !important
}

.video-modal-container .video-modal-content-container .controls button:active {
    outline: none !important
}

.video-modal-container .video-modal-content-container .controls button:visited {
    outline: none !important
}

.video-modal-container .video-modal-content-container .controls button[data-state="play"] {
    margin-left: 3.5%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACWSURBVHgBpZNtEYAgDIY3E2gDoxjBBlawAdrABkYxghGwgTaYQ+EOTlQ+nrvBrz23lx0IDBHVfPVwMyHiBjGwQJKL0NKg5pr8KGmXI7BFTY7AMHtjRQgMwhElCBSSq1X9qG0S4jl43VUB6ZTqyBGM15nwBivZa40Q7Fz9Y45AwcBVeoP8CBYK+RN6vPecAYJWN0lvzg9OdUzXuT1I6OcAAAAASUVORK5CYII=")
}

.video-modal-container .video-modal-content-container .controls button[data-state="pause"] {
    margin-left: 3.5%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABJSURBVHgB7c7BDQAgCANA4sRu4ExOgE5W/1oSPj407ZO0Ocy+CwDHmUp6jfQ8AyAzDB7B3it2OQIECBAgQEAEDHKb5NaT28ezAOobYKjr+QcIAAAAAElFTkSuQmCC")
}

.video-modal-container .video-modal-content-container .controls button[data-state="stop"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzAxODM5M0E0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzAxODM5MkE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KkF/7gAAAOFJREFUeNrsmMsKwjAQRTNdu/ELpAUR/AVdC/6nu66kK/0hFXyBj22cQCohQqDUJFO4A4cusphDmFvaIa21klyFkl7mBltszZgt8zTHiXgzDTP/cfIEp8wtoZjP3UiGBOuMci2N60RuSIjoyo9x5ql7sdPo6+QJaiG5oMGkGIKpBddmVHuy7NKwa0gK+yronYNYIdGYQQhCEIIQhCAEIThoQZIuuPpDz0XMD1b81SHFsQUvApweIcGdAMG9nxh3u1UyJ5Vvs3VmqtD6zdSE2TCHhGJH27P0L42wo4Zg5voIMAB0bCBXvSa7VQAAAABJRU5ErkJggg==")
}

.video-modal-container .video-modal-content-container .controls button[data-state="mute"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACmSURBVHgB5ZJ/DcIwEIUvM0BxUAlIQAIOkAAScIAEJBAUIAEJ4KBMwe1d8pp1y35v/yz7ki+7dL3XZT2RbaKqFxjgVaaARgcfWvIZ2niG38SgVULHgT5dqDc24bjXwxPrm3251RmznPQT93h4Z/2LLzOZz36poN1SQfnYoH/yfLH2sLxR/v1OmpKxfDDri45Xax45T+MGsuU0C3wy6C1zseGLw7guCmdh25VAKHeIAAAAAElFTkSuQmCC")
}

.video-modal-container .video-modal-content-container .controls button[data-state="unmute"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEHSURBVHgB7ZTdDYIwFIVvTd/VDRxBN3ADGYEN0AksG7CBbuAIjuAIuIEwQT0XWy1Yk9LUN77khOYi5/4JRBOp0FoX0BXKKCUwXEAn/aGmVMBszYb6m0Woh7RGuOTQfHCfx+Ez41hDgVWuoIcex44Ckaby4JYNS6fAgp8XQpSDwjkuZhSHW5CAFAyPjjmfK/6dpDjeCVB5ZZbOSWxYQSXuqdgEPdjImCsT6sz5EDsiH9p3TtKBmbmC7KK7jnjxsQkan7kdix0Xrq2k0BfmRwLQQgdetg04O4l+0bYUiES2Ox7Y4Lyn/qeC/3pZQAfxmO7qYfmUEv36XJ8d/xv9Axjn0GXM/CeCeALSUB7gDrcv7gAAAABJRU5ErkJggg==")
}

.video-modal-container .video-modal-content-container .controls button[data-state="volup"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzU1OEJFREE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzU1OEJFQ0E0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1Pk2GwAAAQ9JREFUeNrsmL0KwjAQgHMOiogIPoLSQR9CcdDRxclXLIrg2mdSsYK41HjBVEJsM6XNld7BR6GF9mu4y8+BlFJQjo6gHmoEc3REyAG5qcc1cUViZPrnZAnOahazuSATl+A5oFxObDqBWSQA8MRLP3DWpeg0+jlZgpJIXUBjqrg1gmuVIRY7Hy/2lYNQ8vMZ5Rx8cw6yYNsENwVTCZRUsFndOQNkrNlXMc2A54HJKC91Peo52PUt+KBeJENk4fG7SwprsdA7ZN4PsiALVrny+BJcFdzbUtry87GzMYIvAk6pSzAhIJjYCWl2t+YibPtN9QkjV/tNheoRnvRQ1yV2R47i2zwVpe03rmIWDBAfAQYAByYx7rBsQ/AAAAAASUVORK5CYII=")
}

.video-modal-container .video-modal-content-container .controls button[data-state="voldown"] {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpFNDZDNDg2MEEzMjFFMjExOTBEQkQ4OEMzRUMyQjhERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNzU1OEJGMUE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNzU1OEJGMEE0MDcxMUUyQjgwQkYzQzhCMDZBRTU1NCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQzQ0QwNDBBMDJBNEUyMTFCOTZEQzYyRDgyRUVBOUZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkU0NkM0ODYwQTMyMUUyMTE5MERCRDg4QzNFQzJCOEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B37OGAAAANpJREFUeNrs2MEKwjAMBuDGk0efwSGCr6FXfU/FHeZV30hQ50U8dSmsMiLUCV0b5Q/87DDYPspCRshaazTXyGgvd4I+bc05e87V3U6UC2fLKd5MArhIDJM5c6Yh4CEjzmfXNVG3SYjowZdx5q+uZtPkZRJAq6Qv6Ge6GEAAAQQQwP61csMmUpZ9X/rNqKPYEw2j7p+BNARwHek7dM/YDNEk+B9EkwAIIIAAfgY+FZjuIeBJAfAo555cv91Mvs2W2xMWofWbR1btUaeC1ZySM5OHRthRA5i5GgEGAJmoHqaNWADvAAAAAElFTkSuQmCC")
}

.video-modal-container .video-modal-content-container .controls button[data-state="go-fullscreen"] {
    margin-left: 20px;
    margin-right: 3.5%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgBzVPREYIwDG05B8gIjMAIjKATuQIj6ATgBLoBOgHdADaoiffQWOnR8/jou3tH25e+hiY1JjdYPfHeE39KJr1Ea2+BVmHqWHOLjhxYMgf/jUrpfaAdY0YNjPbMWpuog2qwgRnN+k7FElLulg7Cr7jZVO2ZZFCYjaAzuoMpkLgueuF5QaokFUmMJaluTDwxryYBaBGvqvd31ShcKNYCVoymH0WlO6LD++CJtFgfENPq/e8+ko5m8WA+DzM88cJ8YDwyzyZrPAFG5LQZqwFO6AAAAABJRU5ErkJggg==")
}

.video-modal-container .video-modal-content-container .controls button[data-state="cancel-fullscreen"] {
    margin-left: 20px;
    margin-right: 3.5%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgBzVPREYIwDG05B8gIjMAIjKATuQIj6ATgBLoBOgHdADaoiffQWOnR8/jou3tH25e+hiY1JjdYPfHeE39KJr1Ea2+BVmHqWHOLjhxYMgf/jUrpfaAdY0YNjPbMWpuog2qwgRnN+k7FElLulg7Cr7jZVO2ZZFCYjaAzuoMpkLgueuF5QaokFUmMJaluTDwxryYBaBGvqvd31ShcKNYCVoymH0WlO6LD++CJtFgfENPq/e8+ko5m8WA+DzM88cJ8YDwyzyZrPAFG5LQZqwFO6AAAAABJRU5ErkJggg==")
}

.video-modal-container .video-modal-content-container .controls progress {
    display: block;
    height: 100%;
    width: 100%;
    border: none;
    overflow: hidden;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff
}

.video-modal-container .video-modal-content-container .controls progress span {
    width: 0%;
    height: 100%;
    display: inline-block;
    background-color: #d9d9d9
}

.video-modal-container .video-modal-content-container .controls progress::-moz-progress-bar {
    background-color: #fff
}

.video-modal-container .video-modal-content-container .controls progress::-webkit-progress-value {
    background-color: #fff
}

.video-modal-container .video-modal-content-container html:-ms-fullscreen {
    width: 100%
}

.video-modal-container .video-modal-content-container :-webkit-full-screen {
    background-color: transparent
}

.video-modal-container .video-modal-content-container video:-webkit-full-screen+.controls {
    background: #ccc
}

.video-modal-container .video-modal-content-container video:-webkit-full-screen+.controls progress {
    margin-top: .5rem
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] video::-webkit-media-controls {
    display: none !important
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    max-height: 100%
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] video {
    height: auto
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] figcaption {
    display: none
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] .controls {
    position: absolute;
    bottom: 2%;
    width: 100%;
    z-index: 2147483647
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] .controls li {
    width: 5%
}

.video-modal-container .video-modal-content-container figure[data-fullscreen=true] .controls .progress {
    width: 68%
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .video-modal-container .video-modal-content-container .video-content-container {
        height: 345px
    }
}

@media screen and (max-width:991px) {
    .video-modal-container .container {
        max-width: 100%
    }

    .video-modal-container .video-modal-content-container {
        padding: 12px 0 20px 0;
        max-height: 83vh;
        top: 16px;
        overflow-y: scroll
    }

    .video-modal-container .video-modal-content-container .title-container {
        padding: 0 14px 20px 28px
    }

    .video-modal-container .video-modal-content-container .title-container h1 {
        padding: 8px 24px 0 0
    }

    .video-modal-container .video-modal-content-container .video-content-container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
        height: fit-content
    }

    .video-modal-container .video-modal-content-container .video-content-container .video-container {
        width: 100%;
        height: 200px
    }

    .video-modal-container .video-modal-content-container .video-content-container .video-container video {
        width: 100%;
        height: auto
    }

    .video-modal-container .video-modal-content-container .video-content-container .video-container .timeline-markers {
        left: 5px
    }

    .video-modal-container .video-modal-content-container .video-content-container .video-container .marker {
        top: 61px
    }

    .video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container {
        width: 92%;
        height: 323px;
        margin: 40px 0 20px 0
    }

    .video-modal-container .video-modal-content-container .dropdown-container {
        margin: 0 16px
    }

    .video-modal-container .video-modal-content-container .controls {
        height: 98px;
        top: -103px
    }

    .video-modal-container .video-modal-content-container .controls span.title {
        height: 16px;
        font-size: 14px;
        line-height: normal
    }

    .video-modal-container .video-modal-content-container .controls span.chapter {
        font-size: 12px;
        line-height: normal;
        width: 76%;
        letter-spacing: -.3px
    }

    .video-modal-container .video-modal-content-container .controls span.timer {
        font-size: 12px;
        line-height: normal;
        width: 24%;
        letter-spacing: -.3px
    }

    .video-modal-container .video-modal-content-container .controls .dynamic-title-and-time-container {
        height: 30px
    }

    .video-modal-container .video-modal-content-container .controls .video-lower-btn-container {
        width: 100%
    }
}

@media screen and (min-width:526px) and (max-width:991px) {
    .video-modal-container .video-modal-content-container .video-content-container .video-table-of-contents-container {
        margin: 228px 0 20px 0
    }
}

.hcp-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgba(49, 49, 49, .35);
    opacity: 1;
    transition: 1s all
}

.hcp-modal-container .container {
    max-width: 1140px;
    display: flex;
    justify-content: center;
    align-items: center
}

.hcp-modal-container.hidden-hcp-modal {
    display: none;
    opacity: 0;
    transition: 1s all;
    z-index: -1
}

.hcp-modal-container .hcp-modal-content-container {
    padding: 32px 40px;
    border-radius: 10px;
    background: #daf1f5;
    position: relative;
    top: 25vh;
    width: 77%;
    height: fit-content
}

.hcp-modal-container .hcp-modal-content-container h1 {
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -.3px;
    font-family: "WorkSans-SemiBold";
    margin-bottom: 24px
}

.hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container {
    width: 50%;
    padding: 0 48px 0 0;
    border-right: 1px solid #000
}

.hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container:last-of-type {
    border: none;
    padding: 0 0 0 48px
}

.hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container h2 {
    font-size: 22px;
    font-family: "WorkSans-SemiBold";
    line-height: 120%;
    letter-spacing: -.75px;
    margin-bottom: 20px
}

.hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container button {
    padding: 22px
}

@media screen and (max-width:991px) {
    .hcp-modal-container .container {
        max-width: 100%
    }

    .hcp-modal-container .hcp-modal-content-container {
        padding: 16px 24px;
        max-height: 92vh;
        width: 100%
    }

    .hcp-modal-container .hcp-modal-content-container h1 {
        margin-bottom: 16px;
        font-size: 21px
    }

    .hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container {
        flex-direction: column
    }

    .hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container {
        width: 100%;
        padding: 0 0 16px 0;
        border-bottom: 1px solid #000;
        border-right: none
    }

    .hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container:last-of-type {
        border: none;
        padding: 16px 0 0 0
    }

    .hcp-modal-container .hcp-modal-content-container .hcp-modal-outer-content-container .hcp-modal-content-inner-container h2 {
        margin-bottom: 10px;
        font-size: 16px
    }
}

.banner-5yr {
    background-repeat: repeat-x;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/banner-confetti.png");
    background-position: top left;
    margin: 0;
    flex-direction: column;
    padding: 24px 53px 16px 16px;
    align-items: start
}

@media(min-width:1023.9px) {
    .banner-5yr {
        flex-direction: row;
        padding: 24px 0 16px 0;
        align-items: center
    }
}

.banner-5yr h2 {
    margin: 0;
    color: #377f98
}

.banner-5yr button.cta-btn {
    border: none;
    margin-left: 0;
    padding: 10px 14px 0 0;
    font-family: "WorkSans-SemiBold"
}

@media(min-width:1023.9px) {
    .banner-5yr button.cta-btn {
        margin-left: 8px;
        padding: 10px 14px
    }
}

.banner-5yr button.cta-btn:hover {
    padding: 10px 14px;
    border: none
}

.banner-5yr .close {
    background-size: 29px;
    background-repeat: no-repeat;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/close.svg") !important;
    position: absolute;
    top: 25px;
    right: 10px;
    padding: 1rem 1.25rem;
    opacity: 1
}

.banner-5yr .close:hover {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/close-hover.svg") !important;
    opacity: 1 !important
}

.banner-l4p-violator {
    margin: 0;
    flex-direction: column;
    padding: 0;
    align-items: start;
    display: none;
    border-bottom: 3px solid #fff;
    background: linear-gradient(90deg, #e6328c 5.56%, #f9793a 75.4%, #ffc700 108.26%);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .23) inset;
    border-right: 1px solid #ffc700;
    border-radius: 0 !important
}

.banner-l4p-violator.show {
    display: flex
}

.banner-l4p-violator .banner-inner {
    position: relative;
    width: 100%;
    max-width: 1440px
}

.banner-l4p-violator .banner-inner p,
.banner-l4p-violator .banner-inner h2 {
    margin: 0
}

.banner-l4p-violator .banner-inner .container {
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 24px 16px;
    gap: 16px;
    padding-right: 70px
}

.banner-l4p-violator .banner-inner .container p {
    font-size: 20px;
    font-family: "WorkSans-Bold";
    color: #fff;
    line-height: normal
}

.banner-l4p-violator .banner-inner .container a {
    display: inline-flex;
    padding: 7px 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 29px;
    border: 2px solid #000;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    color: #000;
    font-size: 18px;
    line-height: normal;
    font-family: "WorkSans-SemiBold";
    background-color: #fff
}

.banner-l4p-violator .banner-inner .container a span {
    display: flex
}

.banner-l4p-violator .banner-inner .container a:hover {
    background-color: #f7ecf3
}

.banner-l4p-violator .close {
    position: absolute;
    top: 16px;
    right: 16px;
    padding: 0;
    width: 32px;
    height: 32px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-l4p-violator .close svg path.path-white {
    fill: #fff
}

.banner-l4p-violator .close:hover {
    opacity: 1 !important
}

.banner-l4p-violator .close:hover svg path.path-white {
    fill: #4298b5
}

@media(min-width:1024px) {
    .banner-l4p-violator .banner-inner {
        max-width: 1440px;
        margin: 0 auto
    }

    .banner-l4p-violator .banner-inner .container {
        margin: 0;
        gap: 48px;
        flex-direction: row;
        align-items: center;
        max-width: 1440px;
        margin: 0 auto;
        padding: 16px 0
    }

    .banner-l4p-violator .close {
        top: 50%;
        transform: translateY(-50%);
        right: 36px
    }
}

@media only screen and (max-width:896px) {
    #onetrust-banner-sdk #onetrust-close-btn-container {
        top: auto !important;
        bottom: 20px
    }
}

@media only screen and (max-width:896px) {
    #onetrust-banner-sdk #onetrust-button-group {
        display: inline-block !important
    }
}

#onetrust-banner-sdk>div {
    max-width: 944px !important;
    margin: 0 auto !important;
    position: relative !important
}

.ot-sdk-container {
    max-width: 944px !important
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
    color: #f04f00 !important
}

#onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover {
    color: #377f98 !important;
    text-decoration: underline !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler {
    border: 2px solid #4298b5 !important;
    border-radius: 8px !important;
    color: #f04f00 !important
}

#onetrust-consent-sdk #onetrust-pc-btn-handler:hover {
    border-color: #f04f00 !important;
    background: #f04f00 !important;
    color: #fff !important;
    opacity: 1 !important
}

#onetrust-banner-sdk #onetrust-close-btn-container button {
    background-size: 29px;
    background-repeat: no-repeat;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/close.svg") !important
}

#onetrust-banner-sdk #onetrust-close-btn-container button:hover {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/close-hover.svg") !important;
    opacity: 1 !important
}

#onetrust-banner-sdk #onetrust-policy-text {
    font-size: 11px !important
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 2px solid #377f98;
    border-radius: 8px;
    background: #f3fafc;
    position: relative;
    overflow: hidden
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 46px 0 10px;
    font-size: 16px;
    line-height: 46px;
    color: #004063;
    height: 46px;
    user-select: none;
    font-family: "WorkSans-Bold"
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    line-height: 46px;
    background-color: #f8f8f8;
    color: #004063;
    text-align: center;
    font: 0/0 a;
    *font: 20px/46px Lucida Sans Unicode, Arial Unicode MS, Arial
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #004063;
    border-bottom: none
}

.selectric-focus .selectric {
    border-color: #1c404d
}

.selectric-hover .selectric {
    border-color: #296073
}

.selectric-hover .selectric .button {
    color: #001f30
}

.selectric-hover .selectric .button:after {
    border-top-color: #001f30
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #296073
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f3fafc;
    border: 1px solid #296073;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444
}

.selectric-items li.highlighted {
    background: #d0d0d0;
    color: #444
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: .5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    user-select: none;
    background: none;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
    clip: rect(auto, auto, auto, auto)
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
    position: absolute;
    border: .08em solid #f04f00;
    width: .84em;
    height: .84em;
    clip: rect(0, .5em, 1em, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100 {
    position: relative;
    font-size: 120px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 .1em .1em 0;
    background-color: rgba(240, 79, 0, .15)
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.c100.center {
    float: none;
    margin: 0 auto
}

.c100.big {
    font-size: 240px
}

.c100.small {
    font-size: 80px
}

.c100>span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: .2em;
    color: #f04f00;
    display: block;
    text-align: center;
    white-space: nowrap;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-family: 'WorkSans-Bold'
}

.c100:after {
    position: absolute;
    top: .08em;
    left: .08em;
    display: block;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #f5f5f5;
    width: .84em;
    height: .84em;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0, 1em, 1em, .5em)
}

.c100.p1 .bar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.c100.p2 .bar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.c100.p3 .bar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.c100.p4 .bar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.c100.p5 .bar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg)
}

.c100.p6 .bar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.c100.p7 .bar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.c100.p8 .bar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.c100.p9 .bar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.c100.p10 .bar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg)
}

.c100.p11 .bar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.c100.p12 .bar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.c100.p13 .bar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.c100.p14 .bar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.c100.p15 .bar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg)
}

.c100.p16 .bar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.c100.p17 .bar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.c100.p18 .bar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.c100.p19 .bar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.c100.p20 .bar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg)
}

.c100.p21 .bar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.c100.p22 .bar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.c100.p23 .bar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.c100.p24 .bar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.c100.p25 .bar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.c100.p26 .bar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.c100.p27 .bar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.c100.p28 .bar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.c100.p29 .bar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.c100.p30 .bar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg)
}

.c100.p31 .bar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.c100.p32 .bar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.c100.p33 .bar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.c100.p34 .bar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.c100.p35 .bar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg)
}

.c100.p36 .bar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.c100.p37 .bar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.c100.p38 .bar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.c100.p39 .bar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.c100.p40 .bar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg)
}

.c100.p41 .bar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.c100.p42 .bar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.c100.p43 .bar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.c100.p44 .bar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.c100.p45 .bar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg)
}

.c100.p46 .bar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.c100.p47 .bar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.c100.p48 .bar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.c100.p49 .bar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.c100.p50 .bar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c100.p51 .bar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.c100.p52 .bar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg)
}

.c100.p53 .bar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.c100.p54 .bar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.c100.p55 .bar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg)
}

.c100.p56 .bar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.c100.p57 .bar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg)
}

.c100.p58 .bar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.c100.p59 .bar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.c100.p60 .bar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg)
}

.c100.p61 .bar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.c100.p62 .bar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg)
}

.c100.p63 .bar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.c100.p64 .bar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.c100.p65 .bar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg)
}

.c100.p66 .bar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.c100.p67 .bar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg)
}

.c100.p68 .bar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.c100.p69 .bar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.c100.p70 .bar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg)
}

.c100.p71 .bar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.c100.p72 .bar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.c100.p73 .bar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.c100.p74 .bar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg)
}

.c100.p75 .bar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}

.c100.p76 .bar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.c100.p77 .bar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.c100.p78 .bar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.c100.p79 .bar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg)
}

.c100.p80 .bar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg)
}

.c100.p81 .bar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.c100.p82 .bar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.c100.p83 .bar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.c100.p84 .bar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg)
}

.c100.p85 .bar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg)
}

.c100.p86 .bar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.c100.p87 .bar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.c100.p88 .bar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.c100.p89 .bar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg)
}

.c100.p90 .bar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg)
}

.c100.p91 .bar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.c100.p92 .bar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.c100.p93 .bar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.c100.p94 .bar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg)
}

.c100.p95 .bar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg)
}

.c100.p96 .bar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.c100.p97 .bar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.c100.p98 .bar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.c100.p99 .bar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg)
}

.c100.p100 .bar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg)
}

.c100:hover {
    cursor: default
}

.c100.dark {
    background-color: #777
}

.c100.dark .bar,
.c100.dark .fill {
    border-color: #c6ff00 !important
}

.c100.dark>span {
    color: #777
}

.c100.dark:after {
    background-color: #666
}

.c100.dark:hover>span {
    color: #c6ff00
}

.c100.green .bar,
.c100.green .fill {
    border-color: #4db53c !important
}

.c100.green:hover>span {
    color: #4db53c
}

.c100.green.dark .bar,
.c100.green.dark .fill {
    border-color: #5fd400 !important
}

.c100.green.dark:hover>span {
    color: #5fd400
}

.c100.orange .bar,
.c100.orange .fill {
    border-color: #dd9d22 !important
}

.c100.orange:hover>span {
    color: #dd9d22
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
    border-color: #e08833 !important
}

.c100.orange.dark:hover>span {
    color: #e08833
}

.descovy-form .error>.error-paragraph,
.descovy-form .error-paragraph {
    display: block;
    color: #bc493b;
    margin-top: .75em;
    font-size: 16px;
    font-family: "WorkSans-Bold"
}

.descovy-form form {
    position: relative
}

.descovy-form form h2 {
    line-height: 28px;
    font-size: 24px;
    font-family: "WorkSans-SemiBold"
}

.descovy-form form h3 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    font-size: 20px;
    line-height: 23.5px;
    font-family: "WorkSans-Bold"
}

.descovy-form form h3 img {
    width: 105px
}

@media only screen and (min-width:992px) {
    .descovy-form form h3+ul {
        column-count: 2
    }
}

.descovy-form form p,
.descovy-form form h2 {
    margin: 0
}

.descovy-form form .footnotes {
    margin-top: 1rem
}

.descovy-form form.error .hang {
    color: green
}

.descovy-form form .input-fields input.error,
.descovy-form form .input-wrapper input[type="checkbox"].error+label {
    color: #bc493b
}

.descovy-form form .input-fields input.error+label {
    color: #bc493b;
    border-color: #bc493b
}

.descovy-form form .clearfix {
    display: block
}

.descovy-form form .input-fields {
    margin-top: 2rem;
    color: #000
}

.descovy-form form .input-fields .input-wrapper {
    position: relative;
    margin-bottom: 2em;
    float: left;
    width: 100%
}

.descovy-form form .input-fields .input-wrapper label {
    position: absolute;
    top: -.8rem;
    left: 0;
    border-bottom: 1px solid #898989;
    display: block;
    width: 99%;
    padding-top: .85em;
    height: 2.5em;
    text-transform: unset;
    color: #054062
}

.descovy-form form .input-fields .input-wrapper input {
    outline: 0;
    border: 0;
    width: 97%;
    padding-top: .45em;
    font-size: 1em;
    color: #377f98;
    position: relative;
    z-index: 2;
    background-color: transparent;
    padding-left: 0
}

@media screen and (max-width:767.9px) {
    .descovy-form form .input-fields .input-wrapper {
        width: 100% !important
    }
}

.descovy-form form .input-fields .input-half {
    width: 48%;
    float: left
}

.descovy-form form .input-fields .margin-field {
    margin-left: 4%
}

@media screen and (max-width:767.9px) {
    .descovy-form form .input-fields .margin-field {
        margin-left: 0%
    }
}

.descovy-form form .terms-conditions {
    margin-bottom: 2rem;
    display: inline-block;
    width: 100%
}

.descovy-form form .terms-conditions p {
    text-align: left;
    padding-bottom: .3rem
}

.descovy-form form .terms-conditions p a {
    text-decoration: underline;
    font-family: "WorkSans-Bold";
    color: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.descovy-form form .terms-conditions p a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.descovy-form form .confirm,
.descovy-form form .optin-register {
    text-align: left
}

.descovy-form form .confirm input[type="checkbox"].error+label+.chkText,
.descovy-form form .confirm input[type="checkbox"].error+label+.chkText span,
.descovy-form form .optin-register input[type="checkbox"].error+label+.chkText,
.descovy-form form .optin-register input[type="checkbox"].error+label+.chkText span {
    color: #bc493b
}

.descovy-form form .confirm .input-wrapper,
.descovy-form form .optin-register .input-wrapper {
    padding-top: 0;
    position: relative;
    display: inline;
    width: 40%
}

.descovy-form form .confirm input[type="checkbox"],
.descovy-form form .optin-register input[type="checkbox"] {
    display: none
}

.descovy-form form .confirm input[type="checkbox"]:checked+label,
.descovy-form form .optin-register input[type="checkbox"]:checked+label {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/checkbox-mark.svg");
    background-size: cover
}

.descovy-form form .confirm input[type="checkbox"]+label,
.descovy-form form .optin-register input[type="checkbox"]+label {
    height: 40px;
    width: 40px;
    vertical-align: top;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/blue-box.svg");
    background-size: cover
}

@media screen and (min-width:1024px) {

    .descovy-form form .confirm input[type="checkbox"]+label,
    .descovy-form form .optin-register input[type="checkbox"]+label {
        height: 35px;
        width: 35px;
        margin-top: .3rem
    }
}

.descovy-form form .confirm input[type="checkbox"].error+label,
.descovy-form form .optin-register input[type="checkbox"].error+label {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/red-box.svg")
}

.descovy-form form .confirm label span,
.descovy-form form .optin-register label span {
    color: #054062
}

.descovy-form form .confirm .chkText,
.descovy-form form .optin-register .chkText {
    margin-left: 6px;
    display: inline-block;
    width: 70%;
    vertical-align: top;
    line-height: 1.2;
    color: #377f98;
    font-family: "WorkSans-Bold"
}

.descovy-form form .confirm .chkText span,
.descovy-form form .optin-register .chkText span {
    color: #a31470;
    font-family: "WorkSans-Bold"
}

@media screen and (min-width:1024px) {

    .descovy-form form .confirm .chkText,
    .descovy-form form .optin-register .chkText {
        text-align: left;
        line-height: 1.5
    }
}

.descovy-form form .confirm input[type="submit"],
.descovy-form form .confirm button[type="submit"],
.descovy-form form .optin-register input[type="submit"],
.descovy-form form .optin-register button[type="submit"] {
    margin-top: 20px;
    outline: none
}

.descovy-form form .confirm input[type="submit"]:hover,
.descovy-form form .confirm button[type="submit"]:hover,
.descovy-form form .optin-register input[type="submit"]:hover,
.descovy-form form .optin-register button[type="submit"]:hover {
    color: #fff;
    background: #f44f00;
    border: 2px solid #f44f00
}

@media screen and (min-width:1024px) {

    .descovy-form form .confirm input[type="submit"],
    .descovy-form form .confirm button[type="submit"],
    .descovy-form form .optin-register input[type="submit"],
    .descovy-form form .optin-register button[type="submit"] {
        margin-top: 0;
        width: 330px;
        display: inline-block
    }
}

@media screen and (max-width:1023.9px) {

    .descovy-form form .confirm .input-wrapper,
    .descovy-form form .optin-register .input-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
        padding-top: 0;
        margin-bottom: 24px
    }

    .descovy-form form .confirm .input-wrapper .input-wrapper,
    .descovy-form form .optin-register .input-wrapper .input-wrapper {
        width: 100%;
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .descovy-form form .confirm {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .descovy-form form .confirm button {
        margin-bottom: 0
    }
}

@media only screen and (min-width:992px) {
    .descovy-form form .confirm {
        display: flex;
        flex-direction: row
    }
}

.descovy-form form .confirm .spinner-container {
    width: 70px;
    height: auto;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    z-index: 2
}

.descovy-form.email-form form {
    display: block
}

.descovy-form.email-form form.hide {
    display: none
}

.descovy-form.email-form h2 {
    font-size: 28px;
    line-height: 33px
}

.descovy-form.email-form .optin-register input[type="checkbox"]+label {
    margin-bottom: auto
}

.descovy-form.email-form ul.black-ul li {
    margin-bottom: 0
}

.descovy-form.email-form .thank-you {
    flex-direction: column;
    gap: 24px;
    display: none
}

.descovy-form.email-form .thank-you.show {
    display: flex
}

.descovy-form.email-form .thank-you h2 {
    margin-bottom: 0;
    font-size: 32px;
    line-height: 37px;
    color: #004063;
    font-family: "WorkSans-Bold";
    display: flex;
    flex-direction: column;
    gap: 16px
}

.descovy-form.email-form .thank-you h2 img {
    width: 100px
}

.descovy-form.email-form .thank-you p {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 27px;
    color: #004063;
    font-family: "WorkSans-SemiBold"
}

* {
    box-sizing: border-box
}

html,
body {
    font-size: 16px;
    font-family: "WorkSans-Regular", arial, helvetica, sans-serif;
    line-height: 20px;
    color: #4c4c4c;
    scroll-behavior: smooth
}

html.scroll-none,
body.scroll-none {
    overflow: hidden
}

body {
    height: 100%
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    body {
        background: url(/-/media/project/p2phub/p2pdescovyhcp/images/teal_pattern_background.jpg);
        background-size: cover;
        background-repeat: repeat-x;
        background-position: center top
    }
}

.main-content {
    background: #fff;
    max-width: 964px;
    margin: 0 auto;
    position: relative;
    z-index: 11
}

@media screen and (min-width:1024px) {
    .main-content {
        max-width: 1024px;
        padding-top: 40px;
        -moz-box-shadow: 0 -97px 85px 60px #fff;
        box-shadow: 0 -97px 85px 60px #fff;
        -webkit-box-shadow: 0 -97px 85px 60px #fff;
        -ms-box-shadow: 0 -97px 85px 60px #fff
    }

    .main-content:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: -1px;
        background: #fff
    }
}

h1,
.h1 {
    font-family: "WorkSans-SemiBold";
    font-size: 1.75rem;
    color: #000;
    margin-bottom: 1.25rem
}

@media screen and (min-width:1024px) {

    h1,
    .h1 {
        font-size: 1.75rem
    }
}

h2,
.h2 {
    font-family: "WorkSans-SemiBold";
    font-size: 1.25rem;
    color: #004063
}

h3,
.h3 {
    font-family: "WorkSans-Bold";
    font-size: 1.1875rem;
    color: #fff
}

h4,
.h4 {
    font-family: "WorkSans-SemiBold";
    font-size: 1rem;
    color: #000
}

h5,
.h5 {
    font-family: "WorkSans-Bold";
    font-size: 1rem;
    color: #000
}

h6,
.h6 {
    font-family: "WorkSans-Regular";
    font-size: 1rem;
    color: #4c4c4c
}

h7,
.h7 {
    font-family: "WorkSans-Regular";
    font-size: .75rem;
    color: #4c4c4c
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.h7 {
    letter-spacing: -.031rem !important
}

.data-numbers {
    font-family: "WorkSans-Bold";
    font-size: 2.375rem;
    color: #004063
}

.table-number {
    font-family: "WorkSans-Bold";
    font-size: 1.75rem
}

sup {
    top: -.5em;
    font-size: 60%
}

.sup-2 {
    top: -.6em
}

.hang {
    text-indent: -5px
}

img {
    width: 100%
}

.sup-initial {
    top: initial;
    font-size: 100%
}

@media(max-width:1023.9px) {
    .sup-initial-mobile {
        top: initial;
        font-size: 100%
    }
}

.wordbreak {
    word-break: break-all
}

@media screen and (max-width:1023.9px) {
    .wp-page-head {
        margin-left: -15px;
        width: calc(100% + 30px)
    }
}

.line-height-narrow {
    line-height: 1.1
}

.line-height-normal {
    line-height: 1.2
}

.sub-head {
    font-family: "WorkSans-SemiBold";
    font-size: 1.25rem;
    color: #004063;
    line-height: normal
}

.sub-head sup {
    font-size: 65%;
    top: -.45em
}

.open--modal {
    width: 100%
}

.open--modal section {
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0
}

@media screen and (min-width:1024px) {
    .open--modal section {
        max-width: 700px;
        margin: 20px 0
    }
}

.open--modal section a {
    margin: 0 0 20px 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .open--modal section a {
        max-width: 330px;
        margin-right: 20px;
        margin-bottom: 0;
        min-width: 330px
    }
}

.cta-btn {
    color: #fff;
    border: 2px solid #4298b5;
    border-radius: 10px;
    padding: 10px 14px;
    display: block;
    text-align: left;
    font-family: "WorkSans-Bold";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    transition: all .5s;
    transition-delay: .2s;
    outline: none !important
}

.cta-btn.btn-full {
    width: 100%
}

.cta-btn:hover {
    cursor: pointer;
    outline: none;
    transition: all .5s;
    transition-delay: .2s
}

.cta-btn:visited {
    text-decoration: none;
    outline: none
}

.white-btn {
    background: #fff;
    color: #f04f00;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.white-btn:not(.white-btn-external) svg {
    margin-left: 8px
}

.white-btn:not(.white-btn-external) svg>* {
    stroke: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.white-btn:not(.white-btn-external):hover {
    background: #f04f00;
    color: #fff;
    border: 2px solid #fff
}

.white-btn:not(.white-btn-external):hover svg>* {
    stroke: #fff;
    transition: all .5s;
    transition-delay: .2s
}

.white-btn.white-btn-external svg {
    min-width: 20px;
    max-width: 20px;
    margin-left: 8px
}

.white-btn.white-btn-external svg>* {
    transition: all .5s;
    transition-delay: .2s
}

.white-btn.white-btn-external svg .cls-3 {
    transition: all .5s;
    transition-delay: .2s
}

.white-btn.white-btn-external:hover {
    background: #f04f00;
    color: #fff;
    border: 2px solid #fff
}

.white-btn.white-btn-external:hover svg>* {
    transition: all .5s;
    transition-delay: .2s
}

.white-btn.white-btn-external:hover svg .cls-3 {
    stroke: #fff
}

.white-btn:active {
    background: #f04f00;
    color: #fff
}

.pink-btn {
    background: #a31470;
    color: #f3fafc;
    border: 2px solid #a31470;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "WorkSans-SemiBold";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 12px
}

.pink-btn:hover {
    background: #f3fafc;
    color: #a31470
}

.pink-btn:active {
    background: #f3fafc;
    color: #a31470
}

.yellow-btn {
    background: #ffc700;
    color: #004063;
    border: 2px solid #ffc700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "WorkSans-SemiBold";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 4px 12px
}

.yellow-btn:hover {
    background: #fff;
    color: #004063
}

.yellow-btn:active {
    background: #fff;
    color: #004063
}

.blue-btn {
    color: #004063;
    border: 2px solid #4298b5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "WorkSans-SemiBold";
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    padding: 4px 12px
}

.blue-btn svg {
    margin-left: 8px
}

.blue-btn svg>* {
    stroke: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.blue-btn:hover {
    background: #f04f00;
    color: #fff;
    border: 2px solid #fff
}

.blue-btn:hover svg>* {
    stroke: #fff;
    transition: all .5s;
    transition-delay: .2s
}

.blue-btn:active {
    background: #f04f00;
    color: #fff
}

.modal-content {
    border-radius: 20px
}

.footnotes {
    font-size: .75rem;
    line-height: normal;
    font-family: "WorkSans-Regular"
}

.footnotes-sup {
    font-size: 60% !important;
    top: -.5em !important
}

@media screen and (min-width:1024px) {
    .flex {
        display: flex
    }

    .bordered {
        border-left: 1px solid #000;
        border-right: 1px solid #000
    }
}

.align-center {
    align-items: center
}

.center {
    text-align: center
}

.center-content {
    margin: 0 auto
}

a {
    color: #4298b5
}

a,
a:hover,
a:active,
a:visited {
    outline: none
}

a:hover {
    text-decoration: none
}

a.dropdown-item.active,
a.dropdown-item:active {
    background-color: transparent
}

.wrapper {
    max-width: 964px;
    margin: 0 auto
}

.wrap {
    padding-left: 12.6953125%;
    padding-right: 12.6953125%
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .wrap {
        padding-left: 4.1208791209%;
        padding-right: 4.1208791209%
    }
}

@media screen and (max-width:1023.9px) {
    .wrap {
        padding-left: 4.1208791209%;
        padding-right: 4.1208791209%
    }
}

@media screen and (max-width:767.9px) {
    .sub-wrapper {
        padding-left: 3.8461538462%;
        padding-right: 3.8461538462%
    }
}

@media screen and (min-width:768px) and (max-width:1023.9px) and (orientation:portrait) {
    .sub-wrapper {
        padding-left: 3.8461538462%;
        padding-right: 3.8461538462%
    }
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .sub-wrapper {
        padding-left: 3.8461538462%;
        padding-right: 3.8461538462%
    }
}

@media screen and (max-width:1023.9px) {
    .body-content {
        overflow-x: hidden
    }
}

@media screen and (min-width:1024px) {
    .body-content {
        padding: 0;
        max-width: 938px
    }
}

.reference-container {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    word-wrap: break-word
}

.reference-container .ref-url {
    line-break: anywhere
}

.heads,
.indication h2,
.indication .head {
    font-family: "WorkSans-Bold";
    font-size: 1.25rem;
    text-transform: uppercase
}

.mobile-indication-container {
    background: #f3fafc
}

.indication {
    position: relative
}

.indication h2 {
    color: #004063
}

@media screen and (min-width:1024px) {
    .indication h2 {
        font-size: 1.25rem
    }
}

.indication .head {
    color: #004063;
    font-size: 1.125rem
}

.indication .sub-head {
    font-family: "WorkSans-Bold";
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #4298b5
}

.indication p {
    font-family: "WorkSans-Regular";
    font-size: 1.125rem
}

.page-head {
    font-size: .875rem;
    text-align: center;
    background-color: rgba(135, 211, 225, .4);
    color: #4298b5;
    font-family: "WorkSans-SemiBold";
    height: 38px;
    margin: auto -5px 15px -5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.gray {
    color: rgba(0, 0, 0, .7)
}

.gray-80 {
    color: gray
}

.gray-3 {
    color: #666
}

.gray-regular {
    color: #4c4c4c
}

.gray-dark {
    color: #404040
}

.icon-desc {
    font-family: "WorkSans-Bold";
    color: #4298b5
}

.bg-teal {
    background-color: #4298b5;
    color: #fff
}

.bg-teal-light {
    background-color: #d5ecf2;
    color: #fff
}

.bg-yellow {
    background-color: #ff0
}

.bg-gray {
    background-color: rgba(0, 0, 0, .7);
    color: #fff
}

.bg-graylight {
    background-color: #f6f6f6
}

.bg-sky {
    background-color: #87d3e1
}

.references {
    font-size: .875rem;
    color: rgba(0, 0, 0, .7)
}

.error {
    color: #da1212
}

.text-teal {
    color: #4298b5
}

.text-teal a:hover {
    color: #4298b5;
    text-decoration: underline
}

.dark-teal {
    color: #377f98
}

.text-gray {
    color: gray !important
}

.text-gray1 {
    color: #4c4c4c
}

.text-ocean {
    color: #004063 !important
}

.text-dark-grey {
    color: rgba(0, 0, 0, .7) !important
}

.text-grey3 {
    color: #666
}

.text-deep-burgundy {
    color: #430039 !important
}

.text-green {
    color: #006c41
}

.text-gray75 {
    color: #404040
}

.text-orange {
    color: #f04f00
}

.text-yellow {
    color: #fddb00 !important
}

.text-underline {
    text-decoration: underline
}

.bold,
strong {
    font-family: "WorkSans-Bold";
    font-weight: normal
}

.semibold {
    font-family: "WorkSans-SemiBold"
}

.medium {
    font-family: "WorkSans-Medium"
}

.font-regular {
    font-family: "WorkSans-Regular";
    font-weight: 400
}

.black {
    color: #000
}

.white {
    color: #fff
}

.blue {
    color: #004063 !important
}

.teal {
    color: #4298b5 !important
}

.teal-blue {
    color: #054062 !important
}

.pink {
    color: #a31470 !important
}

.orange {
    color: #f44f00 !important
}

.green {
    color: #006c41
}

.variable-pink {
    color: #ff2ed1
}

.medium {
    font-family: "WorkSans-SemiBold"
}

.regular {
    font-family: "WorkSans-Regular"
}

.regular.unbold {
    font-weight: normal
}

.text-balance {
    text-wrap: balance
}

.font-18 {
    font-size: 18px
}

.no-break {
    white-space: nowrap
}

.letter-spacing-01 {
    letter-spacing: -.1px
}

.mt-40 {
    margin-top: 40px !important
}

ul {
    padding-left: .9375rem
}

ul li {
    margin-bottom: .8125rem
}

ul li ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 0
}

ul li ul li {
    font-family: "WorkSans-Regular";
    text-indent: -.999em
}

ul li ul li::before {
    content: "–";
    top: 0;
    color: rgba(0, 0, 0, .7);
    width: 0;
    height: 0;
    margin-right: 5px
}

ul li .inner-list li::before {
    content: "—"
}

ul .li-inner-list {
    list-style: none
}

ul.no-margin-bottom li {
    margin-bottom: 0
}

.video-focus {
    outline: none
}

.video-focus:focus {
    outline: none
}

.hide-home {
    display: none
}

.position-relative {
    position: relative !important
}

a.pi-link-container {
    transition: all .5s;
    transition-delay: .2s;
    color: #f04f00
}

a.pi-link-container:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

@media screen and (min-width:1024px) {
    .ident-left {
        margin-left: -4px
    }

    body.home .tab-box {
        display: none
    }

    body.home #sticky-footer .intern {
        display: none
    }

    body:not(.home) #sticky-footer .home {
        display: none
    }

    body:not(.home) #sticky-footer .intern {
        display: block
    }

    body .hide-home {
        display: block
    }

    body .hide-home .indications {
        display: block
    }

    body .hidden-deskt {
        display: none !important
    }
}

.marginx-negative {
    margin: 15px -20px
}

@media screen and (min-width:1024px) {
    .marginx-negative {
        margin: 0
    }
}

#trial-design .modal-img-dsk,
#trial-design .modal-img-mob {
    width: 100%;
    height: auto
}

#trial-design.z-index,
#baseline-charact.z-index {
    z-index: 9999
}

.p-fixed {
    position: fixed !important;
    display: none
}

.img-responsive-16by9 {
    display: block
}

.img-responsive-16by9 img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .img-responsive-16by9 img {
        width: auto;
        height: 300px
    }
}

@media screen and (min-width:1024px) {
    .img-responsive-16by9 img {
        width: auto;
        height: 300px
    }
}

p.subtitle {
    margin-bottom: .5rem
}

.margin-bottom-1rm {
    margin-bottom: 1rem !important
}

.margin-bottom-10px {
    margin-bottom: 10px !important
}

.font-size16 {
    font-size: 16px
}

.font-size20 {
    font-size: 20px
}

.font-size22 {
    font-size: 22px
}

.uppercase {
    text-transform: uppercase
}

.border-top {
    border-top: 1px solid #000 !important
}

.drive-to-container {
    position: absolute;
    height: 0;
    margin-top: -50px
}

.isi-visible-container {
    position: absolute;
    height: 0;
    margin-top: -20px
}

.header-bg-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/header-bg-img.png);
    width: 100%;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat
}

.header-bg-container h1 {
    font-size: 32px;
    line-height: 38px;
    margin: 0
}

.dancer-callout-container {
    position: relative;
    margin: 56px 0 40px 79px;
    padding: 0 45px 0 148px;
    border-radius: 13px;
    background: #004063;
    min-height: 109px;
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.dancer-callout-container h3 {
    font-family: "FlatBrush-Regular";
    font-size: 26px;
    letter-spacing: 0 !important;
    line-height: 120%
}

.dancer-callout-container:before {
    content: '';
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/yellow-dancing-figure-2.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -56px;
    left: -79px;
    width: 195px;
    height: 177px
}

.dancing-callout-container {
    margin-bottom: 40px;
    padding: 40px 0 0 120px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/yellow-dancing-figure.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 177px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.dancing-callout-container h3 {
    font-family: "FlatBrush-Regular";
    font-size: 26px;
    letter-spacing: 0 !important;
    line-height: 120%;
    margin-bottom: 0
}

.btn-callout-container .btn-callout-bg-container {
    width: 100%;
    padding: 24px 0;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.btn-callout-container .btn-callout-bg-container.btn-callout-blue {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-blue.png)
}

.btn-callout-container .btn-callout-bg-container.btn-callout-orange {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-orange.png)
}

.btn-callout-container .btn-callout-bg-container.btn-callout-magenta {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-magenta.png)
}

.btn-callout-container .btn-callout-bg-container.btn-callout-yellow {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-yellow.png)
}

.btn-callout-container .btn-callout-bg-container.btn-callout-green {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-green.png)
}

.btn-callout-container .btn-callout-bg-container.btn-callout-teal {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-teal.png)
}

.btn-callout-container .btn-callout-bg-container.btn-callout-teal2 {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-teal2.png)
}

.btn-callout-container .btn-callout-bg-container h1:not(.h1) {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 23px
}

.btn-callout-container .btn-callout-bg-container .row {
    width: 100%
}

.btn-callout-container .btn-callout-bg-container .btn-container {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.btn-callout-container .btn-callout-bg-container .btn-container .row {
    width: 100%
}

.btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container {
    width: 100%;
    text-decoration: none
}

.btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
    padding: 22px 14px;
    font-family: "WorkSans-SemiBold";
    max-height: 66px
}

.btn-callout-container .footnote-bottom {
    font-size: 12px;
    line-height: normal
}

.teal-ul,
.black-ul,
.green-ul,
.black-ul-dashed {
    padding: 8px 0 0 14px;
    margin: 0
}

.teal-ul li,
.black-ul li,
.green-ul li,
.black-ul-dashed li {
    font-family: "WorkSans-Bold";
    color: #004063;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 8px
}

.teal-ul li:last-of-type,
.black-ul li:last-of-type,
.green-ul li:last-of-type,
.black-ul-dashed li:last-of-type {
    padding-bottom: 0
}

.teal-ul li::marker,
.black-ul li::marker,
.green-ul li::marker,
.black-ul-dashed li::marker {
    color: #004063
}

.black-ul li {
    font-family: "WorkSans-Regular";
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.black-ul li::marker {
    color: #000
}

.green-ul li {
    font-family: "WorkSans-Regular";
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.green-ul li::marker {
    color: #006c41
}

.purple-ul li {
    font-family: "WorkSans-Regular";
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.purple-ul li::marker {
    color: #a31470
}

.orange-ul li {
    font-family: "WorkSans-Regular";
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.orange-ul li::marker {
    color: #f04f00
}

.black-ul-dashed {
    list-style-type: '- ';
    padding-left: 18px
}

.black-ul-dashed li {
    font-family: "WorkSans-Regular";
    font-size: 16px;
    line-height: 20px;
    color: #000
}

.black-ul-dashed li::marker {
    color: #000
}

@media screen and (max-width:991px) {
    .header-bg-container {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/header-bg-img-mobile.png);
        padding: 30px 0
    }

    .header-bg-container h1 {
        font-size: 28px;
        line-height: 33px
    }

    .btn-callout-container {
        padding: 0
    }

    .btn-callout-container .btn-callout-bg-container {
        align-items: center;
        padding: 6px 0;
        background-size: 100% 100%;
        height: 100%;
        width: 100%
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-blue {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-blue-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-orange {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-orange-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-magenta {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-magenta-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-yellow {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-yellow-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-green {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-green-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-teal {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-teal-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container.btn-callout-teal2 {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-teal2-mobile.png)
    }

    .btn-callout-container .btn-callout-bg-container h1 {
        margin-left: 14px
    }

    .btn-callout-container .btn-callout-bg-container .btn-container {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
        margin-bottom: 10px;
        padding: 20px 10px
    }
}

@media screen and (max-width:767px) {
    .dancer-callout-container {
        margin: 0 auto 58px;
        padding: 21px 16px 60px;
        border-radius: 10px
    }

    .dancer-callout-container:before {
        top: initial;
        bottom: -48px;
        left: 7px;
        width: 108px;
        height: 98px
    }

    .dancing-callout-container {
        margin-bottom: 10px;
        padding: 8px 0;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/yellow-dancing-figure-mobile-person-down.png);
        height: 195px;
        width: auto;
        text-align: left;
        align-items: flex-start
    }

    .dancing-callout-container h3 {
        font-family: "FlatBrush-Regular";
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0 !important
    }
}

.fs16 {
    font-size: 16px !important
}

.keith-callout-container {
    margin-bottom: 170px;
    padding: 20px 16px 60px;
    background-color: #004063;
    border-radius: 10px;
    width: auto;
    text-align: center;
    align-items: flex-start;
    position: relative
}

.keith-callout-container:before {
    content: '';
    width: 187px;
    height: 202px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/keith-callout.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 175px;
    position: absolute;
    bottom: -150px;
    left: 50%;
    transform: translateX(-50%)
}

.keith-callout-container h3 {
    font-family: "FlatBrush-Regular";
    font-size: 26px;
    line-height: 120%;
    letter-spacing: 0 !important
}

@media screen and (min-width:1024px) {
    .keith-callout-container {
        padding: 30px;
        padding-right: 26px;
        padding-left: 130px;
        margin-bottom: 90px
    }

    .keith-callout-container:before {
        bottom: 35%;
        left: -10px;
        transform: translateY(50%);
        width: 148px;
        height: 189px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/keith-callout.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 148px
    }
}

.lightbulb-callout-container {
    padding: 26px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/lightbulb-callout-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: fit-content
}

.lightbulb-callout-container img {
    width: 75px
}

.lightbulb-callout-container .content p {
    margin-bottom: 0
}

.lightbulb-callout-container .content p.heading {
    font-family: "WorkSans-Bold";
    font-size: 20px;
    line-height: 23.46px;
    color: #004063;
    margin-bottom: 8px
}

@media screen and (min-width:1024px) {
    .lightbulb-callout-container {
        margin-top: 32px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/lightbulb-callout-bg-d.png)
    }
}

.white-box-v2 {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-why-descovy/white-box-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding-top: 22px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
    position: relative
}

.white-box-v2 .first {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px
}

.white-box-v2 .first img {
    max-width: 63px
}

.white-box-v2 .first p {
    font-size: 18px;
    font-family: "WorkSans-SemiBold"
}

.white-box-v2 img.line {
    margin-bottom: 0 !important;
    width: 100% !important
}

.white-box-v2 .second {
    padding-right: 130px
}

.white-box-v2 .second p.percentage {
    font-size: 57px;
    letter-spacing: -1px
}

.white-box-v2 .second p.percentage .tilda {
    font-size: 40px;
    vertical-align: 5px;
    position: relative;
    line-height: 0
}

.white-box-v2 .second p.percentage+p {
    font-size: 18px;
    margin-top: 24px;
    margin-bottom: 6px
}

.white-box-v2 .second p.percentage+p>span {
    font-size: 24px
}

.white-box-v2 .second p+p {
    margin-left: 24px
}

.white-box-v2 .second .footnotes {
    letter-spacing: -.3px
}

.white-box-v2 .actor {
    position: absolute;
    bottom: 2px;
    right: 4px;
    width: 208px !important;
    margin-bottom: 0 !important
}

@media screen and (min-width:992px) {
    .white-box-v2 {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-why-descovy/white-box-bg-d.png);
        flex-direction: row;
        gap: 8px;
        align-items: center;
        padding-top: 24px;
        padding-left: 240px;
        padding-right: 16px;
        padding-bottom: 32px;
        position: relative;
        justify-content: center
    }

    .white-box-v2 .first {
        width: 265px
    }

    .white-box-v2 .first img {
        max-width: 67px
    }

    .white-box-v2 .first p {
        font-size: 23px
    }

    .white-box-v2 .first p>span {
        font-size: 26px;
        line-height: 26px
    }

    .white-box-v2 img.line {
        margin-bottom: 0;
        width: auto !important;
        height: 114px !important
    }

    .white-box-v2 .second {
        width: 322px;
        padding-right: 0;
        margin-top: 20px
    }

    .white-box-v2 .second p.percentage {
        margin-bottom: 0
    }

    .white-box-v2 .second p.percentage+p {
        font-size: 19px;
        margin-top: 24px
    }

    .white-box-v2 .second p.percentage+p>span {
        font-size: 26px;
        line-height: 26px
    }

    .white-box-v2 .second p+p {
        margin-left: 24px
    }

    .white-box-v2 .second .footnotes {
        margin-bottom: 0
    }

    .white-box-v2 .actor {
        bottom: 4px;
        right: auto;
        left: 20px;
        width: 226px !important
    }

    .white-box-v2.for-bone {
        padding-left: 220px;
        padding-top: 45px
    }

    .white-box-v2.for-bone .first {
        gap: 16px;
        width: 275px
    }

    .white-box-v2.for-bone .first p {
        font-size: 20px;
        line-height: 22px
    }

    .white-box-v2.for-bone .first p>span {
        font-size: 23px;
        line-height: 23px
    }

    .white-box-v2.for-bone .second p.percentage+p>span {
        font-size: 25px
    }
}

.resource-download-module .heading {
    background-color: #377f98;
    padding: 16px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden
}

@media(max-width:767.9px) {
    .resource-download-module .heading {
        display: flex;
        justify-content: center
    }
}

.resource-download-module .heading p {
    margin: 0;
    color: #fff;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/resource-icon.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 23px;
    display: inline-block;
    padding-left: 30px;
    font-size: 18px;
    line-height: 26px;
    height: 26px;
    font-family: "WorkSans-Bold"
}

.resource-download-module .content {
    background-color: #fff;
    padding: 16px
}

.resource-download-module .content .copy p.headline {
    color: #4298b5;
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold";
    margin-bottom: 8px
}

.resource-download-module .content .icons {
    display: flex;
    flex-direction: row
}

.resource-download-module .content .icons .resource-link {
    color: #f04f00;
    font-family: "WorkSans-Bold";
    background-position: 100% 50%;
    background-repeat: no-repeat;
    line-height: 20px;
    background-size: 20px;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 16px;
    transition: all .5s;
    transition-delay: .2s
}

.resource-download-module .content .icons .resource-link p {
    margin-bottom: 0
}

.resource-download-module .content .icons .resource-link.download svg path {
    stroke: #f04f00;
    fill: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.resource-download-module .content .icons .resource-link.download:hover svg path {
    stroke: #377f98;
    fill: #377f98
}

.resource-download-module .content .icons .resource-link.email svg path {
    stroke: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.resource-download-module .content .icons .resource-link.email:hover svg path {
    stroke: #377f98
}

.resource-download-module .content .icons .resource-link+.resource-link {
    margin-left: 100px
}

.resource-download-module .content .icons .resource-link:hover {
    color: #377f98
}

@media screen and (min-width:992px) {
    .resource-download-module {
        display: flex
    }

    .resource-download-module .heading {
        width: 115px;
        display: flex;
        align-items: center;
        border-top-left-radius: 8px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 8px;
        overflow: hidden;
        height: 160px
    }

    .resource-download-module .heading p {
        padding-left: 0;
        padding-top: 30px;
        font-size: 18px;
        line-height: 26px;
        height: auto;
        background-position: 50% 0
    }

    .resource-download-module .content {
        width: calc(100% - 115px);
        padding: 26px 24px
    }

    .resource-download-module .content .copy p.headline {
        color: #4298b5;
        font-size: 18px;
        line-height: 21px;
        font-family: "WorkSans-Bold";
        margin-bottom: 8px
    }
}

sup {
    font-family: "WorkSans-Regular"
}

.insight-row {
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    padding: 16px;
    background-color: #4298b5;
    border-radius: 10px;
    align-items: center;
    justify-content: flex-start;
    gap: 16px
}

.insight-row>div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.insight-row p {
    font-family: "WorkSans-Bold";
    font-size: 18px;
    color: #fff;
    margin: 0
}

.insight-row .btn-container .cta-btn {
    padding: 6px 14px
}

.insight-row .btn-container .cta-btn svg:first-of-type>* {
    stroke: #fff
}

@media screen and (min-width:992px) {
    .insight-row {
        flex-direction: row;
        padding: 24px;
        gap: 20px;
        margin-bottom: 56px
    }

    .insight-row>div {
        width: auto
    }

    .insight-row>div+div {
        justify-content: flex-end;
        width: 300px
    }

    .insight-row p {
        font-size: 20px;
        line-height: 23.5px
    }

    .insight-row .btn-container .cta-btn {
        width: 300px;
        justify-content: flex-start
    }

    .insight-row .btn-container .cta-btn svg:first-of-type {
        margin-left: 0;
        margin-right: 16px
    }

    .insight-row .btn-container .cta-btn svg:nth-of-type(2) {
        margin-left: auto
    }
}

.states-container h1 {
    margin-top: 16px
}

.states-container .box-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    margin-top: 32px
}

.states-container .box-container .box {
    padding: 16px
}

.states-container .box-container .box .headline {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.states-container .box-container .box .headline p {
    margin: 0;
    font-size: 20px;
    line-height: 23.5px;
    font-family: "WorkSans-Bold"
}

.states-container .box-container .box .headline img {
    width: 32px
}

.states-container .box-container .box ul {
    padding-top: 0;
    margin-top: 16px;
    margin-left: 16px;
    column-count: 2
}

.states-container .box-container .box ul li {
    margin-bottom: 2px
}

.states-container .box-container .box.low {
    background: #fef6f2
}

.states-container .box-container .box.low .headline p {
    color: #f04f00
}

.states-container .box-container .box.medium {
    background: #f2f2f2
}

.states-container .box-container .box.medium .headline p {
    color: #666
}

.states-container .box-container .box.high {
    background: #f7ecf3
}

.states-container .box-container .box.high .headline p {
    color: #a31470
}

@media only screen and (min-width:992px) {
    .states-container h1 {
        margin-top: 0
    }

    .states-container .box-container {
        flex-direction: row
    }

    .states-container .box-container .box {
        width: 20%
    }

    .states-container .box-container .box ul {
        margin-left: 4px;
        column-count: 1
    }
}

.dancing-callout-container-v2 {
    background-color: #004063;
    padding: 21px 16px 60px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative;
    margin-bottom: 90px;
    margin-top: 48px
}

.dancing-callout-container-v2 h3 {
    font-family: "FlatBrush-Regular";
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 0 !important
}

.dancing-callout-container-v2 h3 sup {
    font-family: inherit
}

.dancing-callout-container-v2:after {
    display: block;
    content: '';
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/icons/yellow-dancing-figure.png");
    background-size: 105px;
    background-position: 10px 0;
    background-repeat: no-repeat;
    height: 99px;
    width: 100%;
    position: absolute;
    bottom: -50px;
    left: 0
}

@media only screen and (min-width:992px) {
    .dancing-callout-container-v2 {
        padding: 16px 44px 16px 148px;
        margin-bottom: 52px;
        width: calc(100% - 79px);
        margin-left: 79px;
        justify-content: center;
        min-height: 109px;
        margin-top: 98px
    }

    .dancing-callout-container-v2 h3 {
        font-size: 26px;
        letter-spacing: 0 !important
    }

    .dancing-callout-container-v2:after {
        background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/icons/yellow-dancing-figure-d.png");
        background-size: 192px;
        background-position: 0 0;
        height: 177px;
        width: 192px;
        bottom: -12px;
        left: -79px
    }
}

.hcp-only {
    color: #666;
    text-align: left;
    font-family: "Inter";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.9px
}

@media screen and (min-width:390px) and (max-width:991px) {
    .interstitial .interstitial-link-container .buttons-container.m-btn-nav a {
        width: 50% !important
    }
}

@media screen and (max-width:991px) {
    .interstitial .row.d-lg-none {
        padding-left: 10px;
        padding-right: 10px
    }

    .interstitial .row.d-lg-none .hcp-only,
    .interstitial .row.d-lg-none a {
        width: 50%
    }

    .interstitial .row.d-lg-none a {
        text-align: right;
        font-family: "WorkSans-SemiBold";
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #377f98;
        display: flex;
        align-items: anchor-center;
        justify-content: end
    }

    .interstitial .row.d-lg-none a p {
        margin: 0
    }

    .interstitial .interstitial-link-container .buttons-container {
        width: 100%;
        justify-content: space-evenly;
        gap: 16px
    }

    .interstitial .interstitial-link-container .buttons-container a {
        text-align: center;
        display: flex;
        flex-grow: 1
    }

    .interstitial .interstitial-link-container .buttons-container a button {
        height: 24px;
        width: 100%;
        justify-content: center;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important
    }

    .interstitial .interstitial-link-container .buttons-container a button img {
        vertical-align: top
    }

    .interstitial .interstitial-wrapper .mobile-col-no-padding {
        padding: 0 25px
    }

    .interstitial .m-util-nav .hcp-only,
    .interstitial .m-util-nav a.DEShcpHome_PINav_FullPI {
        font-size: 11px !important;
        line-height: 14px !important
    }
}

@media screen and (min-width:992px) {
    .interstitial {
        height: 64px
    }

    .interstitial .interstitial-link-container .buttons-container {
        height: 28px;
        position: relative;
        top: -13px
    }

    .interstitial .interstitial-link-container .buttons-container button {
        height: 28px
    }
}

.mobile.landscape .index .wp-hero,
.ipad.tablet.portrait .index .wp-hero {
    background-position-y: -40px
}

.home .body-content {
    max-width: 100%
}

.home .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.home .home-background-outer-container .home-background-container {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/home/home-background-image.png")
}

.home .home-background-outer-container .home-background-container .home-content-container {
    margin: 16px 0 24px 0
}

.home .home-background-outer-container .home-background-container .home-content-container>a {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/home/home-bg-img-content.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 24px 40px 12px 40px;
    display: block;
    transition: all .3s ease 0s
}

.home .home-background-outer-container .home-background-container .home-content-container>a:hover {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/home/home-bg-img-content-hover.svg")
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container {
    border-bottom: 2px solid #666;
    padding-bottom: 10px
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h1 {
    font-family: "FlatBrush-Regular";
    font-weight: 400;
    font-size: 45.5625px;
    line-height: 100%;
    letter-spacing: 1.091px;
    text-transform: uppercase;
    margin-bottom: 0
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h1 .title-small-text {
    font-size: 30px
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h1.black {
    font-size: 38px;
    line-height: 38px;
    letter-spacing: -.5px
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h1.black span.small {
    display: block;
    font-size: 30px;
    line-height: 25px
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h1.black span._\39 9percent {
    display: block;
    height: 76px;
    overflow: hidden;
    text-indent: -2em;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/home/99-point-7-percent.svg") !important;
    background-size: 152px;
    background-repeat: no-repeat;
    background-position: 0 0
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h2 {
    font-family: "FlatBrush-Regular";
    font-weight: 400;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 1.091px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-text-container h3 {
    font-family: "FlatBrush-Regular";
    font-weight: 400;
    font-size: 38.5625px;
    line-height: 90%;
    letter-spacing: 1.24519px;
    text-transform: uppercase
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-img-container {
    width: 100%
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-img-container img {
    width: 100%;
    height: auto
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-lower-container h4 {
    margin: 10px 0 0 0
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-lower-container h4:first-of-type {
    margin: 5px 0 0 0
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-lower-container p {
    color: #404040;
    font-size: 14px;
    line-height: 15px;
    margin: 0
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-lower-container p.footnotes {
    margin-top: 8px;
    font-size: 12px
}

.home .home-background-outer-container .home-background-container .home-content-container .home-content-lower-container p.footnotes:last-of-type {
    margin: 0
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container {
    padding-bottom: 16px
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container {
    width: 100%
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn {
    height: 66px;
    text-align: left
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn svg:first-of-type {
    margin: 0 16px 0 0;
    width: 32px;
    height: auto
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn svg:first-of-type>* {
    stroke: none;
    fill: #4298b5;
    transition: all .5s;
    transition-delay: .2s
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn svg:first-of-type path {
    fill: #4298b5;
    transition: all .5s;
    transition-delay: .2s
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn:hover svg:first-of-type>* {
    stroke: none;
    fill: #fff;
    transition: all .5s;
    transition-delay: .2s
}

.home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn:hover svg:first-of-type path {
    fill: #fff;
    transition: all .5s;
    transition-delay: .2s
}

.home .home-background-outer-container .home-background-container .home-footnote {
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 48px
}

.home .top-border hr {
    margin-top: 24px;
    border-bottom: 0;
    width: 100%;
    height: 3px;
    background: #000
}

.home .insight-row {
    background-color: transparent;
    margin: 0;
    padding: 0
}

@media screen and (max-width:767.9px) {
    .home .insight-row {
        flex-direction: column-reverse
    }
}

.home .insight-row a {
    width: 100%
}

@media screen and (max-width:991px) {
    .home header.p-fixed+.main-content {
        margin-top: 108px
    }

    .home .container-fluid {
        padding: 0
    }

    .home .home-background-outer-container .home-background-container .mobile-col-no-padding {
        padding: 0
    }

    .home .home-background-outer-container .home-background-container .home-content-container {
        margin-top: 0;
        padding: 0;
        margin: 0 0 8px 0
    }

    .home .home-background-outer-container .home-background-container .home-content-container>a {
        background: #fff;
        display: block;
        padding: 12px 28px 0 28px;
        transition: all .3s ease 0s
    }

    .home .home-background-outer-container .home-background-container .home-content-container>a:hover {
        background: #f3fafc
    }

    .home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container {
        border-bottom: none
    }

    .home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container h1 {
        font-family: "FlatBrush-Regular";
        font-size: 24px;
        line-height: 86%;
        text-align: center;
        color: #129dc0;
        margin-bottom: 4px
    }

    .home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-img-container {
        width: 100%
    }

    .home .home-background-outer-container .home-background-container .home-content-container .home-content-upper-container .upper-img-container img {
        width: 100%;
        height: auto
    }

    .home .home-background-outer-container .home-background-container .home-btn-outer-container {
        padding: 0 16px 0 16px
    }

    .home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container button {
        margin-bottom: 8px
    }

    .home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn {
        height: 60px
    }

    .home .home-background-outer-container .home-background-container .home-btn-outer-container .home-btn-container .home-btn svg:first-of-type {
        max-height: 34px !important
    }

    .home .home-background-outer-container .home-background-container .home-footnote {
        padding: 0 16px
    }
}

@media screen and (max-width:1023.9px) {
    .isi .box-right {
        position: relative;
        background-color: rgba(135, 211, 225, .4);
        padding: 1rem;
        text-align: center
    }

    .isi .box-right:before,
    .isi .box-right:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 5px;
        background: url(/-/media/project/p2phub/p2pdescovyhcp/images/squiggly.svg) repeat-x center
    }

    .isi .box-right:before {
        top: -3px
    }

    .isi .box-right::after {
        bottom: -3px
    }

    .isi .box-right-content {
        line-height: 1.4
    }
}

@media screen and (min-width:1024px) {
    .box-right {
        width: 226px !important
    }

    .box-right-head {
        background: url("/-/media/project/p2phub/p2pdescovyhcp/images/box.svg") no-repeat;
        background-size: cover;
        padding: 20px 20px 20px 29px;
        height: 200px;
        margin-bottom: 20px
    }

    .box-right-head h3 {
        line-height: 1.4;
        font-size: 22px;
        color: #000 !important
    }

    .box-right-head h3 span {
        display: block
    }

    .box-right-content {
        letter-spacing: -.031rem;
        margin-left: 10px
    }
}

.pagenotfound button {
    padding: 22px 14px
}

.httperror button {
    padding: 22px 14px
}

.home header .isi-nav .navbar-brand {
    padding-top: 0;
    padding-bottom: 0
}

.hivrisk .body-content {
    max-width: 100%
}

.hivrisk .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.hivrisk header.p-fixed+.main-content {
    margin-top: 152px
}

.hivrisk .recommendations-upper-content-container {
    padding: 40px 0;
    background: #fff
}

.hivrisk .dancing-callout-container h3 {
    text-align: left;
    width: 62%
}

.hivrisk .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 12px;
    color: #4c4c4c
}

.hivrisk .footnote-bottom+.footnote-bottom {
    margin-bottom: 40px
}

.hivrisk .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
    max-height: 62px;
    text-align: left
}

.hivrisk.national-guidelines header.p-fixed+.main-content {
    margin-top: 111px
}

.hivrisk .recommendations-upper-content-container .top-recommendations {
    display: flex;
    align-items: stretch;
    gap: 24px
}

.hivrisk .recommendations-upper-content-container .recommendation-box {
    display: grid;
    border-radius: 15px;
    padding: 24px;
    align-items: start;
    transition: box-shadow .3s ease 0s;
    position: relative
}

.hivrisk .recommendations-upper-content-container .recommendation-box:not(.uspstf) {
    width: 289px
}

.hivrisk .recommendations-upper-content-container .recommendation-box:hover {
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .15)
}

.hivrisk .recommendations-upper-content-container .recommendation-box h2,
.hivrisk .recommendations-upper-content-container .recommendation-box p {
    margin: 0
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-header {
    margin-bottom: 24px;
    padding-left: 60px;
    background-size: 44px;
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 59px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-header h2 {
    font-family: "WorkSans-Bold";
    font-size: 32px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-header p {
    font-size: 14px;
    font-family: "WorkSans-SemiBold";
    line-height: 16px;
    color: #000
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-content {
    color: #404040;
    margin-bottom: 24px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta {
    align-self: end
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a {
    font-family: "WorkSans-Bold";
    font-size: 16px;
    line-height: 20px;
    text-decoration-line: none;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span {
    padding-right: 16px;
    z-index: 2
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span::after {
    display: block;
    content: '';
    border-bottom: 2px solid #f04f00;
    transform: scaleX(0);
    transition: transform .5s ease-in-out;
    transform-origin: 100% 50%
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span.orange-link::after {
    border-bottom: 2px solid #f04f00
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span.pink-link::after {
    border-bottom: 2px solid #a31470
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span.green-link::after {
    border-bottom: 2px solid #006c41
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span.green-link::after {
    border-bottom: 2px solid #006c41
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span.blue-link::after {
    border-bottom: 2px solid #377f98
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a span:hover::after {
    transform: scaleX(1);
    transform-origin: 0% 50%
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recco-cta a:hover {
    cursor: pointer
}

.hivrisk .recommendations-upper-content-container .recommendation-box.ias {
    background-color: #f5f9f7
}

.hivrisk .recommendations-upper-content-container .recommendation-box.ias .recco-header {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/green-clipboard-icon.svg)
}

.hivrisk .recommendations-upper-content-container .recommendation-box.ias .recco-header h2,
.hivrisk .recommendations-upper-content-container .recommendation-box.ias .recco-cta a {
    color: #006c41
}

.hivrisk .recommendations-upper-content-container .recommendation-box.cdc {
    background-color: #fffaf7
}

.hivrisk .recommendations-upper-content-container .recommendation-box.cdc .recco-header {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/orange-clipboard-icon.svg)
}

.hivrisk .recommendations-upper-content-container .recommendation-box.cdc .recco-header h2,
.hivrisk .recommendations-upper-content-container .recommendation-box.cdc .recco-cta a {
    color: #f04f00
}

.hivrisk .recommendations-upper-content-container .recommendation-box.dhhs {
    background-color: #f3fafc
}

.hivrisk .recommendations-upper-content-container .recommendation-box.dhhs .recco-header {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/blue-clipboard-icon.svg)
}

.hivrisk .recommendations-upper-content-container .recommendation-box.dhhs .recco-header h2,
.hivrisk .recommendations-upper-content-container .recommendation-box.dhhs .recco-cta a {
    color: #377f98
}

.hivrisk .recommendations-upper-content-container .recommendation-box.uspstf {
    background-color: #fbf6f9;
    margin-top: 24px
}

.hivrisk .recommendations-upper-content-container .recommendation-box.uspstf .recco-header {
    padding-left: 76px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/grade-a-icon.svg);
    background-size: 60px
}

.hivrisk .recommendations-upper-content-container .recommendation-box.uspstf .recco-header h2,
.hivrisk .recommendations-upper-content-container .recommendation-box.uspstf .recco-cta a {
    color: #a31470
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower {
    margin-top: 24px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower p {
    margin-bottom: 1rem
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-slash-icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-slash-icon-container img {
    width: 56%;
    height: auto
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-icon-list-container h3 {
    font-size: 18px;
    font-style: normal;
    font-family: "WorkSans-Bold";
    line-height: normal;
    margin-bottom: 10px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-icon-list-container .outer-list-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-icon-list-container .outer-list-container ul {
    margin: 0;
    padding: 0 0 0 14px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-icon-list-container .outer-list-container ul li {
    font-size: 16px;
    font-style: normal;
    font-family: "WorkSans-Regular";
    line-height: 20px;
    margin-bottom: 6px
}

.hivrisk .recommendations-upper-content-container .recommendation-box .checklist {
    margin: 24px 0 0
}

.hivrisk .coverage-upper-content-container ._barrier {
    margin-bottom: 24px
}

@media screen and (min-width:1024px) {
    .hivrisk .coverage-upper-content-container ._barrier {
        margin-bottom: 80px
    }
}

.hivrisk .coverage-upper-content-container ._barrier img {
    width: 156px;
    display: block;
    margin: 0 auto
}

.hivrisk .coverage-upper-content-container h2 {
    font-size: 24px
}

.hivrisk .coverage-upper-content-container .coverage-container {
    margin: 24px 0 40px;
    display: flex;
    flex-wrap: wrap
}

.hivrisk .coverage-upper-content-container .coverage-box {
    display: flex
}

.hivrisk .coverage-upper-content-container .coverage-box h3 {
    color: #a31470;
    font-family: "WorkSans-Bold"
}

.hivrisk .coverage-upper-content-container .coverage-box p {
    margin: 0
}

.hivrisk .coverage-upper-content-container .coverage-box.coverage-awareness {
    max-width: 439px
}

.hivrisk .coverage-upper-content-container .coverage-box.coverage-action {
    max-width: 470px
}

.hivrisk .coverage-upper-content-container .coverage-box .verticle-line {
    width: 5px;
    height: 100%
}

.hivrisk .coverage-upper-content-container .coverage-box .verticle-line svg {
    height: 100%
}

.hivrisk .coverage-upper-content-container .coverage-box .coverage-content {
    padding: 0 24px;
    width: calc(100% - 3px)
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta {
    align-self: end
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a {
    font-family: "WorkSans-Bold";
    font-size: 16px;
    line-height: 20px;
    text-decoration-line: none;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a span {
    padding-right: 16px
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a span::after {
    display: block;
    content: '';
    border-bottom: 2px solid #f04f00;
    transform: scaleX(0);
    transition: transform .5s ease-in-out;
    transform-origin: 100% 50%
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a span.orange-link {
    color: #f04f00
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a span.orange-link::after {
    border-bottom: 2px solid #f04f00
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a:hover {
    cursor: pointer
}

.hivrisk .coverage-upper-content-container .coverage-box .recco-cta a:hover span::after {
    transform: scaleX(1);
    transform-origin: 0% 50%
}

.hivrisk .tab-content {
    overflow: hidden
}

.hivrisk .tab-content .tab-pane {
    position: relative
}

.hivrisk .tab-content .tab-pane>.d-flex {
    display: flex;
    gap: 16px
}

.hivrisk .tab-content .tab-pane._gender-content {
    padding-bottom: 50px
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .tab-pane._gender-content {
        padding-bottom: 220px
    }
}

.hivrisk .tab-content .tab-pane._gender-content .actors {
    width: 348px
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .tab-pane._gender-content .actors {
        margin-right: -30px;
        margin-bottom: 50px
    }
}

.hivrisk .tab-content .tab-pane._gender-content .actor-copy {
    bottom: 105px
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .tab-pane._gender-content .actor-copy {
        right: 20px
    }
}

.hivrisk .tab-content .chart {
    margin-bottom: 24px
}

.hivrisk .tab-content .actors {
    width: 261px;
    margin: 0 auto;
    display: block
}

.hivrisk .tab-content .actor-copy {
    position: absolute;
    bottom: 50px;
    right: calc(50% - 180px);
    width: 70px
}

.hivrisk .tab-content ._block-container {
    padding-left: 0;
    padding-right: 0
}

.hivrisk .tab-content ._block {
    padding: 12px 8px 12px 8px;
    border-radius: 10px
}

.hivrisk .tab-content ._block h3 {
    font-size: 16px;
    margin-bottom: 0
}

.hivrisk .tab-content ._block div.d-flex {
    gap: 16px;
    justify-content: center;
    align-items: center
}

@media(min-width:1023.9px) {
    .hivrisk .tab-content ._block div.d-flex {
        justify-content: flex-start
    }
}

.hivrisk .tab-content ._block div.d-flex h4 {
    font-size: 4.625rem;
    line-height: 4.625rem;
    font-family: "WorkSans-Bold";
    margin-bottom: 0
}

.hivrisk .tab-content ._block div.d-flex h4 span.small {
    font-size: 25px;
    line-height: 25px;
    vertical-align: 16px
}

.hivrisk .tab-content ._block div.d-flex h4 span.percent {
    font-size: 60%;
    top: -.4em;
    position: relative
}

.hivrisk .tab-content ._block div.d-flex p {
    margin-bottom: 0;
    font-size: 20px
}

.hivrisk .tab-content ._block div.d-flex p span.small {
    font-size: 16px
}

.hivrisk .tab-content ._block._blue {
    background-color: #f3fafc
}

.hivrisk .tab-content ._block._orange {
    background-color: #fffaf7
}

.hivrisk .tab-content ._block._green {
    background-color: #f5f9f7
}

.hivrisk .tab-content ._block._pink {
    height: unset;
    padding: 12px 8px;
    background-color: #fbf6f9;
    text-align: center
}

@media(min-width:1023.9px) {
    .hivrisk .tab-content ._block._pink {
        padding: 12px 32px;
        text-align: left
    }
}

.hivrisk .tab-content ._block._pink div.d-flex h4 {
    line-height: 65px
}

.hivrisk .tab-content ._block._pink div.d-flex h3 {
    margin-bottom: 0
}

.hivrisk .tab-content ._block._pink p {
    margin-bottom: 0;
    font-size: 1.125rem
}

.hivrisk .tab-content ._block._tgw div.d-flex {
    flex-direction: column;
    align-items: center;
    gap: 0
}

@media(min-width:1023.9px) {
    .hivrisk .tab-content ._block._tgw div.d-flex {
        align-items: flex-start
    }
}

.hivrisk .tab-content ._block._tgw div.d-flex h4 {
    font-size: 2rem;
    line-height: normal;
    letter-spacing: -1px
}

@media(min-width:1023.9px) {
    .hivrisk .tab-content ._block._tgw div.d-flex h4 {
        font-size: 2.6875rem;
        line-height: 3.125rem
    }
}

.hivrisk .tab-content .additional-content ._row {
    gap: 16px
}

.hivrisk .tab-content .additional-content ._row .col {
    padding: 0
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .additional-content ._row .col {
        max-width: 49%
    }

    .hivrisk .tab-content .additional-content ._row .col ._block {
        height: 200px
    }
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .additional-content ._row ._block {
        height: 230px
    }
}

.hivrisk .tab-content .additional-content ._block {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    padding: 24px;
    height: auto
}

.hivrisk .tab-content .additional-content ._block img {
    width: 50px
}

.hivrisk .tab-content .additional-content ._block .content p {
    color: #4c4c4c;
    font-family: "WorkSans-SemiBold";
    letter-spacing: -.3px;
    font-size: 16px
}

.hivrisk .tab-content .additional-content ._block .content p span.big {
    font-size: 19px;
    font-family: "WorkSans-Bold"
}

.hivrisk .tab-content .additional-content ._block .content p.h4 {
    font-family: "WorkSans-Bold";
    font-size: 22px;
    line-height: 26.4px;
    color: #a31470
}

.hivrisk .tab-content .additional-content ._block .content p.large {
    color: #a31470;
    font-family: "WorkSans-Bold";
    font-size: 45px;
    line-height: 45px
}

.hivrisk .tab-content .additional-content ._block .content p.large span.small {
    font-size: 26px;
    line-height: 26px
}

.hivrisk .tab-content .additional-content ._block .content p.lh16 {
    line-height: 16px
}

.hivrisk .tab-content .trigger {
    font-family: "WorkSans-Bold";
    font-size: 18px;
    color: #377f98;
    text-align: left;
    height: 55px;
    background-color: #f3fafc;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) 50%;
    position: absolute;
    bottom: 2px;
    left: -8px;
    width: calc(100% + 17px);
    line-height: 55px;
    z-index: 0;
    transition: all .3s ease 0s;
    padding-left: 10px
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .trigger {
        width: calc(100% + 140px);
        left: -70px
    }
}

.hivrisk .tab-content .trigger:hover {
    background-color: #daf1f5
}

.hivrisk .tab-content .trigger[aria-expanded="false"] {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/icon-plus.png")
}

.hivrisk .tab-content .trigger[aria-expanded="false"] span.copy {
    display: block
}

.hivrisk .tab-content .trigger[aria-expanded="false"] span.copyclosed {
    display: none
}

.hivrisk .tab-content .trigger[aria-expanded="true"] {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/icon-minus.png")
}

.hivrisk .tab-content .trigger[aria-expanded="true"] span.copy {
    display: none
}

.hivrisk .tab-content .trigger[aria-expanded="true"] span.copyclosed {
    display: flex;
    justify-content: center
}

@media screen and (min-width:1024px) {
    .hivrisk .tab-content .tab-pane {
        padding-bottom: 50px
    }

    .hivrisk .tab-content .actors {
        position: absolute;
        bottom: 0;
        right: 62px
    }

    .hivrisk .tab-content .actor-copy {
        position: absolute;
        bottom: 26px;
        right: 0
    }

    .hivrisk .tab-content .footnotes.last {
        margin-top: 50px;
        width: 410px
    }

    .hivrisk .tab-content ._block {
        max-width: 100%;
        padding-left: 32px;
        padding-right: 32px
    }

    .hivrisk .tab-content ._block._green {
        height: 134px
    }

    .hivrisk .tab-content .trigger {
        text-align: center
    }

    .hivrisk .tab-content ._age-content .actor-copy {
        bottom: 46px
    }

    .hivrisk .tab-content ._age-content .actors {
        right: 32px
    }
}

.underuse_of_prep .sub-head sup {
    top: -.5em;
    font-size: 60%
}

.underuse_of_prep .prep-disparity-upper-content-container {
    background: #f3fafc !important;
    padding: 40px 0;
    background: #fff
}

.underuse_of_prep .prep-disparity-upper-content-container h1 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px
}

.underuse_of_prep .prep-disparity-upper-content-container p {
    margin-bottom: 0
}

.underuse_of_prep .prep-disparity-upper-content-container p span.big {
    font-size: 20px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/cloud-bg-img.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-right: 11px;
    text-align: center;
    font-family: "WorkSans-Bold";
    padding: 32px 40px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container {
    display: flex;
    flex-direction: flex-end;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container p {
    margin: 0;
    font-size: 25px;
    line-height: 26px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 {
    font-size: 62px;
    line-height: 62px;
    margin-bottom: 0
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 span {
    font-size: 25px;
    line-height: 26px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .people-stat-img-container {
    margin-right: 11px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .people-stat-img-container img {
    height: 77px;
    width: auto
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .copy-container p {
    font-family: "WorkSans-SemiBold";
    margin-bottom: 0;
    font-size: 30px;
    line-height: 28px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .copy-container p:first-of-type {
    font-family: "WorkSans-Regular";
    font-size: 21px;
    line-height: 28px
}

.underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .copy-container p:last-of-type {
    font-family: "WorkSans-Regular";
    font-size: 21px;
    line-height: 28px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 4px
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-pink.png);
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;
    width: 100%;
    background-size: 100% 100%;
    border-radius: 10px
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container {
    width: 31.8%;
    height: auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container:hover {
    cursor: pointer
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container:hover svg {
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container:hover svg circle {
    opacity: 1;
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container img {
    width: 100%;
    height: 100%;
    border-radius: 10px 0 0 10px;
    margin: -1px 0 0 -2px
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container svg {
    position: absolute;
    height: 82px;
    width: auto;
    filter: drop-shadow(0 4px 4px transparent);
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container svg circle {
    opacity: .54;
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-content-container {
    padding: 0 56px;
    width: 68%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-content-container h3 {
    font-size: 24px;
    line-height: 28px
}

.underuse_of_prep .prep-disparity-mid-content-container {
    padding: 40px 0
}

.underuse_of_prep .prep-disparity-mid-content-container h1 {
    font-size: 24px;
    line-height: 28px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container {
    margin-top: 40px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 285px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 46px;
    font-family: "FlatBrush-Regular";
    margin-bottom: 0
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container {
    padding: 32px 24px 8px 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    text-align: center
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container h3 {
    font-weight: 400;
    font-family: "WorkSans-Bold";
    font-size: 19px;
    line-height: 20px;
    margin: 0
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container h4 {
    font-weight: 400;
    font-size: 70px;
    line-height: 70px;
    font-family: "WorkSans-Bold";
    margin: 0
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .flat-brush-text {
    font-family: "FlatBrush-Regular";
    font-size: 28px;
    line-height: 33px;
    letter-spacing: 1.33px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .small-text {
    font-family: "FlatBrush-Regular";
    font-size: 28px;
    letter-spacing: 1.33px;
    vertical-align: middle
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container p {
    font-weight: 400;
    font-size: 17px;
    line-height: 19px;
    font-family: "WorkSans-Bold";
    margin: 0
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container p .font-15 {
    font-size: 15px;
    line-height: normal
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container p.footnote {
    font-size: 9px;
    line-height: 120%;
    font-family: "WorkSans-Regular"
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container sup {
    top: -.4em
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-left {
    width: 22%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-right {
    width: 34%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-right .percent-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-right .percent-container p {
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    margin-left: 8px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/black-man.png)
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 .card-content-outer-container .content-container-left {
    width: 25%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 .card-content-outer-container .content-container-right {
    width: 36%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 .footnote {
    margin-top: 10px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/latnix-man.png)
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 .card-content-outer-container .content-container-left {
    width: 25%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 .card-content-outer-container .content-container-right {
    width: 36%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 .footnote {
    margin-top: 10px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/young-men.png)
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .card-content-outer-container {
    padding: 44px 32px 8px 32px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .footnote {
    margin-top: 10px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-left {
    width: 21%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-right {
    width: 33%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-right h3 {
    margin: 0 0 4px 4px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-right h4 {
    margin: 0 0 4px 0
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/transgender-women.png)
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .card-content-outer-container {
    padding: 48px 32px 8px 32px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left {
    width: 30%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .footnote {
    margin-top: 12px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container h4 {
    font-size: 39px;
    line-height: 45px;
    letter-spacing: -.72px !important
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container h4 .large-h4 {
    font-size: 44px;
    line-height: 52px;
    letter-spacing: -.83px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container h4 .small-h4 {
    font-size: 35px;
    line-height: 150%;
    vertical-align: top
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container p {
    font-size: 17px;
    line-height: 19px;
    margin-left: 8px
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-right {
    width: 31%
}

.underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-right .footnote {
    margin-top: 12px
}

.underuse_of_prep .prep-disparity-lower-content-container {
    padding: 40px 0 0 0;
    background: #fff
}

.underuse_of_prep .prep-disparity-lower-content-container h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 24px
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container {
    padding-bottom: 40px
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container:hover {
    cursor: pointer
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container:hover .video-img-container svg {
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container:hover .video-img-container svg circle {
    opacity: 1;
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-img-container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-img-container img {
    width: 100%;
    height: auto
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-img-container svg {
    position: absolute;
    height: 82px;
    width: auto;
    filter: drop-shadow(0 4px 4px transparent);
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-img-container svg circle {
    opacity: .54;
    transition: all .5s;
    transition-delay: .2s
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container {
    border-bottom: 3px solid #377f98;
    padding: 0 6px
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container h2 {
    margin: 14px 0 8px 0;
    font-size: 16px;
    line-height: 20px
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container p {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 20px;
    min-height: 80px
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container.orange-container {
    border-bottom: 3px solid #f04f00
}

.underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container.green-container {
    border-bottom: 3px solid #006c41
}

.underuse_of_prep .prep-disparity-lower-content-container .dancing-callout-container h3 {
    text-align: left;
    width: 80%
}

.underuse_of_prep .prep-disparity-lower-content-container .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 24px;
    color: #4c4c4c
}

@media screen and (max-width:991px) {
    .hivrisk header.p-fixed+.main-content {
        margin-top: 246px
    }

    .hivrisk.sti-and-hiv-visits header.p-fixed+.main-content {
        margin-top: 210px
    }

    .hivrisk.national-guidelines header.p-fixed+.main-content {
        margin-top: 105px
    }

    .hivrisk .recommendations-upper-content-container .top-recommendations {
        flex-direction: column
    }

    .hivrisk .recommendations-upper-content-container .recommendation-box:not(.uspstf) {
        width: auto
    }

    .hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-slash-icon-container {
        align-items: flex-start
    }

    .hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-slash-icon-container img {
        width: 100%;
        height: auto
    }

    .hivrisk .recommendations-upper-content-container .recommendation-box .recommendation-lower .money-icon-list-container .outer-list-container {
        flex-direction: column
    }

    .hivrisk .coverage-upper-content-container .coverage-container {
        margin-left: 0;
        margin-right: 0
    }

    .hivrisk .coverage-upper-content-container .coverage-box {
        overflow: hidden
    }

    .hivrisk .coverage-upper-content-container .coverage-box.coverage-awareness,
    .hivrisk .coverage-upper-content-container .coverage-box.coverage-action {
        max-width: 100%
    }

    .hivrisk .coverage-upper-content-container .coverage-box.coverage-awareness {
        margin-bottom: 24px
    }

    .hivrisk .coverage-upper-content-container .coverage-box .verticle-line {
        width: 3px;
        height: 100%;
        background-color: #a31470;
        border-radius: 2px
    }

    .hivrisk .coverage-upper-content-container .coverage-box .verticle-line svg {
        height: 100%;
        display: none
    }

    .hivrisk .dancing-callout-container h3 {
        text-align: left;
        width: 80%
    }

    .underuse_of_prep .prep-disparity-upper-content-container h1 {
        margin-bottom: 14px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container {
        padding: 14px 0 32px 0;
        flex-direction: column
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 8px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container {
        padding: 28px 36px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container {
        display: flex;
        flex-direction: flex-end;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container p {
        margin: 0;
        font-size: 20px;
        line-height: 22px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 {
        font-size: 51px;
        line-height: 60px;
        margin-bottom: 0
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 span {
        font-size: 25px;
        line-height: 26px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .people-stat-img-container {
        margin-right: 11px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .cloud-person-outer-container .people-stat-img-container img {
        height: auto;
        width: 100%
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .copy-container p {
        font-size: 22px;
        line-height: 108%
    }

    .underuse_of_prep .prep-disparity-upper-content-container .upper-content-copy-container .copy-container p:first-of-type {
        font-size: 17px;
        line-height: 120%
    }

    .underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/content-bg-pink-mobile.png);
        flex-direction: column;
        height: fit-content;
        padding: 28px 16px
    }

    .underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container {
        width: 100%;
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-thumbnail-container img {
        width: 100%;
        height: auto;
        border-radius: 0;
        margin: 0
    }

    .underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-content-container {
        padding: 0;
        width: 100%;
        height: fit-content;
        text-align: center
    }

    .underuse_of_prep .prep-disparity-upper-content-container .video-player-outer-container .video-content-container h3 {
        font-size: 28px;
        line-height: 33px;
        margin: 16px 0 0 0
    }

    .underuse_of_prep .prep-disparity-mid-content-container {
        background: #fff;
        padding: 40px 0
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-outer-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .underuse_of_prep .prep-disparity-mid-content-container h1 {
        font-size: 24px;
        line-height: 28px;
        font-weight: 600
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container {
        margin-top: 32px;
        width: 360px;
        height: 446px;
        background-size: cover
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container h2 {
        font-size: 30px;
        line-height: 35px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container {
        padding: 24px 16px 8px 16px;
        flex-direction: column
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .smaller-text-container {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .smaller-text-container p {
        text-align: left
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .smaller-text-container h4 {
        margin-right: 4px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container h3 {
        font-size: 16px;
        line-height: 20px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container h4 {
        font-size: 48px;
        line-height: 48px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .flat-brush-text {
        font-size: 19px;
        line-height: 22px;
        letter-spacing: 1px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .small-text {
        font-size: 28px;
        letter-spacing: 1.33px;
        vertical-align: middle
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container p {
        font-size: 16px;
        line-height: 18px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-left {
        width: 100%;
        padding-bottom: 10px;
        border-bottom: 3px solid #000
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-right {
        width: 100%;
        padding-top: 10px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .card-content-outer-container .content-container-right .percent-container {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .mobile-footnote-container {
        justify-content: flex-end;
        align-items: flex-end;
        width: 100%;
        height: 27%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .mobile-footnote-container .mobile-footnote-inner-container {
        width: 41%;
        padding-right: 36px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container .mobile-footnote-container .mobile-footnote-inner-container .footnote {
        font-size: 9px;
        line-height: 110%;
        letter-spacing: -.24px;
        margin-bottom: 10px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/black-man-mobile.png)
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 .card-content-outer-container .content-container-left {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 .card-content-outer-container .content-container-left .footnote {
        margin-top: 12px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-1 .card-content-outer-container .content-container-right {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/latnix-man-mobile.png)
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 .card-content-outer-container .content-container-left {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 .card-content-outer-container .content-container-left .footnote {
        margin-top: 12px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-2 .card-content-outer-container .content-container-right {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/young-men-mobile.png)
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .card-content-outer-container {
        padding: 24px 16px 8px 16px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .footnote {
        margin-top: 10px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-left {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-right {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-right h3 {
        margin: 8px 0 4px 4px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-3 .content-container-right h4 {
        margin: 0 0 4px 0
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-prep-disparity/transgender-women-mobile.png)
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .card-content-outer-container {
        padding: 24px 16px 8px 16px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .mobile-footnote-container {
        margin-top: 24px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .footnote {
        margin-top: 0
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container {
        padding: 0
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container h4 {
        font-size: 28px;
        line-height: 27px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container h4 .large-h4 {
        font-size: 35px;
        line-height: 27px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container h4 .small-h4 {
        font-size: 35px;
        line-height: 27px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-left .large-text-container p {
        font-size: 16px;
        line-height: 17px;
        letter-spacing: -.3px
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-right {
        width: 100%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .content-container-right .footnote {
        margin-top: 0
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .mobile-footnote-container {
        width: 100%;
        height: 21%
    }

    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container.card-4 .mobile-footnote-container .mobile-footnote-inner-container {
        width: 52.5%
    }

    .underuse_of_prep .prep-disparity-lower-content-container {
        padding: 14px 0 0 0
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container {
        padding-bottom: 0
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container {
        margin-bottom: 36px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-img-container {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-img-container img {
        width: 100%;
        height: auto
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container {
        border-bottom: 3px solid #377f98;
        padding: 0 10px
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container h2 {
        margin: 14px 0 8px 0;
        font-size: 16px;
        line-height: 20px
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container .video-content-container p {
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 20px;
        min-height: fit-content
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container.orange-container {
        border-bottom: 3px solid #f04f00
    }

    .underuse_of_prep .prep-disparity-lower-content-container .video-callout-container .video-container.green-container {
        border-bottom: 3px solid #006c41
    }

    .underuse_of_prep .footnote-bottom {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px;
        color: #4c4c4c
    }
}

@media screen and (max-width:374px) {
    .underuse_of_prep .prep-disparity-mid-content-container .demographic-info-card-container {
        width: 306px;
        height: 491px;
        background-size: 100% 100%
    }
}

.prep_impact .sub-head sup {
    top: -.5em;
    font-size: 60%
}

.prep_impact .prep-impact-upper-content-container {
    background: #fff !important;
    padding: 40px 0
}

.prep_impact .prep-impact-upper-content-container h1 {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px
}

.prep_impact .prep-impact-upper-content-container p {
    margin-bottom: 0
}

.prep_impact .prep-impact-upper-content-container p span.big {
    font-size: 20px
}

.prep_impact .prep-impact-upper-content-container img.img-1 {
    width: 100%;
    margin-top: 16px
}

.prep_impact .prep-impact-upper-content-container img.img-1.img-1-d {
    display: none
}

.prep_impact .prep-impact-upper-content-container img.img-1.img-1-m {
    display: block
}

.prep_impact .prep-impact-upper-content-container .open--modal .open--modal-container {
    max-width: none
}

.prep_impact .prep-impact-upper-content-container .box {
    background: #fbf6f9;
    padding: 24px;
    border-radius: 10px;
    margin-top: 24px;
    margin-bottom: 16px
}

.prep_impact .prep-impact-upper-content-container .box .content {
    display: flex;
    flex-direction: column
}

.prep_impact .prep-impact-upper-content-container .box .content img {
    width: 69px
}

.prep_impact .prep-impact-upper-content-container .box .content .img-d {
    display: none
}

.prep_impact .prep-impact-upper-content-container .box .content .copy>div {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center
}

.prep_impact .prep-impact-upper-content-container .box h3 {
    margin-bottom: 0
}

.prep_impact .prep-impact-mid-content-container {
    background-color: #f3fafc;
    padding: 40px 0
}

.prep_impact .prep-impact-mid-content-container h1 {
    font-size: 24px;
    line-height: 28px
}

.prep_impact .prep-impact-lower-content-container {
    padding: 40px 0 40px 0;
    background: #fff
}

.prep_impact .prep-impact-lower-content-container .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 8px;
    color: #4c4c4c
}

.prep_impact .prep-impact-lower-content-container .dancing-callout-container {
    padding-top: 24px;
    margin-bottom: 40px
}

.search-container {
    background-color: #fff;
    padding: 16px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.search-container p {
    margin-bottom: 0
}

.search-container .search-container-head .search-container-dsk {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.search-container .search-container-head img.icon.icon-d {
    display: none
}

.search-container .search-container-head img.icon.icon-m {
    display: block;
    width: 30px
}

.search-container .search-container-head .search-container-headline {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.search-container .search-container-head form {
    display: flex;
    flex-direction: column
}

.search-container .search-container-head form .form-input-container {
    border: 2px solid #377f98;
    display: flex;
    border-radius: 6px;
    flex-direction: row
}

.search-container .search-container-head form .errorMsg {
    font-size: 12px;
    line-height: 14px;
    font-family: "WorkSans-SemiBold";
    color: #bc493b;
    margin-top: 10px;
    display: none
}

.search-container .search-container-head form .errorMsg.show {
    display: block
}

.search-container .search-container-head form ul.county-lists,
.search-container .search-container-head form .autocomplete-items {
    border: 2px solid #377f98;
    display: flex;
    border-radius: 6px;
    flex-direction: column;
    padding: 10px;
    max-height: 240px;
    overflow-y: scroll;
    width: calc(100% + 56px);
    z-index: 2;
    position: relative;
    background-color: #fff
}

.search-container .search-container-head form ul.county-lists>div,
.search-container .search-container-head form ul.county-lists li,
.search-container .search-container-head form .autocomplete-items>div,
.search-container .search-container-head form .autocomplete-items li {
    font-family: "WorkSans-SemiBold";
    color: #004063;
    list-style-type: none;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/icon-county-list.svg);
    background-repeat: no-repeat;
    background-position: 0 13px;
    cursor: pointer;
    padding: 10px 0;
    padding-left: 20px;
    margin-bottom: 0
}

.search-container .search-container-head form ul.county-lists>div:hover,
.search-container .search-container-head form ul.county-lists li:hover,
.search-container .search-container-head form .autocomplete-items>div:hover,
.search-container .search-container-head form .autocomplete-items li:hover {
    background-color: #f3fafc
}

.search-container .search-container-head form ul.county-lists>div:last-child,
.search-container .search-container-head form ul.county-lists li:last-child,
.search-container .search-container-head form .autocomplete-items>div:last-child,
.search-container .search-container-head form .autocomplete-items li:last-child {
    margin-bottom: 0
}

.search-container .search-container-head form label {
    width: calc(100% - 52px);
    margin-bottom: 0;
    position: relative;
    height: 47px
}

.search-container .search-container-head form label span.clear {
    display: none;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    cursor: pointer
}

.search-container .search-container-head form label span.clear svg path {
    transition: all .5s ease 0s
}

.search-container .search-container-head form label span.clear:hover svg path {
    fill: #377f98
}

.search-container .search-container-head form label span.clear svg {
    width: 20px
}

.search-container .search-container-head form label input[type=text] {
    width: 100%;
    height: 100%;
    padding-left: 10px;
    color: #004063;
    font-family: "WorkSans-Bold";
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/icon-input-bg.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    border: 0;
    background-color: transparent;
    padding-right: 30px
}

.search-container .search-container-head form label input[type=text]:focus {
    outline: 0
}

.search-container .search-container-head form label input[type=text].not-empty {
    background-image: none
}

.search-container .search-container-head form label input[type=text].not-empty+span.clear {
    display: block
}

.search-container .search-container-head form .selectric {
    border: 0
}

.search-container .search-container-head form .selectric .button {
    display: none
}

.search-container .search-container-head form button.submit {
    padding: 0;
    border: 0;
    background-color: #377f98
}

.search-container .search-container-head form button.submit svg path {
    transition: all .5s ease 0s
}

.search-container .search-container-head form button.submit:hover svg path.background-layer {
    fill: #f04f00
}

.search-container .results {
    display: flex;
    background: #f3fafc;
    border-radius: 10px;
    flex-direction: column;
    gap: 16px;
    padding: 32px 16px;
    align-items: center
}

.search-container .results.hide {
    display: none
}

.search-container .results p {
    margin-bottom: 0
}

.search-container .results .first p {
    font-family: FlatBrush-Regular;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: -.75px;
    color: #004063
}

.search-container .results .last {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center
}

.search-container .results .last .left p {
    color: #004063
}

.search-container .results .last .middle .c100>span .number {
    font-size: 50px
}

.search-container .results .last .middle .c100>span .symbol {
    position: relative;
    font-size: 28px;
    line-height: 0;
    vertical-align: baseline;
    top: -.3em
}

.search-container .results .last .right p.big {
    color: #f04f00;
    font-family: "WorkSans-Bold";
    font-size: 28px;
    line-height: 28px
}

.search-container .results .last .right .footnotes {
    color: #004063;
    margin-top: 4px
}

@media only screen and (min-width:992px) {
    .prep_impact .prep-impact-upper-content-container img.img-1.img-1-d {
        display: block
    }

    .prep_impact .prep-impact-upper-content-container img.img-1.img-1-m {
        display: none
    }

    .prep_impact .prep-impact-upper-content-container .open--modal {
        justify-content: flex-end;
        max-width: none
    }

    .prep_impact .prep-impact-upper-content-container .box {
        padding-left: 50px;
        padding-right: 50px
    }

    .prep_impact .prep-impact-upper-content-container .box .content {
        flex-direction: row;
        gap: 34px
    }

    .prep_impact .prep-impact-upper-content-container .box .content .img-d {
        display: block
    }

    .prep_impact .prep-impact-upper-content-container .box .content .img-m {
        display: none
    }

    .search-container {
        padding: 32px
    }

    .search-container .search-container-head {
        display: flex;
        flex-direction: row;
        gap: 40px;
        align-items: flex-start
    }

    .search-container .search-container-head img.icon.icon-d {
        display: block;
        width: 140px
    }

    .search-container .search-container-head img.icon.icon-m {
        display: none
    }

    .search-container .search-container-head form {
        width: 500px
    }

    .search-container .results {
        align-items: flex-start;
        gap: 24px;
        padding: 40px 24px
    }

    .search-container .results .first p {
        font-size: 40px;
        line-height: 40px
    }

    .search-container .results .last {
        flex-direction: row;
        align-items: center;
        text-align: left
    }

    .search-container .results .last .left p {
        width: 290px
    }

    .search-container .results .last .middle .c100 {
        font-size: 205px
    }

    .search-container .results .last .middle .c100>span {
        line-height: 5em
    }

    .search-container .results .last .middle .c100>span .number {
        font-size: 56px;
        line-height: 56px
    }

    .search-container .results .last .middle .c100>span .symbol {
        font-size: 47px
    }

    .search-container .results .last .right p.big {
        font-size: 40px;
        line-height: 40px
    }
}

.sti_hiv_risk h2 {
    font-size: 1.5rem
}

.sti_hiv_risk h3 {
    font-size: 26px;
    letter-spacing: 0
}

.sti_hiv_risk .sti-history {
    margin-top: 40px
}

.sti_hiv_risk .one_in_four-container {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.sti_hiv_risk .one_in_four-container .img-container {
    margin-top: 16px
}

.sti_hiv_risk .one_in_four-container .img-container img {
    width: 349px
}

.sti_hiv_risk .one_in_four-container .copy {
    font-family: "WorkSans-Bold";
    font-size: 24px;
    line-height: 24px;
    color: #000
}

@media screen and (min-width:1024px) {
    .sti_hiv_risk .sti-history {
        margin-top: 0
    }

    .sti_hiv_risk .one_in_four-container {
        flex-direction: row;
        margin-top: 32px;
        margin-bottom: 34px;
        gap: 32px
    }

    .sti_hiv_risk .one_in_four-container .img-container {
        margin-top: 0
    }

    .sti_hiv_risk .one_in_four-container .img-container img {
        width: 438px
    }

    .sti_hiv_risk .one_in_four-container .copy {
        margin-bottom: 0;
        line-height: 28px
    }
}

.sti_hiv_risk .prep-convo-upper-content-container {
    padding: 40px 0;
    background: #f3fafc
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-convo/hiv-prevention-box-bg-img-small.svg);
    margin-bottom: 24px;
    padding: 24px 88px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: fit-content
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container img {
    width: 762px;
    margin: 16px auto
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container h1 {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 28px
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Bold"
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container p.bluebox {
    margin-top: 12px;
    width: 100%;
    background-color: #004063;
    padding: 16px;
    text-align: center;
    font-family: "WorkSans-Bold";
    font-size: 18px;
    line-height: 21px;
    color: #fff
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container {
    padding: 24px 40px 0 40px
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .icon-container {
    padding-right: 10px
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .header-content-container {
    border-bottom: 3px solid #000;
    margin-bottom: 24px
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .header-content-container h2 {
    font-family: "FlatBrush-Regular";
    margin: 8px 0 12px 0
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .copy-container {
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Bold"
}

.sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .copy-container span {
    font-family: "WorkSans-Regular"
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container {
    padding: 0
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container ul {
    margin-bottom: 48px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container h3 {
    margin: 0
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container {
    padding: 14px 0;
    margin-right: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .cloud-copy-inner-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-convo/cloud-bg-img-green.svg);
    background-size: 100% 100%;
    margin-right: 8px;
    text-align: center;
    font-family: "WorkSans-Bold";
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 38px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .cloud-copy-inner-container p {
    font-size: 55px;
    line-height: 64px;
    margin-bottom: 0;
    font-family: "FlatBrush-Regular"
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .copy-container h4 {
    font-family: "WorkSans-SemiBold";
    font-size: 23px;
    line-height: 28px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .copy-container h4 span {
    font-size: 21px;
    line-height: 25px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-convo/hiv-prevention-box-bg-img.svg);
    margin-bottom: 8px;
    padding: 22px 24px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: fit-content
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container h5 {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 28px;
    font-family: "WorkSans-SemiBold"
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container p:first-of-type,
.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container p:last-of-type {
    margin-bottom: 24px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .hiv-prevention-header-copy {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold"
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container {
    padding: 0 16px 16px 16px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container .checkbox-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container .checkbox-container img {
    width: 10px;
    height: auto;
    margin-top: 5px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container .checkbox-container p {
    margin: 0 0 0 10px;
    font-size: 16px;
    line-height: 20px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .hiv-prevention-lower-content-container p {
    margin: 0
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .hiv-prevention-lower-content-container p:first-of-type {
    margin-bottom: 16px
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cdc-lower-content-container h6 {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold"
}

.sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cdc-lower-content-container .footnote {
    font-size: 12px;
    line-height: 14px
}

.sti_hiv_risk .prep-convo-lower-content-container {
    padding: 48px 24px 24px 24px;
    background: #fff
}

.sti_hiv_risk .prep-convo-lower-content-container .lower-content-header-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    padding-bottom: 24px
}

.sti_hiv_risk .prep-convo-lower-content-container .lower-content-header-container img {
    width: 60px;
    margin-right: 24px
}

.sti_hiv_risk .prep-convo-lower-content-container .lower-content-header-container h1 {
    margin: 0 0 0 24px;
    padding-right: 110px
}

.sti_hiv_risk .prep-convo-lower-content-container .lower-content-list-container {
    padding-bottom: 16px
}

.sti_hiv_risk .prep-convo-lower-content-container .lower-content-list-container h2 {
    font-size: 20px;
    line-height: 23px;
    margin: 0;
    font-family: "WorkSans-Bold"
}

.sti_hiv_risk .prep-convo-lower-content-container .lower-content-list-container ul {
    padding: 8px 0 0 14px
}

.sti_hiv_risk .prep-convo-lower-content-container .dancing-callout-container {
    margin-bottom: 24px
}

.sti_hiv_risk .prep-convo-lower-content-container .dancing-callout-container h3 {
    width: 77%
}

.sti_hiv_risk .prep-convo-lower-content-container .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    margin: 0;
    color: #404040
}

@media screen and (max-width:991px) {
    .sti_hiv_risk .prep-convo-upper-content-container {
        padding: 0 0 24px 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container {
        padding: 24px 24px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-convo/hiv-prevention-box-bg-img-mobile-small.png);
        margin-top: 40px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container img {
        width: 268px;
        margin: 16px auto
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container {
        padding: 12px 0 0 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container {
        margin-bottom: 24px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .icon-container {
        padding-right: 10px;
        width: 63px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container {
        display: flex;
        justify-content: center
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .header-content-container {
        margin-bottom: 0;
        width: 74px;
        height: fit-content
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .header-content-container h2 {
        margin: 8px 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .disease-box-container .disease-box-icon-container .disease-box-inner-container .content-container .copy-container {
        margin-left: 30px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container {
        padding: 16px 0 0 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container h3 {
        margin: 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container {
        padding: 14px 0;
        margin-right: 0;
        display: flex;
        justify-content: center;
        align-items: flex-start
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .cloud-copy-inner-container {
        width: 122px;
        height: 86px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .cloud-copy-inner-container p {
        font-size: 45px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .copy-container {
        padding: 24px 16px 0 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .copy-container h4 {
        font-size: 22px;
        line-height: 25px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .cloud-copy-container .copy-container h4 span {
        font-size: 21px;
        line-height: 26px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-header-container {
        padding-bottom: 24px;
        margin-bottom: 40px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-convo/hiv-prevention-box-bg-img-mobile.png);
        padding: 12px 24px;
        width: 100%;
        background-size: 100% 100%;
        margin-bottom: 40px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container h5 {
        margin-bottom: 16px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .header-copy {
        margin-bottom: 16px;
        padding-top: 24px;
        width: 100%;
        border-top: 2.5px solid #000
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .hiv-prevention-header-copy {
        margin: 24px 0 16px 0;
        font-size: 18px;
        line-height: 21px;
        font-family: "WorkSans-Bold"
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container {
        padding: 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container .checkbox-container {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 16px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container .checkbox-container img {
        width: 10px;
        height: 10px;
        margin-top: 5px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .checkbox-outer-container .checkbox-container p {
        margin: 0 0 0 8px;
        font-size: 16px;
        line-height: 20px
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .hiv-prevention-lower-content-container p {
        margin: 0
    }

    .sti_hiv_risk .prep-convo-upper-content-container .cdc-content-container .hiv-prevention-box-container .hiv-prevention-lower-content-container p:first-of-type {
        margin-bottom: 16px
    }

    .sti_hiv_risk .prep-convo-lower-content-container {
        padding: 40px 0 24px 0
    }

    .sti_hiv_risk .prep-convo-lower-content-container .lower-content-header-container {
        flex-direction: row;
        gap: 24px
    }

    .sti_hiv_risk .prep-convo-lower-content-container .lower-content-header-container img {
        width: 60px
    }

    .sti_hiv_risk .prep-convo-lower-content-container .lower-content-header-container h1 {
        margin: 14px 0 0 0;
        margin-top: 0;
        padding-right: 0
    }

    .sti_hiv_risk .prep-convo-lower-content-container .lower-content-list-container {
        padding: 0 24px 16px 0
    }

    .sti_hiv_risk .prep-convo-lower-content-container .dancing-callout-container {
        margin-bottom: 0
    }
}

.descovy_for_prep h5 {
    color: #000
}

.descovy_for_prep .sub-heading sup {
    top: -.45rem;
    font-size: 70%
}

.descovy_for_prep .wp-icons {
    display: flex;
    justify-content: space-between
}

.descovy_for_prep .wp-icons div.wp-icons-content {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.descovy_for_prep .wp-icons div.wp-icons-content div {
    margin-bottom: 35px
}

.descovy_for_prep .wp-icons div.wp-icons-content div img {
    height: 50px;
    width: 55px;
    margin: 0 auto
}

.descovy_for_prep .wp-icons div.wp-icons-content div.icon-1 {
    margin-top: 0
}

.descovy_for_prep .wp-icons div.wp-icons-content div.icon-3 img {
    width: 45px
}

.descovy_for_prep .wp-icons div.wp-icons-content div .icon-desc {
    width: 50%;
    margin: .5em auto 0;
    color: #000
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .descovy_for_prep .wp-icons *::-ms-backdrop,
    .descovy_for_prep .wp-icons .icon-1 img {
        width: 100%;
        height: 3.4375rem;
        margin: 0 auto
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .descovy_for_prep .wp-icons *::-ms-backdrop,
    .descovy_for_prep .wp-icons .icon-2 img {
        width: 100%;
        height: 3.4375rem;
        margin: 0 auto
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .descovy_for_prep .wp-icons *::-ms-backdrop,
    .descovy_for_prep .wp-icons .icon-3 img {
        width: 3.4375rem;
        height: 3.4375rem;
        margin: 0 auto
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .descovy_for_prep .wp-icons *::-ms-backdrop,
    .descovy_for_prep .wp-icons .icon-4 img {
        width: 5rem;
        height: 2.8125rem;
        margin: 0 auto
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    .descovy_for_prep .wp-icons *::-ms-backdrop,
    .descovy_for_prep .wp-icons .icon-5 img {
        width: 5rem;
        height: 2.5rem;
        margin: 0 auto
    }
}

.descovy_for_prep .wp-risk-factors {
    padding: 20px;
    border: 2px solid #000
}

.descovy_for_prep .wp-risk-factors .sub-head,
.descovy_for_prep .wp-risk-factors h3 {
    text-align: left;
    width: 100%;
    margin-left: 0
}

.descovy_for_prep .wp-risk-factors div div {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.descovy_for_prep .wp-risk-factors div div div {
    display: flex;
    align-items: center;
    width: 65px;
    margin: 0
}

.descovy_for_prep .wp-risk-factors div div div img {
    width: 42px
}

.descovy_for_prep .wp-risk-factors div div h5 {
    width: calc(100% - 65px)
}

.descovy_for_prep .wp-risk-factors div div p {
    text-align: left;
    color: #4298b5;
    font-size: 1.125rem;
    width: 100%;
    margin: 0
}

.descovy_for_prep .wp-risk-factors div div .w-70 {
    width: 70%
}

.descovy_for_prep .wp-risk-factors .icon-4 img {
    width: 50px;
    height: 38px
}

.descovy_for_prep .wp-risk-factors .icon-5 img {
    width: 41px;
    height: 50px
}

.descovy_for_prep .wp-risk-factors .icon-6 img {
    width: 43px;
    height: 41px
}

.descovy_for_prep .wp-risk-factors .icon-7 img {
    width: 39px;
    height: 42px
}

.descovy_for_prep .wp-risk-factors .icon-8 img {
    width: 24px;
    height: 38px;
    margin-left: 8px
}

.descovy_for_prep .callout-wrapper p {
    text-align: left
}

.descovy_for_prep .warnings ul li:not(.first) {
    display: none
}

.descovy_for_prep .warnings ul li.second {
    display: block
}

.descovy_for_prep .warnings ul li.second .inner-list li:first-child {
    display: block
}

.descovy_for_prep .footnotes-wrapper {
    margin-bottom: 20px
}

.descovy_for_prep .footnotes-wrapper .footnotes {
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .descovy_for_prep h1.main-head {
        width: 61%
    }

    .descovy_for_prep .wp-icons>div:nth-child(1) {
        width: 58%
    }

    .descovy_for_prep .wp-icons>div:nth-child(1) .wp-icons-content {
        flex-direction: row;
        margin-bottom: 0
    }

    .descovy_for_prep .wp-icons>div:nth-child(1) .wp-icons-content div .icon-desc {
        width: 100%;
        padding: 0 16px
    }

    .descovy_for_prep .wp-icons>div:nth-child(2) {
        width: 40%;
        margin-top: -77px
    }

    .descovy_for_prep .wp-icons>div:nth-child(2) img {
        width: 83%
    }

    .descovy_for_prep .wp-risk-factors {
        padding-bottom: 0
    }

    .descovy_for_prep .wp-risk-factors div {
        display: flex;
        width: 100%;
        flex-wrap: wrap
    }

    .descovy_for_prep .wp-risk-factors div .icon-4 {
        order: 0
    }

    .descovy_for_prep .wp-risk-factors div .icon-5 {
        order: 2
    }

    .descovy_for_prep .wp-risk-factors div .icon-6 {
        order: 4
    }

    .descovy_for_prep .wp-risk-factors div .icon-7 {
        order: 1
    }

    .descovy_for_prep .wp-risk-factors div .icon-8 {
        order: 3
    }

    .descovy_for_prep .wp-risk-factors div div p {
        width: 75%
    }
}

.guideline_recommendations .sub-head {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    text-align: center;
    color: #054062
}

.guideline_recommendations .wp-meaning {
    text-align: center
}

.guideline_recommendations .wp-dialogue div.dialogue-content {
    border-bottom: 1px solid gray;
    display: flex;
    flex-direction: row;
    align-items: center
}

.guideline_recommendations .wp-dialogue div.dialogue-content img {
    width: 50px;
    height: 66px
}

.guideline_recommendations .wp-dialogue div.dialogue-content img:nth-of-type(2) {
    width: 47px;
    height: 42px
}

.guideline_recommendations .wp-dialogue div.dialogue-content h5 {
    width: 100%;
    margin-bottom: 15px;
    font-size: 18px
}

.guideline_recommendations .wp-dialogue div.dialogue-content a {
    text-decoration: underline
}

.guideline_recommendations .wp-dialogue div.dialogue-content div {
    padding-left: 20px
}

.guideline_recommendations .wp-dialogue div.dialogue-content div>p {
    margin-bottom: 15px;
    width: 90%
}

.guideline_recommendations .wp-dialogue div.dialogue-content:last-child {
    border-bottom: none
}

.guideline_recommendations .wp-columns .col-lg-4 {
    margin-top: 1.25rem
}

.guideline_recommendations .wp-columns .col-lg-4 img {
    width: 3em
}

.guideline_recommendations .wp-columns .col-lg-4 img+p {
    font-size: 2em
}

.guideline_recommendations .wp-columns .sub-head {
    margin-bottom: 0;
    font-family: "WorkSans-Bold";
    text-align: center;
    color: #a31470;
    font-size: 24px
}

.guideline_recommendations .wp-columns div:last-child {
    padding-top: 1em
}

.guideline_recommendations .warnings ul li:not(.first) {
    display: none
}

.guideline_recommendations .warnings ul li.second {
    display: block
}

.guideline_recommendations .warnings ul li.second .inner-list li:first-child {
    display: block
}

.guideline_recommendations .content-img-txt .row {
    display: block
}

.guideline_recommendations hr {
    background: #000
}

.guideline_recommendations .grade-a {
    max-width: 375px;
    margin: 0 auto
}

.guideline_recommendations .grade-a a {
    background: url(/-/media/project/p2phub/p2pdescovyhcp/images/prep-guidelines/frame-mbl.svg) no-repeat left top;
    background-size: contain;
    max-width: 375px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
    padding: 18px 20px 20px 20px
}

.guideline_recommendations .grade-a a h2 {
    font-size: 16px
}

.guideline_recommendations .grade-a a div {
    display: flex;
    flex-direction: row;
    text-align: left
}

.guideline_recommendations .grade-a a div img {
    width: 54px;
    height: auto;
    margin-right: 24px;
    margin-top: -8px;
    display: block;
    position: relative
}

.guideline_recommendations .grade-a a>img {
    margin: 5px auto;
    width: 95%
}

.guideline_recommendations .cta-primary {
    float: right;
    margin-bottom: 0;
    padding: 8px;
    max-width: 234px;
    min-width: 234px
}

.guideline_recommendations .cta-primary img {
    width: 45px;
    margin-right: 10px
}

.guideline_recommendations .cta-primary span {
    font-size: 14px;
    line-height: 1.2;
    padding-right: 33px
}

@media screen and (min-width:1024px) {
    .guideline_recommendations .content-img-txt .row {
        display: grid;
        grid-template-columns: 15% 35% 50%;
        align-items: center;
        position: relative;
        height: 130px;
        margin: 0 auto 20px;
        max-width: 935px
    }

    .guideline_recommendations .content-img-txt .first {
        grid-column: 2/3;
        font-size: 22px;
        line-height: 28px
    }

    .guideline_recommendations .content-img-txt .second {
        grid-column: 3/4;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 17px;
        line-height: 28px
    }

    .guideline_recommendations .content-img-txt .grade-icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 130px
    }

    .guideline_recommendations .sub-head {
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .guideline_recommendations .wp-meaning {
        text-align: left
    }

    .guideline_recommendations .wp-columns .heads,
    .guideline_recommendations .wp-columns .indication h2,
    .indication .guideline_recommendations .wp-columns h2,
    .guideline_recommendations .wp-columns .indication .head,
    .indication .guideline_recommendations .wp-columns .head {
        width: 100%;
        text-align: left
    }

    .guideline_recommendations .warnings,
    .guideline_recommendations .warnings+p.text-teal {
        display: none
    }

    .guideline_recommendations .hhs_content,
    .guideline_recommendations .acha_content p.bold {
        padding: 0 10px
    }

    .guideline_recommendations .hhs_content p.h6,
    .guideline_recommendations .acha_content p.h6 {
        padding: 0 18px
    }

    .guideline_recommendations .border-top {
        border-top: none !important
    }

    .guideline_recommendations .wp-dialogue div.dialogue-content div {
        padding-left: 30px
    }

    .guideline_recommendations .wp-columns div:nth-of-type(2) p.h6 {
        padding: 0 11px
    }

    .guideline_recommendations .wp-columns div:last-child {
        padding-top: 0
    }

    .guideline_recommendations .grade-a {
        background: url(/-/media/project/p2phub/p2pdescovyhcp/images/prep-guidelines/frame-dktp.svg) no-repeat left top;
        background-size: contain;
        padding: 0;
        max-width: 100%
    }

    .guideline_recommendations .grade-a a {
        background: none;
        height: 132px;
        display: flex;
        flex-direction: row;
        text-align: left;
        margin-bottom: 30px;
        align-items: center;
        padding: 20px 20px 20px 27px;
        font-size: 22px;
        max-width: 100%
    }

    .guideline_recommendations .grade-a a div {
        display: flex;
        flex-direction: row;
        min-width: 401px
    }

    .guideline_recommendations .grade-a a div h2 {
        font-size: 22px;
        line-height: 1.4;
        padding-top: 7px
    }

    .guideline_recommendations .grade-a a div img {
        width: 87px;
        height: auto;
        margin-right: 20px
    }

    .guideline_recommendations .grade-a a>img {
        margin: 0 35px 0 6px;
        width: 4px;
        height: 90%
    }

    .guideline_recommendations .martop-34 {
        margin-top: 34px
    }
}

.uspstf_recommendation .sub-head {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    text-align: center;
    color: #054062
}

.uspstf_recommendation .wp-meaning {
    text-align: center
}

.uspstf_recommendation .wp-dialogue {
    margin-bottom: 0
}

.uspstf_recommendation .wp-dialogue div.dialogue-content {
    border-bottom: none;
    display: flex;
    flex-direction: row;
    align-items: center
}

.uspstf_recommendation .wp-dialogue div.dialogue-content img {
    width: 49px;
    height: 65px
}

.uspstf_recommendation .wp-dialogue div.dialogue-content a img {
    width: 41px;
    height: 48px
}

.uspstf_recommendation .wp-dialogue div.dialogue-content h5 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 18px
}

.uspstf_recommendation .wp-dialogue div.dialogue-content a {
    text-decoration: underline
}

.uspstf_recommendation .wp-dialogue div.dialogue-content div {
    padding-left: 20px
}

.uspstf_recommendation .wp-dialogue div.dialogue-content div>p {
    margin-bottom: 15px;
    width: 90%
}

.uspstf_recommendation .wp-dialogue div.dialogue-content:last-child {
    border-bottom: none
}

.uspstf_recommendation .mid-title {
    margin: 85px 0 47px 0 !important
}

.uspstf_recommendation .wp-columns .col-lg-4 {
    margin-top: 1.25rem
}

.uspstf_recommendation .wp-columns .col-lg-4 img {
    width: 3em
}

.uspstf_recommendation .wp-columns .col-lg-4 img+p {
    font-size: 2em
}

.uspstf_recommendation .wp-columns .sub-head {
    margin-bottom: 0;
    font-family: "WorkSans-Bold";
    text-align: center;
    color: #a31470;
    font-size: 22px
}

.uspstf_recommendation .wp-columns div:last-child {
    padding-top: 1em
}

.uspstf_recommendation .warnings ul li:not(.first) {
    display: none
}

.uspstf_recommendation .warnings ul li.second {
    display: block
}

.uspstf_recommendation .warnings ul li.second .inner-list li:first-child {
    display: block
}

.uspstf_recommendation .content-img-txt .row {
    display: block
}

.uspstf_recommendation hr {
    background: #000
}

.uspstf_recommendation .grade-a {
    max-width: 375px;
    margin: 0 auto
}

.uspstf_recommendation .grade-a a {
    background: url(/-/media/project/p2phub/p2pdescovyhcp/images/prep-guidelines/frame-mbl.svg) no-repeat left top;
    background-size: contain;
    max-width: 375px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 20px;
    padding: 18px 20px 20px 20px
}

.uspstf_recommendation .grade-a a h2 {
    font-size: 16px
}

.uspstf_recommendation .grade-a a div {
    display: flex;
    flex-direction: row;
    text-align: left
}

.uspstf_recommendation .grade-a a div img {
    width: 54px;
    height: auto;
    margin-right: 24px;
    margin-top: -8px;
    display: block;
    position: relative
}

.uspstf_recommendation .grade-a a>img {
    margin: 5px auto;
    width: 95%
}

.uspstf_recommendation h2 {
    font-size: 18px
}

.uspstf_recommendation .services {
    max-width: 930px;
    margin: 0 auto 10px auto
}

.uspstf_recommendation .services>div {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline
}

.uspstf_recommendation .services>div div {
    margin: 0 auto;
    max-width: 204px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px auto 20px auto
}

.uspstf_recommendation .services>div div img {
    height: 71px;
    max-width: 65px;
    max-height: 71px;
    margin-bottom: 10px
}

.uspstf_recommendation .services>div div h2 {
    text-align: center;
    margin: 0 auto;
    width: 100%
}

.uspstf_recommendation .services>div div:last-of-type h2 {
    max-width: 100px
}

.uspstf_recommendation .services>div span.divider {
    display: block;
    background: url(/-/media/project/p2phub/p2pdescovyhcp/images/horizontal-line-black.png) no-repeat center center;
    background-size: cover;
    width: 200px;
    height: 2px;
    margin: 0 auto
}

.uspstf_recommendation .services+div {
    margin-bottom: 40px
}

@media screen and (min-width:1024px) {
    .uspstf_recommendation .content-img-txt .row {
        display: grid;
        grid-template-columns: 15% 35% 50%;
        align-items: center;
        position: relative;
        height: 130px;
        margin: 0 auto 20px;
        max-width: 935px
    }

    .uspstf_recommendation .content-img-txt .first {
        grid-column: 2/3;
        font-size: 22px;
        line-height: 28px
    }

    .uspstf_recommendation .content-img-txt .second {
        grid-column: 3/4;
        padding-left: 25px;
        padding-right: 25px;
        font-size: 17px;
        line-height: 28px
    }

    .uspstf_recommendation .content-img-txt .grade-icon {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 130px
    }

    .uspstf_recommendation .sub-head {
        padding-left: 0;
        padding-right: 0;
        text-align: left
    }

    .uspstf_recommendation .wp-meaning {
        text-align: left
    }

    .uspstf_recommendation .wp-meaning h2 {
        margin-bottom: 12px
    }

    .uspstf_recommendation .wp-meaning p {
        line-height: 1.2
    }

    .uspstf_recommendation .wp-columns .heads,
    .uspstf_recommendation .wp-columns .indication h2,
    .indication .uspstf_recommendation .wp-columns h2,
    .uspstf_recommendation .wp-columns .indication .head,
    .indication .uspstf_recommendation .wp-columns .head {
        width: 100%;
        text-align: left
    }

    .uspstf_recommendation .warnings,
    .uspstf_recommendation .warnings+p.text-teal {
        display: none
    }

    .uspstf_recommendation .wp-dialogue div.dialogue-content {
        padding-bottom: 0;
        padding-top: 18px
    }

    .uspstf_recommendation .wp-dialogue div.dialogue-content div {
        padding-left: 30px
    }

    .uspstf_recommendation .wp-dialogue.second-dialogue div.dialogue-content:last-of-type {
        padding-top: 42px
    }

    .uspstf_recommendation .grade-a {
        background: url(/-/media/project/p2phub/p2pdescovyhcp/images/prep-guidelines/frame-dktp.svg) no-repeat left top;
        background-size: contain;
        padding: 0;
        max-width: 937px;
        margin-left: 17px
    }

    .uspstf_recommendation .grade-a a {
        background: none;
        height: 132px;
        display: flex;
        flex-direction: row;
        text-align: left;
        margin-bottom: 24px;
        align-items: center;
        padding: 20px 20px 20px 27px;
        font-size: 22px;
        max-width: 100%
    }

    .uspstf_recommendation .grade-a a div {
        display: flex;
        flex-direction: row;
        min-width: 401px
    }

    .uspstf_recommendation .grade-a a div h2 {
        font-size: 22px;
        line-height: 1.4;
        padding-top: 7px
    }

    .uspstf_recommendation .grade-a a div img {
        width: 87px;
        height: auto;
        margin-right: 20px
    }

    .uspstf_recommendation .grade-a a h2 {
        padding-right: 15px
    }

    .uspstf_recommendation .grade-a a>img {
        margin: 0 35px 0 6px;
        width: 4px;
        height: 90%
    }

    .uspstf_recommendation .martop-34 {
        margin-top: 34px
    }

    .uspstf_recommendation .services>div {
        flex-direction: row
    }

    .uspstf_recommendation .services>div h2 {
        letter-spacing: 0
    }

    .uspstf_recommendation .services>div div {
        min-width: 165px;
        max-width: 206px
    }

    .uspstf_recommendation .services>div span.divider {
        display: block;
        background: url(/-/media/project/p2phub/p2pdescovyhcp/images/vertical-line-black.png) no-repeat center center;
        background-size: contain;
        width: 3px;
        height: 65px;
        margin-top: -45px
    }
}

.bandr .footnote-bottom,
.bandr .footnotes {
    line-height: 14px
}

.bandr .body-content {
    max-width: 100%
}

.bandr .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.bandr header.p-fixed+.main-content {
    margin-top: 152px
}

.bandr .long-term-content-container {
    background-color: #f3fafc
}

.bandr .long-term-content-container h3 {
    font-size: 18px
}

.bandr .long-term-content-container .drawbox {
    position: relative;
    margin-top: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 159px;
    isolation: isolate;
    display: flex;
    align-items: center;
    padding: 0 110px 0 106px
}

.bandr .long-term-content-container .drawbox .border-drawn {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1
}

.bandr .long-term-content-container .drawbox .calendar-icon {
    width: 77px;
    height: auto
}

.bandr .long-term-content-container .drawbox h2 {
    color: #377f98;
    font-size: 24px
}

.bandr .long-term-content-container .drawbox .box-content {
    margin-left: 45px
}

.bandr .long-term-content-container .center-content p {
    margin-bottom: 8px;
    font-size: 19px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.75px;
    color: #4c4c4c
}

.bandr .long-term-content-container .center-content p.footnotes {
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0
}

.bandr .bandr-content-container h2 {
    font-size: 24px;
    margin: 40px 0 24px
}

.bandr .bandr-content-container .upper-content-copy-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-bottom: 48px
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container {
    display: flex;
    justify-content: center;
    align-items: center
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-bone-renal-over-time/cloud-bg-img.svg);
    background-size: 151px;
    background-repeat: no-repeat;
    background-position: right center;
    margin-right: 11px;
    text-align: center;
    font-family: "WorkSans-Bold";
    min-width: 178px;
    min-height: 94px;
    display: flex;
    justify-content: flex-end;
    padding-right: 29px
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container {
    display: flex;
    flex-direction: flex-end;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 {
    font-size: 62px;
    line-height: 62px;
    margin: 0;
    display: flex;
    flex-direction: flex-end;
    justify-content: center
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 span {
    font-size: 42px;
    line-height: 49px
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .people-stat-img-container {
    margin-right: 11px
}

.bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .people-stat-img-container img {
    height: 77px;
    width: auto
}

.bandr .bandr-content-container .upper-content-copy-container .copy-container h3 {
    color: #377f98;
    font-size: 23px;
    line-height: 24px;
    margin: 0
}

.bandr .bandr-content-container .upper-content-copy-container .copy-container p {
    margin-bottom: 0
}

.bandr .bandr-content-container .desktop-tabs .nav {
    justify-content: space-between
}

.bandr .bandr-content-container .desktop-tabs .nav .nav-item {
    width: 49%
}

.bandr .bandr-content-container .desktop-tabs .nav .nav-item .nav-link {
    background-color: #fff;
    border: 1px solid #4298b5;
    border-bottom: none
}

.bandr .bandr-content-container .desktop-tabs .nav .nav-item .nav-link.active {
    background-color: #f3fafc;
    border: none
}

.bandr .bandr-content-container .desktop-tabs .nav.nav-tabs {
    border-bottom: none
}

.bandr .bandr-content-container .desktop-tabs .tab-content {
    border: none;
    background-color: #f3fafc;
    padding: 24px
}

.bandr .bandr-content-container .desktop-tabs .tab-content .tab-pane h2 {
    margin-top: 0
}

.bandr .bandr-content-container .white-box {
    background-color: #fff;
    padding: 20px 80px 20px 112px
}

.bandr .bandr-content-container .white-box h3 {
    color: #004063;
    font-size: 20px
}

.bandr .bandr-content-container .white-box>div {
    display: flex;
    align-items: flex-start
}

.bandr .bandr-content-container .white-box .percentage {
    font-family: "WorkSans-Bold";
    color: #f04f00;
    font-size: 62px;
    margin: 0 23px 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 100%
}

.bandr .bandr-content-container .white-box .percentage .tilda {
    font-size: 42px
}

.bandr .bandr-content-container .white-box .percentage sup {
    top: -.35em;
    font-size: 42px
}

.bandr .bandr-content-container .risk-container {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: space-between;
    margin-bottom: 24px
}

.bandr .bandr-content-container .risk-container .risk-box {
    background-color: #fff;
    padding: 20px 18px 24px 40px;
    max-width: 426px;
    border-radius: 10px
}

.bandr .bandr-content-container .risk-container .risk-box .risk-header {
    display: flex;
    align-items: center
}

.bandr .bandr-content-container .risk-container .risk-box .risk-header .risk-icon {
    width: 74px;
    min-height: 78px
}

.bandr .bandr-content-container .risk-container .risk-box h4 {
    font-family: "FlatBrush-Regular";
    color: #004063;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: 0 !important
}

.bandr .bandr-content-container .risk-container .risk-box p {
    margin-bottom: 0
}

.bandr .bandr-content-container .risk-container .risk-box p+p {
    margin-top: 8px
}

.bandr .bandr-content-container .risk-container .risk-box.smoking .risk-icon img {
    width: 60px
}

.bandr .bandr-content-container .additional-risks {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.bandr .bandr-content-container .additional-risks li {
    padding: 0;
    margin-bottom: 0
}

.bandr .bandr-content-container .additional-risks-grid {
    display: grid;
    grid-template-columns: 50.5% 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0 30px;
    grid-auto-flow: row;
    grid-template-areas: "left-col popper" "left-col smoking" "left-col osteo"
}

.bandr .bandr-content-container .left-col {
    grid-area: left-col
}

.bandr .bandr-content-container .popper {
    grid-area: popper
}

.bandr .bandr-content-container .smoking {
    grid-area: smoking
}

.bandr .bandr-content-container .osteo {
    grid-area: osteo
}

.bandr .bandr-content-container #bone_densitity_content .white-box h3 {
    font-size: 18px;
    margin-bottom: 20px
}

.bandr .bandr-content-container #bone_densitity_content .white-box .percentage {
    font-family: "WorkSans-Bold";
    font-size: 62px;
    margin: 0 23px 0 10px
}

.bandr .bandr-content-container #bone_densitity_content .white-box .percentage sup {
    font-size: 42px
}

.bandr .bandr-content-container #bone_densitity_content .white-box .white-box-content {
    font-size: 26px
}

.bandr .bandr-content-container #bone_densitity_content .white-box .white-box-content p {
    margin-bottom: 0
}

.bandr .dancing-callout-container h3 {
    text-align: left;
    width: 62%;
    letter-spacing: opx
}

.bandr .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 40px;
    color: #4c4c4c;
    font-family: "WorkSans-Regular"
}

.bandr .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
    max-height: 62px;
    text-align: left
}

.bandr.national-guidelines header.p-fixed+.main-content {
    margin-top: 111px
}

@media screen and (max-width:1023px) {
    .bandr .sub-nav-outer-container.active-sub-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto !important;
        padding: 0
    }

    .bandr header.p-fixed+.main-content {
        margin-top: 210px
    }

    .bandr .long-term-content-container .drawbox {
        align-items: flex-start;
        padding: 30px 9px 21px 38px
    }

    .bandr .long-term-content-container .drawbox .calendar-icon {
        width: 77px
    }

    .bandr .long-term-content-container .drawbox .box-content {
        margin-left: 20px
    }

    .bandr .bandr-content-container .upper-content-copy-container {
        flex-wrap: wrap
    }

    .bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container {
        width: 100%;
        margin-bottom: 11px
    }

    .bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-bone-renal-over-time/cloud-bg-img.svg);
        background-size: 151px;
        background-repeat: no-repeat;
        background-position: right center;
        margin-right: 11px;
        text-align: center;
        font-family: "WorkSans-Bold";
        min-width: 178px;
        min-height: 94px;
        display: flex;
        justify-content: flex-end;
        padding-right: 29px
    }

    .bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container {
        display: flex;
        flex-direction: flex-end;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }

    .bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 {
        font-size: 62px;
        line-height: 62px;
        margin: 0;
        display: flex;
        flex-direction: flex-end;
        justify-content: center
    }

    .bandr .bandr-content-container .upper-content-copy-container .cloud-person-outer-container .cloud-copy-container .cloud-copy-inner-container h2 span {
        font-size: 42px;
        line-height: 49px
    }

    .bandr .bandr-content-container .upper-content-copy-container .copy-container h3 {
        display: inline
    }

    .bandr .bandr-content-container .upper-content-copy-container .copy-container p {
        display: inline
    }

    .bandr .bandr-content-container .vertical-accordion #kidney_function_accordion,
    .bandr .bandr-content-container .vertical-accordion #bone_density_accordion {
        box-shadow: none;
        border-radius: 5px
    }

    .bandr .bandr-content-container .vertical-accordion .col>div .card-header {
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bandr .bandr-content-container .vertical-accordion .col>div .card-header svg {
        height: 41px;
        margin-right: 16px
    }

    .bandr .bandr-content-container .vertical-accordion .col>div .card-header p {
        padding: 20px;
        border-radius: 10px;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .bandr .bandr-content-container .vertical-accordion .col>div .card-header .pink-icon-mobile svg>* {
        fill: #a31470
    }

    .bandr .bandr-content-container .vertical-accordion .card-body {
        border: none;
        background-color: #f3fafc;
        padding: 24px 14px 14px
    }

    .bandr .bandr-content-container .vertical-accordion .card-body h2 {
        margin-top: 0
    }

    .bandr .bandr-content-container .white-box {
        padding: 12px 15px 32px 10px
    }

    .bandr .bandr-content-container .white-box h3 {
        font-size: 20px
    }

    .bandr .bandr-content-container .white-box>div {
        flex-wrap: wrap;
        justify-content: center
    }

    .bandr .bandr-content-container .white-box .white-boc-content br {
        display: none
    }

    .bandr .bandr-content-container .risk-container .risk-box {
        padding: 14px;
        max-width: 100%
    }

    .bandr .bandr-content-container .additional-risks {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .bandr .bandr-content-container .additional-risks li {
        padding: 0;
        margin-bottom: 4px
    }

    .bandr .bandr-content-container .additional-risks-grid {
        display: block
    }

    .bandr .bandr-content-container .left-col {
        grid-area: left-col
    }

    .bandr .bandr-content-container .popper {
        grid-area: popper
    }

    .bandr .bandr-content-container .smoking {
        grid-area: smoking
    }

    .bandr .bandr-content-container .osteo {
        grid-area: osteo
    }

    .bandr .bandr-content-container #bone_density_accordion .white-box h3 {
        font-size: 18px;
        margin-bottom: 20px
    }

    .bandr .bandr-content-container #bone_density_accordion .white-box .percentage {
        font-family: "WorkSans-Bold";
        font-size: 62px;
        margin: 0 23px 0 10px
    }

    .bandr .bandr-content-container #bone_density_accordion .white-box .percentage sup {
        font-size: 42px
    }

    .bandr .bandr-content-container #bone_density_accordion .white-box .white-box-content {
        font-size: 26px
    }

    .bandr .bandr-content-container #bone_density_accordion .white-box .white-box-content p {
        margin-bottom: 0
    }
}

.why_descovy .heading,
.why_descovy .sub-heading {
    text-align: center
}

.why_descovy .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #666;
    transition: color .5s;
    transition-delay: .2s
}

.why_descovy .tab-icon {
    width: 48px;
    height: 40px;
    margin-right: 16px
}

.why_descovy h3.sub-heading {
    margin-bottom: 10px;
    width: 100%
}

.why_descovy .flex-icons>div {
    margin-bottom: 45px
}

.why_descovy .flex-icons>div img {
    height: 55px !important;
    width: auto !important
}

.why_descovy .flex-icons>div img.small {
    height: 45px
}

.why_descovy .callout-wrapper-light {
    margin-bottom: 10px
}

.why_descovy .callout-wrapper-light.mt {
    margin-top: 75px
}

@media screen and (min-width:1024px) {
    .why_descovy .callout-wrapper-light.mt {
        margin-top: 4rem
    }
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a {
    transition: color .5s;
    transition-delay: .2s;
    color: #666
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a svg {
    margin-right: 16px;
    width: 48px;
    height: 40px;
    transition: all .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a.orange-tab svg>* {
    stroke: #666;
    transition: all .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a.pink-tab svg>* {
    fill: #666;
    transition: all .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a.active.orange-tab,
.why_descovy .desktop-tabs .nav-tabs .nav-item a:hover.orange-tab {
    color: #f44f00;
    transition: color .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a.active.orange-tab svg>*,
.why_descovy .desktop-tabs .nav-tabs .nav-item a:hover.orange-tab svg>* {
    stroke: #f44f00;
    transition: all .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a.active.pink-tab,
.why_descovy .desktop-tabs .nav-tabs .nav-item a:hover.pink-tab {
    color: #a31470;
    transition: color .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .nav-tabs .nav-item a.active.pink-tab svg>*,
.why_descovy .desktop-tabs .nav-tabs .nav-item a:hover.pink-tab svg>* {
    fill: #a31470;
    transition: all .5s;
    transition-delay: .2s
}

.why_descovy .desktop-tabs .tab-content .tab-pane h2 {
    text-align: left
}

.why_descovy .desktop-tabs .tab-content .tab-pane h2.center {
    text-align: center
}

@media screen and (min-width:1024px) {
    .why_descovy .remained-img {
        width: 605px;
        height: auto
    }

    .why_descovy .desktop-tabs .nav-tabs .nav-item {
        width: 50%
    }

    .why_descovy .desktop-tabs .tab-content .men-36 {
        padding: 15px;
        margin-top: 40px;
        width: 100%;
        margin-left: 0
    }

    .why_descovy .desktop-tabs .tab-content .men-36 p {
        padding: 0
    }

    .why_descovy .desktop-tabs .tab-content .men-36 p span {
        line-height: 0
    }

    .why_descovy .desktop-tabs .tab-content .men-36:last-child {
        margin-top: 38px
    }

    .why_descovy .card-sub-head {
        padding-top: 8px
    }

    .why_descovy .flex-icons {
        min-height: 62px;
        margin: 16px auto 0
    }

    .why_descovy .flex-icons>div {
        margin-bottom: 0
    }

    .why_descovy .dancer-callout-container {
        margin-top: 96px
    }
}

.taf .footnote-bottom,
.taf .footnotes {
    line-height: 14px
}

.taf .body-content {
    max-width: 100%
}

.taf .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.taf header.p-fixed+.main-content {
    margin-top: 111px
}

.taf .taf-upper-content-container {
    background-color: #f3fafc
}

.taf .taf-upper-content-container h2 {
    margin-top: 40px;
    font-size: 1.5rem
}

.taf .taf-middle-content-container .dancer-callout-container {
    margin-top: 96px
}

.taf .dancing-callout-container {
    margin-top: 40px
}

.taf .dancing-callout-container h3 {
    text-align: left;
    width: 62%;
    letter-spacing: 0
}

.taf .dancing-callout-container-v2 h3 {
    text-align: left;
    width: 62%;
    letter-spacing: 0
}

.taf .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    color: #4c4c4c
}

.taf .footnote-bottom+.footnote-bottom {
    margin-bottom: 40px
}

.taf .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
    max-height: 62px;
    text-align: left
}

@media screen and (max-width:1023px) {
    .taf .footnote-bottom+.footnote-bottom {
        margin-bottom: 0
    }
}

.how_it_works .subtitle {
    font-family: "WorkSans-Bold";
    font-size: 20px
}

.how_it_works .heads,
.how_it_works .indication h2,
.indication .how_it_works h2,
.how_it_works .indication .head,
.indication .how_it_works .head {
    color: #4298b5;
    text-transform: inherit;
    margin-bottom: .25em
}

.how_it_works .footnotes.col-12 {
    font-size: .85em;
    margin-top: 1em
}

.how_it_works .warnings ul li:not(.first) {
    display: none
}

.how_it_works .warnings ul li.second {
    display: block
}

.how_it_works .warnings ul li.second .inner-list li:first-child {
    display: block
}

.how_it_works p.hide-mobile,
.how_it_works h3.hide-mobile {
    display: none
}

.how_it_works .sub-head sup {
    top: -.5em;
    font-size: 60%
}

.how_it_works .taf-mbl p,
.how_it_works .taf-desk p {
    font-size: 21px;
    color: #000;
    text-align: center;
    width: 60%;
    margin-left: 17%;
    margin-bottom: -7px
}

.how_it_works .taf-mbl p span.number,
.how_it_works .taf-desk p span.number {
    font-family: "WorkSans-Bold";
    font-size: 48px
}

.how_it_works .taf-mbl p span.number .letter,
.how_it_works .taf-desk p span.number .letter {
    font-size: 34px
}

.how_it_works .taf-mbl p span.text,
.how_it_works .taf-desk p span.text {
    font-size: 17px;
    font-family: "WorkSans-Regular";
    display: block;
    width: 60%;
    margin: 0 auto
}

.how_it_works .taf-mbl p:last-child,
.how_it_works .taf-desk p:last-child {
    width: 100%;
    margin-left: 20%
}

.how_it_works .taf-desk p {
    margin-left: 14%
}

.how_it_works #tenofir_content .taf-mbl p:nth-child(1) .text {
    width: 75%;
    margin-bottom: 2px
}

.how_it_works #tenofir_content .taf-desk img {
    width: 100%;
    height: auto
}

.how_it_works .big-video-player {
    margin-bottom: 80px
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .how_it_works .taf-desk p {
        margin-left: 3%;
        margin-bottom: -82px;
        position: relative
    }

    .how_it_works .taf-desk p:last-child {
        left: 66px;
        bottom: 26%;
        position: absolute
    }

    .how_it_works .taf-desk p:last-child span.text {
        width: 35%
    }
}

@media screen and (min-width:1024px) {

    .how_it_works .heads,
    .how_it_works .indication h2,
    .indication .how_it_works h2,
    .how_it_works .indication .head,
    .indication .how_it_works .head {
        line-height: 1.5625rem
    }

    .how_it_works .sub-head {
        width: 90%;
        padding-bottom: 18px
    }

    .how_it_works .mtn {
        margin-top: -48px
    }

    .how_it_works .footnotes.col-12 {
        margin-left: 16%
    }

    .how_it_works .warnings,
    .how_it_works .warnings+p.text-teal {
        display: none
    }

    .how_it_works p.hide-mobile,
    .how_it_works h3.hide-mobile {
        display: block
    }

    .how_it_works .taf-desk p {
        position: relative;
        margin-left: 2px;
        margin-bottom: -8.25%;
        width: 66%
    }

    .how_it_works .taf-desk p:last-child {
        bottom: 21%;
        position: absolute;
        left: 425px;
        margin-left: 0;
        width: 419px
    }
}

@media only screen and (min-device-width:1024px) and (max-device-height:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    .how_it_works .taf-desk p {
        margin-bottom: -8.5%
    }
}

#study-population {
    width: 100%;
    margin-bottom: 10px
}

#study-population h2:first-child {
    width: 235px;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    #study-population h2:first-child {
        width: 100%
    }
}

#study-population h2:nth-child(2) span.data-numbers {
    display: block;
    padding: 10px 0
}

@media screen and (min-width:1024px) {
    #study-population h2:nth-child(2) span.data-numbers {
        display: inline-block;
        padding: 10px 0;
        margin-right: 5px
    }
}

.trial_design h1.main-titles+h2 {
    margin-bottom: 10px
}

.trial_design .main-titles {
    max-width: 100%;
    margin-bottom: 40px;
    margin-top: 0
}

.trial_design .trial-mob {
    width: 100%;
    height: auto
}

.trial_design .color-modal-section {
    flex: 1 1 auto
}

.trial_design .modal-img-dsk {
    display: block;
    margin: 0 auto;
    width: 83%
}

.trial_design .container-fluid .color-modal-section {
    margin-bottom: 15px
}

@media screen and (min-width:1024px) {
    .trial_design .container-fluid .color-modal-section {
        margin-bottom: 0
    }
}

.trial_design .columns-box {
    margin-top: 2.625rem
}

.trial_design .columns-box .col-md-6 {
    border: 1px solid #4d4d4d
}

.trial_design .center {
    display: block;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .trial_design .modal-body-container .footnotes:first-child {
        margin-top: 2.625rem
    }

    .trial_design .columns-box {
        justify-content: space-between
    }

    .trial_design .columns-box .col-md-6 {
        margin-bottom: 1.6875rem;
        padding-top: 10px;
        flex: 0 0 48.5%;
        max-width: 48.5%
    }

    .trial_design .columns-box .col-md-6 .subtitle {
        color: #4c4c4c;
        margin-bottom: .5rem
    }
}

.hivincidence .footnote-bottom,
.hivincidence .footnotes {
    line-height: 14px
}

.hivincidence .body-content {
    max-width: 100%
}

.hivincidence .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.hivincidence header.p-fixed+.main-content {
    margin-top: 246px
}

@media screen and (min-width:1024px) {
    .hivincidence header.p-fixed+.main-content {
        margin-top: 152px
    }
}

.hivincidence ul li ul li:before {
    margin-right: 0
}

.hivincidence .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 24px;
    color: #4c4c4c
}

.hivincidence .footnote-bottom+.footnote-bottom {
    margin-bottom: 40px
}

.hivincidence .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
    max-height: 62px;
    text-align: left
}

.hivincidence .drawbox {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center
}

.hivincidence .drawbox .border-drawn {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1
}

.hivincidence .prevention-data-content-container {
    background-color: #f3fafc;
    padding: 40px 0
}

@media screen and (min-width:1024px) {
    .hivincidence .prevention-data-content-container {
        padding: 40px
    }
}

.hivincidence .prevention-data-content-container h2 {
    font-size: 24px;
    color: #004063
}

.hivincidence .prevention-data-content-container .header-body-copy {
    margin-bottom: 40px
}

.hivincidence .prevention-data-content-container .footnote {
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -.3px
}

.hivincidence .discover-trial-content-container {
    padding: 40px 0
}

.hivincidence .discover-trial-content-container .discover-box {
    border-radius: 10px;
    background: #f3fafc;
    padding: 16px;
    margin: 9px 0 24px
}

.hivincidence .discover-trial-content-container .discover-box hr {
    margin: 8px auto
}

.hivincidence .discover-trial-content-container .discover-box ul,
.hivincidence .discover-trial-content-container .discover-box li:last-child {
    margin-bottom: 0
}

.hivincidence .baseline-content-container {
    background-color: #f3fafc;
    padding: 40px 0
}

.hivincidence .baseline-content-container h2 {
    font-size: 24px;
    color: #004063
}

.hivincidence .baseline-content-container .modal-body-container {
    display: none
}

.image-livetext {
    width: 100%;
    padding: 16px 14px;
    display: flex;
    justify-content: space-between;
    max-width: 650px;
    margin: 0 auto
}

@media screen and (min-width:1024px) {
    .image-livetext {
        padding: 26px 15px
    }
}

.image-livetext .first-d,
.image-livetext .second-d {
    font-family: "WorkSans-SemiBold";
    text-align: center;
    padding-bottom: 15px
}

.image-livetext .first-d p,
.image-livetext .second-d p {
    font-size: 12px;
    margin-bottom: 0;
    padding-left: 10px;
    font-family: "WorkSans-Bold";
    font-weight: normal
}

@media screen and (min-width:1024px) {

    .image-livetext .first-d p,
    .image-livetext .second-d p {
        font-size: 19px;
        min-height: 40px
    }

    .image-livetext .first-d p:nth-child(1),
    .image-livetext .second-d p:nth-child(1) {
        padding: 0 0 0 10px
    }

    .image-livetext .first-d p:nth-child(3),
    .image-livetext .second-d p:nth-child(3) {
        padding: 0 0 0 10px
    }
}

.image-livetext .first-d div,
.image-livetext .second-d div {
    display: flex;
    justify-content: center;
    position: relative;
    font-size: 60px;
    padding-left: 0;
    height: 40%;
    line-height: 4rem;
    margin-top: 0;
    letter-spacing: -4px;
    font-family: "WorkSans-Medium"
}

@media screen and (min-width:1024px) {

    .image-livetext .first-d div,
    .image-livetext .second-d div {
        font-size: 6.3125rem;
        letter-spacing: -9px;
        height: 60%
    }
}

.image-livetext .first-d div span,
.image-livetext .second-d div span {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.1
}

@media screen and (max-width:440px) {

    .image-livetext .first-d div span,
    .image-livetext .second-d div span {
        font-size: 30px;
        margin-top: 11px
    }
}

@media screen and (min-width:1024px) {

    .image-livetext .first-d,
    .image-livetext .second-d {
        min-height: 0
    }
}

.image-livetext .first-d {
    padding: 0 0 15px 0
}

.image-livetext .first-d div:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 58px;
    top: -18px;
    right: -9px;
    background: #686868
}

@media screen and (min-width:1024px) {
    .image-livetext .first-d div:after {
        height: 103px;
        top: 0
    }
}

.image-livetext .first-d div span {
    padding-left: 4px
}

@media screen and (min-width:1024px) {
    .image-livetext .first-d div span {
        right: 9px
    }
}

.image-livetext .second-d {
    padding: 0 0 15px 0
}

.image-livetext .third-d {
    margin-top: -5px;
    position: relative
}

@media screen and (min-width:1024px) {
    .image-livetext .third-d {
        padding: 15px 0 0 0;
        margin-top: 5px
    }

    .image-livetext .third-d p {
        font-size: 1.875rem
    }
}

.image-livetext .third-d p {
    margin-bottom: .5rem;
    text-align: center;
    line-height: 1
}

.image-livetext .third-d p:nth-child(1) {
    font-size: 13px;
    margin-bottom: 0
}

.image-livetext .third-d p:nth-child(1) strong {
    font-family: "WorkSans-Bold";
    font-weight: normal
}

.image-livetext .third-d p:nth-child(2) {
    font-size: 12px
}

@media screen and (min-width:1024px) {
    .image-livetext .third-d p:nth-child(1) {
        font-size: 21px
    }

    .image-livetext .third-d p:nth-child(2) {
        font-size: 20px
    }
}

.hiv_incidence_rate .callout-wrapper {
    margin-top: 1em
}

.hiv_incidence_rate .callout-wrapper .callout-primary {
    margin-bottom: 2.5rem
}

.hiv_incidence_rate .image-livetext {
    justify-content: flex-start
}

.hiv_incidence_rate .image-livetext .first-d,
.hiv_incidence_rate .image-livetext .second-d {
    padding-bottom: 0
}

@media screen and (min-width:1024px) {

    .hiv_incidence_rate .image-livetext .first-d,
    .hiv_incidence_rate .image-livetext .second-d {
        padding-bottom: 3px
    }
}

.hiv_incidence_rate .image-livetext .first-d div:after {
    height: 80px;
    right: -3px
}

@media screen and (min-width:1024px) {
    .hiv_incidence_rate .image-livetext .first-d div:after {
        height: 112px;
        right: 0;
        top: -17px
    }
}

.hiv_incidence_rate .image-livetext .third-d {
    margin-top: 5px
}

@media screen and (min-width:1024px) {
    .hiv_incidence_rate .image-livetext .third-d {
        margin-top: 18px
    }
}

.hiv_incidence_rate .image-livetext-second .first-d div::after {
    display: none
}

.hiv_incidence_rate .cta-primary {
    margin-bottom: 20px
}

.hiv_incidence_rate .modal-text {
    display: none
}

.hiv_incidence_rate .image-livetext-second {
    padding: 16px 14px
}

.hiv_incidence_rate .image-livetext-second .first-d p:nth-child(1) {
    min-height: 15px
}

@media screen and (min-width:1024px) {
    .hiv_incidence_rate .image-livetext {
        justify-content: space-around;
        padding: 26px 0
    }

    .hiv_incidence_rate .image-livetext .second-d {
        flex: 0 0 50%
    }

    .hiv_incidence_rate .image-livetext-second {
        padding: 26px 110px
    }

    .hiv_incidence_rate .image-livetext-second .first-d p:nth-child(1) {
        min-height: 40px;
        padding-left: 0
    }

    .hiv_incidence_rate .image-livetext-second .first-d div span {
        right: 164px
    }

    .hiv_incidence_rate .image-livetext-second .third-d:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 74%
    }

    .hiv_incidence_rate .trial_design .modal-img-dsk {
        width: 100%
    }

    .hiv_incidence_rate .trial_design h2,
    .hiv_incidence_rate .trial_design h3 {
        margin-bottom: 24px;
        font-weight: 700
    }

    .hiv_incidence_rate .trial_design h2 {
        font-size: 24px;
        color: #004063
    }

    .hiv_incidence_rate .trial_design h3 {
        font-size: 20px;
        color: #377f98
    }

    .hiv_incidence_rate .trial_design .columns-box .col-md-6 {
        max-height: 136px;
        min-height: 136px
    }

    .hiv_incidence_rate .cta-primary {
        max-width: 250px
    }
}

.seroconversions .sub-head {
    font-size: 1.45rem
}

.seroconversions h2 {
    font-size: 1.5rem
}

@media screen and (min-width:1024px) {
    .seroconversions .open--modal section a:first-child {
        max-width: 330px;
        margin-right: 20px;
        margin-bottom: 0;
        min-width: 200px
    }
}

@media screen and (min-width:1024px) {
    .seroconversions .open--modal section a:last-child {
        max-width: 330px;
        margin-right: 20px;
        margin-bottom: 0;
        min-width: 300px
    }
}

.seroconversions .seroconversions-content-container .container.wrapper {
    margin-top: 2.5rem;
    margin-bottom: 1.875rem
}

.seroconversions .seroconversions-content-container .container.wrapper .seroconversions-content-inner-container {
    padding: 22px 18px 0 18px;
    background: #f3fafc;
    border-radius: 10px
}

.seroconversions .body-content {
    max-width: 100%
}

.seroconversions .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.seroconversions header.p-fixed+.main-content {
    margin-top: 210px
}

@media screen and (min-width:1024px) {
    .seroconversions header.p-fixed+.main-content {
        margin-top: 152px
    }
}

.seroconversions .sub-head {
    margin-bottom: 31px
}

.seroconversions .sub-head+h2 {
    margin-bottom: 10px
}

.seroconversions .sero-img {
    margin-bottom: 16px
}

.seroconversions .sero-img.no-bottom-margin {
    margin-bottom: 24px
}

@media screen and (min-width:1024px) {
    .seroconversions .sero-img.no-bottom-margin {
        margin-bottom: 0
    }
}

.seroconversions .sero-img img {
    height: auto
}

.seroconversions .cta-primary {
    margin-bottom: 20px
}

@media screen and (min-width:1024px) {
    .seroconversions .sero-img img.show-desk {
        width: 100%;
        margin: 0 auto;
        display: block
    }
}

.seroconversions .adherence-content-container {
    background: #f3fafc;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    margin-bottom: 2rem
}

@media screen and (min-width:1024px) {
    .seroconversions .adherence-content-container {
        margin-bottom: 6rem
    }
}

.seroconversions .adherence-content-container .footnote {
    font-size: 12px;
    line-height: normal;
    margin: 0 0 24px 0
}

.seroconversions .adherence-content-container ul li {
    margin-bottom: 0
}

.seroconversions .footnote-bottom {
    line-height: 100%
}

.switch_subset h2.sub-head {
    margin-bottom: 20px
}

.switch_subset .image-livetext .first-d div:after {
    height: 78px
}

@media screen and (min-width:1024px) {
    .switch_subset .image-livetext .first-d div:after {
        height: 103px
    }
}

@media screen and (min-width:1024px) {
    .switch_subset .image-livetext .first-d div span {
        right: 37px
    }
}

@media screen and (min-width:1024px) {
    .switch_subset .image-livetext .second-d p:nth-child(3) {
        margin: 0 0 0 -4px
    }
}

.switch_subset .close {
    opacity: 1
}

.switch_subset .warnings ul li:not(.third) {
    display: none
}

.switch_subset .cta-primary {
    margin-bottom: 20px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .switch_subset .cta-primary {
        width: 250px
    }
}

.switch_subset .image-livetext .third-d:before {
    left: 42px;
    right: 23px
}

@media screen and (min-width:1024px) {

    .switch_subset .warnings,
    .switch_subset .warnings+p.text-teal {
        display: none
    }
}

.renal-data .body-content {
    max-width: 100%
}

.renal-data .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.renal-data .data-content-container {
    margin-top: 40px
}

.renal_data_switch_subset .renal-content-head h3 {
    margin: 0 0 30px 0;
    text-align: left;
    width: 100%
}

.renal_data_switch_subset .card-body p.sub-head {
    width: 100%;
    text-align: center;
    font-size: 1rem;
    padding: 0 20px
}

.renal_data_switch_subset .card-body p.sub-head sub {
    font-size: .625rem
}

.renal_data_switch_subset .card-body p.image-footnote {
    text-align: center
}

.renal_data_switch_subset .card-body p.image-footnote span.no-break {
    white-space: nowrap
}

.renal_data_switch_subset .card-body p.image-footnote sub {
    font-size: .55rem
}

.renal_data_switch_subset .resource-download-module {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .renal_data_switch_subset .resource-download-module {
        margin-bottom: 100px
    }
}

.renal_data_switch_subset .resource-download-module .content {
    background-color: #f3fafc
}

@media screen and (min-width:1024px) {
    .renal_data_switch_subset .cta-primary {
        max-width: 430px;
        margin-bottom: 10px
    }

    .renal_data_switch_subset #renal_data_content p.sub-head {
        margin-top: 10px
    }

    .renal_data_switch_subset .tab-content {
        padding-bottom: 1.875rem;
        margin-bottom: 2.5rem
    }

    .renal_data_switch_subset .tab-content .tab-pane p.sub-head {
        width: 100%;
        text-align: center;
        font-size: 1.3125rem
    }

    .renal_data_switch_subset .tab-content .tab-pane p.sub-head sub {
        font-size: .75rem
    }

    .renal_data_switch_subset .tab-content .tab-pane h2.subtitle {
        margin-bottom: 16px
    }

    .renal_data_switch_subset .tab-content #renal_data_content ul {
        margin-bottom: 26px
    }

    .renal_data_switch_subset .tab-content #switch_subset_content img {
        margin-left: -40px
    }

    .renal_data_switch_subset .black70 {
        color: rgba(0, 0, 0, .7)
    }
}

.bone-data .body-content {
    max-width: 100%
}

.bone-data .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.bone-data .data-content-container {
    margin-top: 40px
}

.bone_data .footnotes {
    margin-bottom: 0
}

.bone_data .footnotes:last-child {
    margin-bottom: 20px
}

.bone-data .resource-download-module {
    margin-bottom: 20px
}

@media screen and (min-width:992px) {
    .bone-data .resource-download-module {
        margin-bottom: 100px
    }
}

.bone-data .resource-download-module .content {
    background-color: #f3fafc
}

.bone-data .card-body h4 {
    font-size: 1.125rem
}

@media screen and (min-width:1024px) {
    .bone_data .cta-primary {
        max-width: 450px
    }

    .bone_data .desktop-tabs #renal_data_content img+h3 {
        margin-bottom: 20px
    }

    .bone_data .desktop-tabs .tab-content {
        padding-bottom: 1.875rem;
        margin-bottom: 2.5rem
    }

    .bone_data .desktop-tabs .tab-content .tab-pane h6 {
        width: 49%
    }

    .bone_data .desktop-tabs .tab-content #renal_data_content h6 {
        font-size: 14px;
        margin-bottom: 0
    }

    .bone_data .desktop-tabs .tab-content #renal_data_content img {
        margin-left: -22px
    }

    .bone_data .desktop-tabs .tab-content #week144_data_content img {
        margin-top: -15px
    }

    .bone_data .desktop-tabs .tab-content #switch_subset_content h6 {
        font-size: 14px;
        margin-bottom: 0
    }

    .bone_data .desktop-tabs .tab-content #switch_subset_content img {
        margin-top: -27px
    }
}

.adversereactions h2.text-center {
    width: 95%;
    margin: 1.25rem auto
}

.warnings ul li ul li::before {
    content: "–";
    margin-right: 5px
}

.safetytolerability .body-content {
    max-width: 100%
}

.safetytolerability .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.safetytolerability .safety-adverse-upper-content-container h2 {
    margin-top: 40px;
    font-size: 24px;
    font-family: "WorkSans-SemiBold";
    line-height: normal
}

.safetytolerability .safety-adverse-upper-content-container .lower-header {
    margin-top: 0
}

.safetytolerability .footnote-bottom {
    font-size: .75rem;
    margin-bottom: 8px
}

.safetytolerability .blue-callout-no-dancer {
    padding: 24px;
    margin: 0 0 32px 0;
    background: #004063;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.safetytolerability .blue-callout-no-dancer.first-callout {
    margin: 32px 0
}

.safetytolerability .blue-callout-no-dancer h3 {
    text-align: center;
    font-family: "FlatBrush-Regular";
    letter-spacing: 0 !important;
    font-size: 26px;
    font-weight: 400;
    line-height: normal
}

.discontinuationrates .rates-box {
    margin-top: 28px
}

@media screen and (min-width:1024px) {
    .discontinuationrates .grades-box {
        max-width: 100%
    }

    .discontinuationrates .grades-box.first-box {
        margin-bottom: 20px
    }

    .discontinuationrates .grades-box .number {
        font-size: 20px
    }

    .discontinuationrates .rates-box .left-percentage .description {
        width: 340px
    }

    .discontinuationrates .rates-box .left-percentage .sub-description {
        margin-left: -20px
    }

    .discontinuationrates .rates-box .number .percentage {
        font-family: "WorkSans-Bold";
        font-weight: normal;
        top: -11px
    }

    .discontinuationrates .rates-box .right-percentage .description {
        width: 325px
    }
}

.startingdescovy .body-content {
    max-width: 100%
}

.startingdescovy .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.initiate .footnote-bottom,
.initiate .footnotes {
    line-height: 14px
}

.initiate .body-content {
    max-width: 100%
}

.initiate .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.initiate header.p-fixed+.main-content {
    margin-top: 210px
}

@media screen and (min-width:1024px) {
    .initiate header.p-fixed+.main-content {
        margin-top: 152px
    }
}

.initiate .initiate-upper-content-container h2 {
    margin: 40px 0 24px 0;
    font-size: 24px;
    color: #004063
}

.initiate .initiate-upper-content-container h3 {
    font-size: 20px;
    color: #004063
}

.initiate .dancing-callout-container {
    margin-top: 40px
}

.initiate .dancing-callout-container h3 {
    text-align: left;
    width: 62%
}

.initiate .footnote-bottom {
    font-size: 12px;
    line-height: 14px;
    color: #4c4c4c;
    margin-bottom: 40px
}

.initiate .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
    max-height: 62px;
    text-align: left
}

.initiate .dancer-callout-container {
    margin-top: 80px
}

.initiate-upper-content-container {
    margin-bottom: 40px
}

.initiate-upper-content-container .before-starting-box {
    padding: 14px 24px;
    border-radius: 15px;
    margin: 24px auto
}

.initiate-upper-content-container .before-starting-box .before-starting-header {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 38px;
    margin-bottom: 24px
}

.initiate-upper-content-container .before-starting-box .before-starting-header h4 {
    margin: 0;
    font-family: "WorkSans-Bold"
}

.initiate-upper-content-container .before-starting-box.screen {
    background-color: #fbf6f9
}

.initiate-upper-content-container .before-starting-box.screen .before-starting-header {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/test-tube-icon.svg);
    background-size: 36px;
    padding-left: 52px
}

.initiate-upper-content-container .before-starting-box.counsel {
    background-color: #f3fbfe
}

.initiate-upper-content-container .before-starting-box.counsel .before-starting-header {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/225-pill.svg);
    background-size: 56px;
    padding-left: 70px
}

.initiate-upper-content-container .before-starting-box.confirm {
    background-color: #fffaf7
}

.initiate-upper-content-container .before-starting-box.confirm .before-starting-header {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/kidney-icon.svg);
    background-size: 47px;
    padding-left: 61px
}

.initiate-lower-content-container {
    background-color: #f3fafc;
    padding: 50px 0 56px
}

.initiate-lower-content-container .drawbox {
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    padding: 36px 38px 24px
}

.initiate-lower-content-container .drawbox .border-drawn {
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1
}

.initiate-lower-content-container .drawbox h2 {
    color: #004063;
    font-size: 24px;
    margin-bottom: 24px
}

.initiate-lower-content-container .drawbox h3 {
    color: #004063;
    font-size: 20px
}

.initiate-lower-content-container .drawbox:after {
    content: "";
    position: absolute;
    right: -77px;
    bottom: 3px;
    display: inline-block;
    width: 373px;
    height: 316px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-descovy/three-young-men-looking.png);
    background-size: 373px;
    background-repeat: no-repeat;
    background-position: center bottom
}

.initiate-lower-content-container .follow-up-list {
    margin: 24px 0 0
}

.initiate-lower-content-container .follow-up-list .follow-up {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 38px;
    margin-bottom: 24px
}

.initiate-lower-content-container .follow-up-list .follow-up p {
    margin: 0 0 10px 0
}

.initiate-lower-content-container .follow-up-list .follow-up.confirm-status {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/check-mark.svg);
    background-size: 35px;
    padding-left: 51px
}

.initiate-lower-content-container .follow-up-list .follow-up.screen-stis {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/purple-clip-board.svg);
    background-size: 33px;
    padding-left: 51px
}

.initiate-lower-content-container .follow-up-list .follow-up.screen-stis p+p {
    margin: 15px 0 0
}

.initiate-lower-content-container .follow-up-list .follow-up.during-visit {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/icons/chat-boxes.svg);
    background-size: 35px;
    background-position: left top;
    padding-left: 51px;
    margin-bottom: 0
}

.initiate-lower-content-container .follow-up-list .follow-up.during-visit p {
    margin-bottom: 24px
}

.initiate-lower-content-container .follow-up-list .follow-up.during-visit ol {
    margin: 0;
    padding: 0;
    counter-reset: item;
    max-width: 443px
}

.initiate-lower-content-container .follow-up-list .follow-up.during-visit ol li {
    margin: 0;
    padding: 0 0 0 24px;
    list-style-type: none;
    counter-increment: item;
    position: relative
}

.initiate-lower-content-container .follow-up-list .follow-up.during-visit ol li:before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 5px;
    font-family: "WorkSans-Bold";
    text-align: left;
    content: counter(item) "."
}

.initiate-lower-content-container .initiation-box {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-descovy/initiating-box-bg-m.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: fit-content;
    padding: 24px 19px;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 24px
}

.initiate-lower-content-container .initiation-box h2 {
    font-size: 24px;
    line-height: 28px
}

.initiate-lower-content-container .initiation-box .follow-up-list-container {
    display: flex;
    gap: 32px;
    flex-direction: column;
    margin-top: 16px
}

.initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list {
    display: flex;
    gap: 16px;
    flex-direction: column;
    margin: 0
}

.initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list img {
    width: 70px
}

.initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list p {
    color: #404040;
    margin-bottom: 0
}

.initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list ul li:last-child {
    margin-bottom: 0
}

.initiate-lower-content-container .initiation-box .actors {
    width: calc(100% + 38px);
    margin-left: -19px;
    margin-right: -19px
}

.initiate-lower-content-container .initiation-box .actors.actors-d {
    display: none
}

.initiate-lower-content-container .initiation-box .actors.actors-m {
    display: block
}

@media only screen and (min-width:992px) {
    .initiate-lower-content-container .initiation-box {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-descovy/initiating-box-bg-d.png);
        padding: 44px 40px
    }

    .initiate-lower-content-container .initiation-box .follow-up-list-container {
        margin-top: 24px
    }

    .initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list {
        flex-direction: row
    }

    .initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list:nth-of-type(2) {
        padding-right: 263px
    }

    .initiate-lower-content-container .initiation-box .follow-up-list-container .follow-up-list:nth-of-type(3) {
        padding-right: 287px
    }

    .initiate-lower-content-container .initiation-box .actors {
        position: absolute;
        bottom: 0;
        right: -13px;
        width: 405px
    }

    .initiate-lower-content-container .initiation-box .actors.actors-d {
        display: block
    }

    .initiate-lower-content-container .initiation-box .actors.actors-m {
        display: none
    }
}

@media screen and (max-width:1023px) {
    .initiate .initiate-lower-content-container .drawbox {
        padding: 36px 38px 344px;
        overflow: hidden
    }

    .initiate .initiate-lower-content-container .drawbox:after {
        right: 0;
        left: 0;
        bottom: 3px;
        margin: 0 auto;
        width: 100%;
        max-width: 360px;
        height: 338px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-descovy/three-young-men-looking-mobile.png);
        background-size: 338px
    }

    .initiate .footnote-bottom {
        margin-bottom: 24px
    }

    .initiate .dancer-callout-container {
        margin-top: 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container {
        padding: 16px 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .footnote {
        margin: 0 16px 16px 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .link-text {
        margin-bottom: 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container {
        padding-bottom: 38px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container {
        width: 318px;
        height: 227px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container {
        padding-top: 48px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container h3 {
        font-family: "WorkSans-Bold";
        font-size: 20px;
        line-height: 23px;
        margin: 0 32px 4px 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table {
        width: 92%
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container {
        padding: 16px 0 0 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container h4 {
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container {
        padding-left: 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-icon-container {
        padding-right: 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-icon-container img {
        width: 24px;
        height: 24px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container h5 {
        font-size: 18px;
        line-height: 120%
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .lower-footnote {
        margin: 0
    }

    .dancing-callout-container h3 {
        width: 80%
    }
}

.startingdescovy .body-content {
    max-width: 100%
}

.startingdescovy .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.initiatingdescovy .starting-descovy-upper-content-container {
    padding: 56px 0 0 0;
    background: #daf1f5;
    border-bottom: 5px solid #000
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container>.row {
    justify-content: space-between;
    width: 844px;
    margin: 0 auto
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .left-pill {
    width: 363px
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .right-pill {
    width: 369px
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
    text-align: right
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container h2 {
    font-size: 28px;
    line-height: 120%;
    margin: 0;
    font-family: "WorkSans-Regular"
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container p {
    color: #4c4c4c;
    margin: 0;
    font-size: 20px;
    line-height: 120%;
    font-family: "WorkSans-Regular"
}

.initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container.left-container {
    align-items: flex-start;
    text-align: left
}

.initiatingdescovy .starting-descovy-upper-content-container .hand-bg-img-container {
    height: 400px;
    width: auto;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-descovy/pill-size-image.jpg);
    background-repeat: no-repeat;
    background-size: 1440px;
    background-position: 50% bottom
}

.initiatingdescovy .starting-descovy-lower-content-container {
    padding: 16px 0
}

.initiatingdescovy .starting-descovy-lower-content-container .footnote {
    font-size: 12px;
    line-height: 120%;
    margin-bottom: 10px
}

.initiatingdescovy .starting-descovy-lower-content-container .link-text {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.initiatingdescovy .starting-descovy-lower-content-container .link-text a {
    font-family: "WorkSans-Bold";
    color: #4c4c4c;
    text-decoration: underline;
    transition: all .5s;
    transition-delay: .2s
}

.initiatingdescovy .starting-descovy-lower-content-container .link-text a:hover {
    cursor: pointer;
    color: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container {
    padding-bottom: 16px
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container {
    width: 100%;
    height: 217px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-starting-descovy/number-one-prescribed-prep-medication.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    font-family: "FlatBrush-Regular"
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container .small-text {
    font-size: 22px;
    line-height: 16px;
    margin: 0
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container .small-text:last-of-type {
    line-height: 27px;
    margin-left: 16px
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container .large-text-container {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container .large-text-container h1 {
    font-size: 83px;
    line-height: 68px;
    margin: 0 11px 0 0;
    font-family: "FlatBrush-Regular"
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container .large-text-container h2 {
    margin: 8px 0 0 0;
    font-size: 31px;
    text-align: left;
    font-family: "FlatBrush-Regular";
    letter-spacing: 0 !important;
    line-height: 100%
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    width: 107%;
    padding-top: 24px
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container h3 {
    font-family: "WorkSans-Bold";
    font-size: 20px;
    line-height: 23px;
    margin: 0 0 4px 0
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table {
    width: 100%
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table tr {
    border-bottom: 1px solid #83d1dd
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table tr:last-of-type {
    border: none
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table tr th {
    padding: 10px 0;
    font-size: 18px;
    line-height: 21px;
    color: #004063;
    font-family: "WorkSans-Bold"
}

.initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table tr td {
    padding: 10px 0;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Regular"
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-footnote-container-1 p {
    font-size: 12px;
    line-height: 120%;
    letter-spacing: -.3px;
    margin-bottom: 8px;
    color: #4c4c4c
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-footnote-container-1 p:last-of-type {
    margin-bottom: 0
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container {
    padding: 40px 0 0 0
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container h4 {
    font-family: "WorkSans-SemiBold";
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 24px
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container {
    padding-left: 32px
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container {
    display: flex;
    justify-content: flex-start;
    padding-top: 5px;
    padding-bottom: 24px
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-icon-container {
    padding-right: 24px
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-icon-container img {
    margin-top: 5px;
    width: 40px;
    height: 40px
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container h5 {
    font-size: 22px;
    line-height: 120%;
    font-family: "WorkSans-Bold";
    margin: 0
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-extra-content-container p {
    font-size: 16px;
    line-height: 120%;
    color: #4c4c4c;
    margin: 4px 0 0 0
}

.initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .lower-footnote {
    font-size: 12px;
    line-height: 120%;
    color: #4c4c4c
}

.initiatingdescovy .dancing-callout-container {
    padding: 52px 0 0 0
}

@media screen and (max-width:991px) {
    .initiatingdescovy .starting-descovy-upper-content-container {
        padding: 40px 0 0 0;
        border-bottom: none
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container>.row {
        width: auto
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .left-pill {
        width: 41%
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .right-pill {
        width: 45%
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container h2 {
        font-size: 26px;
        line-height: 100%
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container h2 span {
        font-size: 21px;
        line-height: 100%
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container p {
        font-size: 16px;
        line-height: 115%;
        margin-top: 16px
    }

    .initiatingdescovy .starting-descovy-upper-content-container .upper-content-text-container .content-container.left-container {
        padding-right: 0
    }

    .initiatingdescovy .starting-descovy-upper-content-container .hand-bg-img-container {
        height: 323px;
        width: auto;
        background-size: 1200px
    }

    .initiatingdescovy .starting-descovy-lower-content-container {
        padding: 16px 0 0 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .footnote {
        margin: 0 16px 16px 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .link-text {
        margin-bottom: 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-bg-container {
        width: 318px;
        height: 227px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container {
        padding-top: 48px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container h3 {
        font-family: "WorkSans-Bold";
        font-size: 20px;
        line-height: 23px;
        margin: 0 32px 4px 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .cloud-content-outer-container .cloud-content-table-container table {
        width: 92%
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container {
        padding: 40px 0 0 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container h4 {
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 16px
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container {
        padding-left: 0
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-icon-container {
        padding-right: 16px;
        display: flex;
        align-items: flex-start
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container .list-icon-container img {
        width: 24px;
        height: 24px;
        align-items: flex-start
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .list-container .list-inner-container h5 {
        font-size: 18px;
        line-height: 120%
    }

    .initiatingdescovy .starting-descovy-lower-content-container .lower-content-list-container .lower-footnote {
        margin: 0
    }

    .initiatingdescovy .dancing-callout-container {
        padding: 14px 0 0 0
    }

    .initiatingdescovy .dancing-callout-container h3 {
        width: 80%
    }
}

.followupvisits .cta-primary {
    margin-top: 10px;
    margin-bottom: 20px
}

.followupvisits .follow-up-box {
    color: #004063;
    max-width: 100%
}

.followupvisits .follow-up-box .follow-up-item p {
    margin-bottom: 0
}

.followupvisits .ol-custom {
    color: rgba(0, 0, 0, .7)
}

.followupvisits .ol-custom p {
    position: relative;
    padding-left: 1.5625rem;
    margin-top: 10px
}

.followupvisits .ol-custom strong {
    font-size: 1.7rem;
    position: absolute;
    left: 0;
    color: #4298b5;
    top: 50%;
    transform: translateY(-50%)
}

.followupvisits .follow-up-item {
    padding: 15px 0 15px 60px;
    background-position: center left;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position-y: 18px
}

.followupvisits .follow-up-item--check {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/checkmark-icon-3.svg");
    background-size: 35px 36px
}

.followupvisits .follow-up-item--check span.regular {
    display: block;
    line-height: 1.5;
    margin-left: 20px
}

@media screen and (min-width:1024px) {
    .followupvisits .follow-up-item--check {
        background-position-y: 14px
    }

    .followupvisits .follow-up-item--check span.regular {
        margin-left: 0
    }
}

.followupvisits .follow-up-item--agenda {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/Clipboard-icon-2.svg");
    background-size: 35px 45px
}

.followupvisits .follow-up-item--agenda span.regular {
    display: block;
    line-height: 1.5;
    margin-left: 20px
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .followupvisits .follow-up-item--agenda {
        background-position-y: 1.125rem
    }
}

@media screen and (min-width:1024px) {
    .followupvisits .follow-up-item--agenda {
        background-position-y: .5rem
    }

    .followupvisits .follow-up-item--agenda span.regular {
        margin-left: 0
    }
}

.followupvisits .follow-up-item--comment {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/Conversation-bubble-icon.svg");
    background-size: 45px 45px
}

@media screen and (min-width:1024px) {
    .followupvisits .follow-up-item--comment {
        background-position-y: 12px
    }
}

@media screen and (min-width:1024px) {
    .followupvisits .text-container {
        padding-right: 40px
    }

    .followupvisits .image-container {
        padding: 0
    }

    .followupvisits .image-container img {
        width: 100%
    }

    .followupvisits .follow-up-box .follow-up-item h5 {
        border-bottom: 1px solid #004063;
        padding-bottom: 1.875rem
    }

    .followupvisits .follow-up-box .no-border-bt h5 {
        border-bottom: none;
        padding-bottom: 0
    }

    .followupvisits .heading {
        color: #004063;
        font-family: "WorkSans-Bold"
    }

    .followupvisits .sub-heading {
        width: 100%;
        color: #4298b5;
        font-family: "WorkSans-Bold";
        text-align: left
    }

    .followupvisits .ol-custom {
        padding-bottom: 3em
    }

    .followupvisits .ol-custom p {
        margin-top: 19px
    }

    .followupvisits .cta-primary {
        margin-top: 0;
        max-width: 310px
    }
}

.daytracker ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    margin-top: 3rem
}

.daytracker ul li {
    margin-bottom: 2rem
}

.daytracker ul li>div {
    display: block;
    width: 100%;
    text-align: center
}

.daytracker ul li img {
    width: 20%
}

.daytracker ul li h2 {
    text-align: center;
    width: 93%;
    margin: .5rem auto 0
}

.daytracker ul li:nth-child(3) img {
    width: 15%
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .daytracker ul li img {
        width: 7%
    }

    .daytracker ul li h2 {
        width: 50%
    }

    .daytracker ul li:nth-child(3) img {
        width: 6%
    }
}

@media screen and (min-width:1024px) {
    .daytracker ul li {
        display: flex
    }

    .daytracker ul li>div {
        display: flex;
        align-content: center;
        justify-content: center;
        width: 20%
    }

    .daytracker ul li img {
        width: 60%
    }

    .daytracker ul li img.icon-money {
        height: 72px
    }

    .daytracker ul li img.icon-calendar {
        height: 59px
    }

    .daytracker ul li img.icon-blister {
        height: 57px
    }

    .daytracker ul li h2 {
        width: 74%;
        text-align: left;
        margin-top: 0
    }

    .daytracker ul li:nth-child(2) h2 {
        padding-top: .3rem
    }

    .daytracker ul li:nth-child(3) img {
        width: 40%
    }
}

.daytracker .wp-big-pills {
    text-align: center
}

@media screen and (min-width:768px) and (max-width:1023.9px) {
    .daytracker .wp-big-pills img {
        width: 40%
    }
}

@media screen and (min-width:1024px) {
    .daytracker .wp-big-pills img {
        width: 100%
    }
}

.daytracker .cta-primary {
    width: 100%;
    margin-bottom: 20px
}

@media screen and (min-width:1024px) {
    .daytracker .cta-primary {
        max-width: 330px
    }
}

.daytracker .grades-box {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0
}

.daytracker .grades-box .row {
    border-bottom: 1px solid #000
}

.daytracker .grades-box .row p.number {
    padding-right: 20px;
    font-size: 16px
}

@media screen and (min-width:1024px) {
    .daytracker .grades-box {
        max-width: 446px;
        margin: 0 0 0 20px
    }

    .daytracker .grades-box .row>div:first-child {
        max-width: 280px;
        min-width: 280px
    }

    .daytracker .grades-box .row>div:last-child {
        max-width: 150px;
        min-width: 150px
    }

    .daytracker .grades-box .row p {
        padding: 0
    }

    .daytracker .grades-box .row p.number {
        padding-right: 0
    }

    .daytracker .grades-box .row p.grades-name,
    .daytracker .grades-box .row p.number {
        padding-left: 10px
    }

    .daytracker .wp-big-pills img {
        width: 489px;
        position: absolute;
        right: 15px;
        top: 45px;
        height: auto
    }

    .daytracker .wp-big-pills p {
        position: absolute;
        right: 142px;
        bottom: -168px;
        height: auto
    }
}

.accessresources .body-content {
    max-width: 100%
}

.accessresources .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.accessresources .isi-content>p:last-child {
    margin-bottom: 0;
    padding-bottom: 20px
}

.accessresources h2 .orange {
    font-size: 1.5625rem
}

.copayadvancing .copay-access-upper-content-container {
    padding: 48px 0 68px 0;
    background: #daf1f5
}

.copayadvancing .copay-access-upper-content-container h1 {
    margin-bottom: 16px;
    font-size: 32px;
    line-height: 38px;
    font-family: "WorkSans-Bold"
}

.copayadvancing .copay-access-upper-content-container h2 {
    margin: 28px 0 18px -5px;
    font-size: 20px;
    line-height: 23px;
    font-family: "WorkSans-Bold"
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 16px
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container button {
    padding: 21px 14px;
    width: 100%
}

@media only screen and (min-width:992px) {
    .copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container button {
        width: 425px
    }
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container p {
    margin: 0 16px;
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Bold"
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container {
    display: flex;
    align-items: center
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-icon-container {
    width: 39px
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-icon-container img {
    width: 100%;
    height: auto
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-icon-container a svg path {
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-icon-container a:hover svg path {
    fill: #f04f00
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-content-container {
    width: fit-content;
    display: flex;
    flex-direction: column
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-content-container a {
    text-align: center;
    font-size: 20px;
    line-height: 23px;
    margin: 0;
    text-decoration: underline;
    font-family: "WorkSans-Bold";
    color: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-content-container a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-content-container p {
    font-size: 16px;
    line-height: 19px;
    font-family: "WorkSans-Regular";
    margin: 0
}

.copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container .phone-content-outer-container .phone-content-container p .small-caps {
    font-size: 14px
}

.copayadvancing .copay-access-upper-content-container .footnote {
    font-size: 12px;
    line-height: normal
}

.copayadvancing .copay-access-upper-content-container .footnote a {
    color: #f04f00;
    font-family: "WorkSans-Bold";
    text-decoration: underline;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-upper-content-container .footnote a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container {
    padding: 40px 0;
    background: #fff
}

.copayadvancing .copay-access-lower-content-container .col-lg-4 {
    padding: 0 10px
}

.copayadvancing .copay-access-lower-content-container .no-wrap {
    white-space: nowrap
}

.copayadvancing .copay-access-lower-content-container .icon-card-container {
    padding: 40px 15px;
    border-radius: 10px;
    height: 346px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.copayadvancing .copay-access-lower-content-container .icon-card-container:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2)
}

.copayadvancing .copay-access-lower-content-container .icon-card-container p {
    margin: 0
}

.copayadvancing .copay-access-lower-content-container .icon-card-container ul {
    margin: 0;
    margin-left: 16px;
    color: #000
}

.copayadvancing .copay-access-lower-content-container .icon-card-container ul li {
    margin-bottom: 0
}

.copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container .icon-container {
    padding-right: 24px;
    width: 60px
}

.copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container .icon-container.orange-icon-container {
    width: 80px
}

.copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container .icon-container img {
    width: 100%
}

.copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container h2 {
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold";
    margin: 0
}

.copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container p {
    font-size: 16px;
    line-height: 20px;
    margin: 0
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a {
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a .icon-link-container {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a .icon-link-container p {
    padding-right: 2px;
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Bold"
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a .icon-link-container p::after {
    display: block;
    content: '';
    border-bottom: 2px solid #f04f00;
    transform: scaleX(0);
    transition: transform .5s ease-in-out;
    transform-origin: 100% 50%
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a .icon-link-container svg {
    margin: 0 0 0 12px;
    min-width: 20px
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.pink-link .icon-link-container p {
    color: #a31470
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.pink-link .icon-link-container p svg path {
    fill: #a31470;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.pink-link .icon-link-container p::after {
    border-bottom: 2px solid #a31470
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.green-link .icon-link-container p {
    color: #006c41
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.green-link .icon-link-container p svg path {
    fill: #006c41;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.green-link .icon-link-container p::after {
    border-bottom: 2px solid #006c41
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.orange-link .icon-link-container p {
    color: #f04f00
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.orange-link .icon-link-container p svg path {
    fill: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a.orange-link .icon-link-container p::after {
    border-bottom: 2px solid #f04f00
}

.copayadvancing .copay-access-lower-content-container .icon-card-container a:hover .icon-link-container p::after {
    transform: scaleX(1);
    transform-origin: 0% 50%
}

.copayadvancing .copay-access-lower-content-container .icon-card-container.icon-card-1 {
    background: #fcf6f9
}

.copayadvancing .copay-access-lower-content-container .icon-card-container.icon-card-1 .icon-content-container .icon-container {
    width: auto
}

.copayadvancing .copay-access-lower-content-container .icon-card-container.icon-card-1 .icon-content-container .icon-container img {
    width: 51px
}

.copayadvancing .copay-access-lower-content-container .icon-card-container.icon-card-2 {
    background: #f5f9f8
}

.copayadvancing .copay-access-lower-content-container .icon-card-container.icon-card-3 {
    background: #fffaf7
}

.copayadvancing .copay-access-lower-content-container .blue-box {
    background-color: #f3fafc;
    padding: 12px;
    gap: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    margin-top: 16px
}

.copayadvancing .copay-access-lower-content-container .blue-box p {
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold";
    color: #377f98;
    margin-bottom: 0
}

.copayadvancing .copay-access-lower-content-container .blue-box a .icon-link-container {
    display: flex;
    gap: 16px
}

.copayadvancing .copay-access-lower-content-container .blue-box a p {
    color: #f04f00;
    font-size: 16px;
    line-height: 20px
}

.copayadvancing .copay-access-lower-content-container .blue-box a svg {
    min-width: 20px
}

.copayadvancing .copay-access-lower-content-container .blue-box a:hover p {
    color: #377f98
}

.copayadvancing .copay-access-lower-content-container .blue-box a:hover svg path {
    stroke: #377f98
}

@media only screen and (min-width:992px) {
    .copayadvancing .copay-access-lower-content-container .blue-box {
        flex-direction: row
    }
}

.copayadvancing .copay-access-lower-content-container .live-support-box {
    padding: 30px 20px 0;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-copay-access/live-support-box-m.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    height: fit-content;
    margin-top: 48px
}

.copayadvancing .copay-access-lower-content-container .live-support-box h2 {
    font-size: 1.5rem
}

.copayadvancing .copay-access-lower-content-container .live-support-box p a {
    color: #f04f00;
    font-family: "WorkSans-Bold";
    text-decoration: underline;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .live-support-box p a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .live-support-box .actors.actors-m {
    display: block;
    margin-left: 20px
}

.copayadvancing .copay-access-lower-content-container .live-support-box .actors.actors-d {
    display: none
}

@media only screen and (min-width:992px) {
    .copayadvancing .copay-access-lower-content-container .live-support-box {
        position: relative;
        padding: 24px 287px 24px 32px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/page-copay-access/live-support-box-d.png)
    }

    .copayadvancing .copay-access-lower-content-container .live-support-box .actors.actors-m {
        display: none
    }

    .copayadvancing .copay-access-lower-content-container .live-support-box .actors.actors-d {
        position: absolute;
        bottom: 3px;
        right: 0;
        width: 333px;
        display: block
    }
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container {
    padding-top: 24px
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container h3 {
    font-size: 20px;
    line-height: 23px;
    font-family: "WorkSans-Bold";
    margin-bottom: 24px
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container h4 {
    margin: 40px 0 24px 0;
    font-size: 24px;
    line-height: 28px
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container button {
    padding: 21px 14px
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container p:last-of-type {
    margin-bottom: 0
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container p a {
    color: #f04f00;
    font-family: "WorkSans-Bold";
    text-decoration: underline;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container p a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container .footnote {
    font-size: 12px;
    line-height: 14px
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container .footnote a {
    color: #f04f00;
    text-decoration: underline;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container .footnote a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.copayadvancing .copay-access-lower-content-container .dancing-callout-container {
    padding: 40px 40px 0 220px;
    margin-top: 68px
}

.copayadvancing .copay-access-lower-content-container .dancing-callout-container h5 {
    font-family: "FlatBrush-Regular";
    font-size: 26px;
    line-height: 120%;
    text-align: left
}

.copayadvancing .formulary {
    background-color: #f3fafc;
    padding: 28px 0 40px 0
}

.copayadvancing .formulary coverage-finder .norstella-cf-resultmessage {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .copayadvancing .copay-access-upper-content-container {
        padding: 40px 0 calc(40px - 1rem) 0
    }

    .copayadvancing .copay-access-upper-content-container h1 {
        font-size: 28px;
        line-height: 33px
    }

    .copayadvancing .copay-access-upper-content-container h2 {
        margin: 28px 32px 18px 32px;
        text-align: center
    }

    .copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container {
        flex-direction: column;
        padding: 0
    }

    .copayadvancing .copay-access-upper-content-container .upper-content-btn-outer-container p {
        margin: 16px 0
    }

    .copayadvancing .copay-access-lower-content-container {
        padding-bottom: 0
    }

    .copayadvancing .copay-access-lower-content-container .icon-card-container {
        padding: 28px 24px;
        border-radius: 8px;
        height: fit-content;
        margin-bottom: 16px
    }

    .copayadvancing .copay-access-lower-content-container .icon-card-container .icon-content-container h2 {
        margin-bottom: 16px
    }

    .copayadvancing .copay-access-lower-content-container .icon-card-container .icon-link-container {
        padding-top: 16px
    }

    .copayadvancing .copay-access-lower-content-container .lower-content-lower-copy-container {
        padding-top: 16px
    }

    .copayadvancing .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
        padding: 18px 8px
    }
}

@media screen and (max-width:767px) {
    .copayadvancing .copay-access-lower-content-container .dancing-callout-container {
        margin-top: 40px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/yellow-dancing-figure-mobile-person-down.png);
        padding: 8px 0
    }

    .copayadvancing .copay-access-lower-content-container .dancing-callout-container h5 {
        font-family: "FlatBrush-Regular";
        font-size: 24px;
        line-height: 120%;
        text-align: left;
        width: 80%
    }
}

.register {
    padding-bottom: 2rem
}

.register .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.register .body-content {
    max-width: 100%
}

.register .register-upper-content-container {
    padding-top: 40px
}

.register .privacy-link,
.register .privacy-link:hover {
    text-decoration: underline
}

@media screen and (min-width:1024px) {
    .register .cta {
        max-width: 250px
    }
}

.descovy-form .error>.error-paragraph,
.descovy-form .error-paragraph {
    display: block;
    color: #bc493b;
    margin-top: .75em;
    font-size: 16px;
    font-family: "WorkSans-Bold"
}

.descovy-form form {
    position: relative
}

.descovy-form form h2 {
    line-height: 28px;
    font-size: 24px;
    font-family: "WorkSans-SemiBold"
}

.descovy-form form h3 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    font-size: 20px;
    line-height: 23.5px;
    font-family: "WorkSans-Bold"
}

.descovy-form form h3 img {
    width: 105px
}

@media only screen and (min-width:992px) {
    .descovy-form form h3+ul {
        column-count: 2
    }
}

.descovy-form form p,
.descovy-form form h2 {
    margin: 0
}

.descovy-form form .footnotes {
    margin-top: 1rem
}

.descovy-form form.error .hang {
    color: green
}

.descovy-form form .input-fields input.error,
.descovy-form form .input-wrapper input[type="checkbox"].error+label {
    color: #bc493b
}

.descovy-form form .input-fields input.error+label {
    color: #bc493b;
    border-color: #bc493b
}

.descovy-form form .clearfix {
    display: block
}

.descovy-form form .input-fields {
    margin-top: 2rem;
    color: #000
}

.descovy-form form .input-fields .input-wrapper {
    position: relative;
    margin-bottom: 2em;
    float: left;
    width: 100%
}

.descovy-form form .input-fields .input-wrapper label {
    position: absolute;
    top: -.8rem;
    left: 0;
    border-bottom: 1px solid #898989;
    display: block;
    width: 99%;
    padding-top: .85em;
    height: 2.5em;
    text-transform: unset;
    color: #054062
}

.descovy-form form .input-fields .input-wrapper input {
    outline: 0;
    border: 0;
    width: 97%;
    padding-top: .45em;
    font-size: 1em;
    color: #377f98;
    position: relative;
    z-index: 2;
    background-color: transparent;
    padding-left: 0
}

@media screen and (max-width:767.9px) {
    .descovy-form form .input-fields .input-wrapper {
        width: 100% !important
    }
}

.descovy-form form .input-fields .input-half {
    width: 48%;
    float: left
}

.descovy-form form .input-fields .margin-field {
    margin-left: 4%
}

@media screen and (max-width:767.9px) {
    .descovy-form form .input-fields .margin-field {
        margin-left: 0%
    }
}

.descovy-form form .terms-conditions {
    margin-bottom: 2rem;
    display: inline-block;
    width: 100%
}

.descovy-form form .terms-conditions p {
    text-align: left;
    padding-bottom: .3rem
}

.descovy-form form .terms-conditions p a {
    text-decoration: underline;
    font-family: "WorkSans-Bold";
    color: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.descovy-form form .terms-conditions p a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.descovy-form form .confirm {
    text-align: left
}

.descovy-form form .confirm input[type="checkbox"].error+label+.chkText,
.descovy-form form .confirm input[type="checkbox"].error+label+.chkText span {
    color: #bc493b
}

.descovy-form form .confirm .input-wrapper {
    padding-top: 0;
    position: relative;
    display: inline;
    width: 40%
}

.descovy-form form .confirm input[type="checkbox"] {
    display: none
}

.descovy-form form .confirm input[type="checkbox"]:checked+label {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/checkbox-mark.svg");
    background-size: cover
}

.descovy-form form .confirm input[type="checkbox"]+label {
    height: 40px;
    width: 40px;
    vertical-align: top;
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/blue-box.svg");
    background-size: cover
}

@media screen and (min-width:1024px) {
    .descovy-form form .confirm input[type="checkbox"]+label {
        height: 35px;
        width: 35px;
        margin-top: .3rem
    }
}

.descovy-form form .confirm input[type="checkbox"].error+label {
    background-image: url("/-/media/project/p2phub/p2pdescovyhcp/images/red-box.svg")
}

.descovy-form form .confirm label span {
    color: #054062
}

.descovy-form form .confirm .chkText {
    margin-left: 6px;
    display: inline-block;
    width: 70%;
    vertical-align: top;
    line-height: 1.2;
    color: #377f98;
    font-family: "WorkSans-Bold"
}

.descovy-form form .confirm .chkText span {
    color: #a31470;
    font-family: "WorkSans-Bold"
}

@media screen and (min-width:1024px) {
    .descovy-form form .confirm .chkText {
        text-align: left;
        line-height: 1.5
    }
}

.descovy-form form .confirm input[type="submit"],
.descovy-form form .confirm button[type="submit"] {
    margin-top: 20px;
    outline: none
}

.descovy-form form .confirm input[type="submit"]:hover,
.descovy-form form .confirm button[type="submit"]:hover {
    color: #fff;
    background: #f44f00;
    border: 2px solid #f44f00
}

@media screen and (min-width:1024px) {

    .descovy-form form .confirm input[type="submit"],
    .descovy-form form .confirm button[type="submit"] {
        margin-top: 0;
        width: 330px;
        display: inline-block
    }
}

@media screen and (max-width:1023.9px) {
    .descovy-form form .confirm .input-wrapper {
        display: flex;
        align-items: center;
        width: 100%;
        padding-top: 0;
        margin-bottom: 24px
    }

    .descovy-form form .confirm .input-wrapper .input-wrapper {
        width: 100%;
        padding-top: 0
    }
}

@media screen and (min-width:1024px) {
    .descovy-form form .confirm {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .descovy-form form .confirm button {
        margin-bottom: 0
    }
}

@media only screen and (min-width:992px) {
    .descovy-form form .confirm {
        display: flex;
        flex-direction: row
    }
}

.descovy-form form .confirm .spinner-container {
    width: 70px;
    height: auto;
    position: absolute;
    top: 34%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
    z-index: 2
}

.videos-page .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.videos-page .desktop-only {
    display: none
}

@media(min-width:1023.9px) {
    .videos-page .desktop-only {
        display: inline
    }
}

.videos-page header.p-fixed+.main-content {
    margin-top: 152px
}

@media screen and (max-width:991px) {
    .videos-page header.p-fixed+.main-content {
        margin-top: 210px
    }
}

.additional_resources .additional-resources-upper-content-container,
.videos .additional-resources-upper-content-container {
    padding: 40px 0 0 0;
    background: #fff
}

.additional_resources .additional-resources-upper-content-container h1,
.videos .additional-resources-upper-content-container h1 {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 24px;
    letter-spacing: 0
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container:hover,
.videos .additional-resources-upper-content-container .video-thumb-container:hover {
    cursor: pointer
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container:hover .thumb-container svg,
.videos .additional-resources-upper-content-container .video-thumb-container:hover .thumb-container svg {
    filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .25));
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container:hover .thumb-container svg circle.bluebg,
.videos .additional-resources-upper-content-container .video-thumb-container:hover .thumb-container svg circle.bluebg {
    opacity: 1;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container.green-thumb,
.videos .additional-resources-upper-content-container .video-thumb-container.green-thumb {
    border-bottom: 3px solid #006c41
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container.blue-thumb,
.videos .additional-resources-upper-content-container .video-thumb-container.blue-thumb {
    border-bottom: 3px solid #377f98
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container.orange-thumb,
.videos .additional-resources-upper-content-container .video-thumb-container.orange-thumb {
    border-bottom: 3px solid #f44f00
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container.pink-thumb,
.videos .additional-resources-upper-content-container .video-thumb-container.pink-thumb {
    border-bottom: 3px solid #a31470
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container,
.videos .additional-resources-upper-content-container .video-thumb-container .thumb-container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container img,
.videos .additional-resources-upper-content-container .video-thumb-container .thumb-container img {
    width: 100%;
    height: auto
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container svg,
.videos .additional-resources-upper-content-container .video-thumb-container .thumb-container svg {
    position: absolute;
    height: 75px;
    width: auto;
    filter: drop-shadow(0 4px 4px transparent);
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container svg circle,
.videos .additional-resources-upper-content-container .video-thumb-container .thumb-container svg circle {
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .content-container,
.videos .additional-resources-upper-content-container .video-thumb-container .content-container {
    padding: 14px 4px;
    height: 194px
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .content-container h2,
.videos .additional-resources-upper-content-container .video-thumb-container .content-container h2 {
    font-size: 18px;
    line-height: normal;
    font-family: "WorkSans-Bold";
    margin-bottom: 8px
}

.additional_resources .additional-resources-upper-content-container .video-thumb-container .content-container p,
.videos .additional-resources-upper-content-container .video-thumb-container .content-container p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em
}

.additional_resources .additional-resources-upper-content-container h3,
.videos .additional-resources-upper-content-container h3 {
    margin: 56px 0 24px 0;
    font-size: 24px;
    line-height: 28px
}

.additional_resources .additional-resources-upper-content-container .upper-section-bottom-copy,
.videos .additional-resources-upper-content-container .upper-section-bottom-copy {
    margin-bottom: 24px
}

.additional_resources .additional-resources-upper-content-container .footnote,
.videos .additional-resources-upper-content-container .footnote {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 14px
}

.additional_resources .additional-resources-upper-content-container .footnote:last-of-type,
.videos .additional-resources-upper-content-container .footnote:last-of-type {
    margin: 40px 0
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    margin-bottom: 20px;
    border-radius: 5px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container {
    width: 100%;
    background-color: #f3fafc;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container h4,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container h4 {
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold";
    margin: 0
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container:hover,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container:hover {
    cursor: pointer;
    background-color: #daf1f5
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon {
    width: 24px;
    height: 24px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon .plus-line,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon .plus-line {
    stroke: #004063;
    stroke-width: 4;
    transform: rotate(0deg);
    transition: transform .3s;
    transform-origin: 50% 50%
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon .minus-line,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon .minus-line {
    stroke: #004063;
    stroke-width: 4
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon.active-icon .plus-line,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon.active-icon .plus-line {
    transform: rotate(90deg);
    transition: transform .3s;
    transform-origin: 50% 50%
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container {
    display: grid;
    grid-template-rows: 1fr;
    transform: scaleY(1);
    transition: all .3s ease-out;
    transform-origin: top;
    padding: 0 16px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container>.row,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container>.row {
    overflow: hidden
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container.hidden-dropdown-content,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container.hidden-dropdown-content {
    transform: scaleY(0);
    grid-template-rows: .0001fr
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container {
    padding: 34px 20px;
    border-bottom: 1px solid #000
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container:last-of-type,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container:last-of-type {
    border-bottom: none
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container h5,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container h5 {
    font-size: 19px;
    line-height: 23px;
    font-family: "WorkSans-Bold";
    color: #4298b5;
    margin-bottom: 10px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container p,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .smallcaps,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .smallcaps {
    font-size: 14px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .icons,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .icons {
    display: flex;
    flex-direction: row
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .icons a,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .icons a {
    display: flex;
    gap: 16px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .icons a+a,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .icons a+a {
    margin-left: 100px
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a {
    color: #f04f00;
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Bold";
    text-decoration: none;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg {
    margin: 0
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg>*,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg>* {
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg path,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg path {
    stroke: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg.download-icon path,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg.download-icon path {
    stroke: #f04f00;
    fill: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg>*,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg>* {
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg path,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg path {
    stroke: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg.download-icon path,
.videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg.download-icon path {
    stroke: #377f98;
    fill: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.additional_resources .additional-resources-upper-content-container .insight-row .home-btn-container .cta-btn svg:first-of-type>*,
.videos .additional-resources-upper-content-container .insight-row .home-btn-container .cta-btn svg:first-of-type>* {
    stroke: #fff
}

@media screen and (max-width:991px) {

    .additional_resources .additional-resources-upper-content-container .video-thumb-container,
    .videos .additional-resources-upper-content-container .video-thumb-container {
        margin-bottom: 32px;
        display: grid;
        grid-template-columns: 30% 60%;
        justify-content: flex-start;
        align-items: flex-start;
        grid-gap: 24px
    }

    .additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container,
    .videos .additional-resources-upper-content-container .video-thumb-container .thumb-container {
        grid-column: 1;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container svg,
    .videos .additional-resources-upper-content-container .video-thumb-container .thumb-container svg {
        height: 48px
    }

    .additional_resources .additional-resources-upper-content-container .video-thumb-container .thumb-container img,
    .videos .additional-resources-upper-content-container .video-thumb-container .thumb-container img {
        height: 56px
    }

    .additional_resources .additional-resources-upper-content-container .video-thumb-container .content-container,
    .videos .additional-resources-upper-content-container .video-thumb-container .content-container {
        grid-column: 2;
        padding: 0 0 14px 0;
        height: fit-content
    }

    .additional_resources .additional-resources-upper-content-container .video-thumb-container .content-container h2,
    .videos .additional-resources-upper-content-container .video-thumb-container .content-container h2 {
        margin-bottom: 8px
    }

    .additional_resources .additional-resources-upper-content-container .video-thumb-container .content-container p,
    .videos .additional-resources-upper-content-container .video-thumb-container .content-container p {
        margin: 0
    }

    .additional_resources .additional-resources-upper-content-container .footnote:last-of-type,
    .videos .additional-resources-upper-content-container .footnote:last-of-type {
        margin: 40px 0 16px 0
    }

    .additional_resources .additional-resources-upper-content-container h3,
    .videos .additional-resources-upper-content-container h3 {
        margin: 24px 0
    }

    .additional_resources .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container,
    .videos .additional-resources-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container {
        padding: 14px 16px 34px 16px
    }

    .additional_resources .insight-row>div,
    .videos .insight-row>div {
        display: block
    }

    .additional_resources .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button,
    .videos .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
        padding: 18px 8px
    }
}

.faq .faq-upper-content-container {
    padding: 40px 0 0 0;
    background: #fff
}

.faq .faq-upper-content-container h3 {
    margin: 56px 0 24px 0;
    font-size: 24px;
    line-height: 28px
}

.faq .faq-upper-content-container .footnote-inner {
    font-size: 12px !important;
    line-height: normal !important
}

.faq .faq-upper-content-container .footnote-inner a {
    font-size: 12px !important;
    line-height: normal !important
}

.faq .faq-upper-content-container .footnote {
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 14px
}

.faq .faq-upper-content-container .footnote:last-of-type {
    margin: 24px 0 40px 0
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .15);
    margin-bottom: 20px;
    border-radius: 5px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container {
    width: 100%;
    background-color: #f3fafc;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container h4 {
    font-size: 18px;
    line-height: 21px;
    font-family: "WorkSans-Bold";
    margin: 0;
    width: calc(100% - 34px)
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container h4 .nobreak {
    white-space: nowrap
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container:hover {
    cursor: pointer;
    background-color: #daf1f5
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon {
    width: 24px;
    height: 24px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon .plus-line {
    stroke: #004063;
    stroke-width: 4;
    transform: rotate(0deg);
    transition: transform .3s;
    transform-origin: 50% 50%
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon .minus-line {
    stroke: #004063;
    stroke-width: 4
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-bar-container .icon.active-icon .plus-line {
    transform: rotate(90deg);
    transition: transform .3s;
    transform-origin: 50% 50%
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container {
    display: grid;
    grid-template-rows: 1fr;
    transform: scaleY(1);
    transition: all .3s ease-out;
    transform-origin: top
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container>.row {
    overflow: hidden
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container.hidden-dropdown-content {
    transform: scaleY(0);
    grid-template-rows: .0001fr
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container {
    padding: 4px 16px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container h5 {
    font-size: 19px;
    line-height: 23px;
    font-family: "WorkSans-Bold";
    color: #377f98;
    margin-bottom: 10px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container .smallcaps {
    font-size: 14px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a {
    color: #f04f00;
    font-size: 16px;
    line-height: 20px;
    font-family: "WorkSans-Bold";
    text-decoration: underline;
    transition: all .5s;
    transition-delay: .2s
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg {
    margin: 0 0 2px 10px
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg>* {
    transition: all .5s;
    transition-delay: .2s
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a svg path {
    fill: #f04f00;
    transition: all .5s;
    transition-delay: .2s
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover {
    cursor: pointer;
    color: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg>* {
    transition: all .5s;
    transition-delay: .2s
}

.faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container a:hover svg path {
    fill: #377f98;
    transition: all .5s;
    transition-delay: .2s
}

@media screen and (max-width:991px) {
    .faq .faq-upper-content-container .video-thumb-container {
        margin-bottom: 32px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .faq .faq-upper-content-container .video-thumb-container .thumb-container {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .faq .faq-upper-content-container .video-thumb-container .content-container {
        padding: 14px 4px;
        height: fit-content
    }

    .faq .faq-upper-content-container .video-thumb-container .content-container h2 {
        margin-bottom: 8px
    }

    .faq .faq-upper-content-container .video-thumb-container .content-container p {
        margin: 0
    }

    .faq .faq-upper-content-container h3 {
        margin: 24px 0
    }

    .faq .faq-upper-content-container .dropdown-section-outer-container .dropdown-container .dropdown-content-container .dropdown-content-inner-container {
        padding: 8px 20px 16px 20px
    }

    .faq .btn-callout-container .btn-callout-bg-container .btn-container .bottom-btn-container button {
        padding: 18px 8px
    }
}

.thankyou {
    padding-bottom: 2rem
}

.thankyou .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.thankyou .body-content {
    max-width: 100%
}

.thankyou button {
    padding: 22px 14px
}

.hidden .body-content {
    max-width: 100%
}

.hidden .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.hidden .body-content {
    max-width: 100%
}

.hidden .banner-5yr {
    display: none !important
}

.hidden .lg-confetti-container {
    width: 100%;
    height: 110px;
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/hidden-pages/mb-confetti-bg.png);
    background-repeat: repeat-x;
    background-position: center -12px;
    background-size: 390px 101px
}

@media(min-width:1023.9px) {
    .hidden .lg-confetti-container {
        width: 100%;
        height: 140px;
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/hidden-pages/lg-confetti-bg.png);
        background-position: center top;
        background-size: 1440px 100px;
        background-repeat: repeat-x
    }
}

@media(min-width:1023.9px) {
    .hidden .yr-5-image {
        width: 720px
    }
}

.hidden .flat-brush-text {
    font-family: "FlatBrush-Regular"
}

.hidden h1,
.hidden .blue-stripe h2 {
    font-size: 2rem;
    font-weight: 400
}

@media(min-width:1023.9px) {

    .hidden h1,
    .hidden .blue-stripe h2 {
        font-size: 4.5rem
    }
}

.hidden h4 sup {
    font-size: 75%
}

.hidden .blue-stripe {
    background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/hidden-pages/blue-stripe-mb.svg);
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    height: 68px;
    margin: 2.5rem 0 1.5rem 0;
    width: 100%
}

@media(min-width:1023.9px) {
    .hidden .blue-stripe {
        background-image: url(/-/media/project/p2phub/p2pdescovyhcp/images/hidden-pages/blue-stripe.svg);
        height: 164px
    }
}

.hidden .blue-stripe h2 {
    color: #fff
}

@media(min-width:1023.9px) {
    .hidden .blue-stripe h2 {
        padding-bottom: 8px
    }
}

.hidden .illustration-container img {
    margin: 1rem 0
}

@media(min-width:1023.9px) {
    .hidden .illustration-container img {
        max-width: 375px;
        height: 251px
    }
}

@media(min-width:1023.9px) {
    .hidden .illustration-container .offset-lg-1 {
        margin-left: 5.333333%
    }
}

.hidden .btn-callout-container {
    margin: 1rem 0
}

@media(min-width:1023.9px) {
    .hidden .btn-callout-container {
        margin: 2.5rem 0
    }
}

.sitemap .main-content {
    padding-top: 0 !important;
    max-width: 100%
}

.sitemap .body-content {
    max-width: 100%
}

.sitemap .list {
    list-style: none;
    padding-left: 0;
    color: #004063
}

.sitemap .list-item-parent {
    margin-top: 32px;
    font-family: "WorkSans-Bold"
}

.sitemap .list-item-parent sup {
    text-decoration: none;
    display: inline-block
}

.sitemap .list a {
    color: #f04f00;
    font-family: "WorkSans-Bold";
    border-bottom: 1px solid
}

.sitemap .list a:hover {
    color: #377f98
}

.sitemap .list .list-item-page {
    font-family: "WorkSans-Regular";
    margin-bottom: .9375rem;
    margin-left: 1rem
}

.sitemap .main-isi .isi-content>p:last-child {
    margin-bottom: 0;
    padding-bottom: 20px
}