.deep-dive span {
    color: inherit;
}


.deep-dive.fixed-nav {
    padding-top: 40px;
}
.deep-dive.fixed-nav .sticky-nav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
}
.deep-dive .header-container .deep-dive-banner {
    padding: 2em 0 0 0;
}
@media (min-width: 670px) {
    .deep-dive .header-container .deep-dive-banner {
        padding: 0;
    }
}
.deep-dive .header-container .page-title {
    padding: 0 15px;
}
@media (min-width: 840px) {
    .deep-dive .header-container .page-title {
        padding: 0 90px;
    }
}
.deep-dive .header-container .page-title .deep-dive-label {
    position: relative;
    left: -15px;
    font-size: 18px;
    padding: 1em 0 2px 15px;
    width: 164px;
    border-bottom: solid 1px #fff;
    color: #fff;
}
@media (min-width: 840px) {
    .deep-dive .header-container .page-title .deep-dive-label {
        left: -90px;
    }
}
@media (min-width: 60em) {
    .deep-dive .header-container .page-title .deep-dive-label {
        font-size: 24px;
    }
}
@media (min-width: 840px) {
    .deep-dive .header-container .page-title .deep-dive-label {
        padding: 0 0 7px 90px;
        width: 290px;
    }
}
.deep-dive .header-container .page-title .deep-dive-label:after {
    content: "";
    height: 7px;
    width: 7px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    bottom: -3.5px;
    right: -3.5px;
}
.deep-dive .header-container .page-title h1 {
    font-size: 28px;
    font-weight: 400;
    margin: 0.5em 0 0 0;
    padding-bottom: 2em;
    text-transform: uppercase;
}
@media (min-width: 60em) {
    .deep-dive .header-container .page-title h1 {
        font-size: 45px;
    }
}
@media (min-width: 840px) {
    .deep-dive .header-container .page-title h1 {
        margin-top: 1em;
    }
}
.deep-dive .header-container .page-title h1 strong {
    font-weight: 900;
}
.deep-dive .sticky-nav {
    position: relative;
    background: #d1d1d1;
    border-bottom: 1px solid #0f9bd8;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav {
        display: flex;
        height: 40px;
        border: none;
    }
}
.deep-dive .sticky-nav .nav-title {
    background: #d1d1d1;
    left: 10px;
    position: absolute;
    top: -22px;
    z-index: 1;
    padding: 5px 10px 0 10px;
    font-weight: 900;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-title {
        border-bottom: 2px solid #0f9bd8;
        display: none;
        left: auto;
        padding: 0 2em 0 90px;
        top: auto;
        position: relative;
    }
}
@media screen and (min-width: 1080px) {
    .deep-dive .sticky-nav .nav-title {
        display: flex;
    }
}
.deep-dive .sticky-nav .arrow-down {
    right: 15px;
    top: 15px;
}
.deep-dive .sticky-nav .arrow-down .icon-caret-circle-down {
    display: block;
    font-size: 24px;
}
.deep-dive .sticky-nav .arrow-down .icon-caret-circle-down .path1:before {
    color: #0076ad;
}
.deep-dive .sticky-nav .arrow-down .icon-caret-circle-down .path2:before {
    display: none;
}
.deep-dive .sticky-nav .icon-cross {
    color: #000;
    right: 32px;
    top: 19px;
}
.deep-dive .sticky-nav .icon-cross .icon-caret-circle-down {
    display: none;
}
.deep-dive .sticky-nav .dive-mini-nav {
    position: absolute;
    z-index: 1;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .dive-mini-nav {
        display: none;
        right: auto;
        top: 40px;
    }
}
.deep-dive .sticky-nav.is-open-mobile .dive-mini-nav {
    height: 0;
    width: 0;
}
.deep-dive .sticky-nav .nav-link {
    background: #0f9bd8;
    color: #fff;
    align-items: flex-start;
    display: flex;
    font-size: 16px;
    font-weight: 440;
    height: 100%;
    min-height: 50px;
    padding: 14px 0 0 3%;
    position: relative;
    text-decoration: inherit;
    width: 100%;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link:first-of-type .module_no {
        border-left: 1px solid #fff;
    }
}
.deep-dive .sticky-nav .nav-link .module_no {
    display: none;
    padding-right: 2%;
    padding-left: 2px;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link .module_no {
        border-right: 1px solid #fff;
        display: block;
        width: 100%;
        text-align: center;
        height: 100%;
        background: 0 0;
        padding-right: 2%;
        padding-left: 2px;
        padding-top: 9px;
    }
}
@media screen and (max-width: 839px) {
    .deep-dive .sticky-nav .nav-link {
        display: none;
        justify-content: normal;
    }
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link {
        background: 0 0;
        color: inherit;
        font-size: 14px;
        font-weight: 400;
        min-height: auto;
        width: 36px;
        padding-left: 0;
        padding-top: 0;
    }
    .deep-dive .sticky-nav .nav-link.complete {
        background: #0f9bd8;
        border-bottom: 2px solid #0f9bd8;
        color: #fff;
    }
}
@media screen and (min-width: 919px) {
    .deep-dive .sticky-nav .nav-link {
        width: 40px;
    }
}
@media screen and (min-width: 1080px) {
    .deep-dive .sticky-nav .nav-link {
        width: 38px;
    }
}
@media screen and (min-width: 1200px) {
    .deep-dive .sticky-nav .nav-link {
        width: 40px;
    }
}
.deep-dive .sticky-nav .nav-link:last-of-type {
    position: relative;
    text-transform: uppercase;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link:last-of-type {
        border-right: 1px solid #fff;
        padding: 9px 10px;
        width: auto;
    }
}
@media screen and (min-width: 1080px) {
    .deep-dive .sticky-nav .nav-link:last-of-type {
        padding: 9px 15px;
    }
}
@media screen and (min-width: 1100px) {
    .deep-dive .sticky-nav .nav-link:last-of-type {
        padding: 9px 22px;
    }
}
.deep-dive .sticky-nav .nav-link:last-of-type .mod-more {
    left: 1.3%;
    position: absolute;
    top: 11.5px;
}
@media screen and (min-width: 570px) {
    .deep-dive .sticky-nav .nav-link:last-of-type .mod-more {
        left: 2%;
    }
}
@media screen and (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link:last-of-type .mod-more {
        left: -3px;
        top: 7.5px;
    }
}
@media screen and (min-width: 1080px) {
    .deep-dive .sticky-nav .nav-link:last-of-type .mod-more {
        left: 0;
    }
}
@media screen and (min-width: 1100px) {
    .deep-dive .sticky-nav .nav-link:last-of-type .mod-more {
        left: 8px;
    }
}
.deep-dive .sticky-nav .nav-link:last-of-type .txt {
    left: 14px;
    top: 0;
}f
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link:last-of-type .txt {
        left: 6px;
    }
}
.deep-dive .sticky-nav .nav-link .learning-module-sub-nav {
    background: #d1d1d1;
    width: 82%;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link .learning-module-sub-nav {
        display: none;
        position: absolute;
        width: auto;
        background: #0f9bd8;
        top: 40px;
        left: 0;
    }
}
.deep-dive .sticky-nav .nav-link .learning-module-sub-nav .learning-module-title {
    color: #fff;
    display: flex;
    padding: 0 0 10px 0;
}
.deep-dive .sticky-nav .nav-link .learning-module-sub-nav .learning-module-title .sec-no {
    min-width: 32px;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link .learning-module-sub-nav .learning-module-title {
        padding: 0 0.8em 10px 0.8em;
    }
}
.deep-dive .sticky-nav .nav-link .learning-module-sub-nav .learning-module-title.sub-section-link {
    display: none;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link .learning-module-sub-nav .learning-module-title {
        font-size: 1em;
        height: 34px;
        width: auto;
        padding: 0.5em 0.8em;
        white-space: nowrap;
    }
    .deep-dive .sticky-nav .nav-link .learning-module-sub-nav .learning-module-title.sub-section-link {
        display: flex;
        border-top: 1px solid #fff;
    }
}
.deep-dive .sticky-nav .nav-link.current {
    background: #d1d1d1;
    color: #0f9bd8;
    display: flex;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link.current {
        position: relative;
        background: #0f9bd8;
        color: #fff;
        border-bottom: 2px solid #0f9bd8;
        font-weight: 440;
    }
    .deep-dive .sticky-nav .nav-link.current .sub-section-link {
        font-weight: 400;
    }
    .deep-dive .sticky-nav .nav-link.current:after {
        position: absolute;
        top: 40px;
        left: 5px;
        display: block;
        content: "";
        height: 0;
        width: 0;
        border-top: 10px solid #0f9bd8;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
}
.deep-dive .sticky-nav .nav-link.current .module_no {
    font-weight: 700;
    border-bottom: solid 2px;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link.current .module_no {
        border-bottom: none;
    }
}
.deep-dive .sticky-nav .nav-link.current .dive-mini-nav {
    display: block;
}
.deep-dive .sticky-nav .nav-link.current .learning-module-title {
    color: #000;
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link.current .learning-module-title {
        background: #0f9bd8;
        color: #fff;
    }
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link:hover {
        cursor: pointer;
        color: #fff;
        background: #0f9bd8;
        opacity: 1;
    }
}
@media (min-width: 840px) {
    .deep-dive .sticky-nav .nav-link:hover > .learning-module-sub-nav {
        display: block;
    }
}
@media screen and (max-width: 839px) {
    .deep-dive .sticky-nav.is-open-mobile {
        max-height: 100%;
        overflow-y: auto;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 11;
    }
}
@media screen and (max-width: 839px) {
    .deep-dive .sticky-nav.is-open-mobile .nav-link {
        border-bottom: 1px solid #fff;
        display: flex;
    }
}
@media screen and (max-width: 839px) {
    .deep-dive .sticky-nav.is-open-mobile :not(.current) .learning-module-sub-nav {
        background: #0f9bd8;
    }
}

@media screen and (max-width: 839px) {
    .deep-dive .is-open-mobile .nav-title {
        display: none;
    }
}