#popup-info .overlay {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background: rgba(201, 76, 76, 0.3);
  z-index: 1005;
  display:none;
}
 
#popup-info .content {
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  /* background:#fff; */
  width: 100%;
  max-width: 900px;
  height: auto;
  z-index: 1010;
  text-align:center;
  /* padding: 20px; */
  box-sizing:border-box;
}
 
#popup-info .close-btn {
  cursor:pointer;
  position:absolute;
  right:10px;
  top:10px;
  width:30px;
  height:30px;
  background:#f07d00;
  color:#fff;
  font-size:20px;
  font-weight:600;
  line-height:30px;
  text-align:center;
  border-radius:50%;
}
 
#popup-info.active .overlay {
  display:block;
}
 
#popup-info.active .content {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}