#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9999;
  display:none;
  background:rgba(0,0,0,0.8);
  width:100%; height:100%
}  

#boxes {
	background: #fff;
	color:#000;
	position: fixed;
	z-index: 99999;
	top: 30%;
	left: 40%;
	width: 50% !important;
	margin: 0 auto;
	margin-left: -15%;
	padding: 30px;
	display:none;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  text-align: center;
}

#boxes p{
  text-align: center;
}
#boxes .btn-link{ 
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 30px 0 20px;
  gap: 10px;
  text-decoration: none !important;
}
#boxes img{ margin:0 auto 20px; max-width: 150px; display:block}
#boxes .btn-link a.link{
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #ffffff;
  background-color: #a2bd58;
  border-radius: 25px 25px 25px 25px;
  padding: 10px 30px 10px 30px;
  text-shadow: none;
  float: none;
  border: 1px solid #a2bd58;
  line-height: 20px;
  text-decoration: none;
}

#boxes .btn-link a.link:hover{ 
  color: #618400;
  background-color: #ffffff;
  border-color: #618400;

}
@media(max-width:991px){
  #boxes{
    top: 22%;
    left: 10px;
    width: 90% !important;
    right: 10px;
    margin-left: auto;
  }
}

@media(max-width:479px){
  #boxes .btn-link{
    flex-direction: column;
  }
}