*{
	margin: 0px;
	padding: 0px;
}

.wpcf7-select{
    border-radius: 5px;
	padding: 8px;
	width: 100%;
	
}

a:hover{
	text-decoration: none;
	color: #ffffffba;;
}
a{
	color: #ffffffba;;
}
body#colorBody p , span {
    color: #ffffffba;;
}

body#colorBody li {
    color: #ffffffba;
}

.dpblock {
	display: block !important;
}

body#colorBody {
    background: #1e1e1e;
}

body#colorBody ul {
    list-style: none;
}
.colorWhite {
	color: white;
}
.bgOrange {
	background: #6DF2C7;
}
.colorOrange {
	color: #6DF2C7;
}
img{
	width: 100%;
}
::selection {
    background: #000000a8;
    color: #6df2c7;
}
.p-re {
	position: relative;
}
.h1, h1 {
    font-size: 1.8rem;
	color: #ffffff;
}
.h2, h2 {
    font-size: 1.6rem;
	color: #ffffff;
}
.h3, h3 {
    font-size: 1.4rem;
	color: #ffffff;
}
.h4, h4 {
    font-size: 1.4rem;
	color: #ffffff;
}
.h5, h5 {
    font-size: 1.2rem;
	color: #ffffff;
}

.borderBottom {
    border-bottom: 1px dotted #ffffff52;
}

.beforeLine:before { content: ""; position: absolute;  border-bottom: 1px solid #6DF2C7; width: 30%; bottom: -1px; left: -11px; }

input.wpcf7-submit { color: black; }

 /* ---- code Css của Menu --- */
 	a.logoHeader:before { content: ""; position: absolute;	width: 98px; height: 33px; margin-left: -12px;	border-bottom: 1px solid #6DF2C7; }
 	img.hinh_logo_trang { height: 25px; width: auto; object-fit: cover;}
 	input#checkbox_toggle {display: none;}
 	ul#header-menu li { list-style: none; text-transform: uppercase; padding-left: 10px; }
 	ul#header-menu>li { display: inline-block; position: relative;}
	.header-top-menu { padding: 5px 5px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
	.sub-menu { background: #ffffff; border-radius: 10px; border: 1px dotted #98525282;}
	.sub-menu li { padding:10px; width: 200px }
	ul#header-menu { z-index: 999 }
	ul#header-menu a {color: white; }
	header#header { z-index: 99;width: -webkit-fill-available; background: rgb(2,0,36);
		background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(30,30,30,1) 0%, rgba(0,0,0,1) 100%, rgba(43,43,43,1) 100%, rgba(65,65,65,1) 100%, rgba(57,57,57,1) 100%, rgba(65,65,65,1) 100%, rgba(57,57,57,1) 100%, rgba(57,57,57,1) 100%, rgba(215,244,246,1) 100%, rgba(47,47,47,1) 100%); position: sticky; top: 0px ; }
	div#phone-btn { padding: 7px 26px; border: 1px solid white; }

 	@media (min-width: 768px) {
 		ul.sub-menu { display: none; }
		ul#header-menu li:hover ul.sub-menu { display: block; position:absolute; }
		label.hamburger { display: none;}
		ul.top-menu { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; }
		#iconMenu { display: none;}
		button.xicon {display: none;}
  		
	}
 	
  	@media (max-width: 768px) {
		ul#header-menu li ul.sub-menu { display: none;}
		ul#header-menu li:hover ul.sub-menu {display: block;}
		ul#header-menu { background: black;	padding: 10px;	width: 80%;	position: fixed;	top: 0px;	right: -100%; text-align: center; transition: ease 1s; height: -webkit-fill-available;}
		.showmenu {right: 0% !important;}
		ul.sub-menu li { width: auto; }
		input[type=checkbox]:checked ~ ul#header-menu {
		    display: grid;
		  }
  		ul#header-menu>li { border-bottom: 1px solid; padding-top: 10px; padding-bottom: 10px ; display: block;}
  		label.hamburger { margin: 0; font-size: 24px;padding-left: 20px;}
		ul.top-menu { display: flex;justify-content: center; align-items: center; position: relative; margin-top: 10px;}
		div#iconMenu {position: absolute; left: 0;}
		div#phone-btn {display: none;}
		div#bgmenu {display: none;	position: fixed;	background: #00000082;	width: -webkit-fill-available;	height: -webkit-fill-available;	top: 0; left: 0; z-index: 998; }
		button.xicon {position: absolute;top: 20px;	left: 20px;	width: 30px;	border: 1px;	border-radius: 0px 7px;border-bottom: 2px solid #6DF2C7;}

		} 
	
		
			/*https://www.htmlsymbols.xyz/arrow-symbols ( Link của Icon Simple trong menu) */	
		

 /* ---- END code Css của Menu --- */



 /* ---- code Css của tintuc-a.php --- */

		.card a img { height: 200px; width: -webkit-fill-available; object-fit: cover;}
		p.card-text { height: 75px; overflow: hidden; }
		.card-body h4 { height: 85px; overflow: hidden;}
		.card {margin-bottom: 25px; }
		.card:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}


/* Icon move up to when hover */
	.iconRow:after { content: "↗"; padding: 4px;  color: #6DF2C7; position: absolute; top: -7px; transition: ease .7s;}
	.iconRow:hover:after { top: -13px; }

/* Popup CF7 */
	span.wpcf7-spinner { color:white; position: absolute;  }
	.wpcf7-submit {padding: 0px 55px; color: white; background: #6DF2C7;}
	input.wpcf7-form-control {  height: 40px;  border-radius: 6px;  border: 1px solid #6DF2C7; width: 290px }
	.wpcf7-response-output { color: white; }
	.submit-cf7 p { display: flex; align-items: center; justify-content: center; }
	form.wpcf7-form.init { display: grid;justify-content: center;align-items: center; }

	/* Tin tức */
	.sanpham-card {box-shadow: rgb(0 0 0 / 10%) 0px 2px 0px 0px; margin: 10px 0px ; transition: ease 1s; border-radius: 15px; }
	.sanpham-card:hover {box-shadow: rgb(255 255 255 / 24%) 0px 3px 8px;}

/* sảm phẩm template  */
	.sidebarProduct{ position: sticky; top: 70px; }
	.thongsocar { display: flex; justify-content: space-between; border-bottom: 1px solid #ffffff1f; }
	.callPhoneButton { padding: 7px 16px; border: 1px solid;  cursor: pointer;}
	.callButton { display: flex; justify-content: space-between;  align-items: center;  }
	@media (min-width: 768px) {
		.borderRight { border-right: 1px solid; }
	}
/* Page gioi thieu */
	@media (max-width:768px){
	.fdirec{
		flex-direction: column-reverse;
		}
		
	
	}
	section.bggradienleft {
		background: rgb(2,0,36);
		background: linear-gradient(270deg, rgba(2,0,36,1) 0%, rgba(30,30,30,1) 0%, rgba(56,56,56,1) 100%, rgba(0,0,0,1) 100%, rgba(43,43,43,1) 100%, rgba(65,65,65,1) 100%, rgba(57,57,57,1) 100%, rgba(65,65,65,1) 100%, rgba(57,57,57,1) 100%, rgba(57,57,57,1) 100%, rgba(215,244,246,1) 100%);
	}
	
/* single ô tô page  */
	span.btyeucaubaogia {border: 1px solid; padding: 7px; position: fixed; bottom: 0px; margin: 10px; z-index: 99999; background: #141414; cursor: pointer;}

.bgbtn{
	background: #141414;
}

span.html-span.xexx8yu.x4uap5.x18d9i69.xkhd6sd.x1hl2dhg.x16tdsg8.x1vvkbs.x3nfvp2.x1j61x8r.x1fcty0u.xdj266r.xat24cr.xgzva0m.xhhsvwb.xxymvpz.xlup9mm.x1kky2od img {
    width: fit-content;
}

tr {
    color: white;
}


@media (max-width:768px){
		.bannerHomePage{
			width: 100%;
			height: 360px;
			object-fit: cover;
		}
	}