.popup-overlays {
    position: fixed;
    bottom: 3px;
    left: 55px;
    display: none;
    z-index: 9999;
    animation: fadeIn 0.3s ease;
}
.popup-boxes {
    /*background: linear-gradient(135deg, #dc3545, #fd7e14);*/
    background: #FFBA08;
    padding: 24px;
    max-width: 320px;
    width: 100%;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgb(0 0 0 / .15);
    border: 1px solid rgb(0 0 0 / .08);
    animation: slideUp 0.4s cubic-bezier(.25, .8, .25, 1);
}
.popup-boxes1 {
    background: linear-gradient(272deg, #FFBA08 0%, #0A2472 100%) !important;
}
.popup-boxes1 h3{
    color: #fff !important;
}
.popup-boxes1 p{
    color: #fff !important;
}
.close-btns {
    position: absolute;
    top: -4px;
    right: 7px;
    font-size: 30px;
    color: #0A2472;
    cursor: pointer;
}
.popup-boxes h3 {
    margin-bottom: 12px;
    color: #0A2472;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}
.popup-boxes p {
    color: #0A2472;
    font-size: .9rem;
    margin-bottom: 20px;
    line-height: 1.5;
}
.popup-boxes .btn-primarys {
    background: #0A2472;
    color: #fff;
    padding: 8px 20px;
    font-size: 16px;
    border: 1px solid #0A2472;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 8px;
}
.popup-boxes .btn-secondarys {
    background: #fff0;
    color: #0A2472;
    padding: 8px 20px;
    font-size: 16px;
    border: 1px solid #0A2472;
    border-radius: 6px;
    cursor: pointer;
}
.popup-boxes .btn-primarys:hover {
    background: transparent;
    /*color: #fff;*/
}
.popup-boxes .btn-secondarys:hover {
    background: #0A2472;
    color: #fff;
}
@keyframes fadeIn{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes slideUp {
    0% {
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}
@media (max-width: 767px){
    .popup-overlays {
        display: none !important;
    }
}