/* ===========================
   React Modal Popup Styling
=========================== */
 
.ReactModal__Content.ReactModal__Content--after-open{
    width:90% !important;
    max-width:650px !important;
    max-height:90vh !important;
    overflow-y:auto !important;
 
    background:#ffffff !important;
    border:none !important;
    border-radius:20px !important;
    padding:35px !important;
 
    box-shadow:0 20px 50px rgba(0,0,0,0.18) !important;
 
    inset:50% auto auto 50% !important;
    transform:translate(-50%,-50%) !important;
}
 
 
/* Inner Content */
.ina-modal-inside{
    text-align:center;
}
 
 
/* Heading */
.ina-modal-inside h2{
    margin:0 0 18px !important;
 
    font-family:"Montserrat", Sans-serif !important;
    font-size:25px !important;
    font-weight:700 !important;
    text-transform:none !important;
    font-style:normal !important;
    letter-spacing:-0.3px !important;
 
    color:#550164 !important;
}
 
 
/* Text */
.ina-modal-content p{
 
    margin:0 !important;
 
    font-family:"Montserrat", Sans-serif !important;
    font-size:18px !important;
    font-weight:500 !important;
 
    color:#555555 !important;
 
    line-height:1.7 !important;
}
 
 
/* Button Wrapper */
.ina-modal-actions{
 
    margin-top:30px !important;
 
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
 
    gap:15px !important;
    flex-wrap:wrap !important;
}
 
 
/* All Buttons */
.ina-modal-actions button{
 
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
 
    min-height:48px !important;
 
    padding:14px 20px !important;
 
    font-family:"Montserrat", Sans-serif !important;
    font-size:16px !important;
    font-weight:600 !important;
 
    color:#FFFFFF !important;
    fill:#FFFFFF !important;
 
    border:none !important;
    cursor:pointer !important;
 
    transition:.3s ease !important;
}
 
 
/* OK Button Purple */
.ina-modal-actions button.ina-stay-logged-in{
 
    background:#73268E !important;
 
    background-image:
    linear-gradient(90deg,#73268E 2%,#A33590 100%) !important;
 
    border-style:none !important;
 
    border-radius:12px !important;
 
    color:#FFFFFF !important;
}
 
 
/* Close Button Orange */
.ina-modal-actions button.ina-close-without-reloading{
 
    background:#FE8A1D !important;
 
    background-image:
    linear-gradient(183deg,#FEB34F 2%,#FE8A1D 100%) !important;
 
    border-style:none !important;
 
    border-radius:7.93px !important;
 
    color:#FFFFFF !important;
}
 
 
/* Button Hover */
.ina-modal-actions button:hover{
 
    opacity:.9 !important;
 
    transform:translateY(-2px) !important;
 
    box-shadow:0 8px 18px rgba(0,0,0,.15) !important;
}
 
 
/* Scrollbar */
.ReactModal__Content::-webkit-scrollbar{
 
    width:8px !important;
}
 
.ReactModal__Content::-webkit-scrollbar-thumb{
 
    background:#b8b8b8 !important;
    border-radius:20px !important;
}
 
 
/* Mobile Responsive */
@media(max-width:768px){
 
    .ReactModal__Content.ReactModal__Content--after-open{width: calc(100% - 67px) !important;padding:25px !important;border-radius:16px !important;overflow: unset !important;}
 
 
    .ina-modal-inside h2{
 
        font-size:22px !important;
    }
.ina-modal-inside .ina-modal-content{
    padding: 0;
}
 
    .ina-modal-content p{
 
        font-size:16px !important;
    }
 
 
    .ina-modal-actions{flex-direction:column !important;width:100% !important;padding: 0 !important;}
 
 
    .ina-modal-actions button{
 
        width:100% !important;
    }
    .ina-modal-inside .ina-modal-actions .ina-close-without-reloading{
        margin: 0 !important;
    }
 
}