/*access-savings.css*/
#accessSavingsPg-ID .py-5{
    padding-top:50px;
    padding-bottom:50px;
}
#accessSavingsPg-ID .mt-5{
    margin-top:50px;
}
 #accessSavingsPg-ID .mt-1{
    margin-top:10px;
}
 #accessSavingsPg-ID .mt-35{
    margin-top:35px;
    margin-bottom: 10px;
}
 #accessSavingsPg-ID .py-35{
    padding: 44px 0 25px;
}
 #accessSavingsPg-ID .text-underline{
    text-decoration:underline;
}
#accessSavingsPg-ID .text-underline:hover {
    text-decoration: none;
}

#accessSavingsPg-ID .mb-4{
    margin-bottom:40px;
}
#accessSavingsPg-ID .mb-5 {
    margin-bottom: 53px;
}
#accessSavingsPg-ID .mb-6 {
    margin-bottom: 65px;
}
#accessSavingsPg-ID .mb-2 {
    margin-bottom: 25px;
}
#accessSavingsPg-ID .mb-1 {
    margin-bottom: 10px;
} 
 #accessSavingsPg-ID .azcl-columns__base{
    align-items:center;
}

 #accessSavingsPg-ID #bg-light{
    background:#00927C0D;
}
 #accessSavingsPg-ID #bg-light-primary{
    background:#00927C17;
}

#bg-light-secondary{
    background:#00927C21;
}
 #accessSavingsPg-ID .green-text{
   color:#00927C; 
}
 #accessSavingsPg-ID .colr-pink{
    color:#C72263;
}
#accessSavingsPg-ID .p-small{
    font-family: 'Roboto Condensed'; 
    font-style: normal;
    font-size: 12px;
    line-height: 15px;  
}
#accessSavingsPg-ID .saving-cards-content .download-savingcardbtn {
    max-width: 236px;
}
#accessSavingsPg-ID .access-saving {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 70px 0 74px;
}
#accessSavingsPg-ID .access-savingboxes {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 25px;
    text-align: center;
    padding: 0 130px;
}
#accessSavingsPg-ID .access-savingboxes p {
    width: 96%;
}
#accessSavingsPg-ID .access-savingboxes:nth-child(1) p {
    width: 92%;
}
#accessSavingsPg-ID .lh-100{
    line-height:100%;
}

#accessSavingsPg-ID .saving-cards-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 70px;
        margin-top: 30px;
}
#accessSavingsPg-ID .save-cardbox{
    flex: 1;
}
#accessSavingsPg-ID .access-savingcards-img img {
    max-width: 332px; 
    width:100%;
    margin-top:20px;
} 
#accessSavingsPg-ID #access-savingcards-img {
    text-align: center;
    margin-left:10%;
}
#accessSavingsPg-ID .text-center{
    text-align: center;
}
#accessSavingsPg-ID .text-align-left{
    text-align: left;
}
#accessSavingsPg-ID .saving-cards-content h5 {
    font-size: 23px;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    color: #00927C;
    line-height: 26px;
}
#accessSavingsPg-ID .saving-cards-number {
    font-size: 60px;
    font-family: "bebas-neue-pro", sans-serif;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 10px;
}
#accessSavingsPg-ID .text-indent {
    text-indent: -6px;
}

#accessSavingsPg-ID #comn-accordionDark a.lok-spg-linkg {
    text-decoration: underline;
}
#accessSavingsPg-ID #comn-accordionDark a.lok-spg-linkg:hover {
    text-decoration: none;
}

#accessSavingsPg-ID .access-savings-disclaimer p {
    margin-bottom: 5px;
}

#accessSavingsPg-ID .enrollment-section {
    display: flex;
    gap: 75px;
    width: 78%;
    margin: 0 auto;
}
#accessSavingsPg-ID .enrollment-btns {
    display: flex;
    gap: 25px;
    margin: 40px 0 15px;
}
 #accessSavingsPg-ID .enrollment-section-parent .ac-title {
    font-size: 40px;
    font-family: "bebas-neue-pro", sans-serif;
    line-height:36.76px;
    font-weight:700;
    
}
 #accessSavingsPg-ID .enrollment-section-parent .ac-title i {
    font-size: 40px;
    font-family: "Roboto Condensed", sans-serif;
    line-height:110%;
    font-weight:700;
    
}
 #accessSavingsPg-ID .hl-divider {
    border-top: 1px solid #000;
    width: 78%;
    margin: 0 auto;
    display: none !important;
}
 #accessSavingsPg-ID .enrollment-section img {
    max-width: 92px;
    height: 100%;
}
 #accessSavingsPg-ID .enrollment-sec-content p {
    margin-bottom: 20px;  
}
 #accessSavingsPg-ID .ac-bullets li {
    margin-bottom: 10px;
    line-height: 23px;
}

 #accessSavingsPg-ID .ac-bullets li:nth-last-child(1) {
    margin-bottom: 20px;
}
 #accessSavingsPg-ID .enrollment-section-parent h6 {
    width: 76%;
    margin: 0 auto;
    font-family: "Roboto Condensed", sans-serif;
}
#accessSavingsPg-ID .enrollment-section-parent h6 .am-pm{
    font-size:18px;
}
#accessSavingsPg-ID .access-saving .access-savingboxes img {
    max-width: 208px;
    width: 100%;
}
#accessSavingsPg-ID .access-savings-disclaimer p:nth-child(4) {
    width: 86%;
}
#accessSavingsPg-ID .enrollment-sec-content p:nth-child(1) {
    width: 85%;
}
 
/* sUp-pRgM-title-Cont */
 #accessSavingsPg-ID .sUp-pRgM-title-Cont{
    text-align: center;
}
 #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont h6 {
    width: 60%;
    margin: 0 auto;
}
/* sUp-pRgM-Cont-flx-Cont */
 #accessSavingsPg-ID .sUp-pRgM-Cont-flx-Cont{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    margin:40px 0;
}
 
/* image-styles*/
 #accessSavingsPg-ID .sUp-pRgM-Cont-flx-Cont .sUP-pRgM-logo img{
    max-width: 100%;
    height: auto;
    max-height: 100px;
}
 
 
 
/* ------------------------------second-block */
 
 
 #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont{
    margin: 30px 0 0;
}
 
/* GRID-TOP-HEADING  */
 #accessSavingsPg-ID .sUp-pRgM-gRid-top-heading{
    max-width: 667px;
    margin: 0 auto;
}
 
 
/* GRID- CONTAINER  */
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
    margin: 50px 0px;
}
 
/* CARD -STYLES */
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 calc(30% - 20px);
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex p {
    font-size: 16px;
    line-height: 23px;
}
 
/* IMAGE- STYLES*/
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .item-img {
    width: 100px;
    padding-bottom: 20px;
}

#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .azme-logo {
    width: auto;
}
 
 
/* LINK- STYLES*/
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .card-item-link {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    line-height: 21px;
    color: rgb(0, 146, 124);
    font-weight: 700;
    font-family: "Roboto Condensed";
    text-decoration: underline;
}
 
/* ANCHOR  */
 #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .gRid-Cnt-Cont .cta-for-iNfo-Cont{
    text-align: center;
}
 
/* BOTTOM -AZ TRADE PARA */
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .AztrdMrk-para {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    font-family:"Roboto Condensed";
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .cta-text {
    font-size: 23px;
    font-family: "Roboto Condensed";
    line-height: 26px;
    font-weight: 700;
}
 #accessSavingsPg-ID .sUP-pRgM-uLCont li {
    margin-bottom: 10px;
}
 #accessSavingsPg-ID .access-saving-btn {
    max-width: 271px;
}
 
 #accessSavingsPg-ID .accordion.panelcontainer #comn-accordionDark {
    padding-bottom: 65px;
}

#accessSavingsPg-ID p.py-5.pdTpBtm-nwMlr {
    padding-top: 12px;
    padding-bottom: 50px;
}


/*PROOFING BUGS FIXES*/
#accessSavingsPg-ID .accordion .p-regular .lok-sp-link{
    color:#003B45;
}

#accessSavingsPg-ID .conTact-iNfo .green-text{
    color:#198754;
}

/* -----------------------------------RESPONSIVE */


#accessSavingsPg-ID .saving-cards-content.py-5.svgsCard-pdBtm {
    padding-bottom: 0;
}
#accessSavingsPg-ID .cmp-formv2container {
    padding: 0;
}
#accessSavingsPg-ID .button.aem-GridColumn.aem-GridColumn--default--12.cmp-formv2__group {
    padding: 0;
}
#accessSavingsPg-ID .cmp-formv2__success {
    display: none;
}
#accessSavingsPg-ID form#savingsCard-btnDd-main {
    display: block !important;
}
#accessSavingsPg-ID #savingsCard-btnDd-main button#savingsCard-btnSubmit {
    font-family: "bebas-neue-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    align-items: center;
    background-color: #00927C;
    text-decoration: none;
    width: 100%;
    max-width: 236px;
    padding: 12px 20px;
    border: 2px solid #00927C;
    border-radius: 0px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
#accessSavingsPg-ID #savingsCard-btnDd-main button#savingsCard-btnSubmit:hover {
    background-color: #FFFFFF;
    color: #00927C;
    text-decoration: none;
    outline: none !important;
}
#accessSavingsPg-ID #savingsCard-btnDd-main button#savingsCard-btnSubmit::after {
    content: "";
    background-image: url("/content/dam/intelligentcontent/brands/lokelma-hcp/us/en/images/icons/cta-download-icon-white.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 17px;
    height: 17px;
    position: relative;
    top: 0;
}
#accessSavingsPg-ID #savingsCard-btnDd-main button#savingsCard-btnSubmit:hover::after {
    background-image: url("/content/dam/intelligentcontent/brands/lokelma-hcp/us/en/images/icons/cta-download-icon-green.svg");
}

#accessSavingsPg-ID .cmp-formv2container #savingsCard-btnSubmit.cmp-formv2-button .fa-spinner {
    position: absolute;
    right: 44px;
}

#accessSavingsPg-ID .dmySvgsBtn-dNone {
    display: none !important;
}

 
@media only screen and (max-width: 991px) {

    #accessSavingsPg-ID #savingsCard-btnDd-main button#savingsCard-btnSubmit {
        margin: 5px auto 30px;
        max-width: 342px;
    }

    #accessSavingsPg-ID p.py-5.pdTpBtm-nwMlr {
        padding-top: 10px;
        padding-bottom: 25px;
    }
   #accessSavingsPg-ID h3 {
        font-size: 16px;
    }
    #accessSavingsPg-ID .py-5{
        padding-top:25px;
        padding-bottom:25px;
    }
    #accessSavingsPg-ID .mb-4{
        margin-bottom:20px;
    }
    #accessSavingsPg-ID .access-saving-btn {
        max-width: 100%;
    }
    #accessSavingsPg-ID .enrollment-section-parent .access-saving-btn {
        max-width: 342px;
        margin-left: auto;
        margin-right: auto;
    }
    #accessSavingsPg-ID .saving-cards-content-m .access-saving-btn {
        margin: 30px auto;
        max-width: 342px;
    }
    #accessSavingsPg-ID .save-cardbox{
        flex-direction: row;
        display: flex;
    }
    #accessSavingsPg-ID .saving-cards-flex{
        gap:0px;
        flex-direction: column;
        align-items: flex-start;
    }
    #accessSavingsPg-ID .access-saving{
            flex-direction: column;
    }
    #accessSavingsPg-ID .access-savingboxes{
        padding:0;
        padding-bottom:30px;
    }
   #accessSavingsPg-ID .saving-cards-content h5, #accessSavingsPg-ID .saving-cards-content p {
    font-size: 16px;
    color: inherit;
    text-align: left;
            font-weight: 400;
}
#accessSavingsPg-ID .saving-cards-content p{
    padding-bottom: 20px;
}
        
   #accessSavingsPg-ID #lokelma-sUp-pRgM-mAin-Cont{
        width: 90%;
        max-width: 767px;
        margin: 0 auto;
    }
    
 
   #accessSavingsPg-ID #lokelma-sUp-pRgM-mAin-Cont .sUp-pRgM-Cont-flx-Cont{
        display: flex;
        flex-direction: column;
    }
 
 
    /*GRID- CONTAINER*/
        #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item {
        flex: 0 0 calc(50% - 20px);
    }
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes {
      gap: 35px;
        padding: 10px;
        margin: 0px;
        width: 100%;
        justify-content: center;
                flex-wrap: nowrap;
        flex-direction: column;
    }
    /* #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .cta-text-parent {
    height: 200px;
    } */
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes-parent {
    display: flex;
    justify-content: center;
            align-items: flex-start;
        margin-top: 20px;
}
       #accessSavingsPg-ID #comn-accordionDark h3 .cmp-accordion__button {
        font-size: 14px;
        line-height: 12px;
    }
    
    /**support*/
    
    #accessSavingsPg-ID .sUp-pRgM-Cont-flx-Cont{
        flex-direction: column;
        gap: 24px;
    }
    #accessSavingsPg-ID .enrollment-section-parent .ac-title i {
    font-size: 21px;}
    #accessSavingsPg-ID .enrollment-section-parent .ac-title{ 
        font-size: 20px;
        margin: 0;
        line-height: 26px;
    }
    #accessSavingsPg-ID .enrSecPrnt-pTpBt h4.ac-title {
        padding-top: 10px;
        padding-bottom: 0;
    }
    #accessSavingsPg-ID .enrollment-section-parent h6 {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    font-family: "Roboto Condensed", sans-serif;
}
#accessSavingsPg-ID .sUp-pRgM-Cont-flx-Cont .sUP-pRgM-logo img {
    max-width: 141px;}
    
    #accessSavingsPg-ID.sUP-pRgM-uLCont {
    padding: 0 40px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont h6 {
    width: auto;
    margin: 0 auto;
    font-size: 14px;
    line-height: 16px;
    font-family: "Roboto Condensed", sans-serif;
}
 
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .item .item-img img {
    height: 78px;
}
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .cta-text {
        font-size: 14px;
        line-height: 18px;
    }

#accessSavingsPg-ID .saving-cards-content-m ul {
    list-style: decimal;
    margin-left: 20px;
}
#accessSavingsPg-ID .saving-cards-content-m ul li {
    line-height: 22px;
    width: 80%;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
}
#accessSavingsPg-ID .saving-cards-content-m .anchor-link{
        color: inherit;
    text-decoration: underline;
}
#accessSavingsPg-ID .mt-5 {
    margin-top: 25px;
}
#accessSavingsPg-ID .sUP-pRgM-uLCont {
    padding: 0 30px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .item-img{
    padding-bottom: 10px;
}
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item p {
        font-size: 12px;
        line-height: 15px;
    }
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex p {
        font-size: 12px;
        line-height: 15px;
    }
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item .item-flex .card-item-link {
        font-size: 12px;
        line-height: 15px;
    }
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .gRid-Cnt-Cont .card .card-item-link{
        font-size: 12px; 
    line-height: 15px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .AztrdMrk-para{
    text-align:left;
    font-size: 11px; 
    line-height: 14px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmOne,
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmFour {
    min-height: 135px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmTwo,
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmFive {
    min-height: 175px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmThree,
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmSix {
    min-height: 150px;
}
#accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes .item.itmThree .item-flex .item-img {
    padding-bottom: 0;
    line-height: 0;
}
#accessSavingsPg-ID .enrollment-section img{
        max-width: 66px;
}
#accessSavingsPg-ID .enrollment-section {
    display: flex;
    gap: 20px;
    width: 100%;
}
#accessSavingsPg-ID .enrollment-sec-img {
    display: flex;
    gap: 20px;
    padding: 0 20px;
}
#accessSavingsPg-ID .enrollment-section .ac-bullets {
        padding-left: 110px;
}
#accessSavingsPg-ID .enrollment-btns {
    flex-direction:column;
    gap: 10px;
    margin: 22px 0 15px;
}



/*PROOFING BUGS FIXES*/

    #accessSavingsPg-ID .access-saving{
        padding:30px 0 20px;
    }
    
    #accessSavingsPg-ID .access-savingcards-img img {
    max-width: 232px;
    }
    #accessSavingsPg-ID #access-savingcards-img { 
    margin-left:0;
}
#accessSavingsPg-ID .access-savingboxes:nth-child(1) p.p-large-bold {
    width: 72%;
}
#accessSavingsPg-ID .access-savingboxes:nth-child(1) p.p-regular {
    width: 86%;
}
#accessSavingsPg-ID .hl-divider {
    width: 100%;
}
#accessSavingsPg-ID .py-35 {
    padding: 35px 0 10px;
}
#accessSavingsPg-ID .access-saving .access-savingboxes img {
    max-width: 192px;
    width: 100%;
}
#accessSavingsPg-ID .azcl-columns__base {
    grid-template-columns: 1fr;
}
#accessSavingsPg-ID .enrollment-section-parent h6 .am-pm {
    font-size: 12px;
}

}

@media only screen and (min-width: 992px) {
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .row-two.lokelma-boxes {
        margin-bottom: 20px;
    }
    #accessSavingsPg-ID .enrSecPrnt-pTpBt h4.ac-title {
        padding-top: 10px;
        padding-bottom: 0;
    }
    #accessSavingsPg-ID .enrollment-section.accSv-enrSecNwzn.py-5 {
        padding-top: 8px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #accessSavingsPg-ID .lokelma-sUp-pRgM-gRidmAin-Cont .lokelma-boxes {
        gap: 60px;
        justify-content: center;
    }
}
