/* ===========================
HELP CENTER OPTIONS
=========================== */

.helpCenterOptionsPopup{

position:fixed;

inset:0;

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

display:flex;

align-items:center;

justify-content:center;

z-index:10000;

padding:18px;

}

.helpCenterOptionsBox{

width:100%;

max-width:360px;

background:#fff;

border-radius:24px;

padding:24px;

text-align:center;

animation:popupIn .25s;

}

.helpCenterIcon{

width:74px;

height:74px;

margin:auto;

border-radius:50%;

background:#006FFF;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:18px;

}

.helpCenterIcon i{

font-size:34px;

color:#fff;

}

.helpCenterOptionsBox h2{

margin-bottom:10px;

font-size:24px;

}

.helpCenterOptionsBox p{

font-size:14px;

line-height:1.7;

color:#666;

margin-bottom:20px;

}

.helpWhatsappBtn,

.helpEmailBtn,

.helpCloseBtn{

width:100%;

height:56px;

border:none;

border-radius:14px;

font-size:16px;

font-weight:700;

margin-top:12px;

}

.helpWhatsappBtn{

background:#25D366;

color:#fff;

}

.helpEmailBtn{

background:#006FFF;

color:#fff;

}

.helpCloseBtn{

background:#f2f2f2;

color:#222;

}

@keyframes popupIn{

from{

transform:scale(.9);

opacity:0;

}

to{

transform:scale(1);

opacity:1;

}

}







/* ================================
   CONTACT POPUP
================================ */

.contactPopupBox{

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

    background:#fff;

    border-radius:24px;

    padding:24px;

    text-align:center;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.18);
}

.contactTopIcon{

    width:75px;
    height:75px;

    border-radius:50%;

    background:#25D366;

    margin:auto;

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

    margin-bottom:18px;
}

.contactTopIcon i{

    font-size:38px;

    color:#fff;
}

.contactPopupBox h2{

    font-size:28px;

    margin-bottom:16px;

    color:#111;
}

.contactText{

    font-size:16px;

    line-height:1.8;

    color:#444;

    margin-bottom:14px;
}

.contactWhatsappBtn{

    width:100%;

    height:58px;

    border:none;

    border-radius:16px;

    background:#25D366;

    color:#fff;

    font-size:18px;

    font-weight:700;

    margin-top:10px;
}

.closeContactBtn{

    width:100%;

    height:52px;

    border:none;

    border-radius:14px;

    background:#f1f1f1;

    margin-top:12px;

    font-size:16px;

    font-weight:600;
}