/* ================================
   GOOGLE FONTS
================================ */

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

/* ================================
   CSS FILES
================================ */

@import url("header.css");
@import url("hero.css");
@import url("cards.css");
@import url("sections.css");
@import url("calculator.css");
@import url("footer.css");
@import url("responsive.css");
@import url("darkmode.css");

/* ================================
   RESET
================================ */

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

html{
    scroll-behavior:smooth;
}

body{

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

    background:#f7f9fc;

    color:#222;

    line-height:1.7;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

}

.container{

    width:92%;

    max-width:1280px;

    margin:auto;

}

section{

    padding:80px 0;

}

h1,h2,h3,h4{

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

    color:#0D47A1;

}

.button{

    display:inline-block;

    padding:15px 32px;

    border-radius:8px;

    background:#1565C0;

    color:white;

    font-weight:600;

    transition:.3s;

}

.button:hover{

    background:#0D47A1;

}