:root{
    --ct-branding: #a3ea2a ;
    --ct-branding-soft: #a4ea2a34 ;
    --ct-branding-border: #a4ea2a67 ;
}


@font-face {
    font-family: 'monti' ;
    src: url({% static 'fonts/ms.ttf' %});
}

@font-face {
    font-family: 'monti-b' ;
    src: url({% static 'fonts/ms-b.ttf' %});
}




.text-brand{
    color:var(--ct-branding) !important ;
}


.border-brand{
    border-color: var(--ct-branding) !important;
}


.btn-outline-brand{
    color: var(--ct-branding);
    border: 1px solid var(--ct-branding);
}

.btn-outline-brand:hover{
    color: black;
    background-color: var(--ct-branding);

}

.bg-brand{
    background-color: var(--ct-branding) !important;
}

.bg-soft-brand{
    background-color: var(--ct-branding-soft) ;
}




.btn-brand{
    color:  black !important;
    background-color: var(--ct-branding) !important;

}


.btn-brand:hover{
    background-color: #8eca26 !important ;
}


.alert-brand{
    background-color: var(--ct-branding-soft) !important;
    color: var(--ct-branding);
    border: 1px solid var(--ct-branding-border);
}



.sattu-logo-box {
    background-color: #a3ea2a !important;
    border: 1px solid var(--ct-branding);
}




.bg-bd{
    background-color: var(--ct-branding) !important;
}


.toast{
    box-shadow: none !important;
    opacity: 1 !important;
    background-color: #57627a  !important;
    border: none !important;
    border-bottom: 4px solid var(--ct-branding) !important ;
    /* border-right: 4px solid var(--ct-branding) !important ; */
    /* color: var(--ct-branding) !important; */
    backdrop-filter: blur(20px) !important ;
 
}

.toast-success{
    box-shadow: none !important;
    opacity: 1 !important;
    background-color: #7bc200  !important;
    border: none !important ;
    /* color: black !important ; */
    backdrop-filter: blur(20px) !important ;
}

.toast-error{
    box-shadow: none !important;
    opacity: 1 !important;
    background-color: #ff6b46d0  !important;
    border: none !important ;
    backdrop-filter: blur(20px) !important ;
}


.toast-warning{
    box-shadow: none !important;
    opacity: 1 !important;
    background-color: #caa425ec  !important;
    border: none !important ;
    /* color: #363b47 !important; */
    backdrop-filter: blur(20px) !important ;
}