.popup_bg {    
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 20px;
    z-index:100;
}

.popup_bg .cover_bg{
    background-color: #000000b3;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:101;
    filter: blur(0px);
}
.popup_bg .popup_banner {
    background-color: #ffffff;
    position:relative;
    z-index:102;
}

.popup_bg.nodatabase {
    /* display:none; */
    z-index:-1000;
    opacity:0;
}
.popup_bg.nodatabase.visible{
    display:flex;
    z-index:121;
    opacity: 1;
    transition:opacity 0.5s ease;
}
.popup_bg.nodatabase .cover_bg{
  /*   background-color: transparent; */
}
.popup_bg.nodatabase  .popup_banner {
    background-color: transparent;
}
.popup_bg.nodatabase .popup_banner .close {
    background-color:transparent;
}
.popup_bg.nodatabase .popup_banner .close:hover {
    background-color:transparent;
}

.popup_bg .popup_banner .close {
    position:absolute;
    top:0px;
    right:-40px;
    opacity:1;
    width:40px;
    height:40px;
    outline:none;
    margin:0px;
    padding:0px;
    /* background-color:#fa2a2a; */
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all 0.3s ease;
}
@media(max-width:768px){
    .popup_bg .popup_banner .close {
      top:-35px;
      right:0px;
      width:35px;
      height:35px;
    }
}

.popup_bg .popup_banner .close:hover {
/*     background-color:#cd2222; */
}
.popup_bg .popup_banner .close .icon {
    text-shadow:none;    
}
.popup_bg .popup_banner .close .icon svg {
    width: 25px;
    height: 25px;
    transition: all 0.3s ease;
}
.popup_bg .popup_banner .close .icon svg path {
    fill: #ffffff;
}
.popup_bg .popup_banner img {
    width:100%;
    max-width: 800px;
}