/**** BANNER TWO COMMON DESKTOP DESIGN STARTS ****/
#banrTwo-fullWidth-contr {
    background: #ACD7D1;
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/savings-card-banner-vector-desktop.svg");
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: auto;
}
#banrTwo-mainDiv {
    display: flex;
    justify-content: space-between;
    gap: 0;
    min-height: 341px;
}
#banrTwo-mainDiv .colOne-ltHd-bnrTwo {
    flex: 1;
    align-self: center;
}
#banrTwo-mainDiv .coltwo-rtImg-bnrTwo {
    flex: 0.7;
    position: relative;
}
#banrTwo-mainDiv .colOne-ltHd-bnrTwo h1 {
    margin: 80px 0 24px 0;
}
#banrTwo-mainDiv .colOne-ltHd-bnrTwo h2 {
    margin: 0 0 88px 0;
}
#banrTwo-mainDiv .coltwo-rtImg-bnrTwo img {
    width: 100%;
    max-width: 510px;
    position: absolute;
    right: 0;
    bottom: -36px;
}

#savingsCard-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo {
    flex: 0.67;
}
#savingsCard-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo h1 {
    margin: 80px 0 8px 0;
}
#savingsCard-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo p.bnr-ftNt-para {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 24px;
}
/**** BANNER TWO COMMON DESKTOP DESIGN ENDS ****/


/**** PATIENT STARTER KIT PAGE BANNER TWO DESKTOP DESIGN STARTS ****/
#simplyStart-runPhaseTwo #banrTwo-fullWidth-contr {
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/starter-kit-banner-vector-desktop.svg");
    background-position: 0 bottom;
    background-size: auto;
}
#simplyStart-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo {
    flex: 0.67;
}
#simplyStart-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo h1 {
    margin: 80px 0 3px 0;
}
#simplyStart-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo img {
    bottom: -82px;
}
/**** PATIENT STARTER KIT PAGE BANNER TWO DESKTOP DESIGN ENDS ****/


#savingsCard-runPhaseTwo #costTrt-savCard-hdParMain {
    text-align: center;
    padding-top: 92px;
}
#savingsCard-runPhaseTwo #costTrt-savCard-hdParMain p {
    max-width: 976px;
    margin: 15px auto 0 auto;
}

#savingsCard-runPhaseTwo #savingsCard-twoCol-target {
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop/vector-shape-2-desktop.svg");
    background-repeat: no-repeat;
    background-position: 0 37px;
    background-size: 96%;
    max-width: 1600px;
    margin: auto;
    padding: 56px 0 48px 0;
}
#savingsCard-runPhaseTwo #savingsCard-twoCol-target #whtBg-twoColMain-nvyBlu #nvyBlu-twoColMain {
    grid-template-columns: 0.412fr 1fr;
    gap: 0 60px;
    padding: 45px 7.735% 45px 5.391%;
}
#savingsCard-runPhaseTwo #nvyBlu-twoColMain .nvyBlu-lt-imgSec img {
    width: 100%;
    /* max-width: 300px; */
    max-width: 198.1px;
}

#savingsCard-runPhaseTwo .coltwo-rtImg-bnrTwo p.not-actPat-btTxt {
    position: absolute;
    bottom: 22px;
    left: 13%;
    /* font-size: 12px; */
    font-size: clamp(10px, 0.75vw, 12px);
    line-height: 16px;
}
#savingsCard-runPhaseTwo #whtBg-twoColMain-nvyBlu #nvyBlu-twoColMain p.elig-footnt-ptxt-box {
    font-size: 14px;
    line-height: 18px;
    margin: 35px 0 0;
}

#savgsSuprt-runPhaseTwo #savings {
    scroll-margin-top: 120px;
}


@media only screen and (max-width: 991px) {
    /**** BANNER TWO COMMON MOBILE DESIGN STARTS ****/
    #banrTwo-fullWidth-contr {
        background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/mobile-vector-images/savings-card-banner-vector-mobile.svg");
        background-position: 0 bottom;
        background-size: 100%;
    }
    #banrTwo-mainDiv {
        flex-direction: column;
        gap: 0;
        min-height: 248px;
    }
    #banrTwo-mainDiv .colOne-ltHd-bnrTwo {
        align-self: flex-start;
    }
    #banrTwo-mainDiv .coltwo-rtImg-bnrTwo {
        right: -4.35%;
        bottom: -22px;
    }
    #banrTwo-mainDiv .colOne-ltHd-bnrTwo h1 {
        margin: 24px 0 8px 0;
    }
    #banrTwo-mainDiv .colOne-ltHd-bnrTwo h2 {
        margin: 0 0 56px 0;
        width: 66.5%;
    }
    #banrTwo-mainDiv .coltwo-rtImg-bnrTwo img {
        position: unset;
        width: 83.19%;
        max-width: 350px;
        float: right;
        bottom: unset;
    }

    #savingsCard-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo {
        bottom: -45px;
        margin-top: -48px;
    }
    #savingsCard-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo h1 {
        margin: 40px 0 8px 0;
        width: 95%;
    }
    #savingsCard-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo h2 {
        margin: 0;
        width: 75%;
    }
    #savingsCard-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo p.bnr-ftNt-para {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0;
        width: 45%;
    }
    /**** BANNER TWO COMMON MOBILE DESIGN ENDS ****/


    /**** PATIENT STARTER KIT PAGE BANNER TWO MOBILE DESIGN STARTS ****/
    #simplyStart-runPhaseTwo #banrTwo-fullWidth-contr {
        background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/mobile-vector-images/starter-kit-banner-vector-mobile.svg");
        background-position: 0 bottom;
        background-size: 100%;
    }
    #simplyStart-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo h1 {
        margin: 40px 0 8px 0;
    }
    #simplyStart-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo img {
        position: relative;
        bottom: -52px;
        width: 62.9%;
    }
    #simplyStart-runPhaseTwo #banrTwo-mainDiv .colOne-ltHd-bnrTwo h2 {
        margin: 0 0 34px 0;
        width: 75%;
    }
    #simplyStart-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo {
        position: relative;
        right: 22px;
        bottom: 0;
        margin-top: -52px;
    }
    /**** PATIENT STARTER KIT PAGE BANNER TWO MOBILE DESIGN ENDS ****/
    
    
    #savingsCard-runPhaseTwo #costTrt-savCard-hdParMain {
        text-align: left;
        padding-top: 72px;
        width: 80%;
    }
    #savingsCard-runPhaseTwo #costTrt-savCard-hdParMain p {
        margin: 16px 0 0 0;
        width: 82%;
    }

    #savingsCard-runPhaseTwo #savingsCard-twoCol-target {
        background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/mobile-vector-images/copay-card-two-vector-bg-mobile.svg"),
                            url("/content/dam/intelligentcontent/brands/lokelma/us/en/images/mobile-vector-images/copay-card-one-vector-bg-mobile.svg");
        background-position: left center, right center;
        background-size: auto, 4%;
        padding: 40px 0;
    }

    #savingsCard-runPhaseTwo #savingsCard-twoCol-target #whtBg-twoColMain-nvyBlu #nvyBlu-twoColMain {
        grid-template-columns: 1fr;
        gap: 24px 0;
        padding: 26px 7.54% 50px 7.54%;
    }
    #savingsCard-runPhaseTwo #nvyBlu-twoColMain .nvyBlu-lt-imgSec img {
        /* width: 56.94%;
        max-width: 250px; */
        width: 37.6%;
        max-width: 166px;
    }
    #savingsCard-runPhaseTwo #savingsCard-twoCol-target #nvyBlu-twoColMain p {
        letter-spacing: 0;
    }

    #savingsCard-runPhaseTwo .savings-subj-eligibility-ftNote {
        margin-bottom: 40px;
    }
    #savingsCard-runPhaseTwo .coltwo-rtImg-bnrTwo p.not-actPat-btTxt {
        bottom: 56px;
        left: unset;
        right: 196px;
        font-size: 10px;
        line-height: 12px;
    }
    #savingsCard-runPhaseTwo #whtBg-twoColMain-nvyBlu #nvyBlu-twoColMain p.elig-footnt-ptxt-box {
        font-size: 12px;
        line-height: 16px;
        margin: 32px 0 0;
    }
}

@media only screen and (min-width: 992px) {
    #savingsCard-runPhaseTwo #banrTwo-mainDiv .coltwo-rtImg-bnrTwo img {
        bottom: -82px;
    }
    #savingsCard-runPhaseTwo #nvyBlu-twoColMain .nvyBlu-lt-imgSec {
        text-align: center;
    }
    #savingsCard-runPhaseTwo #whtBg-twoColMain-nvyBlu #nvyBlu-twoColMain p {
        margin: 21px 0 35px 8px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    #savingsCard-runPhaseTwo .coltwo-rtImg-bnrTwo p.not-actPat-btTxt {
        left: -6%;
    }
}