.test-box {
	background-size: cover;
	background-position: center;
}
.main-testbox1 .desc {
	font-size: 18px;
}
.main-testbox1 .btn {
	background-color: #E79523;
	border-color: #E79523;
}

.job-tag{
	border-radius: 45px;
	background: #FFEEDE;
	padding: 1px 23px;
	font-size: 12px;
	color: #D76421;
}
.view-tag {
	border-radius: 20px;
	background: #D76421;
	color: #fff;
	font-size: 12px;
	height: 28px;
	padding: 0 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.menu-tab-test ul {
  border-radius: 70px;
  background: #FFF;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.15);
  padding: 24px 40px;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  overflow: auto;
}
.menu-tab-test li a {
  border-radius: 20px;
  border: 1px solid #D16708;
  background: #FFF;
  width: 100%;
  display: block;
  text-align: center;
  padding: 7px 30px;
  color: #D16708;
  font-weight: 500;
  min-width: 160px;
  white-space: nowrap;
}
.menu-tab-test li a:hover,
.menu-tab-test li.active a {
  background-color: #D16708;
  color: #fff;
}

.chon-baitest select {
  border-radius: 40px;
  background-color: #FFF3E8;
  box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.15);
  padding: 11px 20px 11px 24px;
  border: 0;
  max-width: 330px;
  color: #CF6120;
}
.chon-baitest .btn {
  border-radius: 26px;
  background: #246643;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  color: #fff;
  border: 0;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 30px;
}
.font-italic{
	font-style: italic;
}
/**/
.modal-hvg .modal-content{
	border-radius: 20px;
	background-size: cover;
}
.popup-test-body {
	max-width: 1000px;
	margin: 0 auto;
}
/**/


.baitest-sidebar {
	border-radius: 20px;
	border: 0.6px solid rgba(136, 136, 136, 0.35);
	background: #FFF;
	padding: 40px 20px;
	position: sticky;
	top: 0;
}
.baitest-sidebar>h2 {
	color: rgba(0, 0, 0, 0.85);
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-bottom: 26px;
	margin-bottom: 24px;
	border-bottom: 1px solid rgba(113, 113, 113, 0.35);
}
.baitest-sidebar .single-baitest-meta {
	list-style: none;
	padding: 0;
}
.baitest-sidebar .single-baitest-meta li{
	margin-bottom: 24px;
	padding-bottom: 21px;
	color: rgba(54, 54, 54, 0.93);
	font-size: 18px;
	font-weight: 300;
	border-bottom: 1px solid rgba(113, 113, 113, 0.35);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.baitest-sidebar .single-baitest-meta li b{
	color: rgba(72, 72, 72, 0.92);
	font-size: 19px;
	font-weight: 500;
}
/**/
.modal-hvg-style2 .form-tuvan {
	border-radius: 10px;
	border: 0;
	box-shadow: none;
	padding: 40px 40px 20px;
}
.modal-hvg-style2 .btn-close {
	position: absolute;
	left: 100%;
	bottom: 100%;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.modal-hvg-style2 .wpcf7-form-control.wpcf7-submit {
	display: inline-block;
	width: auto;
	background-color: #fff;
	color: #18A84E;
	transition: .3s all;
}
.form-tuvan button:hover,
.modal-hvg-style2 .wpcf7-form-control.wpcf7-submit:hover {
	background-color: #048428;
	color: #fff;
	transform: scale(1.05);
}
.form-tuvan .wpcf7-response-output{
	color: #fff;
}
@media only screen and (max-width: 767px) {
	.baitest-sidebar {
		padding: 20px;
	}
	.baitest-sidebar > h2 {
		font-size: 22px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.baitest-sidebar .single-baitest-meta li {
		margin-bottom: 20px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.baitest-sidebar .single-baitest-meta li b{
		font-size: 14px;
	}
	.main-testbox1 .desc {
		font-size: 16px;
	}
	.menu-tab-test ul {
		padding: 10px 10px;
	}
	.menu-tab-test li {
		margin-right: 10px;
	}
	.menu-tab-test li a {
		min-width: auto;
		padding: 7px 13px;
	}
	.chon-baitest select{
		max-width: 100%;
	}
	.btn-test{
		width: 100%;
	}
	.popup-test-body .title {
		font-size: 19px;
	}
	.thanhtoan-wrap .title {
		font-size: 20px !important; 
	}
}
@media only screen and (max-width: 640px) {
	.baitest-sidebar .single-baitest-meta li {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.modal-hvg-style2 .form-tuvan {
		padding: 20px;
	}
	.modal-hvg-style2 .btn-close{
		left: auto;
		right: 10px;
	}
}