.sec-chamngon{
	height: 100vh;
}
.sec-chamngon p{
	font-family: var(--bold);
	margin-bottom: 0;
	line-height: 1.4;
}
.sec-chamngon .box-txt{
	width: max-content;
	margin: auto;
	position: relative;
	transition: .8s;	
	transform: scale(0)
}
.sec-chamngon .box-txt:before{
	content: "";
	position: absolute;
	width: 57px;
	height: 57px;
	background-image: url(/wp-content/themes/flatsome-child/images/icon-sec-team.svg);
	background-size: contain;
	background-repeat: no-repeat;
	left: -10px;
    top: 0px;
	transition: .8s;
	opacity: 0;
}
.sec-chamngon .box-txt:after{
	content: "";
	position: absolute;
	width: 57px;
	height: 57px;
	background-image: url(/wp-content/themes/flatsome-child/images/icon-sec-team.svg);
	background-size: contain;
	background-repeat: no-repeat;
	right: -10px;
    bottom: 0px;
	transform: rotate(180deg);
	transition: .8s;
	opacity: 0;
}
.sec-chamngon .box-txt.active:after, .sec-chamngon .active.box-txt:before{
	opacity: 1
}
.sec-chamngon .text-to p{
	font-size: 50px;
}
.sec-chamngon .text-nho p{
	font-size: 40px;	
}
.sec-chamngon .col-img .img{
	transform: scale(0);
	transition: .8s;
}
.sec-chamngon .active.box-txt, .sec-chamngon .col-img.active .img{
	transform: scale(1)
}
.sec-chamngon .col-img .img-inner{
	overflow: visible
}
.sec-chamngon .col-img .img-inner:before, .sec-chamngon .col-img .img-inner:after{
	content: '';
	position: absolute;
	width: 56px;
	height: 45px;
	background-image: url(/wp-content/uploads/2024/10/Group1.webp);
	background-size: contain;
	background-repeat: no-repeat;
	left: -20px;
	top: 0;
}
.sec-chamngon .col-img .img-inner:after{
	left: auto;
	top: auto;
	bottom: 0;
	right: 0;
	transform: rotate(-180deg)
}

.sec-chamngon .text-nho p, .sec-chamngon .text-to span{
	color: #D3A455;
}
.page-service-2 .col-bottom .icon-box img,
.page-service-8 .icon-box img {
    transition: all .5s ease;
}

.page-service-2 .col-bottom .icon-box:hover img,
.page-service-8 .icon-box:hover img {
    transform: scale(-1) rotate(180deg);
    transition-delay: .3s;
}

.post-sidebar .widget {
    margin-top: 0px;
}

.post-sidebar .wpcf7 {
    margin-bottom: 60px;
}

.page-template-page-service2 .section.teams-project .text-title h2 {
    display: none;
}

.page-template-page-service2 #main .page-service .sec-teams {
    background: none;
}

.nhan_su_bg {
    background: linear-gradient(270deg, rgba(22, 22, 22, 0.00) 0%, #161616 50.5%, #161616 100%);
    padding-top: 60px;
}

.page-template-page-service2 #main .page-service .sec-teams .section-bg {
    background: none !important;
}

/* Thu vien */
.page-template-page-thu-vien #content{
	background-color: #0D0D0D;
}
.page-banner, .blog-project .archive-page-header, .blog-wrapper .archive-page-header, .img-banner .img-inner { 
    padding-top: 35%;
}
.page-banner .banner-bg:before, .blog-project .archive-page-header .banner-bg:before, .blog-wrapper .archive-page-header .banner-bg:before, .img-banner .img-inner:before{
	content:'';
	position: absolute;
	height: 60%;
	bottom: 0;
	background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #161616db 94.5%);
	width: 100%;
}
.img-banner .img-inner { 
    padding-top: 35% !important;
}
.img-banner .img-inner:before{
	z-index: 1;
	background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #161616db 94.5%);
}
.page-banner .banner-bg {
    background-repeat: no-repeat;
    background-position: top;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
}

.page-banner:before {
    content: '';
    width: 100%;
    height: 33%;
    background: linear-gradient(0deg, rgba(26, 30, 37, 0) 37.14%, rgba(26, 30, 37, 0.85) 82.89%);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0
}

.breadcrumb-post {
    background: linear-gradient(90deg, #FFE17F 0%, #FFF3DC 100%);
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 85px;
}

.breadcrumb-post p {
    margin: 0
}

.rank-math-breadcrumb p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #f9fffe;
}

.rank-math-breadcrumb p .separator {
    opacity: 1;
    color: #525A5F;
    margin: 0 10px;
}

.rank-math-breadcrumb a,
.rank-math-breadcrumb span {
    color: #525A5F;
    font-weight: normal;
    font-size: 16px;
}

.rank-math-breadcrumb .last {
    font-family: var(--medi);
}

.row-thuvien {
    margin-top: 60px;

}

.page-template-page-thu-vien #main {
    background-color: #161616 !important;
    background-image: none
}
.page-id-484 #content {
    background-color: #1a1a1a !important;
    background-image: none
}

.row-thuvien .title-page {
    text-align: center;
    color: var(--black);
    font-size: 34px;
    font-family: var(--bold);
    text-transform: uppercase;
    margin-bottom: 20px;
}

.row-thuvien .load-more {
    padding: 1px;
    background: linear-gradient(270deg, #FFFDEB 0%, #D3A455 100%);
    border-radius: inherit;
    border-radius: 5px;
    margin-bottom: 30px !important;
}

.row-thuvien .btn-viewall2 {
    margin: 0
}

.row-thuvien .tab-thuvien {
    justify-content: center;
    display: flex;
    gap: 24px;
    margin-bottom: 36px;
}

.row-thuvien .tab-thuvien a {
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

.row-thuvien .btn-2 span {
    position: relative;
    z-index: 2;
}

.row-thuvien .btn-2:after {
    content: "";
    position: absolute;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 1000px;
    left: calc(50% + 1px);
    top: calc(50% + 1px);
    transform: translate(-50%, -50%);
    background: white;
    z-index: 1;
}

.row-thuvien .btn-2:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    margin: 0px;
    background: linear-gradient(180deg, #FFDF7B 0%, #EDBA29 100%);
    border-radius: inherit;
    top: 50%;
    transform: translate(1px, -48%);
    height: 100%;
    width: 100%;
}

.row-thuvien .btn-2.active:after,
.blog-archive .btn-2:hover:after {
    background: linear-gradient(247.66deg, #FFF5E2 0%, #FFF6E5 64.56%);
}

.row-thuvien .box-media-image {
    border-radius: 15px;
    cursor: pointer;
}

.row-thuvien .box-media-image .box-text {
    padding: 20px 0 4px;
    text-align: center
}

.row-thuvien .box-media-image .post-title {
    margin: 0;
    font-size: 18px;
    color: #fff;
    font-family: var(--semi);
}

.row-thuvien .box-media-image .post-title:hover {
    color: var(--theme-color);
    cursor: pointer
}

.row-thuvien .box-media-image img {
    transition: all .5s
}

.row-thuvien .box-media-image:hover img {
    transform: scale(1.08)
}

.popup-gallery-wrapper {
    background-color: #282828;
    height: 100vh;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1200;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.07);
    transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateX(100%);
}

.popup-gallery-wrapper.show {
    transform: translateX(0%);
}

.popup-gallery-wrapper .popup-gallery {
    height: 100%;
    overflow: hidden;
    transition: 0.5s;
    transition-delay: 0.7s;
    opacity: 0;
    margin-top: 60px;
    position: relative;
}

.popup-gallery-wrapper.show .popup-gallery {
    opacity: 1;
}

.not-scroll-body {
    overflow: hidden !important
}

.close-gallery {
    position: absolute;
    top: 0;
    right: 50px;
    z-index: 10;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: all .3s;
    font-size: 30px;
    cursor: pointer;
}

.close-gallery:hover {
    background-color: var(--theme-color2);
    color: #fff;
}

.popup-gallery-wrapper .title {
    text-align: center;
    font-size: 26px;
    max-width: 800px;
    margin: 0 auto 30px;
}

.popup-gallery-wrapper .slick-list {
    margin: 0 -15px
}

.popup-gallery-wrapper .list-image {
    max-width: 800px;
    margin: 0 auto;
}

.popup-gallery-wrapper .list-image .image-cover {
    padding-top: 56.25%;
    border-radius: 15px;
}

.popup-gallery-wrapper .list-image .img {
    padding: 0 15px;
}

.popup-gallery-wrapper .slick-arrow {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 45px;
    padding: 0;
    line-height: 13px;
    text-align: center;
    margin: 0px 1px;
    transition: 0.2s;
    font-size: 20px;
    min-height: 40px;
    z-index: 99;
    border-radius: 4px;
    transform: translateY(-50%);
    font-size: 30px;
}

.popup-gallery-wrapper .slick-arrow:hover {
    color: var(--theme-color2)
}

.popup-gallery-wrapper .slick-arrow.slick-prev {
    left: -60px;
}

.popup-gallery-wrapper .slick-arrow.slick-next {
    right: -60px;
}

.row-thuvien .post-item {
    display: none;
}

.load-more {
    max-width: max-content !important;
}

.row-thuvien .load-more {
    margin: auto;
}
/* End Thu vien */

/* chi tiet nhan su */
.box-chungchi-img a{
	padding: 10px;
	padding-bottom: 0
}
.box-chungchi-img .chungchi-name{
	text-align: center;
	font-family: var(--semi);
	color: white;
}
.box-chungchi-img img{
	height: 173px;
	object-fit: contain;
	display: block;
	margin: auto;
}
.box-chungchi-img .slick-prev.slick-arrow {
    left: -6px;
	cursor: pointer
}
.box-chungchi-img .slick-next.slick-arrow {
    right: -6px;
	cursor: pointer
}
.single-ns-sec-2 .col2 .image-inner{
	padding: 15px;
	overflow: hidden;
	border: 1px solid #C99C52;
	border-radius: 10px;
}
.box-chungchi-img{
	margin-top: 30px;
}
.single-ns-sec-1 .col3 .image-box{
	padding: 1px;
    border-radius: 10px;
    background-image: linear-gradient(180deg, #DFC69B 0%, #C99C52 100%);
}
.single-ns-sec-1 .col3 .image-box div{
	border-radius: 10px;
}
.single-ns-sec-1 .btn-viewall2{
	margin-bottom: 0
}
.single-ns-sec-3 img{
	width: 100% !important
}

.single-ns-sec-3 .box-project.box .post-title{
	padding: 0;
	font-size: 16px;
	background: none !important;
    background-clip: inherit !important;
    -webkit-background-clip: inherit !important;
    -webkit-text-fill-color: inherit !important;
}
.single-ns-sec-3 .nav {
    flex: 1;
    justify-content: flex-end;
}
.single-ns-sec-3 .nav a {
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0;
    position: relative;
}

.single-ns-sec-3 .nav a:before {
    display: none
}

.single-ns-sec-3 .nav .active a,
.single-ns-sec-3 .nav a:hover {
    color: #fff;
    color: #CEA249;
    font-family: var(--regular);
}

.single-ns-sec-3 .nav a:after {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(90deg, #D3A455 0.92%, rgba(255, 253, 235, 0.00) 100%);
    transition: all .5s
}

.single-ns-sec-3 .nav .active a:after,
.single-ns-sec-3 .nav a:hover:after {
    width: 100%;
}

.single-ns-sec-3 .nav .tab {
    margin-right: 40px
}
.page-banner-nhansu .box-image{
	width: 70%;
}
.page-banner-nhansu .col1 {
	margin-bottom: 40px;
	position: relative;
	z-index: 3
}
.page-banner-nhansu .col2 {
	position: relative;
	z-index: 1
}
.page-banner-nhansu .row{
	position: relative
}
.page-banner-nhansu .row:before{
	content: '';
	position: absolute;
	width: 100vw;
	height: 80%;
	background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #0d0d0dcf, #1E1E1E);;
	bottom: 0;
	left: 50%;
	transform: translatex(-50%);
	z-index: 2;
}
.title-gtns{
	color: #CEA249
}
.page-banner.page-banner-nhansu .banner-bg:before{
	height: 80%;
}
.page-banner-nhansu:after {
/*     content: ''; */
    width: 100%;
    height: 100%;
    background: rgba(26, 30, 37, 0.4);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
.blog-single .page-banner.page-banner-nhansu{
	margin-bottom: 20px;
}
/* end chi tiet nhan su */

/* danh sach nhan su */
.page-template-page-nhan-su .service-banner{
	padding-top: 33%;
}
.row-list-nhansu .chuc-vu {
	margin-bottom: 5px;
	color: white
}
.row-list-nhansu a:hover h3{
	color: var(--theme-color) !important
}

.box-project .box-image:after, .row-thuvien .box-image:after {
    content: "";
    background: rgb(223, 198, 155);
    background: linear-gradient(190deg, rgba(223, 198, 155, 1) 0%, rgba(201, 156, 82, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transition: all 2s;
    transform: translate(-50%, -50%) scale(1.2);
}

.box-project:hover .box-image:after, .row-thuvien .post-item:hover .box-image:after {
    transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
}
.box-project .image-cover, .row-thuvien .post-item .image-cover {
    border-radius: 9px;
    z-index: 2;
}
.box-project .box-image, .row-thuvien .post-item .box-image {
    border-radius: 10px;
    padding: 1px !important;
}

.row-thuvien .row-list-nhansu .box-media-image .post-title{
	color: #CEA249
}

/* end danh sach nhan su */

/* nhan su cot loi */
.sec-teams-2 .group-ns{
	display: flex;
	gap: 30px;
	margin-top: 40px
}
.sec-teams-2 .group-ns .box{
	overflow: hidden
}
.sec-teams-2 .group-ns .box-text {
    position: absolute;
    bottom: 0;
    padding: 17px 15px 21px 15px;
    z-index: 2;
	min-height: 150px;
}
.sec-teams-2 .group-ns .box-image {
    padding: 1px;
    border-radius: 24px;
}
.sec-teams-2 .group-ns .box-image .image-cover{
	z-index: 2;
	border-radius: 24px;
}
.sec-teams-2 .group-ns .box-image:after {
    content: "";
    background: rgb(223, 198, 155);
    background: linear-gradient(190deg, rgba(223, 198, 155, 1) 0%, rgba(201, 156, 82, 1) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transition: all 2s;
    transform: translate(-50%, -50%) scale(1.2);
}
.sec-teams-2 .group-ns .box-image:hover:after{
	transform: translate(-50%, -50%) scale(1.2) rotate(180deg);
}
.sec-teams-2 .box.active {
    flex-grow: 2;
}
.sec-teams-2 .box {
    flex: 1;
    transition: all .8s;
    cursor: pointer;
}
.sec-teams-2 .image-cover:before {
    content: "";
    width: 100%;
    border-radius: 15px 15px 0px 0px;
    bottom: 0;
    top: unset;
    height: 65%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(13, 13, 13, 0.00) 0%, #0D0D0D 100%);
    z-index: 1;
}
/* .sec-teams-2 .txt-top{
	opacity: 0;
	transition: .8s;
	height: 0;
} */
.sec-teams-2 .txt-top{
	opacity: 1;	
	height: max-content;
}
.sec-teams-2 .txt-top *, .sec-teams-2 .active .txt-hide *{
	font-size: 0 !important;
	transition: .5s
}
.sec-teams-2 .active .txt-top{
	opacity: 1;	
	height: max-content;
	transition-delay: .8s
}
.sec-teams-2 .txt-hide{
	opacity: 1;
	transition: .8s;
	height: max-content;
	display: none;
}

.sec-teams-2 .active .txt-hide{
	opacity: 0;
	height: 0px;
}
.sec-teams-2 .txt-hide p{
	font-size: 24px;
	font-family: var(--semi);
	color: #D3A455;
	text-transform: uppercase;
	text-align: center;
	transition: .5s;
}

.sec-teams-2 .txt-top h3{
/* 	font-size: 22px !important; */
	font-size: 20px !important;
	color: #CEA249;
	text-transform: uppercase;
/* 	transition-delay: .8s */
}
.sec-teams-2 .position{
	font-size: 16px !important;
	color: #B8B8B8;
	position: relative;
	margin-top: 24px;	
}

.sec-teams-2 .active .txt-top h3{
	font-size: 23px !important;
	color: #CEA249;
	text-transform: uppercase;
	transition-delay: .8s
}
.sec-teams-2 .active .position{
	font-size: 20px !important;
	color: #B8B8B8;
	position: relative;
	margin-top: 24px;
	transition-delay: .8s
}
.sec-teams-2 .position:before {
    content: "";
    background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0%, #D3A455 50%, rgba(255, 253, 235, 0.00) 100%);
    width: 100%;
    max-width: 246px;
    height: 1px;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}
.sec-teams-2 .col-chamngon {
	padding-bottom: 0;
/* 	max-width: 790px; */
	margin: 0px auto 45px;
	font-size: 28px;
	width: max-content;
	padding: 0 30px;
}
.sec-teams-2 .col-chamngon span{
	color: #D3A455;
	display: block;
	text-transform: uppercase;
}

.sec-teams-2 .col-chamngon .col-inner {
    max-width: 560px;
}

.sec-teams-2 .col-chamngon p {
    margin: 0;
    font-size: 50px;
    line-height: 1.1;
    text-align: center;
	font-style: italic;
	font-family: var(--VLGreatVibes);
	color: #DBDBDB;
}

.sec-teams-2 .col-chamngon img {
    width: 50px;
    text-align: left;
    margin-bottom: 0px;
    display: block;
    position: absolute;

}

.sec-teams-2 .col-chamngon .img-top {
	left: -50px;
	top: -10px;
}

.sec-teams-2 .col-chamngon .img-bottom {
    right: -50px;
    bottom: -10px;
    transform: rotate(180deg);
}

.sec-teams-2 .col-chamngon:before {
    content: "";
    width: 64px;
    height: 52px;
}
.sec-teams-2 .motangan-ns p{
	width: 60%;
	text-align: center;
	margin: 0 auto 30px;
	color: #B8B8B8;
}
.sec-teams-2 .title-home.text-center h2 {
    margin: 0 auto 15px;
}
#main .sec-teams-2{
	padding-top: 0;
}
/* end nhan su cot loi */

/* nhan su cot loi 1 */
.sec-teams-1 .slide-for .box-image{
	width: 50%;
	margin: 0 auto;
}
.sec-teams-1 .slide-for .box-text{
	background-color: #1C1C1C;
	border-radius: 12px;
	width: 80%;
	margin: -40px auto 0;
	padding: 1px;
}
.sec-teams-1 .slide-for .box-text:before{
	position: absolute;
	content: '';
	background-image: linear-gradient(177.05deg, #FFDB92 -7.07%, #252525 101.73%);
	border-radius: 12px;
	width: 100%;
	height: 100%;
}
.sec-teams-1 .slide-for .box-text > *{
	z-index: 2;
	position: relative
}
.sec-teams-1 .slide-for .box-text-inner{
	background-color: #1C1C1C;
	border-radius: 12px;
	z-index: 2;
	position: relative;
	transform: translate(1px, 1px);
	padding: 30px 15px;
}
.sec-teams-1 .slide-for .txt-top{
	text-align: center;
}
.sec-teams-1 .slide-for .txt-top h3{
	color: #D3A455;
	font-size: 24px;
	text-transform: uppercase;
}
.sec-teams-1 .slide-for .position{
	font-size: 18px;
}
.sec-teams-1 .slide-for .txt-bottom{
	display: flex;
	justify-content: center;
	gap: 20px;
	position: relative;
	margin-top: 24px;
}
.sec-teams-1 .slide-for .txt-bottom:before{
	content: "";
    background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0%, #D3A455 50%, rgba(255, 253, 235, 0.00) 100%);
    width: 100%;
    max-width: 246px;
    height: 1px;
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
}
.sec-teams-1 .slide-for .kn{
	display: flex;
	align-items: center;
	gap: 6px;
}
.sec-teams-1 .slide-for .kn img{
	width: 25px;
}
.sec-teams-1 .slide-for .kn span{
	color: #B8B8B8;
	font-size: 16px;
}
.sec-teams-1 .slide-for .btn-viewall{
	margin: 0;
}
.sec-teams-1 .slide-for .btn-viewall span{
	font-size: 15px;
	color: #B8B8B8;
}
#wrapper .sec-teams-1 .slide-for .btn-viewall .icon-angle-right{
	width: 24px;
	height: 24px;
}
.sec-teams-1 .slide-for .box-image img, .sec-teams-1 .slide-for .txt-bottom{
	transform: translatey(100%);
	transition: .5s;
}
.sec-teams-1 .slide-for .txt-top{
	transform: translatey(-100%);
	transition: .5s;
}
.sec-teams-1 .slide-for .slick-active .box-image img, .sec-teams-1 .slide-for .slick-active .txt-bottom, .sec-teams-1 .slide-for .slick-active .txt-top{
	transform: translatey(0%);
}
.sec-teams-1 .slide-nav .box{
	cursor: pointer
}
.sec-teams-1 .slide-nav .box-image{
	padding: 6px;
	border-radius: 1000px;
	overflow: hidden;
	position: relative;
	width: 90%;
}
.sec-teams-1 .slide-nav .box-image:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 1000px;
	z-index: 1;
	top: 0;
	left: 0;
	background-image: linear-gradient(177.05deg, #FFDB92 -7.07%, #252525 101.73%);
}
.sec-teams-1 .slide-nav .box-image:after{
	content: '';
	position: absolute;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 1000px;
	z-index: 2;
	top: 50%;
	left: 50%;
	background-color: #1E1E1E;
	transform: translate(-50%, -50%);
}
.sec-teams-1 .slide-nav .box-image .image-cover{
	border-radius: 1000px;
	z-index: 3;
	border: 1px solid #FFDB92
}
.sec-teams-1 .slide-nav .box{
	padding: 0 25px;
}
.sec-teams-1 .slide-nav .position{
	text-align: center;
	font-size: 16px;
	color: #D3A455;
	font-family: var(--medi);
	text-transform: uppercase
}
.sec-teams-1 .slide-nav {
	margin-top: 60px;
}
.sec-teams-1 .col-chamngon {
    padding-bottom: 0;
    max-width: 615px;
    margin: 0px auto 0;
}
.sec-teams-1 .col-chamngon .col-inner {
    max-width: 560px;
}

.sec-teams-1 .col-chamngon p {
    margin: 0;
    font-size: 22px;
    color: #B8B8B8;
    line-height: 32px;
    text-align: center;
}

.sec-teams-1 .col-chamngon img {
    width: 42px;
    text-align: left;
    margin-bottom: 0px;
    display: block;
    position: absolute;

}

.sec-teams-1 .col-chamngon .img-top {
    left: -50px;
    top: -20px
}

.sec-teams-1 .col-chamngon .img-bottom {
    right: -42px;
    bottom: -10px;
    transform: rotate(180deg);
}

.sec-teams-1 .col-chamngon:before {
    content: "";
    width: 64px;
    height: 52px;
}
.sec-teams-1 .row-top{
	align-items: flex-end;
}
.sec-teams-1 .slide-nav .box-text{
	padding-bottom: 0
}
.sec-teams-1 .slide-nav .slick-list{
	padding-right: 240px;
	margin-left: -240px;
}
.sec-teams-1 .slide-nav{
	overflow: hidden;
	padding: 0 30px;
}
#wrapper .sec-teams-1 .btn-viewall .icon-angle-right:after, #wrapper .sec-teams-1 .btn-viewall .icon-angle-right:before{
	width: 50%;
	height: 50%;
}
#wrapper .sec-teams-1 .btn-viewall:hover .icon-angle-right:before {
    transform: rotate(-45deg) translateX(40%) translateY(40%);
}
.sec-teams-1 .section-bg{
	background-size: 100% 100% !important;
}
/* end nhan su cot loi 1 */

#wrapper .popup-form .btn-viewall2{
	margin: 0
}

@media (min-width: 1600px){
	.box-chungchi-img img{
		height: 215px;
	}
	.sec-teams-2 .group-ns .box-image .image-cover{
		padding-top: 90% !important
	}
	.sec-teams-1 .slide-nav .slick-list{
		padding-right: 280px;
		margin-left: -280px;
	}
	.sec-teams-1 .slide-nav .position{
		font-size: 18px;
	}
	.sec-teams-1 .slide-nav .box-image{
		width: 68%;
	}
	.single-ns-sec-1 .col3 .image-box div{
		padding-top: 65% !important
	}
}

@media screen and (max-width: 980.98px) {
	.sec-teams-2 .col-chamngon {
		max-width: 705px;
	}
	.sec-teams-2 .col-chamngon p{
		font-size: 22px;
	}
    .popup-gallery-wrapper .list-image {
        padding: 0 60px;
    }
	.sec-teams-1 .large-7 .title-home, .sec-teams-1 .large-7 .col-inner.effect{
		display: none;
	}
	.sec-teams-1 .slide-nav {
		margin-top: 0;
	}
	.sec-teams-1 .section-bg {
		background-size: cover !important;
		background-position: left;
	}
	.row-service-home .box h3{
		-webkit-line-clamp: 2;
	}
	.sec-teams-2 .txt-hide p {
		font-size: 18px;		
	}
	.sec-teams-2 .active .txt-top h3 {
		font-size: 18px !important;
	}
	.sec-teams-2 .active .position {
		font-size: 16px !important;
		margin-top: 18px;
	}
	.sec-teams-2 .position:before{
		top: -9px;
	}
	.page-banner-nhansu .box-image {
		width: 50%;
	}
	.page-banner-nhansu .col1{
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
	}
	.single-ns-sec-1 .col2{
		order: 1
	}
	.single-ns-sec-3 .nav a {
        font-size: 16px;
    }
	.single-ns-sec-3 .nav {
		flex: inherit;
		justify-content: center;
	}
	.sec-chamngon .text-to p {
		font-size: 45px;
	}
	.sec-chamngon .text-nho p {
		font-size: 35px;
	}
}
@media screen and (max-width: 768px){
	.sec-teams-1 .box-ns{
		padding: 20px;
		border-radius: 10px;
		border: 1px solid #cea2498c;
		background: linear-gradient(180deg, #0D0D0D 0%, #2A2A28 100%);
		margin-bottom: 15px;
	}
	.sec-teams-1 .box-ns .box-top{
		display: flex;
		gap: 20px;
		align-items: center;
	}
	.sec-teams-1 .box-ns .image-box{
		width: 150px;
		border-radius: 300px;
		border: 1px solid #cea2498c;
		overflow: hidden;
	}
	.sec-teams-1 .box-ns h3{
		font-size: 18px;
		color: #cea249;
	}
	#wrapper .sec-teams-1 .btn-viewall .icon-angle-right{
		margin: 0
	}
	#wrapper .sec-teams-1 .btn-viewall{
		margin-bottom: 0
	}
	.sec-teams-1 .box-ns .box-bottom{
		margin-top: 30px;
		position: relative
	}
	.sec-teams-1 .box-ns .box-bottom:before{
		content: "";
		background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0%, #D3A455 50%, rgba(255, 253, 235, 0.00) 100%);
		width: 100%;
		max-width: 246px;
		height: 1px;
		position: absolute;
		top: -15px;
		left: 50%;
		transform: translateX(-50%);
	}
	.sec-teams-1 .box-ns .box-bottom img{
		width: 30px;
		margin-right: 10px;
	}
	.sec-teams-1 .box-ns .box-bottom .kn{
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		color: #B8B8B8;
	}
	.sec-teams-1 .box-ns .button span{
		padding-left: 8px;
		color: #B8B8B8;
	}
}
@media screen and (max-width: 575.98px) {
    .row-thuvien {
        margin-top: 50px
    }

    .row-thuvien>.col {
        padding-bottom: 0;
    }

    .sec-teams .row-bottom .box .box-bottom {
        opacity: 1;
        transition: all .6s;
        visibility: visible;
        transition-delay: .1s;
    }

    .sec-teams .row-bottom .box .box-top {
        opacity: 0;
        transition: all .6s;
        visibility: hidden;
    }

    .sec-teams .row-bottom .box .box-bottom .name:before {
        width: 175px;
    }

    .sec-teams .col-right .box .name:before {
        width: 175px;
    }

    h3,
    h2,
    h1,
    .project-single .project-sidebar .title-post,
    .relatedcat .title-post,
    .post-lquan .title-post,
    .post-sidebar .widget-title {
        line-height: 1.5 !important
    }

    .project-info .info-project .left {
        width: 175px;
        font-size: 16px;
    }

    .project-single .project-info .info-project li {
        font-size: 16px;
    }

    .page-service-1 .nav {
        justify-content: flex-start;
        display: flex;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        width: 100%;
    }

    .page-service-8 .col-bottom .col-inner:before,
    .page-service-8 .col-bottom .col-inner:after {
        display: none;
    }

    .page-service-8 .col-bottom .icon-box:not(:last-child):before {
        content: "";
        background: linear-gradient(270deg, rgba(255, 253, 235, 0.00) 0.92%, #D3A455 100%);
        width: 0%;
        height: 1px;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 1;
        transition: all 1s;
    }

    .page-service-8 .col-bottom.scroll-css .icon-box:before {
        width: 100%;
    }

    .popup-gallery-wrapper .popup-gallery {
        margin-top: 0 !important;
        padding-top: 150px;
    }

    .close-gallery {
        right: 0 !important;
        top: 130px;
    }

    .popup-gallery-wrapper .list-image {
        padding: 0;
    }

    .popup-gallery-wrapper .slick-arrow {
        bottom: -50px;
        transform: translateX(-50%);
        top: unset;
        font-size: 20px;
    }

    .popup-gallery-wrapper .slick-arrow.slick-prev {
        left: calc(50% - 20px)
    }

    .popup-gallery-wrapper .slick-arrow.slick-next {
        left: calc(50% + 20px)
    }
	.single-ns-sec-1 .col1, .single-ns-sec-2 .col1, .single-ns-sec-3 .col1{
		padding-bottom: 0
	}
	.single-ns-sec-1 .col2{
		order: 1
	}
	.single-ns-sec-1, .single-ns-sec-2, .single-ns-sec-3{
		padding-top: 0
	}
	.single-ns-sec-2, .single-ns-sec-3{
		padding-bottom: 20px;
	}
	.box-chungchi-img img {
		height: 120px;
	}
	.sec-teams-1 .slide-nav {
		margin-top: 0px;
		padding: 0
	}
	.sec-teams-1 .slide-for .txt-top h3 {
		font-size: 20px;
	}
	.sec-teams-1 .slide-for .txt-bottom{
		gap: 10px;
		flex-wrap: wrap
	}
	.sec-teams-1 .slide-for .txt-bottom > *{
		width: 100%;
		justify-content: center
	}
	.sec-teams-1 .slide-for .txt-bottom{
		padding: 0 10px;
	}
	.sec-teams-1 .col-chamngon p, .sec-teams-2 .col-chamngon p {
        font-size: 22px;
        line-height: 1.2;        
    }
	.sec-teams-2 .col-chamngon{
		padding: 0
	}
	#main .sec-teams-2 {
		padding-top: 50px;
	}	

    .col-chamngon .img-top {
        left: -20px !important;
        top: -20px !important;
    }

    .col-chamngon .img-bottom {
        right: -15px !important;
        bottom: -15px !important;
    }
	.col-chamngon img {
        width: 24px !important;
        margin-bottom: 0px !important;
    }
	.sec-teams-1 .slide-for .box-text{
		width: 95%;
	}
	.sec-teams-1 .slide-nav .box{
		padding: 0 10px;
	}
	.sec-teams-1 .slide-nav .position{
		font-size: 16px;
	}
	.sec-teams-2 .col-inner{
		display: flex;
		flex-direction: column;
	}
/* 	.sec-teams-2 .group-ns{
		order: 1;
		display: flex;
		overflow: auto;
		flex-wrap: nowrap;
		-ms-overflow-style: none;
		scrollbar-width: none;
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		scroll-snap-type: x mandatory;
		margin-bottom: 0;
		justify-content: flex-start;
		scroll-padding: 10px;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding-bottom: 35px;
		margin-bottom: -25px;
	}
	.sec-teams-2 .group-ns .box{
		flex: inherit !important;
        flex-shrink: 0 !important;
		width: 75%;
	} */
	
	.sec-teams-2 .group-ns{
		order: 1;
		display: flex;
		flex-wrap: wrap;
		gap: 16px;
		margin-top: 10px;
	}
	.sec-teams-2 .group-ns .box{
		flex: inherit !important;
        flex-shrink: 0 !important;
		width: calc(50% - 8px);
		margin: 0 !important
	}
	.sec-teams-2 .group-ns .box-image .image-cover{
		padding-top: 120% !important;
		border-radius: 10px;
	}
	.sec-teams-2 .group-ns .box-image{
		border-radius: 10px;
	}
	.sec-teams-2 .box .txt-top h3 {
        font-size: 13px !important;
    }
	.sec-teams-2 .box .position {
        font-size: 13px !important;		
    }
	.sec-teams-2 .group-ns .box-text{
		padding-bottom: 10px;
		min-height: inherit
	}
	
	.sec-teams-2 .col-chamngon {
		padding-bottom: 0;
		max-width: 615px;
		margin: 10px auto 20px;
	}
	.sec-teams-2 .group-ns .box{
		margin-top: 20px;
		display: block;
	}
	.sec-teams-2 .txt-hide{
		display: none;
	}
	.sec-teams-2 .txt-top{
		opacity: 1;	
		height: max-content;
	}
	.sec-teams-2 .txt-top h3{
		font-size: 20px !important;
		color: #CEA249;
		text-transform: uppercase;
	}
	.sec-teams-2 .position{
		font-size: 18px !important;
		margin-top: 10px;
		position: relative;
		color: white;
	}
	.sec-teams-2 .position:before {
		top: -6px;
	}
	.sec-teams-1 .slide-nav .slick-list {
		padding-right: 195px;
		margin-left: -195px;
	}
	.sec-teams-2 .motangan-ns{
		display: none;
	}
	.sec-teams-2 .group-ns .box-image:after{
		opacity: .5
	}
	#main .sec-teams-2{
		padding-bottom: 0;
		padding-top: 0!important;
	}
	.row-list-nhansu{
		padding: 0 25px !important;
	}
	.page-banner-nhansu .col1 {
		margin-bottom: 10px
	}
	.single-ns-sec-3 .nav{
		overflow: auto;
        flex-wrap: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        margin-bottom: 0;
        justify-content: flex-start;
        scroll-padding: 10px;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-bottom: 20px;
        margin-bottom: -15px;
	}
	.single-ns-sec-3 .nav li{
		flex-shrink: 0
	}
	.page-banner, .blog-project .archive-page-header, .blog-wrapper .archive-page-header, .img-banner .img-inner, #main .page-about-1{
		padding-top: 70%;
	}
	.img-banner .img-inner {
		padding-top: 70% !important;
	}
	#main .single-ns-sec-1{
		padding-top: 20px;
	}
	.sec-chamngon .text-to p {
		font-size: 22px;
	}
	.sec-chamngon .text-nho p {
		font-size: 18px;
	}
	.sec-chamngon .box-txt:before, .sec-chamngon .box-txt:after{
		width: 30px;
		height: 30px;
	}
	.sec-chamngon {
		height: 60vh;
		padding: 0 !important;
	}
	.sec-chamngon .section-bg.bg-loaded{
		background-position: 69%;
	}
	.sec-chamngon .col-img .img-inner:before, .sec-chamngon .col-img .img-inner:after{
		width: 35px;
	}
	.sec-chamngon .col-img .img-inner:before{
		left: 0
	}
	.sec-chamngon .col-img .col-inner{
		margin-top: 200px;
	}
}