.Click-here {
  cursor: pointer;
/*   background-image: linear-gradient(190deg, #243bef 0%, #2b368c 100%); */
  background:url("https://i.ibb.co/tYcMdLF/bgpopupleloi.png") center;
  color: #fff;
  width: 200px;
  text-align: center;
  font-size:14px;
  padding: 18px;
  margin: 0 auto;
  transition:background-image 3s ease-in-out;
  position:fixed;
  right:10px; bottom:0px;
  border-radius:8px 8px 0 0;
  font-weight: 500;
  z-index: 9999;
}
.Click-here:hover{
  transition:background-image 3s ease-in-out;
  background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%);
}
.custom-model-main {
	text-align: center;
	overflow: hidden;
	position: fixed;
	right: 0;
	bottom: 0;
	padding: 10px;
	outline: 0;
	opacity: 0;
	-webkit-transition: opacity 0.15s linear, z-index 0.15;
	-o-transition: opacity 0.15s linear, z-index 0.15;
	transition: opacity 0.15s linear, z-index 0.15;
	z-index: -1;
	width: 372px;
	visibility: hidden;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  visibility:visible;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 600px;
  max-width: 102%;
  
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background:url("https://i.ibb.co/tYcMdLF/bgpopupleloi.png") center;
  border: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 16px;
  -webkit-box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 19px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 15px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.button-close{opacity:0}
/* .close-btn:hover {background:rgba(227,21,21,0.1);color:red;} */
.close-btn {
  border-radius:22px;
  text-align:center;
  padding:7px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  z-index: 99;
  line-height:18px;
  font-size: 26px;
  color: #fff;
}

@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}
.pop-up-content-wrap a:hover{
  filter:brightness(1.1);
}
.pop-up-content-wrap .title h3{
  text-transform:uppercase;
  text-align:center;
  border-radius: 10px;
  font-size:1.4em;
  color: #fff;
  display:block;
  margin:10px 0 10px 0;
}
.pop-up-content-wrap .title h3+h3{
  color:#FFD400;font-size:1.6em;margin:10px 0 15px 0;
}
.bt-submit{
  display: flex;
  width:100%;
  flex-flow:wrap;
  justify-content: center;
  column-gap:15px;
}
.dangkyngay{
  text-align:center;
  font-size:11px;
  background: #E31515;
  border-radius: 10px;
  color: #fff;
  flex: 1;
  text-decoration:none;
  padding:12px 20px;
  font-weight: 700;
}
.timhieuthongtin {
	text-align: center;
	font-size: 11px;
	background: #FFD400;
	border-radius: 10px;
	color: #333;
	flex: 1;
	text-decoration: none;
	padding: 12px 20px;
	font-weight: 700;
}
.bt-submit .timhieuthongtin:hover {
	color: #333;
}
.bt-submit .dangkyngay:hover {
	color: #fff;
}

/*flex qr code*/
.pop-up-content-wrap .flex_1 {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
	column-gap: 15px;
}

	.pop-up-content-wrap .flex_1 .item_1 img {
		margin: 0 auto;
		display: flex;
	}