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


html {
   overflow-y: scroll;
    scrollbar-gutter: stable;
}
:root{

    /* COLORS */
    --primary-color:#e30613;
    --dark:#000;
    --white:#fff;
    --gray:#f5f5f5;


    --primary-color: #d60000;        /* Main Red */
    --secondary-color: #000000;      /* Black */
    --accent-color: #f5f5f5;         /* Light Grey */
    --text-color: #222222;
    --white-color: #ffffff;
    --blue-color: #002b51;    /*Blue */
    --royalblue-color: #1E88E5;
    /* FONT
    --main-font:'Poppins', sans-serif; */

     /* ===== FONT ===== */
    --main-font: 'Poppins', sans-serif;
    --heading-font: 'Segoe UI', sans-serif;
    --hero-font: 'Montserrat', sans-serif;

    /* ===== BUTTON =====
    --btn-radius: 4px; */

    /* ===== TRANSITION =====
    --transition: all 0.3s ease;*/
}
body {
   /* font-family: 'Montserrat', sans-serif;*/
   font-family:var(--main-font);
}
img{
    max-width:100%;
    height:auto;
    display:block;
}