.sustainability-wrapper {
    max-width: none;
    padding: 0;
}

.sustainability-container {
    position: relative;
}

.sustainability-content {
    position: absolute;
    top: 96px;
    left: 160px;
}

.sustainability-content a {
    color: #0067b8 !important;
}

.sustainability-title {
    margin-bottom: 32px;
    max-width: 350px;
   }
@media screen and (min-width: 568px) {
.sustainability-title {
    max-width: 50%;
}
}

@media screen and (min-width: 1084px) {
    .sustainability-title {
        max-width: 51%;
    }

    .sustainability-wrapper  .c-heading-2,h2.sustainability-title{
        margin-bottom: 35px;
    }
}

@media screen and (min-width: 1600px) {
    .sustainability-title {
        max-width: 40%;
    }
    }
.sustainability-wrapper .c-heading-1,h1.sustainability-title{
font-weight: 600;
    font-size: 34px;
    line-height: 40px;
}


.sustainability-wrapper  .c-heading-2,h2.sustainability-title{
    font-size: 46px;
    line-height: 56px;
    font-weight: 600;
    margin-bottom: 48px;
    padding: 0;
}
.sustainability-wrapper .c-heading-3,h3.sustainability-title{
font-size: 34px;
    line-height: 40px;
    font-weight: 600;
}
.sustainability-wrapper  .c-heading-4,h4.sustainability-title{
font-size: 24px;
    line-height: 28px;
    font-weight: 600;
 }
.sustainability-wrapper  .c-heading-5,h5.sustainability-title{
 font-size: 20px;
     line-height: 24px;
     font-weight: 600;
 }
.sustainability-wrapper  .c-heading-6,h6.sustainability-title {
     font-size: 18px;
     line-height: 24px;
     font-weight: 600;
 }

.sustainability-desc {
    max-width: 75%;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.sustainability-link {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
}

.sustainability-desc , .sustainability-link, .sustainability-content > a {
    margin-left: 40px;
}

.sustainability-rightImage-wrapper {
    height: 100%;
}

.sustainability-rightImage-wrapper img {
    height: 100%;
}

 @media (max-width: 1919px) {
    .sustainability-content {
        top: 96px;
        left: 160px;
    }

    h2 {
        margin-bottom: 40px;
    }

    .sustainability-desc {
        max-width: 50%;
    }
 }

 @media (max-width: 1399px) {
    .sustainability-content {
        top: 70px;
        left: 70px;
    }

    .sustainability-title {
        margin-bottom: 40px;

    }

    .sustainability-wrapper  .c-heading-2,h2.sustainability-title {

        font-size: 46px;
        line-height: 56px;
    }

    .sustainability-desc {
        max-width: 50%;
    }
}

@media (min-width: 1400px) {
    .sustainability-desc {
        max-width: 45%;
    }
}


@media (max-width: 1083px) {

    .sustainability-content {
        top: 48px;
        left: 62px;
    }
 .sustainability-title {
         margin-bottom: 24px;

    }
    .sustainability-wrapper  .c-heading-2,h2.sustainability-title {

        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
    }

    .sustainability-desc {
        max-width: 45%;
    }
}

@media (max-width: 767px) {
    .sustainability-content {
        top: 64px;
        left: 56px;
    }

    .sustainability-title {
        margin-bottom: 24px;

    }

    .sustainability-wrapper .c-heading-2,h2.sustainability-title  {

        font-weight: 600;
        font-size: 34px;
        line-height: 40px;
    }

    .sustainability-desc {
        max-width: 80%;
    }
}

@media (max-width: 540px) {
    .sustainability-content {
        top: 48px;
        left: 22px;
    }

    .sustainability-title {
        margin-bottom: 32px;
    }
}
@media (max-width: 410px) {
    .sustainability-container h2.sustainability-title {
        margin-bottom: 20px;
    }
   .sustainability-container  .sustainability-content {
        top: 30px;
        padding-right: 20px;
    }
     .sustainability-container .sustainability-desc {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
    }
    .sustainability-container .sustainability-content > a  {
        margin-left: 0;
    }
}

@media (max-width:860px) {
    .sustainability-right {
        margin-top: 20px;
    }
}
.sustainability-wrapper .sustainabilityvideo{
    width:100%;
    height:100%;
}
/* animation */

 .animation-toggle .sustain-slide-up {
transform: translateY(50px);
}

@media only screen and (min-width: 1092px) {
     .animation-toggle .is-scrolled-in {
        transition: margin-inline-start 2s ease-in-out;
    }
}
@media (prefers-reduced-motion: reduce) {
     .animation-toggle .is-scrolled-in {
        /* transition: none; */
    }
}

 .animation-toggle .is-scrolled-in.sustain-slide-up {
    transform: translateY(0);
    transition: transform 2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    .animation-toggle .is-scrolled-in.sustain-slide-up {
        /* transition: none; */
    }
}
.sr-text{
 border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}
@media (min-width: 768px){
html[dir="rtl"] .sustainability-content {
    left: 0;
    max-width: 50%
}
html[dir="rtl"] .sustainability-wrapper .c-heading-2, 
html[dir="rtl"] h2.sustainability-title {
    max-width: 90%;
}
html[dir="rtl"] .sustainability-content .sustainability-desc {
    max-width: 70%;
}
}
@media (max-width: 767px){
    html[dir="rtl"] .sustainability-content {
        position: static;
        margin-top: 20px
    }
}