/*
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-home-h2 h2 {
	font-size: 36px;
	line-height: 50px;
}
.txt-line-height h2 {
	line-height: 50px;
}
.blog-duan .box-image {
    display: none;
}
.blog-tin-home .flickity-prev-next-button {
    margin-top: -2% !important;
}
.stuck div#masthead {
    background-color: black;
}
.header-main .header-nav-main li a {
    font-weight: 500;
    color: white;
}
.header-main .header-nav-main li a:hover {
    color: #ff5b00;
}
.txt-bread span {
    margin-right: 5px;
}
.txt-bread span + span {
    margin-left: 5px;
}
.nav-dropdown li a:hover {
	color: white !important;
}
.nav-dropdown {
	background-color: #00000066;
	min-width: 258px !important;
}
.sub-menu li:hover {
    background-color: #eb5b27;
}
.divi-none .is-divider {display: none;}
li.html.custom.html_topbar_left {
    color: #f68b1f;
}
/* Home */
.txt-banner h3 {
    line-height: 44px;
}
.btn-bg-gradient {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    border-radius: 9999px;
    padding: 3px 30px;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-right: 50px;
}

.btn-bg-gradient::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('/wp-content/uploads/2025/09/mui-ten-white.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-outline-white {
  color: black !important;
  padding: 2px;
  border: 1px solid transparent;
  background: 
    linear-gradient(#ffffff, #ffffff) padding-box, 
    linear-gradient(to left, #FF7B00, #FF3D00) border-box;
}
.btn-outline-white span{
	position: relative;
	padding-right: 12px;
}
.btn-outline-white span::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/09/mui-ten.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -16px;
    top: 45%;
    transform: translateY(-50%);
}
.btn-outline-white:hover{
	background: linear-gradient(to left, #FF7B00, #FF3D00);
	color: white !important;
}
.btn-outline-white:hover span::after {
    background-image: url(/wp-content/uploads/2025/09/mui-ten-white.png);
}
.btn-default {
	padding: 2px 30px;
}
.txt-bottom p{
	margin-bottom: 0;
}
.btn-transparent span{
	position: relative;
	padding-right: 12px;
}
.btn-transparent {
	padding: 2px 30px;
}
.btn-transparent span::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/09/mui-ten.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: -16px;
    top: 45%;
    transform: translateY(-50%);
}
.bn-radius {
    border-radius: 8px;
}
.bn-radius .banner-bg.fill {
    border-radius: 8px;
}
.txt-lvhd p {
	margin-bottom: 0;
	color: #F68B1F;
}
.txt-lvhd p::before {
  content: "";
  display: inline-block;
  width: 8px; 
  height: 8px;
  background-color: #FF3D00;
  margin-right: 8px;
}
.img-radius img {
    border-radius: 8px;
}
/*button.flickity-button.flickity-prev-next-button {
    opacity: 1;
}*/
/*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: 0;
    background: linear-gradient(to left, #FF7B00, #FF3D00);
	border-radius: 8px;
    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 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,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") ;
    background: white;
	color: red;
}
button.flickity-button.flickity-prev-next-button.previous:before {
	transform: rotate(180deg);
}
.col-gt .col-inner {
    transition: scale 0.3s ease-in-out;
}
.col-gt .col-inner:hover {
    scale: 1.1;
}
.blog-home .is-divider {display: none;}
.du-an-home {
	background: #fce5d5;
	border-radius: 8px;
}
.du-an-home p {margin-bottom: 5px; color: white;}
.du-an-home td {
    border: 0 !important;
	color: white;
}
.btn-bieudo span::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/09/bieu-do.png);
}
.ss-du-an .blog-duan .box-image {
    display: none;
}
.ss-du-an button.flickity-button.flickity-prev-next-button {display: none;}
.blog-duan .button {
    padding: 4px 30px;
    font-size: 16px;
    color: black !important;
    text-transform: math-auto;
    width: 100%;
    border-radius: 99px !important;
    border: 1px solid transparent;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(to left, #FF7B00, #FF3D00) border-box;
}
.blog-duan .button:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/09/mui-ten.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 29%;
    top: 49%;
    transform: translateY(-50%);
}
.blog-duan .button:hover:after {
    background-image: url(/wp-content/uploads/2025/09/mui-ten-white.png);
}
.blog-duan .button:hover {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    color: white !important;
}
.blog-duan .col.post-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.blog-duan .flickity-viewport {
    height: 225px !important;
}
.blog-duan .box-text.text-left {
    padding-top: 0;
}
.blog-duan h5.post-title {
    height: 45px;
    overflow: hidden;
	margin-bottom: 10px;
}
.blog-duan .is-divider {display: none;}
.blog-tin-home .is-divider {display: none;}
span.tv-symbol-header__second-container {
    color: white;
}
.stack-dt .img {
    border: 1px solid #d1d1d1;
    padding: 10px;
    border-radius: 8px;
}
/* End Home */
/* Câu chuyện thương hiệu */
h1.page-title {
    margin-bottom: 5px;
}
.ic-cau-chuyen img {
    padding-top: 0;
	margin-top: -5px;
}
.img-divider .image-cover img {
    width: 45% !important;
}
.img-divider {
    padding-bottom: 0 !important;
    margin-top: -5%;
}
.txt-lsht {
    padding: 15px 15px 1px 15px;
}
.txt-lsht:hover {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    border-radius: 8px;
    padding: 15px 15px 1px 15px;
}
/* End câu chuyện thương hiệu */
/* Chiến lược phát triển */
.txt-clpt h3:before {
  content: "";
  display: inline-block;
  width: 8px; 
  height: 8px;
  background-color: #FF3D00;
  margin-right: 8px;
}
.txt-clpt h3 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-bg-hover .col-inner:hover {
	background: linear-gradient(to left, #FF7B00, #FF3D00);
	border-radius: 8px;
	color: white;
}
.col-bg-hover .col-inner:hover h3 {
	color: white;
}
.col-bg-hover .col-inner:hover h3:before {
	background-color: white;
}
/* End Chiến lược phát triển */
/* Trách nhiệm xã hội */
.text-box-tnxh p {margin: 0;}
.text-box-tnxh p {margin-bottom: 0px !important;}
.icb-tnxh img {
    padding-top: 0 !important;
    margin-top: -6px;
}
.txt-ic-box p {margin-bottom: 12px !important;}
.col-tnxh .col-inner {
	background: linear-gradient(to left, #000000, #212121);
}
.col-tnxh .col-inner:hover {
	background: linear-gradient(to left, #FF7B00, #FF3D00);
}
.txt-col-tnxh h2 {
	color:#f68b1f;
}
.col-tnxh .col-inner:hover .txt-col-tnxh h2{
	color: white;
}
.col-tnxh {
    flex-basis: 20%;
}
/* End trách nhiệm xã hội */
/* Lĩnh vực hoạt động */
.txt-xm li {
    padding: unset !important;
    margin-left: 50px !important;
}
.page-lvhd .text {
    text-align: center;
}
.tab-lv ul.nav {
    background-color: #212121;
}
.tab-lv li.active {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    padding: 6px 40px 5px 40px;
	height: 72px;
    display: flex;
}
.tab-lv li {
    padding: 6px 40px 5px 40px;
}
.tab-lv li a {
    color: white;
	text-align: center;
}
.tab-lv li a:hover {
    color: white;
}
.tab-lv li.active a {
    color: white;
}
.tab-lv .tab-panels {
    padding-top: 0;
}
.tab-lv ul.nav > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 1px;
    background-color: white;
    opacity: 0.6;
}
.tab-lv ul.nav > li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    height: 60%;
    width: 1px;
    background-color: white;
    opacity: 0.6;
}
/* End lĩnh vực hoạt động*/
/* quan hệ cổ đông */
        .custom-investor-table {
            width: 100%;
            border-collapse: collapse;
            font-family: Arial, sans-serif;
            margin-bottom: 20px;
            font-size: 14px;
        }
        .custom-investor-table thead th {
            background-color: #1a1a1a;
            color: #ffffff;
            padding: 12px 15px;
            text-align: left;
            font-weight: bold;
            text-transform: uppercase;
            border: 1px solid #333;
        }
        /* Căn giữa cột STT, Ngày đăng, Hành động */
        .custom-investor-table th:nth-child(1),
        .custom-investor-table td:nth-child(1),
        .custom-investor-table th:nth-child(3),
        .custom-investor-table td:nth-child(3),
        .custom-investor-table th:nth-child(4),
        .custom-investor-table td:nth-child(4) {
            text-align: center;
        }
        
        .custom-investor-table tbody td {
            border: 1px solid #e0e0e0;
            padding: 12px 15px;
            color: #333;
            vertical-align: middle;
        }
        
        .investor-download-btn {
            color: #ff4d4f;
            text-decoration: none;
            font-weight: 500;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            transition: opacity 0.3s;
        }
        .investor-download-btn:hover {
            opacity: 0.8;
            color: #d63031;
        }
        .investor-icon {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }
		.quan-he-co-dong .entry-header-text {
			padding: 0;
		}
		.quan-he-co-dong h1.entry-title {
			text-align: left;
		}
		.quan-he-co-dong .is-divider {
			display: none;
		}
/* End quan hệ cổ đông */
/* Bài viết tin quan hệ cổ đông */
            .investor-related-posts-wrapper {
                margin-top: 30px;
                padding-top: 20px;
                border-top: 2px solid #eee;
            }
            .related-heading {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 15px;
                color: #1a1a1a;
                text-transform: uppercase;
                border-left: 4px solid #ff5400; 
                padding-left: 10px;
            }
            .investor-related-list {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .investor-related-list li {
                padding: 8px 0;
                border-bottom: 1px dashed #eee;
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 5px;
            }
            .investor-related-list li::before {
                content: "•";
                color: #d63031;
                font-weight: bold;
                margin-right: 8px;
            }
            .investor-related-list li a {
                text-decoration: none;
                color: #333;
                font-weight: 500;
                transition: color 0.2s;
            }
            .investor-related-list li a:hover {
                color: #d63031;
            }
/* Dự án */
.tab-du-an ul.nav {
    background-color: #ffffff;
}
.tab-du-an li a {
    color: black;
}
.tab-du-an li a span {
    text-transform: math-auto;
}
.tab-du-an li a:hover {
    color: #e84a28;
}
.tab-du-an li.active {
    padding: 0px 20px 0px 20px;
    height: 40px;
    border-radius: 8px;
}
.tab-du-an li {
    padding: 0px 20px 0px 20px;
    border: 1px solid #aeaeae;
    border-radius: 8px;
    margin-right: 13px;
}
.tab-du-an .tab-panels {
    padding-top: 20px;
}
.tab-du-an .is-divider {
    display: none;
}
.tab-du-an .col.post-item {
    padding-bottom: 5px;
}
/* End Dự án */
/*  Tin tức */
.blog-highlight .box.box-vertical {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.blog-highlight .box-image {order: 2; width: 150%;}
.blog-highlight .box-text {order: 1; padding: 50px 60px 50px 60px; display: flex; align-items: center;border-radius: 8px 0px 0px 8px;}
.blog-highlight img {border-radius: 0px 8px 8px 0px;}
.blog-highlight a.button.primary {
    text-transform: math-auto;
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    border-radius: 9999px;
    padding: 3px 30px;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-right: 50px;
}
.blog-highlight a.button:after {
	  content: "";
	  display: inline-block;
	  width: 25px;
	  height: 25px;
	  background-image: url('/wp-content/uploads/2025/09/mui-ten-white.png');
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center;
	  position: absolute;
	  right: 15px;
	  top: 50%;
	  transform: translateY(-50%);
}
.blog-highlight:before {
    content: "";
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    position: absolute;
    left: -1%;
    top: 8%;
    width: 43%;
    height: 80%;
    z-index: 0;
	border-radius: 8px;
}
.blog-overlay .box-image:before {
    content: "";
    position: absolute;
    background: linear-gradient(to bottom, #ff7b0000, #020202b3);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
	border-radius: 8px;
}
.blog-overlay .box-text.text-left {
    z-index: 3;
}
.blog-overlay ol.flickity-page-dots {
    position: absolute;
    bottom: 18%;
    right: 17px;
    left: 70%;
    z-index: 4;
}
.blog-overlay .flickity-page-dots .dot.is-selected {
	background-color: white;
	opacity: 1 !important;
}
.blog-overlay .flickity-page-dots .dot {
	opacity: .5 !important;
	background-color: white;
}
.blog-overlay button.flickity-button.flickity-prev-next-button {
	display: none;
}
.txt-td {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    padding: 5px 10px 5px 10px;
    display: flex;
	border-radius: 8px;
}
.txt-td h3 {
    color: white;
}
.txt-td h3 {
    margin-bottom: 0;
	font-size: 17px;
}
.txt-td p {
    margin-bottom: 0;
}
.txt-td img {
    margin-bottom: 0 !important;
    width: 20px;
}
.blog-nb .col.post-item {
    padding-bottom: 0;
}
span.page-number.current {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    color: #fff;
    border: 0;
    font-weight: bold;
    cursor: default;
    border-radius: 8px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.page-number {
    border-radius: 8px !important;
    border: 1px solid !important;
    border-color: #d4d4d4 !important;
}
/* End tin tức */
/* Tuyển dụng */
.btn-ung-tuyen:after {display: none;}
.btn-ung-tuyen span::after {
    content: "";
    background-image: url(/wp-content/uploads/2025/09/ic-dow-t.png);
    display: inline-block;
    width: 23px;
    height: 23px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.col-dp-none .han-nop-hs {
	display: none !important;
}
.col-dp-none .dia-diem {
	display: none !important;
}
h3.tuyen-dung-title {
    font-size: 17px;
	margin-bottom: 8px;
	display: flex;
}
.tuyen-dung-meta {
    font-size: 14px;
}
.tuyen-dung-item {
    border: 1px solid #d0d0d0;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 8px;
	/*display: flex;
    justify-content: space-between;
    align-items: center;*/
}
.tuyen-dung-item:hover {
	background: linear-gradient(to left, #FF7B00, #FF3D00);
	color: white;
}
.tuyen-dung-item:hover h3.tuyen-dung-title a{
	color: white;
}
.meta-icon {
    width: 16px;     
    height: 16px;      
    margin-right: 6px; 
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.td-info .meta-item.muc-luong {
	display: none;
}
.tuyen-dung-meta .meta-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px; 
}
.btn-ut {
	margin-bottom: 0;
	font-size: 14px;
}
.col-dp-none .btn-ut {
	display: none;
}
.col-all-tuyen-dung .tuyen-dung-item:hover {
    background: #ff000012 !important;
    color: black;
}
.col-all-tuyen-dung .tuyen-dung-item:hover h3.tuyen-dung-title a{
	color: black;
}
.col-dp-none .pagination {
	display: none;
}
.pagination {
    margin-top: 40px;
    text-align: center;
    clear: both;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 5px 15px;
    margin: 0 4px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pagination .page-numbers:hover {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    border-color: #ccc;
	color: white;
}

.pagination .page-numbers.current {
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    color: #fff;
    font-weight: bold;
}

.pagination .page-numbers.dots {
    border: none;
    padding: 8px 0;
}
/*form ứng tuyển*/
#ungtuyen {
    border-radius: 8px;
	padding-bottom: 1px !important;
}
.title-frm {
    text-align: center;
}
.sub-title {
    text-align: center;
	padding-bottom: 15px;
}
.hoten {
    width: 48%;
    float: left;
}
.ngaysinh {
    width: 48%;
    float: right;
}
.gioitinh {
    width: 100%;
    float: left;
}
.giayto {
    width: 48%;
    float: left;
}
.diachi {
    width: 48%;
    float: right;
}
.sdt {
    width: 48%;
    float: left;
}
.frm-mail {
    width: 48%;
    float: right;
}
.btn-smf .btn-bg-gradient {
    border-radius: 99px;
    padding: 2px 30px;
	text-transform: math-auto;
}
.btn-smf {
    text-align: center;
    margin-top: 4%;
}
.btn-smf span.wpcf7-spinner {
	display:none;
}
.close-lightbox-button {
    border-radius: 99px;
    padding: 3px 30px;
}
.close-lightbox-button span {
	padding-right: 0;
}
.close-lightbox-button span::after{
	display: none;
}
.col-frm-tuyen-dung .btn-dong a {
    display: none;
}
.chi-tiet-td .pagination {
    display: none;
}
/* tìm kiếm tuyển dụng */
.col-search {padding-bottom: 0 !important;}
.wpc-filters-section.wpc-filters-section-881s {
    width: 22%;
    float: left;
	margin-right: 25px;
	font-size: 14px;
}
.wpc-filters-section.wpc-filters-section-883 {
    width: 22%;
    float: left;
	margin-right: 25px;
	font-size: 14px;
}
.wpc-filters-section.wpc-filters-section-897 {
    width: 22%;
    float: left;
	margin-right: 25px;
	font-size: 14px;
}
input.wpc-search-field {
    height: 44px;
}
select#wpc-post_meta-dia_diem-883 {
    height: 44px;
}
select#wpc-post_meta-muc_luong-897 {
    height: 44px;
}
.wpc-filter-header {
    display: none;
}
.wpc-edit-filter-set {
    display: none;
}
.wpc-filters-section.wpc-filters-section-881.wpc-filter-layout-submit-button {
    display: flex;
    justify-content: flex-start;
}
a.wpc-filters-submit-button {
    margin-left: 20px;
}
a.wpc-filters-submit-button {
	background: linear-gradient(to left, #FF7B00, #FF3D00);
	border-color: white !important;
	border-radius: 8px !important;
}
a.wpc-filters-reset-button
{
    height: 44px;
}
/* End tuyển dụng */
/* chi tiết tuyển dụng */
.tuyen-dung h1.entry-title {
    text-align: center;
    font-size: 35px;
}
.tuyen-dung .is-divider {
    display: none;
}
.tuyen-dung .entry-header-text {
    padding-bottom: 0;
    text-align: left;
    padding-left: 0;
}
.tuyen-dung .entry-content.single-page {
    padding-top: 0;
	padding-bottom: 0;
}
.tuyen-dung .tuyen-dung-meta {
    padding-bottom: 30px;
}
.tuyen-dung-meta.info-td-detail {
    display: flex;
    gap: 10%;
	justify-content: space-around;
}
.col-frm-tuyen-dung .btn-smf a {
    margin-bottom: 0 !important;
}
.col-td .tuyen-dung-item {
	margin-bottom: 13px;
}
.col-frm-tuyen-dung .btn-smf .btn-bg-gradient {
	margin-bottom: 0;
}
.td-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.post-title-icon {
    height: 23px; 
    width: auto; 
    display: inline-block;
    vertical-align: middle; 
    margin-left: 8px;
    position: relative;
    top: -2px;
}
.blog-single {
    padding-bottom: 0;
}
.blog-single .large-12.col {
    padding-bottom: 0;
}
.col-td .danh-sach-tuyen-dung {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
/* Liên hệ */
.col-right-frm span.wpcf7-spinner {display: none;}
.btn-sm {
	text-transform: math-auto !important;
    background: linear-gradient(to left, #FF7B00, #FF3D00);
    border-radius: 99px !important;
	width: 100%;
}
/* End liên hệ */
/* danh mục bài viết */
.archive .header {
    background: transparent !important;
    position: absolute;
    width: 100%;
    z-index: 999;
}
.archive .header-wrapper {
    background: transparent !important;
}
.archive .header-bg-color {
    background-color: transparent;
}
.archive .blog-archive {
    padding-top: 0;
}
/* Chi tiết bài viết */
.single-post .entry-divider.is-divider.small {
    display: none;
}
.single-post .entry-header-text {
    padding-bottom: 0;
    text-align: left;
    padding-left: 0;
}
.single-post .entry-content {
    padding-top: 0;
	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;
}
/*Footer*/
.txt-info img {
    margin-bottom: 0 !important;
}
.txt-info p {
    margin-bottom: 8px;
}
.ss-follow {
	background: linear-gradient(to left, #FF7B00, #FF3D00);
}
.row-ft p {margin-bottom: 8px;font-size: 14px;}
.absolute-footer {
	background: linear-gradient(to left, #FF7B00, #FF3D00);
}
.copyright-footer {color: white;}
/* End footer */
/*polylang*/
.lang-item-vi img {
	content: url('/wp-content/uploads/2025/09/co-vn.png');
    width: 32px !important;
    height: auto !important;
}
.lang-item-en img {
	content: url('/wp-content/uploads/2025/09/co-en.png');
    width: 32px !important;
    height: auto !important;
}
.lang-item {
    margin-right: 5px !important;
    margin-left: 5px !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.bn-video-mb {
		height: 100vh !important;
	}
	button.flickity-button.flickity-prev-next-button:before {
		right: -9px;
	}
	.col-tnxh {
    flex-basis: 100%;
}
	.tab-lv .nav {
        display: flex;
        flex-wrap: wrap;
    }
	.tab-lv .nav li {
    width: 50%;
    margin: 0;
	padding: 0;
    display: flex;
    justify-content: center;
		height: 60px;
}
	.tab-lv li.active {
    height: 60px;
}
	.tab-lv ul.nav > li:not(:last-child)::after {
    right: 0px;
}
	.tab-lv ul.nav > li:nth-child(2)::after {
    background-color: #212121;
}
		.tab-lv ul.nav > li:nth-child(4)::after {
    background-color: #212121;
}
	#tab_xdld .txt-home-h2 h2 {
    font-size: 31px;
}
	#tab_dttm .txt-home-h2 h2 {
    font-size: 28px;
}
	#tab_ctnd .txt-home-h2 h2 {
    font-size: 31px;
}
	.tab-du-an li a:hover {
    color: white;
}
	.tab-du-an .nav li{
		width: 48%;
		height: 60px;
		margin-bottom: 6px;
        margin-left: 6px !important;
	}
	.tab-du-an li:after {
		display: none;
	}
	.blog-highlight .box.box-vertical {
    flex-direction: column;
}
	.blog-highlight .box-text {
    padding: 25px;
    border-radius: 8px 8px 0px 0px;
}
	.blog-highlight .box-text h5.post-title {
		font-size: 20px;
}
	.blog-highlight:before {
    left: -2.5%;
    top: 7%;
    width: 100%;
    height: 50%;
}
	.blog-highlight img {
    border-radius: 0px 0px 8px 8px;
}
    .related-posts {
        grid-template-columns: repeat(2, 1fr);
}
	.tim-td .wpc-filters-widget-wrapper {
    display: flex;
    flex-wrap: wrap;
}
	.wpc-filters-section.wpc-filters-section-881s {width: 100%; margin-right: 0; margin-bottom: 0;}
	.wpc-filters-section.wpc-filters-section-883 {width: 100%; margin-right: 0; margin-bottom: 0;}
	.wpc-filters-section.wpc-filters-section-897 {width: 50%; margin: 0;}
	.tim-td a.wpc-filters-reset-button {
    display: none !important;
}
	.wpc-filters-section.wpc-filters-section-881.wpc-filter-layout-submit-button {display: block; margin-left: 6px; width: 48%;}
	.tim-td .wpc-filters-submit-button {width: 100% !important; margin: 0;padding-top: 8px !important; padding-bottom: 8px !important;}
	#ungtuyen {
    padding: 20px !important;
}
	.tuyen-dung-meta.info-td-detail {
    gap: 3%;
}
	.info-left {
    width: 58%;
}
		.info-right {
    width: 58%;
}
}
/*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: #ff5b00;
    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;
}