#sustainbility-intro{
    background: #0D2D40;
    color: #FFF;
    .padding{
        padding-right: 30px;
        padding-top: 30px;
        
    }
    .intro-bg{
        background: #FFF;
        height: 20px;
        width: calc( 100% - ( map-get($container-max-widths, xl) - 75% ) );
        margin-left: auto;
        position: absolute;
    }
}

#guided{
    padding-top: 100px;
    h1{
        font-size: 30px;
    }
    ul{
         list-style-type: none; 
         padding-left: 0;
    }
    li{
        color: #3C3C3B;
         margin-bottom: 15px;
        &::before {
            content: "~ "; /* Add tilde */
            margin-right: 5px;
           
        }
    }
    
}
.yellow-bg{
    padding: 50px 0;
    background: #D09B3E;
    font-size: 28px;
  }

#sustain-box{
    margin-top: 30px;
    padding-top: 70px;
    padding-bottom: 100px;
    background: #F2F2F2;
    font-size: 15px;
    .gray{
        background: #CFD5D9;
        padding: 18px 18px 18px 18px;
    }
    .white{
        padding: 18px 18px 18px 18px;
        background: #FFF; 
        &.pe-c{
            padding-right: 18px;
            padding-top: 17px;
        }
        &.pe-c-1{
             padding-right: 18px;
              padding-top: 17px;
        }
    }

}

.sustainability__bg{
    background: url("images/sustainability-banner.jpg") no-repeat center center;
    background-size: cover;
}