.sus-sub-head {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 0;
    color: #222;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.sus-content {
    font-family: 'Aileron';
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
}

.our-comit {
    font-size: calc((100vw - 5em) / 38);
    margin-top: 16px;
    margin-bottom: 20px;
    color: #222;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.esg-sustainability-section {
    padding-top: 100px;
    padding-bottom: 30px;
    padding-left: 170px;
    padding-right: 3%;
}


.img-bottom {
    background: linear-gradient(to bottom right, #efe78f 0%, #69852f 100%);
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
}

.img-bottom h1{
    font-family: 'Montserrat', sans-serif;
}

.sutainbuilty-block {
    padding-right: 128px;
}


.env-tabs-section .nav-tabs{
    justify-content: center;
    margin-bottom: 30px;
}

.env-tabs-section .nav-tabs .nav-link {
    background-color: transparent !important;
    color: #000;
    border-bottom: 1px solid #cbcbcb;
}

.env-tabs-section .nav-tabs .nav-link.active{
     background-color: transparent !important;
     color: #000;
     border-color: #7fb70d;
}

.env-tabs-section{
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #f4f4f4;
    
}

.governance-slider-container .swiper-button-next{
        color: #fff;
        right: -4px;
}

.governance-slider-container .swiper-button-prev {
     color: #fff;
     left: -4px;
}

.governance-slider-container .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 26px;
}

.governance-slider-container .swiper-container{
    overflow: hidden;
}

.governance-slider-container .swiper-container .swiper-slide img{
    width: 100%;
}

.emvirnoment-slide-item{
    background-color: #fff;
    padding: 20px;
}

.emvirnoment-slide-item img{
    width: 100%;
}

.esg-slide-content {
    margin-top: 22px;
    line-height: normal;
}

.env-slide-link a{
    color: #007336;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    border: 1px solid #9d9d9d;
    padding: 6px 16px;
    display: inline-block;
    position: relative;
}

.env-slide-link a:hover{
    color: #fff;
    background-color: #007336;
    border-color: #007336 ;
}


.env-slide-link a:after {
    content: "";
    width: 23px;
    height: 22px;
    background-image: url(../images/green-arrow.png);
    position: absolute;
    right: -36px;
    top: 6px;
    background-size: cover;
}

.env-tabs-section .swiper-pagination {
    bottom: -44px;
}

.env-tabs-section .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #b9b9b9;
    border-radius: 0%;
    opacity: 1;
}

.env-tabs-section .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #8fc721;
}

.governance-slider-container .swiper-container2 {
    overflow: hidden;
}



.govern-tabs-inner{
    padding-bottom: 60px;
}

.testimonial-bg {
    background-color: #f7f7f7;
}

.testimonial-content {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    font-weight: 500;
}

.testimonial-bg h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    color: #000;
}

.testimonial-bg h6{
    font-family: 'Montserrat', sans-serif;
}

.testimonial-hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #69852f;
}

.fw-700 {
    font-weight: 700;
}

.position-text {
    font-size: 18px;
    font-weight: 500;
}

.sdg-background {
    background-color: #f8f8f8;
}

.sdg-head {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0;
    color: #222;
    font-family: 'Montserrat', sans-serif;
}

.sdg-content {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #595959;
}

.fs-50 {
    font-size: 50px;
}

.kh-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 500;
}

.ps-lg-5 {
    padding-left: 3rem !important;
}

.sdg-img {
    display: inline-block !important;
    width: 60% !important;
}

.sdg-text {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 0;
    color: #222;
    font-family: 'Montserrat', sans-serif;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: linear-gradient(to bottom right, #efe78f 0%, #69852f 100%);
}

.owl-theme .owl-nav {
    display: none;
}

.owl-dots {
    margin-top: 30px;
}

.governance-text {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    word-spacing: 2px;
    letter-spacing: 1px;
}

.governance-li {
    font-size: 19px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    color: #222;
    list-style: square;

}

ul li::marker {
    color: linear-gradient(to bottom right, #efe78f 0%, #69852f 100%);
}



@media screen and (max-width: 768px) {
    .sus-sub-head {
        font-size: 24px;
        font-weight: 900;
        margin-bottom: 0;
        color: #222;
    }

    .sus-content {
        font-family: 'Aileron';
        font-size: 16px;
        font-weight: normal;
        line-height: 22px;
        color: #000000;
    }

    .img-bottom h1 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 0;
        color: #222;
    }

    .sdg-slider-item {
        padding-left: 5px;
        padding-right: 5px;
        height: 150px !important;
    }

    .sdg-slider-item {
        padding-top: 10px;
    }

    .sdg-slider-item h1 {
        margin-top: 10px;
    }

    .fs-50 {
        font-size: 23px;
    }
}

@media screen and (max-width: 425px) {
    .inner-page-banner img {
        object-fit: cover;
        width: 100%;
        height: 400px;
        object-position: center;
    }
    .img-fluid {
        width: 100%;
    }
    .ps-lg-5 {
        padding-left: 0px !important;
    }
    .ps-sm-15 {
        padding-left: 15px !important;
    }
    .px-sm-0 {
        padding: 0px;
    }
    #owl-carousel2 .owl-stage-outer .owl-stage .owl-item .owl-slider-item h1 {
        padding-left: 5px;
        padding-right: ;
        padding-top: ;
        padding-bottom: ;
    }

    #owl-carousel2 .owl-stage-outer .owl-stage .owl-item .owl-slider-item {
        padding-left: 2px;
        padding-right: 2px;
        height: 300px !important;
    }
    .ms-sm-0 {
        margin-left: 0px !important;
    }
    .my-sm-30 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .text-sm-center {
        text-align: center !important;
    }
    .sdg-text {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 0;
        color: #222;
    }
    .sdg-slider-item {
        padding-left: 5px;
        padding-right: 5px;
        height: 135px !important;
    }
    .fs-sm-25 {
        font-size: 25px !important;
    }
}

@media (max-width: 767px) {

.esg-sustainability-section {
    padding-top: 50px;
    padding-bottom: 16px;
    padding-left: 15px;
    padding-right: 3%;
}

.sutainbuilty-block {
    padding-right: 0;
}

.our-comit {
    font-size: calc((100vw - 5em) / 12);
}

.sustainbility-right-row .col-lg-4 {
    width: 33.33%;
}

.img-bottom{
    padding-top: 12px;
    padding-bottom: 12px; 
}

.img-bottom h1 {
    font-size: 18px;
}

.testimonial-bg {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.testimonial-content{
        margin-top: 20px;
}

.key-highlight-item{
    margin-top: 30px;
}

.env-tabs-section {
    padding-top: 36px;
    padding-bottom: 46px;
}

.env-tabs-section .nav-tabs .nav-link {
    font-size: calc((100vw - 5em) / 15);
    padding: 12px 24px;
}

.govern-tabs-inner .fs-sm-25 {
    font-size: 30px !important;
    margin-top: 12px;
    margin-bottom: 16px;
}

.govern-tabs-inner{
    position: relative;
}

.govern-tabs-inner:after {
    content: "";
    width: 101%;
    height: 200px;
    background-color: #f4f4f4;
    position: absolute;
    bottom: 0px;
    margin-left: -1px;
}

.governance-slider-container .swiper-button-prev {
    color: #bfbfbf;
    left: -7px;
}

.governance-slider-container .swiper-button-next {
    color: #bfbfbf;
    right: -7px;
}

.we-are-slide-text.esg-foot-text-slide {
    font-size: calc((100vw - 5em) / 11);
    min-height: 136px !important;
}

.governance-slider-container .swiper-container {
     margin-top: 20px;
}

.governance-slider-container .swiper-container2 {
     margin-top: 20px;
}

}

 @media only screen and (min-width: 768px) and (max-width: 1000px)  {
     .esg-sustainability-section {
    padding-top: 70px;
    padding-bottom: 24px;
    padding-left: 30px;
    padding-right: 3%;
}

.sutainbuilty-block {
    padding-right: 34px;
}

.esg-testimonial-row .col-md-3{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 24px;
}

.esg-quote-icon{
    width: 50px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.testimonial-bg {
    padding-bottom: 20px !important;
}

.esg-testi-sec.my-100 {
    margin-top: 10px;
}

.govern-tabs-inner .homepage-heading{
    margin-bottom: 15px;
}
     
 }
 
 @media only screen and (min-width: 1001px) and (max-width: 1199px)  {
.esg-sustainability-section {
    padding-top: 78px;
    padding-bottom: 28px;
    padding-left: 45px;
    padding-right: 3%;
}

.sutainbuilty-block {
    padding-right: 60px;
}

.esg-quote-icon{
    width: 50px;
}

.testimonial-bg h3{
    font-size: 14px;
}

.position-text {
    font-size: 16px;
    font-weight: 500;
    margin-top: 6px;
}

.img-bt-h{
        font-size: 24px;
}

.product-detail-foot-slider .we-are-slide-text.esg-foot-text-slide{
    min-height: 242px !important;
}

 }


@media only screen and (min-width: 1200px) and (max-width: 1280px)  {
    .esg-sustainability-section{
            padding-left: 76px;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px)  {
    .esg-sustainability-section{
            padding-left: 82px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1440px)  {
    .esg-sustainability-section{
        padding-left: 100px;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1599px)  {
    .esg-sustainability-section{
            padding-left: 134px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1680px)  {
    .esg-sustainability-section{
    padding-left: 140px;
    }
}