/*Your custom css here*/
/* By: <Khôi> */
/* Container 2 cột cho form WPForms */
#wpforms-496 .wpforms-field-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px; /* khoảng cách giữa các cột và hàng */
}

/* Các field chiếm 2 cột (nếu muốn) */
#wpforms-496 .wpforms-field-textarea,
#wpforms-496 .wpforms-submit-container {
    grid-column: 1 / 3;
}

/* Input, select, textarea full width trong ô */
#wpforms-496 input,
#wpforms-496 select,
#wpforms-496 textarea {
    width: 100% !important;
    box-sizing: border-box;
}

/* Desktop: 2 cột */
#wpforms-496 .wpforms-field-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Trường cần full width */
#wpforms-496 .wpforms-field-textarea,
#wpforms-496 .wpforms-submit-container {
    grid-column: 1 / 3;
}

/* Responsive: ép về 1 cột */
@media screen and (max-width: 768px) {
    #wpforms-496 .wpforms-field-container {
        column-gap: 10px !important;
    }
    #wpforms-496 .wpforms-field-textarea,
    #wpforms-496 .wpforms-submit-container {
        grid-column: 1 / 3 !important;
    }
}

/* Container Elementor full width */
.elementor-element-a308b75 {
    width: 100vw !important;    /* full chiều ngang màn hình */
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%); /* kéo ra khỏi khung container */
}

/* Ảnh full chiều ngang */
.elementor-element-a308b75 img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Tăng chiều dài các ô input và select */
#wpforms-496 .wpforms-field input,
#wpforms-496 .wpforms-field select {
    padding: 12px 15px; /* Tăng padding để ô nhập liệu trông rộng rãi hơn */
    font-size: 16px; /* Tăng kích thước chữ cho dễ đọc */
    border-radius: 5px; /* Bo góc nhẹ cho thẩm mỹ */
    border: 1px solid #ccc; /* Đường viền nhẹ */
}

/* Đảm bảo các ô full width trong container */
#wpforms-496 .wpforms-field input,
#wpforms-496 .wpforms-field select {
    width: 100% !important; /* Đảm bảo full width */
    max-width: 100%; /* Ngăn chặn vượt quá container */
    box-sizing: border-box; /* Bao gồm padding và border trong chiều rộng */
}

/* Tùy chỉnh chiều cao và khoảng cách cho select */
#wpforms-496 .wpforms-field-select select {
    height: 45px; /* Tăng chiều cao của dropdown */
}

/* Tùy chỉnh ô input điện thoại và email */
#wpforms-496 .wpforms-field-number input,
#wpforms-496 .wpforms-field-email input {
    height: 45px; /* Tăng chiều cao ô nhập liệu */
}

/* Tùy chỉnh ô địa chỉ */
#wpforms-496 .wpforms-field-text input#wpforms-496-field_6 {
    height: 45px; /* Tăng chiều cao ô địa chỉ */
}

/* Tùy chỉnh nhãn (label) để đồng bộ */
#wpforms-496 .wpforms-field-label {
    font-size: 16px; /* Tăng kích thước chữ của nhãn */
    margin-bottom: 8px; /* Tăng khoảng cách giữa nhãn và ô nhập liệu */
}

/* Nút gửi trong WPForms */
#wpforms-496 .wpforms-submit-container button[type=submit] {
    background: var(--w247-primary-color);
	border-radius: 8px;
}

/*So sánh xe*/
/* Ảnh trong khung */
.wpshare247-combine-car__image img {
  width: auto !important;   /* bỏ width:100px */
  height: 100% !important;  /* cao full khung */
  max-width: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;    /* bỏ mờ */
}
/* Ẩn phần giới thiệu xe */
.wpshare247-combine-car__content {
  display: none;
  margin-top: 10px;
  font-size: 14px;
  color: #444;
}

/* Nút xem chi tiết */
.wpshare247-toggle-desc {
  margin-top: 10px;
  padding: 6px 12px;
  font-size: 13px;
  background: #0073e6;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s;
  display: inline-block;
}
.wpshare247-toggle-desc:hover {
  background: #005bb5;
}

/* Giữ cột trái cố định trên cùng */
.col-lg-2.col-md-12.text-lg-end.text-center.mb-3.mb-lg-0 {
  align-self: flex-start; /* ép nó dính trên cùng */
}
.wpshare247-toggle-desc{
	background: #ED1F24;
	
}
.wpshare247-toggle-desc:hover {
background: #000;
}

/* end By: <Khôi> */

/* begin By: <Thành> */

@keyframes fade-in-menu{
	from{
		color: #3F3F3F;
	}
	to{
		color: var(--w247-primary-color);
	}
}

@keyframes fade-out-menu{
	from{
		color: var(--w247-primary-color);
	}
	to{
		color: #3F3F3F;
	}
}

@keyframes fade-in-footer{
	from{
		color: #FFF;
	}
	to{
		color: var(--w247-primary-color);
	}
}

@keyframes fade-out-footer{
	from{
		color: var(--w247-primary-color);
	}
	to{
		color: #FFF;
	}
}

@keyframes fly-in{
	from{
		transform: translatey(50px);
		opacity: 0;
	}
	to{
		transform: translatey(0);
		opacity: 1;
	}
}

.w247-header .current-menu-item a.hfe-menu-item::after,
.w247-header .current-menu-item a.hfe-sub-menu-item::after{
	opacity: 0 !important;
}

.w247-header .current-menu-item a.hfe-menu-item:hover::after,
.w247-header .current-menu-item a.hfe-sub-menu-item:hover::after{
	opacity: 1 !important;
}

.w247-header a.hfe-menu-item:hover,
.w247-header a.hfe-sub-menu-item:hover{
    animation: fade-in-menu 0.5s forwards;
}

.w247-header a.hfe-menu-item:not(:hover),
.w247-header a.hfe-sub-menu-item:not(:hover){
    animation: fade-out-menu 0.5s forwards;
}

/* header */
.logo-header img{
	height: 115px;
	width: auto;
}

.w247-header{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-shadow: 0 1px 3px #eee;
}

.elementor-1072 .elementor-element.elementor-element-b6bb92e .menu-item a.hfe-menu-item {
    padding-left: 0;
    padding-right: 0;
	margin: 0 10px;
}

.w247-header .hfe-site-logo-img{
	margin-top: -8px;
}

.wpshare247-section-carousel-wrapper .owl-nav button.owl-prev span, 
.wpshare247-section-carousel-wrapper .owl-nav button.owl-next span {
    margin-bottom: 11px !important;
}

.w247-icon-hover-1 {
    height: 60px;
}

.w247-icon-hover-1 .elementor-icon-wrapper{
	height: 100%;
    display: flex;
    align-items: center;
}

.w247-icon-hover-1 svg{
	font-size: 40px;
	margin-left: 9px;
}

.w247-icon-hover .elementor-icon{
	height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fce8e9;
    border-radius: 50px;
	opacity: 1;
	transition: all 0.4s ease-in-out;
}

.w247-icon-hover svg{
	font-size: 34px;
	opacity: 1;
}

/* .w247-icon-hover:hover .elementor-icon{
	opacity: 1;
	background-color: var(--w247-primary-color);
}

.w247-icon-hover:hover svg{
	fill: #fff !important;
} */
.elementor-element-953df34 .e-con-inner,
.elementor-element-272dad8 .e-con-inner,
.elementor-element-aa62aa2 .e-con-inner{
	padding: 0;
}

.elementor-element-aa62aa2 .e-con-inner{
	padding-top: 50px;
}


.w247-card .w247-content>div>div:first-child{
	padding-bottom: 0 !important;
}
/* 
.wpshare247_car,
.wpshare247_car_truck{
	min-height: 432px;
}

.wpshare247_car .title a,
.wpshare247_car_truck .title a{
	line-height: 1.2;
    display: block;
	min-height: 72px;
} */

/* tin tuc */
.elementor-element-a0d001a h4.title{
	font-size: 20px;
	line-height: 24px;
}

.elementor-element-a0d001a .readmore i{
	font-size: 16px;
	margin-left: 6px;
	padding: 11px 12px;
	
}

/* lien he */
#wpforms-submit-888{
	line-height: 10px;
}

/* post */
.wpshare247-content{
	/* margin-bottom: 60px; */
}

.wpshare247-posts{
	justify-content: flex-start;
    --bs-gutter-x: 0px;
    gap: 25px !important;
}

.wpshare247-posts .blog-loop{
	box-shadow: 0 1px 3px #ccc !important;
	margin-bottom: 0;
	border: 1px solid #eee !important;
}

/* footer */
.elementor-element-f137ad5{
	margin: 0 -12px;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0;
	row-gap: 30px;
}

.elementor-element-f137ad5 > div {
	padding: 0 12px;
	width: calc(100% / 4);
}

.elementor-element-7cb537d h2,
.elementor-element-ec2599f h2{
	margin-left: 14px;
}

.elementor-element-016ecf5{
	padding-bottom: 10px;
}

.hfe-nav-menu__layout-vertical .menu-item a.hfe-menu-item:hover{
	animation: fade-in-footer 0.5s forwards;
}

.hfe-nav-menu__layout-vertical .menu-item a.hfe-menu-item:not(:hover){
	animation: fade-out-footer 0.5s forwards;
}

.hfe-nav-menu__layout-vertical .menu-item.current-menu-item a.hfe-menu-item{
	color: #fff !important;
}

.hfe-nav-menu__layout-vertical .menu-item.current-menu-item a.hfe-menu-item:hover{
	animation: fade-in-footer 0.5s forwards;
	color: var(--w247-primary-color) !important;
}

.hfe-nav-menu__layout-vertical .menu-item a.hfe-menu-item{
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.hfe-nav-menu__layout-vertical .menu-item.current-menu-item a.hfe-menu-item::after{
	opacity: 0 !important;
}
.hfe-nav-menu__layout-vertical .menu-item.current-menu-item a.hfe-menu-item:hover::after{
	opacity: 1 !important;
}
.hfe-nav-menu__layout-vertical .menu-item.current-menu-item a.hfe-menu-item:not(:hover)::after{
	opacity: 0 !important;
}

.ws247-eaddon-post-loop-item{
	margin-bottom: 0 !important;
}


/* post tabs */
.tabs{
	width: 100%;
	position: relative;
}

.tabs::after{
	content: "";
	display: block;
	width: 100vw;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: -1;
}

.tabs .tab-item:first-child{
	position: relative;
}

.tabs .tab-item:first-child::before{
	content: "";
	position: absolute;
	bottom: 36px;
    left: -24px;
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_8437' data-name='Path 8437' d='M24 24V0A24 24 0 0 1 0 24Z' transform='translate(0 24) rotate(-90)' fill='%23fff'/%3E%3C/svg%3E") no-repeat center / contain;
}

.tab-item{
	cursor: pointer;
	padding-left: 12px;
	width: 200px;
	background-color: #fff;
}

.tabs .tab-item:first-child{
	border-radius: 12px 0 0 12px; 
}

.tab-item h2.title{
	font-size: 16px;
}

.tab-item h2.title a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-align: center;
}

.tab-item img{
	height: 90px !important;
	object-fit: contain !important;
}

.tab-content{
	height: 66vh;
	margin: 0 auto;
	width: 100%;
}

.tab-content{
	position: relative;
}

.tab-content img.img-bg{
	position: absolute;
	top: -60px;
	bottom: 0;
	left: calc((100vw - 1280px) / 2 * -1);
	height: calc(100% + 60px);
	z-index: -2;
	width: 100vw;
	max-width: unset !important;
	object-fit: cover;
}

.tab-content-item{
	display: none !important;
	height: 100%;
}

.tab-content-item img{
	height: 80%;
}

.tab-content-item .right-content::before{
	content: "";
	position: absolute;
	bottom: 0;
	right: calc(100% - 1px);
	width: 24px;
	height: 24px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Path_8437' data-name='Path 8437' d='M24 24V0A24 24 0 0 1 0 24Z' transform='translate(0 24) rotate(-90)' fill='%23fff'/%3E%3C/svg%3E") no-repeat center / contain;
	transform: scaleY(-1);
}

.tab-content-item .right-content::after{
	content: "";
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	background-color: #fff;
	border-radius: 12px 0 0 0;
	z-index: -1;
}

.tab-content-item .right-content{
	position: relative;
	margin-top: auto;
	background: #fff;
	padding: 24px;
	padding-right: 0;
	border-radius: 12px 0 0 0;
	animation: fly-in 0.5s ease-in;
}

.tab-content-item.active{
	display: flex !important;
}

.readmore-out{
	width: 100%;
}

/* lai thu */
.elementor-element-32064ec {
    margin-top: -8px;
}

#wpforms-496 .wpforms-field-container {
    gap: 0;
    column-gap: 20px;
}

.elementor-element-7e96b94 textarea,
.elementor-element-7e96b94 select,
.elementor-element-7e96b94 input{
	border: 1px solid #CCC !important;
    box-shadow: 0 1px 3px #EBEBEB !important;
}

.elementor-element-7e96b94 select,
.elementor-element-7e96b94 input{
	height: 45px !important;
}

.elementor-element-7e96b94 .wpforms-submit-container button{
	width: 100%;
	text-transform: uppercase;
	background: #ed1f24 !important;
}

.elementor-element-7e96b94 .wpforms-submit-container button:hover{
	opacity: 0.8;
}


/* res */
@media screen and (min-width: 1274px){
	.elementor-element-7e96b94 #wpforms-496-field_6-container{
		grid-column: 1 / 3;
	}
}

@media screen and (min-width: 991px) and (max-width: 1273px){
	.wpshare247-posts{
		padding: 0 12px;
		--bs-gutter-x: 0px;
		row-gap: 10px !important;
		column-gap: 36px !important;
	}
	.wpshare247-posts .blog-loop{
		margin: 0 -12px;
		width: calc(100% / 3) !important;
	}
	
	.elementor-element-7e96b94 #wpforms-496-field_6-container{
		grid-column: 1 / 3;
	}
}

@media screen and (min-width: 750px) and (max-width: 990px){
	.wpshare247-posts{
		padding: 0 8px;
		--bs-gutter-x: 0px;
		row-gap: 10px !important;
	}
	.wpshare247-posts .blog-loop{
		margin: 0 -8px;
		width: calc(100% / 2) !important;
	}
	
	.elementor-element-f137ad5 > div{
		width: calc(100% / 2) !important;
	}
	.elementor-element-f137ad5 > div:first-child, .elementor-element-f137ad5 > div:last-child {
		margin-left: 12px;
	}
	
	/* post tab */
	.tabs{
		background-color: #fff;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
  		scrollbar-width: thin;
		justify-content: flex-start !important;
	}
	
	.tab-item{
		flex: 0 0 auto;
	}
	
	.tab-content {
		height: unset;
	}
	.tab-content img.img-bg{
		left: 0;
		height: 30vh;
	}
	
	.tab-content-item .right-content::after{
		display: none;
	}
	
	.tabs::after{
		display: none;
	}
	
	.tab-content-item{
		flex-wrap: wrap;
	}
	
	.tab-content-item .left-content{
		width: 60% !important;
	}
	.tab-content-item .right-content{
		width: 40% !important;
		border-radius: 0 !important;
		margin-top: -1px !important;
	}
	
	.tab-content-item img {
		height: auto;
	}
	
	.price{
		font-size: 16px !important;
	}
	
	.tab-content-item .right-content::before,
	.tabs .tab-item:first-child::before{display: none; !important}
	
	.elementor-element-7e96b94 #wpforms-496-field_6-container{
		grid-column: 1 / 3;
	}
}

@media screen and (max-width: 749px){	
	.wpshare247-posts{
		--bs-gutter-x: 0px;
	}
	.wpshare247-posts .blog-loop{
		width: 100%;
	}
	
	.elementor-element-7f2b64c h3, .elementor-element-7f2b64c p{
		text-align: center;
	}
	
	.elementor-element-f137ad5 > div{
		width: calc(100%) !important;
	}
	.elementor-element-f137ad5 > div:first-child, .elementor-element-f137ad5 > div:last-child {
		margin-left: 12px;
	}
	
	.elementor-element-2b1a497{
		display: none;
	}
	
	.elementor-element-2af9c76 h2{
		font-size: 18px !important;
		line-height: 1.4 !important;
	}
	
	.elementor-element-aa62aa2 h2{
		font-size: 28px !important;
		line-height: 1.4 !important;
	}
	
	/* post tab */
	.tabs{
		background-color: #fff;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
  		scrollbar-width: thin;
		justify-content: flex-start !important;
	}
	
	.tab-item{
		flex: 0 0 auto;
	}
	
	.tab-content {
		height: unset;
	}
	.tab-content img.img-bg{
		left: 0;
		height: 24vh;
	}
	
	.tab-content-item .right-content::after{
		display: none;
	}
	
	.tabs::after{
		display: none;
	}
	
	.tab-content-item{
		flex-wrap: wrap;
	}
	
	.tab-content-item .left-content,
	.tab-content-item .right-content{
		width: 100% !important;
	}
	
	.tab-content-item img {
		height: auto;
	}
	
	.right-content{
		align-items: center !important;
    	justify-content: center !important;
		text-align: center !important;
		border-radius: 0 !important;
		margin-top: -1px !important;
	}
	
	.right-content .title,
	.right-content .excerpt{
		text-align: center !important;
	}
	
	.readmore-out{
		flex-direction: column;
	}
	
	.price{
		margin: 0 !important;
		margin-bottom: 16px !important;
		font-size: 20px !important;
	}
	
	.tab-content-item .right-content::before,
	.tabs .tab-item:first-child::before{display: none; !important}
	
	/* lai thu */
	.elementor-element-32064ec {
		margin-top: -10px;
	}
	
	.elementor-element-7e96b94 .wpforms-field-container{
		gap: 0 !important;
	}
	
	.elementor-element-7e96b94 .wpforms-submit-container button{
		width: 100%;
		text-transform: uppercase;
		background: #ed1f24 !important;
	}
}

.wp-block-image img {
    width: 100% !important;
}

.wp-block-image .wp-element-caption{
	text-align: center !important;
}

/* end By: <Thành> */