/**
* Theme Name:     K-Tech
* Author:         K-Tech
* Template:       flatsome
* Text Domain:	   k-tech
* Description:    Theme Build by Dai
* Theme URI:      https://k-tech.net.vn/
* Author URI:     https://k-tech.net.vn/
* Version:        2025
* License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
* License URI:    https://k-tech.net.vn/
*/



/*************** ADD CUSTOM CSS HERE.   ***************/


@font-face {
	font-family: 'Montserrat';
	src: url('font/Montserrat-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('font/Montserrat-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat';
	src: url('font/Montserrat-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}

h1, h2, h3, h4, h5{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700 ;
}

body, p  {
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 ;
}
h1 b, h1 strong,
h2 strong{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 900;
}


.pd-0{
	padding-bottom:0px
}
.mg-0 p{
	margin-bottom:0px !important
}
.breadcrumb-custom-page,
.product-breadcrumb-container{
	min-height: 60px;
	padding-top: 20px;
}
.breadcrumb-custom-page a,
.product-breadcrumb-container a{
	font-size:18px
}
/*  header */
.nav-dropdown>li>a{
	color:#000;
	text-transform:uppercase;
	font-size:14px;
}
.nav-spacing-xlarge>li{
	margin:0px 20px;
}
.top-bar-nav #header-contact li a{
	font-size:18px;
	color:#fff;
	font-weight:700
}
.top-bar-nav #header-contact li a i{
	font-size:18px !important
}
/* section 1 */
.section1 .section-title-main{
	padding:5px 50px !important;
	background-color: #0d3c5c;
	color: white;
	font-weight: bold;
	font-style: italic;
	padding: 10px 20px;
	display: inline-block;
	position: relative;
	font-size: 16px;
	clip-path: polygon(
		15px 0%, 
		calc(100% - 15px) 0%, 
		100% 50%, 
		calc(100% - 15px) 100%, 
		15px 100%, 
		0% 50%
	);
	overflow:hidden
}

.section1 .container.section-title-container{
	max-width:unset;
	width:100%
}
.section1 .section-title b{
	height:1.6px;
	background:var(--primary-color);
	opacity:1
}
@media(max-width:549px){
	.section1 .section-title b{
		opacity:0;
	}
	.section1 .section-title-main{
		clip-path:unset;
		padding:10px !important;
		margin:0px;
	}
	.section1 .col{
		padding-bottom:0px
	}
	.section1 p{
		font-size:14px;
	}
	.section1 h4{
		font-size:15px
	}
}
/* section 2 */
.title-index{
	font-size:21px
}
.section2{
	padding-top:0px !important;
}
.section2 .section-content.relative>.row{
	padding-top:30px;
	background-image: repeating-linear-gradient(90deg, #0076bd, #0076bd 18px, transparent 18px, transparent 29px), repeating-linear-gradient(90deg, #0076bd, #0076bd 18px, transparent 18px, transparent 29px);
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
	background-size: 100% 2px, 100% 2px;

}
.section2 .box-content{
	height:140px;
}
@media(max-width:549px){
	.section2 .box-content {
		height:60px
	}
	.title-index{
		font-size:20px
	}
	.section2 .box-text h4{
		font-size:18px;
	}

	.section2 .text p{
		font-size:16px 
	}
}
/* section 3 */
.section3 .title-index {
	background-color: #007ac3; /* Màu xanh dương giống hình */
	color: white;
	font-weight: bold;
	font-size: 21px;
	padding:10px 0px 10px 0px;
	clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0% 50%);
}
.section3 .title-index h2{
	color:#fff;
	margin-bottom:0px;
	max-height:58px
}
.section3 .box-image{
	border-radius:50%;
	padding:10px;
	margin-bottom:-50px;
	z-index:1;
	background:#fff;
	border:1px solid #ededed
}
.section3 .box:hover .box-image{ 
	background:#0076bd;
}
.section3 .box:hover img{
	filter: brightness(0) invert(1);
}
.section3 .box-text{
	padding-top:70px;
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	border-radius:8px;	
}
.section3 .box:hover .box-text{
	background:#0076bd;
}
.section3 .box:hover .box-text h3{
	color:#fff !important
}
.section3 .box-text .box-text-inner{
	min-height:75px
}
@media(max-width:549px){
	.section3 .title-index {
		width:100%;
	}
	.section3 .bg-visao:before{
		height:51px
	}
	.section3 .box-text h3{
		font-size:14px
	}
}
/* section 4 */
.section4{
	padding-top:0px !important;
}
.section4 h2{
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	display:inline-block;
	width:auto;
	background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 100% 2px;
}
.section4>.section-content.relative>.row{
	background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
}
.section4 .gallery-col img{
	object-fit:contain
}
/* section 5 */
.section5 .title-index{
	position:relative;
}
/* .section5 .title-index:before{
content:'';
width:80%;
height:1.5px;
position:absolute;
bottom:20%;
right:0px;
background:var(--fs-color-secondary);
} */
.section5 .icon-box-left{
	align-items: flex-end;
}
.section5 .icon-box-left h2{
	margin-bottom:0px
}
.section5 .post-title a{
	font-size:21px;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: 56px;
	margin: 0 auto;
	line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:var(--fs-color-secondary)
}
/* .post-title a{
font-size:21px;
display: block;
display: -webkit-box;
max-width: 100%;
height: 56px;
margin: 0 auto;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color:var(--fs-color-secondary);

}
.post-title a:hover{
color:#000
}
.from_the_blog_excerpt{
font-weight:700;
display: -webkit-box;
max-width: 100%;
height: 68px;
margin: 0 auto;
line-height: 1.4 !important;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
color:var(--fs-color-secondary);
font-style: italic;
} */
.section5 .post-title a:hover{
	color:#000
}
.section5 .from_the_blog_excerpt {
	display: -webkit-box;
	max-width: 100%;
	height: 68px;
	margin: 0 auto;
	line-height: 1.4 !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color:var(--fs-color-secondary)
}
.section5 .box-text .button{
	border-radius:99px;
	font-size:16px;
	font-weight:700;
	text-transform:inherit
}
.section5 .is-divider{
	display:none
}
 .post-meta.is-small.op-8{
	font-size:16px;
	color:var(--fs-color-secondary);
	font-weight:700;
	margin:10px 0px;;
}
.section5 .from_the_blog_excerpt {
	font-size:16px;
	color:var(--fs-color-secondary);
	font-style: italic;
}
@media(max-width:549px){
	.section5 .title-index:before{
		display:none
	}
	.section5 .icon-box-img{
		width:60px !important
	}
	.section5 .post-title a{
		font-size:16px;
		height:45px
	}
	.section5  .post-meta.is-small.op-8{
		font-size:14px;
	}
	.section5 .from_the_blog_excerpt {
		font-size:14px;
		height:60px
	}
	.section5 .box-text .button{
		font-size:14px
	}
}
/* section 6 */
.section6 h2{
	font-size:28px
}
.section6 p{
	text-align:center;
	font-size:18px;
}
.section6 .wpcf7 {
	max-width:400px
}
.section6 input.wpcf7-form-control{
	border-radius:99px;
	text-align:center;
}
.section6 input.wpcf7-form-control::placeholder{
	color:var(--fs-color-secondary);
}
.wpcf7-submit{
	background:var(--fs-color-secondary) !important;
	border-radius:99px !important;
	padding:0px 40px !important;
	text-transform:inherit !important;
	margin-bottom:0px;

}
.wpcf7-spinner{
	display:none !important;
}
.section6 .mg-0 p{
	margin-bottom:0px
}
/* section khách hàng */
.section-khachhang .flickity-slider{
	display:flex;
	align-items:center;
}


/* Product */
.product-title a{
	font-size:18px;
	font-weight:700;

}
.box-text.box-text-products{
	background:rgb(217, 238, 247)
}
.icon-angle-right:before{
	color:#fff
}
.menu-item .icon-angle-down:before{
	filter:unset
}
.product-title-container .is-divider{
	display:none
}
.product-title-container{
	position:absolute;
	top:0px;
	z-index:1;
	display:block;
	width:80%;
	background:var(--fs-color-secondary);
	text-align:center;
	padding:10px 0px;
	border-bottom-right-radius:50px
}
.product-title-container h1{
	color:#fff;
	margin-bottom:0px;
}
.product-short-description{
	padding: 40px 0px;
	background-image: repeating-linear-gradient(90deg, #0076bd, #0076bd 10px, transparent 10px, transparent 20px), repeating-linear-gradient(90deg, #0076bd, #0076bd 10px, transparent 10px, transparent 20px);
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
	background-size: 100% 1px, 100% 1px;
	color:var(--fs-color-secondary);
	font-size:18px;
	margin-bottom:50px
}
.contact-button{
	color:#fff;
	background:var(--fs-color-secondary);
	display:block;
	text-align:center;
	border-radius:12px;
	padding:10px 0px;
	font-size:21px;
	border:1px solid var(--fs-color-secondary);
	transition: all .3s ease;
}
.contact-button span{
	display:block;
	font-size:12px;
}
.contact-button:hover{
	transition: all .3s ease;
	background:transparent;
	color:var(--fs-color-secondary);
}
.custom-product-description{
	color:var(--fs-color-secondary);
}
.custom-product-description h2{
	color:Var(--primary-color);
}
.woocommerce-product-gallery__wrapper.product-gallery-slider.slider.slider-nav-small.mb-half.is-draggable.flickity-enabled img{
	height:450px;
	object-fit:cover;
}
@media(max-width:549px){
	.product-short-description{
		padding:10px;
		margin-bottom:30px
	}
}
/* footer */
.ft{
	padding-bottom:0px !important
}
.ft a{
	color:var(--primary-color)
}
/* .ft .section-content.relative{
background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
background-position: left top;
background-repeat: repeat-x;
background-size: 100% 2px;
} */
.ft .col-logo .col-inner:before{
	content:'';
	width:90%;
	height:1.5px;
	position:absolute;
	bottom:10%;
	right:0;
	background:var(--fs-color-secondary);
}
.ft a.ux-menu-link__link.flex{
	color:var(--primary-color);
	font-size:16px;
	margin-bottom:0px
}
.ft .phone a{
	font-weight:700
}
.ft p,
.ft li{
	font-size:14px;
	margin-bottom: 0px;
	line-height: 42px;
}
.ft strong{
	font-weight:700 !important
}
.copyright-footer p{
	margin-bottom:0px
}
.footer-wrapper{
	overflow:hidden;
}
.footer-wrapper:after{
	content:'';
	background:url(https://ktech4.k-tech-services.com/gioithieu155/wp-content/uploads/2025/06/Half_icon-01-scaled.png);
	width:400px;
	height:200px;
	position:absolute;
	z-index:99;
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
	bottom:-13%;
	left:-2%

}
/* Archive blog */
.blog-wrapper .large-10{
	max-width:100%;
	width:100%;
	flex-basis:100%
}
.blog-wrapper .post-item{
	padding-bottom:15px
}
.archive .post-item:nth-child(even) .box-vertical {
	flex-direction: row-reverse;
}
.archive .post-item .box-vertical {
	display:flex;
	align-items:stretch;
}
.archive .post-item .box-vertical .box-text{
	width:55%;
}
.archive .box-vertical{
	border: 1px solid transparent;
	border-radius: 32px;
	background: #f8f8f8;
	transition: all .3s ease;
	padding: 0;
	overflow: hidden;
}
.archive .box-vertical .box-image{
	width:45% !important
}

.archive .box-vertical .box-text{
	box-shadow: 4px 4px 12px 0 hsla(0, 0%, 9%, .12);
	-webkit-box-shadow: 4px 4px 12px 0 hsla(0, 0%, 9%, .12);
	-moz-box-shadow: 4px 4px 12px 0 hsla(0, 0%, 9%, .12);
	background: #daeff8;
	padding-right:40px;
}
.archive .box-vertical .box-text .box-text-inner{
	display:flex;
	height:100%;
	flex-direction: column;
	justify-content: center;
}
.from_the_blog_excerpt {
	color:var(--fs-color-secondary);
	font-weight:700;
	font-size:15px;
	text-align:justify;
	line-height:2;
}
.archive .box-vertical .post-title a{
	font-size:26px;
	color:var(--primary-color);
	font-weight:900;
	text-transform:uppercase;
}
.blog-wrapper .icon-box{
	align-items:end;
	margin-bottom:20px
}
.blog-wrapper .icon-box H2{
	margin-bottom:0px
}
@media(max-width: 549px){
	.archive	.box-vertical .box-text{
		padding:10px;
		width:100% !important
	}
	.archive .box-vertical .box-image{
		width:100% !important
	}
	.archive	.box-vertical .post-title a{
		font-size:18px
	}
	.archive .post-item .box-vertical{
		display:block;
		border-radius:8px
	}
}
/* single post */
.single-post .entry-category{
	opacity:1
}
.single-post .entry-category a{
	font-size:42px !important; 
	color:var(--primary-color);
	font-weight:900;
	opacity:1 !important
}
.single-post .entry-title{
	color:var(--primary-color);
}
.single-post .is-divider{
	display:none
}
.single-post .post-sidebar.large-3.col{
	max-width:30%;
	flex-basis:30%;
}
.single-post .large-9.col.medium-col-first{
	max-width:70%
}
.related-posts-title-list{
	position:relative;
}
.related-posts-title-list::after {
	content: "";
	position: absolute;
	bottom: -60px; /* đẩy mũi tên ra ngoài box */
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	height: 0px;
	border-left: 130px solid transparent;
	border-right: 130px solid transparent;
	border-top: 30px solid #007ac3;
	overflow:hidden;
}
.related-posts-title-list li{
	padding:10px 30px;
	border:2px solid var(--fs-color-secondary);
}
.related-posts-title-list li.item-current{
	background:var(--fs-color-secondary);

}
.related-posts-title-list li.item-current a{
	color:#fff	
}
.related-posts-title-list li a{
	font-weight:700;
	text-transform:uppercase
}
@media(max-width:767px){
	.post-sidebar.large-3.col{
		max-width:100%;
		flex-basis:100%;
	}
	.large-9.col.medium-col-first{
		max-width:100%
	}
	.single-post .entry-category a{
		font-size:22px !important; 
		color:var(--primary-color);
		font-weight:900;
		opacity:1 !important
	}
	.single-post .entry-title{
		font-size:21px;
	}
}
@media (prefers-reduced-motion: no-preference) {
	.col+.col [data-animate], .nav-anim>li, [data-animate-delay="200"], [data-animate]+[data-animate] {
		transition-delay: 0.1s !important;
	}
}
@media (prefers-reduced-motion: no-preference) {
	.col+.col+.col [data-animate], .nav-anim>li+li+li, [data-animate-delay="400"], [data-animate]+[data-animate]+[data-animate] {
		transition-delay: .1s !important;
	}
}
.slider [data-animate], [data-animate] {
	animation-fill-mode: forwards;
	-webkit-backface-visibility: hidden;
	transition: filter 0.5s, transform .5s, opacity .2s ease-in;
	will-change: filter, transform, opacity;
}



#slider-partner .item-partner {
	margin: 5px 0;
}

#slider-partner .item {
	padding: 0 7px;
	margin: 0 auto;
}

#slider-partner .item img {
	width: 100%;
	display: block;
	margin: 0 auto;
	transition: all .3s ease;
	aspect-ratio: auto 103 / 103;
}
/* 
#slider-partner .item:hover img {
filter: drop-shadow(2px 4px 4px #555)
}
*/
#slider-partner .slick-arrow {
	width: 20px;
	height: 30px;
	color: #444444;
}

#slider-partner .slick-arrow:hover {
	color: #fb7224;
}

#slider-partner .slick-arrow:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: fontawesome;
	font-size: 40px;
	line-height: 30px;
}

#slider-partner .slick-prev:after {
	content: '\f104';
}

#slider-partner .slick-next:after {
	content: '\f105';
}
/* page giới thiệu */
/* giới thiệu 1 */
.gioithieu1 h1,
.gioithieu1 h3{
	margin-bottom:0px
}
.gioithieu1 .bd-bottom{
	display: inline-block;
	width: auto;
	background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
}
/* giới thiệu  */
/* giới thiệu 1 */
.gioithieu1 h1,
.gioithieu1 h3{
	margin-bottom:0px
}
.gioithieu1 .bd-bottom{
	display: inline-block;
	width: auto;
	background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
}
/* giới thiệu 2 */
.gioithieu2 .row-title{
	margin-bottom:20px;
}
/* .gioithieu2 .row-title .col-inner{
background:var(--fs-color-secondary);
margin-top:-62px;
padding: 10px 0px 10px 0px;
} */
.gioithieu2 .row-title .col-inner h2{
	margin-bottom:0px;
}
.time-line .col-inner{
	height:100%;
}
.dots{
	text-align:center;
	position:relative;
	height:100%;
}
.dots i{
	font-size:40px;
	color:#fff;
}
.dots:after{
	content:"";
	width:2px;
	height:calc(100% - 40px);
	background:#fff;
	display:block;
	top:40px;
	position:absolute;
	left:50%;
}
/* giới thiệu 3 */
/* .gioithieu3 .row-title{
padding-top:40px;
background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
background-position: left top;
background-repeat: repeat-x;
background-size: 100% 2px;
} */
.gioithieu3 .row-title h2{
	margin-bottom:10px;
}
.gioithieu3 .row-title p{
	margin-bottom:0px
}
.gioithieu3 .row-title img{
	margin-bottom:20px
}
.gioithieu3 .row-title .img{
	/* 	position:absolute;
	background:#fff;
	left:50%;
	transform:translatex(-50%);
	bottom:-20%;
	width:80px !important */
}
.gioithieu3 .row-sumenh	.title-index{
	position:relative;
	margin-bottom:20px;
}
/* .gioithieu3 .row-sumenh	.title-index:after{
content:"";
width:100%;
height:2px;
background:var(--fs-color-secondary);
display:block;
top:50%;
position:absolute;
transform:translatey(-50%);
z-index:-1
} */
.gioithieu3 .row-sumenh	.title-index h2{
	display:inline-block;
	width:auto;
	padding:0px 10px;
	margin-bottom:0px
}
/* giới thiệu 4 */
/* .gioithieu4{
background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
background-position: left top;
background-repeat: repeat-x;
background-size: 100% 2px;
} */
.gioithieu4 .box-vertical{
	display:flex;
	align-items:flex-end;
}
.gioithieu4 .box-vertical .box-text{
	width:65%;
	padding-bottom:0px;
}
.gioithieu4 .box-vertical .box-text .tieu-de p{
	color:#fff;
	background:var(--fs-color-secondary);
	display:inline-block;
	padding:5px 10px;
	font-weight:700;
	margin-bottom:10px
}
.gioithieu4 .box-vertical .box-text h4{
	margin-bottom:5px;
	font-size:18px;
}
.gioithieu4 .box-vertical .box-text ul li{
	font-size:16px;
}
.gioithieu4 .HANOI ul{
	display:flex;
	flex-wrap: wrap;
}
.gioithieu4 .HANOI ul li{
	width:40%;
}
.gioithieu4 .HCM ul{
	display:flex;
	flex-wrap: wrap;
}
.gioithieu4 .HCM ul li{
	width:28%;
	white-space:nowrap
}
/* giới thiệu 5 */
.gioithieu5 h2{
	font-size:42px;
	margin-bottom:0px;
}
.gioithieu5 .title-chungtoi{
	position:relative;
	margin-bottom:40px;
}
.gioithieu5 .title-index {
	background-color: #007ac3;
	color: white;
	font-weight: bold;
	font-size: 21px;
	padding: 10px 0px 10px 0px;
	clip-path: polygon(25px 0%, calc(100% - 25px) 0%, 100% 50%, calc(100% - 25px) 100%, 25px 100%, 0% 50%);
} 
.gioithieu5  h2{
	color:#fff;
	font-size:34px;
}
.gioithieu5 .row-bd{
	padding-top:60px
}
.gioithieu5 .icon-box{
	align-items:flex-end;
	margin-bottom:15px;
	display: inline-flex;
	width: auto;

}
.gioithieu5 .icon-box .icon-box-text{
	padding-right:20px !important;
	padding-left:20px;
	flex:unset !important;
	background:#fff;
}
.gioithieu5 .icon-box .icon-box-img{
	background:#fff !important
} 
.gioithieu5 .icon-box .icon-box-text h3{
	margin-bottom:0px;
	line-height:1
}
.gioithieu5 .icon-box .icon-box-text h3:nth-child(1){
	margin-bottom:10px;
}
.gioithieu5 .row-bd .col:nth-child(odd) .col-inner{
	border-top:2px dashed #007ac3;
	border-right:2px dashed #007ac3;
	padding-top:40px !important;
	border-top-right-radius:50px;
}
.gioithieu5 .row-bd .col:nth-child(even) .col-inner{
	border-top:2px dashed #007ac3;
	border-left:2px dashed #007ac3;
	border-top-left-radius:40px;
	padding-top:30px !important;
}
.gioithieu5 .row-bd .col:nth-child(even) .icon-box{
	position:absolute;
	right:0px;
	top:-60px;

}
.col.nha-may .icon-box{
	top:-70px !important;
}
.col.cong-nghe .icon-box{
	top:-110px !important;
}
.col.hoa-chat .icon-box{
	top:-110px !important;
}
.gioithieu5 .row-bd .col:nth-child(odd) .icon-box{
	position:absolute;
	left:0px;
	top:-60px;
}
.col.ung-dung .icon-box{
	top:-110px !important;
}
.col.giao-hang .icon-box{
	top:-70px !important;
}
.col.chung-nhan .icon-box{
	top:-90px !important;
}
.gioithieu5 .row-bd .col{
	padding-bottom:0px
}
.gioithieu5 .row-bd .col .col-inner{
	padding-bottom:50px !important
}
.gioithieu5 .row-bd  p{
	margin-bottom:0px !important;
	padding-bottom:10px
}
.gioithieu5 .row-bd .col.chung-nhan .col-inner{
	border-top:none !important;
	border-left:none !important;
	padding-bottom:0px !important;
	margin-bottom:50px;
}
.gioithieu5 .row-bd .col.chung-nhan .col-inner:after{
	content:"";
	width:100%;
	height:4px;
	display:block;
	background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 6px, transparent 6px, transparent 10px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 1.5px;
	position:absolute;
	left:0px;
	bottom:10%;
	z-index:-1
} 
.gioithieu5 .row-bd .col.chung-nhan .content-chungnhan{
	background:#fff;
	display:inline-block;
	width:auto;
}
/* giới thiệu 6 */
.gioithieu6 .icon-box{
	align-items:flex-end
}
.gioithieu6 .icon-box-text{
	flex:unset;
	margin-left:0px
}
.gioithieu6 p{
	margin-bottom:0px
}
/* DỊch vụ */

/* dịch vụ cho thuê hàng vải */
.loiich-thuehang .row.large-columns-4{
	justify-content: center;
}
.ketqua-thuehang .icon-box{
	align-items:center;
	background:var(--fs-color-secondary);
	margin-bottom:20px;
	padding:20px 30px;
	border-radius:15px;
}
.ketqua-thuehang .icon-box h3,
.ketqua-thuehang .icon-box p{
	margin-bottom:0px
}
/* mô tả sản phẩm */
.custom-shop-header-block .box-text p strong{
	display:block
}
.custom-shop-header-block .box-text .box-text-inner p{
	font-size:16px
}
.category-page-row h1{
	color:var(--fs-color-secondary) !important;
}
.term-description,
.custom-shop-header-block{
	padding-bottom: 50px ;
	background-image: repeating-linear-gradient(90deg, #007ac3, #007ac3 18px, transparent 18px, transparent 29px);
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 100% 2px;
	color:var(--fs-color-secondary);
	font-size:18px;
	margin-bottom:50px
}
.term-description .col,
.custom-shop-header-block .col{
	padding-bottom:0px
}
.term-description>p{
	display:none
}
.custom-shop-header-block .box-text{
	min-height:100px;
}
@media(max-width:549px){
	.term-description,
	.custom-shop-header-block{
		padding-bottom:0px;
		margin-bottom:30px;
	}
	.term-description p ,
	.custom-shop-header-block p{
		font-size:14px;
	}
	.sec-project .col-text .col-inner{
		padding:20px !important; 
	}
	.sec-project .col-text{
		order:1
	}
	.sec-project .img .image-cover{
		padding-top:56% !important
	}
	.sec-project h5{
		line-height:1.4
	}
	.sec-project p{
		line-height:1.4
	}
}
/* Tuyển dụng */
.sec-tuyendung .title-index h3,
.sec-tuyendung .title-index p{
	margin-bottom:0px
}
.sec-tuyendung .title-index p{
	width:1180px;
	margin:auto;
	padding:0px 10px;
}
.sec-tuyendung .col.large-4 .col-inner{
	border:3px solid var(--fs-color-secondary);
	padding:10px 0px;
	border-radius:16px
}
.sec-tuyendung .col.large-4{
	max-width:29% !important
}
.sec-tuyendung .col.large-4 .col-inner p{
	margin-bottom:0px;
	color:var(--primary-color);
	font-size:18px;
}
.section6.sec-tuyendung .wpcf7 {
	max-width:500px
}
.section6 select.wpcf7-form-control{
	border-radius:99px;
	text-align:center;
	color:var(--fs-color-secondary);
}
.section6 select.wpcf7-form-control::placeholder{

}

.section6 select option:nth-child(1){
	display:none
}
.section6 select option{
	width:auto
}
@media(max-width:549px){
	.sec-tuyendung .col.large-4{
		max-width:100% !important
	}
	.sec-tuyendung .title-index p{
		width:unset;
		font-size:14px;
	}
}
/* liên hệ */
.kml-actions, 
.kml-thumb {
	display:none
}
.lienhe1 .col-contact .col-inner{
	padding:30px;
}
.lienhe1 .col-contact form{
	margin-bottom:0px;
}
.lienhe1 .col-contact .col-inner p{
	margin-bottom:0px;
	font-size:0px;
}
.lienhe1 .col-contact svg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
.lienhe1 .row.align-center .col.large-5{
	flex-basis: 36.666667%;
	max-width: 36.666667%;
}
.lienhe1 .icon-box{
	align-items:center;
}
.lienhe1 .icon-box h3{
	margin-bottom:0px
}
.lienhe1 .form-row p{
	display:flex;
	gap:80px;
}
.lienhe1 .form-row p label{
	width:100%;
	max-width:50%;
	margin-bottom:0px
}
.lienhe1 .form-row1 p{
	max-width:calc(50% - 40px);
}
.lienhe1 p label input.wpcf7-form-control{
	box-shadow:none;
	border-color:var(--fs-color-secondary);
	border-width:1px;
	min-height:40px;
	border-radius:12px;
	margin-top:10px;
	color:var(--fs-color-secondary);
}
.lienhe1 .wpcf7-textarea{
	color:var(--fs-color-secondary);
	margin-top:10px;
	box-shadow:none;
	border-color:var(--fs-color-secondary);
	border-width:1px;
	border-radius:16px;
	min-height:150px
}
.lienhe1 p label input.wpcf7-form-control::placeholder{
	color:var(--fs-color-secondary);
	font-size:13px;
	opacity:0.6
}
.lienhe1 label{
	color:var(--fs-color-secondary);
	font-size:16px
}
.lienhe1 .wpcf7-submit{
	font-size:21px;
	padding:10px 50px !important;
	line-height:1;
	min-height:unset;
}
.contact-lienhe{
	position: fixed;
	right: 15px;
	bottom: 15%;
	z-index: 99;
	z-index: 4;
	height: 72px;
	width: 72px;
	cursor: pointer;
	box-shadow: rgb(0 0 0 / .15) 0 4px 8px;
	border-radius: 50%;
	background: var(--fs-color-secondary);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
	animation: 2s ease 0s infinite normal none running pulse;
}
.contact-lienhe a{
	color:#fff;
	text-align:center;
	font-weight:700;
	font-size:18px;
	line-height:normal;
	position:relative;
	z-index:9;
}
.contact-lienhe:before, .contact-lienhe:after {
	position: absolute;
	content: "";
	height: 72px;
	width: 72px;
	left: 0;
	top: 0;
	background: var(--fs-color-secondary);
	border-radius: 50%;
}
.contact-lienhe::after {
	animation: euiBeaconPulseSmall 2s infinite ease-out 0.4s;
}
.contact-lienhee::before {
	animation: euiBeaconPulseSmall 2s infinite ease-out;
}
@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05)
	}

	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
@keyframes euiBeaconPulseSmall {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	50% {
		opacity: .6
	}

	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.4);
		opacity: 0
	}
}
.mfp-bg{
	background:#708d9e
}
#box-lienhe{
	padding:40px !important;
	border-radius:30px;
	border:2px solid var(--fs-color-secondary);
}
#box-lienhe img{
	border-radius:30px;
}
#box-lienhe .wpcf7-form-control-wrap input{
	border-color:var(--fs-color-secondary);
	border-radius:99px;

}
#box-lienhe .wpcf7-form-control-wrap input::placeholder{
	color:var(--fs-color-secondary);
	text-align:center
}
#box-lienhe h3{
	color:var(--fs-color-secondary);
	text-align:center
}
#box-lienhe span.wpcf7-form-control.wpcf7-radio{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items: flex-start;
}
#box-lienhe span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item{
	display:block;
	color:var(--fs-color-secondary);
}
#box-lienhe span.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label{
	display:block;
	color:var(--fs-color-secondary);
}
#box-lienhe .wpcf7-form p:nth-child(7) .wpcf7-form-control-wrap{
	display:flex;
	justify-content: center;
}
.mfp-wrap>.mfp-close{
	display:none
}
#box-lienhe  .mfp-close{
	top:20px !important;
	right:20px !important
}
.content{
	margin-top:20px
}
.content P{
	color:var(--fs-color-secondary);
	font-size:18px;
}
@media(max-width:549px){
	.kml-actions-row{
		position:relative;
		text-align:right;
		right:0px;
	}
	.kml-title{
		font-size:18px;
	}
	.kml-text{
		font-size:16px;
		line-height:1.2
	}
	.lienhe1 .form-row p{
		flex-direction: column;
		gap:0;
	}
	.lienhe1 .form-row p label{
		width:100%;
		max-width:100%;

	}
	.lienhe1  p label{
		font-size:16px;
	}
	.lienhe1 .form-row1 p{
		max-width:100%;
	}
}
/* page công nghệ */

.icon-box-center.icon-box{
	align-items:center;
}
.congnghe-lamsach .icon-box h2{
	margin-bottom:0px;
}
.congnghe-lamsach .box-vertical{
	display:flex;
	align-items:center;
	flex-wrap: wrap;
}
.congnghe-lamsach .box-vertical  .box-image{
	max-width:40% ;
	width:100% ;
}
.congnghe-lamsach .box-vertical  .box-text{
	max-width:60%;
	width:100%;
	height:100%;
	display:flex;
	background:#d9edf6;
	padding:20px 40px;
	padding-left:60px;
}
.post-item .is-divider{
	display:none;
}
.congnghe-lamsach .post-title a{
	font-size:28px;
	color:var(--fs-color-secondary);
	margin-bottom:0px

}
.congnghe-lamsach .post-title a:hover{
	color:#000
}
.congnghe-lamsach .sub-title-blog-post p{
	font-size:28px;
	color:var(--fs-color-secondary);
	line-height:normal;
}
.congnghe-lamsach .box-text-inner.blog-post-inner{
	display:flex;
	display: flex;
	flex-direction: column;
}
.congnghe-lamsach .box-text .from_the_blog_excerpt {
	order:1;
	font-size:18px;
}
.single-congnghe .entry-title{
	text-align:center;
	font-weight:900;
	color:var(--fs-color-secondary);
	font-size:32px;
}
.box-single-tech{
	max-width:60%;
	width:100%;
	margin:0px auto;
	text-align:center;
}
.box-single-tech .sub-title-tech{
	display:block;
	background:var(--fs-color-secondary);
	color:#fff;
	border-radius:99px;
	line-height:40px;
	font-weight:700;
	font-size:24px;
	margin-bottom:20px;
}
.single-congnghe .entry-content h1,
.single-congnghe .entry-content h2,
.single-congnghe .entry-content h3,
.single-congnghe .entry-content h4,
.single-congnghe .entry-content p,
.single-congnghe .entry-content li{
	color:var(--fs-color-secondary);
}
.related-posts h2{
	color:var(--fs-color-secondary);
	text-transform:uppercase;
}
.related-posts-grid{
	display:flex;
}
.related-posts-grid .related-item{
	width:100%;
	max-width:33.33%;
	padding:10px;
	text-align:center;
	overflow:hidden;
}
.related-posts-grid .related-item img{
	height:250px !important;
	object-fit:contain
}
.related-posts-grid .box-text-item{
	background:#d9edf6;
	padding:10px 20px;
	height:100%;
}
.related-posts-grid p{
	font-size:18px;
	margin-bottom:0px;
	color:var(--fs-color-secondary);

}
.hethong-maymoc .post-title a{
	font-size:21px;
	color:var(--fs-color-secondary);
}
.hethong-maymoc .box-text{
	background: #d9edf6;
	padding: 20px 40px;
	height:100%;
}
.hethong-maymoc .col-inner,
.hethong-maymoc .col-inner .box{
	height:100%;
	overflow:hidden;
}
.icon-box .title-index h2{
	margin-bottom:0px !important;
}
.sub-title-blog-post{
	color:var(--fs-color-secondary);
}
@media(max-width:549px){
	.cong-nghe1 p{
		font-size:16px
	}
	.related-posts-grid{
		flex-direction: column;
	}
	.related-posts-grid .related-item{
		width:100%;
		max-width:100%;
	}

	.congnghe-lamsach .box-vertical{
		flex-direction: column;
	}
	.congnghe-lamsach .box-vertical .box-image{
		max-width:100%;
		width:100% !important;
	}
	.congnghe-lamsach .box-vertical .box-text{
		max-width:100%;
		padding:10px 20px;
	}
	.congnghe-lamsach .post-title a{
		font-size:21px;
	}
	.congnghe-lamsach .sub-title-blog-post p{
		font-size:18px;
	}
	.congnghe-lamsach .box-text .from_the_blog_excerpt{
		font-size:14px;
		line-height:normal
	}
}
/* Quy trình */
.single-congnghe .post{
	margin-bottom:0px;
}
.single-congnghe>.col{
	padding-bottom:0px;
}
.ft-top .section-content{
	background:rgb(0, 118, 189);
	padding:20px 20px;;
}
.child-pages-menu{
	list-style:none;
	display:flex;
	margin:0px;
	justify-content: space-between;
	flex-wrap: wrap;
}
.child-pages-menu li{
	margin:0px !important;
	width:100%;
	max-width:25%;
	text-align:center;
}
.child-pages-menu li a{
	font-size:18px;
	font-weight:700;
	color:#fff;
	position:relative;
	padding-bottom:10px;

}
@media(max-width:549px){
	.child-pages-menu li{
		max-width:100%;
		margin-bottom:10px !important;
	}
}
/* .child-pages-menu li a:before{
content:"";
width:100px;
height:3px;
background:#fff;
display:block;
position:absolute;
bottom:0px;
left:50%;
transform:translatex(-50%);
opacity:0;
}
.child-pages-menu li.active a:before,
.child-pages-menu li:hover a:before{
opacity:1
} */
.title-camket{
	position:absolute;
	top:-20px;
	left:50%;
	transform:translatex(-50%);
	background:#fff;
	padding:0px 40px;
}
.border2{
	background-image: repeating-linear-gradient(90deg, #0076bd, #0076bd 10px, transparent 10px, transparent 20px), repeating-linear-gradient(90deg, #0076bd, #0076bd 10px, transparent 10px, transparent 20px);
	background-position: left top, left bottom;
	background-repeat: repeat-x, repeat-x;
	background-size: 100% 1px, 100% 1px;
	color:var(--fs-color-secondary);
	padding:15px 0px;
	margin-bottom:20px;
}
.border2 h2{
	margin-bottom:0px;
}
@media(max-width:549px){
	.title-camket{
		padding:0px 10px;
		white-space:nowrap
	}
	.title-camket h2{
		font-size:1em
	}
}
.post-item .has-hover:hover img {
	transform: scale(1.1);
}

@media(max-width:549px){
	.gioithieu2 .item-content span{
		font-size:150% !important
	}
	.gioithieu4 .text{
		font-size: 1rem !important
	}
	.gioithieu4 .box-vertical{
		display:block;
		padding:15px;
	}
	.box-vertical .box-image{
		width:50% !important
	}
	.gioithieu4 .box-vertical .box-text{
		width:100%
	}
	.gioithieu4 .box-vertical .box-text .tieu-de p{
		width:100%;
		text-align:center
	}
	.gioithieu4 .HCM ul li{
		width:100%;
	}
	.gioithieu5 h2{
		font-size:21px
	}
	.gioithieu5 .row-bd .col:nth-child(odd) .col-inner,
	.gioithieu5 .row-bd .col:nth-child(even) .col-inner{
		border:none ;
		padding:0px !important
	}
	.gioithieu5 .row-bd {
    padding-top: 0px;
}
	.gioithieu5 .row-bd .col:nth-child(odd) .icon-box,
	.gioithieu5 .row-bd .col:nth-child(even) .icon-box{
		position:unset
	}
	.gioithieu5 .icon-box .icon-box-text{
		flex:1;
		padding-right:0px !important;
		padding-left:10px;
	}
	.gioithieu5 .icon-box .icon-box-img{
		width:100px !important
	}
	.gioithieu5 .icon-box .icon-box-text h3{
		font-size:14px
	}
	.gioithieu5  .text{
		font-size:14px
	}
	.gioithieu6 .icon-box-right .icon-box-img{
		flex:unset;
		margin:0px;
		margin-bottom:5px;
	}
	.gioithieu6 .icon-box-text{
		width:calc(100% - 80px)
	}
	.gioithieu6 .text{
		font-size:18px !important
	}
}
/* tuyển dụng */


.sec-tuyendung strong{
	display:block
}
.sec-tuyendung .slick-initialized .slick-slide> div{
	padding-bottom:10px !important
}
.sec-tuyendung .slick-prev:before, .slick-next:before{
	color:var(--fs-color-secondary);
	font-size:32px;
	z-index:99999
}
.recruit-item {
	margin:10px;
	margin-bottom:10px;
	padding: 2.08333rem 3.125rem;
	width:100%;
    height: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(217, 238, 247);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    box-shadow: 0px 4px 15px 0px #00000014;
}
.recruit-item h3 a{
	color:var(--fs-experimental-link-color)
}
.recruit-item ul{
	list-style:none 
}
.recruit-item ul li{
	margin-left:0px;
	font-size:14px;
	display: flex;
}
.recruit-item ul li strong{
	margin-right:10px
}
/* single tuyển dụng */
  .side-social-wrap {
        position: absolute;
        top: 0px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        left: -3.125rem;
 }
.block-wrap.first-block {
   display: flex;
   justify-content: flex-start;
	padding:32px;
	margin-bottom: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(217, 238, 247);
    }
.block-wrap.first-block .txt {
        padding-left: 30px;
        width: 50%;
        padding-top: 0px;
    }
 .block-wrap .headline {
	 border-bottom:1px solid #000;
	 display:block;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224 / var(--tw-border-opacity));
    padding-bottom: 1rem;
	 font-weight: 700;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(26 26 26 / var(--tw-text-opacity));
}
.txt table td {
    width: auto;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224 / var(--tw-border-opacity));
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(10 10 10 / var(--tw-text-opacity));
    font-size: clamp(14px, 0.83333rem, 16px);
    padding: 14px 0;
}
.txt table td:first-child {
    width: 100%;
    font-weight: 700;
    width: 150px;
}
 .block-wrap {
    margin-bottom: 1.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(217, 238, 247);
    padding: 30px;
}
.apply-form {
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: var(--primary-color);
    display: flex
;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding: 1.66667rem;
    margin-bottom: 2.08333rem;
}
.w-full {
    width: 100%;
}
.apply-form .button-apply .btn-primary {
    margin-bottom: 0.75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
	    padding: 8px 24px;
	border: 1px solid transparent;
}
.apply-form .button-apply .btn-primary:hover{
	border: 1px solid #fff;
	background:transparent;
	color:#fff
}
.apply-form .btn-primary {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    height: 44px;
	
}
.button-download.w-full .btn{
	color:#fff
}
.btn {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s all ease-in-out;
    cursor: pointer;
    position: relative;
	font-weight:700;
	font-size:14px;
}
.other-recruit .item {
    margin-bottom: 1.25rem;
    height: 100%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(224 224 224 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    display: flex
;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    box-shadow: 0px 4px 15px 0px #00000014;
    padding: 1.5625rem;
}
.other-recruit .item ul{
	list-style:none
}
.other-recruit .item ul li{
	margin-left:0px;
}
.other-recruit .item ul li strong{
	margin-right:10px
}
#ung-tuyen{
padding: 40px !important;
    border-radius: 30px;
    border: 2px solid var(--fs-color-secondary);
	max-width:
}

#ung-tuyen .form-row{
	display:flex;
	gap:20px
}
#ung-tuyen .form-row p{
	width:100%;
}
#ung-tuyen .form-row p .wpcf7-form-control-wrap{
	width:100%;
}
#ung-tuyen .form-row input,
textarea.wpcf7-form-control.wpcf7-textarea{
	border-radius:8px;
	border:1px solid var(--fs-color-secondary);
}
#ung-tuyen p{
	margin-bottom:20px
}
#ung-tuyen .wpcf7-spinner{
	display:none
}
@media(max-width:549px){
	#main{
		padding-top:0px !important
	}
	.block-wrap.first-block{
		display:block;
		padding:15px;
	}
	.txt table td{
		width:50% !important
	}
	.block-wrap.first-block .txt{
		margin-top:20px;
		width:100%;
		padding-left:0px
	}
	.recruit-item{
		max-width:100%;
		margin-right:0px;
	}
	.sec-tuyendung .slick-prev {
    left: -13px;
    z-index: 999;
}
	.sec-tuyendung .slick-next {
    right: 0px;
    z-index: 9;
}
}