/*==================================
Theme Color All Codes Variable
==================================*/
:root {
    --primary-theme-color: #ff4b4e
        /* theme primary color */
}

:root {
    --secondery-theme-color: #2a2a2a
        /* theme secondery color */
}

:root {
    --white-theme-color: #fff
        /* theme light gray color */
}

:root {
    --body-text-color: #212529;
    /* theme body font color */
}

:root {
    --gray-theme-color: #9b9b9b
        /* theme light gray color */
}

:root {
    --dark-gray-theme-color: #5a5a5a
        /* theme Dark color */
}

:root {
    --light-gray-theme-color: #f5f5f5
        /* theme light gray color */
}


:root {
    --primary-overlay: rgba(103, 197, 70, 0.7)
        /* theme Primary color overlay transparent */
}

:root {
    --secondery-overlay: rgba(39, 49, 61, 0.7)
        /* theme secondery color overlay transparent */
}

:root {
    --dark-overlay: rgba(32, 42, 54, 0.8)
        /* theme secondery color overlay transparent */
}



/*====================================================================
    Font value 
====================================================================*/
/*==================================
Font Variable
==================================*/
:root {
    --theme-body-font: 'Raleway', sans-serif;
    /* Font use for normal text and body text */
}

:root {
    --theme-highlight-font: 'Montserrat', sans-serif;
    /* Font used in title or special area */
}