.intro-develop .image-after {

  top: unset;

  bottom: 0;

  right: 10%;

}



.item-commit .head {

  min-height: 7.25rem;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-bottom: 6.25rem;

}

.item-commit .head .icon {

  max-width: 4.6875rem;

  margin-right: 1.875rem;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.item-commit .head .icon img {

  -o-object-fit: scale-down;

     object-fit: scale-down;

}

.item-commit .head .text {

  letter-spacing: 0.2em;

  color: #52C95E;

  line-height: 1.0;

  font-size: 2.8rem;

  white-space: nowrap;

}

.item-commit .image {

  max-width: 25.3125rem;

  margin-left: auto;

  margin-right: auto;

}



.community-benefits {

  padding-top: 5rem !important;

}

.community-benefits .title-all {

  margin-bottom: 6.25rem;

  padding-left: 15.625rem;

}
.community-benefits .title-all.sub-title{
    margin-bottom:1.25rem;
    padding-left:0;
}

.community-benefits .image img {

  position: relative;

  z-index: 2;

}



.module-community-benefits {

  max-width: 33.5625rem;

  margin-left: auto;

  margin-right: 0;

}

.module-community-benefits ul li {

  text-align: justify;

  color: #000000;

  font-size: 1.0625rem;

  position: relative;

  padding-left: 4.375rem;

}

.module-community-benefits ul li::before {

  content: "";

  width: 2.625rem;

  height: 5.0625rem;

  background-image: url(../images/flag-green-big.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: -4px;

  left: 0;

}

.module-community-benefits ul li:not(:last-child) {

  margin-bottom: 1.875rem;

}



.reduce-impact .title-all {

  max-width: 41.5rem;

  margin-left: auto;

  margin-bottom: 3.75rem;

  position: relative;

}

.reduce-impact .title-all::before {

  content: "";

  width: 8.125rem;

  height: 4.375rem;

  background-image: url(../images/befer-textdecor.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 0;

  right: calc(100% + 84px);

}

.reduce-impact .image-after, .reduce-impact .image-before {

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

}



.module-reduce-impact {

  max-width: 32.5rem;

  margin-right: auto;

}

.module-reduce-impact ul li {

  color: #000;

  text-align: justify;

  font-size: 1.0625rem;

  position: relative;

  padding-left: 3.875rem;

}

.module-reduce-impact ul li::before {

  content: "";

  width: 2.625rem;

  height: 3rem;

  background-image: url(../images/icon-special.png);

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: -4px;

  left: 0;

}

.module-reduce-impact ul li:not(:last-child) {

  margin-bottom: 1.875rem;

}



.section-conserve .title-all {

  margin-bottom: 6.25rem;

  max-width: 46.875rem;

  margin-right: auto;

  position: relative;

}

.section-conserve .title-all::before {

  content: "";

  width: 20.75rem;

  height: 11.5rem;

  background-image: url(../images/after-text-conserve.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 50%;

  -webkit-transform: translateY(-50%);

          transform: translateY(-50%);

  left: calc(100% + 40px);

}

.section-conserve .image {

  position: relative;

}

.section-conserve .s-content {

  max-width: 33.75rem;

  margin-left: auto;

  padding-top: 0.9375rem;

  position: relative;

  padding-left: 4.375rem;

}

.section-conserve .s-content::before {

  content: "";

  width: 2.3125rem;

  height: 1.875rem;

  background-image: url(../images/icon-feedback.png);

  background-repeat: no-repeat;

  background-size: contain;

  position: absolute;

  top: 0.9375rem;

  left: 0;

}

.section-conserve .image-after {

  top: unset;

  bottom: 0;

}



.section-project {

  position: relative;

}



.section-project .col {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 20%;

          flex: 0 0 20%;

  width: 100%;

}

.section-project .col:nth-child(2n+1) .item-project {

  margin-top: 5.625rem;

}

#develop-modal{
  padding-right:0;
}
#develop-modal .modal-dialog{
  max-width: 600px;
}
#develop-modal .modal-body::after{
  display: none;
}
#develop-modal .modal-body{
  padding:2.5rem;
}
.slide-project__modal{
  margin-right: -40px;
}
.slide-project__modal .image{
  position: relative;
  padding-top: 66%;
}
.slide-project__modal .image img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#develop-modal .s-content{
  max-height: 500px;
  overflow-y: auto;
      direction: rtl;
      padding-left: 15px;
}
#develop-modal .s-content::-webkit-scrollbar-track {

  background: rgba(15, 85, 66, 0.5);

}

#develop-modal .s-content::-webkit-scrollbar {

  width: 8px;

  background: rgba(15, 85, 66, 0.5);

}

#develop-modal .s-content::-webkit-scrollbar-thumb {

  background-color: #094A25;

}

.section-commit .title-all{
    
    margin-top: 5rem!important;

}
@media (min-width: 1400px) {

  .section-project .container {

    max-width: 1600px !important;

  }

}
@media(max-width:1599px){
    .item-commit .head .text{
        font-size:4.063rem;
    }
}
@media (max-width: 1199px) {

  .item-commit .head {

    min-height: 7.75rem;

    margin-bottom: 1.875rem;

  }



  .item-commit .head .icon {

    max-width: 3.125rem;

  }



  .item-commit .head .text {

    font-size: 3.125rem;

    white-space: inherit;

  }

}

@media (max-width: 991px) {

  .module-community-benefits, .module-reduce-impact {

    max-width: 100%;

  }



  .section-conserve .title-all {

    margin-bottom: 1.875rem;

  }



  .section-project .col {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 25%;

            flex: 0 0 25%;

  }



  .section-project .col:nth-child(2n+1) .item-project {

    margin-top: 0;

  }



  .section-project .item-project .img {

    margin-bottom: 0.9375rem;

  }

}

@media (max-width: 767px) {

  .item-commit .head .text {

    font-size: 2.1875rem;

  }



  .community-benefits .title-all {

    padding-left: 0;

    margin-bottom: 1.875rem;

  }



  .module-community-benefits ul li::before, .module-reduce-impact ul li::before {

    width: 1.5625rem;

  }



  .module-community-benefits ul li, .module-reduce-impact ul li {

    padding-left: 2.1875rem;

    font-size: 0.875rem;

  }



  .section-project .col {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 33.33%;

            flex: 0 0 33.33%;

  }



  .section-project::before {

    top: 0;

    right: 0;

  }



  .item-project .title {

    font-size: 1rem;

  }
  #develop-modal .modal-dialog{
      max-width:80%;
  }

}

@media (max-width: 575px) {

  .section-project .col {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

  }



  .community-benefits {

    padding-top: 1.25rem !important;

  }
  .section-conserve .image{
      display:none;
  }
  .section-conserve .title-all{
      margin-bottom:15px;
  }
  .item-commit .head{
      min-height:unset;
  }
  #develop-modal .modal-body{
      padding:2.5rem 1.25rem;
  }
  .slide-project__modal{
      margin-right:-1.25rem;
  }

}