.single-thithu-head {
	border-radius: 20px;
	background: #074D93;
	text-align: center;
	padding: 80px 0;
	font-size: 32px;
	color: #ffff;
}
.single-thithu-head h1{
	font-size: 32px;
	color: #fff;
}

/**/

.item-luyenthi.item-luyenthi-dgnl,
.item-luyenthi.item-luyenthi-df {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.item-luyenthi.item-luyenthi-dgnl .item-luyenthi-content,
.item-luyenthi.item-luyenthi-df .item-luyenthi-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/**/
.modal-content-chonde{

}
.modal-content.modal-content-chonde.active {
	background-image: url(images/bg-popup-active.jpg) !important;
}
.modal-content.modal-content-chonde {
	padding: 50px;
	text-align: center;
	background-color: #1C73CA;
}
.modal-main-chondethi h2.title {
	color: #074D93;
	font-size: 26px;
	border-radius: 10px;
	background: #F6FDFF;
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 20px;
}
.form-stt-dethi {
	display: inline-block;
	border-radius: 20px;
	border: 8px solid #EEB700;
	background: #FFF;
	box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.55);
	min-width: 200px;
	aspect-ratio: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	font-size: 40px;
	color: #272727;
	font-weight: 700;
}
.btn-hvg.btn-white{
	background-color: #fff !important;
	color: #EEB700 !important;
}
.chon-de-thi-btn a{
	font-size: 20px;
}
.btn-hvg.btn-chon-de{
	display: none;
}

/*///////////*/
/**/
.thanhtoan-wrap .title{
	color: #2F5036;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
}
.form-group{
	margin-bottom: 20px;
}
.form-group label {
	display: block;
	margin-bottom: 5px;
}
.form-group label em{
	color: #F00;
}
.form-group input {
	border-radius: 15px;
	background: #F0F0F0;
	padding: 10px 20px;
	border: 0;
	width: 100%;
	height: 56px;
}
.form-group input.baitest {
	box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.15)
}

.thanhtoan-chiphi {
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 4px 12px 0px rgba(25, 45, 103, 0.16);
  overflow: hidden;
}
.thanhtoan-chiphi h3 {
  background: #074D93;
  color: #fff;
  color: #FDFAFA;
  font-size: 20px;
  padding: 15px 10px;
}
.thanhtoan-chiphi-content {
  padding: 36px;
}
.line-chiphi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.num-discount{
	font-size: 16px;
}
.line-discount{
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(161, 161, 161, 0.35);
}
.num-total{
	color: #F26622;
	font-weight: 600;
	font-size: 24px;
}
.btn-tieptuc-tt{
	display: block;
	border-radius: 8px;
	background: #EEB700;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	margin-top: 30px;
	color: #fff !important;
}
.line-total label{
	color: rgba(0, 0, 0, 0.80);
	font-size: 16px;
}
/**/

.popup-thanhtoan-content h2 {
  color: #000;
  /*! font-family: Roboto; */
  font-size: 20px;
}
.popup-thanhtoan-content ul {
  list-style: none;
  padding: 0;
}
.popup-thanhtoan-content li {
  display: ;
  border-radius: 15px;
  background: #F5F5F5;
  padding: 20px;
  margin-bottom: 20px;
}
.popup-thanhtoan-content li label {
  width: 45%;
}
.popup-thanhtoan-content li span {
  font-weight: bold;
}
.popup-thanhtoan-content li.popup-total {
  background-color: #2F5036;
  color: #fff;
}
.popup-thanhtoan-stk {
  border-radius: 20px;
  border: 1px solid #EEB700;
  text-align: center;
  ơa: ;
  padding: 20px;
}
.popup-thanhtoan-stk h3 {
  font-size: 24px;
}
.popup-thanhtoan-stk h4 {
  font-size: 20px;
}
.line-stk {
  margin-bottom: 10px;
}
.copy-btn {
  padding: 2px 5px;
  border-radius: 7px;
  border: 1px solid #074D93;
  color: #2F5036;
  font-size: 12px;
}
/**/
.category-thithu-name {
	color: #004AB4;
}
.meta-thithu {
	list-style: none;
	padding: 0;
}
.meta-thithu i {
	color: #074D93;
}
.item-luyenthi.item-khoahoc {
	padding: 0;
	margin-bottom: 0;
}
.item-khoahoc-content h3{
	margin-bottom: 10px;
}
.item-khoahoc > img {
	aspect-ratio: 1/0.8;
	border-radius: 0;
}

.khoahoc-btn{
	margin-top: 20px;
}

.item-luyenthi.item-luyenthi-dgnl p {
	font-size: 18px;
}
/*thi thu dgnl*/
/**/
.btn-hvg.disabled {
	background-color: #88888863;
	cursor: no-drop;
	border-color: #88888863;
}
.single-chon-de{
	background-size: cover;
	background-position: center;
	background-image: url(images/bg-popup.jpg);
}
.single-chon-de.active {
	background-image: url(images/bg-popup-active-vn.jpg) !important;
}
.main-chondethi .btn-hvg{
	max-width: 432px;
	margin-left: auto;
	margin-right: auto;
}
.main-chondethi {
	margin: x;
	max-width: 600px;
	margin-right: 0;
	margin-left: auto;
}
.main-chondethi h2.title {
	color: #fff;
	font-size: 25px;
	border-radius: 10px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.baitest-price .amount,
	.info-baitest .title-baitest {
		font-size: 18px;
	}
	.item-baitest {
		margin-bottom: 20px;
	}
	.cat-menu .menu {
		justify-content: flex-start;
		overflow: auto;
	}
	.cat-menu a {
		margin: 0 10px;
		padding: 0 15px;
		height: 35px;
		font-size: 14px;
		min-width: 120px;
		white-space: nowrap;
	}
/*	*/
	.head-page-df{
		min-height: 220px;
		display: flex;
		align-items: center;
	}
	.head-page-content h2.text-nb, .head-page-content h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	.head-page-content h2.text-nb {
		font-size: 20px;
		padding: 6px 14px;
		border-radius: 10px;
	}
/*	*/
	.table-lkg-body .table-lkg-head .item-col {
		padding: 6px 10px;
	}
	.table-lkg-body .item-col {
		flex: 1;
		padding: 4px 10px;
		text-align: center;
	}
	.lkg-title {
		font-size: 22px;
	}
	.lkg-title::after {
		margin: 10px auto 20px;
	}
	.item-testonline h3 {
		font-size: 16px;
	}
	.modal-ww h3 {
		font-size: 22px;
	}
	.form-group input {
		padding: 5px 20px;
		height: 45px;
	}
	.popup-thanhtoan-stk h4,
	.thanhtoan-chiphi h3 {
		font-size: 18px;
	}
	.thanhtoan-chiphi-content {
		padding: 26px 15px;
	}
	.line-chiphi {
		font-size: 16px;
	}
	.popup-thanhtoan-stk h3,
	.num-total {
		font-size: 20px;
	}
}
@media only screen and (max-width: 500px) {
	.order-box,
	.search-tailieu{
		width: 100%;
	}
}