/*sav-support.css*/
.lokelma-support-container {
    width: 100%;
    max-width: 1188px;
   margin: 0 auto;
   padding: 58px 16px;
}
.lokelma-support-container .lokelma-support-container-inside{ 
    gap: 75px; 
    align-items: flex-start; 
    display: flex;}
.lokelma-support-container .lokelma-support-left {
    flex: 1.25;
}

.lokelma-support-container .lokelma-support-left h1 {
    color: #00856a; 
    font-size: 2.15rem;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 1.2;
    padding-bottom: 12px;
    margin-bottom: 35px;
    border-bottom: 4px solid #ffb81c; 
    display: inline-block;
}

.lokelma-support-container .lokelma-support-left p {
       color: #000000;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 22px;
    font-family: 'Roboto';
    font-weight: 400;
        max-width: 600px;
}

.lokelma-support-container .lokelma-support-left .bold {
    font-weight: 700;
    margin-top: 25px;
    margin-bottom: 28px;
}
#supportProgram-p1 .black-clr-text{color: #008672;text-decoration: underline;}
#supportProgram-p1 .black-clr-text:hover{text-decoration: none;}
#supportProgram-p1 #section-hide{display: none;}
.lokelma-support-container .lokelma-support-left .green-btn{transform: skewX(354deg);right: 0px !important;text-decoration: none;padding: 18px 22px;}
.lokelma-support-container .lokelma-support-left .green-btn::after{    transform: skewX(6deg);margin-left: 15px;}
#supportProgram-p1 .lok-header-title{line-height: 60px;}
#supportProgram-p1 .promo-card-container .green-btn{right: 3px;}
/*#supportProgram-p1 .promo-card-container .green-btn{font-weight: 600;transform: skewX(356deg);padding: 17px 47px;right: 3px;}*/
/*#supportProgram-p1 .promo-card-container .green-btn::after{transform: skewX(6deg);}*/
/* --- Right Column Layout & Styling --- */
#supportProgram-p1 .lokelma-support-container .lokelma-support-right {flex: 0.85;}

.lokelma-support-container .lokelma-support-right img {
    width: 100%;
    max-width: 390px;
    height: auto;
    margin-bottom: 28px;
    padding: 0px 50px 0px 0px;
}
#update-new-green-card{background: #F2F1F0;}
#update-new-green-card .azcl-container{max-width: 1327px;margin: 0 auto;}
 #update-new-green-card .three-card-wrap .it-card--detail{min-height: 245px;}
#update-new-green-card .azcl-column-par2 #savingsCard-formMain{position: relative;top: -65px;}
.lok-accent-bar {
    height: 7px !important;
    transform: skewX(349deg) !important;
}
.lokelma-support-container .lokelma-support-right h2 {
    color: #003B45;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 40px;
    font-family: 'Roboto Condensed';
}

/* --- Checkmark List Custom Items --- */
.lokelma-support-container .lokelma-support-right ul {
    list-style: none;
}

.lokelma-support-container .lokelma-support-right li {
    position: relative;
    padding-left: 37px;
    margin-bottom: 14px;
    color: #003B45;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Roboto';
}

.lokelma-support-container .lokelma-support-right li::before {
   content: '';
    position: absolute;
    left: 0;
       top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    background-color: #00856a;
    border-radius: 50%;
    box-shadow: 0.86px 0.86px 0px 0px #00000040;
    border: 1.5px solid #fff;
}
.lokelma-support-container .lokelma-support-right li::after {
    content: '';
    position: absolute;
    left: 9px;
    top: 46%;
    width: 8px;
    height: 13px;
    border: solid #ffffff;
    border-width: 0 3px 3px 0;
    transform: translateY(-50%) rotate(40deg);
}

#supportProgram-p1 .three-card-title{max-width: 1327px;margin: 0 auto;font-size: 34px;font-family: 'Roboto Condensed';line-height: 40px;font-weight: 700;padding: 50px 16px 0px;}

.green-card-wrap .three-card-wrap .card-header{height: 132px;}
.green-card-wrap .three-card-wrap .simply-start-img .person-img{height: 225px;bottom: -41px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap{padding: 17px 16px 67px;    max-width: 1327px;}
.green-card-wrap .three-card-wrap .it-card-inside{transform: skewX(0deg);box-shadow: 3px 3px 0px 0px #00000026;}
.green-card-wrap .three-card-wrap .person-img{transform: translateX(-50%) skewX(0deg) !important;bottom: -1px;height: 182px;}
.green-card-wrap .three-card-wrap .Download-icon::after{transform: skewX(9deg);width: 20px;background-image: url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/desktop/download-icon.svg);background-size: cover;}
.green-card-wrap .three-card-wrap .it-card--image-wrap, .green-card-wrap .three-card-wrap .it-card--detail{transform: skewX(0deg) !important;}
.green-card-wrap .three-card-wrap .it-card--detail{padding: 34px 0px 24px !important;}
.green-card-wrap .three-card-wrap .it-card--detail .it-card--description{max-width: 331px;}
.green-card-wrap-bg .three-card-wrap .it-card--detail .it-card--description{min-height: 70px;}
.green-card-wrap .three-card-wrap .it-card--detail .green-card-foot-note{font-family: Roboto, sans-serif;font-size: 14px;line-height: 18px;font-weight: 400;color: #003B45;margin-top: 28px;}
.green-card-wrap .three-card-wrap .it-card--detail .it-card--title{font-style: italic;}
.green-card-wrap .three-card-wrap .promo-card-container{max-width: 400px;}
.green-card-wrap .three-card-wrap .it-card--detail .it-card--description{color: #003B45;}
.green-card-wrap-bg{background-color: #ffffff;}
.green-card-wrap .three-card-wrap .person-img{height: 175px;}

@media screen and (min-width: 991px) and (max-width: 1200px){
    #update-new-green-card .azcl-container .azcl-columns--3{--col-count: 2;}
}

@media (max-width: 991px) {
.lokelma-support-container .lok-header-title{text-align: center;}
.lokelma-support-container .lok-accent-bar{margin: 0 auto 29px;}
.lokelma-support-container .lokelma-support-container-inside {flex-direction: column;gap: 25px;}
.lokelma-support-container .lokelma-support-right {padding-top: 0;}
.lokelma-support-container .lokelma-support-left p{font-size: 18px;line-height: 26px; max-width: 100%;}
#supportProgram-p1 .three-card-title{padding: 42px 19px 0px 16px;line-height: 32px;font-size: 26px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap {padding: 60px 16px 67px;}
#supportProgram-p1 #update-new-green-card .azcl-column-par1 .green-card-wrap .three-card-wrap{padding: 60px 16px 0px;}
.green-card-wrap .three-card-wrap .promo-card-container{padding: 0px;}
.green-card-wrap .three-card-wrap{gap: 85px;}
#update-new-green-card .azcl-container .azcl-columns--3{--col-count: 1;}
#supportProgram-p1 .lokelma-support-container .lokelma-support-right h2{font-size: 20px;line-height: 32px;}
#supportProgram-p1 .lokelma-support-container .lokelma-support-right li{font-size: 18px;line-height: 26px;}
#supportProgram-p1 .three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--title{font-size: 26px;line-height: 32px !important;}
#supportProgram-p1 .three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--description{font-size: 16px;line-height: 22px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap .promo-card-container {max-width: 340px;width: 100%;padding:0px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap .card-header{height: 112px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap .person-img{height: 143px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap .simply-start-img .person-img{height: 152px;bottom: -13px;}
#supportProgram-p1 .lokelma-support-container .lokelma-support-right img{width: 317px;padding: 18px 23px 8px;height: 125px;margin: 0 auto;}
#supportProgram-p1 .lokelma-support-container .lokelma-support-left .green-btn{padding: 12px 17px;}
#supportProgram-p1 .lokelma-support-container{padding: 42px 16px;}
#supportProgram-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{margin-top: -36px;z-index: 9;}
#supportProgram-p1 .lok-header-title {line-height: 38px;}
#supportProgram-p1 .green-card-wrap .three-card-wrap .it-card--detail .green-card-foot-note {    font-size: 12px;line-height: 16px;}
.lokelma-support-container .lokelma-support-right img{display: flex;margin: 0 auto 28px;}
.lokelma-support-container .lokelma-support-left .green-btn{right: inherit !important;text-decoration: none;margin: 0 auto;display: flex;max-width: fit-content;}
#supportProgram-p1 .lokelma-support-container .lokelma-support-left,#supportProgram-p1 .lokelma-support-container .lokelma-support-right{width: 100%;}
 #supportProgram-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title br{display: none;}
  #supportProgram-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small{font-size: 36px;line-height: 44px;}
}
@media (max-width: 580px){
    
    .lokelma-support-container .lokelma-support-right{width: 100% !important;}
    
   .green-card-wrap .three-card-wrap .promo-card-container:not(:last-of-type){padding: 0px;}
    /* .green-card-wrap .three-card-wrap .promo-card-container:not(:last-of-type){padding: 25px 0px;} */
    .green-card-wrap .three-card-wrap{gap: 70px;}
    #supportProgram-p1 .green-btn {font-size: 17px;line-height: 15px;}
   
   
}