@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600;700&display=swap");
:root {
    --theme-heading-font: 'Gilroy', sans-serif;
    --theme-secondary-font: 'Jost', sans-serif;
    --theme-primary-color: #d5b93e;
    --theme-primary-color-border: #d5b93ed0;
    /* --theme-primary-color: #F14D5D; */
    --theme-secondary-color: #022c46;
    --theme-heading-color: #14133b;
    --theme-text-color: #77838F;
    --theme-white-color: #fff;
    --theme-border-color: #ddd;
    --top-header: #022c46;
    --top-main-banner: #022c46;
    --top-counter: #2A3E61;
    --footer: #000000;
    --white: #ffff;
    --logo-text: #d5b93e;
}

.custom-btn{
    background-color: var(--theme-primary-color);
    border: var(--theme-primary-color-border);
}

.custom-btn:hover{
    background-color: var(--theme-primary-color);
    border: var(--theme-primary-color-border);
}

.custom-alert{
    font-size: 20px !important;
}

.c-secondary{
    color: var(--theme-primary-color) !important;
}

._fs{
    font-size: 50px !important;
}

.notification-img{
    width: 60px !important;   
}

.bg_notification{
    padding: 10px !important;
}
.bg_notification:hover{
    background-color: #b4b2b23c !important;   
}

.active_notification{
    background-color: #f5f5f5 !important;   
}
.notification_text{
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 600 !important;
}