:root {
    /* ---------------- FONT FAMILY------------------- */
    --font-family-body: 'Roboto', sans-serif;

    /* ---------------- FONT-------------------------- */
    --default-font-size: 1rem;

    /* ---------------- FONT WEIGHT------------------- */
    --font-w-800: 800;
    --font-w-700: 700;
    --font-w-600: 600;
    --font-w-500: 500;
    --font-w-400: 400;
    --font-w-300: 300;
    --font-w-200: 200;

    /* ---------------- FONT-SIZE---------------------- */
    --font-sm: 10px;
    --font-med: 18px;
    --font-lg: 30px;
    --font-xlg: 3.25rem;

    /* ---------------- BORDER RADIUS----------------- */
    --border-radius-30: 30px;
    --border-radius-15: 15px;
    --border-radius-5: 5px;

    /* ---------------- BORDER COLOR ----------------- */
    --search-input-bg:#FBFBFB;
    --search-border-color:#e5e5e5;
}


/* Center-Center */
.flex-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Space-Between, Align Center */
.sb-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Align-Start, Justify-Center */
.flex-sc {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* Align-Start, Justify-Start */
.flex-ss {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

/* Align-Start, Justify-Space-Between */
.flex-sb {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

/* Align-End, Justify-Center */
.flex-ec {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

/* Align-End, Justify-Start */
.flex-es {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
}

/* Align-End, Justify-Space-Between */
.flex-eb {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

/* Align-Center, Justify-Start */
.flex-cs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* Align-Center, Justify-Space-Around */
.flex-ca {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* Align-Center, Justify-Space-Evenly */
.flex-ce {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}