/* ==============================
   QUEST SAFARI MODAL
============================== */


.qsmw-modal-overlay{

position:fixed;

inset:0;

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

display:flex;

align-items:center;

justify-content:center;

z-index:99999;

padding:20px;

}



.qsmw-modal-box{

background:white;

max-width:420px;

width:100%;

border-radius:18px;

padding:35px;

text-align:center;

box-shadow:
0 20px 60px rgba(0,0,0,.25);

animation:qsmwPopup .3s ease;

}



@keyframes qsmwPopup{

from{

transform:translateY(30px);

opacity:0;

}


to{

transform:translateY(0);

opacity:1;

}

}



.qsmw-modal-icon{

width:70px;

height:70px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:35px;

margin:auto auto 20px;

font-weight:bold;

}



.qsmw-modal-icon.success{

background:#e7f7ee;

color:#198754;

}



.qsmw-modal-icon.error{

background:#fdecec;

color:#dc3545;

}



.qsmw-modal-box h2{

font-size:24px;

margin-bottom:12px;

color:#1c352d;

}



.qsmw-modal-box p{

font-size:15px;

line-height:1.7;

color:#555;

}



.qsmw-modal-close{

margin-top:25px;

background:#1f4d3a;

color:white;

border:none;

padding:12px 35px;

border-radius:30px;

cursor:pointer;

font-size:15px;

}



.qsmw-modal-close:hover{

background:#16392c;

}



.qsmw-spinner{

display:inline-block;

width:14px;

height:14px;

border:2px solid white;

border-top-color:transparent;

border-radius:50%;

animation:qsmwSpin .8s linear infinite;

margin-right:8px;

}



@keyframes qsmwSpin{

to{

transform:rotate(360deg);

}

}