/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.Lien-he p{
	margin-bottom: 0px!important;
	color: rgb(74, 222, 128);
}
.Lien-he span {
    color: rgb(74, 222, 128);
}
footer .menu_dieukhoan {
    color: rgb(74, 222, 128);
}
footer .social-icons{
	color: rgb(74, 222, 128)!important;
}
/* Header */

 .header_top .ux-menu-link__link{
	color:#fff !important
}
.header_top i{
	color: #D70C19;
}

#logo img {
    max-height: 75px!important;
    height: 215px;
    width: 100%;
}
span.w-text {
    line-height: 20px;
}
span.btn-hotline {
    background: #ffffff;
    padding: 10px 20px;
    color: #000000;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 0px 2px 3px #777;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    flex-direction: column;
}
.btn-nhangiauudai {
	  background: #D70C19;
 	padding: 10px 20px;
    color: #FFF;
 	border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0px 2px 3px #777;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
	 border: 1px solid #FFF;
	    flex-direction: column
}
.btn-nhangiauudai span{
	text-align:center;
  display:block;
}
.btn-nhangiauudai img{
	filter: invert(1) grayscale(100%);
	width:20px !important;
	margin-right:2px
}
.nav-line-bottom>li>a:before{
	background:#fff
}
.header-nav.header-nav-main{
	    justify-content: center;
}
.text-title p{
	height:41px;
}
/* menu dịch vụ */
.menu-dichvu{
	padding:20px !important;
}
.menu-dichvu .col{
	max-width:20% !important;
	padding-bottom:0px !important;
}
.menu-dichvu .box-text{
	position:absolute;
	height: 100%;
	top:0;
}
.menu-dichvu .box-text h4{
	color:#fff
}
.menu-dichvu  a.button.white.is-outline.expand {
    border-color: #fff;
    color: #fff !important;
}

.menu-dichvu .box-text-inner{
	height:100%;
	display:flex;
	    flex-direction: column;
    justify-content: space-between;
}

.pd-0{
	padding-bottom:0px
}
.pd-0 .slider{
	padding-bottom:0px !important
}
/* Popup giá ưu đãi */
#nhangiauudai{
	border-radius:12px
}
#nhangiauudai .wpcf7-form{
	text-align:center;
}
.form-title {
    font-size: 23px;
    color: #4ade80;
    text-align: center;
    text-transform: uppercase;
	margin-bottom:0px
}
.form-sale-price{
	 background: #00000036;
   padding: 10px;
   border-radius: 8px;
   box-shadow: 0px 0px 10px #FFF;
}
.form-sale-price .wpcf7-submit{
	width:100%;
	margin:0px !important;
	border-radius:99px;
	background: #4ade80 !important;
	color:#fff !important
}
/* Section sản phẩm */
.section-dongxe .box .text {
 display: block;
 display: -webkit-box;
 max-width: 100%;
 height: 60px;
 margin: 0 auto;
 font-size: 14px;
 line-height: 1;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
/* Trang tuyển dụng */
.Tuyen-dung .wpcf7-form{
	display:flex;
	    flex-wrap: wrap;
}
.Tuyen-dung .w-form-row-field {
	width:50%;
	position:relative;
	margin-bottom:15px;
	padding:0px 5px;
}
.Tuyen-dung .w-form-row-field .wpcf7-form-control-wrap input{
	padding-left:2.8em;
	margin-bottom:0px;
	height:41px
}
.Tuyen-dung .w-form-row-field i{
	position:absolute;
	z-index: 1;
    transform: translateY(-50%);
	color:#000;
	top:50%;
	padding:0 1.5em;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
	margin-left:5px;
	padding: 0.9em 2.2em;
	line-height: 1.1 !important;
	background:#fff ;
	color:#000
}
/* Trang liên hệ */
.Lien-he .wpcf7-form{
	display:flex;
	    flex-wrap: wrap;
}
.Lien-he .cols_2 {
	width:50%;
	position:relative;
	margin-bottom:15px;
	padding:0px 5px;
}
.Lien-he .w-form-row-field{
		position:relative;
}
.Lien-he .w-form-row-field .wpcf7-form-control-wrap input{
	padding-left:2.8em;
	margin-bottom:0px;
	height:41px
}
.Lien-he .w-form-row-field i{
	position:absolute;
	z-index: 1;
    transform: translateY(-50%);
	color:#000;
	top:50%;
	padding:0 1.5em;
}
.Lien-he .for_textarea {
	width:100%;
	padding:0 5px
}
.Lien-he textarea{
		padding-left:45px
}
.Lien-he .for_textarea i{
	top:0.9em !important;
	transform:unset !important;
	left:0px !important;
}
.Lien-he .w-form-row-label {
    font-weight: 600;
    margin-bottom: 0.3em;
}
/* Trang tin tức */
.section-hd-blog .flickity-slider .col .box{
	background:#f3f5fb;
	color:#000;
	padding:30px 0px;
	
}
.section-hd-blog .flickity-slider .post-title{
	margin-bottom:20px
}
.post-title a {
 display: block;
 display: -webkit-box;
 max-width: 100%;
 height: 41px;
 margin: 0 auto;
 font-size: 16px;
 line-height: 1.2 !important;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}
/*Trang giới thiệu*/
.gioi-thieu .mo-ta p{
	font-size: 16px!important;
}
.gioi-thieu .slider-wrapper .flickity-viewport {
  min-height: 250px; /* tùy chỉnh */
  display: flex;
  align-items: center; /* căn giữa nội dung */
}
/* footer */
@media(min-width:768px){
footer .ux-menu{
	    flex-direction: row;
    flex-wrap: nowrap;
	gap:10px
}
footer .ux-menu a{
	font-size:12px;
	
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
/*Trang giới thiệu*/
.gioi-thieu .mo-ta p{
	font-size: 14px;
}
	img#preview-mau-xe {
    max-width: 100%;
    margin: 0px auto 20px;
    height: 230px!important;
    display: block;
}

}