/* Reaching one year  */
#reaching-one-year .content-wrapper .right-wrap .stop-icon {
    height: 56px;
    width: 100%;
    margin: 0 auto;
}

#reaching-one-year .content-wrapper .right-wrap h2,
#reaching-one-year .content-wrapper .right-wrap h1 {
    text-align: center;
    margin: 24px 0 8px;
}

#reaching-one-year .content-wrapper .right-wrap>p {
    color: #333;
    text-align: center;
}

#reaching-one-year .content-wrapper .right-wrap p.topic-head {
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    margin: 20px 0 32px;
}

#reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap {
    display: flex;
    gap: 32px;
}

#reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a {
    display: flex;
    background: #1b66f5;
    color: #fff;
    width: 319px;
    height: 64px;
    padding: 0 70px 0 24px;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    position: relative;
    transition: 150ms;

    width: 323px;
    height: 64px;
    text-align: center;
    padding: 0 80px;
}
/*#reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a:hover{*/
/*    text-decoration:underline;*/
/*}*/

#reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a:after {
    content: "";
    background-image: url(/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/desktop/imf-arrow.svg);
    width: 30px;
    height: -webkit-fill-available;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    left: auto;
    top: -1px;
    background-size: 100% 100%;
    right: 77px;
}

#reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a.f2-btn-3:after {
    right: 56px;
}

#set-new-goals .roadmap-nav a.nav-6 img,
#reaching-one-year .roadmap-nav a.nav-6 img,#looking-forward-s6 .roadmap-nav a.nav-6 img{
    content: url('/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/desktop/active-six.svg');
    margin-bottom: -5px;
}

#set-new-goals .roadmap-nav .nav-6,
#reaching-one-year .roadmap-nav .nav-6 {
    background-color: #a9c8e7;
}

#reaching-one-year.roadmap .content-wrapper>.cmp-container>div {
    padding-bottom: 60px;
}

#reaching-one-year.roadmap .scroll-sec::-webkit-scrollbar {
    width: 10px;
}

#reaching-one-year.roadmap .scroll-sec::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
    border-radius: 4px;
}

#reaching-one-year.roadmap .scroll-sec::-webkit-scrollbar-track {
    background: #ededed;
}

#looking-forward-s6.roadmap .content-wrapper .right-wrap {
    padding: 0;
    border-radius: 0;
}

#looking-forward-s6 .content-container {
    padding: 0 32px;
    margin-bottom: 32px;
}

#looking-forward-s6 .content-container.treatment-journey-content {
    background: #CCDDF1;
    padding: 32px 20px 32px 32px;
    margin-bottom: 0;
}

#looking-forward-s6 .content-container.treatment-journey-content h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 800;
    margin: 0 0 4px;
}

#looking-forward-s6 .blue-link-s6 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #1B66F5;
    margin-top: 32px;
    border-bottom: 4px solid #A9C8E7;
    max-width: max-content;
    padding-bottom: 4px;
    transition: 150ms;
}

#looking-forward-s6 .blue-link-s6 img {
    max-width: 24px;
    width: 24px;
}

#looking-forward-s6 .blue-link-s6:hover {
    transition: 150ms;
    gap: 24px;
}

#looking-forward-s6 .content-container.treatment-journey-content ul {
    padding: 16px 0 0 30px;
    list-style: inside;
    list-style-position: outside;
}

#looking-forward-s6 .content-container.treatment-journey-content ul li {
    font-size: 18px;
    line-height: 24px;
}

#looking-forward-s6 .right-wrap #carasual-main-wrapper {
    background-image: url(/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/desktop/quotes-bg.webp);
    height: 469px;
    background-size: 100% 100%;
    margin-top: 0;
    padding: 26px 32px 32px;
    /* pointer-events: none; */
}

#looking-forward-s6 .right-wrap #carasual-main-wrapper .heading {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 425;
    line-height: 30px;
}

#looking-forward-s6 .right-wrap #carasual-main-wrapper .heading .one {
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    display: inline-block;
    padding-bottom: 5px;
}

#looking-forward-s6 .right-wrap #carasual-main-wrapper .heading .two {
    font-size: 40px;
    font-weight: 700;
    line-height: 30px;
}

#looking-forward-s6 .right-wrap .quote-container {
    background-color: #fff;
    padding: 26px 57px;
    width: 504px;
    margin: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 55px;
}

#looking-forward-s6 .right-wrap .quote-container p {
    font-size: 25px;
    font-weight: 425;
    text-align: center;
    line-height: 32px;
    color: #193965;
}

#looking-forward-s6 .right-wrap .quote-container .author {
    font-size: 18px;
    font-weight: 800;
    margin-top: 11px;
    line-height: 24px;
}

#looking-forward-s6 .right-wrap .quote-container:before {
    content: url(/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/desktop/quote-left.svg);
    position: absolute;
    left: -17px;
    top: -20px;
}

#looking-forward-s6 .right-wrap .quote-container:after {
    content: url(/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/desktop/quote-right.svg);
    position: absolute;
    left: auto;
    bottom: -28px;
    right: -15px;
}

#looking-forward-s6.roadmap .cmp-carousel__item {
    display: block;
    /* max-width: 100%; */
}

#looking-forward-s6.roadmap #imfinzi-works-carousel {
    border-radius: 0;
    background: transparent;
}

#looking-forward-s6.roadmap .cmp-carousel-horizontal .cmp-carousel__indicators {
    align-items: center;
    gap: 16px;
    display: none;
}

#looking-forward-s6.roadmap .cmp-carousel-horizontal .cmp-carousel__indicator {
    background: #fff;
    width: 8px;
    height: 8px;
    gap: 16px;
}

#looking-forward-s6.roadmap .cmp-carousel-horizontal .cmp-carousel__indicator--active {
    width: 16px;
    height: 16px;
}

#looking-forward-s6 .cmp-carousel__action--next {
    transform: rotate(0deg);
    right: 34%;
}

#looking-forward-s6 .cmp-carousel__action {
    font-size: 0;
    background: transparent;
    content: '';
    background-image: url(/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/desktop/Next-button-active.svg);
    width: 48px;
    height: 48px;
}

#looking-forward-s6.roadmap .cmp-carousel__item:last-child, #looking-forward-s6.roadmap .cmp-carousel-horizontal .cmp-carousel__indicator:last-child, #looking-forward-s6 .cmp-carousel__action {
    display: none;
}

#looking-forward-s6.roadmap .static-container .roadmap-nav a:nth-child(6) {
    background: #a9c8e7;
}



@media (min-width: 992px) {
    #reaching-one-year .transcript-content {
        width: 1132px;
        overflow-y: auto;
    }

    #reaching-one-year .left-wrap {
        margin-right: 0px;
    }

    #reaching-one-year .content-wrapper .right-wrap {
        padding: 60px 49px;
        height: 476px;
        max-width: 100%;
        border-radius: 0px 24px 24px 0px;
    }

    #reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a:hover {
        background-color: #1741b6;
    }

    #reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a:hover::after {
        right: 70px;
    }

    #reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a.f2-btn-3:hover::after {
        right: 50px;
    }
    .roadmap#reaching-one-year .static-container .roadmap-nav .nav-6 p,.roadmap#looking-forward-s6 .static-container .roadmap-nav .nav-6 p,.roadmap#set-new-goals .static-container .roadmap-nav .nav-6 p{
        margin-bottom: -5px;
    }
}

@media (max-width: 991px) {
    #reaching-one-year .content-wrapper .right-wrap {
        margin: 42px 0px 0px;
        border-radius: 24px;
        height: auto;
        padding: 60px 49px;
    }

    #reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap {
        flex-direction: column;
    }

    #reaching-one-year .content-wrapper .left-wrap h1 {
        color: rgb(255, 255, 255);
        font-size: 26px;
        font-weight: 425;
        line-height: 32px;
        letter-spacing: 0.52px;
    }

    #set-new-goals .roadmap-nav a.nav-6 img,
    #reaching-one-year .roadmap-nav a.nav-6 img,#looking-forward-s6 .roadmap-nav a.nav-6 img{
        margin-left: -4px;
    }

    #reaching-one-year.roadmap .transcript-sec {
        margin: 30px auto 0;
    }

    #reaching-one-year .content-wrapper .right-wrap .stop-icon {
        margin-bottom: 20px;
        vertical-align: middle;
    }

    #reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a {
        width: 328px;
        max-width: 328px;
    }

    #reaching-one-year .page-topic-dropdown.show .sec-btn-wrap a.f2-btn-3:after {
        top: 25px;
    }

    #reaching-one-year.roadmap .content-wrapper>.cmp-container>div {
        padding-bottom: 40px;
    }

    #reaching-one-year .content-wrapper .right-wrap p.topic-head {
        margin: 20px 0 18px;
    }

    #reaching-one-year .content-wrapper .right-wrap .sec-btn-wrap a:after {
        right: 58px;
    }

    #looking-forward-s6 .content-container {
        margin-top: 32px;
        padding: 0 16px;
    }

    #looking-forward-s6 .blue-link-s6 {
        gap: 14px;
    }

    #looking-forward-s6 .content-container.treatment-journey-content {
        padding: 32px 16px;
    }

    #looking-forward-s6 .right-wrap .quote-container {
        max-width: 86.1%;
        padding: 20px 24px;
        margin-top: 35px;
        margin-bottom: 10px;
        /* margin: 0 auto; */
    }

    #looking-forward-s6 .right-wrap .quote-container:before {
        left: -13px;
        top: -32px;
    }

    #looking-forward-s6.roadmap .cmp-carousel-horizontal .cmp-carousel__indicators {
        transform: translateY(128px);
    }

    #looking-forward-s6.roadmap #imfinzi-works-carousel {
        height: 340px;
        max-width: 100%;
    }

    #looking-forward-s6.roadmap .content-wrapper>.cmp-container>div {
        padding-bottom: 0;
    }

    #looking-forward-s6 .container.responsivegrid.video-module.aem-GridColumn.aem-GridColumn--default--12,
    #set-new-goals .container.responsivegrid.video-module.aem-GridColumn.aem-GridColumn--default--12{
        margin: 0 auto;
        float: inline-end;
    }

    #looking-forward-s6.roadmap .title-wrap.mobile-only,
    #set-new-goals.roadmap .title-wrap.mobile-only
    {
        max-width: 356px;
    }

    #looking-forward-s6.roadmap .content-wrapper .right-wrap {
        float: none;
        margin: 45px auto 0;
        max-width: 900px;
    }
    #looking-forward-s6.roadmap .cmp-carousel__item {
        max-width: 100%;
    }
}

/* End  */

/* Set new goals  */
#set-new-goals .content-wrapper .right-wrap {
    padding: 0;
    border-radius: 0;
}

#set-new-goals .content-container {
    padding: 0 32px;
    margin-bottom: 32px;
}

#set-new-goals .section-goals {
    background: #E2ECF7;
    padding: 32px;
}

#set-new-goals .section-goals h2 {
    font-size: 22px;
    font-weight: 800;
    line-height: 30px;
    color: #193965;
    margin: 0 0 24px;
}

#set-new-goals .section-goals h2 {
    margin-bottom: 10px;
}

#set-new-goals .section-goals ul {
    margin: 0;
    padding: 0;
}

#set-new-goals .section-goals ul li {
    list-style-type: none;
    background: #fff;
    padding: 18.5px 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 2px;
}

#set-new-goals .section-goals ul li {
    color: #193965;
}

#set-new-goals .section-goals ul li strong {
    font-weight: 800;
}

#set-new-goals .section-goals a.blue-link {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: #1B66F5;
    margin-top: 32px;
    border-bottom: 4px solid #A9C8E7;
    max-width: max-content;
    padding-bottom: 4px;
    transition: 150ms;
}

#set-new-goals .section-goals a.blue-link img {
    width: 24px;
}

#set-new-goals .section-goals a.blue-link:hover {
    transition: 150ms;
    gap: 24px;
}

#set-new-goals .mb-20 {
    margin-bottom: 20px;
}

#set-new-goals.roadmap .content-wrapper>.cmp-container>div {
    padding-bottom: 64px;
}

#set-new-goals .video-module .cmp-video__player, #set-new-goals .video-module .cmp-video__video,#looking-forward-s6 .video-module .cmp-video__player, #looking-forward-s6 .video-module .cmp-video__video {
    border-radius: 24px;
}
#set-new-goals .left-wrap .video-desc,#looking-forward-s6 .left-wrap .video-desc{
    border-radius: 0 0 24px 24px;
}


@media (min-width: 992px) {}

@media (max-width: 991px) {
    #set-new-goals .content-container {
        margin-top: 32px;
        padding: 0 16px;
    }

    #set-new-goals.roadmap .transcript-sec {
       /* margin: 90px auto 0;*/
    }
    #set-new-goals.roadmap .transcript-sec.active .transcript-content{
        width: 100%;
    }
    #set-new-goals.roadmap .content-wrapper .right-wrap {
        margin: 32px 0 0 0;
        max-width: 100%;
    }

    #set-new-goals .section-goals {
        padding: 32px 16px;
    }

    #set-new-goals.roadmap .content-wrapper>.cmp-container>div {
        padding-bottom: 0;
    }
    #looking-forward-s6.roadmap .video-module .cmp-video__player, 
    /* .roadmap .video-module .cmp-video__video, */
    #set-new-goals.roadmap .video-module .cmp-video__player 
    /* .roadmap .video-module .cmp-video__video */
    {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #set-new-goals.roadmap .left-wrap .video-desc{
       /* bottom: -56px;*/
    }
    #looking-forward-s6.roadmap .left-wrap .video-desc{
       /* bottom: -80px;*/
    }
    #looking-forward-s6.roadmap .transcript-sec {
       /* margin: 120px auto 0;*/
    }
    #looking-forward-s6.roadmap .transcript-sec.active .transcript-content{
       /* width: 96%; */
    }
    
    .roadmap#looking-forward-s6 .page-topic-dropdown.show .sec-btn-wrap a.f2-btn-3:after,#set-new-goals .page-topic-dropdown.show .sec-btn-wrap a.f2-btn-3:after{
        top: 22px;
    }
    .roadmap#looking-forward-s6 .footer-btn-wrap{
        margin-bottom: 0;
    }
    #looking-forward-s6 .right-wrap .quote-container:after{
            right: -9px;
    }
    
}

/* End  */





/* fludic */
@media (min-width: 992px) and (max-width: 1132px) {
    #looking-forward-s6.roadmap .content-wrapper .right-wrap {
        max-width: 60%;
    }

    #looking-forward-s6.roadmap .cmp-carousel__item {
        max-width: 560px;
    }

    #looking-forward-s6 .right-wrap .quote-container {
        width: 510px;
    }

    .roadmap .static-container .roadmap-nav .roadmap-content {
        left: calc(50% - 492px);
    }

    .roadmap .static-container .roadmap-nav a {
        max-width: 140px;
        padding: 0 10px 10px;
    }

    .roadmap .content-wrapper>.cmp-container>div {
        max-width: 980px;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    #looking-forward-s6 .right-wrap #carasual-main-wrapper {
        padding: 15px;
        height: 592px;
        background-image: url(/content/dam/intelligentcontent/brands/imfinzi-dtc/us/en/sclc/roadmap/images/mobile/quote.webp);
    }
}

@media (max-width: 380px) {
    #looking-forward-s6.roadmap .video-module,
    #set-new-goals.roadmap .video-module
     {
        width: 290px !important;
    }
    #looking-forward-s6.roadmap .video-module .cmp-video__player, #looking-forward-s6.roadmap .video-module .cmp-video__video,
    #set-new-goals.roadmap .video-module .cmp-video__player, #set-new-goals.roadmap .video-module .cmp-video__video
    {
        width: 290px;
        height: 340px !important;
    }
    #looking-forward-s6.roadmap .video-module .cmp-video__player, .roadmap .video-module .cmp-video__video,
    #set-new-goals.roadmap .video-module .cmp-video__player, .roadmap .video-module .cmp-video__video
    {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    #looking-forward-s6.roadmap .left-wrap .video-desc{
        border-radius: 0 0 24px 24px;
        max-width: 290px;
        bottom: -102px;
    }    
    #set-new-goals.roadmap.roadmap .left-wrap .video-desc{
        bottom: -56px;
    }
    #looking-forward-s6.roadmap .content-wrapper .right-wrap{
        margin: 25px auto 0;
    }
    #looking-forward-s6.roadmap #set-new-goals .transcript-sec {
        margin: 130px auto 0;
    }
    #set-new-goals.roadmap .transcript-sec {
        margin: -40px auto 0;
    }
    #looking-forward-s6.roadmap .transcript-sec.active .transcript-content,
    #set-new-goals.roadmap .transcript-sec.active .transcript-content
     {
        max-width: 290px;
    }
    #looking-forward-s6.roadmap .static-container .roadmap-nav,
    #set-new-goals .static-container .roadmap-nav{
        width: 290px;
        left: calc(50% - 150px);
    }
    #looking-forward-s6.roadmap .page-topic-dropdown,
    #set-new-goals .page-topic-dropdown{
        left: calc(50% - 150px);
        width: 290px;
    }
    #looking-forward-s6 .right-wrap .quote-container:after{
        right: -5px;
    }
    #looking-forward-s6 .right-wrap #carasual-main-wrapper{
        height: 500px;
    }
   .roadmap .page-topic-dropdown .sec-btn-wrap a{
        width: 255px;
   }
   .roadmap .static-container .roadmap-nav a{
        max-width: 290px;
        text-align: left;
   }
}
