body{

}




#optimizing-crt .os-banner--section {
    height: 174px;
    background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/desktop/OS-hero-bg.png) no-repeat;
    background-size: cover;
}
#optimizing-crt .os-banner--section .cmp-title__text {
    font-family: "lexia", serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    max-width: 1038px;
    margin: 0 auto;
    padding-top: 30px;
}
#optimizing-crt .section__one.page-section, .outcomes-resectable-page .section__two.page-section {
    padding-top: 20px;
    /*border: 1px solid #000;*/
}
#optimizing-crt  .section__head:before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #F0AB00;
    position: absolute;
}
#optimizing-crt  p.section-label {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #5A0D38;
    padding: 9px 0 13px 0px;
    width: fit-content;
    position: absolute;
    top: 0px;
    background: #fff;
    margin-left: 12px;
}
#optimizing-crt  .section__two p.section-label {
    top: -21px;   
}
#optimizing-crt p.section-label .dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #F0AB00;
    border-radius: 50%;
}
#optimizing-crt p.section-label .dot-left {
    margin-right: 25px;
}
#optimizing-crt p.section-label .dot-right {
    margin-left: 25px;
}
#optimizing-crt .inner-section {
    max-width: 1038px;
    margin: 0 auto;
}
#optimizing-crt .section-head {
    color: #5A0D38;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    padding-top: 30px;
    width: 90%;
    margin-bottom: 10px;
}
#optimizing-crt .inner-section.section-two-col--grid > div > .aem-Grid {
    display: flex;
    padding: 16px 0 48px;
}

#optimizing-crt .inner-section.section-two-col--grid {
    max-width: 935px;
    margin: 0 auto;
    float: none !important;
}

#optimizing-crt .inner-section.section-two-col--grid > div > .aem-Grid > .text:first-child {
    margin-right: 35px;
}
#optimizing-crt .inner-section.section-two-col--grid > div > .aem-Grid > .text {
    max-width: 450px;
}
#optimizing-crt .box-wrapper {
    border-radius: 20px;
    border: 1px solid rgba(63, 68, 68, 0.10);
    background: #FFF;
    box-shadow: 2px 4px 5px 0 rgba(90, 13, 56, 0.75);
}
#optimizing-crt .section-two-col.section-two-col1 {
    padding: 42px 51px 42px 88px;
    background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/desktop/vector-42percent-bg.png) no-repeat;
    background-position-x: 34px;
}
#optimizing-crt .section-head3 {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #3F4444;
    text-align: center;
    width: 311px;
    height: 182px;
    display: flex;
    border-radius: 17.822px;
    border: 1.782px solid rgba(90, 13, 56, 0.15);
    background: #FFF;
    box-shadow: 0 3.564px 3.564px 0 rgba(0, 0, 0, 0.05);
    padding: 35px 10px 29px;
}
#optimizing-crt .section-head3 {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #3F4444;
    text-align: center;
    width: 311px;
    height: 182px;
    display: flex;
    border-radius: 17.822px;
    border: 1.782px solid rgba(90, 13, 56, 0.15);
    background: #FFF;
    box-shadow: 0 3.564px 3.564px 0 rgba(0, 0, 0, 0.05);
    padding: 35px 10px 29px;
}
#optimizing-crt .section-head3 span.percent-val {
    color: #5A0D38;
    text-align: center;
    font-family: "lexia", serif;
    font-size: 60px;
    font-style: normal;
    font-weight: 600;
    line-height: 31.191px;
    display: inline-block;
    padding-bottom: 25px;
    position: relative;
    top: 4px;
}
#optimizing-crt .bold-txt {
    font-weight: 700;
}

#optimizing-crt .section-two-col.section-two-col2 {
    padding: 42px 69px 42px 68px;
    background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/desktop/vector-62percent-bg.png) no-repeat;
    background-position: 0px bottom;
}
#optimizing-crt span.eyebrow-text {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 10px;
}
#optimizing-crt p.section-copy {
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    color: #000;
}
#optimizing-crt .box-wrapper.section_two__box {
    max-width: 935px;
    margin: 29px auto 33px;
    counter-reset: my-handy-counter;
    /* padding: 31px 10px 22px; */
    padding: 50px 82px 22px 71px;
    background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/desktop/optimizing_crt_vector_21.png) no-repeat;
        background-position-x: 39px;
}
#optimizing-crt .box-wrapper.section_two__box .inner-box {
    counter-increment: my-handy-counter;
    position: relative;
    max-width: 761px;
    border-radius: 20px;
    border: 2px solid rgba(90, 13, 56, 0.15);
    background: #FFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    /* margin: auto; */
    padding: 13px 41px;
    display: flex;
    align-items: center;
}
#optimizing-crt .box-wrapper.section_two__box > .inner-box:not(:last-child) {
    margin-bottom: 38px;
}
#optimizing-crt .box-wrapper.section_two__box .inner-box{
    height: 100px;
}
#optimizing-crt .box-wrapper.section_two__box .inner-box:before {
    content: "0" counter(my-handy-counter);
    color: #fff;
    width: 28px;
    height: 28px;
    background: #5A0D38;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    top: 50%;
    left: -14px;
    transform: translateY(-50%);
}
#optimizing-crt .box-wrapper.section_two__box > .inner-box p{
        color: #3F4444;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}
#optimizing-crt .nccn-wrapper{
    display: flex;
    gap: 45px;
}
#optimizing-crt .nccn-text1, #optimizing-crt .nccn-text2{
    background: rgba(240, 171, 0, 0.15);
    color: #5A0D38;
    border-radius: 20px;
    padding: 41px 56px 47px 50px;
    text-align: center;
    font-family: "lexia", serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    max-width: 498px;
}
#optimizing-crt .nccn-text2{
    padding: 50px 58px 56px 55px;
}
#optimizing-crt .nccn-text3{
    color: var(--Maroon, #5A0D38);
    text-align: center;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    margin: 22px 0 25px;   
}
#optimizing-crt a.learn-cta {
    max-width: 450px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 27px;
    gap: 20px;
    border-radius: 30px;
    background: #5A0D38;
    font-family: "helvetica-neue-lt-pro", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    color: #ffffff;
    margin: auto;
    text-decoration: none;
}
#optimizing-crt a.learn-cta:hover {
    background: #fff;
    color: #5A0D38;
    border: 1px solid #000;   
}
#optimizing-crt .two-video--group .aem-Grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 42px;
}
#optimizing-crt .video-wrap > .cmp-container {
    max-width: 501px;
}
#optimizing-crt .box-wrapper.section_two__box p> b{
       color:#5A0D38;
}
#optimizing-crt .video-wrap .video-wrap__title-block  {
        width: 325px;
        margin: 0 auto;
    }
#optimizing-crt .key-points__head {    
    justify-content: flex-start;    
}
#optimizing-crt .video-wrap {
    padding: 40px 20px 90px;
    width:501px;
}
#optimizing-crt span.number-pre-sym {
    position: relative;
    top: 7px;
}


@media screen and (max-width: 991px) {
     #optimizing-crt .os-banner--section .cmp-title__text {
         font-size: 19.5px;
        line-height: 22px;
        letter-spacing: -0.39px;
        padding: 20px 30px 0;
    }
    #optimizing-crt .os-banner--section {
        background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/mobile/Hero_Mobile_optimizing_crt.png) no-repeat;
        background-size: cover;
        min-height: 46vw;
    }
    #optimizing-crt .inner-section {
        padding:0 30px;   
    }
    #optimizing-crt .section-head {
        font-size: 18px;
        line-height: 20px;
        padding-top: 22px;
        width: 100%;
    }
    #optimizing-crt .section__one .section-head {
        letter-spacing: -0.18px;   
    }
    #optimizing-crt .section-two-col.section-two-col1 {
        padding: 68px 20px 73px 19px;
        background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/mobile/Vector_21_mobile_41.png) no-repeat;
        background-position: center;
        margin-bottom: 11px;
    }
    #optimizing-crt .section-head3 span.percent-val {
        font-size: 50px;   
    }
    #optimizing-crt .inner-section.section-two-col--grid > div > .aem-Grid {
        flex-direction: column;   
    }
    #optimizing-crt .section-head3{
        width: auto;
        height: 147px;
    }
    #optimizing-crt .section-two-col.section-two-col2 {
        padding: 68px 20px 73px 19px;
        background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/mobile/Vector_21_mibile_58.png) no-repeat;
        background-position: center;
    }
    #optimizing-crt p.section-copy {
        font-size: 17px;
        line-height: 19px;   
    }
    #optimizing-crt .box-wrapper.section_two__box {
        background: url(/content/dam/intelligentcontent/unbranded/azin-early-lung/us/en/images/mobile/Vector_21_mobile_optimizing_crt_3.png) no-repeat; 
        padding: 46px 24px 29px 33px;
        background-position-x: 18px;
        background-size: 100% 88%;
    }
    #optimizing-crt .box-wrapper.section_two__box > .inner-box:not(:last-child) {
        margin-bottom: 20px;
    }
    #optimizing-crt .box-wrapper.section_two__box .inner-box {
        height: auto;
        padding: 26px 20px;
    }   
    
    #optimizing-crt .nccn-wrapper {
        flex-direction: column;   
    }
    #optimizing-crt .two-video--group .aem-Grid {
        flex-direction: column; 
        gap: 0;
    }
    #optimizing-crt .video-wrap .youtubevideo {
        width: auto;   
    }
    #optimizing-crt .nccn-text1, #optimizing-crt .nccn-text2 {
        padding: 29px 20px 35px;   
    }
    #optimizing-crt a.learn-cta {
            padding: 0 41px;
    }
    #optimizing-crt #video-1{
        margin:20px 0 18px;
    }
    #optimizing-crt .switch-page__arrow {
        position: relative;
        top: -10px;   
    }
    #optimizing-crt .video-wrap {
        padding: 0 30px;
    }
    .references-block__text {
        padding-right: 4px;        
    }
    
    #optimizing-crt a.switch-page__link.switch-page__link--next .switch-page__label{
        max-width: 85px;
    }
    #optimizing-crt .video-wrap__transcript-block {
        margin-top: -16px;
        max-width: 280px;
    }

}

@media screen and (max-width: 400px) {
    #optimizing-crt .video-wrap .video-wrap__title-block {
        width: 235px !important;
        margin: 0 auto;
    }
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices
      #optimizing-crt .section__two .inner-section{
            padding: 0 10px 0 25px;
      }
      #optimizing-crt span.eyebrow-text {
            padding: 0 20px 0 5px;   
      }
      #optimizing-crt .box-wrapper.section_two__box {
            margin: 29px 20px 33px 5px;
      }
      #optimizing-crt .box-wrapper.section_two__box .inner-box {
            padding: 26px 18px;
      }
      #optimizing-crt .nccn-wrapper {
            margin: 0 20px 0 5px;   
      }
      #optimizing-crt .nccn-text3 {
            margin: 22px 20px 25px 5px;   
      }
      #optimizing-crt a.learn-cta {
        margin: 0 18px 0 5px;
        padding: 0 38px;
      } */ 
}
@media screen and (min-width: 992px) {
    #optimizing-crt .subnav .jump-links {
            gap: 415px;   
    }
    #optimizing-crt .video-wrap__transcript-block {
     width: 357px;
    }
}

@media screen and (min-width: 1300px) {
    #optimizing-crt .os-banner--section {
        height: 12.2vw;
    }
}

.sm-v {
    display: none;
}

@media screen and (max-width: 767px) {
    .subnav .jump-links,
    .importance-mdt-page .subnav .jump-links {
        padding: 0 23px 0px 13px;
        gap: 10px;
        justify-content: space-between;
        overflow: hidden;
    }
    
    .subnav .jump-link {
        line-height: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    
    p.sub-nav {
        padding: 13px 25px;
    }
    
    .subnav .jump-link::before {
        left: -25px;
    }
    
    .subnav .jump-link::after {
        right: -25px;
    }
    
    .patient-selection-page .subnav .jump-links {
        gap: 4px;
    }
    
    #optimizing-crt .subnav .jump-links {
        align-items: center;
    }
    
    #optimizing-crt .subnav .jump-links {
        padding: 0 23px 0px 28px;
    }
    
    #optimizing-crt .subnav .jump-links > .sub-nav:nth-child(1) {
        padding-inline: 30px;
    }
    
    #optimizing-crt .subnav .jump-links > .sub-nav:nth-child(2) {
        padding-inline: 43px;
    }
    
    #optimizing-crt .subnav .jump-links > .sub-nav:nth-child(1) .jump-link:before {
        left: -30px;
    }
    
    #optimizing-crt .subnav .jump-links > .sub-nav:nth-child(1) .jump-link:after {
        right: -30px;
    }
    
    #optimizing-crt .subnav .jump-links > .sub-nav:nth-child(2) .jump-link:before {
        left: -43px;
    }
    
    #optimizing-crt .subnav .jump-links > .sub-nav:nth-child(2) .jump-link:after {
        right: -43px;
    }
    
    .outcomes-resectable-page .subnav .jump-links {
        gap: 22px;
    }
    
    .outcomes-resectable-page .subnav .jump-links {
        padding: 0 23px 0px 25px;
    }
    
    .outcomes-resectable-page .subnav .jump-links > .sub-nav:nth-child(2) {
        padding-inline: 30px;
    }
    
    .outcomes-resectable-page  .subnav .jump-links > .sub-nav:nth-child(2) .jump-link:before {
        left: -30px;
    }
    
    .outcomes-resectable-page  .subnav .jump-links > .sub-nav:nth-child(2) .jump-link:after {
        right: -30px;
    }
    
    #page-resources .subnav .jump-links {
        overflow: hidden;
        align-items: center;
        padding: 0 23px 0px 32px;
        gap: 34px;
    }
    
    #page-resources .subnav .jump-links p.sub-nav {
        padding: 13px 35px;
    }
    
    #page-resources .subnav .jump-link::before {
        left: -35px;
    }
    
    #page-resources .subnav .jump-link::after {
        right: -35px;
    }

    .sm-v {
        display: block;
    }
}

@media screen and (min-width: 390px) and (max-width:549px){
     #optimizing-crt .jump-links::before {
         min-width: auto;
        left: 22%;
        max-width: 230px;
  }
}
@media screen and (min-width: 550px) and (max-width:549px){
    
}
@media screen and (min-width: 550px) and (max-width:767px){
    #optimizing-crt .subnav .jump-links::before {
        min-width: auto;
        left: 20%;
        max-width: 60%;
    }
}
@media screen and (min-width: 768px) and (max-width:991px){
     #optimizing-crt .subnav .jump-links::before {
        width: 22%;
        left: 15%;
        min-width:auto;
    }
    
}


@media only screen and (min-width: 400px) and (max-width: 450px) {
    #optimizing-crt .os-banner--section .cmp-title__text  {
        padding-top: 7%;        
    }
}
@media only screen and (min-width: 451px) and (max-width: 580px){
    #optimizing-crt .os-banner--section .cmp-title__text {
        padding-top: 9%;        
    }
}
@media only screen and (min-width: 581px) and (max-width: 676px){
    #optimizing-crt .os-banner--section .cmp-title__text {
        padding-top: 11%;        
    }
}
@media only screen and (min-width: 677px) and (max-width: 991px){
    #optimizing-crt .os-banner--section .cmp-title__text  {
        padding-top: 12%;        
}
}
