.about blockquote{
	background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%);
	font-size: 26px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;    margin-top: 40px;
	font-weight: 600; line-height: 33px; margin-bottom: 40px; padding-top: 20px; position: relative;
}
.about  blockquote:after {
    content: '“'; position: absolute; left: 50%; top: 0px; transform: translateX(-50%);font-size: 100px;    -webkit-text-fill-color: rgb(241 188 33 / 50%);
}

.img-ab {position: relative; overflow: hidden;    padding-right: 0px;}
	.img-ab img{border-radius: var(--border-radius);object-fit: cover; width: 100%; height: 480px;}
.des-ab-comp{padding-left: 70px;}
	.des-ab-comp li{list-style-type: disc;}

.scroll-hist{height: 730px;margin-top: -40px;}

.year-section { display: grid ; grid-template-columns: 20% 80%; margin: 50px 0px; position: relative;    align-items: center;}
.year-section:last-child{margin-bottom: 0px;}
   .year-section:before{content:''; position: absolute; left: 10px; top: -50px; width: calc(100% - 60px);height: 1px; background: #D9D9D9; }
   .year-section:last-child:after{content:''; position: absolute; left: 30px; bottom: -50px; width: calc(100% - 60px);height: 1px; background: #D9D9D9;}
    .year-title {
    	background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%); font-size: 26px; -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      font-size: 50px; font-weight: 700; line-height: 50px;
    }
    .year-section .list {position: relative; padding-right: 30px;}
    	.year-section li{list-style-type: disc; margin-bottom: 10px;}
    .list-item {
      margin: 10px 0;
      font-size: 16px;
      text-align: left;
    }

.nicescroll-cursors{background-color: #0097DB !important; border-radius: 0px !important;}
.nicescroll-rails.nicescroll-rails-vr:after{
	content: ''; position: absolute; width: 1px;height: 100%; background: #9A9A9A; left: 50%; transform: translateX(-50%);
}
.section.history{padding-bottom: 100px;}
.left-history { padding-top: 50px;    padding-right: 50px; }

.culture { width: 100%;display: flex ; flex-wrap: wrap; }
.w-culture .anima-img{position: relative; border-radius: var(--border-radius);}
.w-culture .anima-img:after { 
	content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; 
	background: linear-gradient(90deg, #0099DA 3.14%, #005CA1 100%); opacity: 0.5; transition:var(--d-transition); }
.w-culture .anima-img:hover:after{opacity: 0.8}

.culture .w-culture img{object-fit: cover; width: 100%; height: 280px;}

.cont-cult {padding: 20px 30px;text-align:center ;position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);opacity: 1;  z-index: 2;}

.cont-cult h4 { font-size: var(--fz-34);
    color: var(--colorFFF); text-transform: uppercase;   margin: 0;text-align: center;   font-weight: 700;   transition: transform 0.5s ease;
}

.w-culture:hover .cont-cult h4 { transform: translateY(-10px);}
.des-culture {
    color: var(--colorFFF);  opacity: 0;  transform: translateY(20px);
    transition: opacity 0.5s ease,height 0.5s ease, transform 0.5s ease;
    margin-top: 10px; height: 0px; display: flex ; justify-content: center; align-items: center;
}

.w-culture:hover .des-culture {  opacity: 1;  transform: translateY(0); height: auto;}
.des-culture ul{display: grid; grid-template-columns: 50% 50%;gap: 20px 30px; margin-bottom: 0px; padding:0px;   }
.des-culture li{position: relative; padding-left: 30px; text-align: left;white-space: nowrap;}
	.des-culture li:before{content: ''; width: 20px; height: 20px; position: absolute; left: 0px; top: 2px; 
		background: url(../images/check-list.svg) left center no-repeat; background-size: contain;}

.l-construction{-webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
.r-construction{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
	.box-const{border:1px solid var(--color9D9); background: #F6F6F6; border-radius: var(--border-radius);overflow: hidden; padding:40px 20px; text-align: center;}
	.box-const .t-const{text-transform: uppercase;background: #FFCD1E; background: linear-gradient(105.28deg, #FFCD1E -14.57%, #C98A10 65.35%); 
		-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; font-size: 21px; margin-top: 30px;    line-height: 32px;
	}
	.ico-const{min-height:93px; }
	.ico-const img{max-width: 40%;}
	.box-const:hover .ico-const img { filter: brightness(0) invert(1); }
	.box-const .t-const, .box-const .des-const, .box-const .ico-const { position: relative; z-index: 1; transition:var(--d-transition); }
	.box-const::before {
	    content: '';
	    position: absolute;
	    top: 100%;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background: linear-gradient(to top, #007BFF 0%, #0056B3 100%);
	    transition: top 0.4s ease-in-out;
	    z-index: 0;
	}
	.box-const:hover .des-const { color: #FFFFFF; }
	.box-const:hover::before { top: 0; }
	.box-const:hover .t-const { -webkit-text-fill-color: #FFFFFF; color: #FFFFFF; }

.fadeinupBy:nth-child(1) {-webkit-animation-delay: 0.30s; -moz-animation-delay: 0.30s; -o-animation-delay: 0.30s; animation-delay: 0.30s;}
.fadeinupBy:nth-child(2) {-webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s; -o-animation-delay: 0.60s; animation-delay: 0.60s;}
.fadeinupBy:nth-child(3) {-webkit-animation-delay: 0.90s; -moz-animation-delay: 0.90s; -o-animation-delay: 0.90s; animation-delay: 0.90s;}
.fadeinupBy:nth-child(4) {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}
.fadeinupBy:nth-child(5) {-webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s;}
.fadeinupBy:nth-child(6) {-webkit-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s;}
.fadeinupBy:nth-child(7) {-webkit-animation-delay: 2.1s; -moz-animation-delay:2.1s; -o-animation-delay: 2.1s; animation-delay: 2.1s;}
.fadeinupBy:nth-child(8) {-webkit-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -o-animation-delay:2.4s; animation-delay: 2.4s;}
.fadeinupBy:nth-child(9) {-webkit-animation-delay: 2.7s; -moz-animation-delay:2.7s; -o-animation-delay: 2.7s; animation-delay: 2.7s;}
.fadeinupBy:nth-child(10) {-webkit-animation-delay: 3.0s; -moz-animation-delay:  3.0s; -o-animation-delay: 3.0s; animation-delay: 3.0s;}

.philosophy{padding-left: 50px;}
.philosophy .title{-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay:1.2s;}

.item-construc:after{
	content: ''; position: absolute; left: 0px; top:100%;
	width: 100%; height: 100%;background: linear-gradient(90deg, #0099DA 3.14%, #005CA1 100%);    transition: transform 0.5s ease;
}

.s-develop .w-develop{position: relative; color: var(--colorFFF); text-align: center; background-size: cover; 
background-repeat: no-repeat; background-position: center center; border-radius: var(--border-radius); overflow: hidden; min-height: 340px;}

.w-develop>div{position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; width: 100%; padding: 0px 20px; z-index: 2}
.w-develop:after{
	content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 125px;
	background: linear-gradient(180deg, rgba(6, 81, 153, 0) 0%, #065199 100%);
}
.section.s-develop{padding-bottom: 80px;}

.w-field{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;     align-items: start;
    margin: 0 auto;
}
.main-field {
    border-radius: var(--border-radius);
    overflow: hidden;
    padding: 0px 20px 0px;
}
.main-field .anima-img{overflow: hidden; border-radius: var(--border-radius);}
.main-field img {
    width: 100%;
    height: auto;
}

.main-field .title-gradient {font-size: var(--fz-22);    line-height: 34px;  margin: 30px 0 15px;display: inline-block; }
.main-field ul{padding-left: 15px;}
.main-field li { list-style-type: disc; text-align: left; margin-bottom: 10px; }


.w-field .main-field{margin-top: 50px;}
.w-field .main-field:nth-child(2n+1){margin-top: 0px;}

.s-field-activity .main-field img{object-fit: cover; width: 100%; height: 320px;}








.l-partner img{margin-bottom: 20px; border-radius: var(--border-radius);object-fit: cover; width: 100%; height: 330px;}
.l-partner ul{padding-left: 15px;}
	.l-partner li{margin-bottom: 10px; list-style-type: disc;}

.logo-partner{display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px;height: 710px;padding-right: 30px;}
	.w-log{border: 1px solid #DDE0E3; border-radius: 5px;padding:25px 20px;text-align: center; height: 105px;align-items: center; display: flex ; justify-content: center;}
 		.w-log img{max-height: 80px;}

.logo-awards{display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px;}
.w-awards{border: 1px solid var(--color9D9); border-radius: 5px; background: #F6F6F6; padding:25px 20px;text-align: center; }	
	.w-awards h3{font-size: var(--fz-17); text-align: center; font-weight: 400; margin-top: 0px; color: #000; line-height: 23px;}

.logo-aw{min-height: 190px; padding: 0px 20px 20px; display: grid ; align-items: center; justify-content: center;}




@media screen and (min-width:1440px){
	.culture .w-culture img { height: 290px; }
	.s-field-activity .main-field img {height: 350px; }




}	
@media screen and (min-width:1600px){
	.culture .w-culture img { height: 320px; }
	.ico-const img { max-width: 90px; }
	.s-develop .w-develop {min-height: 390px; }

	.s-field-activity .main-field img { height: 390px; }

	.l-partner img {height: 370px; }
	.w-log {height: 122px;}
	.logo-partner {height: 680px;}
	.logo-aw { min-height: 230px;}

	.box-const {padding: 50px 20px;}
}	
@media screen and (min-width:1680px){
	.l-construction { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
	.r-construction { -webkit-box-flex: 0; -ms-flex: 0 0 67%; flex: 0 0 67%; max-width: 67%; }
}
@media screen and (min-width:1900px){
	.logo-aw { min-height: 240px; }
	.w-awards h3{margin-top: var(--fz-20);}

	.des-ab-comp { padding-left: 80px; }

	.img-ab img {height: 510px; }

	.year-title{font-size: var(--fz-60);}
	.scroll-hist { height: 980px;}
	.year-section{padding-bottom: 30px;}
	.about blockquote {  font-size: 35px;  line-height: 44px;}
	.about blockquote:after {font-size: 120px;}

	.culture .w-culture img { height: 390px; }
	.cont-cult h4 { font-size: var(--fz-50);}
	.des-culture li {padding-left: 35px;}
	.des-culture li:before {width: 24px; height: 24px;}

	.box-const .t-const {font-size: var(--fz-30); margin-top: 40px;         line-height: 45px;}
	.ico-const img { max-width: 100px; }
	.s-develop .w-develop { min-height: 470px; }

	.s-field-activity .main-field img { height: 480px; }
	.main-field .title-gradient { font-size: var(--fz-25);}

	.l-partner img { height: 450px; }
	.w-log { height: 152px; }

}
@media screen and (min-width:2030px){
	
}
@media screen and (min-width:2500px){
	
}	
@media screen and (max-width: 1280px) {
	 

}
@media screen and (min-width:992px) and (max-width:1199px)
{
	.year-section {grid-template-columns: 25% 75%; }
	.culture .w-culture img {height: 220px; }
	.cont-cult h4 { font-size: var(--fz-27);}

	.des-culture {opacity: 1; transform: translateY(0px);height: auto;}
	.des-culture br,.w-develop>div br{display: none;}
	.des-culture ul { gap: 10px 20px; }

	.s-construction .title br{display: none;}

	.l-construction {-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%; }
	.r-construction {-ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%; }

	.ico-const img { max-width: 43%; }
	.box-const .t-const{margin-top: 20px;}
	.s-develop .w-develop { min-height: 270px; }

	.l-partner img {height: 270px; }
	.w-log{height: 95px;}
	.logo-aw { min-height: 160px; padding: 0px 10px 20px; }

}

@media screen and (max-width: 1199px) {
		






	
}
@media screen and (min-width:768px) and (max-width:979px){
	.about blockquote{font-size: var(--fz-25);}
	.des-ab-comp { padding-left: 0px; margin-top:30px; padding-right:0px; }

	.left-history { padding: 0px; }
	.list-hist{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 30px;	}
	.scroll-hist {margin-top: 0px; }
	.year-section:before{left: 0px;top: -30px;}
	.year-section {margin: 30px 0px 50px;}
	.year-section:last-child{margin-bottom: 0px;}
	.year-section:last-child:after{    bottom: -30px;}

	.l-construction,.r-construction {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.list-hist,.des-ab-comp,.img-ab { padding-left: 0px; }

	.section.history{padding-top: 0px;}


	.des-culture {opacity: 1; transform: translateY(0px);height: auto;display: block;}
	.des-culture br,.w-develop>div br{display: none;}
	.des-culture ul {display: block; }
		.des-culture ul li{margin-bottom: 10px;    white-space: normal;}
	.cont-cult { padding: 20px 0px;position: relative; width: 100%; top: 0px; left: 0px; transform: none; }
	.w-culture .anima-img:after{background: transparent;}
	.des-culture { color: var(--color55);}
	.culture .w-culture img {height: 160px; }
	.cont-cult h4 { text-align: center; font-weight: 700;color: var(--colorD93);font-size: 21px; }

	.r-construction{margin-top: 30px}
	.box-const .t-const{margin-top: 10px;}

	.philosophy .title { -webkit-animation-delay: 0.20s; -moz-animation-delay: 0.20s; -o-animation-delay: 0.20s; animation-delay:0.20s; }

	.s-construction .l-construction{order: 1}
	.s-construction .r-construction{order: 2}

	.s-develop .w-develop{min-height: 220px;}
	.section.s-develop { padding-top: 30px; padding-bottom: 60px;}

	.s-field-activity .main-field img {height: 240px; }
	.main-field{padding: 0px;}
	.w-field{gap: 10px 40px;}
	.main-field ul { padding-left: 20px; }
	.logo-awards {grid-template-columns: repeat(2, 1fr); }

	.r-partner{margin-top: 20px;}
	.logo-partner{height: 600px;}















}
@media screen and (max-width: 991px) {
  





}

@media screen and (max-width: 767px) {
	.about blockquote{font-size: var(--fz-25);}
	.des-ab-comp { padding-left: 0px; margin-top:30px; padding-right:0px; }

	.left-history { padding: 0px; }
	.list-hist{-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 30px;	}
	.scroll-hist {margin-top: 0px; }
	.year-section:before{left: 0px;top: -30px;}
	.year-section {margin: 30px 0px 50px;}
	.year-section:last-child{margin-bottom: 0px;}
	.year-section:last-child:after{    bottom: -30px;}

	.l-construction,.r-construction {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.list-hist,.des-ab-comp,.img-ab { padding-left: 0px; }

	.section.history{padding-top: 0px;}

	.des-culture {opacity: 1; transform: translateY(0px);height: auto;display: block;}
	.des-culture br,.w-develop>div br{display: none;}
		.des-culture ul {display: block; }
		.des-culture ul li{margin-bottom: 10px;    white-space: normal;}
	.cont-cult { padding: 20px 0px;position: relative; width: 100%; top: 0px; left: 0px; transform: none; }
	.w-culture .anima-img:after{background: transparent;}
	.des-culture { color: var(--color55);}
	.culture .w-culture img {height: 160px; }
	.cont-cult h4 { text-align: center; font-weight: 700;color: var(--colorD93);font-size: 21px; }

	.r-construction{margin-top: 30px}
	.box-const .t-const{margin-top: 10px;}

	.s-construction .l-construction{order: 1}
	.s-construction .r-construction{order: 2}

	.s-develop .w-develop{min-height: 220px;}
	.section.s-develop { padding-top: 30px; padding-bottom: 60px;}

	.s-field-activity .main-field img {height: 210px; }
	.main-field{padding: 0px;}
	.w-field{gap: 10px 40px;}
	.main-field ul { padding-left: 20px; }
	.logo-awards {grid-template-columns: repeat(2, 1fr); }

	.r-partner{margin-top: 20px;}
	.logo-partner{height: 600px;}

	.philosophy .title { -webkit-animation-delay: 0.20s; -moz-animation-delay: 0.20s; -o-animation-delay: 0.20s; animation-delay:0.20s; }
	.section.s-culture {padding-bottom: 30px;}

	.about blockquote { font-size: 22px; }

	.img-ab,.des-ab-comp,.left-history{padding: 0px 15px}
		.img-ab img { height: 260px; }

	.left-history{padding-top: 0px;}
	.scroll-hist { height: 500px;}
	.year-section {grid-template-columns: 25% 75%;}
	.year-title{font-size: var(--fz-40);}

	.list-hist{padding-left: 15px;}











}


/*Mobile Đứng*/
@media screen and (max-width: 480px) and (orientation : portrait) {
	.about blockquote { font-size: 21px; line-height: 29px; }
	.about blockquote  br{display: none;}
	.year-section { grid-template-columns: 35% 65%; }
	.year-title{font-size: var(--fz-40);}
	.year-section { align-items: flex-start; }
	.year-section .list {padding-right: 20px; }
	.year-section .list ul{padding-left: 10px;}

	.culture .w-culture img { height: 260px; }

	.w-culture:hover .cont-cult h4 { transform: translateY(0px); }
	.cont-cult h4{margin-bottom: 20px;}
	.des-culture ul { display: grid ; }
		.des-culture ul li{margin-bottom: 0px;}

	.r-construction {grid-template-columns: repeat(1, 1fr);}	
	.ico-const img { max-width: 100px; }
	.box-const .t-const { margin-top: 30px;line-height: 34px;font-size: 25px; }
	.banner-dev{margin-bottom: 30px;}
	.s-develop .w-develop { min-height: 240px; }
	.w-field { gap: 0px 0px; padding: 0px 15px; grid-template-columns: repeat(1, 1fr); }
	.w-field .main-field,.w-field .main-field:nth-child(2n+1) { margin-top: 30px; }

	.logo-partner {grid-template-columns: repeat(3, 1fr);}
	.w-log {padding: 15px 10px;height: 85px;}

	.logo-aw { min-height: 210px; padding: 0px 0px 20px; }
	.logo-awards { gap: 20px; }
	.logo-awards .fadeinupBy:nth-child(1),.logo-awards .fadeinupBy:nth-child(2){-webkit-animation-delay: 0.20s; -moz-animation-delay: 0.20s; -o-animation-delay: 0.20s; animation-delay: 0.20s;}
	.logo-awards .fadeinupBy:nth-child(3),.logo-awards .fadeinupBy:nth-child(4){-webkit-animation-delay: 0.40s; -moz-animation-delay: 0.40s; -o-animation-delay: 0.40s; animation-delay: 0.40s;}
	.logo-awards .fadeinupBy:nth-child(5),.logo-awards .fadeinupBy:nth-child(6){-webkit-animation-delay: 0.60s; -moz-animation-delay: 0.60s; -o-animation-delay: 0.60s; animation-delay: 0.60s;}
	.logo-awards .fadeinupBy:nth-child(7),.logo-awards .fadeinupBy:nth-child(8){-webkit-animation-delay: 0.80s; -moz-animation-delay: 0.80s; -o-animation-delay: 0.80s; animation-delay: 0.80s;}
	.logo-awards .fadeinupBy:nth-child(9),.logo-awards .fadeinupBy:nth-child(10){-webkit-animation-delay: 1s; -moz-animation-delay:1s; -o-animation-delay:1s; animation-delay:1s;}
	






}
@media screen and (max-width:420px) {
	.logo-partner { height: 500px; }
	.box-const .t-const {line-height: 34px;font-size: 23px; }


}	
@media screen and (max-width:380px) {
	.logo-partner { grid-template-columns: repeat(2, 1fr); }
	.w-log {height: 105px; }	
	.logo-aw { min-height: 170px;}
	.w-awards {padding: 20px 15px;}
}

@media screen and (max-width: 360px) {
	.culture .w-culture img { height: 240px; }
}
@media screen and (max-width: 330px) {
	.year-title { font-size: 35px; }
	.culture .w-culture img { height: 210px; }
	.main-field .title-gradient { font-size: 20px;}
	.l-partner img { height: 260px; }
	.logo-awards { gap: 15px; }
}