.title-section {
  font-size: 2.25rem;
}

.mb-30 {
  margin-bottom: 1.875rem !important;
}

.sec-banner-project {
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 2.81rem;
  height: 35rem;
  padding-top: 0;
}
.sec-banner-project .col {
  padding-bottom: 0;
}
.sec-banner-project .row-reverse .col-left{
      padding-left: 5rem;
}
.sec-banner-project .box-image {
  width: 35rem;
  margin-left: 0;
  max-width: 100%;
}
.sec-banner-project .title {
  font-size: 2rem;
  margin-bottom: 2.25rem;
}
.sec-banner-project .title-logo {
  color: #61bc3f;
  font-size: 3.75rem;
  font-weight: normal;
  font-family: var(--bold);
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
}
.sec-banner-project .row-reverse .box-image {
  display: flex;
}
.sec-banner-project .box-image img {
  max-width: 35.875rem;
}

.sec-banner-project hr {
  margin: 0 0 1.69rem;
}
.project-infor {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}

.project-infor .project-info-item span {
  display: block;
}

.project-infor .project-info-item span:first-child {
  font-size: 0.875rem;
  margin-bottom: 0.44rem;
  width: max-content;
  text-transform: uppercase;
}

.project-infor .project-info-item span:last-child {
  font-family: var(--semi);
  font-size: 1rem;
}

.sec-tong-quan-du-an {
  padding-top: 4.19rem;
}
.sec-tong-quan-du-an .des-tong-qua-du-an p {
  line-height: 1.3;
}
.sec-tong-quan-du-an .des-tong-qua-du-an p:last-of-type {
  margin-bottom: 0;
}
.sec-tong-quan-du-an .col-right .image-main {
  display: none;
}
.sec-tong-quan-du-an .row-top {
  margin-bottom: 1.69rem;
}
.sec-tong-quan-du-an .row-top .col {
  padding-bottom: 0;
}
.sec-tong-quan-du-an .row-middle .col-left .col-inner {
  padding-right: 0.5625rem;
}

.sec-tong-quan-du-an .row-middle .col-right .col-inner {
  padding-left: 0.5625rem;
}
.sec-tong-quan-du-an .row-middle .col-left .image-cover{
  padding-top:56.25%
}
.sec-tong-quan-du-an .img-1 .image-cover{
  padding-top:69%
}
.sec-tong-quan-du-an .img-2 .image-cover{
  padding-top:68%
}
.sec-tong-quan-du-an .img-2{
  width:20rem;
  margin-top:2.53rem
}
.sec-tong-quan-du-an .box-quote {
  position: relative;
  background-image: url("../../images/quote.svg");
  margin-top: 2.8125rem;
  background-repeat: no-repeat;
  background-size: 4rem;
  background-position: top right;
  padding-right: 7.8125rem;
  padding-top: 1.0625rem;
}
.sec-tong-quan-du-an .row-middle .col{
  padding-bottom:0
}
.sec-tong-quan-du-an .row-bottom{
  padding-top:4rem
}
.sec-tong-quan-du-an .box-quote p {
  font-size: 1.5rem;
  font-family: var(--bold);
  margin-bottom: 0;
}

.sec-tong-quan-du-an .row-bottom .col-inner {
  padding: 0 3rem;
  margin-bottom: 4.12rem;
}

.sec-tong-quan-du-an .box-image-vertical {
  overflow: hidden;
  border: 0.0625rem solid #dddddd;
  border-radius: 2rem;
  background: #ffffff4d;
}

.sec-tong-quan-du-an .box-image-vertical .box-image-vertical-child {
  margin: 0.625rem;
  height: 36.25rem;
  max-height: 36.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  border: 0.0625rem solid #e9e9e9;
  position: relative;
}

.sec-tong-quan-du-an .box-image-vertical img {
  width: 100%;
  height: auto;
  border-radius: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
}

.sec-ket-qua-du-an {
  margin-top: -25.125rem;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 38.9375rem;
}

.sec-ket-qua-du-an .col-inner{
  width: 38rem;
  margin-left: 0 !important;
  max-width: 100%;
}
.sec-anh-ket-qua-du-an {
  padding: 3rem var(--section) 0;
}
.sec-anh-ket-qua-du-an .kq-wrapper{
  display:flex;
}
.sec-anh-ket-qua-du-an:before{
  content:"";
  height: 68.75rem;
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  background: linear-gradient(0deg, rgba(239, 252, 232, 0.00) 0%, #F5F7FA 83.62%);
  width: 100%;
}
.sec-anh-ket-qua-du-an .col-1,
.sec-anh-ket-qua-du-an .col-2{
  width: 17.6875rem;
  max-width:100%
}
.sec-anh-ket-qua-du-an .col-1{
  margin-right:2.37rem
}
.sec-anh-ket-qua-du-an .col-3{
  width:37.875rem;
  max-width:100%;
  margin-left: auto;
  flex-shrink: 0;
}
.sec-anh-ket-qua-du-an .box-image.box-img-2 {
  margin-top: 8.125rem;
}

.sec-anh-ket-qua-du-an .box-image.box-img-3 {
  border-radius: 0.9375rem;
  margin-top: -17.1875rem;
}

.sec-anh-ket-qua-du-an .box-image.box-img-3 img {
  border-radius: 0.9375rem;
  margin-right: 0;
  display: block;
}

.sec-text-chay-ngang .text-marquee {
  font-size: 7.5rem;
  font-weight: bold;
  font-family: var(--bold);
  line-height: 1;
  padding: 0 3.75rem;
}

.sec-toi-uu-responsive {
  padding-top: 2.5rem;
  padding-bottom: 4.375rem;
}

.sec-toi-uu-responsive .col-content {
  padding-right: 1.25rem;
}

.sec-toi-uu-responsive .col-content .box-content {
  padding-right: 5.3125rem;
}
.sec-toi-uu-responsive .col-2{
  margin-top: var(--40);
}
.sec-toi-uu-responsive .col-1 .col-inner{
  height:100%;
  display: flex;
  flex-direction: column;
}
.sec-toi-uu-responsive .box-image-1 {
  margin-top: auto;
}

.sec-toi-uu-responsive .box-image-2 {
  margin-top: 0;
  text-align: right;
}

.sec-tu-van {
  padding: 0 var(--section) 3.75rem;
}
.sec-tu-van .image-cover {
  padding-top: 30%;
  border-radius: 1.25rem;
}
.sec-tu-van .box-text {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
.sec-tu-van h2 {
  margin-bottom: 1.625rem;
}
.sec-tu-van .btn-tuvan {
  margin: 1.875rem auto 0;
  display: flex;
  width: max-content;
  background-color: #fff;
  color: #000;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  border-radius: 1.875rem;
  padding: 0.625rem 1.875rem;
}

.sec-tu-van .btn-tuvan:hover {
  box-shadow: inset 0 0 0 6.25rem rgba(95, 95, 95, 0.2);
  opacity: 1;
  outline: none;
}

.sec-tu-van .btn-tuvan img {
  transition: 0.3s;
}

.sec-tu-van .btn-tuvan:hover img {
  transform: translateX(0.3125rem);
}

.sec-project-relate .project-relate-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 2.5rem;
}

.sec-project-relate .project-relate-item .image-cover {
  padding-top: 63%;
}

.sec-project-relate {
  padding-top: 0;
  padding-bottom: 1.5625rem;
}

.sec-project-relate .title-section {
  margin-bottom: 2.19rem;
}

.form-advice-project {
  padding: 1.875rem;
}

.form-advice-project .title {
  text-align: center;
  font-size: 1.5rem;
  font-family: var(--bold);
}
 .sec-project-relate .scrollmagicfadeUp .project-item {
   opacity: 0;
   visibility: hidden;
   transform: translateY(3.125rem);
   transition: all 0.6s;
 }

 .sec-project-relate .scrollmagicfadeUp .box-image img {
   transform: scale(1.2);
   opacity: 0;
   transition: all 1s;
 }

 .sec-project-relate .scrollmagicfadeUp .box-image:hover img {
   transform: scale(1.08) !important;
 }

 .sec-project-relate .scrollmagicfadeUp.scroll-css .project-item{
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }

 .sec-project-relate .scrollmagicfadeUp.scroll-css .box-image img{
   opacity: 1;
   transform: scale(1);
 }
.form-advice-project label {
  font-family: var(--regular);
  font-weight: unset;
}

.form-advice-project label input {
  font-family: var(--regular);
  font-weight: unset;
}

.form-advice-project input,
.form-advice-project select {
  display: block;
  margin-top: 0.1875rem;
  border-radius: 0.3125rem;
  box-shadow: none;
  height: 2.5rem;
}

.form-advice-project textarea {
  margin-top: 0.1875rem;
  border-radius: 0.3125rem;
  box-shadow: none;
}

.form-advice-project .form-submit {
  text-align: center;
}

.form-advice-project .button.btn-viewall {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #fff;
  font-size: 1rem;
  line-height: 1.25rem;
  height: 2.5rem;
  transition: all 0.25s ease-in-out;
  position: relative;
  z-index: 1;
  border: 0.0625rem solid #fff;
  overflow: hidden;
  padding: 0 1.5625rem;
  font-weight: normal;
  font-family: var(--medi);
  min-width: 10.625rem;
  border-radius: 6.1875rem;
  background: linear-gradient(90deg, #71bf43 0%, #1f8038 100%);
  min-height: 2.5rem;
  box-shadow: none !important;
}

.form-advice-project .button.btn-viewall:after {
  content: "\f061";
  font-family: var(--fa6);
  width: 0.875rem;
  height: 0.875rem;
  transition: all 0.4s;
  display: inline-flex;
  align-items: center;
  transform: translateY(0.0625rem) rotate(-45deg);
  font-size: 0.875rem;
  font-weight: 400;
  margin-left: 0.625rem;
}

.form-advice-project .button.btn-viewall:hover:after {
  transform: translateY(0.0625rem) rotate(0deg);
}

.project-relate-item .project-item .project-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0.625rem;
  font-family: var(--semi);
}

.project-relate-item .project-item .box-image img {
  transition: 0.3s;
}

.project-relate-item .project-item:hover .box-image img {
  scale: 1.1;
}

.form-advice-project.processing:before {
  width: 1.25rem !important;
  height: 1.25rem !important;
  aspect-ratio: 1;
  border-radius: 50%;
  display: inline-block;
  margin: 0;
  position: fixed;
  background: var(--theme-color);
  animation: clockwise 1200ms infinite linear;
  border: 0 !important;
  top: 50%;
  left: 50%;
  border: 0.0625rem solid #fff !important;
  z-index: 9999999999999;
}
.sec-content-project {
  padding-top: 0;
}
.sec-content-project .col-image {
  padding-bottom: 2.75rem;
}
.sec-content-project h2 {
  font-size: 2.25rem;
}
.sec-content-project * {
  color: #2b2b2b;
}
.sec-project-form .scrollmagicfadeUp{
  width:100%; 
}
.sec-project-form .section-content{
  max-width: 87.5rem;
  margin: 0 auto;
  border-radius: 0.625rem;
  overflow: hidden;
  display: flex;
  padding: 2.87rem 4.81rem 1.84rem 5.06rem;
  justify-content: space-between;
}
.sec-project-form .section-content .col-title{
  z-index:2;
  width: 28.1rem;
  flex-shrink: 0;
  max-width: 100%;
}
.sec-project-form  .col-title .title{
  color: #FFF;
  font-size: 2rem;
  font-style: normal;
  font-family: var(--bold);
  line-height: 1.3; /* 131.25% */
  margin-bottom: 0.94rem;
}
.sec-project-form  .col-title .description{
  color: #E7FFDF;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
 /* 137.5% */
}
.sec-project-form  .col-title .img{
  width: 12.125rem;
  height: 13.1875rem;
  flex-shrink: 0;
  margin-left: auto;
}
.sec-project-form .form-contact .wpcf7-form-control-wrap:last-child{
  display:none
}
.sec-project-form .form-contact  .form-content input{
  height:var(--40);
  background: transparent;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.30);
  padding: 0;
  margin-bottom: 2rem;
  color: #FFF;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sec-project-form .wpcf7 .wpcf7-not-valid-tip{
  color:#fff;
  bottom: 13px;
  left: 0;
}
.sec-project-form .form-contact  .form-content input::placeholder{
  color:#fff;
  opacity:1
}.sec-project-form .form-contact .wpcf7-form-control-wrap:nth-last-of-type(2) input{
  margin-bottom:3.19rem
}
#main .sec-project-form .form-contact .button.btn-viewall{
  margin: 0;
  width: 100%;
  border-radius: 62.5rem;
  border: 1px solid var(--vien-kinh, rgb(255 255 255 / 28%));
  background: var(--ruot-kinh, linear-gradient(46deg, rgba(255, 255, 255, 0.20) -12.56%, rgba(255, 255, 255, 0.50) 100%));
  backdrop-filter: blur(2px);
  font-size: 1.125rem;
}
 .sec-project-form{
   padding-bottom: 6rem;
 }
@media screen and (max-width: 1599px) {
.sec-anh-ket-qua-du-an .kq-wrapper{
  max-width:100%
}  
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
  .sec-tong-quan-du-an .row-middle .large-7 {
    flex-basis: 63%;
    max-width: 63%;
  }

  .large-5 {
    flex-basis: 37%;
    max-width: 37%;
  }

  .sec-anh-ket-qua-du-an .box-image.box-img-3 {
    margin-top: -19.6875rem;
  }

  .sec-anh-ket-qua-du-an .box-image.box-img-2 img,
  .sec-anh-ket-qua-du-an .box-image.box-img-1 img {
    max-width: 16.6875rem;
  }

  .sec-anh-ket-qua-du-an .row .large-3:nth-child(2) {
    padding-left: 0;
  }

  .sec-toi-uu-responsive .row div:nth-child(1 of .large-3) {
    padding-right: 0.1875rem;
  }

  .sec-toi-uu-responsive .box-image-2 img,
  .sec-toi-uu-responsive .box-image-3 img {
    max-width: 16.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .sec-project-relate .project-relate-item .box-project:nth-of-type(3),
  .sec-project-relate .project-relate-item .box-project:nth-of-type(4) {
    grid-column: span 2;
  }

  .sec-project-relate .project-relate-item .box-project:nth-of-type(4) {
    margin-top: -34%;
  }
}

@media screen and (max-width: 767.98px) {
  .sec-banner-project .col-left{
    padding-bottom:2.88rem;
  }
  .sec-banner-project .row-reverse .col-left{
    padding-left:15px
  }
  .sec-banner-project .col-right .col-inner {
    padding-left: 0;
  }
  .project-infor .project-info-item span:first-child{
    margin-bottom:0
  }

  .sec-banner-project {
    height: auto;
    padding-top: 8.125rem;
  }

  .title-section {
    font-size: 1.5rem;
  }

  .project-infor {
    flex-wrap: wrap;
    gap: 0.75rem 1.125rem;
  }
  .project-infor .project-info-item:first-child {
    order: -2;
  }
  .project-infor .project-info-item:nth-of-type(3) {
    order: -1;
  }
  .project-infor .project-info-item:nth-of-type(2) {
    width: 100%;
  }
  .sec-tong-quan-du-an .row-middle .col-left .box-image {
    display: none;
  }
  .sec-tong-quan-du-an .col-right .image-main {
    display: block;
    width: 100%;
  }
  .sec-tong-quan-du-an .col-right .img-1{ 
width: 12.23rem;
    max-width:100%
  }
   .sec-tong-quan-du-an .col-right .img-2{
     flex:1;
     margin-top: 0;
   }
  .sec-tong-quan-du-an .row-middle .box-image img:nth-of-type(2) {
    width: 58%;
    margin: 0;
    aspect-ratio: 195 / 135;
    object-fit: cover;
  }
  .sec-tong-quan-du-an .row-middle {
    flex-direction: column-reverse;
  }
  .sec-tong-quan-du-an .row-middle .col-right {
    padding-bottom: 0;
  }
  .sec-tong-quan-du-an .row-middle .box-image {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 0.9375rem;
  }
  .sec-tong-quan-du-an {
    padding-top: 2.8125rem;
  }
  .sec-tong-quan-du-an:before{
    content:"";
    width:100%;
    height:64.6875rem;
    background: linear-gradient(0deg, rgba(239, 252, 232, 0.00) 0%, #F5F7FA 83.62%);
    position:absolute;
    top:0;
    left:0
  }
  .sec-tong-quan-du-an .col:first-child {
    padding-bottom: 0.9375rem;
  }
  .sec-tong-quan-du-an .row-top .col:nth-of-type(2){
    padding-bottom:1.69rem
  }
  .sec-tong-quan-du-an .row-top {
    margin-bottom: 0;
  }
  .sec-tong-quan-du-an .des-tong-qua-du-an p:last-child {
    margin-bottom: 0;
  }
  .sec-tong-quan-du-an h2.title-section {
    margin-bottom: 0;
  }
.sec-tong-quan-du-an .row-bottom{
  padding-top:0.5rem
}
  .sec-tong-quan-du-an .box-quote {
    background-size: 2.5rem;
    padding-right: 0;
    padding-top: 2.5rem;
    margin-top: 0;
  }

  .sec-tong-quan-du-an .box-quote p {
    font-size: 1.25rem;
  }

  .sec-tong-quan-du-an .row-middle .col-left .col-inner {
    padding-right: 0;
  }

  .sec-tong-quan-du-an .row-middle .col-right .col-inner {
    padding-left: 0;
  }
  
  .sec-tong-quan-du-an .box-image-vertical {
    z-index: 2;
    margin-top: 1.25rem;
    border-radius: 1rem;
  }

  .sec-tong-quan-du-an .row-bottom .col-inner {
    padding: 0;
  }

  .sec-tong-quan-du-an .box-image-vertical .box-image-vertical-child {
    margin: 0.3125rem;
    height: 33.125rem;
    max-height: 33.125rem;
    border-radius: 0.75rem;
  }

  .sec-ket-qua-du-an {
    margin-top: -22rem;
    height: 36rem !important;
  }

  .sec-ket-qua-du-an .col.large-6 {
    padding-bottom: 0 !important;
  }

  .sec-ket-qua-du-an .col.large-6 .col-inner {
    padding-right: 0;
  }

  .sec-anh-ket-qua-du-an {
    padding-top: 3.125rem;
  }

  .sec-anh-ket-qua-du-an .row .small-3 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .sec-anh-ket-qua-du-an .row .small-6 {
    flex-basis: 100%;
    max-width: 100%;
  }


  .sec-anh-ket-qua-du-an .box-image.box-img-2 {
    margin-top: 2.44rem;
  }

  .sec-anh-ket-qua-du-an .box-image.box-img-3 {
    margin-top: 0;
  }

  .sec-text-chay-ngang {
    gap: 1.875rem;
  }

  .sec-text-chay-ngang .text-marquee {
    font-size: 3.125rem;
  }

  .sec-toi-uu-responsive {
    padding-top: 0;
    padding-bottom: .875rem;
  }

  .sec-toi-uu-responsive .col-content .box-content {
    padding-right: 0;
  }

  .sec-toi-uu-responsive .box-image-1 {
    margin-top: 0rem;
  }
   .sec-toi-uu-responsive .col-1{
     padding-bottom:1.69rem
   }
  .sec-toi-uu-responsive .col-2{
    padding-right:2%;
  }
  .sec-toi-uu-responsive .col-3{
    padding-left:2%
  }
  .sec-toi-uu-responsive .box-image-3 {
    /* margin-top: 2.44rem; */
  }

  .sec-tu-van {
    padding: 0 0 1.875rem;
  }

  .sec-project-relate {
    padding-top: 1.25rem;
    padding-bottom: 0.9375rem;
  }

  .sec-project-relate .title-section {
  margin-bottom: var(--25);
  }

  .sec-project-relate .project-relate-item {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1.25rem;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    display: flex;
    scroll-snap-align: start;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sec-project-relate .project-relate-item .box-project{
        width: 80%;
        min-width: 80%;
        text-wrap: wrap;
        scroll-snap-align: start;
  }
  .project-relate-item .project-item .project-name {
    font-size: 1rem;
    margin-bottom: 0;
  }

  .form-advice-project {
    padding: 0.9375rem;
  }

  .form-advice-project label {
    margin-bottom: 0;
  }

  .sec-text-chay-ngang .text-marquee {
    padding: 0 1.875rem;
  }
  .sec-content-project h2 {
    font-size: 1.5rem;
  }
  .sec-tu-van .image-cover {
    padding-top: 56.25%;
  }
  .sec-tu-van .box-text {
    padding: 1.625rem;
  }
  .sec-tu-van .box-text br {
    display: none;
  }
  .sec-banner-project .title {
    font-size: 1.25rem;
    margin-bottom: 1.6875rem;
  }
  .sec-banner-project .title-logo {
    font-size: 2rem;
    margin-bottom: 0.3125rem;
  }
  .sec-toi-uu-responsive .col-content{
    padding-right:0
  }
  .sec-anh-ket-qua-du-an .kq-wrapper{
    flex-flow: row wrap;
    justify-content: space-between;
    grid-gap: 1.31rem 0;
  }
  .sec-anh-ket-qua-du-an .col-1, .sec-anh-ket-qua-du-an .col-2{
    width: 48%;
  }
  .sec-anh-ket-qua-du-an .col-1{margin-right: 0;}
  .sec-project-form{
    padding: 1rem 1rem var(--40);
  }
  .sec-project-form .section-content{
    padding:1.5rem 1rem;
    flex-direction: column;
  }
  .sec-project-form .col-title .img{
    display:none
  }
  .sec-project-form .col-title .title{
    font-size:var(--22)
  }
}


@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-100%, 0);
  }
}

@keyframes clockwise {
  0% {
    transform: translateX(0);
    width: 1.25rem;
  }

  25% {
    width: 1.5625rem;
  }

  50% {
    transform: translateX(100%);
    width: 1.25rem;
  }
}