.reliability-content {
    text-align: center;
}
.reliability-content h2 {
    margin-bottom: 25px !important;
    max-width: 630px;
    margin: 0 auto;
}
.reliability-content p {
        max-width: 782px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}
.lp-advantage-section {
    background-color: #EDFBEF;
}
.lp-advantage-top-sec {
    margin-bottom: 82px;
}
.advantage-heading h2 {
    margin-bottom: 0px;
    max-width: 541px;
        font-size: 60px;
    line-height: 65px;
}
.advantage-desc p {
    margin-bottom: 0px;
    max-width: 486px;
    margin-left: auto;
    font-weight: 400;
}
.advantage-card {
    border-radius: 30px;
    background: #FFF;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    padding: 43px 30px 30px 35px;
    position: relative;
    min-height: 370px;
    z-index: 2;
}
.advantage-icon {
    width: 138px;
    height: 138px;
    border-radius: 50%;
    background-color: #005C36;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -30px;
    right: -25px;
}
.advantage-card h3 {
    color: #101A28;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
    margin-bottom: 18px;
    max-width: 195px;
}
.advantage-card p {
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
    line-height: normal;
}
.lp-advantage-cards-sec .row {
    margin-bottom: -76px;
    justify-content: center;
}
.lp-advantage-cards-sec [class*="col-"] {
    margin-bottom: 50px;
}
.advantage-card-wrap {
    padding: 9px;
    position: relative;
    transition: all 0.5s ease 0s;
}
.advantage-card-wrap:hover {
    transform: scale(1.08);
}
.advantage-card-wrap:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60%;
    height: 60%;
    border-radius: 30px;
    background: #005C36;
}
.advantage-card-wrap:after {
    content: "";
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 60%;
    height: 60%;
    border-radius: 30px;
    background: #005C36;
}
.center-line-paretn {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: calc(100% - 76px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.lp-advantage-cards-sec {
    position: relative;
}
.range-slider-wrapper {
    position: relative;
    margin-bottom: 50px;
}
.range-slider .swiper-slide .range-item {
    transform: scale(0.652);
    transition: transform 0.5s ease;
    transform-origin: center center;
    width: 100%;
    position: relative;
}
.range-slider .swiper-slide-active .range-item {
    transform: scale(1);
}
.range-slider .swiper-wrapper {
    align-items: center
}
.range-slider-navigation {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    width: 100%;
    max-width: 38.0556%;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.range-slider-button-prev, .range-slider-button-next {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #005C36;
    border-radius: 50%;
    position: relative;
    z-index: 4;
}
.l-b-range-sec-title-sec {
    text-align: center;
}
.l-b-range-sec-title-sec h2 {
    margin-bottom: 25px;
}
.l-b-range-sec-title-sec p {
    margin: auto;
    margin-bottom: 40px;
    max-width: 792px;
    font-weight: 400;
}
.range-item-ctn {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 30px 35px 25px;
    opacity: 0;
}
.range-slider .swiper-slide-active .range-item-ctn {
    opacity: 1;
}
.range-item-ctn label {
    color: #101A28;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    margin-bottom: 0px;
    display: block;
}
.range-item-ctn span {
    color: #545960;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
    display: block;
}
.banner-content {
    justify-content: flex-end;
    padding-bottom: 150px;
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    padding-top: 0px;
    transform: none;
    padding-left: 0px;
    padding-right: 0px;
}
.banner-content h2 {
    margin-bottom: 21px;
}
.banner-content.about-banner-content p {
    max-width: 484px !important;
    padding-right: 0px;
}
.for-mobile {
    display: none;
}
/*...media-starts-here...*/
@media(min-width:576px) {}
@media(min-width:768px) {}
@media(min-width:800px) {}
@media(min-width:992px) {}
@media(min-width:1025px) {
    .lp-advantage-cards-sec .row {
        margin-left: -24px;
        margin-right: -24px;
    }
    .lp-advantage-cards-sec [class*="col-"] {
        padding-left: 24px;
        padding-right: 24px;
        position: relative;
        transition: all 0.9s ease 0s;
    }
    .range-slider .swiper-slide.visible-2 .range-item {
        left: -30px;
        /* left: 0;  */
    }
    .range-slider .swiper-slide.visible-4 .range-item {
        right: -30px;
        /* right: 0; */
    }
    .advantage-card-1 {
        right: -326px;
        z-index: 1;
        top: 44px;
    }
    .advantage-card-2 {
        z-index: 2;
        top: 53px;
    }
    .advantage-card-3 {
        right: 329px;
        z-index: 3;
        top: 83px;
    }
    .advantage-card-4 {
        right: -148px;
        top: -217px;
        z-index: 0;
    }
    .advantage-card-5 {
        right: 156px;
        z-index: 4;
        top: -219px;
    }
    .advantage-card-1.active {
        right: 0;
        top: 0;
    }
    .advantage-card-2.active {
        top: 0;
    }
    .advantage-card-3.active {
        right: 0;
        top: 0;
    }
    .advantage-card-4.active {
        right: 0;
        top: 0;
    }
    .advantage-card-5.active {
        right: 0;
        top: 0;
    }
}

@media(min-width:1250px) {}
@media(min-width:1300px) {}
@media(min-width:1440px) {}
@media(min-width:2000px) {}
@media(min-width:1025px) and (max-width : 1499px) {}
@media(min-width:1050px) and (max-width : 1200px) {}
@media(min-width:1100px) and (max-width : 1199px) {}
@media(min-width:1100px) and (max-width : 1300px) {}
@media(min-width:1200px) and (max-height : 729px) {}
@media(min-width:1100px) and (max-width : 1422px) {}
@media(min-width:1400px) and (max-width : 1500px) {}
@media(min-width:1400px) {}
@media(min-width:1500px) {}
@media(min-width:1600px) {}
@media(min-width:1700px) {}
@media(min-width:1900px) {}
@media(min-width:2000px) {}
@media(max-width:1440px) {}
@media(max-width:1300px) {}
@media(max-width:1366px) { .banner-content {
        padding-left: 20px;
        padding-right: 20px;
    }}
@media(max-width:1266px) {}
@media(min-width:1200px) {}
@media(max-width:1024px) {
    .about-banner-content h2 {
        font-size: 45px !important;
        line-height: 45px !important; /* 111.765% */
    }
    h2 {
        font-size: 34px !important;
        line-height: 38px !important; /* 111.765% */
    }
    .banner-content {
        padding-bottom: 75px !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    .range-item-ctn {
        padding: 20px;
    }
    .range-slider-navigation {
        position: relative;
        left: 0px;
        right: 0px;
        top: 0px;
        width: 100%;
        max-width: 138px;
        padding-top: 30px;
    }
}
@media(min-width:992px) and (max-width : 1199px) {}
@media(max-width:991px) {
    .lp-advantage-top-sec {
        text-align: center;
    }
    .advantage-heading {
        margin-bottom: 20px;
    }
    .advantage-heading h2 {
        margin: auto;
    }
    .advantage-desc p {
        margin-left: 0px;
        margin: auto;
    }
    .lp-advantage-top-sec {
        margin-bottom: 65px;
    }
    .advantage-icon {
        width: 131px;
        height: 131px;
        top: -50px;
    }
    .advantage-card {
        padding: 41px 34px 35px;
        min-height: 301px;
    }
    .lp-advantage-cards-sec .row {
        margin-bottom: -70px;
    }
    .lp-advantage-cards-sec [class*="col-"] {
        margin-bottom: 70px;
    }
    .for-mobile {
        display: block !important;
    }
    .for-desktop {
        display: none;
    }
    .reliability-content h2 {
        margin-bottom: 20px;
    }
    .l-b-range-sec-title-sec h2 {
        margin-bottom: 20px;
    }
    .l-b-range-sec-title-sec p {
        margin-bottom: 30px;
    }
}
@media(min-width:992px) and (max-width : 1024px) {}
@media(min-width:768px) and (max-width : 991px) {}
@media(min-width:700px) and (max-width : 768px) {
.awards-img-sec .awards-content-sec p { 
    max-width: 210px; 
}
}
@media (min-width : 320px) and (max-width : 480px) {}
@media (min-width : 480px) and (max-width : 640px) {}
@media(max-width:830px) {}
@media(max-width:767px) {}
@media(max-width:575px) {
    .range-slider .swiper-slide .range-item {
        transform: scale(1);
    }
    .banner-content { 
    bottom: 75px;
}
    .lp-advantage-cards-sec [class*="col-"] { 
               padding-right: 17px;
        padding-left: 6px;
    }
        .lp-advantage-cards-sec [class*="col-"] {
        margin-bottom: 90px;
    }
    .for-bottom-bg.inner-bottom-bg {
    margin-top: -270px;
}
.range-slider-wrapper { 
    margin-bottom: 0;
}
}
@media(max-width:360px) {
 .advantage-card h3 { 
    max-width: 170px;
}

}
@media(max-width:345px) {}
@media(max-width:320px) {}
@media (min-width : 576px) and (max-width : 767px) {}
@media (max-width : 575px) and (min-height : 700px) {}
@media(max-width:475px) and (max-height : 600px) {}
@media(min-width:800px) and (max-height : 600px) {}
@media only screen and (width :568px) {}
@media only screen and (width :568px) {}
/* ----------------------------- */
 
.banner-content { 
    bottom: 200px;
    z-index: 9;
}
@media(min-width:1300px) {
        .lp-advantage-cards-sec .row {
        margin-left: -19px;
        margin-right: -7px;
    }
        .lp-advantage-cards-sec [class*="col-"] {
        padding-left: 27px;
        padding-right: 27px; 
    }
}
/* ----------ALL--------- */

/* =========================================
   PACKAGING CONSIDERATION SECTION
========================================= */

.packaging-consideration-section {
    width: 100%;
    padding: 120px 0;
    background: #ffffff;
    overflow: hidden;
}

.packaging-consideration-container {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}


/* =========================================
   HEADING
========================================= */

.packaging-consideration-heading {
    width: 100%;
    text-align: center;
    margin-bottom: 38px;
}

.packaging-consideration-heading h2 {  
    padding: 0;

    color: #008542;
max-width: 747px;
    margin: 0 auto;
    
    font-size: 60px;
    font-weight: 700;
    line-height: 65px;

    letter-spacing: -1px;
}


/* =========================================
   SWIPER
========================================= */

.packaging-consideration-slider {
    width: 100%;
    overflow: hidden;
}

.packaging-consideration-slider .swiper-wrapper {
    align-items: stretch;
}

.packaging-consideration-slider .swiper-slide {
    height: auto;
    box-sizing: border-box;
}


/* =========================================
   CARD
========================================= */

.packaging-consideration-card {
    position: relative;
    width: 100%;
    height: 470px;
    padding: 55px 30px 30px;
    box-sizing: border-box;
    background: #effbef;
    border-radius: 7px;
    border-bottom: 2px solid #008542;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border 0.3s ease;
}


/* Active / highlighted card */

.packaging-consideration-slider
.swiper-slide-active
.packaging-consideration-card {
    /* border: 2px solid #008cff; */
    /* border-bottom: 2px solid #008cff; */
}


/* Hover */

.packaging-consideration-card:hover {
    transform: translateY(-3px);
}


/* =========================================
   ICON
========================================= */

.packaging-consideration-icon {
    width: 50px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    margin-bottom: 20px;
}

.packaging-consideration-icon img {
    display: block;

    width:60px;
    height:60px;

    object-fit: contain;
}


/* =========================================
   CONTENT
========================================= */

.packaging-consideration-content {
    width: 100%;
}

.packaging-consideration-content h3 {
    margin: 0 0 18px;
    color: #111111;
    /* */
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.packaging-consideration-content p {
    margin: 0;
    color: #1a1a1a;
    /* */
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}


/* =========================================
   NAVIGATION
========================================= */

.packaging-consideration-navigation {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 12px;

    margin-top: 33px;
}

.packaging-consideration-navigation button {
    width: 54px;
    height: 54px;

    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 1px solid #008542;
    border-radius: 50%;

    color: #008542;

    cursor: pointer;

    transition:
        background 0.3s ease,
        color 0.3s ease,
        opacity 0.3s ease;
}

.packaging-consideration-navigation button span {
       display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    margin-top: -8px;
}

.packaging-consideration-navigation button:hover {
    background: #008542;
    color: #ffffff;
}

.packaging-consideration-navigation
button.swiper-button-disabled {
    opacity: 0.45;
    cursor: not-allowed;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1199px) {

    .packaging-consideration-container {
        max-width: 1000px;
    }

    .packaging-consideration-heading h2 {
        font-size: 44px;
    }

    .packaging-consideration-card {
        min-height: 330px;
        padding: 40px 22px 25px;
    }

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .packaging-consideration-section {
        padding: 60px 0;
    }

    .packaging-consideration-heading {
        margin-bottom: 30px;
    }

    .packaging-consideration-heading h2 {
        font-size: 40px;
    }

    .packaging-consideration-card {
        min-height: 320px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .packaging-consideration-section {
        padding: 45px 0 50px;
    }

    .packaging-consideration-container {
        padding: 0 15px;
    }

    .packaging-consideration-heading {
        margin-bottom: 25px;
    }

    .packaging-consideration-heading h2 {
        font-size: 32px;
        line-height: 1.12;
        letter-spacing: -0.5px;
    }

    .packaging-consideration-card {
        min-height: 320px;
        padding: 35px 22px 25px;
    }

    .packaging-consideration-icon {
        margin-bottom: 18px;
    }

    .packaging-consideration-content h3 {
        font-size: 20px;
        margin-bottom: 24px;
    }

    .packaging-consideration-content p {
        font-size: 16px;
        line-height:22px;
    }

    .packaging-consideration-navigation {
        margin-top: 25px;
        padding-right: 20px;
        gap: 30px;
    }

    .packaging-consideration-navigation button {
        width: 54px;
        height: 54px;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .banner-content { 
    left: 0; 
}
    .packaging-consideration-section {
        padding: 40px 0 45px;
    }
    .packaging-consideration-section .container {
            padding-right: 0;
    }
    .packaging-consideration-section .container {
            padding-right: 0;
    }

    .packaging-consideration-heading h2 {
        font-size: 28px;
    }

    .packaging-consideration-card {
        min-height: 310px;
        padding: 30px 30px 23px;
    }
       .packaging-consideration-heading h2 { 
        padding-right: 20px;
    }
     

}