.dpp_popup_container{position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #0000005f; display: flex; align-items: center; justify-content: center; z-index: 9999999; display: none;}
.dpp_popup_container .inner{width: 750px; max-width:90%; aspect-ratio: 3/2; height: auto; padding: 50px 30px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow-y: auto; background-size: cover; background-repeat: no-repeat;}
.dpp_popup_container .inner .close{position: absolute; right: 20px; top: 20px; cursor: pointer; display: flex; width: 20px; height: 20px;}
.dpp_popup_container .inner .close svg{width: 100%; height: 100%;}
.dpp_popup_container .inner img.bg-image{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;z-index: -1;}
.dpp_popup_container .inner img.bg-image.mobile{display: none;}
.dpp_popup_container .inner .text{text-align: center;}
.dpp_popup_container .inner p{font-weight: 300;}
.dpp_popup_container .inner img.inner-img{width: 100%; height: auto;}
.dpp_popup_container .inner .button-background{margin: 30px auto 0;}
.dpp_popup_container .inner .button-background a{padding-left: 40px !important; padding-right: 40px !important;}
@media only screen and (max-width: 600px){
.dpp_popup_container .inner{aspect-ratio: 1/1.2;}
.dpp_popup_container .inner img.bg-image:not(.mobile){display: none;}
.dpp_popup_container .inner img.bg-image.mobile{display: block;}
}