/*
Theme Name: Flastsome Child
Theme URI: https://example.com/
Description: Child theme for the Flatsome theme
Author: Your Name
Author URI: https://example.com/
Template: flatsome
Version: 1.0.0
*/
:root {
	--second-color: #6baa75;
}
h1 {
	font-size: clamp(25px, 8vw, 45px);
	line-height: 1.1;
}

h2 {
	font-size: clamp(22px, 7vw, 40px);
	line-height: 1.1;
	color: var(--primary-color);
}

h3 {
	font-size: clamp(20px, 6vw, 35px);
	line-height: 1.1;
	color: var(--primary-color);
}

h4 {
	font-size: clamp(18px, 5vw, 30px);
	color: var(--primary-color);
}

h5 {
	font-size: clamp(16px, 4vw, 20px);
	color: var(--primary-color);
}
h6 {
	font-size: clamp(14px, 4vw, 16px);
	color: var(--primary-color);
}

#masthead {
	border-bottom: 2px solid var(--primary-color);
}

.abm-topbar {
    font-size: .9rem;
}

.abm-topbar-inner {
    display: flex;
    align-items: center;
    gap: 35px;
}

.abm-item {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.abm-item i {
    font-size: 14px;
    color: #fff;
}
#top-bar .nav li a {
	font-size: .9rem;
	color: #fff;
}

#masthead .header-nav li a{
	font-size: 1rem;
	color: var(--primary-color);
}
#masthead .header-nav {
	justify-content: space-between;
}


.abm-stats {
    background: #fff;
    padding: 70px 40px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: var(--primary-color); /* màu số */
    font-family: inherit;
	box-shadow: 0 18px 45px rgba(3, 14, 38, 0.25);
}

.abm-stat {
    flex: 1;
    position: relative;
    padding: 0 20px;
}

.abm-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 10%;
    bottom: 10%;
    width: 1px;
    background: rgba(255,255,255,0.2);
}

.abm-number {
    font-size: clamp(26px,7vw,53px);
    font-weight: 700;
    margin-bottom: 6px;
}

.abm-label {
    font-size: clamp(12px, 4vw, 18px);
    letter-spacing: 1px;
    color: var(--primary-color);
	font-weight: 900;
}

/* Responsive */
@media (max-width: 768px) {
    .abm-stats {
        flex-direction: column;
		padding: 10px;
		background: #fff;
    }

    .abm-stat {
        padding: 12px 0;
		background: #fff;
		margin-bottom: 10px;
		border-radius: 10px;
		border: 2px solid var(--primary-color);
    }

    .abm-stat:not(:last-child)::after {
        display: none;
    }
}

.introduce-homepage h6{
	color: var(--second-color);
	margin-bottom: 1em;
}
.introduce-homepage ul,
.introduce-page ul,
.introduce-page-2 ul{
	list-style: none;
}
.introduce-homepage ul li,
.introduce-page ul li{
	margin-left: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	
}
.introduce-homepage p,
.introduce-page p,
.introduce-page-2 p{
	text-align: justify;
}
.introduce-homepage ul li i,
.introduce-page ul li i,
.introduce-page-2 ul li i{
	font-size: 20px;
	color: var(--second-color);
}
.introduce-homepage ul li br,
.introduce-page ul li br,
.introduce-page-2 ul li br{
	display: none;
}

.introduce-homepage .img-inner {
	border-radius: 10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);

}

.img-introduce-homepage p {
	width: 45%;
	padding: 20px;
	background: #f8fafc;
	border-radius: 10px;
	border-left: 5px solid var(--primary-color);
	position: absolute;
	bottom: -10%;
	right: -5%;
	box-shadow: 0 6px 18px rgba(0,0,0,0.12);


}

@media (min-width: 545px) and (max-width: 849px){
	.img-introduce-homepage p {
		width: 65%;
	}
}
@media (max-width: 545px){
	.img-introduce-homepage p {
		display: none;
	}
}

.abm-divider {
    width: 50px;
    height: 5px;
    background: var(--second-color);
	margin-top: 8px;
	margin-bottom: 30px;
}

.title-1 {
	margin-bottom: 0.3em;
}

.overal-solution-homepage .icon-box {
	background: #fff;
    padding: 20px;
    border-radius: 10px;
	border-top: 5px solid var(--primary-color);
	    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.10);
	height: 100%
}

.product-category-homepage .image-cover {
	border-radius: 20px;
}

.product-category-homepage .box,
.product-category-homepage .box .box-image{
	border-radius: 20px;
}

.product-category-homepage .box .box-text-inner p br{
	display: none;
}

.product-category-homepage .fa-solid.fa-arrow-up {
    transform: rotate(45deg);
	margin-left: 5px;
}
.product-category-homepage .button-more:hover {
    color: #fff;
}
.product-category-homepage .button-more::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--primary-color);
    transform: translateX(-100%);
    transition: transform .3s  ease-in;
    z-index: 1;
}

.product-category-homepage .box:hover .button-more::before {
	transform: translateX(0);
}

.product-category-homepage .box-text {
    background: linear-gradient(to top, /* từ dưới lên trên */ rgba(0, 0, 0, 0.8) 0%, /* dưới: đen mờ đậm */ rgba(0, 0, 0, 0.4) 40%, /* giữa: nhạt dần */ rgba(0, 0, 0, 0.15) 70%, /* gần trên: rất mờ */ rgba(0, 0, 0, 0) 100% /* trên: trong suốt hoàn toàn */);
    border-radius: 0 0 20px 20px;
}
.product-category-homepage .button-more {
    position: relative;
    padding: 15px 20px;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    background: transparent;
    overflow: hidden;
    z-index: 0;
}
.product-category-homepage .box-text p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#logoTicker2{overflow:hidden;width:100%;display:grid;gap:14px;padding:8px 0}
#logoTicker2 .ticker-row{position:relative;height:100px;overflow:hidden}
#logoTicker2 .__belt{position:absolute;left:0;top:0;display:flex;flex-wrap:nowrap;align-items:center;will-change:transform}
#logoTicker2 .__tile{flex:0 0 auto;width:95px;height:100px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-right:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
#logoTicker2 .__tile:last-child{margin-right:0}
#logoTicker2 .__tile img{max-width:90%;max-height:90%;object-fit:contain;display:block}

.partner-homepage:before {
	display: flex !important;
    position: absolute;
    width: 273px;
    height: 429px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #a7ccf0;
    filter: blur(10vw);
    content: '';
}


/* === Fade trắng mờ hai mép cho ticker === */
#logoTicker2{
  --fade-size: 100px;          /* độ rộng vùng mờ mỗi bên */
  --fade-color: #fff;         /* màu mờ (trắng) */
  position: relative;
}

/* đặt fade cho từng hàng để luôn phủ đúng chiều cao 100px */
#logoTicker2 .ticker-row{
  position: relative;         /* đã có rồi, thêm để chắc chắn */
}

/* Mép trái */
#logoTicker2 .ticker-row::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:var(--fade-size);
  pointer-events:none;        /* không chặn hover/click */
  z-index:2;
  background: linear-gradient(
    to right,
    var(--fade-color) 0%,
    rgba(255,255,255,0) 100%
  );
}

/* Mép phải */
#logoTicker2 .ticker-row::after{
  content:"";
  position:absolute;
  right:0; top:0; bottom:0;
  width:var(--fade-size);
  pointer-events:none;
  z-index:2;
  background: linear-gradient(
    to left,
    var(--fade-color) 0%,
    rgba(255,255,255,0) 100%
  );
}

/* (tuỳ chọn) Thu hẹp vùng mờ trên mobile */
@media (max-width:640px){
  #logoTicker2{ --fade-size: 36px; }
}

.partner-homepage:before {
    display: flex !important;
    position: absolute;
    width: 273px;
    height: 429px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #e7e7e7;
    filter: blur(10vw);
    content: '';
}

.post-item .col-inner,
.post-item .col-inner .box{
	border-radius: 20px;
}
.post-item .col-inner .box .box-image {
	border-radius: 20px 20px 0 0;
}

.post-item .is-divider {
	background: transparent;
}

@media (max-width: 849px){
	.post-item .col-inner,
	.post-item .col-inner .box{
		border-radius: 10px;
	}
	.post-item .col-inner .box .box-image {
		border-radius: 10px 10px 0 0;
	}

}

.contact-item {
	display: flex;
	align-items: baseline;
	gap: 7px;
}
.contact-item br {
	display: none;
}

#footer .ux-logo-link img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(306deg) brightness(104%) contrast(101%);
}

.ux-menu-link__link {
	color: #fff;
}
.ux-menu-link__link:hover {
	color: var(--second-color) !important;
}
.social-icons a {
	color: #fff;
}

.contact-list li a{
	color: #fff;
}

.factory-footer-1, .factory-footer-2, .factory-footer-3 {
    padding-top: 20px;
}
.factory-footer-2, .factory-footer-3 {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.factory-footer-1 {
    border: 1px solid #fff;
}
@media (max-width: 545px){
	.factory-footer-1 {
		border-left: 0px;
		border-right: 0px;
	}
}
.contact-list {
    list-style: none;
}
.contact-list li {
    color: #fff;
}
.icon-social {
    display: flex;
    align-items: flex-end;
}
.social-button, .social-icons .button.icon:hover, .social-icons .button.icon:not(.is-outline) {
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important;
}

.footer-1, .absolute-footer {
/*     background: linear-gradient(90deg, #000611 0, #183f80 100%, #152135 70%); */
	background: var(--primary-color) !important;
}

.contact-form-page .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100% !important;
    padding: 25px 20px !important;
    border-radius: 50px !important;
    border: 1px solid var(--primary-color) !important;
    color: #000 !important;
}
.contact-form-page .wpcf7-form-control.wpcf7-textarea {
    width: 100% !important;
    border-radius: 15px !important;
    border: 1px solid var(--primary-color) !important;
    color: #000 !important;
}
.contact-form-page .wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
    line-height: 1 !important;
    background: var(--primary-color);
    padding: 15px !important;
    border-radius: 50px !important;
}

.contact-form-page .contact-list li,
.contact-form-page .contact-list li a{
	color: #000;
}
.contact-form-page .contact-list li br {
	display: none;
}

.introduce-page .col-inner {
	background: #fff;
	border-radius: 20px;
	padding: 20px;
}
.introduce-page .col-inner h3 {
	color: var(--primary-color);
}
.introduce-homepage h2,
.overal-solution-homepage h3,
.product-category-homepage h3,
.partner-homepage h3,
.blog-homepage h3 {
	color: var(--primary-color);
}

.title-1 {
	text-align: center;
}

.history-journey {
/* 	    background: linear-gradient(90deg, #034794 0, #183f80 100%, #034794 70%); */
	background: #fff;
}

.history-journey h4{
	color: var(--primary-color) !important;
}
.history-journey p {
	color: #000;
}

.rail {
	justify-content: space-around;
}
.rail br {
	display: none;
}

@media (max-width: 545px){
	.history-journey .gioi-thieu-text p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;  /* giới hạn 2 dòng */
		overflow: hidden;
		text-overflow: ellipsis;
	}
}




.contact-form-page .contact-list li i {
    color: var(--primary-color);
}

.triet-ly .title-1 {
	text-align: center;
}

.introduce-page-2 .col-inner {
	height: 100%;
	border-top: 5px solid var(--primary-color)
}

.triet-ly .col-inner {
	background: transparent;
	border-top: unset;
}


/* =========================
   MC TIMELINE – Layout & Theme
   ========================= */
.mc-timeline {
  /* theme tokens */
  --line:  #d7dee7;
  --dot:   #e6eef7;
  --active:#ffc400;
  --text:  #ffffff;
  --panel: #eef2f7;
  --fg:    #ffffff;
  color: var(--fg);
  margin: 0 auto;
  max-width: 1200px;
  padding: 0px 48px 0;
  position: relative;
}

/* rail (vùng trượt mốc năm) */
.mc-timeline .rail-wrap {
  position: relative;
  scrollbar-width: none; /* Firefox ẩn scrollbar */
}
.mc-timeline .rail-wrap::-webkit-scrollbar {
  display: none; /* Chrome/Safari ẩn scrollbar */
}

.mc-timeline .rail {
  align-items: flex-start;
  display: flex;
  padding: 0px 8px 0px;
  position: relative;
}

/* milestone (mốc năm) */
.mc-timeline .milestone {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
/*   font: 600 clamp(12px, 0.7rem + 0.3vw, 14px) / 1 "Be Vietnam Pro",
        system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; */
}

/* chấm tròn trên đường timeline */
.mc-timeline .milestone .dot {
  background: var(--dot);
  border: 4px solid var(--line);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0);
  display: block;
  height: 20px;
  transition: 0.25s ease;
  width: 20px;
}

/* nhãn năm */
.mc-timeline .milestone .label {
  background: var(--primary-color);
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  color: #fff;
  padding: 0px 20px;
  white-space: nowrap;
}

/* trạng thái active cho mốc */
.mc-timeline .milestone.is-active .dot {
  background: var(--active);
  border-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(255, 196, 0, 0.35);
}

/* nút điều hướng trái/phải */
.mc-timeline .nav {
  background: #ffffff;
  border: 0;
  border-radius: 6px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
  color: #1f2d3d;
  cursor: pointer;
  display: grid;
  font-size: 16px;
  height: 36px;
  line-height: 1;
  place-items: center;
  position: absolute;
  top: 6px;
  width: 36px;
}
.mc-timeline .nav:hover {
  transform: translateY(-1px);
  transition: 0.2s;
}
.mc-timeline .nav.prev { left: 0;  }
.mc-timeline .nav.next { right: 0; }

/* =========================
   Panels (nội dung theo mốc)
   ========================= */
.mc-timeline .panel {
  background: var(--panel);
  border-radius: 12px;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.06),
    0 8px 24px rgba(0, 0, 0, 0.06);
  color: #1f2d3d;
  display: none;
  margin: 22px 0 28px;
  padding: 22px;
	border-top: 5px solid var(--primary-color);
}

.mc-timeline .panel.is-active {
  display: block;
}

.mc-timeline .panel h3 {
  font: 700 clamp(16px, 0.9rem + 0.6vw, 20px) / 1.3 "Be Vietnam Pro",
        system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  margin: 0 0 8px;
}

/* =========================
   Mobile tweaks
   ========================= */
@media (max-width: 640px) {
	.mc-timeline {
		padding: 0px 0px 0;
	}
	.mc-timeline .rail {
		gap: 32px;
	}
	.history-journey-homepage .col-inner.text-center p{
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.milestone br { 
	display:none !important; 
}


.mc-timeline{
  --dot-size: 20px;
  --dot-border: 4px;
  --rail-pad-top: 20px;
  --line-y: calc(
    var(--rail-pad-top) + ( (var(--dot-size) + 2*var(--dot-border)) / 2 ) - 6px
  );
}

.mc-timeline .rail{
	padding: var(--rail-pad-top) 8px 36px;
	background-image: linear-gradient(#034794, #034794), linear-gradient(var(--active), var(--active));
	background-repeat: no-repeat, no-repeat;
	background-position: left var(--line-y), left var(--line-y);
	background-size: 100% 4px, var(--progress, 0px) 2px;
}

.mc-timeline .milestone .dot{
  width: var(--dot-size);
  height: var(--dot-size);
      border: var(--dot-border) solid #034794;
  border-radius: 50%;
  background: var(--dot);
  position: relative;
}

@media (max-width:640px){
  .mc-timeline{
    --dot-size: 16px;
    --dot-border: 3px;
    --rail-pad-top: 18px;
  }
}

.mc-timeline .panel p {
	color: #000 !important;
}

.mc-timeline .panel h3 {
	color: #ffc400;
}

input[type=text],
input[type=text]:focus{
	box-shadow: none;
}

#abm-search-input {
	margin-bottom: 0;
}
.abm-search-btn {
	margin: 0;
}

.search-products .row.align-middle .col .col-inner{
	padding: 10px;
	background: #fff;
	border-radius: 20px;
}

/* Mặc định desktop: 4 cột */
.abm-term-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 18px;
    margin: 12px 0 8px;
}

/* iPad / tablet: 3 cột */
@media (max-width: 1024px) {
    .abm-term-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobile: 2 cột */
@media (max-width: 768px) {
    .abm-term-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Nút "xem thêm" */
.abm-term-toggle {
    display: none; /* desktop ẩn */
    margin-top: 8px;
    background: none;
    border: none;
    padding: 4px 0;
    font-size: 14px;
    color: var(--primary-color);
    cursor: pointer;
    display: none;
    align-items: center;
    gap: 4px;
}

/* Chỉ hiện nút trên mobile */
@media (max-width: 768px) {
    .abm-term-toggle {
        display: inline-flex;
		justify-content: center;
		width: 100%;
    }
}

/* Trạng thái THU GỌN: chỉ hiện 4 card đầu trên mobile */
@media (max-width: 768px) {
    .abm-term-block.is-collapsed .abm-term-grid .abm-term-card:nth-child(n+5) {
        display: none;
    }
}

/* Trạng thái MỞ RỘNG: hiện tất cả */
@media (max-width: 768px) {
    .abm-term-block.is-expanded .abm-term-grid .abm-term-card {
        display: block; /* hoặc flex tùy markup bên trong */
    }
}

/* Xoay icon khi mở rộng */
.abm-term-block.is-expanded .abm-term-toggle-icon {
    transform: rotate(180deg);
}
.abm-term-toggle-icon {
    display: inline-block;
    transition: transform 0.2s ease;
}


.abm-term-card{
	text-decoration:none;
	color:inherit;
}
.abm-term-card-inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:12px 18px;
	border-radius:16px;
	background:#ffffff;
	box-shadow:0 6px 16px rgba(15,23,42,0.08);
	transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.abm-term-card-inner:hover{
	transform:translateY(-1px);
	box-shadow:0 10px 26px rgba(15,23,42,0.12);
	background:#f9fafb;
}

.abm-term-thumb{
	flex:0 0 64px;
	height:64px;
	border-radius:12px;
	overflow:hidden;
	background:#eef2f7;
	display:flex;
	align-items:center;
	justify-content:center;
}
.abm-term-thumb img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.abm-term-thumb-placeholder{
	width:40px;
	height:40px;
	border-radius:999px;
	background:linear-gradient(135deg,#dbe3f3,#f1f5fb);
}

.abm-term-info{
	flex:1;
	min-width:0;
}
.abm-term-name{
	font-size:clamp(14px , 4vw, 16px);
	font-weight:600;
	color:#111827;
	margin-bottom:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.abm-term-count{
	font-size:12px;
	color:#6b7280;
}

@media (max-width: 545px){
	.abm-term-card-inner {
		padding: 6px 7px;
		border-radius: 10px;
		gap: 10px;
	}
	.abm-term-thumb {
		border-radius: 8px;
	}
}


.abm-filter-wrapper{
	font-size:16px;
	color:var(--primary-color);
}

/* Thanh toggle mobile – ẩn trên desktop */
.abm-filter-mobile-toggle{
	display:none;
	align-items:center;
	justify-content:space-between;
	padding:8px 10px;
	border-radius:8px;
	border:1px solid #d1d5db;
	background:#f9fafb;
	font-weight:500;
	margin-bottom:8px;
	cursor:pointer;
}
.abm-filter-mobile-icon{
	font-size:12px;
	transition:transform .2s ease;
}
.abm-filter-wrapper.is-open .abm-filter-mobile-icon{
	transform:rotate(180deg);
}

.abm-filter-sidebar{
	/* desktop: luôn hiện */
}

.abm-filter-group{
	margin-bottom:16px;
}

.abm-filter-label{
	font-weight:600;
	margin-bottom:6px;
	color:#111827;
}

.abm-filter-list{
	display:flex;
	flex-direction:column;
	gap:6px;
}

.abm-filter-item{
	display:flex;
	align-items:center;
	gap:8px;
	cursor:pointer;
	font-size:14px;
	color:#000;
}

.abm-filter-item input[type="checkbox"]{
	width:16px;
	height:16px;
	border-radius:4px;
	border:1px solid #cbd5e1;
	cursor:pointer;
	margin: 0;
}

@media(max-width:768px){
	/* Không dùng toggle nữa */
	.abm-filter-mobile-toggle{
		display:none;
	}

	/* Cho filter luôn hiển thị, full width, dạng dọc */
	.abm-filter-sidebar{
		display:block;
		margin-top:8px;
		padding:0;
		border:none;
		background:transparent;
	}

	/* Nếu muốn mỗi nhóm cách nhau một chút */
	.abm-filter-group{
		margin-bottom:14px;
	}
}


@media (max-width: 768px) {
    .abm-gym-card-3 {
        flex: 0 0 70vw;
        max-width: 70vw;
        scroll-snap-align: start;
    }
}

@media (max-width: 768px) {
    .abm-gym-row-2 {
        display: flex;
        overflow-x: auto;
        padding-bottom: 10px;
        scroll-snap-type: x mandatory;
        flex-wrap: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}


/* Nút lọc – mặc định ẩn, chỉ bật trên mobile */
.abm-mobile-filter-btn {
    display: none;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #f9fafb;
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    margin: 10px 0;
}

.abm-mobile-filter-btn i {
    font-size: 14px;
}

/* Panel overlay */
.abm-mobile-filter-panel {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(15,23,42,0.55);
}

.abm-mobile-filter-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 80vh;
    background: #ffffff;
    border-radius: 16px 16px 0 0;
    padding: 12px 14px 16px;
    overflow-y: auto;
}

.abm-mobile-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-weight: 600;
}

.abm-mobile-filter-close {
    border: none;
    background: none;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

/* DESKTOP + IPAD: hiển thị filter thường, ẩn phần mobile */
@media (min-width: 769px) {
    .abm-filter-desktop {
        display: block;
    }

    .abm-mobile-filter-btn,
    .abm-mobile-filter-panel {
        display: none !important;
    }
}

/* MOBILE: Ẩn filter desktop, dùng nút + panel */
@media (max-width: 768px) {
    .abm-filter-desktop {
        display: none;
    }

    .abm-mobile-filter-btn {
        display: inline-flex;
    }
}


.abm-wc-ordering-wrap {
    margin-bottom: 15px;
}

/* Nếu muốn nó nằm cùng hàng với nút lọc / ô search, dùng flex */
.abm-filter-top-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}

.abm-filter-top-bar .abm-wc-ordering-wrap {
    margin-bottom: 0;
}

.abm-mobile-filter-btn {
	width: 100%;
	border-radius: 10px;
}

.abm-filter-desktop br {
	display: none;
	margin: 0;
}

.bo-loc p br {
	display: none;
}

@media (max-width: 849px) {
    .category-filter-row {
        padding: 0 10px;
        margin: 10px 0;
        border: 2px solid var(--primary-color);
        flex: 1;
        display: flex;
        align-items: center;
    }
}
@media (max-width: 849px) {
    .shop-page-title.category-page-title.page-title {
        display: none;
    }
	#top-bar {
		display: none;
	}
}
.abm-actions-row {
    display: flex;
    margin-bottom: 6px;
    margin-top: 20px;
    gap: 10px;
}
.category-filtering a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0;
}
.woocommerce-ordering .orderby {
    border: 2px solid var(--primary-color);
    border-radius: 2px;
}
.abm-actions-row .woocommerce-ordering {
    width: 100%;
}
.abm-ordering {
	width: 50%;
}
.filter-texting {
	text-transform: capitalize;
}

#footer h5 {
	color: #fff !important;
}

@media(min-width: 545px){
	.abm-shop-header {
		display: none;
	}
}

.product-small .col-inner,
.product-small .col-inner .box{
	border-radius: 15px;
}

.product-small .col-inner .box .box-image {
	border-radius: 15px 15px 0 0;
}
.product-small .col-inner .box .box-text {
	border-radius: 0 0 15px 15px;
	background: #fff;
	padding: 10px;
	background: #f8fafc;
	alignment-adjust
}

.product-small .col-inner .box {
	box-shadow: 0 1px 3px -2px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
}
.product-small .col-inner .box:hover {
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}



.product-small .col-inner .box .box-text .title-wrapper {
	margin-bottom: 10px;
}
.product-small .col-inner .box .box-text span.amount {
	color: red;
}

.product-small .col-inner .box .box-text a {
	color: #000;
	font-weight: 700;
}

.woocommerce-loop-product__title a{
    display: -webkit-box;          
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;         
    overflow: hidden;              
    text-overflow: ellipsis;       
}

.abm-no-products-box {
    text-align: center;
    padding: 40px 20px 60px;
}

.abm-no-products-icon {
    font-size: 52px;
    line-height: 1;
    margin-bottom: 12px;
    color: #9ca3af; /* xám icon */
}

.abm-no-products-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    color: #111827;
}

.abm-no-products-text {
    font-size: 14px;
    color: #4b5563;
    margin-bottom: 20px;
}

.abm-no-products-reset {
    display: inline-block;
    padding: 8px 22px;
    border-radius: 999px;
    background: var(--primary-color);      /* xanh nút */
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.abm-no-products-reset:hover {
    background: var(--second-color);
}

/* Bắt buộc: box-image phải có position */
.product-small .box-image {
    position: relative;
}

/* Định dạng thanh grid-tools nằm trên ảnh */
.product-small .box-image .image-tools.grid-tools {
    position: absolute;
    top: 10%;       /* chỉnh mép trên */
    right: 10px;     /* chỉnh vị trí ban đầu */
    margin: 0;
    padding: 0 !important;
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    width: auto;     /* không chiếm 100% width nữa */
}

/* HIỆU ỨNG SLIDE TỪ PHẢI → TRÁI */
.product-small .box-image .image-tools.grid-tools.hover-slide-in {
    transform: translateX(120%) translateZ(0);  /* ẩn ở bên phải */
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s, transform .35s;
}

/* Khi hover sản phẩm → chạy từ phải sang trái */
.product-small:hover .box-image .image-tools.grid-tools.hover-slide-in {
    transform: translateX(0) translateZ(0);
    opacity: 1;
    pointer-events: auto;
}

/* NÚT QUICK VIEW THÀNH HÌNH CON MẮT */
.image-tools a.quick-view,
a.quick-view {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #fff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 0 !important;
	border: 2px solid var(--primary-color);
}

/* Icon con mắt (Font Awesome) */
.image-tools a.quick-view::before,
a.quick-view::before {
    content: "\f06e"; /* fa-eye */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
	color: var(--primary-color);
}

.product-lightbox-inner a h1 {
	font-size: clamp(20px, 5vw, 25px) !important;
	display: -webkit-box;          
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;         
    overflow: hidden;              
    text-overflow: ellipsis;     
	
}

.product-lightbox-inner .price.product-page-price span.amount{
	color: red;
}

.meta-product-single .woocommerce-breadcrumb {
	display: none;
}

.product-breadcrumb-container .woocommerce-breadcrumb a {
	color: #000;
}
.breadcrumbs .divider {
	color: #000;
}

.product-title.product_title.entry-title {
	font-size: clamp(18px, 5vw, 25px) !important;
}

.price.product-page-price  bdi {
	font-size: clamp(16px, 5vw, 22px);
	color: red;
}
.meta-product-single .social-icons {
	display: none;
}

.single_add_to_cart_button.button.alt {
	border-radius: 50px;
	background: var(--primary-color);
}
.ux-buy-now-button.button.primary.ml-half {
	border-radius: 50px;
}
.meta-product-single .is-divider {
	background: transparent;
}

#tab-title-reviews  {
	display: none;
}

@media (min-width: 545px) {
    .single-product-page>.section-content>.row, .single-product-page-2>.section-content>.row, .single-product-page-3>.section-content>.row {
        background: #eff6ff;
        border-radius: 10px;
        box-shadow: 0px 2px 5.599999904632568px 0px #080d0814;
        padding-left: 20px;
        margin-top: 12px;
        padding: 16px;
    }
}
.single-product-page .product-images img {
    border-radius: 20px;
    border: 1px solid var(--primary-color);
}

.product-category-homepage .button-more::before {
    content: "";
    position: absolute;
    inset: 0;                      
    background: var(--primary-color);
    transform: translateX(-100%);  
    transition: transform .3s ease-in;
    z-index: -1;                   
}

.product-category-homepage .col-inner:hover .button-more::before {
    transform: translateX(0);
}


.product-category-homepage .button-more:hover {
    color: #fff; 
}


.product-category-homepage .box-text p {
	margin-top: 20px;
	margin-bottom: 10px;
}

.product-category-homepage .box-text {
	background: linear-gradient(
		to top,                      /* từ dưới lên trên */
		rgba(0, 0, 0, 0.8) 0%,       /* dưới: đen mờ đậm */
		rgba(0, 0, 0, 0.4) 40%,      /* giữa: nhạt dần */
		rgba(0, 0, 0, 0.15) 70%,     /* gần trên: rất mờ */
		rgba(0, 0, 0, 0) 100%        /* trên: trong suốt hoàn toàn */
	);
	border-radius: 0 0 20px 20px;
}

@media (min-width: 545px) {
    .single-product-page>.section-content>.row, .single-product-page-2>.section-content>.row, .single-product-page-3>.section-content>.row {
        background: #eff6ff;
        border-radius: 10px;
        box-shadow: 0px 2px 5.599999904632568px 0px #080d0814;
        padding-left: 20px;
        margin-top: 12px;
        padding: 16px;
    }
	
}
.single-product-page .product-images img {
    border-radius: 20px;
	border: 1px solid var(--main-color);
}

.meta-product-single .woocommerce-breadcrumb {
	display: none;
}
.breadcrumbs a {
	color: #000;
}

.box-text.box-text-products {
	border-radius:  0 0 20px 20px;
	background: #fff;
}

@media (max-width: 544px) {
    .single-product-page>.section-content>.row .col-inner, .single-product-page-2>.section-content>.row .col-inner, .single-product-page-3>.section-content>.row>.col.small-12.large-12>.col-inner {
        background: #eff6ff;
        border-radius: 10px;
        box-shadow: 0px 2px 5.599999904632568px 0px #080d0814;
        padding-left: 10px;
        margin-top: 12px;
        padding: 20px;
    }
}
.meta-product-single .social-icons,
.meta-product-single .is-divider,
.next-prev-thumbs{
		display: none;
}

.breadcrumbs .divider {
	opacity: 1;
}

.product-section {
    border-top: 0;
}

span.amount {
	color: red;
}

.button.alt,
 form.cart :where(.ux-quantity,.single_add_to_cart_button,.ux-buy-now-button) {
	border-radius: 50px;
}

@media (max-width: 768px){
	.single-product-page form .ux-quantity,
	.single-product-page form button{
		width: 100%;
	}
}

.meta-product-single .col-inner {
	display: flex;
    flex-direction: column;
}

.btn-contact-01 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 18px;
  border-radius: 999px;
  border: 2px solid #fff;
  background: var(--main-color);
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: all .3s ease;
}

.single-product-page-2 .tabbed-content .nav {
	width: 25%;
	border: 1px solid var(--main-color);
    padding: 5px;
	border-radius: 50px;
}
.single-product-page-2 .nav-box>li.active>a, .nav-pills>li.active>a {
    padding: 0 26px;
}

.single-product-page-2 p {
	text-align: justify;
}

@media (max-width: 768px){
	.single-product-page-2 .tabbed-content .nav {
		width: 100%;
	}
	
	.single-product-page-2 .tabbed-content .description_tab
	{
		width: 35%;
	}
	.single-product-page-2 .tabbed-content .abm_tech_specs_tab {
		width: 65%;
	}	
}

.mpe-contact-row {
	order: 6;
}


.single-product-page .hotline-box,
.single-product-page .mpe-contact-link {
	width: 48%;
	display: flex;
	align-items: center;
	color: var(--main-color);
	gap: 20px;
}

.single-product-page .hotline-box, .single-product-page .mpe-contact-link {
    padding: 20px;
    background: #fff;
    border-radius: 50px;
	border: 1px solid var(--main-color);
}

.mpe-contact-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

@media (max-width: 849px){
	.single-product-page .hotline-box,
	.single-product-page .mpe-contact-link {
		width: 100%;		
	}
}

.post-title a,
.from_the_blog_excerpt {
	display: -webkit-box;          
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;         
    overflow: hidden;              
    text-overflow: ellipsis; 
}
#respond {
	display: none;
}

.abm-related-inner {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
}
.abm-related-inner .abm-related-thumb {
    flex: 0 0 30%;
    max-width: 30%;
    margin-right: 10px;
}
.abm-related-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.abm-related-title {
	font-size: clamp(22px, 6vw, 30px) !important;
}
.abm-related-item-title a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
	font-size: clamp(14px, 4vw, 16px)!important;
}
.abm-related-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 5px;
}
.abm-related-date {
    font-size: 14px;
}
.abm-related-item-title {
	margin-bottom: 0;
}

@media(max-width: 849px){
	.abm-related-inner {
		margin-bottom: 0;
	}
}

input[type=date] {
	box-shadow: none;
}

.abm-search-date-wrap button {
	margin-bottom: 0;
}


/* ==== THANH SEARCH GIỐNG DEMO ==== */
.abm-report-search{
	display:flex;
	align-items:center;
	gap:15px;
	margin-bottom:25px;
	flex-wrap:wrap;
}
.abm-search-label{
	color:var(--primary-color);
	font-weight:600;
	white-space:nowrap;
}
.abm-search-date-wrap{
	flex:1;
	min-width:180px;
	background:#e9f3fb;
	border-radius:999px;
	padding:8px 18px;
	display:flex;
	align-items:center;
}
.abm-search-date-wrap input[type="date"]{
	width:100%;
	border:none;
	background-color: transparent;
	outline:none;
	font-size:clamp(14px, 4vw, 16px);
	color:#1f3550;
	margin-bottom: 0;
}
/* ẩn mũi tên/outline xấu (tuỳ trình duyệt) */
.abm-search-date-wrap input[type="date"]::-webkit-inner-spin-button,
.abm-search-date-wrap input[type="date"]::-webkit-calendar-picker-indicator{
	cursor:pointer;
}

.abm-search-date-wrap input::placeholder {
	color: var(--primary-color);
}

.abm-search-btn{
	border:none;
	background:var(--primary-color);
	color:#fff;
	padding:6px 40px;
	border-radius:999px;
	font-weight:600;
	cursor:pointer;
	white-space:nowrap;
}
.abm-search-btn:hover{
	filter:brightness(1.05);
}

@media(max-width:768px){
	.abm-report-search{
		flex-direction:column;
		align-items:stretch;
	}
	.abm-search-label{
		align-self:flex-start;
	}
	.abm-search-btn{
		width:100%;
		text-align:center;
	}
}

/* ==== VÙNG TABS & DANH SÁCH ==== */
.abm-report-tabs-outer{
	background:#e9f3fb;
	padding:30px;
	border-radius:16px;
}

.abm-report-tabs{
	display:flex;
	gap:30px;
	align-items:flex-start;
}
@media(max-width:992px){
	.abm-report-tabs{
		flex-direction:column;
	}
}

/* Cột trái */
.abm-report-tabs-left{
	width:260px;
	max-width:100%;
	background:#ffffff;
	border-radius:18px;
	overflow:hidden;
	box-shadow:0 6px 20px rgba(0,0,0,0.06);
}
.abm-tabs-heading{
	background:var(--primary-color);
	color:#fff;
	padding:14px 20px;
	font-weight:700;
	font-size:16px;
	border-radius:18px 18px 0 0;
}
.abm-tab-btn{
	width:100%;
	text-align:left;
	padding:6px 20px;
	border:none;
	background:#fff;
	border-bottom:1px solid #eef1f5;
	color:#1f3550;
	font-size:clamp(14px, 4vw, 16px);
	cursor:pointer;
	font-weight:600;
}
.abm-tab-btn:last-child{
	border-bottom:none;
}
.abm-tab-btn.active{
	color:#7ac143;
	font-weight:700;
}

.abm-report-tabs-right{
	flex:1;
}
.abm-tab-panel{ display:none; }
.abm-tab-panel.active{ display:block; }

/* GRID & CARD */
.abm-report-grid{
	display:grid;
	grid-template-columns:repeat(2, minmax(0,1fr));
	gap:20px;
}
/* MOBILE: mỗi bài 1 hàng */
@media(max-width:768px){
	.abm-report-grid{
		grid-template-columns:1fr;
	}
}

.abm-report-item{
	position:relative;
	background:#ffffff;
	padding:20px 60px 20px 20px;
	border-radius:16px;
	box-shadow:0 4px 10px rgba(0,0,0,0.06);
}
.abm-report-link{
	text-decoration:none;
	color:#004b8d;
	display:block;
}
.abm-report-title{
	margin:0 0 8px;
	font-size:16px;
	font-weight:600;
	line-height: 1.2;
}
.abm-report-date{
	font-size:14px;
	opacity:0.7;
}
.abm-report-download{
	position:absolute;
	right:15px;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	border-radius:999px;
	border:2px solid #004b8d;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:18px;
	color:#004b8d;
	text-decoration:none;
}
.abm-report-download:hover{
	background:#004b8d;
	color:#fff;
}
.abm-report-tabs-left button {
	margin-bottom: 0;
}

@media (max-width: 849px){
	.abm-report-tabs-left,
	.abm-report-tabs-right{
		width: 100%;
	}
	.abm-report-tabs-outer {
		padding: 15px;
	}
	.abm-report-item {
		height: 120px;
	}
	
}

@media (min-width: 849px){
	.abm-report-item {
		height: 120px;
	}
}

.abm-report-title {
	  display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ====== CARD TUYỂN DỤNG ====== */
.abm-jobs-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.abm-job-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
    border: 1px solid #e5e7eb;
}

.abm-job-title {
    font-size: 22px;
    margin: 0 0 12px;
    font-weight: 600;
}

.abm-job-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.abm-job-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 13px;
    background: #f3f4f6;
    color: #374151;
}

.abm-job-badge.abm-job-deadline {
    color: #b91c1c;
    background: #fef2f2;
}

.abm-job-intro {
    margin: 0 0 16px;
    color: #4b5563;
}

/* Yêu cầu & Quyền lợi */
.abm-job-section {
    margin-bottom: 16px;
}

.abm-job-toggle {
    background: none;
    border: none;
    color: var(--primary-color, #2563eb);
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    margin-bottom: 8px;
}

.abm-job-details {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.abm-job-col {
    flex: 1 1 220px;
}

.abm-job-col h3 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 16px;
}

.abm-job-col ul {
    margin: 0;
    padding-left: 18px;
}

.abm-job-col li {
    margin-bottom: 4px;
}

/* Nút Ứng tuyển */
.abm-job-actions {
    margin-top: 16px;
    text-align: right;
}

.abm-job-apply-btn {
    padding: 10px 18px;
    border-radius: 999px;
    border: none;
    background: var(--second-color);
    color: #fff;
    cursor: pointer;
    font-weight: 500;
}

.abm-job-apply-btn:hover {
    opacity: 0.9;
}

/* ====== POPUP FORM ====== */
.abm-job-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;                /* mặc định ẩn */
    align-items: center;          /* canh giữa theo chiều dọc */
    justify-content: center;      /* canh giữa theo chiều ngang */
}

.abm-job-modal.active {
    display: flex;                /* khi active thì dùng flex để canh giữa */
}

.abm-job-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15,23,42,0.45);
}

.abm-job-modal-inner {
    position: relative;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    z-index: 1;
    margin: 0;                    /* bỏ margin 60px auto đi */
}

.abm-job-modal-close {
    position: absolute;
    top: 10px;
    right: -3%;
    border: none;
    background: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.abm-job-modal h3 {
    margin-top: 0;
    margin-bottom: 16px;
}

/* Responsive */
@media(max-width: 767px) {
    .abm-job-card {
        padding: 18px;
    }
    .abm-job-details {
        flex-direction: column;
    }
    .abm-job-actions {
        text-align: center;
        margin-top: 12px;
    }
}

.abm-job-apply-btn.is-expired {
    background: #9ca3af;          /* xám */
    cursor: not-allowed;
    opacity: 0.6;
    pointer-events: none;         /* chặn click */
}

.abm-job-badge.abm-job-deadline.is-expired {
    background: #f3f4f6;
    color: #6b7280;
}

.ung-tuyen {
	z-index: 100;
}

/* Icon chung trong badge */
.abm-job-icon {
    margin-right: 6px;
    font-size: 13px;
}

/* Badge meta */
.abm-job-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* Icon cho nút Yêu cầu & Quyền lợi */
.abm-job-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
	font-weight: 900;
}

.abm-job-toggle-icon {
    font-size: 14px;
}


@media(max-width: 545px){
	.abm-job-col {
		flex: 1 1 100px;
	}
}


/* ============================
   FORM ỨNG TUYỂN – STYLE ĐẸP
   ============================ */

.cf7-job-apply-simple {
    margin: 0 auto;
    padding: 10px 0;
    font-family: inherit;
}


.cf7-job-apply-simple label {
    font-weight: 600;
    font-size: 15px;
    color: #1f2937;
    display: block;
    margin-bottom: 6px;
}

/* Input + textarea */
.cf7-job-apply-simple input[type="text"],
.cf7-job-apply-simple input[type="email"],
.cf7-job-apply-simple input[type="tel"],
.cf7-job-apply-simple input[type="file"],
.cf7-job-apply-simple textarea {
    width: 100%;
    padding: 12px 14px;
    font-size: 15px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background: #fff;
    transition: all 0.25s ease;
    outline: none;
    box-sizing: border-box;
	margin-bottom: 0;
}

/* Hover + focus đẹp */
.cf7-job-apply-simple input:focus,
.cf7-job-apply-simple textarea:focus {
    border-color: var(--primary-color, #2563eb);
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* Placeholder tinh tế */
.cf7-job-apply-simple input::placeholder,
.cf7-job-apply-simple textarea::placeholder {
    color: #9ca3af;
}

/* Upload CV input */
.cf7-job-apply-simple input[type="file"] {
    padding: 10px;
    background: #f9fafb;
    border-style: dashed;
}

/* Nút gửi */
.cf7-job-submit input[type="submit"] {
    background: var(--primary-color, #2563eb);
    color: #fff;
    padding: 12px 20px;
    border: none;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    font-weight: 600;
    transition: background 0.25s ease, transform 0.15s ease;
}

/* Hover nút */
.cf7-job-submit input[type="submit"]:hover {
    background: var(--primary-hover, #1d4ed8);
    transform: translateY(-1px);
}

/* Spinner */
.cf7-job-submit .wpcf7-spinner {
    margin-left: 10px;
}

/* Responsive */
@media(max-width: 545px) {
    .cf7-job-apply-simple input,
    .cf7-job-apply-simple textarea {
        font-size: 14px;
        padding: 11px 12px;
    }

    .cf7-job-submit input[type="submit"] {
        font-size: 15px;
    }
	.abm-job-modal-close {
		top: -10px;
		right: -10%;
	}
	.abm-job-modal-inner {
		margin: 10px;
	}
}


/* ===========================
   FIX LỖI NGOẶC + STYLE CHUẨN
   =========================== */

.customer-services-homepage .accordion-item {
    margin-bottom: 20px;
    position: relative;
}

/* Ẩn icon mũi tên mặc định */
.customer-services-homepage .icon-angle-down {
    display: none !important;
}

/* Style nút icon tròn bên trái */
.customer-services-homepage .accordion .toggle {
    width: 48px;
    height: 48px;
    min-width: 48px;
    min-height: 48px;
    border-radius: 50%;
    background: var(--primary-color);
    border: 2px solid var(--white-color);

    display: flex;
    justify-content: center;
    align-items: center;

    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 0 !important;
    position: relative;
    top: 0;
		opacity: 1;
}

/* Đổi background khi mở */
.customer-services-homepage .accordion-title.active {
    background: #fff;
    border-radius: 50px;
}

/* Xoay icon toggle (nếu cần) */
.customer-services-homepage .active > .toggle {
    transform: rotate(0deg);
}

/* ===========================
   ICON CHO TỪNG ITEM (FontAwesome)
   =========================== */

/* Item 1 */
.customer-services-homepage .accordion-item:nth-child(1) .toggle::before {
    content: "\f2b9"; /* icon-dollar / money-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}

/* Item 2 */
.customer-services-homepage .accordion-item:nth-child(2) .toggle::before {
    content: "\f14a"; /* phone */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}

/* Item 3 */
.customer-services-homepage .accordion-item:nth-child(3) .toggle::before {
    content: "\f466"; /* home */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}

/* Item 4 */
.customer-services-homepage .accordion-item:nth-child(4) .toggle::before {
    content: "\f4df"; /* truck */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}

/* Item 5 */
.customer-services-homepage .accordion-item:nth-child(5) .toggle::before {
    content: "\f095"; /* shield-check */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}
.customer-services-homepage .accordion-title.active {
    background: var(--primary-color);
    border-radius: 50px;
}

.accordion-title {
	border-top: 0;
	padding: 0;
}

.accordion-title.active {
	color: #fff;
}
.customer-services-homepage .accordion-title.plain span {
    margin-left: 10px;
	font-weight: 800;
}

.accordion-title.plain {
	display: flex;
	align-items: center;
}

.accordion-inner {
	background: #e8e9eb;
	border-radius: 20px;
	border-left: 5px solid var(--primary-color);
}
.customer-services-homepage .img .img-inner {
	border-radius: 20px;
}

.stats-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 50px 20px;
  background: #fff;
  color: var(--primary-color);
  text-align: center;
  gap: 10px;
	border-bottom: 2px solid var(--primary-color);
}

.stat-box {
  position: relative;
}

.number {
  font-size: clamp(30px, 8vw, 40px);
  font-weight: 700;
  color: #fff;
}

.plus {
  font-size: clamp(30px, 8vw, 40px);
  font-weight: 700;
  color: var(--primary-color);
}

.stat-box p {
  margin-top: 10px;
  font-size: 16px;
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 768px) {
  .stats-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .stats-container {
    grid-template-columns: repeat(2, 1fr);
		padding: 20px;
		gap: 20px;
  }
}

.accordion-title.plain {
	background: #fff;
	border-radius: 50px;
	box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.certificate-homepage .box-image {
    background: #fff;
    border: 15px solid #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6), 0 4px 6px rgba(0, 0, 0, 0.8), inset 0 0 11px rgba(0, 0, 0, 0.8);
    padding: 20px;
}

.certificate-homepage  h5,
.certificate-homepage .title-1,
.certificate-homepage h3{
	color: #fff !important;
}

.certificate-homepage .abm-divider {
	background: #fff !important;
}

.hanh-dong p {
	text-align: justify;
}
.hanh-dong .title-1 {
	text-align: center;
}

.tim-viec h3 {
	color: #fff !important;
}

.culture-company .icon-inner img {
	filter: invert(62%) sepia(20%) saturate(659%) hue-rotate(78deg) brightness(94%) contrast(96%);
}

.cung-ipp-vigor p{
	text-align: justify;
}

.cung-ipp-vigor .img-inner {
	border-radius: 10px;
}

.khong-gian-1 .box .box-text {
    background: linear-gradient(181deg, rgb(28 44 76) 70%, #000 100%) !important;
	border-radius: 0 0 20px 20px;
}

.khong-gian-1 .box-image {
	border-radius: 20px;
}
.khong-gian-1 h3 {
	color: var(--primary-color) !important;
}

@media (max-width: 545px){
	.woocommerce .row-small > .col {
		padding:0 6.8px 19.4px;
	}
	.product-small .col-inner .box .box-image {
		border-radius: 10px 10px 0 0;
	}
	.product-small .col-inner, .product-small .col-inner .box {
		border-radius: 10px;
	}
}

.single-product-page .cart,
.product-lightbox-inner .cart{
	display: none;
}
.sidebar-menu .nav {
	background: #192c4b;
}
.sidebar-menu .nav li a {
	color: #fff;
}

.product-category-homepage h3 {
	color: #fff;
}

.product-category-homepage .product-category-home h3 {
	color: var(--primary-color) !important;
}

.banner-homepage h2 {
	font-size: clamp(20px, 5vw, 40px) !important;
	line-height: 1.2 !important;
}
.banner-homepage h6 {
	font-size: clamp(12px, 3vw, 16px) !important;
	color: #fff !important;
	opacity: 1;
}
.banner-homepage p {
	font-size: clamp(14px, 4vw, 16px) !important;
}

.introduce-page.introduce-page-2 h4{
	color: var(--primary-color) !important;
}

.search-products {
	z-index: 999;
}

.product-category-homepage .box-image .overlay {
	background-color: rgba(0, 0, 0, 0);
}

.background-text {
	background: linear-gradient(to right,
    #1c2c4d 25%,      /* xanh đậm */
    #ffffff00 110%     /* mờ dần */
  );
	padding: 20px;
	border-radius: 5px;
}

.procedure-page  ul {
	list-style: none;
}
.procedure-page ul li {
    margin-left: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.procedure-page ul li i {
    font-size: 20px;
    color: var(--second-color);
}
.procedure-page ul li br {
    display: none;
}



.hanh-dong .box-image {
	border-radius: 20px;
}

.fullwidth-video {
    width: 100%;
    height: 50vh;        /* ~ 25% chiều cao màn hình */
    object-fit: cover;   /* cắt bớt cho đẹp, không bị méo */
    display: block;
}

.pll-parent-menu-item .nav-dropdown{
	min-width: 46px;
	text-align: center;
}

.pll-parent-menu-item .nav-dropdown-default,
.header-language-dropdown .nav-dropdown-default{
	padding: 0;
}

.pll-parent-menu-item .nav-dropdown>li>a,
.header-language-dropdown .nav-dropdown>li>a{
	padding: 0;
}

.pll-parent-menu-item  .nav-dropdown.nav-dropdown-default>li>a,
.header-language-dropdown .nav-dropdown.nav-dropdown-default>li>a{
	margin: 0;
	border: 0;
}

.pll-parent-menu-item .sub-menu
{
	border: 2px solid transparent;
	box-shadow: none;
}

.header-language-dropdown .sub-menu {
	border: 0px;
	background: transparent;
}

@media (max-width: 545px){
	.abm-search-date-wrap input[type="text"],
	.abm-search-date-wrap input[type="text"]:focus {
		box-shadow: none;
		background: transparent;
		border: 0;
		margin-bottom: 0;
	}
	
}
.header-language-dropdown a{
	font-size: 0px !important;
}
.header-language-dropdown a .icon-angle-down {
	display: none;
}
@media (max-width: 849px){
	.header-language-dropdown .nav-dropdown {
		min-width: 46px;
		text-align: center;
		border: 0;
		background: #f5f5f5;
		top: 43%;
		box-shadow: none;
	}
	.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after {
		display: none;
	}
	.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
		display: none;
	}
	.sidebar-menu .nav-sidebar {
		z-index: 99999;
	}
}

.ipp-company-info p {
    margin: 0 0 4px;
    font-size: clamp(14px, 4vw, 16px);
	color: #fff;
	margin-bottom: 10px;
}

.ipp-company-info p strong {
    color: #fff; /* xanh lá nhạt như trong hình */
    font-weight: 600;
}

.factory-footer-2 {
	border-right: 1px solid #fff;
}

.ipp-company-info a {
	color: #fff;
}

.abm-hoso-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 600;
    color: #0054a6; /* xanh dương */
    text-decoration: none;
}

.abm-hoso-btn:hover {
    text-decoration: underline;
}

.abm-hoso-arrow {
    font-size: 16px;
    line-height: 1;
}

.overal-solution-homepage .col-inner {
	height: 100%;
}

.overal-solution-homepage .featured-box ul li {
	text-align: justify;
	margin-left: 0 ;
}

.overal-solution-homepage .featured-box ul  {
	list-style: none;
	
}

.sidebar-menu  {
	z-index: 9999;
}