/*
Theme Name: Haviweb Child Theme
Description: Cong ty thiet ke website Havi
Author: Havi
Template: flatsome
Version: 3.18.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.txt-padding-bottom{padding-bottom: 20px;}
/*breadcrumb*/
.txt-bread a {
    margin-right: 10px;
    margin-left: 10px;
}
.txt-bread .breadcrumb_last {
    margin-left: 10px;
}
/* <-- Trang chủ --> */
.home h2{font-size: 36px;}
.txt-h2 h2 {font-size: 36px;}
/*topar*/
.row-tt-topbar p{color: white; font-size: 12px;}
.ic-topbar .icon-box-text{
    display: flex;
    align-items: center;
    padding-left: 0 !important;
}
.row-tt-topbar .col {
    margin-bottom: -18px;
}
.ic-topbar img {
    padding-top: 0;
}
#top-bar .flex-col.hide-for-medium.flex-left {
    width: 57%;
}
/*menu*/
.header-main .header-nav-main li a {
    color: black;
    font-weight: 400;
}
.header-main .header-nav-main li:nth-child(3) a {
    color: #2b388f;
}
.header-main .nav-dropdown li:nth-child(3) a {
    color: black;
}
/*banner*/
.btn-banner span:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/07/icon-dow.png);
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
	margin-left: 8px;
}
.txt-banner h3 {
    line-height: 46px;
    font-weight: 700;
	margin-top: 20px;
    padding-bottom: 15px;
}

/*nâng tầm thịnh vượng*/ 
.row-thinh-vuong .col-inner {
    background: linear-gradient(to bottom, #182856, #131C3A);
	border-radius: 8px;
}
.row-thinh-vuong .col-inner:hover {
    background: #C21212E5;
	border-radius: 8px;
}
.ic-more p {
    display: inline-flex;
    background-color: #5f6d97;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.ic-more p a {
    text-decoration: none;
    line-height: 1;
    transform: translateY(-1px);
}
.row-thinh-vuong .col-inner:hover .ic-more p {
    background: white;
	color: red;
}
.row-thinh-vuong .col-inner:hover .ic-more a {
	color: red;
}
/*light box câu chuyện*/
.lightbox-content {
    border-radius: 8px;
    background: linear-gradient(to bottom, #1828567a, #131c3a91), url(/wp-content/uploads/2025/07/banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}
.lightbox-content ul {
    padding-left: 30px;
}
#brand2.lightbox-content {
    background: linear-gradient(to bottom, #182856c9, #131c3ab5), url(/wp-content/uploads/2025/07/tam-nhin-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#brand3.lightbox-content {
    background: linear-gradient(to bottom, #182856c9, #131c3ab5), url(/wp-content/uploads/2025/07/su-menh-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#brand4.lightbox-content {
    background: linear-gradient(to bottom, #182856c9, #131c3ab5), url(/wp-content/uploads/2025/07/gi-tri-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
#brand5.lightbox-content {
    background: linear-gradient(to bottom, #182856c9, #131c3ab5), url(/wp-content/uploads/2025/07/co-cau-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
#brand6.lightbox-content {
    background: linear-gradient(to bottom, #182856c9, #131c3ab5), url(/wp-content/uploads/2025/07/lich-su-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.lightbox-content h3 {
    color: white;
}
.home .mfp-close {
  display: none !important;
}
.lightbox-content {
  position: relative;
}
.lightbox-content::before {
  content: "×";
  position: absolute;
  top: 10px;
  right: 13px;
  font-size: 33px;
  font-weight: bold;
  color: white;
  cursor: pointer;
  z-index: 9999;
  pointer-events: auto; 
  width: 36px;
  height: 36px;
  line-height: 30px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%; 
  border: 2px solid white; 
}
/*lĩnh vực hoạt động*/
.col-lvhd-left {
    max-width: 20%;
    flex-basis: 20%;
}
.col-lvhd-right {
    max-width: 80%;
    flex-basis: 80%;
}
.col-lvhd-left .col-inner {
    background-image: url(/wp-content/uploads/2025/07/bg-lvhd.png);
    display: flex;
    align-items: center;
}
.ss-slide {
	width: 25%;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.col-lvhd-left h2 {
    display: flex;
    justify-content: center;
}
.slide-lvhd button.flickity-button.previous {
    position: absolute;
    left: -18%;
    top: 62%;
}
.slide-lvhd button.flickity-button.next {
    left: -13%;
    top: 62%;
}
/*css svg arrow*/
button.flickity-button.flickity-prev-next-button svg {
    display: none;
}
button.flickity-button.flickity-prev-next-button{opacity: 1;}
button.flickity-button.flickity-prev-next-button:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E") ;
	position: absolute;
    width: 37px;
    height: 37px;
    top: -2%;
    background-color: #ed1d23;
	border-radius: 0;
    right: 0;
    padding: 3px 10px 4px 10px;
}
button.flickity-button.flickity-prev-next-button:hover::before{
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0 l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109 c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483 c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788 S1.293,9.212,1.729,9.212z'%3E%3C/path%3E%3C/svg%3E") !important;
    background-color: white;
	color: red;
}
button.flickity-button.flickity-prev-next-button.previous:before {
	transform: rotate(180deg);
}
.ic-more.btn-white p {
    background-color: white;
	color: #ec1c24;
}
.ic-more.btn-white p a:hover {
	color: #ec1c24;
}
.img-radius {
    border-radius: 8px;
}
.img-radius img {
    border-radius: 8px;
}
.btn-banner.btn-sp span:after {
    background-image: url(/wp-content/uploads/2025/07/ic-arrow.png);
}
.textbox-sp .white.is-outline:hover {
    background-color: #ec1c24 !important;
    border-color: #ec1c24;
    color: #ffffff !important;
}
/*cảng biển*/
.slide-cang button.flickity-button.flickity-prev-next-button.previous:before{
	top: 50%;
	right: -29px;
}
.slide-cang button.flickity-button.flickity-prev-next-button.next:before{
	top: 50%;
	right: 27px;
}
.slide-cang ol.flickity-page-dots {
    bottom: 36%;
}
.slide-cang li.dot.is-selected {
    background-color: #ec1c24 !important;
    border-color: #ec1c24;
}
.slide-cang li.dot {
    opacity: 1;
    background-color: white;
	width: 10px;
	height: 10px;
}
/*dự án*/
.blog-du-an-home .is-divider {
    display: none;
}
.blog-du-an-home button.flickity-button.flickity-prev-next-button.previous {
    margin-right: -2%;
    margin-top: -3%;
}
.blog-du-an-home button.flickity-button.flickity-prev-next-button.next {
    margin-left: -2%;
	margin-top: -3%;
}
/*tại sao chọn*/
.icon-why .icon-box-img {
    display: flex;
    align-items: center;
}
.txt-why p {
    margin-bottom: 0px;
}
.txt-why {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	padding: 10px 20px 10px 20px;
	background-color: white;
}
/*form*/
.col-frm-home {
    padding-bottom: 0;
}
.col-frm-home form.wpcf7-form.init {
    margin-bottom: 0;
}
.bg-frm {border-radius: 0px 40px 0px 40px;}
.bg-frm img {
    border-radius: 0px 40px 0px 42px;
}
.col-frm-home span.wpcf7-spinner {
    display: none;
}
.col-frm-home input.wpcf7-submit {
    margin: 0;
    width: 100%;
}
.txt-tit-frm h2 {
    line-height: 48px !important;
}
/*form*/
.col-frm-home input {
    border-radius: 8px;
}
.col-frm-home textarea {
    border-radius: 8px;
}
/*tin tức sự kiện*/
.blog-home-2 .col.post-item {
    padding-bottom: 15px;
}
.blog-home-2 .post-meta:before
 {
    content: "";
    background-image: url(/wp-content/uploads/2025/07/Clock.png);
    background-size: 100% 100%;
    position: absolute;
    width: 20px;
    height: 20px;
	left: 4%;
}
.blog-home-2 .post-meta {
    margin-left: 26px;
}
.blog-home-2 .box-image {
    border-radius: 8px;
}
.blog-home-2 img {
    border-radius: 8px;
}
.blog-home-1 .box-image {
    border-radius: 8px;
}
.blog-home-1 img {
    border-radius: 8px;
}
.blog-home-1 .box-text {
    width: 70%;
}
.blog-home-1 .is-divider {
    display: none;
}
.blog-home-1 ol.flickity-page-dots {
    bottom: 29%;
    left: 8%;
    width: max-content;
}
.blog-home-1 li.dot {
    background-color: white !important;
}
.blog-home-1 li.dot {
    background-color: white !important;
    opacity: 0.5 !important;
}
.blog-home-1 button.flickity-button.next {
    margin-top: 50%;
    margin-right: 8%;
}
.blog-home-1 button.flickity-button.previous{display: none;}
/* <-- End trang chủ --> */
/*<-- Trang chủ 2 -->*/
.btn-dowload span:after {
    background-image: url(/wp-content/uploads/2025/08/btn-dowload2.jpg);
    width: 33px;
    height: 33px;
    top: 2px;
    right: 2px;
    border-radius: 8px;
}
.btn-profile span:after {
    background-image: url(/wp-content/uploads/2025/08/btn-profile3.jpg);
    width: 33px;
    height: 33px;
    top: 2px;
    right: 2px;
    border-radius: 8px;
}
.slide-home-2 .flickity-page-dots {
    display: inline-flex;
    right: 5% !important;
    left: auto;
	bottom: 16%;
}
.slide-home-2 li.dot.is-selected {
    background-color: red !important;
    border-color: red;
}
.slide-home-2 li.dot {
    background-color: white !important;
    opacity: 1;
	border-radius: 3px !important;
}
.txt-lineheight h3 {
    margin-bottom: 12px;
}
.col-ht-home .col-inner {
    border-radius: 12px;
    box-shadow: inset 0 19px 0 #1e40af,  
                inset -6px 0 0 #1e40af, 
                inset 6px 0 0 #1e40af,
				inset 0 1px 6px rgb(80 80 80 / 70%);
    transition: all 0.3s ease;
}
.col-ht-home .col-inner:hover {
    background-color: #1e40af !important;
}
.col-ht-home .col-inner:hover .txt-ht {
    color: white;
}
.col-ht-home .col-inner:hover .anh-xoay img {
   filter: grayscale(100%) brightness(500%); 
}
.col-ht-home .is-divider {
    margin-top: 5px;
}
.txt-ht {
    height: 48px;
    overflow: hidden;
	font-weight: 300;
}
.btn-home2 {
    height: 10px;
}
.btn-home2 span {
    color: red;
    font-size: 20px;
    display: contents;
    line-height: 0;
}
.blog-home2 .is-divider {
    display: none;
}
.slide-home-2 button.flickity-button.flickity-prev-next-button:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788S1.293,9.212,1.729,9.212z'/%3E%3C/svg%3E") !important;
	background-color: #2a3694;
}
.slide-home-2 button.flickity-button.flickity-prev-next-button.previous:before {
    left: 19px;
}
.slide-home-2 button.flickity-button.flickity-prev-next-button.next:before {
    right: 19px;
}
.blog-home2 button.flickity-button.flickity-prev-next-button:before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-icon' viewBox='0 0 20 20'%3E%3Cpath fill='red' d='M1.729,9.212h14.656l-4.184-4.184c-0.307-0.306-0.307-0.801,0-1.107c0.305-0.306,0.801-0.306,1.106,0l5.481,5.482c0.018,0.014,0.037,0.019,0.053,0.034c0.181,0.181,0.242,0.425,0.209,0.66c-0.004,0.038-0.012,0.071-0.021,0.109c-0.028,0.098-0.075,0.188-0.143,0.271c-0.021,0.026-0.021,0.061-0.045,0.085c-0.015,0.016-0.034,0.02-0.051,0.033l-5.483,5.483c-0.306,0.307-0.802,0.307-1.106,0c-0.307-0.305-0.307-0.801,0-1.105l4.184-4.185H1.729c-0.436,0-0.788-0.353-0.788-0.788S1.293,9.212,1.729,9.212z'/%3E%3C/svg%3E") !important;
	background-color: white;
}
.blog-home2 button.flickity-button.flickity-prev-next-button.previous:before {
    top: unset;
    left: -38px;
}
.blog-home2 button.flickity-button.flickity-prev-next-button.next:before {
    top: unset;
    right: -38px;
}
.has-hover:hover .hover-invert .btn-home2 {
	filter: hue-rotate(calc(180deg - 200deg + 0deg)) saturate(150%) brightness(100%);
	background-color: deepskyblue !important;
}
.blog-hl.blog-home2 image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to top,
                rgba(0, 0, 0, 0.5) 0%,
                rgba(0, 0, 0, 0.5) 30%, 
                transparent 100% 
            );
        }
/*<-- End trang chủ 2 -->*/
/* <-- Trang giới thiệu -- > */
.ss-gt {
    width: 26%;
}
/*timeline lịch sử hình thành*/
.custom-timeline {
  display: flex;
  justify-content: space-between;
  position: relative;
  max-width: 100%;
}
.custom-timeline::before {
  content: '';
  position: absolute;
  top: 18%;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(to right, #5e2ca5, #e53935);
  z-index: 0;
}
.custom-timeline span {
  position: relative;
  z-index: 1;
  padding: 5px 8px;
  cursor: pointer;
  font-size: 14px;
  color: #6b6b6b;
}
.custom-timeline span::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: #6b6b6b;
  border-radius: 50%;
  margin: 0 auto 5px;
}
.custom-timeline span.active {
  color: #b71c1c;
  font-weight: bold;
}
.custom-timeline span.active::before {
  width: 20px;
  height: 20px;
  background-color: #b71c1c;
  box-shadow: 0 0 0 5px rgba(183,28,28,0.2);
  margin-top: -5px;
}

/*.slide-lsht button.flickity-button.flickity-prev-next-button.previous {
	top: auto;
    bottom: -30% !important;
    left: 45%;
	z-index: 2;
}
.slide-lsht button.flickity-button.flickity-prev-next-button.next {
	top: auto;
    bottom: -30% !important;	
    right: 45%;
	z-index: 2;
}
.slide-lsht button.flickity-button.flickity-prev-next-button:hover::before
 {
    background-color: #ec1c24;
}*/
/* <-- End Trang giới thiệu -- > */
/* <-- Lĩnh vực  -- > */
.row-quy-trinh p {margin-bottom: 8px;}
.col-qt:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/07/right.png);
    position: absolute;
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
    right: -8%;
    bottom: 50%;
}
.txt-kq-qt {
    display: inline-flex;
}
.txt-kq-qt h3 {
    margin-bottom: 0;
    background-color: #18BA92;
    border-radius: 8px;
	padding: 10px 30px 10px 30px;
}
.txt-kq-qt img {
    margin-bottom: 0 !important;
}
.blog-may-moc .is-divider{display: none;}
/* <-- End lĩnh vực  -- > */
/* <-- Sản phẩm  -- > */
/*slide ảnh sản phẩm*/
.project-thumbnails .img {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  transition: all 0.2s;
  border: 2px solid transparent;
  opacity: 0.7;
}
.project-thumbnails .img img {
  display: block;
}
.project-thumbnails .img .image-cover {
  display: block;
  height: 0;
}
.project-thumbnails .col.is-selected .img {
  border: 2px solid black;
  opacity: 1;
}
.project-thumbnails {
  margin-top: 10px;
}
.project-thumbnails .col {
  padding: 0 5px 0 !important;
}
#main .project-thumbnails {
  margin-left: -5px;
  margin-right: -5px;
}
/*#main .project-gallery{
	padding-top: 10px;
}
#main .project-gallery .flickity-button {
  opacity: 1;
  transform: unset;
  width: 50px;
  height: 50px;
  top: 48%;
  right: 2%;
  background-color: unset !important;
}
#main .project-gallery .flickity-button.previous{
	left: 2%;
}
#main .project-gallery .flickity-button svg {
  display: none;
}
#main .project-gallery .flickity-button:before {
  font-family: "Font Awesome 6 Free";
  content: '\f105';
  color: #fff;
  font-size: 45px;
  width: 100%;
  display: block;
  font-weight: 600;
}
#main .project-gallery .flickity-button.previous:before {
  content: '\f104';
}*/
#main .project-gallery .slide:nth-of-type(n + 2) {
  visibility: hidden;
}
#main .project-gallery .flickity-slider .slide:nth-of-type(n + 2) {
  visibility: visible;
}
.slide-bv {
    margin-bottom: 12px;
}
.single-product h1 {
    font-size: 44px;
}
.des-sp p {
    margin-bottom: 20px;
}
.des-sp ul {
    margin-left: 20px;
}
/* tab chi tiết sản phẩm */
.acf-tab-titles {
    display: flex;
    list-style: none;
    padding: 0;
    margin-bottom: 1em;
	justify-content: center;
}
.acf-tab-titles li {
    margin-right: 10px;
    padding: 8px 12px;
    background: #2b388f;
    color: white;
    cursor: pointer;
    border-radius: 4px;
}
.acf-tab-titles li.active {
    background: #ec1c24;
    color: white;
}
.acf-tab-content {
    display: none;
}
.acf-tab-content.active {
    display: block;
}
.acf-tabs-wrapper,
.acf-tabs-wrapper * {
    font-family: 'Nunito Sans', sans-serif !important;
}
/*than epc*/
.ss-than-cam {
    width: 25%;
	padding-left: 15px !important;
    padding-right: 15px !important;
}
.slide-than-cam button.flickity-button.previous {
    left: 0%;
}
.slide-than-cam button.flickity-button.next {
    right: 0%;
}
.btn-banner.btn-kvt span:after
 {
    background-image: url(/wp-content/uploads/2025/07/Right-Icon.png);
}
.btn-kvt span {
    color: #ed1d23;
}
.single-product .large-12.col {
    padding-top: 15px;
}
/* <-- End sản phẩm  -- > */
/* Hiệu ứng cho từng item */
.ss-than-cam .flickity-slider .img-than {
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* Khi wrapper đang hover, tất cả item đều thu nhỏ & mờ */
.slide-than-cam.hovering .img-than {
  transform: scale(0.9);
  opacity: 0.6;
}

/* Item được hover thì sáng & to */
.slide-than-cam .img-than.is-hovered {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

/* Ẩn hoàn toàn các slide chưa active */
.ss-than-cam .flickity-viewport {
  overflow: hidden !important;
}


/*trang lĩnh vực*/
.page-lv .box-text-inner {
    font-weight: 700;
    font-size: 16px;
}
/*chuyên mục*/
.blog-archive {
    padding-top: 0;
	padding-bottom: 0;
}
.blog-archive p.from_the_blog_excerpt {
    display: none;
}
.blog-archive .is-divider{display: none;}
/*chi tiết bài viết*/
.blog-single .entry-divider.is-divider {
    display: none;
}
.blog-single .entry-header-text {
    padding-bottom: 0;
}
.blog-single header.entry-header {
    display: none;
}
.blog-single .entry-content.single-page {
    padding-bottom: 0;
}
.blog-single .col {
    padding-bottom: 0;
}
/*bài viết liên quan*/
.related-posts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.related-post {
    flex: 1;
}
.related-thumb img {
    width: 100%;
    height: auto;
}
.thumb-4-3 {
    position: relative;
    width: 100%;
    padding-top: 60%; /* 4:3 tỷ lệ */
    overflow: hidden;
}

.thumb-4-3 img {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
p.related-date {
    margin-bottom: 8px;
    font-size: 12px;
}
h3.related-posts-title {
    margin-bottom: 15px;
}
.related-title {
    font-size: 15px;
}
/*trang tin tức*/
.blog-than-epc .box.box-vertical {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.blog-than-epc .box-image {order: 2; width: 150%;}
.blog-than-epc .box-text {order: 1; padding: 50px 60px 50px 60px; display: flex; align-items: center;}
.blog-than-epc a.button.primary {
    text-transform: math-auto;
    padding: 0px 45px 0px 20px;
}
.blog-than-epc a.button:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/07/ic-arrow.png);
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
	bottom: 26%;
    width: 20px;
    height: 20px;
	margin-left: 8px;
}
.blog-than-epc:before {
    content: "";
    background-color: red;
    position: absolute;
    left: -2%;
    top: -5%;
    width: 43%;
    height: 90%;
    z-index: 0;
}
.blog-tt .is-divider {
    display: none;
}
.tab-tin-tuc .tab-panels {
    padding-top: 30px;
}
.tab-tin-tuc ul li {
    margin-right: 20px;
	margin-bottom: -2px;
}
.tab-tin-tuc ul {
    border-bottom: 1px solid #dcdcdc;
}
/*trang liên hệ*/
.txt-map-lh p {
    margin-bottom: -7px;
}
.txt-info-lh p {
    margin-bottom: 15px;
}
.txt-info-lh img {
    margin-bottom: 0px !important;
}
.col-frm-lh input.wpcf7-form-control.wpcf7-submit {
    margin-bottom: 0;
}
/*trang tuyển dụng*/
.blog-td .is-divider {display: none;}
.frm-tuyen-dung span.wpcf7-form-control-wrap {
    margin-top: 6px;
}
.frm-tuyen-dung input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
	margin-bottom: 0;
}
.frm-tuyen-dung span.wpcf7-spinner {
    display: none;
}
/*footer*/
.home .gap-ft {
	padding-top: 20% !important;
}
.footer-1 {
    background-position: bottom;
}
.footer-1 p {
    margin-bottom: 15px;
}
.footer-1 img {
    margin-bottom: 0 !important;
}
.frm-email {
    width: 42%;
    float: left;
}
.frm-email input {
	border-radius: 8px 0px 0px 8px;
}
.frm-btn {
    width: 55%;
    float: left;
}
.frm-btn input {
	border-radius: 0px 8px 8px 0px;
}
.copyright-footer {
    color: white;
}
.absolute-footer {
	display: none;
	padding: 10px 0 10px;
}
/*css slide custom*/
.gallery-wrapper .main-carousel .carousel-cell {
  width: 100%;
  margin-right: 10px;
}

.gallery-wrapper .thumbnail-carousel .carousel-cell {
  width: 100px;
  margin-right: 10px;
  cursor: pointer;
  opacity: 0.6;
}

.gallery-wrapper .thumbnail-carousel .carousel-cell.is-selected {
  opacity: 1;
  border: 2px solid #000;
}
/*back to top*/
        .progress-wrap {
          position: fixed;
          left: 12px;
          bottom: 30px;
          height: 46px;
          width: 46px;
          cursor: pointer;
          display: block;
          border-radius: 50px;
          z-index: 10000;
          opacity: 0;
          visibility: hidden;
          transform: translateY(15px);
          -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
        }
        .progress-wrap.active-progress {
          opacity: 1;
          visibility: visible;
          transform: translateY(0);
        }
        .progress-wrap::after {
          position: absolute;
          font-family: "fl-icons" !important;
          content: "";
          text-align: center;
            font-size: 24px;
            color: #fff;
            left: 0;
            right: 0;
            margin: auto;
            background-color: var(--primary-color);
            border-radius: 99px;
            top: 50%;
            transform: translateY(-50%);
            height: 38px;
            width: 38px;
            line-height: 35px;
            cursor: pointer;
            display: block;
            z-index: 1;
          -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
        }
        .progress-wrap:hover::after {
          background-color: #333;
        }
        .progress-wrap::before {
          position: absolute;
          font-family: "fl-icons" !important;
          content: "";
          text-align: center;
          line-height: 46px;
          font-size: 24px;
          opacity: 0;
          background: var(--primary-color); /* --- Pijl hover kleur --- */
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          left: 0;
          top: 0;
          height: 46px;
          width: 46px;
          cursor: pointer;
          display: block;
          z-index: 2;
          -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
        }
        .progress-wrap:hover::before {
          opacity: 1;
        }
        .progress-wrap svg path { 
          fill: none; 
        }
        .progress-wrap svg.progress-circle path {
          stroke: var(--primary-color); /* --- Lijn progres kleur --- */
          stroke-width: 4;
          box-sizing:border-box;
          -webkit-transition: all 200ms linear;
            transition: all 200ms linear;
        }
/*scrollbar*/
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: white;
}
::-webkit-scrollbar-thumb {
    background: #ed1d23;
    border-radius: 8px;
	height: 80px;
    transition: background .2s ease-in;
    -webkit-transition: background .2s ease-in;
    -o-transition: background .2s ease-in;
    -moz-transition: background .2s ease-in;
}
::-webkit-scrollbar-thumb:hover {
    background: #2b388f;
}
/*call to footer*/
.arcontactus-widget.right.arcontactus-message{right:20px}
.arcontactus-widget.right.arcontactus-message{bottom:20px}
.arcontactus-widget .arcontactus-message-button
.pulsation{-webkit-animation-duration:2s;animation-duration:2s}
.arcontactus-widget.md .arcontactus-message-button,.arcontactus-widget.md.arcontactus-message{width:60px;height:60px}
.arcontactus-widget{opacity:0;transition:.2s opacity}
.arcontactus-widget *{box-sizing:border-box}
.arcontactus-widget.left.arcontactus-message{right:20px;left:auto}
.arcontactus-widget.left .arcontactus-message-button{left:auto;right:0}
.arcontactus-widget.left .arcontactus-prompt{right:80px;left:auto;transform-origin:0 50%}
.arcontactus-widget.left .arcontactus-prompt:before{border-right:8px solid #FFF;border-top:8px solid transparent;border-left:8px solid transparent;border-bottom:8px solid transparent;right:auto;left:-15px}
.arcontactus-widget.left .messangers-block{right:auto;left:0;-webkit-transform-origin:10% 105%;-ms-transform-origin:10% 105%;transform-origin:10% 105%}
.arcontactus-widget.left .callback-countdown-block{right:0;left:auto}
.arcontactus-widget.left .callback-countdown-block::before,.arcontactus-widget.left .messangers-block::before{left:25px;right:auto}
.arcontactus-widget.md .callback-countdown-block,.arcontactus-widget.md .messangers-block{bottom:70px}
.arcontactus-widget.md .arcontactus-prompt{bottom:5px}
.arcontactus-widget.md.left .callback-countdown-block:before,.arcontactus-widget.md.left .messangers-block:before{left:21px}
.arcontactus-widget.md.left .arcontactus-prompt{left:70px}
.arcontactus-widget.md.right .callback-countdown-block:before,.arcontactus-widget.md.right .messangers-block:before{right:21px}
.arcontactus-widget.md.right .arcontactus-prompt{right:70px}
.arcontactus-widget.md .arcontactus-message-button .pulsation{width:74px;height:74px}
.arcontactus-widget.md .arcontactus-message-button .callback-state,.arcontactus-widget.md .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button,.arcontactus-widget.sm.arcontactus-message{width:50px;height:50px}
.arcontactus-widget.sm .callback-countdown-block,.arcontactus-widget.sm .messangers-block{bottom:60px}
.arcontactus-widget.sm .arcontactus-prompt{bottom:0}
.arcontactus-widget.sm.left .callback-countdown-block:before,.arcontactus-widget.sm.left .messangers-block:before{left:16px}
.arcontactus-widget.sm.left .arcontactus-prompt{left:60px}
.arcontactus-widget.sm.right .callback-countdown-block:before,.arcontactus-widget.sm.right .messangers-block:before{right:16px}
.arcontactus-widget.sm.right .arcontactus-prompt{right:60px}
.arcontactus-widget.sm .arcontactus-message-button .pulsation{width:64px;height:64px}
.arcontactus-widget.sm .arcontactus-message-button .icons{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.sm .arcontactus-message-button .static{margin-top:-16px}
.arcontactus-widget.sm .arcontactus-message-button .callback-state{width:40px;height:40px;margin-top:-20px;margin-left:-20px}
.arcontactus-widget.active{opacity:1}
.arcontactus-widget .icons.hide,.arcontactus-widget .static.hide{opacity:0;transform:scale(0)}
.arcontactus-widget.arcontactus-message{z-index:10000;right:20px;bottom:20px;position:fixed!important;height:70px;width:70px}
.arcontactus-widget .arcontactus-message-button{width:70px;position:absolute;height:70px;right:0;background-color:#ed1d23 !important;border-radius:50px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.arcontactus-widget .arcontactus-message-button p{font-family:Ubuntu,Arial,sans-serif;color:#fff;font-weight:700;font-size:10px;line-height:11px;margin:0}
.arcontactus-widget .arcontactus-message-button .pulsation{width:84px;height:84px;background-color:red;border-radius:50px;position:absolute;left:-7px;top:-7px;z-index:-1;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-animation:arcontactus-pulse 2s infinite;animation:arcontactus-pulse 2s infinite}
.arcontactus-widget .arcontactus-message-button .icons{background-color:#fff;width:44px;height:44px;border-radius:50px;position:absolute;overflow:hidden;top:50%;left:50%;margin-top:-22px;margin-left:-22px}
.arcontactus-widget .arcontactus-message-button .static{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-26px;width:52px;height:52px;text-align:center}
.arcontactus-widget .arcontactus-message-button .static img{display:inline}
.arcontactus-widget .arcontactus-message-button .static svg{width:24px;height:24px;color:#FFF}
.arcontactus-widget .arcontactus-message-button.no-text .static{margin-top:-12px}
.arcontactus-widget .pulsation:nth-of-type(2n){-webkit-animation-delay:.5s;animation-delay:.5s}
.arcontactus-widget .pulsation.stop{-webkit-animation:none;animation:none}
.arcontactus-widget .icons-line{top:10px;left:12px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;-webkit-transition:cubic-bezier(.13,1.49,.14,-.4);-o-transition:cubic-bezier(.13,1.49,.14,-.4);-webkit-animation-delay:0s;animation-delay:0s;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);height:24px;transition:.2s all}
.arcontactus-widget .icons,.arcontactus-widget .static{transition:.2s all}
.arcontactus-widget .icons-line.stop{-webkit-animation-play-state:paused;animation-play-state:paused}
.arcontactus-widget .icons-line span{display:inline-block;width:24px;height:24px;color:red}
.arcontactus-widget .icons-line span i,.arcontactus-widget .icons-line span svg{width:24px;height:24px}
.arcontactus-widget .icons-line span i{display:block;font-size:24px;line-height:24px}
.arcontactus-widget .icons-line img,.arcontactus-widget .icons-line span{margin-right:40px}
.arcontactus-widget .icons.hide .icons-line{transform:scale(0)}
.arcontactus-widget .icons .icon:first-of-type{margin-left:0}
.arcontactus-widget .arcontactus-close{color:#FFF}
.arcontactus-widget .arcontactus-close svg{-webkit-transform:rotate(180deg) scale(0);-ms-transform:rotate(180deg) scale(0);transform:rotate(180deg) scale(0);-webkit-transition:ease-in .12s all;-o-transition:ease-in .12s all;transition:ease-in .12s all;display:block}
.arcontactus-widget .arcontactus-close.show-messageners-block svg{-webkit-transform:rotate(0) scale(1);-ms-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}
.arcontactus-widget .arcontactus-prompt,.arcontactus-widget .messangers-block{background:center no-repeat #FFF;box-shadow:0 0 10px rgba(0,0,0,.6);width:180px;position:absolute;bottom:80px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:14px 0;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;-webkit-transform-origin:80% 105%;-ms-transform-origin:80% 105%;transform-origin:80% 105%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:ease-out .12s all;-o-transition:ease-out .12s all;transition:ease-out .12s all;z-index:10000}
.arcontactus-widget .arcontactus-prompt:before,.arcontactus-widget .messangers-block:before{position:absolute;bottom:-7px;right:25px;left:auto;display:inline-block!important;border-right:8px solid transparent;border-top:8px solid #FFF;border-left:8px solid transparent;content:''}
.arcontactus-widget .arcontactus-prompt.show-messageners-block,.arcontactus-widget .messangers-block.show-messageners-block{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt{color:#787878;font-family:Arial,sans-serif;font-size:16px;line-height:18px;width:auto;bottom:10px;right:85px;white-space:nowrap;padding:18px 20px 14px}
.arcontactus-widget .arcontactus-prompt:before{border-right:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #FFF;border-bottom:8px solid transparent;bottom:16px;right:-15px}
.arcontactus-widget .arcontactus-prompt.active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close{position:absolute;right:6px;top:6px;cursor:pointer;z-index:100;height:14px;width:14px;padding:2px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-close svg{height:10px;width:10px;display:block}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing{border-radius:10px;display:inline-block;left:3px;padding:0;position:relative;top:4px;width:50px}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div{position:relative;float:left;border-radius:50%;width:10px;height:10px;background:#ccc;margin:0 2px;-webkit-animation:arcontactus-updown 2s infinite;animation:arcontactus-updown 2s infinite}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(2){animation-delay:.1s}
.arcontactus-widget .arcontactus-prompt .arcontactus-prompt-typing>div:nth-child(3){animation-delay:.2s}
.arcontactus-widget .messangers-block.sm .messanger{padding-left:50px;min-height:44px}
.arcontactus-widget .messangers-block.sm .messanger span{height:32px;width:32px;margin-top:-16px}
.arcontactus-widget .messangers-block.sm .messanger span svg{height:20px;width:20px;margin-top:-10px;margin-left:-10px}
.arcontactus-widget .messanger{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;cursor:pointer;width:100%;padding:8px 20px 8px 60px;position:relative;min-height:54px;text-decoration:none}
.arcontactus-widget .messanger:hover{background-color:#EEE}
.arcontactus-widget .messanger:before{background-repeat:no-repeat;background-position:center}
.arcontactus-widget .messanger.facebook span{background:#0084ff}
.arcontactus-widget .messanger.viber span{background:#7c529d}
.arcontactus-widget .messanger.telegram span{background:#2ca5e0}
.arcontactus-widget .messanger.skype span{background:#31c4ed}
.arcontactus-widget .messanger.email span{background:#ff8400}
.arcontactus-widget .messanger.contact span{background:#7eb105}
.arcontactus-widget .messanger.call-back span{background:#54cd81}
.arcontactus-widget .messanger span{position:absolute;left:10px;top:50%;margin-top:-20px;display:block;width:40px;height:40px;border-radius:50%;margin-right:10px;color:#FFF;text-align:center;vertical-align:middle}
.arcontactus-widget .messanger span i,.arcontactus-widget .messanger span svg{width:24px;height:24px;vertical-align:middle;text-align:center;display:block;position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px}
.arcontactus-widget .messanger span i{font-size:24px;line-height:24px}
.arcontactus-widget .messanger p{margin:0;font-family:Arial,sans-serif;font-size:14px;color:rgba(0,0,0,.87)}
@-webkit-keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@media (max-width:468px){.arcontactus-widget.opened.arcontactus-message,.arcontactus-widget.opened.left.arcontactus-message{width:auto;right:20px;left:20px}}
@keyframes arcontactus-updown{0%,100%,43%{transform:translate(0,0)}25%,35%{transform:translate(0,-10px)}}
@-webkit-keyframes arcontactus-updown{0%,100%,43%{transform:translate(0 0)}25%,35%{transform:translate(-10px 0)}}
@keyframes arcontactus-pulse{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}50%{opacity:.5}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
@-webkit-keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@keyframes arcontactus-show-stat{0%,100%,20%,85%{-webkit-transform:scale(1);transform:scale(1)}21%,84%{-webkit-transform:scale(0);transform:scale(0)}}
@-webkit-keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
@keyframes arcontactus-show-icons{0%,100%,20%,85%{-webkit-transform:scale(0);transform:scale(0)}21%,84%{-webkit-transform:scale(1);transform:scale(1)}}
/*hiệu ứng lửa của chuột*/
#fireTrail {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
}
/*polylang*/
.lang-item-vi img {
    content: url('/wp-content/uploads/2025/08/co-vn.png');
    width: 32px !important;
    height: auto !important;
}
.lang-item-en img {
    content: url('/wp-content/uploads/2025/08/co-en.png');
    width: 32px !important;
    height: auto !important;
}
.lang-item-zh img {
    content: url('/wp-content/uploads/2025/08/flag-china.png');
    width: 32px !important;
    height: auto !important;
}
.lang-item {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
.txt-ft-epc {float: left;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*header*/
.mfp-content {
    background-color: #2b388f !important;
}
/*home*/
.txt-banner h3 {
    line-height: 36px;
}
.home h2 {
    font-size: 28px;
}
.lightbox-content {
	padding: 25px !important;
}
.lightbox-content {
	background-size: 100% 100%;
}
#brand2.lightbox-content {
    background-size: 100% 100%;
}
#brand3.lightbox-content {
    background-size: 100% 100%;
}
#brand4.lightbox-content {
    background-size: 100% 100%;
}
#brand5.lightbox-content {
    background-size: 100% 100%;
}
#brand6.lightbox-content {
    background-size: 100% 100%;
}
.col-lvhd-left {
    max-width: 100%;
    flex-basis: 100%;
}
.col-lvhd-right {
    max-width: 100%;
    flex-basis: 100%;
}
.ss-slide {
    width: 50%;
}
.slide-cang ol.flickity-page-dots {
    bottom: 8px;
}
.blog-du-an-home button.flickity-button.flickity-prev-next-button.previous{
	display: none;
}
.blog-du-an-home button.flickity-button.flickity-prev-next-button.next{
	display: none;
}
.bg-frm {
    min-height: 750px;
}
.blog-home-2 .post-meta:before {
	left: 0;
}
/*giới thiệu*/
.txt-h2 h2 {font-size: 28px;}
.col-1 {order: 1;}
.col-2 {order: 2;}
.col-3 {order: 3;}
.col-4 {order: 4;}
.col-5 {order: 5;}
.col-6 {order: 6;}
/*Lĩnh vực*/
.page-lv .page-col.col {
    padding-left: 10px;
    padding-right: 10px;
}
.page-lv .box-text {
    padding: 10px;
    height: 70px;
    overflow: hidden;
}
.ss-xd-ld .col.post-item {
    padding-bottom: 6px;
}
.col-qt:after {transform: translateX(-50%) rotate(90deg);bottom: 0; left: 50%; right: 50%;}
/*than epc*/
.ss-than-cam {
    width: 50%;
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.ss-than-cuc {
    width: 50%;
	padding-left: 5px !important;
    padding-right: 5px !important;
}
.txt-h2 h2 {font-size: 28px;}
/*sản phẩm*/
.single-product .acf-tab-titles {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

.single-product .acf-tab-titles li {
    display: inline-block;
}
.single-product .acf-tab-titles {
    justify-content: left;
}
/*dự án*/
/*tuyển dụng*/
.blog-td .col.post-item {
    padding-bottom: 5px;
}
/*tin tức*/
.blog-than-epc .box.box-vertical {
    display: flex;
    flex-direction: column;
}
.blog-than-epc:before {
    left: -2%;
    top: -1%;
    width: 100%;
    height: 64%;
}
.blog-than-epc .box-text
 {
    padding: 25px 25px 35px 25px;
}
.blog-hl h5.post-title {
    font-size: 20px;
}
.blog-single .entry-content.single-page {
    padding-top: 0;
}
.related-posts {
    grid-template-columns: repeat(2, 1fr);
}
/*footer*/
.footer-1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
	.txt-ft-epc {float: left;}
}