/*@import url('fonts/poppins/poppins.css');*/

html {
    font-size: 14px;
    overflow: auto;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
    unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body * {
    font-family: Poppins;
}

:root {
    /*colors*/
    --primary-color: #ff8c00;
    --primary-color-higher-1: #F37021;
    --primary-color-lighter-1: #fde1bb;
    --primary-color-lighter-2: #fff5e9;
    --primary-green-abs-color: #0c2d39;
    --primary-background-color: #fbfafc;
    /*icons*/
    --icons: #F47421;
    /*fonts*/
    --primary-font-color: #333333;
    --primary-font-menu-color: #5e5f62;
    --primary-font-color-lighter-1: #84818A;
    --primary-font-color-lighter-2: #FBFAFC;
    --primary-font-color-lighter-3: #f1f1f1;
    /*borders*/
    --primary-border-color: #EBEAED;
    /*hovers*/
    --primary-hover-color: #e0e0e0;
    /*navbar*/
    --navbar-height: 60px;
    --navbar-logo-width: 60px;
    /*z-index*/
    --z-index-10: 1000;
    --z-index-9: 900;
    --z-index-8: 800;
    --z-index-7: 700;
    --z-index-6: 600; /*header*/
    --z-index-5: 500;
    --z-index-4: 400;
    --z-index-3: 300;
    --z-index-2: 200;
    --z-index-1: 100;
    --z-index-0: 0;
    /*views*/
    --view-max-width: 1500px;
    /*Screen size*/
    --vh: 0.00000000000000001px;
    --rvh: calc(100vh - var(--vh));
}

/* width */
::-webkit-scrollbar {
    width: 7px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--primary-color-higher-1);
    border-radius: 3rem;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: var(--primary-color);        
    }