.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
}

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24
}

:root {

    /** global **/
    --ng-font-family: "Poppins", sans-serif;
    --ng-color-primary: #45b967;
    --ng-color-secondary: #1191DB;
    --ng-text-primary: #2f3237cc;
    --ng-text-secondary: #5e636e;
    --ng-bg-primary: white;
    --ng-bg-secondary: #f1f3f9;

    --ng-bg-footer: #221F20;
    --ng-text-footer: #d6d6d6;





    /** banner **/
    --ng-banner-form-bg: white;
    --ng-banner-legend-bg: rgba(0, 0, 0, 0.425);
    --ng-banner-legend-text: white;
}