/* =========================================
   BASE
========================================= */

*{

    margin:0;

    padding:0;

    box-sizing:border-box;
}

html{

    scroll-behavior:smooth;
}

body{

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

    background:var(--white);

    color:var(--text);

    overflow-x:hidden;
}

img{

    max-width:100%;

    display:block;
}

a{

    text-decoration:none;
}

/* =========================================
   LAYOUT
========================================= */

.container{

    width:100%;

    max-width:1400px;

    margin:0 auto;

    padding:0 24px;
}

.section{

    padding:100px 0;
}

/* =========================================
   FLEX UTILITIES
========================================= */

.flex-center{

    display:flex;

    align-items:center;

    justify-content:center;
}

.flex-between{

    display:flex;

    align-items:center;

    justify-content:space-between;
}