#paymentFailureOverlay{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:rgba(0,0,0,.75);

display:flex;

justify-content:center;
align-items:center;

z-index:999999999;
}


#paymentFailureModal{

position:relative;

width:90%;
max-width:520px;

background:#fff;

border-radius:12px;

padding:35px;

text-align:center;

box-shadow:0 20px 50px rgba(0,0,0,.3);

font-family:Arial,sans-serif;

animation:popup .35s ease;
}


@keyframes popup{

from{

opacity:0;
transform:translateY(-30px) scale(.95);

}

to{

opacity:1;
transform:translateY(0) scale(1);

}

}


#paymentFailureClose{

position:absolute;

right:15px;
top:10px;

border:none;
background:none;

font-size:28px;

cursor:pointer;

color:#777;
}

#paymentFailureClose:hover{

color:red;

}


.icon{

font-size:65px;

margin-bottom:15px;

}


#paymentFailureModal h2{

margin-bottom:15px;

color:#d32f2f;

font-size:28px;

}


#paymentFailureModal p{

font-size:17px;

line-height:1.7;

margin-bottom:15px;

color:#444;

}


.important{

background:#fff3cd;

padding:15px;

border-left:5px solid #ff9800;

font-weight:bold;

border-radius:6px;

}