/*
 */


/* ================================ [01] ROOT START ================================ */
:root {
    --primary-color : #82c46c;
    --white-color : #ffffff;
    --bg-color : #f3f3f3;
    --body-color : #212121;
    --grey-color : #dadada;
    --link-color : #2f00ff;
    --border-grey : 1px solid #dadada;
}

@font-face {
    font-family: "Font Awesome 6 Free";
    src: url('../font-awesome/webfonts/fa-light-300.woff2') format('woff2'),
         url('../font-awesome/webfonts/fa-light-300.woff') format('woff');
    font-style: normal;
}
/* ================================ [01] ROOT END ================================ */


/* ================================ [03] ELEMENTS STYLES START ================================ */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

::-webkit-scrollbar {
    display: none;
}

html {
    scrollbar-width: none;
}

body {
    font-family: Roboto, 'Poppins', sans-serif;
    font-size: 0.9em;
    line-height: 1.4;
    background-color: var(--bg-color);
    color: var(--body-color);
    overflow-x: hidden;
}

button {
    border: none;
    cursor: pointer;
}
/* ================================ [03] ELEMENTS STYLES END ================================ */