/* ---:::::::::::::::::::::::::::::::::::: FOUNDATIONS ::::::::::::::::::::::::::::::::::::---  */
:root {    
    /* Colors */
    --nld-green: #5ebf8a;
    --nld-yellow: #F5D51E;
    --nld-tangerine: #ff7043;
    --black: #000000;
    --dark: #666666;
    --dark20: rgba(102,102,102,0.2);
    --light-grey: #D9D9D9;
    --lighter-grey: #F2F2F2;
    --white: #FFFFFF;
    --white-50: rgba(255, 255, 255, 0.5);
}

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

html {
    margin: 0 !important;
    padding: 0 !important;
    scroll-behavior: smooth;
    line-height: 16px;
}

body {
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    color: var(--black);
    -moz-osx-font-smoothing: grayscale;  
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
body.scroll-lock {
    overflow: hidden;
}

button.btn-close {
    background-color: transparent !important;
    border-color: transparent !important;
}




/* ---:::::::::::::::::::::::::::::::::::: FONT FORMATS ::::::::::::::::::::::::::::::::::::---  */
h1, h2, h3 {
    font-weight: 700 !important;
}

h1 {
    font-size: 50px !important;
    line-height: 60px !important;
    letter-spacing: -0.2rem !important;
}
h2 {
    font-size: 40px !important;
    line-height: 44px !important;
    letter-spacing: -0.1rem !important;
}
h3 {
    font-size: 30px !important;
    line-height: 40px !important;
    letter-spacing: -0.05rem !important;
}
h4, h5, h6 {
    letter-spacing: -0.01rem !important;
}
p, li {
    font-weight: 400 !important;
    font-size: 1.1rem !important;
    line-height: 26px !important;
    letter-spacing: 0.03rem !important;
}

p.headline {
    font-weight: 400 !important;
    font-size: 1rem !important;
    line-height: 28px !important;
    letter-spacing: 0.03rem !important;
}