@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    --navy: #0c2b49;
    --navy-2: #0d2f47;
    --blue: #1469a8;
    --orange: #f36f21;
    --ink: #172534;
    --muted: #607080;
    --line: #dfe6ec;
    --soft: #f4f7fa;
    --white: #fff;
    --blue-bright: #1594d2;
    --gold: #f3b33d;
    --ice: #eef6fa;
    --paper: #ffffff;
    --font-primary: Arial, Helvetica, sans-serif;
    --font-title: 'Manrope', sans-serif;
}

.z-index-2 {
    z-index: 2;
}

.z-index-1 {
    z-index: 1;
}

.color-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
}


.position-relative {
    position: relative;
}