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

/*************** ADD CUSTOM CSS HERE.   ***************/
.txt-utm {
	font-family: Utm-eremitage;
}
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500 !important;
}
.btn-font {font-weight: 100;}
.button span {font-weight: 500;}
/*header*/
.header-main .nav > li > a {
    color: white;
	font-weight: 500;
}
.header-nav.header-nav-main {
    margin-left: 40px;
}
/*home*/
.txt-banner p {margin-bottom: 5px;}
.txt-number p {
    margin-bottom: -15px;
}
/*hệ sinh thái*/
.txt-hst h2 {margin-bottom: 0;}
.ss-hst {position: relative; z-index: 9;}
.row-hst {
    position: absolute;
    bottom: -34%;
    left: 50%;
    transform: translateX(-50%);
}
.row-hst {
    background-color: #ffffff;
    box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.15); 
    border-radius: 4px;
    display: flex;
    align-items: stretch; 
}
.row-hst .col {
    position: relative;
    z-index: 1; 
    transition: z-index 0.3s ease;
}
.row-hst .col-inner {
    transition: all 0.4s ease-in-out !important;
    background-color: #ffffff !important;
    height: 100%;
    position: relative;
}
.row-hst .col:hover .col-inner {
    transform: scale(1.1) !important;
    background-color: #3f3c38 !important;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.25) !important;
}
.row-hst .col:hover {
    z-index: 99 !important;
}
.row-hst .col:hover .col-inner * {
    color: #ffffff !important;
    transition: color 0.3s ease;
}

.row-hst .col:hover .col-inner img {
    filter: brightness(0) invert(1);
}
.row-hst .col:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 40%;
    background-color: #cccccc;
    z-index: 2;
    transition: opacity 0.3s ease;
    pointer-events: none; 
}
.row-hst .col:hover::after,
.row-hst .col:has(+ .col:hover)::after {
    opacity: 0;
}
.row-hst .btn-more-hst {
    position: absolute !important;
    bottom: 13px;
    left: 50%;
    transform: translateX(-50%) translateY(15px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    width: max-content; 
    display: inline-block !important;
    margin: 0 !important;
}
.row-hst .col:hover .btn-more-hst {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.row-hst .col-inner > :not(.btn-more-hst) {
    transition: transform 0.4s ease-in-out;
}

.row-hst .col:hover .col-inner > :not(.btn-more-hst) {
    transform: translateY(-15px);
}
/*sản phẩm home*/
.ss-sp {position: relative;}
.row-sp {position: relative;}
.col-img-sp {
    position: absolute;
    bottom: -16%;
}
.col-info-sp p {
    margin-bottom: 0;
}
.row-info-sp .col-info-sp .col-inner {
    border: 1px solid #ffffff;
    border-top: none; 
    padding: 40px 30px 10px 30px; 
    position: relative;
    margin-top: 30px; 
}
.row-info-sp .col-info-sp .col-inner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(to right, #ffffff 0%, #ffffff 20px, transparent 17px, transparent 105px, #ffffff 102px, #ffffff 100%);
}
.row-info-sp .col-info-sp .col-inner::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 30px; 
    transform: translateY(-50%);
    width: 70px;  
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
}
.row-info-sp .col-sp-1 .col-inner::before {
    background-image: url('https://demoweb.company/kimboi/wp-content/uploads/2026/06/icon-sp-1.png');
}
.row-info-sp .col-sp-2 .col-inner::before {
    background-image: url('https://demoweb.company/kimboi/wp-content/uploads/2026/06/icon-sp-2.png');
}
.row-info-sp .col-sp-3 .col-inner::before {
    background-image: url('https://demoweb.company/kimboi/wp-content/uploads/2026/06/icon-sp-3.png');
}
.row-info-sp .col-sp-4 .col-inner::before {
    background-image: url('https://demoweb.company/kimboi/wp-content/uploads/2026/06/icon-sp-4.png');
}
/*khách hàng*/
.ss-khach-hang:before {
    content: "";
    background-image: url(https://demoweb.company/kimboi/wp-content/uploads/2026/06/img-bg-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 600px;
    height: 600px;
	z-index: 1;
}
.ss-khach-hang:after {
    content: "";
    background-image: url(https://demoweb.company/kimboi/wp-content/uploads/2026/06/img-bg-1.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 740px;
}
/*khách hàng home
.icb-khach-hang {
    position: relative;
    background-color: white;
    padding: 42px 20px 20px 20px;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15)
}
.icb-khach-hang .icon-box-img {
    position: absolute;
    top: -34px;
}
.icb-khach-hang img.attachment-medium.size-medium {
    border-radius: 99px;
}
.utm-kh h2:nth-child(1){
	margin-bottom: 0;
}*/
/*dự án home*/
.blog-du-an-home .is-divider {
    display: none;
}
.blog-du-an-home h5.post-title {
    margin-bottom: 5px;
}
.blog-du-an-home p.from_the_blog_excerpt {
    text-align: justify;
}
.blog-du-an-home .box-image img {
    border-radius: 15px;
}
.blog-du-an-home .box {
    border: 1px solid #8f8f8f;
    border-radius: 15px;
}
.blog-du-an-home .box-text-inner.blog-post-inner {
    padding: 10px 20px 0px 20px;
}
.blog-du-an-home a.button {
    text-transform: math-auto;
    font-weight: 600;
}
.blog-du-an-home .button.is-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.blog-du-an-home .button.is-link::after {
  content: "\2192";
}
.blog-du-an-home .button.is-link:hover {
	color: #E35D19;
}
/*footer*/
.txt-ft p {margin-bottom: 8px;}
.footer-1 {
	background-size: cover;
    background-position: right center;
	background-repeat: no-repeat;
}
.absolute-footer {
    display: none;
}
/*trang giới thiệu*/
.txt-breadcrumb p {margin-bottom: 5px;}
.txt-gt p {
    margin-bottom: 5px;
	font-size: 15px;
}
.col-no-padding {
    padding-right: 0 !important;
}
/*trang lĩnh vực*/
.txt-lv a {
    margin-top: 0 !important;
}
/*trang sản phẩm*/
.ss-bg-sp {
	position: relative;
}
.ss-bg-sp:before {
    content: "";
    background-image: url(https://demoweb.company/kimboi/wp-content/uploads/2026/06/bg-sp-1.png);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.ss-bg-sp:after {
    content: "";
    background-image: url(https://demoweb.company/kimboi/wp-content/uploads/2026/06/bg-sp-2.png);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30%;
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (min-width: 1500px) {
    .row.row-child-sp {
        max-width: 100% !important;
    }
	.row-child-sp .col {
    padding-right: 0;
	}
}
	.imb-sp .box-text {
    padding-right: 0;
}
/*trang liên hệ*/
.txt-map p {margin-bottom: 0;}
/*trang tuyển dụng*/
.td-info .meta-item.muc-luong {
    display: none;
}
.tuyen-dung-meta.info-td-detail {
    display: flex;
    gap: 10%;
	justify-content: space-around;
}
.col-search {padding-bottom: 0 !important;}
.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: 0;
	display: flex;
}
.tuyen-dung-meta {
    font-size: 14px;
}
.tuyen-dung-action a {border-radius: 8px;}
.tuyen-dung-action a:hover {
    background-color: #539be6;
}
.tuyen-dung-item {
    border: 1px solid #d0d0d0;
    padding: 10px;
    margin-bottom: 12px;
    border-radius: 8px;
}
.tuyen-dung-item:hover {
	background: linear-gradient(to left, #5d8dbe, #1a3865);
	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;
}

.tuyen-dung-meta .meta-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px; 
}
.btn-ut {
	margin-bottom: 0;
}
.col-dp-none .btn-ut {
	display: none;
}
.col-all-tuyen-dung .tuyen-dung-item:hover {
    background: #1a386540 !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, #d9875d, #d1410e);
    border-color: #ccc;
	color: white;
}

.pagination .page-numbers.current {
    background: linear-gradient(to left, #d9875d, #d1410e);
    color: #fff;
    font-weight: bold;
}
.pagination .page-numbers.dots {
    border: none;
    padding: 8px 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;
}
.tuyen-dung ul {
    padding-left: 18px;
}
/*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;
}
/* tìm kiếm tuyển dụng */
.wpc-filters-section.wpc-filters-section-2185s {
    width: 22%;
    float: left;
	margin-right: 25px;
	font-size: 14px;
}
.wpc-filters-section.wpc-filters-section-2186 {
    width: 22%;
    float: left;
	margin-right: 25px;
	font-size: 14px;
}
.wpc-filters-section.wpc-filters-section-2187 {
    width: 22%;
    float: left;
	margin-right: 25px;
	font-size: 14px;
}
input.wpc-search-field {
    height: 44px;
}
select#wpc-post_meta-dia_diem-2186 {
    height: 44px;
}
select#wpc-post_meta-muc_luong-2187 {
    height: 44px;
}
.wpc-filter-header {
    display: none;
}
.wpc-edit-filter-set {
    display: none;
}
.wpc-filters-section.wpc-filters-section-2185.wpc-filter-layout-submit-button {
    display: flex;
    justify-content: flex-start;
}
a.wpc-filters-submit-button {
    margin-left: 20px;
}
a.wpc-filters-submit-button {
	border-color: white !important;
	border-radius: 8px !important;
}
a.wpc-filters-reset-button
{
    height: 44px;
}
/*chi tiết tuyển dụng*/
.meta-icon {
  filter: brightness(0) saturate(100%) invert(43%) sepia(87%) saturate(2853%) hue-rotate(349deg) brightness(96%) contrast(92%);
}
.blog-single {
    padding-bottom: 0;
}
.blog-single header.entry-header {
    display: none;
}
.blog-single .entry-content.single-page {
    padding-top: 0;
	padding-bottom: 0;
}
.tuyen-dung .tuyen-dung-meta {
    padding-bottom: 30px;
}
.tuyen-dung .entry-content.single-page {
    padding-top: 0;
}
.blog-single .large-10.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;
	margin-bottom: 0;
}
/*danh mục*/
@media screen and (min-width: 1400px) {
    .blog-archive .row {
        max-width: 100% !important;
    }
}
.blog-wrapper.blog-archive {
    padding: 0 !important;
}
.term-title {
    margin-top: 0;
}
.blog-archive #post-list .col-inner {
    background-color: #4b4640 !important;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-archive #post-list .box-image {
    border-radius: 15px;
    overflow: hidden;
}
.blog-archive #post-list .box-image .image-cover {
	padding-top: 75% !important;
}
.blog-archive #post-list .box-text {
    padding: 20px 20px 25px 20px !important;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.blog-archive #post-list .box-text-inner {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.blog-archive #post-list .is-divider {
    display: none !important;
}
.blog-archive #post-list .post-title {
    margin-bottom: 10px;
}

.blog-archive #post-list .post-title a {
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
}
.blog-archive #post-list .from_the_blog_excerpt {
    color: #d1d1d1;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-archive #post-list .button.is-link {
    margin-top: auto;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
	text-transform: math-auto;
}
.blog-archive #post-list .button.is-link::after {
    content: "\2192";
    font-size: 16px;
    font-weight: normal;
}
@media screen and (min-width: 1500px) {
    .container, 
    .row {
        max-width: 80% !important;
    }
	.footer-1 .row {
        max-width: 95% !important; 
    }
	.custom-row {
		max-width: 100% !important;
	}
	.col-info-gtcl {
		padding-right: 0 !important;
	}
	#post-list .row {
		margin-left: 0 !important;
	}
	.col-gtcl-5 {
		height: 685px !important;
		overflow: hidden;
		margin-bottom: 60px !important;
	}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*trang chủ*/
	.txt-banner-mobile {
    padding-right: 30px;
}
	.txt-bn-home {
    font-size: 10px !important;
}
	.row-hst {
    position: relative;
}
	.ss-sp {
    z-index: 2;
}
	.ss-khach-hang:after {
    transform: translatey(60%);
}
/*chi tiết bài viết*/
	.related-posts {
    grid-template-columns: repeat(2, 1fr);
}
/*footer*/
	.footer-widgets.footer.footer-1 {
    background-image: url(https://demoweb.company/kimboi/wp-content/uploads/2026/07/bg-ft-mb.jpg) !important;
}
/*giới thiệu*/
	.ss-bg-gt .section-bg img {object-position: 43% 0% !important;}
	.img-gt img {
    height: 380px;
}
	.img-gt .image-cover {
    padding-top: 380px !important;
}
	.col-order-1 {
		order: 1;
	}
	.col-order-2 {
		order: 2;
	}
	.custom-row {
        /* Xóa bỏ âm margin mặc định của Row để không bị tràn lệch */
        margin-left: 0 !important;
        margin-right: 0 !important;
        /* Ép giãn 100% chiều rộng của thẻ cha */
        width: 100% !important;
        max-width: 100% !important;
        /* Hủy lệnh căn phải */
        justify-content: center !important; 
    }
    
    .custom-row > .col {
        /* Ép cột con bên trong giãn full 100% */
        flex-basis: 100% !important;
        max-width: 100% !important;
        /* Bỏ khoảng đệm để sát mép bằng với ảnh trên */
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
/*sản phẩm*/
	.col-no-padding {
    padding-right: 15px !important;
}
	.imb-vc .box-image {
     width: 50% !important;
     float: left;
    }
	.imb-vc .box-text.text-center {
    width: 50%;
    float: left;
}
/*tuyển dụng*/
	h3.tuyen-dung-title {
    text-align: left;
}
	.tuyen-dung-meta {
    width: 52%;
    text-align: left;
}
	.tim-td .wpc-filters-widget-wrapper {
    display: flex;
    flex-wrap: wrap;
}
	.wpc-filters-section.wpc-filters-section-2185s {width: 100%; margin-right: 0; margin-bottom: 0;}
	.wpc-filters-section.wpc-filters-section-2186 {width: 100%; margin-right: 0; margin-bottom: 0;}
	.wpc-filters-section.wpc-filters-section-2187 {width: 50%; margin: 0;}
	.tim-td a.wpc-filters-reset-button {
    display: none !important;
}
	.wpc-filters-section.wpc-filters-section-2185.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%;
}
	/*.mfp-content,
	.mfp-content #main-menu {
    background-color: #e35d19 !important;
}*/
}
/*zfold*/
@media screen and (min-width: 550px) and (max-width: 819px) {
	.tb-tablet-bn {
    width: 80% !important;
}
	.txt-tablet-bn {
    font-size: 10px !important;
}
	.txt-hst h2 {
    font-size: 18px;
}
	.txt-number p {
    font-size: 15px;
}
	.ss-hst {
    padding-bottom: 0 !important;
}
	.gab-1 {display: none !important;}
	.col-sp-1,
	.col-sp-2 {
    max-width: 100%;
    flex-basis: 100%;
}
	.col-dt-1 {
    max-width: 100%;
    flex-basis: 100%;
}
	.ss-khach-hang:after {
     transform: translatey(33%);
    }
	.col-cta h2 {font-size: 17px;}
	.row-info-sp .col-info-1 {
    max-width: 50% !important;
    flex-basis: 50% !important;
}
	.row-info-sp .col-info-1:nth-child(1){padding-right: 10px !important;}
	.col-ft {
    max-width: 100%;
    flex-basis: 100%;
}
	.img-tablet {
    margin-right: auto !important;
    margin-left: auto !important;
}
	.stack-hst.justify-start {
    justify-content: center;
}
/*giới thiệu*/
	.col-padding-gap .col-inner {padding: 15px 25px 0px 25px !important;}
	.col-padding-gap h2 {
    font-size: 18px;
}
	.col-padding-gap p {
    font-size: 15px;
}
	.bn-mb img {
    height: 180px;
}
	h2.term-title {
    font-size: 26px;
}
	.tb-mb {
    top: 55%;
}
/*sản phẩm*/
	.col-sp-full {
    max-width: 100%;
    flex-basis: 100%;
}
	    .imb-vc .box-image {
        width: 33% !important;
    }
	    .imb-vc .box-text.text-center {
        width: 67% !important;
    }
/*liên hệ*/
	.col-none {
    display: none;
}
	.col-frm-lh {
    max-width: 50%;
    flex-basis: 50%;
}
}
@media screen and (max-width: 323px) {
	.bn-mb-small {
    height: 160px;
}
	.tb-mb-small {
    width: 100% !important;
	transform: translateX(-50%) translateY(14%) !important;
}
	h2.term-title {
    font-size: 23px;
}
}
@media screen and (max-width: 375px) {
	.bn-mb-small {
		padding-top: 25% !important;
	}
}
@media screen and (min-width: 820px) and (max-width: 1023px) {
	.row-hst {position: relative !important;}
		.ss-hst {
    padding-bottom: 0 !important;
}
	.ss-khach-hang:after {
    height: 658px;
}
}