/*savings-card.css*/
#lokelma-banner{
    background: url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/page_header_graphic_mobile.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /*min-height: 38.205vw;*/
    min-height: 149px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 25px;

}

#savingsCard-pg-p1 #content-section{
    max-width: 1232px;
    padding: 0 25px;
    margin:0 auto;
}

#lokelma-banner h1{
    color:#ffffff;
    font-family:var(--font-bebas);
    font-weight:700;
    font-size: 36px;
    line-height:48px;
    text-transform:uppercase;
    position:relative;
}

#lokelma-banner h1:after{
    position:absolute;
    content:'';
    background:url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/Rectangle-gold.svg);
    background-repeat: no-repeat;
    height: 7px;
    width: 100px;
    top: 60px;
    left: 0;
}

#savingsCard-pg-p1 #first-section{
    background-color:#F7F7F7;
}

#savingsCard-pg-p1 .first-section{
    padding: 41px 22px 38px 25px;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    max-width: 1232px;
    margin: 0 auto;
}

#savingsCard-pg-p1 .first-section h2{
    font-family:var(--font-bebas);
    color:#00917C;
    font-weight:400;
    font-size:36px;
    line-height:38px;
    text-align:center;
    margin-bottom: 20px;
}

#savingsCard-pg-p1 .first-section .center-it img{
    display:flex;
    justify-content:center;
    margin:0 auto;
    margin-bottom:45px;
    width: 122px;
    height: 7.09px;
}

#savingsCard-pg-p1 .first-section h3{
    font-family:var(--font-roboto);
    color:#003B45;
    font-weight:700;
    font-size:20px;
    line-height:24px;
    text-align:left;
    letter-spacing: 0%;
    margin-bottom: 18px;
}

#savingsCard-pg-p1 .first-section .flex-left{
    display: flex;
    flex-direction: column;
}

#savingsCard-pg-p1 .first-section p{
    font-family:var(--font-roboto);
    color:#000000;
    font-weight:400;
    font-size:18px;
    line-height:26px;
    letter-spacing: 0%;
    text-align:left;
}

#savingsCard-pg-p1 #second-section{
    display:flex;
    flex-direction:column;
    margin: 30px 0px;
    gap:47px;
}

#savingsCard-pg-p1 #second-section h3{
    font-family:var(--font-roboto);
    color:#003B45;
    font-weight:700;
    font-size:26px;
    line-height:32px;
    letter-spacing: 0%;
    margin-bottom:28px;
}

#savingsCard-pg-p1 #second-section p{
    font-family:var(--font-roboto);
    color:#000000;
    font-weight:400;
    font-size:18px;
    line-height:26px;
    letter-spacing: 0%;
    text-align:left;
}

#savingsCard-pg-p1 #second-section .footer-text{
    font-size:12px;
    line-height:16px;
}

#savingsCard-pg-p1 .eligibility-term-of-use{
    margin: 56px 0;
}

#savingsCard-pg-p1 .eligibility-term-of-use p{
    color:#000000;
    font-family:var(--font-roboto);
    font-weight:400;
    font-size:12px;
    line-height:16px;
    padding-bottom:20px;
}

#savingsCard-pg-p1 .eligibility-term-of-use p.no-margin{
    padding-bottom:0;
}

/* global download your card button */

/* .lokDtc-branded-cls .cmp-formv2container{
    padding:0;
    margin: 0;
    display: flex;
    justify-content: center;
} */

/* .lokDtc-branded-cls .cmp-formv2container .cmp-formv2__group{
    padding:0;
} */

/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn{
    background-color:#008672;
    border-radius:10.03px;
    box-shadow: 1.55px 1.55px 0px 0px rgba(0, 0, 0, 0.2);
    padding: 13px 25px 13px 25px;
    transform: skewX(-6deg);
} */

/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn span{
    font-family:var(--font-roboto);
    font-style:italic;
    font-weight:600;
    font-size:16.54px;
    line-height:16.05px;
    color: #F8FFFE;
    padding-right: 40px;
    position:relative;
} */

/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn span:after{
    content:'';
    position:absolute;
    background:url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/download-icon-gold.svg);
    width:27px;
    height: 27px;
    top: -4px;
    right: 0;
} */

.eligibility-term-of-use a{
    text-decoration:underline;
    color:inherit;
}
#savingsCard-pg-p1 .eligibility-term-of-use .mobile-no-underline {
        text-decoration: underline;
}


.eligibility-term-of-use a:hover{
    text-decoration:none;
    color:inherit;
}
#savingsCard-pg-p1 #second-section .image{
    max-width:413px;
    /*margin:auto;*/
}

/* .cmp-experiencefragment--savings-card-btn .formv2-holder form{
    display: block !important;
} */

/* #savingsCard-formMain .cmp-formv2__success{
    display:none;
} */
/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn:hover {
    background-color: #004432;
} */
#savingsCard-pg-p1 .cmp-image:has(.cmp-image--mobile) .cmp-image--mobile{
    width:272px;
    margin:0 auto;
}




/* DOWNLOAD YOUR CARD DYNAMIC SAVINGS CARD CSS */
#savingsCard-formMain .cmp-formv2container {
    padding: 0;
}
#savingsCard-formMain .button.aem-GridColumn.aem-GridColumn--default--12.cmp-formv2__group {
    padding: 0;
}
#savingsCard-formMain .cmp-formv2__success {
    display: none;
}
.cmp-formv2container .cmp-formv2__error {
    display: none !important;
}
#savingsCard-formMain form#savCard-downld-formMain {
    display: block !important;
}
#savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0;
    color: #F8FFFE;
    display: flex;
    justify-content: center;
    column-gap: 10px;
    align-items: center;
    background-color: #008672;
    text-decoration: none;
    width: 100%;
    max-width: max-content;
    padding: 10px 32px;
    border: 2px solid #008672;
    border-radius: 12px;
    text-align: center;
    margin: 0;
    position: relative;
    transform: skewX(-6deg);
    box-shadow: 2px 2px 0px 0px #00000033;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
#supportProgram-p1 #savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn {
    margin: auto;
}
#savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn > span {
    transform: skewX(6deg);
}
#savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn:hover {
    background-color: #FFFFFF;
    color: #008672;
    text-decoration: none;
    outline: none !important;
}
#savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn::after {
    content: "";
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/download-icon-gold.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
    top: 0;
    transform: skewX(6deg);
}
#savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn:hover::after {
    background-image: url("/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/download-icon-gold.svg");
}

#savingsCard-formMain .cmp-formv2container #savCard-subBtn.cmp-formv2-button .fa-spinner {
    position: absolute;
    right: 8px;
}

#savCard-downld-formMain #recaptchaInv { display: none; }
#stickyNav-savCard-formContr #recaptchaInv { display: none; }
/* DOWNLOAD YOUR CARD DYNAMIC SAVINGS CARD CSS */


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

#lokelma-banner{
    background: url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/page_header_graphic.png);
    min-height: 179px;
    padding: 0;

} 

#lokelma-banner h1{
    font-size:58px;
    line-height:60px;
    max-width:1440px;
    margin: auto;
    padding-left:56px;
}

#lokelma-banner h1:after{
    background:url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/global/rectangle-gold-desktop.svg);
    height: 10.45px;
    width: 138px;
    top: 68px;
    left: 56px;
    background-repeat: no-repeat;
}

#savingsCard-pg-p1 .first-section{
    padding: 43px 25px 35px;
    gap: 60px;
}

#savingsCard-pg-p1 .first-section h2{
    font-size:56px;
    line-height:60px;
    text-align:left;
}

#savingsCard-pg-p1 .first-section .flex-left{
    justify-content:flex-start;
    align-items:flex-start;
    max-width: 632px;
}

#savingsCard-pg-p1 .first-section .center-it img{
    margin-left:0;
    margin-bottom: 40px;
}

#savingsCard-pg-p1 .first-section h3{
    font-size:28px;
    line-height:34px;
    
}

#savingsCard-pg-p1 .first-section p{
    font-size:20px;
    line-height:30px;
}

#savingsCard-pg-p1 #second-section{
    margin: 53px 0;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    gap: 54px;
}

#savingsCard-pg-p1 #second-section h3{
    font-size:34px;
    line-height:40px;
    margin-bottom:15px;
}

#savingsCard-pg-p1 #second-section p{
    font-size:20px;
    line-height:30px;
}

#savingsCard-pg-p1 #second-section #right-side{
    max-width:602px;
}

#savingsCard-pg-p1 #second-section .image{
    max-width:413px;
}

/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn span{
    font-size:22px;
    line-height:20.71px;
    padding-right:50px;
} */

/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn{
    padding:15px 25px;
    
} */
/* .lokDtc-branded-cls .formv2-holder #savCard-subBtn span:after{
    width:32px;
    height: 32px;
    top: 0px;
    right: 4px;
} */

.lokDtc-branded-cls#savingsCard-pg-p1 .cmp-formv2container{
    margin: 25px 0 30px;
}

#savingsCard-pg-p1 .eligibility-term-of-use p{
    font-size:14px;
    line-height:18px;
}

#savingsCard-pg-p1 #second-section .footer-text{
    font-size:14px;
    line-height:18px;
}

.deskhide{
    display:none;
}   
/* #savingsCard-pg-p1 .fa.fa-spinner.fa-spin{
    display:none;
} */
}

@media screen and (max-width:991px) {
    .mobhide{
        display:none;
    }
    #savingsCard-pg-p1 #second-section .image{max-width: 100%;margin: auto;}
    #savingsCard-pg-p1 #second-section .image img{width: 272px;}
    .lokDtc-branded-cls#savingsCard-pg-p1 .cmp-formv2container {
        margin: 25px 0 25px;
    }

    /* DOWNLOAD YOUR CARD DYNAMIC SAVINGS CARD CSS */
    #savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn {
        font-size: 16px;
        width: 100%;
        max-width: max-content;
        padding: 6px 26px;
        margin: auto;
    }
    #savingsCard-formMain #savCard-downld-formMain button#savCard-subBtn::after {
        width: 27px;
        height: 27px;
    }
    /* DOWNLOAD YOUR CARD DYNAMIC SAVINGS CARD CSS */
}