/*Your custom css*/

/* Header v2 – top bar + main nav (TDH-style) */
.header .top-link.header-top-bar {
	background-color: #0380ff;
	color: #fff;
	font-size: 13px;
}
.header .top-link.header-top-bar a {
	color: #fff;
	margin-right: 5px;
}
.header .top-link.header-top-bar a:last-child {
	margin-right: 0px;
}
.header .top-link.header-top-bar a:hover {
	opacity: 0.85;
}
.header-top-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 12px 16px;
	min-height: 40px;
}
.header-top-social {
	flex: 0 0 auto;
	min-width: 0;
}
.header-top-meta {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px 22px;
	min-width: 0;
}
.header-social-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 14px;
}
.header-social-list li {
	margin: 0;
	padding: 0;
}
.header-social-list a {
	display: block;
	font-size: 14px;
	line-height: 1;
}
.header-top-info {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 6px 22px;
	text-align: right;
	min-width: 0;
}
.header-top-info-item {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
}
.header-top-info-item--phone,
.header-top-info-item--email {
	white-space: nowrap;
}
.header-top-info-item--hours .header-top-info-text {
	white-space: nowrap;
}
.header-top-info-item--email a {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 220px;
	display: inline-block;
	vertical-align: bottom;
}
.header-top-info-item i {
	font-size: 13px;
	opacity: 0.9;
}
.header-top-lang {
	flex: 0 0 auto;
}
.header-top-lang .gtranslate_wrapper,
.header-top-lang .gt_switcher {
	margin: 0;
}

/* Header top – tablet & mobile: chỉ MXH + ngôn ngữ */
@media (max-width: 991px) {
	.header .top-link.header-top-bar {
		font-size: 12px;
	}
	.header-top-inner {
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		padding: 8px 0;
		min-height: 36px;
	}
	.header-top-info {
		display: none !important;
	}
	.header-top-meta {
		flex: 0 0 auto;
		justify-content: center;
		gap: 0;
	}
}

@media (max-width: 767px) {
	.header-social-list {
		gap: 10px;
	}
	.header-social-list a {
		font-size: 16px;
		padding: 4px 0;
	}
}

.header .header-main.header-main-v2 {
	background: #fff;
	padding: 14px 0 16px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.header-main-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}
.header-main-left {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 12px;
	z-index: 2;
}
.header .header-main.header-main-v2 .logo img {
	max-height: 72px;
	width: auto;
}
.header-main-center {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 0;
	position: relative;
	z-index: 1;
	overflow: visible;
}
.header-main-nav-inner {
	background: transparent;
	width: auto;
	max-width: 100%;
	overflow: visible;
}
.header .header-main.header-main-v2,
.header .header-main.header-main-v2 .container,
.header .header-main.header-main-v2 .header-main-inner {
	overflow: visible;
}
.header .header-main.header-main-v2 .header-main-nav-inner .nav {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	float: none !important;
	list-style: none;
	width: auto;
}
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item {
	float: none !important;
	margin: 0 !important;
	position: relative !important;
	flex: 0 0 auto;
	align-self: center;
}
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item > a {
	color: #000 !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: none !important;
	padding: 8px 14px;
	line-height: 1.4;
	display: inline-block;
	transition: color 0.2s ease;
	background: transparent !important;
}
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item > a:before {
	display: none !important;
}
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item > a > i.fa {
	display: none !important;
}
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item.active > a,
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item:hover > a,
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item > a:hover,
.header .header-main.header-main-v2 .header-main-nav-inner .nav > .nav-item > a:focus {
	color: #1a7f37 !important;
	background: transparent !important;
}
.header-main-search {
	position: relative;
	flex: 0 0 auto;
	z-index: 2;
}
.header .header-main.header-main-v2 .header-search-toggle {
	padding: 8px 6px;
	font-size: 17px;
	font-weight: 400;
	color: #3d4852;
}

@media (min-width: 992px) {
	.header-main-inner {
		display: grid;
		grid-template-columns: minmax(140px, 1fr) auto minmax(140px, 1fr);
		align-items: center;
		column-gap: 12px;
	}
	.header-main-left {
		grid-column: 1;
		justify-self: start;
	}
	.header-main-center {
		grid-column: 2;
		justify-self: center;
		flex: none;
		width: max-content;
		max-width: 100%;
	}
	.header-main-search {
		grid-column: 3;
		justify-self: end;
	}
}

/* Submenu & mega – desktop header v2 */
@media (min-width: 992px) {
	.header .header-main.header-main-v2 nav .nav-item.has-mega,
	.header .header-main.header-main-v2 #nav > .nav-item.has-mega {
		position: relative !important;
	}

	.header .header-main.header-main-v2 #nav > .nav-item {
		position: relative !important;
		z-index: 1;
	}

	.header .header-main.header-main-v2 #nav > .nav-item:hover,
	.header .header-main.header-main-v2 #nav > .nav-item:focus-within {
		z-index: 10060;
	}

	/* Dropdown cấp 1: ẩn hẳn khỏi layout (display:none), không dùng visibility trên con */
	.header .header-main.header-main-v2 #nav > .nav-item > .hl-nav-dropdown,
	.header .header-main.header-main-v2 #nav > .nav-item > ul.sub-menu,
	.header .header-main.header-main-v2 #nav > .nav-item > .mega-content {
		display: none !important;
		position: absolute !important;
		top: 100% !important;
		left: 0 !important;
		right: auto !important;
		min-width: 260px;
		width: max-content !important;
		max-width: min(340px, 92vw) !important;
		margin: 0 !important;
		padding: 8px 0;
		background: #fff !important;
		border: 1px solid #e8ecf0 !important;
		border-radius: 4px;
		box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
		z-index: 10050;
		float: none !important;
		transform: none !important;
		filter: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	.header .header-main.header-main-v2 #nav > .nav-item:not(.has-mega):hover > .hl-nav-dropdown,
	.header .header-main.header-main-v2 #nav > .nav-item:not(.has-mega):focus-within > .hl-nav-dropdown,
	.header .header-main.header-main-v2 #nav > .nav-item:not(.has-mega):hover > ul.sub-menu,
	.header .header-main.header-main-v2 #nav > .nav-item:not(.has-mega):focus-within > ul.sub-menu,
	.header .header-main.header-main-v2 #nav > .nav-item.has-mega:hover > .mega-content,
	.header .header-main.header-main-v2 #nav > .nav-item.has-mega:hover > .hl-nav-dropdown,
	.header .header-main.header-main-v2 #nav > .nav-item.has-mega:focus-within > .mega-content,
	.header .header-main.header-main-v2 #nav > .nav-item.has-mega:focus-within > .hl-nav-dropdown {
		display: block !important;
	}

	.header .header-main.header-main-v2 #nav:hover > .nav-item:not(:hover):not(:focus-within) > .hl-nav-dropdown,
	.header .header-main.header-main-v2 #nav:hover > .nav-item:not(:hover):not(:focus-within) > ul.sub-menu,
	.header .header-main.header-main-v2 #nav:hover > .nav-item:not(:hover):not(:focus-within) > .mega-content {
		display: none !important;
	}

	/* Ghi đè theme cũ: mega full-width / static trên header v2 */
	.header .header-main.header-main-v2 nav .nav-item.has-mega {
		position: relative !important;
	}

	.header .header-main.header-main-v2 #nav > .nav-item > .mega-content {
		width: max-content !important;
		max-width: min(340px, 92vw) !important;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .level0-wrapper2,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .nav-block,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .nav-block-center {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		float: none !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .sub-menu.level0 {
		position: static !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
		transform: none !important;
		top: auto !important;
		left: auto !important;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu .sub-menu {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 220px;
		margin: 0;
		padding: 8px 0;
		background: #fff !important;
		border: 1px solid #e8ecf0;
		border-radius: 4px;
		box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
		z-index: 10051;
		transform: none !important;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .sub-menu li,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .sub-menu .menu-item,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .sub-menu .nav-item {
		position: relative;
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		list-style: none;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li:hover > .sub-menu,
	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li:focus-within > .sub-menu {
		display: block;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li.submenu-flip-left > .sub-menu {
		left: auto;
		right: 100%;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li a,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content a {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
		padding: 10px 18px !important;
		color: #374151 !important;
		font-size: 14px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;
		text-transform: none !important;
		white-space: nowrap;
		transition: background 0.15s ease, color 0.15s ease;
		background: transparent !important;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li a:hover,
	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li a:focus,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content a:hover,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content a:focus,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .nav-item:hover > a {
		background: #f3faf5 !important;
		color: #1a7f37 !important;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .sub-menu li a i.fa,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content a i.fa {
		font-size: 12px;
		opacity: 0.55;
		padding-left: 0 !important;
		flex-shrink: 0;
	}

	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .sub-menu > li > a,
	.header .header-main.header-main-v2 .header-main-nav-inner .mega-content .sub-menu.level0 > li > a {
		font-weight: 400 !important;
		text-transform: none !important;
	}
}
.header-search-toggle {
	background: none;
	border: none;
	padding: 8px 4px;
	font-size: 18px;
	color: #2d3748;
	line-height: 1;
	cursor: pointer;
}
.header-search-toggle:hover {
	color: #1a7f37;
}
.header-search-panel {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 8px;
	min-width: 280px;
	background: #fff;
	border: 1px solid #e2e8f0;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
	padding: 10px;
	z-index: 1200;
	border-radius: 4px;
}
.header-search-panel.is-open {
	display: block;
}
.header-search-panel form {
	display: flex;
	margin: 0;
	gap: 8px;
}
.header-search-input {
	flex: 1;
	border: 1px solid #e2e8f0;
	height: 38px;
	padding: 0 12px;
	font-size: 14px;
}
.header-search-submit {
	background: #0c2d4a;
	border: none;
	color: #fff;
	width: 38px;
	height: 38px;
	cursor: pointer;
	border-radius: 2px;
}

.header .header-bottom.header-bottom-mobile {
	background: #fff;
	padding: 8px 0 12px;
	margin-bottom: 0;
	border-top: 1px solid #eee;
}
.header .header-bottom.header-bottom-mobile .block-search form {
	border: 1px solid #e2e8f0;
	border-radius: 4px;
	overflow: hidden;
}
.header .header-bottom.header-bottom-mobile .block-search form input {
	color: #333;
	height: 38px;
	line-height: 38px;
	width: 100%;
}
.header .header-bottom.header-bottom-mobile .block-search form button {
	color: #0c2d4a;
	height: 38px;
}

.header-bottom form{ margin-bottom:0; }

.hl_img_box .box-inner img{
	width:100%;
}

.item-price ins{ text-decoration:none; margin-left:10px; }
.product-on-sale ins{ color:#f00; }

ul.woocommerce-mini-cart.cart_list li{
	float:left;
	width:100%;
}
ul.woocommerce-mini-cart.cart_list li>a, ul.woocommerce-mini-cart.cart_list li>.quantity{
	float:left;
}
ul.woocommerce-mini-cart.cart_list li>a{
	width:20%;
}ul.woocommerce-mini-cart.cart_list li>a.remove{
	width:5%;
}ul.woocommerce-mini-cart.cart_list li>.quantity{
	width:75%;
	text-align:right;
}
ul.woocommerce-mini-cart.cart_list li>.quantity .name{
	font-weight:bold;
}

.woocommerce-page ul.cart_list li img{
	width: 60px !important;
    height: 60px !important;
    float: left;
    margin-right: 10px;
}

.woocommerce-mini-cart__buttons{ text-align:center; }

.woocommerce-mini-cart__total .woocommerce-Price-amount{ float:right; }

.woocommerce-mini-cart__buttons > a{ 
	display:block; margin:0 auto; 
    background: #F62D3E;
    color: #FFFFFF;
	margin-bottom:10px;
}.woocommerce-mini-cart__buttons > a.checkout{
	color: #474C5F;
    background: #EBEBEB;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #F62D3E;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.woocommerce .quantity .qty{ width:auto; padding:0; }

.sidebar .hl_sb_shop .title-head span{
	display:block !important;
	position:static !important;
	font-weight: bold;
}

.woocommerce-products-header .woocommerce-products-header__title{
	padding-top:0;
	margin-top:0;
}

.category-gallery img{ width:100%; }

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{ background-color:transparent; }

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
	width:100%;
}

.woocommerce span.onsale{ display:none; }

.woocommerce-product-gallery .flex-viewport{
    border: 1px solid #EBEBEB;
}
.woocommerce div.product div.images .flex-control-thumbs{
	margin:0 -15px;
	margin-top:15px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
	padding:0 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
	border: 1px solid #EBEBEB;
}

.entry-summary .price ins{ text-decoration:none; }

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #f62d3e;
}

.woocommerce .entry-summary .quantity .qty{
    height: 32px;
}

.after-title > span{
	display:block;
}

#product-related-sb .woocommerce ul.product_list_widget{
	border: 1px solid #e5e5e5;
}#product-related-sb .woocommerce ul.product_list_widget li:not(:last-child){
	border-bottom: 1px solid #e5e5e5;
	
}#product-related-sb .woocommerce ul.product_list_widget li{
	padding: 15px 6px;
}#product-related-sb .woocommerce ul.product_list_widget li img{
	float: left;
    margin-right: 20px;
    width: 50px;
}#product-related-sb .woocommerce ul.product_list_widget li ins{
	text-decoration:none;
    font-weight: bold;
    margin-left: 5px;
}#product-related-sb .woocommerce ul.product_list_widget li ins, #product-related-sb .woocommerce ul.product_list_widget li del{
	color:#ed1b24;
}#product-related-sb .widget-title{
	position:relative;
}#product-related-sb .widget-title:after{
	position:absolute;
	width:50px;
	height:2px;
	background:#ed1b24;
	left:0;
	bottom:0;
	content:"";
}

.woocommerce-product-details__short-description{
	margin-bottom:10px; 
}

.woocommerce div.product .woocommerce-tabs .panel{
	padding: 0 20px;
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

.woocommerce .woocommerce-ordering select{
	height:34px;
}

.woocommerce-cart-form th, .woocommerce-cart-form td{
	border-left-width:0;
	border-bottom-width: 0;
	border-top-width: 0;
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    height: 40px;
}

.hl_side_recent_post  img{ width:70px; height:auto; }

.navigation.pagination{
	float: left;
    width: 100%;
    text-align: right;
	display:block;
}

.navigation.pagination .screen-reader-text{
	display:none;
}
.navigation.pagination .page-numbers .icon{
	width:11px;
	height:11px;
	color: #fff;
	fill:#fff;
}
.navigation.pagination .page-numbers{
	background: #ed1b24;
    color: #fff;
    padding: 5px 10px;
	position:relative;
}

.navigation.pagination .page-numbers:after{
	position:absolute;
	top:45%;
	left:50%;
	transform:translate(-50%,-50%)
}

.navigation.pagination .page-numbers.next:after{
	content:"»";
}

.navigation.pagination .page-numbers.prev:after{
	content:"«";
}

.navigation.pagination .page-numbers.current{
	background: #fefefc;
    color: #000;
    border: 1px solid #6c7c93
}
.error-404{ text-align:center; padding-bottom: 30px; }
.error-404 .page-header{ padding-top:0; margin-top:0; }

#ct-mobile .nav-item a i {
	padding-left: 5px;
}


.nav-cate ul li{
	position:relative;
}.nav-cate ul li a:before{
	content:"-";
	margin-right:5px;
}.nav-cate .sub-menu{
	display:none;
	position:absolute;
	width:220px;
	top:0;
	left:100%;
	background:#91cb33;
	z-index:444;
}.nav-cate ul li:hover .sub-menu{ display:block; 
}.nav-cate .sub-menu a{ color:#fff; 
}.nav-cate ul li.menu-item-has-children:after{
	position: absolute;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    right: 6px;
    top: 10px;
}.nav-cate ul li:hover, .section_product .mainmenu .nav-cate ul li:hover {
    background: none;
}

.hl_sb_shop .nav-cate li.current-menu-item > a,
.hl_sb_shop .nav-cate li.hl-product-menu-active > a,
.section_product .mainmenu .nav-cate li.current-menu-item > a,
.section_product .mainmenu .nav-cate li.hl-product-menu-active > a {
    color: #9acf6a !important;
    font-weight: 600;
}

.hl_sb_shop .nav-cate li.current-menu-item > a:before,
.hl_sb_shop .nav-cate li.hl-product-menu-active > a:before,
.section_product .mainmenu .nav-cate li.current-menu-item > a:before,
.section_product .mainmenu .nav-cate li.hl-product-menu-active > a:before {
    color: #9acf6a;
}

.menu-bar-h.nav-mobile-button{
	background:none;
	border:none;
}

#ct-mobile .sub-menu{ display:none; }

#breadcrumbs{ margin-bottom:0; }

#order_review input[type="radio"]{
	position: static;
    opacity: 1;
    background: unset;
    width: auto;
    height: auto;
}#order_review input[type="radio"], #order_review label{ display:inline-block; }

.footer-container .wpcf7-form .wpcf7-submit{
	background: #dd111a;
    color: #fff;
	display: table;
    width: 100%;
}

.item-product{
	border:1px solid #ccc;
	margin-bottom: 20px;
}

.section-news .blogs-content .item-inner{
	border:1px solid #ccc;
	padding-bottom:30px;
	
}.section-news .blogs-content .item-inner .blog-content-inner{ padding-left:15px; padding-right:15px; 
}.section-news .blogs-content .item-inner .blog-image{
	position:relative;
	overflow:hidden;
	margin-bottom: 0 !important;
}.section-news .blogs-content .item-inner .blog-image img{
	transition:all .5s;
}.section-news .blogs-content .item-inner .time-comment{
	position: absolute;
    bottom: 10px;
    right: 15px;
    z-index: 1;
    background: #df3538;
    color: #fff;
    padding: 2px 10px;
    border-radius: 2px;
}.section-news .blogs-content .item-inner:hover img{
	transform:scale(1.1);
}

.group-section {
    margin: 20px 0;
}

.group-title {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}

.group-title:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #4c4c44;
}

.bg-gray2 {
	background: #9acf6a;
	color: #fff;
}

.widget.hl_home_recent_post .bg-gray2.group-section {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding: 20px 0;
	border: none;
	border-radius: 0;
	box-sizing: border-box;
}

.widget.hl_home_recent_post .bg-gray2 .group-title:after {
	background: #fff;
}

.flexbox-grid-default {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
}

.flexbox-auto-180px {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 200px;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    height: 180px;
    overflow: hidden;
    position: relative;
}


.article-image-index img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
}

.box-article-index .article-description-index {
    padding-left: 15px;
    padding-bottom: 20px;
    padding-top: 10px;
}

.box-article-index .article-description-index h2 {
    font-size: 17px;
    color: #333;
    margin: 0px 0px 5px 0px;
    height: auto;
}

.article-description-index h2 a {
    color: #fff;
    line-height: 1.3;
	text-transform: uppercase;
}

#hl_home_recent_post_slider-2 .group-title, #hl_home_recent_post_slider-2 .article-description-index h2 a, #hl_home_recent_post_slider-2 .box-article-index .article-description-index .article-excerpt-index {
    color: #fff;
}


#hl_home_recent_post_slider-2 .group-title, #hl_home_recent_post_slider-2 .article-description-index h2 a, #hl_home_recent_post_slider-2 .box-article-index .article-description-index .article-excerpt-index {
    color: #fff;
}

#hl_home_recent_post_slider-2 .group-title, #hl_home_recent_post_slider-2 .article-description-index h2 a, #hl_home_recent_post_slider-2 .box-article-index .article-description-index .article-excerpt-index {
    color: #fff;
}
.box-article-index .article-description-index .article-excerpt-index {
    color: #000;
}
.box-article-index .article-description-index .article-excerpt-index {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #fff;
}

.article-excerpt-index {
    height: 75px;
    overflow: hidden;
}

.text-left {
    text-align: left;
}

#hl_home_recent_post_slider-2 .btn-more {
    border-color: #fff;
    color: #fff;
}

#hl_home_recent_post_slider-2 .btn-more {
    border-color: #fff;
    color: #fff;
}
.btn-more.small {
    line-height: 28px;
    padding: 0 10px;
    font-size: 16px;
    text-transform: inherit;
    font-size: 15px;
	border: 1px solid #fff;
}
.btn-more {
    border: 1px solid #1c2858;
    background: #1c2858;
    color: #fff;
}
.btn-more {
    line-height: 44px;
    padding: 0 40px;
    border: 1px solid #333;
    background: transparent;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    color: red;
}

.btn-more {
    border: 1px solid #1c2858;
    background: #1c2858;
    color: #fff;
}

.btn-more.small {
    line-height: 28px;
    padding: 0 10px;
    font-size: 16px;
    text-transform: inherit;
    font-size: 15px;
}

.group-title:after {
    background: #fff;
}
.group-title:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #4c4c44;
}

.group-title:after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 2px;
    background: #4c4c44;
}

.box-article-index iframe {
    height: 315px;
}

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

.box-title {
    position: relative;
    margin-bottom: 20px;
}

.box-title .box-title-name {
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.box-title .box-title-name:before {
    content: "";
    position: absolute;
    border-top: 9px solid #25aee4;
    border-left: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid transparent;
    left: 50%;
    bottom: -9px;
    width: 50px;
    margin-left: -25px;
}

.box-title .box-title-name:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;
    height: 9px;
    width: 150px;
    margin-left: -75px;
    border-top: 1px solid #25aee4;
}

.brand-carousel {
    padding: 20px 0;
}

.brand-carousel .owl-carousel img {
    width: auto;
    margin: 0 auto;
    padding: 0 15px;
}

.hl_home_logos .box-title-name{
    font-size: 24px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}

.hl_home_logos .box-title-name h2{
    font-size: 24px !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1;
    padding-bottom: 10px;
    padding-top: 10px;
}


/*
 * Product sliders (home widgets): Owl sets display:none until .owl-loaded.
 * Show a one-row strip of products until JS init (same breakpoints as awe_owl).
 */
.section_product .content .section-tour-owl2.owl-carousel:not(.owl-loaded) {
    display: flex !important;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
    margin-left: -5px;
    margin-right: -5px;
    min-height: 1px;
}

.section_product .content .section-tour-owl2.owl-carousel:not(.owl-loaded) > .item-product {
    display: block;
    flex: 0 0 25%;
    max-width: 25%;
    box-sizing: border-box;
    padding: 0 5px;
    margin-bottom: 0;
    float: none;
}

@media (max-width: 991px) {
    .section_product .content .section-tour-owl2.owl-carousel:not(.owl-loaded) > .item-product {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 599px) {
    .section_product .content .section-tour-owl2.owl-carousel:not(.owl-loaded) > .item-product {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.section_product .content .section-tour-owl2.owl-carousel.owl-loaded {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

footer {
    margin-top: 20px;
}

footer {
    background: #9acf6a;
}

.footer-center {
    padding: 20px 0 30px;
}

.box-footer-colum {
    margin-bottom: 10px;
}

.box-footer-colum h3 {
    font-size: 16px;
    padding-bottom: 10px;
    margin: 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #1a73e8;
    position: relative;
}

.box-footer-colum h3:after {
    content: "";
    height: 2px;
    width: 40px;
    background: #1a73e8;
    position: absolute;
    left: 0;
    bottom: 0;
}

.box-footer-colum .footer-list-menu li {
    padding: 5px 0;
    color: #fff;
	display: flex;
    flex-wrap: wrap;
	align-items: center;
}

footer#footer .footer-list-menu .fa, footer#footer .widget ul.menu li:before {
    color: #ee1927;
}

footer#footer .widget ul.menu li:before {
    content: "\f101";
    font: normal normal normal 14px / 1 FontAwesome;
    margin-right: 5px;
}

footer#footer .footer-list-menu .fa, footer#footer .widget ul.menu li:before {
    color: #ee1927;
}

.box-footer-colum ul.menu li a {
    padding: 5px 0;
    color: #fff;
}

.footer-copyright {
    width: 100%;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
}

.footer-copyright a {
    color: #fff;
}

#footer .footer-bottom--copyright {
    background-color: #9acf6a;
    border-top: 1px solid #fff;
}

#footer .footer-bottom--copyright .container {
    padding-top: 5px;
    padding-bottom: 5px;
}

#footer .footer-copyright__text {
    margin: 0;
    line-height: 1.5;
    text-align: right;
}

@media (max-width: 767px) {
    #footer .footer-copyright__text {
        text-align: center;
        font-size: 13px;
    }

    #footer .footer-bottom--copyright .container {
        padding-bottom: 8px;
    }
}

.box-footer-colum .footer-list-menu li a {
    padding: 5px 0;
    color: #fff !important;
}

/* Product loop: khung ảnh 4:3, crop đều */
.category-products-grids .products-view-grid .ant-product-item .image-container,
.related-product .ant-product-item .image-container,
.search-main .products-view-grid .ant-product-item .image-container,
.section_product .content .ant-product-item .image-container,
.ant-product-item .image-container {
    aspect-ratio: 4 / 3;
}

.category-products-grids .products-view-grid .ant-product-item .image-container .product-item-photo,
.related-product .ant-product-item .image-container .product-item-photo,
.search-main .products-view-grid .ant-product-item .image-container .product-item-photo,
.section_product .content .ant-product-item .image-container .product-item-photo,
.ant-product-item .image-container .product-item-photo {
    height: 100% !important;
    overflow: hidden;
}

.category-products-grids .products-view-grid .ant-product-item .image-container .product-item-photo img,
.related-product .ant-product-item .image-container .product-item-photo img,
.search-main .products-view-grid .ant-product-item .image-container .product-item-photo img,
.section_product .content .ant-product-item .image-container .product-item-photo img,
.ant-product-item .image-container .product-item-photo img {
    width: 100% !important;
    height: 100%;
    max-height: none !important;
    object-fit: cover;
    object-position: center;
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    margin: 0;
    display: block;
}