.cll-page .green-nordic::before {
    background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-1l_mcl/moa-cll-line-mob.png);
}

.cll-page .orange-nordic h4{
    color: #535554;
}

.footnotes-2 {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
}

@media (min-width: 992px) {
   .cll-page .green-nordic::before {
        background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-1l_mcl/moa-cll-line.png);
    }
    
    .footnotes-2 {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
}





/*MOA Page*/
#cll-moa .moa-mcl-container {
    background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-moa/moa-bg.svg) no-repeat center center;
    max-width: 954px;
    min-height: 468px;
    width: 954px;
    height: 468px;
    position: relative;
    left: -24px;
    top: 18px;
}

#cll-moa .moa-mcl-container .moa-mcl-text01 {
    color: #77787B;
    font-weight: 400;
    line-height: 100%;
    font-size: 25px;
    left: calc(100% - 907px);
    top: 97px;
}

#cll-moa .moa-mcl-container .moa-mcl-text02 {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    font-size: 19px;
    left: calc(100% - 645px);
    top: 199px;
}

#cll-moa .moa-mcl-container .moa-mcl-text03 {
    color: #77787B;
    font-weight: 400;
    line-height: 100%;
    font-size: 18px;
    left: calc(100% - 800px);
    top: 422px;
}

#cll-moa .moa-mcl-container .moa-mcl-text04 {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    font-size: 23px;
    left: calc(100% - 713px);
    top: 294px;
}

#cll-moa .moa-mcl-container .moa-mcl-text05 {
    color: #fff;
    font-weight: 700;
    line-height: 100%;
    font-size: 23px;
    left: calc(100% - 454px);
    top: 254px;
}

#cll-moa .moa-mcl-container .moa-mcl-text06 {
    color: #77787B;
    font-weight: 400;
    line-height: 100%;
    font-size: 25px;
    left: calc(100% - 326px);
    top: 186px;
}

#cll-moa .moa-mcl-container .moa-mcl-text07 {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
    font-size: 23px;
    left: calc(100% - 217px);
    top: 21px;
}

#cll-moa .moa-mcl-container .moa-mcl-text08 {
    color: #595959;
    font-weight: 400;
    line-height: 100%;
    font-size: 21px;
    right: 403px;
    top: 429px;
}

#cll-moa .moa-mcl-container .moa-mcl-text09 {
    color: #595959;
    font-weight: 400;
    line-height: 100%;
    font-size: 25px;
    left: 535px;
    top: 318px;
}

.moa-mcl-common {
    position: absolute;
}


@media (max-width: 991px) {
    #cll-moa .moa-mcl-container {
        background: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/cll-moa/mb_moa-bg.svg) no-repeat center center;
        max-width: 388px;
        min-height: 169px;
        width: 388px;
        height: 169px;
        position: relative;
        background-size: contain;
        left: -6px;
        top: 12px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text01 {
        font-size: 9.91px;
        left: calc(100% - 350px);
        top: 35px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text02 {
        font-size: 7.53px;
        left: calc(100% - 252px);
        top: 71px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text03 {
        font-size: 7.13px;
        left: calc(100% - 306px);
        top: 153px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text04 {
        font-size: 8.3px;
        left: calc(100% - 276px);
        top: 105.5px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text05 {
        font-size: 8.3px;
        left: calc(100% - 182.5px);
        top: 91.5px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text06 {
        font-size: 9.11px;
        left: calc(100% - 137px);
        top: 67px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text07 {
        font-size: 8.3px;
        left: calc(100% - 97.5px);
        top: 8px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text08 {
        font-size: 9.11px;
        left: calc(100% - 210px);
        top: 154px;
    }

    #cll-moa .moa-mcl-container .moa-mcl-text09 {
        font-size: 9.11px;
        left: calc(100% - 167px);
        top: 115px;
    }
    
#cll-moa .pinch-and-zoom {
    top: -40px;
}
}

@media (max-width: 389px) {
    #cll-moa .cll-page .orange-nordic h4 {
        margin-bottom: 70px;
        padding-bottom: 0px;
        margin-left: 56px;
        padding-left: 0px;
        min-height: 42px;
        height: 47px;
        position: relative;
        align-items: center;
        display: flex;
        margin-top: 6px;
        padding-right: 8px;
        background-color: #FFC21E;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
        width: calc(100% - 58px);
    }
}

@media (min-width: 391px) and (max-width: 554px) {
    
    #cll-moa .green-nordic h4 {
        margin-bottom: 70px;
        padding-bottom: 0px;
        margin-left: 56px;
        padding-left: 0px;
        min-height: 42px;
        height: 47px;
        position: relative;
        align-items: center;
        display: flex;
        margin-top: 6px;
        padding-right: 8px;
        background-color: #FFC21E;
        border-top-right-radius: 6px;
        border-top-left-radius: 12px;
        width: calc(100% - 58px);
    }
}

@media (min-width: 555px) and (max-width: 991px) {
    #cll-moa.cll-page .green-nordic::before {
        background-image: url(/content/dam/intelligentcontent/brands/calquencehcp/us/en/images/echo-1l_mcl/moa-cll-line.png);
        background-size: 100% 75px;
    }
    
    #cll-moa .green-nordic h4 {
        margin-top: 24px;
        padding-left: 27px;
        width: 100%;
    }
}