.desktop-img-b{display:block !important;}
.mobile-img-b{display: none !important;}
.lok-mb-15{margin-bottom: 15px;}
.lsn-32{letter-spacing: -0.32px;}
.mobile-l-b{display: none;}
.white-space-nw{white-space: nowrap;}
/*********************************** hero-banner-lokelma **************************************/
.hero-banner-lokelma .hero-banner-wrap img{width: 100%;max-width: 100%;}
.hero-banner-lokelma .hero-banner-wrap{position: relative;}
/* .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap{max-width: 1350px;margin: 0 auto;} */
/* .hero-banner-lokelma .hero-banner-wrap .hero-banner-text{position: absolute;top: 43%;display: flex;align-items: end;justify-content: space-between;padding: 0px 45px;max-width: 1350px;width: 100%;left: 50%;transform: translate(-50%, -43%);} */
/************************************ all page banner ************************************/
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text{position: absolute;max-width: 100%;width: 100%;left: 0px;bottom: 50px;padding: 0px 45px 0px 86px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content{width: 50%;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box{color: #FFFFFF;font-family: 'bebas-neue-pro';font-weight: 400;max-width: fit-content;padding: 1px 12px 2px;text-align: center;font-size: clamp(14px, 1.46vw, 200px);line-height: 1.619;margin-bottom: 10px;position: relative;z-index: 99;letter-spacing: 0.20px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box::before {content: "";position: absolute;inset: 0;background-color: rgba(0, 59, 69, 1);    transform: skewX(352deg);z-index: -1;border-radius: 6px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{font-family: "bebas-neue-pro", sans-serif;color: #fff;font-weight: 700;line-height: 0.882;font-size: clamp(12px, 4.728vw, 200px);margin-bottom: 15px;position: relative; margin-bottom: 40px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before {content: "";position: absolute;left: 0;bottom: -26px;width: 138px;height: 10px;background-color: #FDB515;transform: skewX(-20deg);border-radius: 3px;z-index: 1;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span{font-weight: 300;font-family: 'bebas-neue-pro';display: block;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-big{font-size: clamp(12px, 4.04vw, 200px);line-height: 1.034;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small{ font-size: clamp(12px, 2.93vw, 200px);line-height: 1.047;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{line-height: 60px;font-size: clamp(14px, 1.31vw, 40px);font-family: 'Roboto';color: #fff;font-weight: 400;max-width: 480px; width: 100%;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .right-side-content{display: none;}
.hero-banner-lokelma .hero-banner-wrap .banner-img-wrap p{display: block;position: absolute;color: #FFF;right: 66px;bottom: 44px;}
/************************************ home banner ************************************/
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{font-family: "bebas-neue-pro-semiexpanded", sans-serif;color: #fff;font-weight: 700;line-height: 1.030;font-size: clamp(12px, 4.52vw, 200px);margin-bottom: 15px;position: relative; margin-bottom: 40px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span{line-height: 67px;font-size: clamp(12px, 4.52vw, 200px);}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{    line-height: 1.33;
    font-size: clamp(18px, 1.29vw, 40px);font-family: 'Roboto';color: #fff;font-weight: 400;max-width: 480px; width: 100%;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text{bottom: 30px;padding: 70px 0px 0px 80px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{max-width: 508px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before{width: 179px;height: 15px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .mw-549{max-width: 549px;}
/************************************ three-card-img-text-wrap ************************************/
#homePage-p1 .three-card-img-text-wrap .three-card-wrap{max-width: 1373px;width: 95.5%;}
.three-card-img-text-wrap{background: #F2F1F0;}
.three-card-img-text-wrap .three-card-wrap {display: flex;flex-wrap: wrap;gap: 55px; padding: 45px 16px 67px;max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.three-card-img-text-wrap .three-card-wrap .it-card {display: flex;flex-direction: column;align-items: center;flex: 1 1 300px;}
.three-card-img-text-wrap .three-card-wrap .it-card-inside {position: relative;background-color: #ffffff;border-radius: 16px;display: flex;flex-direction: column;width: 100%;margin-bottom: -20px;padding-bottom: 30px;transform: skewX(-3deg);overflow: hidden;box-shadow: 8px 6px 5px 2px rgba(0, 0, 0, 0.05);}
.three-card-img-text-wrap .three-card-wrap .it-card-inside::after{position: absolute;content: '';box-shadow: 8px 6px 5px 2px rgba(0, 0, 0, 0.05);top:1px;max-width: 100%;}
.three-card-img-text-wrap .three-card-wrap .it-card--image-wrap,
.three-card-img-text-wrap .three-card-wrap .it-card--detail {transform: skewX(6deg); }
.three-card-img-text-wrap .three-card-wrap .it-card--image-wrap {position: relative;width: 115%;left: -7.5%;height: 200px; overflow: hidden;}
.three-card-img-text-wrap .three-card-wrap .it-card--image-wrap img {width: 100%;height: 100%;object-fit: fill;background: linear-gradient(0deg, rgba(255, 255, 255, 1) 34%, rgba(242, 241, 240, 1) 34%);}
.three-card-img-text-wrap .three-card-wrap .it-card--detail {padding: 24px 0px;text-align: center;display: flex;flex-direction: column;justify-content: center;flex-grow: 1;}
.three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--title{font-family: 'Roboto Condensed';font-weight: 700;font-size: 26px;color: #013B44;line-height: 32px;margin-bottom: 15px;}
.three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--description{font-size: 18px;line-height: 24px;font-family: 'Roboto';font-weight: 400;max-width: 335px;margin: 0 auto;}
.three-card-img-text-wrap .three-card-wrap .promo-card-container {
      position: relative;
      padding-top: 60px;
      width: 100%;
      max-width: 408px;
    }
    .three-card-img-text-wrap .three-card-wrap .promo-card-container .it-card--detail{z-index: 9;}
    .three-card-img-text-wrap .three-card-wrap .promo-card-wrap {
      background: #ffffff;
      border-radius: 24px;
      box-shadow: 6px 5px 5px 2px rgba(0, 0, 0, 0.05);
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding-bottom: 30px;
      overflow: visible !important;
    }

    .three-card-img-text-wrap .three-card-wrap .card-header {
      width: 100%;
      height: 148px;
      position: relative;
      overflow: visible;
    }

    .three-card-img-text-wrap .three-card-wrap .bg-img {
      width: 100%;
      height: 100%;
      border-top-left-radius: 18px;
      border-top-right-radius: 18px;
    }

    .three-card-img-text-wrap .three-card-wrap .person-img {
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%) skewX(3deg);
      height: 198px;
      object-fit: contain;
      z-index: 2;
    }
    .three-card-img-text-wrap .three-card-wrap .yellow-bar {
      position: absolute;
      top: -6px;
      right: 16px;
      width: 131px;
      height: 11px;
      background-color: #f2a900;
      transform: skewX(340deg);
      border-radius: 4px;
    }
#homePage-p1 .three-card-img-text-wrap .three-card-wrap .it-card--detail{transform: skewX(3deg);}
#homePage-p1 .three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--title{font-style: italic;}
/************************************ green btn ************************************/
.green-btn:focus-visible{outline: 2px solid #00000000 !important;}
.green-btn {
  display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #F8FFFE;
    text-decoration: none;
    padding: 16px 23px;
    font-family: 'Roboto Condensed';
    font-weight: 700;
    font-size: 21.34px;
    border-radius: 12px;
    background-color: #00917C;
    z-index: 2;
    box-shadow: 2px 2px 0px 0px #00000033;
        transform: skewX(-6deg);
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    position: relative;
    right: 19px;
    outline: none;
    line-height: 0.947;
    border: 2px solid #00917C;
}
.green-btn:hover{background-color: #fff;color: #00917C; text-decoration: none;}
.green-btn::after {
    content: " ";
    margin-left: 10px;
    background-image: url(/content/dam/intelligentcontent/brands/lokelma/us/en/branded/images/desktop/yellow-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 19px;
    transform: skewX(6deg);
}
.green-btn span{font-style: italic;}
#homePage-p1 .green-btn{width: 285px;right: 11px;}
/* .green-btn::after{transform: skewX(6deg);} */
/************************************ below-nav-container ************************************/
.below-nav-container {background-color: #00876c;padding: 32px 16px;width: 100%;box-sizing: border-box;overflow-x: auto; -webkit-overflow-belowing: touch; }
.below-nav-container::-webkit-belowbar {display: none; }
.below-nav-container {-ms-overflow-style: none;belowbar-width:none;  }
.below-nav-container .below-nav-links {display: flex;gap: 32px;align-items: center;justify-content: center; width: max-content; margin: 0 auto;}
.below-nav-container .below-nav-item {display: flex;align-items: center;color: #ffffff;text-decoration: none;font-family: 'Roboto';font-size: 20px;font-weight: 700;white-space: nowrap;line-height: 0.8;}
.below-nav-container .below-nav-item:hover span{text-decoration: underline;}
.below-nav-container .below-nav-icon {width: auto;height: 24px;margin-right: 12px;object-fit: contain;}
.below-nav-container .below-nav-arrow {width: 13px;height: 15px;margin-left: 6px;object-fit: contain;}
/*#homePage-p1 #sec-below-nav-container{gap: 5px;}*/
/*#homePage-p1 #sec-below-nav-container .cmp-experiencefragment--sticky-nav-savings-card .responsivegrid{height: 0px;position: relative;top: -18px;}*/
#homePage-p1 .below-nav-container{padding: 20px 16px;}
#sec-below-nav-container .cmp-experiencefragment--sticky-nav-savings-card .responsivegrid .cmp-formv2__success p{font-family: 'Roboto';font-size: 20px;font-weight: 700;color: #ffffff;line-height: 22px;}

@media screen and (min-width: 1540px){
    .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{max-width: 85%;}
    /* #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{max-width: 85%;line-height: 1.43;}
    #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{line-height: 1.350;margin-bottom: 70px;}
    #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before{bottom: -46px;} */
}

@media screen and (min-width: 991px) and (max-width: 1200px){
.three-card-img-text-wrap .three-card-wrap .it-card{flex: 1 1 calc(40% - 8px) !important;padding: 0px 20px;max-width: 50%;margin: 0 auto;}
.three-card-img-text-wrap .three-card-wrap{padding: 50px 16px 50px;}
.three-card-img-text-wrap .three-card-wrap .promo-card-container{padding-top: 80px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text {bottom: 50px;padding: 0px 0px 0px 30px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text{padding: 0px 45px;}
}

@media screen and (max-width: 991px){
.desktop-img-b{display:none !important;}
.mobile-img-b{display: block !important;}
.mobile-l-b{display: block;}
/*********************************** hero-banner-lokelma mobile **************************************/
#homePage-p1 .three-card-img-text-wrap .three-card-wrap{gap: 40px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text{flex-direction: column-reverse;top: 40%;padding: 0px 16px 10px;gap: 20px;background-color: #008672;left: inherit;} 
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content {margin-top: -29px;}
.hero-banner-lokelma .hero-banner-wrap .banner-img-wrap .banner-foot-text{bottom: 38px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{line-height: 44px;font-size: 48px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span{font-size: 36px;line-height: 44px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content{width: 100%;}
.hero-banner-lokelma .hero-banner-wrap{position: inherit;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text{position: inherit;transform: none;}
.hero-banner-lokelma .hero-banner-wrap {position: inherit;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .right-side-content .banner-foot-text{display: none;}
.hero-banner-lokelma .hero-banner-wrap .banner-img-wrap::after{content: "";background: linear-gradient(180deg, rgba(0, 134, 114, 0) 0%, #008672 100%);position: absolute;bottom: -1px;width: 100%;height: 80px;z-index: 1;}
.hero-banner-lokelma .hero-banner-wrap .banner-img-wrap{position: relative;}
.hero-banner-lokelma .hero-banner-wrap .banner-img-wrap .banner-foot-text{position: absolute;bottom: 25px;right: 18px;font-family: 'Roboto';color: #fff;z-index: 9;font-size: 12px;line-height: 24px;}
.hero-banner-lokelma .hero-banner-wrap .left-side-content .banner-foot-text{position: absolute;bottom: 25px;right: 18px;font-family: 'Roboto';color: #fff;font-size: 16px;z-index: 9;font-size: 12px;}
/*********************************** three-card-wrap **************************************/
#homePage-p1 .three-card-img-text-wrap .three-card-wrap{padding: 90px 30px 67px;}
.three-card-img-text-wrap .three-card-wrap {flex-direction: column;}
.three-card-img-text-wrap .three-card-wrap .it-card {width: 450px;margin: 0 auto;}
.three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--title{font-size: 20px;line-height: 25px !important;}
.three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--description{font-size: 16px;line-height: 23px;}
.three-card-img-text-wrap .three-card-wrap .it-card--detail{padding: 14px 0px;}

.three-card-img-text-wrap .three-card-wrap .promo-card-container:not(:last-of-type){padding: 45px 0px;}
/* .three-card-wrap .promo-card-container:not(:last-of-type) {padding: 30px;} */
/*********************************** btn mobile **************************************/
.btn{ font-size: 18px;}
/*********************************** below-nav-container **************************************/
.below-nav-container{padding: 19px 16px;}
#homePage-p1 .below-nav-container .below-nav-item{font-size: 14px;line-height: 11.33px;}
.below-nav-container .below-nav-icon {width: auto; height: 17px; margin-right: 7px;}
.below-nav-container .below-nav-links{gap: 14px;}
#homePage-p1 #sec-below-nav-container{overflow: auto;gap: 0px;}
#homePage-p1 #sec-below-nav-container .below-nav-container{padding: 10px 0px;}
#homePage-p1 #sec-below-nav-container #stickyNav-savCard-subBtn{margin-left: 0px;}
.three-card-img-text-wrap .three-card-wrap .card-header{height: 113px;}
.three-card-img-text-wrap .three-card-wrap .blue-man-bg{object-position: top;object-fit: none;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before{width: 79px;height: 7.4px;border-radius: 2px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before{width: 100px;height: 7.4px;border-radius: 2px;bottom: -17px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text{padding: 0px 16px 40px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-big{font-size: 36px;line-height: 44px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small{font-size: 28px;line-height: 30px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box{font-size: 15px;padding: 1px 11px 0px 11px;}
#homePage-p1 .three-card-img-text-wrap .three-card-wrap .promo-card-wrap{border-bottom-right-radius: 13px;border-bottom-left-radius: 13px;border-top-right-radius: 24px;border-top-left-radius: 24px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title{font-size: 48px;line-height: 44px;}
/*.modal__close{width: 11%;height: 44px;}*/
/*.exit-ramp-modal button.modal__close{left: 47%;outline: none;}*/
/*.exit-ramp-modal .modal-box{margin: 0 auto;}*/
}

@media screen and (max-width: 560px){
/*********************************** hero-banner-lokelma mobile **************************************/
#homePage-p1 .three-card-img-text-wrap .three-card-wrap .it-card:nth-of-type(3) {
    padding-top: 33px;
}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text{position: inherit;z-index: -2;}
.three-card-img-text-wrap .three-card-wrap .it-card{width: 90%;}

.three-card-img-text-wrap .three-card-wrap .it-card--detail .it-card--description{padding: 0px 15px;}
.hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{line-height: 24px !important;}
/* #homePage-p1 #sec-below-nav-container{padding-left: 150px;} */
.three-card-img-text-wrap .three-card-wrap .person-img{object-fit: cover;}
.three-card-img-text-wrap .three-card-wrap .yellow-bar{right: 5px;}
.green-btn{font-size: 16px;line-height: 16px;}
#homePage-p1 .green-btn{right: 10px;font-size: 17px;line-height: 15px;}
.hero-banner-lokelma .hero-banner-wrap .left-side-content .banner-foot-text{bottom: 9px;}
#homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para{width: 98%;}
#homePage-p1 #sec-below-nav-container {overflow-x: auto;overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none;  scrollbar-width: none;  }
#homePage-p1 #sec-below-nav-container::-webkit-scrollbar {display: none;}
#homePage-p1 .green-btn {width: 234px;text-align: center;padding: 12px 17px;}
#homePage-p1 .three-card-img-text-wrap .three-card-wrap .person-img{height: 163px;}
#homePage-p1 .three-card-img-text-wrap .three-card-wrap .promo-card-container:last-child .card-header .person-img{height: 150px;}
#homePage-p1 .three-card-img-text-wrap .three-card-wrap{gap: 10px;padding: 56px 30px 67px;}

      #homePage-p1 #container-2f4a93e1ba .cmp-container .cmp-formv2container{padding: 16px 1px !important;}
}
@media screen and (max-width: 470px){
      #homePage-p1 #sec-below-nav-container {justify-content: left;padding: 16px;}
      #homePage-p1 #container-2f4a93e1ba .cmp-container .cmp-formv2container{padding: 16px 1px !important;}
}
@media screen and (max-width: 388px){
    #homePage-p1 .three-card-img-text-wrap .three-card-wrap {padding: 56px 0px 67px;}
}

@media screen and (min-width: 992px) and (max-width: 1439px) {
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text {
    bottom: 3.473vw;
    padding: 0 3.125vw 0 5.972vw;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(6px, 4.723vw, 200px);
    line-height: 0.882;
    margin-bottom: 2.78vw;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small {
    font-size: clamp(8px, 2.917vw, 200px);
    line-height: 1.047;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-big {
    font-size: clamp(8px, 4.028vw, 200px);
    line-height: 1.0345;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before {
    width: 9.584vw;
    height: 0.695vw;
    bottom: -1.806vw;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box {
    padding: 0.0695vw 0.834vw;
    font-size: clamp(12px, 1.46vw, 200px);
    line-height: 1.619;
    margin-bottom: 0.7vw;
  }

  /* HOMEPAGE BANNER */
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text {
    bottom: 2.09vw;
    padding: 4.865vw 0 0 5.56vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box {
    /* padding: 0.0695vw 0.834vw 0.209vw; */
    padding: 0.0695vw 0.834vw;
    font-size: clamp(15px, 1.46vw, 200px);
    line-height: 1.619;
    margin-bottom: 0.7vw;
    /* letter-spacing: 0.20px; */
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box {
    padding: 0.0695vw 0.834vw;
    font-size: clamp(12px, 1.46vw, 200px);
    line-height: 1.619;
    margin-bottom: 0.7vw;
    /* letter-spacing: 0.20px; */
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(12px, 4.52vw, 200px);
    line-height: 1.030;
    margin-bottom: 2.78vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span {
    font-size: clamp(12px, 4.52vw, 200px);
    line-height: 1.030;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para {
    font-size: clamp(4px, 1.29vw, 140px);
    line-height: 1.33;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para {
    max-width: 35.28vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para.lok-mb-15 {
    margin-bottom: 1.045vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .mw-549 {
    max-width: 38.13vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before {
    width: 12.431vw;
    height: 1.042vw;
    bottom: -1.806vw;
  }
  /* HOMEPAGE BANNER */

  /* ABOUT HYPERKALEMIA BANNER */
  #aboutHyk-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(6px, 4.028vw, 200px) !important;
    line-height: 1.034 !important;
  }
  #aboutHyk-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .fw-700 {
    font-size: clamp(6px, 4.723vw, 200px) !important;
    line-height: 0.882 !important;
  }
  #aboutHyk-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .diagnosis {
    font-size: clamp(8px, 2.917vw, 200px) !important;
    line-height: 1.047 !important;
  }
  /* ABOUT HYPERKALEMIA BANNER */

  /* WHY LOKELMA BANNER */
  #why-Lokelma-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(6px, 4.723vw, 200px) !important;
    line-height: 0.882 !important;
  }
  #why-Lokelma-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small {
    font-size: clamp(8px, 2.917vw, 200px) !important;
    line-height: 1.047 !important;
  }
  /* WHY LOKELMA BANNER */
}

@media screen and (min-width: 1441px) {
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text {
    bottom: 3.473vw;
    padding: 0 3.125vw 0 5.972vw;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(6px, 4.723vw, 200px);
    line-height: 0.882;
    margin-bottom: 2.78vw;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small {
    font-size: clamp(8px, 2.917vw, 200px);
    line-height: 1.047;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-big {
    font-size: clamp(8px, 4.028vw, 200px);
    line-height: 1.0345;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before {
    width: 9.584vw;
    height: 0.695vw;
    bottom: -1.806vw;
  }
  .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box {
    padding: 0.0695vw 0.834vw;
    font-size: clamp(12px, 1.46vw, 200px);
    line-height: 1.619;
    margin-bottom: 0.7vw;
  }

  
  /* HOMEPAGE BANNER */
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text {
    bottom: 3.09vw;
    padding: 4.865vw 0 0 5.56vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .box {
    /* padding: 0.0695vw 0.834vw 0.209vw; */
    padding: 0.0695vw 0.834vw;
    font-size: clamp(15px, 1.46vw, 200px);
    line-height: 1.619;
    margin-bottom: 0.7vw;
    /* letter-spacing: 0.20px; */
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(12px, 4.52vw, 200px);
    line-height: 1.030;
    margin-bottom: 2.78vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title span {
    font-size: clamp(12px, 4.52vw, 200px);
    line-height: 1.030;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para {
    font-size: clamp(4px, 1.29vw, 140px);
    line-height: 1.33;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para {
    max-width: 35.28vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-para.lok-mb-15 {
    margin-bottom: 1.045vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .mw-549 {
    max-width: 38.6vw;
  }
  #homePage-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title::before {
    width: 12.431vw;
    height: 1.042vw;
    bottom: -1.806vw;
  }
  /* HOMEPAGE BANNER */

  /* ABOUT HYPERKALEMIA BANNER */
  #aboutHyk-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(6px, 4.028vw, 200px) !important;
    line-height: 1.034 !important;
  }
  #aboutHyk-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .fw-700 {
    font-size: clamp(6px, 4.723vw, 200px) !important;
    line-height: 0.882 !important;
  }
  #aboutHyk-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .diagnosis {
    font-size: clamp(8px, 2.917vw, 200px) !important;
    line-height: 1.047 !important;
  }
  /* ABOUT HYPERKALEMIA BANNER */

  /* WHY LOKELMA BANNER */
  #why-Lokelma-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title {
    font-size: clamp(6px, 4.723vw, 200px) !important;
    line-height: 0.882 !important;
  }
  #why-Lokelma-p1 .hero-banner-lokelma .hero-banner-wrap .hero-banner-text-wrap .left-side-content .banner-title .light-w-small {
    font-size: clamp(8px, 2.917vw, 200px) !important;
    line-height: 1.047 !important;
  }
  /* WHY LOKELMA BANNER */
}