/*====================================
        GOOGLE FONT
====================================*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');


/*====================================
        GLOBAL VARIABLES
====================================*/

:root{

    /* Typography */

    --font-family:'Poppins',sans-serif;

    /* Theme Colors */

    --header-bg:#111111;
    --footer-bg:#111111;

    --body-bg:#ecececcb;
    --section-bg:#FFFFFF;
    --card-bg:#FFFFFF;

    --heading:#111111;
    --text:#555555;
    --white:#FFFFFF;

    --primary-btn:#C1121F;
    --primary-btn-hover:#8B0000;

    --accent:#C1121F;

    --border:#DDDDDD;

    /* Border Radius */

    --radius-sm:10px;
    --radius-md:18px;
    --radius-lg:50px;

    /* Shadow */

    --shadow:0 20px 50px rgba(0,0,0,.08);
    --shadow-hover:0 25px 60px rgba(0,0,0,.12);

    /* Transition */

    --transition:.35s;

}