#lightbluebg{background-color: #dff2ef;}
#lightgraybg{background-color: #F8F9F9;}
#lightgraydarktealbg{background: linear-gradient(180deg, #F8F9F9 75%, #003B45 50%); margin-bottom: -1px;}
#darktealbg{background-color: #003B45;}
#mainBannerbg{background-color: #ACD7D1;}


#lk-card-white #nvyBlu-twoColMain {background: #fff;}
#lk-card-white #nvyBlu-twoColMain .nvyBlu-rt-contSec h3,
#lk-card-white #nvyBlu-twoColMain .nvyBlu-rt-contSec p{color: #003b44;}

#lk-card-white #nvyBlu-twoColMain .nvyBlu-rt-contSec a{color: #fff;background: #00917c;}

#whyLokelma-runPhaseTwo #whylok-blkcw #nvyBlu-twoColMain,
#whyLokelma-runPhaseTwo #whylok-blkcw2 #nvyBlu-twoColMain{gap: 0 5px;}


#whyLokelma-runPhaseTwo #about-section .top-row{display: flex; justify-content: space-between;}

#whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item{
    display: flex;
    flex-direction: row;
}
#whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item .about-icon{width: 100px;}

#whyLokelma-runPhaseTwo #about-section .top-row .main-text{display: flex;flex-direction: column; max-width: 770px;}

#whyLokelma-runPhaseTwo #about-section .top-row .main-text h3,
#whyLokelma-runPhaseTwo #about-section .top-row .main-text p{margin-bottom: 20px;}


#whyLokelma-runPhaseTwo #diff-section{display: flex;flex-direction: column;}

#whyLokelma-runPhaseTwo #diff-section .diff-heading{text-align: center;margin-bottom: 15px;}
#whyLokelma-runPhaseTwo #diff-section .diff-subheading{text-align: center;line-height: 25px;}

#whyLokelma-runPhaseTwo #diff-section .diff-cards-row{display: flex;}
#whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card{
    background-color: #fff;
    border-radius: 20px;
    justify-items: center;
    text-align: center;
    width: 100%;
    max-width: 620px;
}

#whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card img{width: 183px;margin-bottom: 16px;}
#whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card h3{
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 12px;
}
#whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card h3,
#whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card p{text-align: center;}



#whyLokelma-runPhaseTwo #safety-section .safety-heading{text-align: center;}
#whyLokelma-runPhaseTwo #safety-section .top-border-block{
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px #00000029;
    border: 1px solid #D9D9D9;
    border-top-color: #FDB515;
    border-radius: 20px;
}
#whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item{
    display: flex;
    align-items: flex-start;
    max-width: 1176px;
}

#whyLokelma-runPhaseTwo ul.globalList-bullets.whyLok-bultLsts li::before {
    font-size: 20px;
    color: #003B45;
}

#starting-section{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#starting-section h3,
#starting-section p{color: #fff;text-align: center;}

#starting-section h3{margin-bottom: 24px;}
#starting-section p{margin-bottom: 34px;}

/**** TOOLTIP ****/
#whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card .tooltip {
    color: #008672;
}
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-2,
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-3,
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-4,
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-5,
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-6,
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-7 {
    color: #008672;
}
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-1 .tooltip-content {
    top: 50px;
}
#whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-4 .tooltip-content {
    top: 42px;
}
/**** TOOLTIP ****/

#whyLokelma-runPhaseTwo #diff-section p.diff-disclaimer span.aest-ftWg-nor {
    font-weight: 400;
}
#whyLokelma-runPhaseTwo #diff-section p.diff-disclaimer {
    font-weight: 700;
}

#whyLokelma-runPhaseTwo .coltwo-rtImg-bnrOne p.not-actPat-btTxt {
    position: absolute;
    bottom: 14px;
    left: 35%;
    /* font-size: 12px; */
    font-size: clamp(10px, 0.75vw, 12px);
    line-height: 16px;
}
#whyLokelma-runPhaseTwo a.tealBgBr-whtTxtBtn {
    text-align: center;
}

@media only screen and (max-width: 991px) {

    #whyLokelma-runPhaseTwo #nvyBlu-twoColMain .nvyBlu-lt-imgSec img{margin-left: 40px;}

    #mainBannerbg{
    /*    background-image: linear-gradient(to bottom, #ACD7D1, #ACD7D1 316px, #fff 316px, #fff 100%); */    
    background-repeat: no-repeat;
    overflow: hidden;
    background-image: url(/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/about-hyk-banner-vector-desktop.svg), url(/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/bannerone-third-vector-shape-desktop.svg), linear-gradient(to bottom, #ACD7D1, #ACD7D1 316px, #fff 316px, #fff 100%);    
    background-position: 55% 140%, 88% 30%;
}

    #whyLokelma-runPhaseTwo #about-section .top-row,
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row,
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item{flex-direction: column;}
    
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text h3{text-align: center;}
    
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text {
        max-width: 100%;
    }
    
    #whyLokelma-runPhaseTwo #about-section{padding: 40px 0;}
    
    
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item{align-items: flex-start;min-width: 311px;margin-bottom: 20px;}

    #whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item p{
        padding-top:0;
        margin-bottom: 0;
        padding-left: 24px;
        align-self: center;
        width: 65.32%;
        /* max-width: 215px; */
    }
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card img {
        margin-bottom: 10px;
    }
    
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item .about-icon{width: 96px;}
    
    #whyLokelma-runPhaseTwo #about-section .top-row .packet-img{
        width: 268px;
        align-self: center;
        transform: translateX(5px);
        margin-right: 35px;
    }
    
    #whyLokelma-runPhaseTwo #about-section .btm-para{margin-top: 10px;}
    #whyLokelma-runPhaseTwo #about-section .btm-para h5{margin-bottom: 16px;}
    #whyLokelma-runPhaseTwo #about-section .btm-para p{
        font-size: 18px;
        line-height: 25px;
        padding-right: 10px;
    }

    #whyLokelma-runPhaseTwo #diff-section{padding: 55px 0;}
    
    #whyLokelma-runPhaseTwo #diff-section .intro-text{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #whyLokelma-runPhaseTwo #diff-section .intro-text .diff-subheading {
        font-size: 18px;
        max-width: 285px;
        margin-bottom: 25px;
    }
    
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row{align-items: center;gap: 20px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card{
        padding: 22px 29px 32px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card h3{font-size: 22px;line-height: 28px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card p{font-size: 18px;line-height: 25px;}

    #whyLokelma-runPhaseTwo #diff-section .diff-disclaimer{
        font-size: 18px;
        line-height: 25px;
        text-indent: -8px;
        padding-left: 7px;
        padding-right: 5px;
        letter-spacing: 0;
    }   
    
    #whyLokelma-runPhaseTwo #safety-section{padding:40px 0;}
    
    #whyLokelma-runPhaseTwo #safety-section .top-border-block {
        border-top-width: 11px;
        padding: 21px 24px 32px 24px;
    }
    #whyLokelma-runPhaseTwo ul.globalList-bullets.whyLok-bultLsts li::before {
        font-size: 16px;
        left: 8px;
    }
    #whyLokelma-runPhaseTwo ul.globalList-bullets.whyLok-bultLsts li {
        padding-left: 21px;
        letter-spacing: -0.196px;
    }
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item img{width: 80px;height: 80px;}
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item .block-item-text{padding-top: 16px;padding-left: 8px;}
    
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item .block-item-text h5{
        margin-bottom: 10px;
    }
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item:nth-of-type(4) .block-item-text h5{margin-bottom: 0;}

    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item:not(:last-of-type){margin-bottom: 24px;}

    #starting-section{padding: 65px 0;}
    #starting-section p{padding:0 25px}    
    
    #whyLokelma-runPhaseTwo #nvyBlu-twoColMain .nvyBlu-rt-imgSec img{margin-left: 43px;}
    #whyLokelma-runPhaseTwo #whylok-blkcw #nvyBlu-twoColMain, #whyLokelma-runPhaseTwo #whylok-blkcw2 #nvyBlu-twoColMain {
        gap: 25px 0;
    }


    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(2){margin-bottom: 20px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(3){margin-bottom: 35px;}

    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(2) .diff-card:nth-of-type(1) {padding:17px 29px 32px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(2) .diff-card:nth-of-type(2) {padding:25px 29px 32px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(3) .diff-card:nth-of-type(1) {padding:18px 29px 32px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(3) .diff-card:nth-of-type(2) {padding:10px 29px 32px;}

    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(2) .diff-card:nth-of-type(1) img{width: 140px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(2) .diff-card:nth-of-type(2) img{width: 138px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(3) .diff-card:nth-of-type(1) img{width: 136px;}
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(3) .diff-card:nth-of-type(2) img{width: 140px;margin-bottom: 0;}

    #whyLokelma-runPhaseTwo #safety-section .safety-heading{margin-bottom: 25px;}

    /**** TOOLTIP ****/
    #whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-1 .tooltip-content {
        top: 40px;
    }
    #whyLokelma-runPhaseTwo .tooltip.whyLok-tlTp-4 .tooltip-content {
        top: 32px;
    }
    /**** TOOLTIP ****/

    #whyLokelma-runPhaseTwo .coltwo-rtImg-bnrOne p.not-actPat-btTxt {
        bottom: 42px;
        left: unset;
        right: 95px;
        font-size: 10px;
        line-height: 12px;
    }
}

@media only screen and (min-width: 992px) {

    #mainBannerbg{
        background-image: url(/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/about-hyk-banner-vector-desktop.svg), url(/content/dam/intelligentcontent/brands/lokelma/us/en/images/desktop-vector-images/bannerone-third-vector-shape-desktop.svg);
        background-position: 0 bottom, 61% 38%;
        background-size: auto;
        background-repeat: no-repeat;
    }

    #whyLokelma-runPhaseTwo #about-section .top-row,
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row,
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item{flex-direction: row;}
    
    #whyLokelma-runPhaseTwo #about-section{padding: 80px 0 80px 8px;}

    #whyLokelma-runPhaseTwo #about-section .top-row .main-text > h3,
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text > p,
    #whyLokelma-runPhaseTwo #about-section .btm-para{padding-left: 7px;}

    
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item{align-items: center;margin: 20px 0;}
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item p{padding-left: 30px;max-width: 660px;}
    
    #whyLokelma-runPhaseTwo #about-section .top-row .main-text .about-item .about-icon{width: 120px;}

    
    #whyLokelma-runPhaseTwo #about-section .top-row .packet-img{
        width: 400px;
        align-self: flex-start;
        transform: translateY(-22px);
        position: sticky;
        z-index: 1;
        top: 100px;
    }
    
    #whyLokelma-runPhaseTwo #about-section .btm-para{margin-top: 40px;max-width: 65%;}
    #whyLokelma-runPhaseTwo #about-section .btm-para h5{margin-bottom: 16px;}
    #whyLokelma-runPhaseTwo #diff-section{padding: 80px 0;}
    
    #whyLokelma-runPhaseTwo #diff-section .diff-subheading {margin-bottom: 45px}
    
    
    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row{margin-bottom: 40px;gap: 40px;}

    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row .diff-card{
        padding: 35px 80px;
        min-height: 388px;
    }

    #whyLokelma-runPhaseTwo #diff-section .diff-cards-row:nth-of-type(2) .diff-card p{max-width: 380px;}
    
    #whyLokelma-runPhaseTwo #safety-section{padding:80px 0 55px;}

    #whyLokelma-runPhaseTwo #safety-section .top-border-block{
        border-top-width: 11px;
        padding: 30px 40px 64px;
    }
    
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item{gap: 32px;padding-right: 10px;}
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item:nth-of-type(4){padding-right: 15px;}
    
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item .block-item-text{padding-top: 20px;}

    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item:not(:last-of-type){margin-bottom: 40px;}
    
    #whyLokelma-runPhaseTwo #safety-section .top-border-block .block-item .block-item-text h5{margin-bottom: 10px;}
    
    #whyLokelma-runPhaseTwo #whylok-blkcw #nvyBlu-twoColMain{grid-template-columns: 0.7fr 1fr;}
    #whyLokelma-runPhaseTwo #whylok-blkcw2 #nvyBlu-twoColMain{grid-template-columns: 0.8fr 1fr;}
    
    #whyLokelma-runPhaseTwo #whylok-blkcw2 .nvyBlu-rt-contSec{max-width: 500px;padding-left: 5px;}
    #whyLokelma-runPhaseTwo #whylok-blkcw2 .nvyBlu-rt-contSec p{margin-bottom: 33px;}

    #starting-section{padding: 88px 0 100px;}

    #whyLokelma-runPhaseTwo #safety-section .safety-heading{margin-bottom: 40px;}
}

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