/* đối tác */
.sec-doi-tac figure.swiper-slide-inner {
	position: relative;
}
.sec-doi-tac figure.swiper-slide-inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 20px;
}
.sec-doi-tac figure.swiper-slide-inner:before {
	content: '';
	padding-bottom: 40%;
	display: block;
}
/* end đối tác */

/* Dịch vụ */
.sec-dich-vu ul.products.slick-initialized.slick-slider {
	padding-left: 0;
}
.sec-dich-vu .uael-woo-categories .uael-category__title-wrap {
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
}
.sec-dich-vu .uael-product-cat-inner {
	position: relative;
	overflow: hidden;
}
.sec-dich-vu .uael-product-cat-inner h3.woocommerce-loop-category__title {
	margin-bottom: 0;
}
.sec-dich-vu .uael-product-cat-inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	overflow: hidden;
	transition: .5s;
}
.sec-dich-vu .uael-product-cat-inner img:hover {
	transform: scale(1.1);
	transition: .5s;
	overflow: hidden;
}
.sec-dich-vu .uael-product-cat-inner:before {
	content: '';
	padding-bottom: 125%;
	display: block;
}
/* end dịch vụ */

/* Sản phẩm */
.sec-san-pham .elementor-image-box-wrapper {
	position: relative;
}
.sec-san-pham figure.elementor-image-box-img a {
	display: block;
	position: relative;
}
.sec-san-pham figure.elementor-image-box-img a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-san-pham figure.elementor-image-box-img a:before {
	content: '';
	display: block;
	padding-bottom: 80%;
}
.sec-san-pham .elementor-image-box-wrapper .elementor-image-box-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1;
	opacity: 0;
	transition: .5s;
}
.sec-san-pham .elementor-image-box-wrapper .elementor-image-box-content:before {
	content: '';
	background: #151515a1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.sec-san-pham .elementor-image-box-wrapper:hover .elementor-image-box-content {
	opacity: 1;
	transition: .5s;
	cursor: pointer;
}
/* end sản phẩm */

/* Dự án */
.slick-project .row {
	display: flex!important;
}
.bgr_image {
	position: relative;
}
.bgr_image img {
	object-fit: contain;
}
.bgr_image > img {
	object-fit: cover;
	filter: blur(10px);
	z-index: 0;
	object-position: center bottom;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bgr_image .img_post {
	z-index: 2;
	position: relative;
}
.img_post {
	position: relative;
}
.img_post > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.bgr_image:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1;
	opacity: .5;
}
.img_post:before {
	content: '';
	display: block;
	padding-bottom: 70%;
}
.col-5.content-project {
	padding: 20px 20px;
	padding-top: 0;
	padding-right: 65px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.content-project h2 {
	font-size: 43px;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 30px;
	color: #f5bb16;
}
.content-project h2:before {
	content: '';
	background: #fff;
	width: 10%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.title-project h3 {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.title-project h3:hover {
	color: #f5bb16;
}
.content-project .news-excerpt-project {
	font-size: 16px;
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	/*line-height: 24px;*/
	-webkit-line-clamp: 10;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.sec_project .slick-dots {
	justify-content: inherit;
	display: block;
	text-align: right;
	padding-right: 85px;
}
.sec_project .slick-dots li {
	display: inline-block;
}

.see-more-pro {
	margin-top: 30px;
	text-align: right;
}
.see-more-pro a {
	color: #fff;
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
}
.see-more-pro a:before {
	content: '';
	position: absolute;
	top: 10px;
	left: -185px;
	background: #fff;
	width: 200%;
	height: 1px;
}
.see-more-pro a:hover {
	color: #f5bb16
}
/* end Dự án */

/* Tin tức */
.sec-tin-tuc .uael-post__thumbnail a {
	display: block;
	position: relative;
}
.sec-tin-tuc .uael-post__thumbnail a img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-tin-tuc .uael-post__thumbnail a:before {
	content: '';
	display: block;
	padding-bottom: 65%;
}
.sec-tin-tuc .slick-track {
	display: flex;
	flex: auto;
}
.sec-tin-tuc .uael-post-wrapper {
	display : flex; 
	flex-direction: column;
	height: auto;
	min-height: 100%;
	flex: auto;
}
.sec-tin-tuc .uael-post__bg-wrap {
	min-height: 100%;
	height: auto;
}
.sec-tin-tuc .uael-post__content-wrap {
	display: flex;
    flex-direction: column;
    flex: auto;
}
.sec-tin-tuc .uael-post__inner-wrap {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 100%;
    flex: auto;
}
.sec-tin-tuc .uael-post__content-wrap .uael-post__meta-data { order: 1; }
.sec-tin-tuc .uael-post__content-wrap h3.uael-post__title { 
	order: 2; 
	position: relative; 
	padding-bottom: 15px;
	border-bottom: 1px solid #333333ad;
    display: flex;
    flex-direction: column;
    flex: auto;
}
.sec-tin-tuc .uael-post__content-wrap a.uael-post__read-more.elementor-button { order: 3; }
/* end Tin tức */

/* form báo giá header */
/* form tư vấn */
#form_popup_pro {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease 0s;
}
#form_popup_pro.show {
    opacity: 1;
    visibility: visible;
}
#form_popup_pro.show .content_form_tv {
    transform: translate(-50%, -50%);
}
#form_popup_pro .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.5;
}
#form_popup_pro .content_form_tv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);
    width: 35%;
    background-color: #fff;
    transition: .3s;
    /* padding: 30px; */
}
#form_popup_pro .main_form_tu_van {
    background-color: rgb(255, 255, 255);
    padding: 10px 20px;
    border-top: 3px solid var(--title);
}
#form_popup_pro input {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    text-indent: 20px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(206, 212, 218);
    border-image: initial;
    border-radius: 20px;
}
#form_popup_pro input:focus { outline: none; }
#form_popup_pro input.wpcf7-form-control.wpcf7-submit {
    background: #F5AE16;
    color: #fff;
    text-indent: 0;
    margin-bottom: 0!important;
}
#form_popup_pro input.wpcf7-form-control.wpcf7-submit:hover {
    background: #c28a10;
    cursor: pointer;
}
#form_popup_pro .top_form_tu_van {
    padding: 10px 0;
    background: #c28a10;
}
#form_popup_pro .top_form_tu_van img {
    margin: 0 auto;
    width: 30%;
}
#form_popup_pro h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.1em;
    line-height: 24px;
    color: #36365C;
    margin-bottom: 5px;
}
#form_popup_pro .wpcf7 form>div, #form_popup_pro .wpcf7 form>p {
   margin-bottom: 0px; 
}
#form_popup_pro .wpcf7 form .wpcf7-response-output {
	margin-top: 5px!important;
	color: #000;
}
.icon_hotline_form i {
    padding: 10px;
    border: 1px solid #F5BB16;
    border-radius: 50%;
    font-size: 25px;
    margin-right: 10px;
    color: #F5BB16;
}
.icon_hotline_form {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F5BB16;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 22px;
}
.wpcf7 form.invalid .wpcf7-response-output {
	color: #000;
}
/* end form tư vấn */
/* end form báo giá header */

@media (max-width: 1024px){
	.content-project h2 {
		font-size: 35px;
		padding-bottom: 10px;
    	margin-bottom: 20px;
	}
	.img_post:before {
		padding-bottom: 83%;
	}
	.content-project .news-excerpt-project {
    	font-size: 15px;
    	-webkit-line-clamp: 8;
	}
	.sec-dich-vu .uael-product-cat-inner:before {
    	padding-bottom: 100%;
	}
	.sec-san-pham .elementor-image-box-wrapper .elementor-image-box-content {
		opacity: 1;
	}
	#form_popup_pro .top_form_tu_van img {
		width: 23%;
	}
	#form_popup_pro .content_form_tv {
		width: 50%;
	}
	.col-5.content-project {
		padding-right: 25px;
		padding-left: 10px;
	}
	.see-more-pro {
		margin-top: 15px;
	}
}

@media (max-width: 768px){
	#form_popup_pro .content_form_tv { width: 65%; }
	.icon_hotline_form i { font-size: 20px; }
	.icon_hotline_form { font-size: 18px; }
	.sec_project .slick-dots { bottom: -20px; }
}

@media (max-width: 640px){
	.col-5.content-project {
		padding: 20px 0;
	}
	.sec_project .slick-dots {
		text-align: center;
		padding-right: 0;
		bottom: -35px;
	}
	.sec-gth .elementor-icon-box-wrapper {
		display: flex;
	}
	.sec-gth .elementor-icon-box-icon {
		padding-right: 15px;
	}
	#form_popup_pro .main_form_tu_van { padding: 5px 10px; }
	#form_popup_pro .content_form_tv { width: 70%; }
	.icon_hotline_form { font-size: 15px; margin-bottom: 5px; }
	.icon_hotline_form i { font-size: 16px; }
	#form_popup_pro input { height: 40px; }
	#form_popup_pro .content_form_tv { top: 48%; }
}

@media (max-width: 480px){
	#form_popup_pro .content_form_tv { width: 95%; }

}