.section-intro__story .ct-text {

  margin-left: 1.875rem;

}

.title-story{
  padding-top: 2.813rem;
}

.section-connect.connect-story {

  padding-top: 3.75rem;

  padding-bottom: 6.25rem;
  position: relative;

}

.after-project-image_intro {
  content: "";

  width: 13.125rem;

  height: 12.8125rem;

  /* background-image: url(../images/logo-circle-green.png); */

  background-size: contain;

  position: absolute;

  background-repeat: no-repeat;

  top: 0;

  right: 4%;

  z-index: inherit;
}

/* .section-connect.connect-story::before {

  content: "";

  width: 13.125rem;

  height: 12.8125rem;

  background-image: url(../images/logo-circle-green.png);

  background-size: contain;

  position: absolute;

  background-repeat: no-repeat;

  top: 0;

  right: 4%;

  z-index: inherit;

} */

.section-connect.connect-story .item-conect .desc {

  line-height: 1.7;

}



.section-mission {

  position: relative;

}

.section-mission .title-all {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  position: relative;

  padding-top: 0.3125rem;

}

.section-mission .title-all::after {

  content: "";

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

  width: 8.125rem;

  height: 4.375rem;

  background-size: contain;

  left: calc(100% + 22px);

  top: -100%;

  z-index: inherit;

  position: absolute;

}

.section-mission .img-relative {

  position: absolute;

  bottom: 0;

  left: 0;

  z-index: inherit;

  width: 74%;

}

.section-mission .img-relative img {

  width: 100%;

}

.section-mission .col:nth-child(1) .item-mission {

  margin-top: 3.75rem;

}

.section-mission .col:nth-child(2) .item-mission {

  margin-top: 8.4375rem;

}

.section-mission .col:nth-child(3) .item-mission {

  margin-top: 12.1875rem;

}

.section-mission .col:nth-child(4) .item-mission {

  margin-top: 288px;

  -webkit-transform: translateY(50%);

          transform: translateY(50%);

}

.section-mission .item-mission {

  margin-left: 6.25rem;

  line-height: 1.7;

}

.section-mission .image-after {

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

          transform: translateY(-50%);

}



.section-vision {

  padding-top: 8.75rem;

  padding-bottom: 5rem;

}

.section-vision .module-vision {

  margin-left: 13.438rem;

}
.section-vision .module-vision .s-content p:first-child{
    margin-bottom:10px !important;
}
.section-vision .ct-text {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 45%;

          flex: 0 0 45%;

  padding-right: 1.875rem;

}

.section-vision .item-slide {

  padding-top: 3.75rem;

}

.section-vision .title-all {

  width: -webkit-fit-content;

  width: -moz-fit-content;

  width: fit-content;

  position: relative;

  margin-bottom: 2.813rem;

}

.section-vision .title-all::after {

  content: "";

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

  width: 2.125rem;

  height: 2.125rem;

  background-size: 100% 100%;

  position: absolute;

  top: 50%;

  right: -3.75rem;

  z-index: inherit;

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

          transform: translateY(-62%);

}



.slide-vision .img {

  position: relative;

  padding-top: 75%;

  border-radius: 15px;

  overflow: hidden;

}

.slide-vision .img img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: inherit;

}



.section-experience__story .title-all {

  margin-bottom: 10.3125rem;

}

.section-experience__story .col:nth-child(3n+2) .item-experience__story {

  margin-left: auto;

  margin-right: auto;

  margin-top: -6.6875rem;

}

.section-experience__story .col:nth-child(3n+3) .item-experience__story {

  margin-left: auto;

  margin-right: 0;

}

.section-experience__story .image-before {

  top: 17%;

}

.section-experience__story .image-after {

  bottom: 7%;

  top: unset;

}



.item-experience__story {

  max-width: 21.875rem;

  margin-bottom: 6.25rem;

}

.item-experience__story .img {

  position: relative;

  padding-top: 137%;

}

.item-experience__story .img img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.item-experience__story .s-content {

  line-height: 1.7;

}

.item-experience__story .title {

  display: inline-block;

}



.section-companion {

  padding-bottom: 5rem;

}

.section-companion .module-header {

  margin-bottom: 2.5rem;

  padding-left: 6.25rem;

}

.section-companion .module-header .icon {

  margin-left: 1.25rem;

}

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

  margin-top: 6.25rem;

}



.item-companion .img {

  position: relative;

  padding-top: 135%;

  border-radius: 15px;

  overflow: hidden;

}

.item-companion .img img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: inherit;

}



.section-roadmap {

  padding: 5rem 0;

}

.section-roadmap .image {

  text-align: center;

}

.section-roadmap .module-header {

  margin-bottom: 2.5rem;

  padding-top: 3.75rem;

}

.section-roadmap .module-header .title-all {

  margin-right: 1.875rem;

  margin-top: 1.25rem;

}

.section-roadmap .image-after {

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

          transform: translateY(-50%);

}



.module-roadmap {

  position: relative;

}

.module-roadmap::before {

  content: "";

  width: 3px;

  height: 100%;

  background: #094A25;

  position: absolute;

  top: 0;

  left: 0;

}

.module-roadmap .roadmap-item {

  padding: 1.25rem 1.5625rem;

  position: relative;

  max-width: 29.6875rem;

  margin-left: 0;

  margin-right: auto;

  line-height: 1.7;

}

.module-roadmap .roadmap-item::before {

  content: "";

  width: 8px;

  height: 8px;

  border-radius: 100%;

  background: #094A25;

  position: absolute;

  top: 27px;

  left: 0;

  -webkit-transform: translateX(-35%);

          transform: translateX(-35%);

}



.section-commit {

  background: rgba(200,222,206, 0.3);

  padding-top: 4.375rem;

  padding-bottom: 3.75rem;

}

.section-commit .module-content {

  margin-left: 15.625rem;

  margin-right: 3.125rem;

}

.section-commit .module-header {

  max-width: 17.5rem;

}

.section-commit .module-header .s-content {

  margin-bottom: 0.625rem;

}

.section-commit .module-header .read-more-intro {

  bottom: 0;

  right: 0;

  margin-right: 2.1875rem;

}

.section-commit .image-before {

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

          transform: translateY(-50%);

}



.item-commit .img {

  position: relative;

  padding-top: 83%;

  border-radius: 15px;

  overflow: hidden;

}

.item-commit .img img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: inherit;

}



.bottom-story {

  padding-top: 11.5625rem;

  padding-bottom: 4.0625rem;

}

.bottom-story .title-all {

  position: relative;

}

.bottom-story .title-all::before {

  content: "";

  background-image: url(../images/car-bottom.png);

  width: 9.8125rem;

  height: 3.75rem;

  background-size: contain;

  background-repeat: no-repeat;

  position: absolute;

  top: 0;

  right: calc(100% + 80px);

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

          transform: translateY(-50%);

}

.bottom-story .text-decor {

  font-size: 3.625rem;

  /*letter-spacing: 0.03em;*/

  color: #52C95E;

  line-height: 0.5;

  margin-bottom: 3.125rem;

}

.bottom-story .btn-yellow__all {

  background: #588157;

  border-radius: 15px;

  color: #fff;

}

.bottom-story .btn-yellow__all:hover {

  background: #52C95E;

}

.bottom-story .image-before {

  bottom: 3.125rem;

  top: unset;

  max-width: 74%;

}


.slide-vision {
        height: fit-content;
}
@media (max-width: 1599px) {

  .section-connect.connect-story::before {

    width: 9.375rem;

    height: 8.75rem;

    right: 0;

  }



  .section-mission .col:nth-child(4) .item-mission {

    -webkit-transform: unset;

            transform: unset;

  }



  .section-vision {

    padding: 5rem 0;

  }



  .item-experience__story {

    margin-bottom: 2.5rem;

  }



  .item-companion .img {

    margin-bottom: 1.25rem;

  }

}

@media (max-width: 1199px) {

  .section-intro__story .s-content, .section-intro__story .image-content {

    max-height: 31.25rem;

  }



  .section-connect.connect-story {

    padding: 2.5rem 0;

  }



  .section-mission .img-relative {

    display: none;

  }



  .item-mission {

    margin-top: 0 !important;

    margin-left: 0 !important;

  }



  .section-mission .title-all {

    margin-bottom: 2.5rem;

  }



  .section-vision .module-vision {

    margin-left: 1.875rem;

  }



  .section-vision .ct-text {

    padding-right: 0;

  }



  .section-vision .title-all {

    margin-bottom: 1.875rem;

  }



  .section-vision .item-slide {

    padding-top: 3.4375rem;

  }



  .section-vision {

    padding: 2.5rem 0;

  }



  .section-experience__story .col:nth-child(3n+2) .item-experience__story {

    margin-top: -3.75rem;

  }



  .section-experience__story .title-all {

    margin-bottom: 6.25rem;

  }



  .item-experience__story .title {

    margin-bottom: 0.9375rem !important;

  }



  .section-commit .module-content {

    margin-left: 3.125rem;

  }



  .bottom-story {

    padding-top: 3.75rem;

    padding-bottom: 2.5rem;

  }



  .bottom-story .text-decor {

    font-size: 4.375rem;

  }



  .title-intro__all .text-decor {

    font-size: 4.6875rem;

  }



  .section-intro__story .ct-text {

    margin-left: 0;

  }

}

@media (max-width: 991px) {

  .section-companion .module-header {

    padding-left: 0;

  }



  .section-intro__story .image {

    margin-bottom: 1.25rem;

    max-width: 12.5rem;

  }



  .title-intro__all {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }







  .section-intro__story .image-content {

    max-width: unset;

    text-align: center;

    margin-bottom: 1.25rem;

  }

  .section-intro__story .image-content img {

    width: auto;

    height: auto;

  }



 

  .section-vision .module-vision {

    margin-left: 1.875rem;

    margin-right: 1.875rem;

  }



  .section-vision .item-slide {

    padding-top: 1.25rem;

  }



  .section-experience__story .col:nth-child(3n+2) .item-experience__story {

    margin-top: 0;

  }



  .section-experience__story .title-all {

    margin-bottom: 1.875rem;

  }



  .section-companion .col {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

  }



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

    margin-top: 0;

  }



  .section-companion {

    padding-bottom: 2.5rem;

  }



  .section-roadmap {

    padding: 2.5rem 0;

  }



  .section-commit .module-header {

    max-width: 100%;

  }

}

@media (max-width: 767px) {

  .title-intro__all .text-decor {

    font-size: 3.125rem;

    margin-top: 1.25rem;

  }



  .section-intro__story .module-header {

    margin-bottom: 1.875rem;

  }



  .section-connect.connect-story::before {

    display: none;

  }



  .section-mission .title-all::after {

    width: 4.6875rem;

    background-repeat: no-repeat;

  }



  .module-roadmap .roadmap-item {

    max-width: 100%;

  }



  .section-commit .module-header {

    max-width: 100%;

  }



  .bottom-story .text-decor {

    margin-bottom: 1.25rem;

    font-size: 2.2rem;

  }


.bottom-story .title-all{
  padding-left: 85px;
}
  .bottom-story .title-all::before {

    width: 67px;
    height: 27px;
    right: unset;
    left: 0;
    top: 15px;
  }



  .section-commit .image-before {

    display: none;

  }



  .section-commit .module-header .read-more-intro {

    margin-right: 0;

  }

  .section-commit .module-header .read-more-intro::before {

    left: unset;

    right: 0;

    top: 100%;

    width: 5rem;

    height: 1.25rem;

  }



  .bottom-story .image-before {

    max-width: 60%;

  }

}

@media (max-width: 575px) {

  .section-intro__story .title-all {

    font-size: 1rem;
	width:60%;
  }



  .title-intro__all .text-decor {

    font-size: 2.1875rem;

  }



  .section-intro__story .image-content {

    margin-bottom: 3.125rem;
        max-width: 90%;
    margin-left: auto;
    margin-right: auto;

  }



  .section-vision .module-vision {

    margin-left: 0.9375rem;

    margin-right: 0.9375rem;

  }



  .section-vision {

    padding: 1.25rem 0;

  }



  .section-companion .module-header .icon {

    display: none;

  }



  .section-companion .module-header {

    margin-bottom: 1.25rem;

  }



  .section-roadmap .module-header .icon {

    display: none;

  }



  .section-commit .image-before {

    display: none;

  }



  .module-roadmap .roadmap-item {

    padding: 0.625rem 1.5625rem;

  }



  .section-commit .module-content {

    margin-left: 15px;

    margin-right: 15px;

  }



  .section-commit {

    padding: 1.25rem 0;

  }



  .section-roadmap .module-header {

    padding-top: 0;

  }



  .module-roadmap .roadmap-item::before {

    top: 15px;

  }



  .bottom-story .title-all {

    font-size: 1.25rem;

  }



  .bottom-story .image-before {

    display: none;

  }



  .bottom-story .btn-yellow__all {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    margin-top: 100px;

  }
  .bottom-story .image-before{
    display:  block;
        max-width: 100%;
        left: -63px;
            bottom: 90px;
  }
  .section-mission .item-mission{
    position: relative;
    padding-left: 0;
  }
  .section-mission .item-mission::before{
    content: "";
    width: 30px;
    height: 47px;
    background-image: url(../images/tree-mb.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
  }
 .section-vision .module-vision .s-content p:first-child{
    margin-bottom: 20px !important;
  }
  .item-commit .img{
      
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;

  }

}